html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;}body{margin:0;overflow:hidden;}section{display:block;}a{text-decoration:none;}a:hover{outline:0;}::selection{background:#fa96b5;color:#ffffff;text-shadow:1px 1px 1px #AD244F;}::-moz-selection{background:#fa96b5;color:#ffffff;text-shadow:1px 1px 1px #AD244F;}::-webkit-selection{background:#fa96b5;color:#ffffff;text-shadow:1px 1px 1px #AD244F;}.st-color ::selection{background:#e23a6e;color:#ffffff;text-shadow:1px 1px 1px #821134;}.st-color ::-moz-selection{background:#e23a6e;color:#ffffff;text-shadow:1px 1px 1px #821134;}.st-color ::-webkit-selection{background:#e23a6e;color:#ffffff;text-shadow:1px 1px 1px #821134;}.clr{clear:both;padding:0;height:0;margin:0;}.st-container{position:absolute;width:100%;height:100%;top:0;left:0;}.st-container>input,.st-container>label>a{position:fixed;bottom:0px;width:20%;cursor:pointer;font-size:16px;height:34px;line-height:34px;}.st-container>input{opacity:0;z-index:4;font-family:inherit;}.st-container>label>a{z-index:3;font-weight:700;background:#e23a6e;color:#ffffff;text-shadow:1px 1px 1px #821134;text-align:center;}.st-container:before{content:'';position:fixed;width:100%;height:34px;background:#e23a6e;z-index:2;bottom:0;}#st-control-1,#st-control-1+label>a{left:0;}#st-control-2,#st-control-2+label>a{left:20%;}#st-control-3,#st-control-3+label>a{left:40%;}#st-control-4,#st-control-4+label>a{left:60%;}#st-control-5,#st-control-5+label>a{left:80%;}.st-container>input:checked+label>a,.st-container>input:checked:hover+label>a{background:#821134;}.st-container>input:checked+label>a:after,.st-container>input:checked:hover+label>a:after{bottom:100%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#821134;border-width:20px;left:50%;margin-left:-20px;}.st-container>input:hover+label>a{background:#AD244F;}.st-container>input:hover+label>a:after{border-bottom-color:#AD244F;}.st-scroll,.st-panel{position:relative;height:100%;}.st-scroll{top:0;left:0;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;}.st-panel{background:#ffffff;overflow:hidden;}#st-control-1:checked~.st-scroll{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}#st-control-2:checked~.st-scroll{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}#st-control-3:checked~.st-scroll{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-o-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);}#st-control-4:checked~.st-scroll{-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-o-transform:translateY(-300%);-ms-transform:translateY(-300%);transform:translateY(-300%);}#st-control-5:checked~.st-scroll{-webkit-transform:translateY(-400%);-moz-transform:translateY(-400%);-o-transform:translateY(-400%);-ms-transform:translateY(-400%);transform:translateY(-400%);}.st-deco{width:200px;height:200px;position:absolute;top:0px;left:50%;margin-left:-100px;background:#fa96b5;-webkit-transform:translateY(-50%)rotate(45deg);-moz-transform:translateY(-50%)rotate(45deg);-o-transform:translateY(-50%)rotate(45deg);-ms-transform:translateY(-50%)rotate(45deg);transform:translateY(-50%)rotate(45deg);}.st-panel h2{color:#e23a6e;text-shadow:1px 1px 1px rgba(151,24,64,0.2);position:absolute;font-size:30px;font-weight:900;text-align:center;width:100%;margin:0;padding:0;top:150px;-webkit-backface-visibility:hidden;}#st-control-1:checked~.st-scroll #st-panel-1 h2,#st-control-2:checked~.st-scroll #st-panel-2 h2,#st-control-3:checked~.st-scroll #st-panel-3 h2,#st-control-4:checked~.st-scroll #st-panel-4 h2,#st-control-5:checked~.st-scroll #st-panel-5 h2{-webkit-animation:moveDown 0.6s ease-in-out 0.2s backwards;-moz-animation:moveDown 0.6s ease-in-out 0.2s backwards;-ms-animation:moveDown 0.6s ease-in-out 0.2s backwards;animation:moveDown 0.6s ease-in-out 0.2s backwards;}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(-40px);opacity:0;}100%{-webkit-transform:translateY(0px);opacity:1;}}@-moz-keyframes moveDown{0%{-moz-transform:translateY(-40px);opacity:0;}100%{-moz-transform:translateY(0px);opacity:1;}}@-ms-keyframes moveDown{0%{-ms-transform:translateY(-40px);opacity:0;}100%{-ms-transform:translateY(0px);opacity:1;}}@keyframes moveDown{0%{transform:translateY(-40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}}#st-control-1:checked~.st-scroll #st-panel-1 h3,#st-control-2:checked~.st-scroll #st-panel-2 h3,#st-control-3:checked~.st-scroll #st-panel-3 h3,#st-control-4:checked~.st-scroll #st-panel-4 h3,#st-control-5:checked~.st-scroll #st-panel-5 h3{-webkit-animation:moveUp 0.6s ease-in-out 0.2s backwards;-moz-animation:moveUp 0.6s ease-in-out 0.2s backwards;-ms-animation:moveUp 0.6s ease-in-out 0.2s backwards;animation:moveUp 0.6s ease-in-out 0.2s backwards;}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px);opacity:0;}100%{-webkit-transform:translateY(0px);opacity:1;}}@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px);opacity:0;}100%{-moz-transform:translateY(0px);opacity:1;}}@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px);opacity:0;}100%{-ms-transform:translateY(0px);opacity:1;}}@keyframes moveUp{0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}}.st-color,.st-deco{background:#fa96b5;}.st-color div[title]:after{color:#fa96b5;}.st-color .st-deco{background:#ffffff;text-shadow:1px 1px 1px rgba(0,0,0,0.1);}.st-color h2{color:#ffffff;text-shadow:1px 1px 1px rgba(151,24,64,0.2);}/* shop contents */.incqbox{position:relative;height:75%;overflow:hidden;margin:0 auto;top:200px;}.scrollbox{position:relative;width:97%;padding:0 15px 0 15px;height:99%;overflow:auto;margin:0 auto;}.figure, .add{-webkit-border-radius:7px;border-radius:7px;-webkit-box-shadow:10px 10px 5px #888888;box-shadow:10px 10px 15px #888888;width:320px;height:380px;margin:10px 10px 30px;padding:0 10px 10px;text-align:center;position:relative;float:left;}.figure{border:1px solid #cccccc;background-color:#ffffff;color:#e23a6e;}.st-color .figure{border:1px solid #fa96b5;-webkit-box-shadow:10px 10px 5px #AD244F;box-shadow:10px 10px 15px #AD244F;}.add{border:1px solid #e23a6e;background-color:#ffe4e1;color:#e23a6e;}.st-color .add{-webkit-box-shadow:10px 10px 5px #AD244F;box-shadow:10px 10px 15px #AD244F;}h3{text-shadow:1px 1px 1px rgba(0,0,0,0.1);}.add h3{margin-bottom:1em;}/* shop text */.tooltip{position:relative;}.tooltip em{font-size:1.2em;font-weight:bold;display:block;padding:0 0 0.5em;}.tooltip span{left:0;top:-15em;text-align:left;width:260px;line-height:1.3em;margin-left:-999em;position:absolute;display:block;border-radius:5px 5px;-webkit-border-radius:5px;box-shadow:1px 1px 1px rgba(151,24,64,0.2);-webkit-box-shadow:1px 1px 1px rgba(151,24,64,0.2);text-shadow:1px 1px 1px rgba(151,24,64,0.9);}.tooltip:hover span{margin-left:0;}.tooltip:hover span>img{border:0;margin:-30px 0 0 -45px;float:left;}.info{background:rgba(226,58,98,0.8);color:#ffffff;border:1px solid #AD244F;padding:10px 10px 10px 30px;}/* for smartphone */@media screen and (max-width:520px){.st-panel h2{font-size:18px;}.st-container>label>a{font-size:13px;}}/* for iPhone  */@media screen and (max-width:360px){.st-container>label>a{font-size:10px;}.st-deco{width:120px;height:120px;margin-left:-60px;}div[title]:after{font-size:60px;-webkit-transform:rotate(-45deg)translateY(15%);-moz-transform:rotate(-45deg)translateY(15%);-o-transform:rotate(-45deg)translateY(15%);-ms-transform:rotate(-45deg)translateY(15%);transform:rotate(-45deg)translateY(15%);}}@font-face{font-family:'Fbnyan';src:url('fonts/Fbnyan.ttf') format('truetype'),url('fonts/Fbnyan.woff') format('woff');}div[title]:after{content:attr(title);font-family:'Fbnyan';color:#ffffff;text-shadow:1px 1px 1px rgba(151,24,64,0.2);position:absolute;width:200px;height:200px;line-height:200px;text-align:center;font-size:70px;top:50%;left:57%;margin:-100px 0 0 -100px;-webkit-transform:rotate(-45deg)translateY(25%);-moz-transform:rotate(-45deg)translateY(25%);-o-transform:rotate(-45deg)translateY(25%);-ms-transform:rotate(-45deg)translateY(25%);transform:rotate(-45deg)translateY(25%);}