﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,object,iframe,pre,code,p,blockquote,form,fieldset,legend,table,th,td,caption,tbody,tfoot,thead,article,aside,figure,footer,header,hgroup,menu,nav,section,audio,video,canvas,main{margin:0;padding:0}article,aside,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,menu,nav,section,main{display:block}html{overflow-y:scroll}html,body{width:100%;height:100%;min-height:100%;background-color:#fefefe}body{position:relative;color:#000;font-family:'Josefin Sans', "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;font-size:13px;*font-size:82%;line-height:1.5;box-sizing:border-box}a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}a:active{color:#000;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:100%}p{line-height:1.5}li{list-style:none}table{border-collapse:collapse;border-spacing:0;font-size:100%;font-family:inherit}caption,th,td{text-align:left;vertical-align:top;font-weight:normal}fieldset{border:none}input,textarea,select,label{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:100%;font-family:inherit;vertical-align:middle}label{cursor:pointer}textarea{overflow:auto}legend{display:none}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{border:none;vertical-align:middle}object{vertical-align:middle;outline:none}em{font-style:italic}strong{font-weight:bold}small{font-size:100%}abbr,acronym{border:none;font-variant:normal}q:before,q:after{content:''}address,caption,cite,code,dfn,var{font-weight:normal;font-style:normal}code,pre{font-family:monospace}sup{vertical-align:text-top}sub{vertical-align:text-bottom}hr{display:none}button{border:none;background:none;cursor:pointer;margin:0;padding:0}button:focus{outline:none}button ::-moz-focus-inner{border:0}*:first-child+html body,*:first-child+html br{letter-spacing:0}#scrollArea{position:absolute;top:0;left:0;width:100%;height:100%}#wrapper{position:fixed;top:0;left:50%;width:1020px;height:100%;margin-left:-510px;z-index:1}#footer{position:fixed;bottom:0;left:0;width:100%;height:30px;text-align:right;background:#000;z-index:99;color:#fff}#footer .facebook,#footer .twitter{float:left;margin-left:40px;line-height:30px}#footer .facebook img{width:10px;height:auto}#footer .twitter img{width:13px;height:auto}#footer .copyright{margin-right:40px;line-height:30px;font-size:12px}#footer .copyright a{color:#fff}.gothic{font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif}#tumblr_controls{display:none}.searchContainer{position:fixed;top:50%;left:50%;width:320px;margin:-280px 0 0 -510px;color:#333;z-index:10}.searchContainer .searchForm{text-align:center}.searchContainer input{width:340px;text-align:center;border:none;box-sizing:border-box;-moz-transition:border 0.2s ease 0s;-o-transition:border 0.2s ease 0s;-webkit-transition:border 0.2s ease;-webkit-transition-delay:0s;transition:border 0.2s ease 0s}.searchContainer input:focus{outline:none;border:2px solid #333}.searchContainer input ::-moz-focus-inner{border:0}.searchContainer .year{height:120px;font-size:96px;padding-left:20px;background:transparent}.searchContainer .text{height:80px;font-size:50px;background:transparent}.searchContainer .button{width:200px;height:50px;margin-top:5px;background:transparent;font-size:36px;border:1px solid #000;cursor:pointer;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease;-webkit-transition-delay:0s;transition:all 0.2s ease 0s}.searchContainer .button:hover{background:#000;color:#fff}.timeline{position:absolute;top:0;left:340px;width:680px;-moz-transform:translateX(340px) rotateX(58deg) rotateY(0deg) rotateZ(31deg);-ms-transform:translateX(340px) rotateX(58deg) rotateY(0deg) rotateZ(31deg);-webkit-transform:translateX(340px) rotateX(58deg) rotateY(0deg) rotateZ(31deg);transform:translateX(340px) rotateX(58deg) rotateY(0deg) rotateZ(31deg);-moz-transform-origin:0 0 0;-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.timeline .centerLine{position:absolute;top:20px;left:50%;margin-left:-1px;width:2px;height:100%;background-color:#333;border-radius:20px;opacity:0}.timeline .centerLine.show{-moz-transition:all 0.5s ease-in 0s;-o-transition:all 0.5s ease-in 0s;-webkit-transition:all 0.5s ease-in;-webkit-transition-delay:0s;transition:all 0.5s ease-in 0s;opacity:1}.timeline .photoLayers{width:680px;margin-top:80px}.timeline .year:after{content:"";display:block;clear:both}.timeline .layer{float:left;width:680px;margin-top:60px;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;-moz-transition:all 0.25s ease-in 0s;-o-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in;-webkit-transition-delay:0s;transition:all 0.25s ease-in 0s}.timeline .layer.leftColumn .photoContainer:before{left:333px}.timeline .layer.rightColumn .photoContainer{float:right}.timeline .layer.rightColumn .photoContainer:before{left:-27px}.timeline .layer.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.timeline .photoContainer{position:relative}.timeline .photoContainer:before{position:absolute;top:0;width:15px;height:15px;border-radius:50px;background-color:#fefefe;box-shadow:0 0 0 3px #333,0 0 0 10px #fefefe;content:""}.timeline .title{width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timeline .photo img{width:320px;height:auto;cursor:pointer}#modalBack{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99}#modalContainer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100}#modalContainer .photo{position:absolute;top:50%;left:50%;text-align:center}#modalContainer .photo img{width:auto;height:100%}#modalContainer .title{position:absolute;top:50%;left:50%;font-size:18px}#modalContainer .close{position:absolute;top:50%;left:50%;width:50px;height:50px;cursor:pointer}#modalContainer .close img{width:50px}#loadingContainer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100}#loadingContainer .loading{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px}.tutorial{position:absolute;top:50%;left:50%;width:480px;height:500px;margin-left:-240px;margin-top:-250px;text-align:center;z-index:100}.tutorial .title{font-size:96px}.tutorial .sentence{font-size:28px;margin-top:30px}.tutorial .arrow{position:relative;width:70px;margin:25px auto;cursor:pointer;-moz-transition:margin-top 0.2s ease 0s;-o-transition:margin-top 0.2s ease 0s;-webkit-transition:margin-top 0.2s ease;-webkit-transition-delay:0s;transition:margin-top 0.2s ease 0s}.tutorial .arrow button{font-size:20px;font-weight:bold}.tutorial .arrow:after{position:absolute;top:19px;left:50%;margin-left:-26px;content:"";width:55px;height:50px;background:url("http://static.tumblr.com/owbcywg/vTSnaqwjz/arrow.png") no-repeat;background-size:30px auto;background-position:12px 15px}.tutorial .arrow:hover{margin-top:35px}.tutorial .caution{display:none;font-size:24px;margin-top:80px}
