.commontop{border-bottom:1px solid #e8e8e8;height:55px;margin:0 auto;max-width:1000px;padding-top:20px}.commontop h1{margin:0 0 -30px}nav{display:none}.commontop .pcmenu{float:right;height:30px;list-style:none;margin:5px 0 15px 20%;padding:0}.commontop .pcmenu li{border-right:1px solid #e8e8e8;float:left;height:25px;padding:0 10px}.commontop .pcmenu .nopop{padding:0 10px 0 0}.commontop .pcmenu .noline{border:0}.commontop .pcmenu li a{color:#000;display:block;font-weight:700;height:25px;line-height:30px;text-decoration:none}.commontop .pcmenu li a:hover{border-bottom:4px solid #e8e8e8}.logo{margin:0 0 -20px;width:150px}.clear{clear:both}@media only screen and (max-width:1000px){.commontop{display:none}nav{background-color:#fff;border-bottom:1px solid #e8e8e8;display:block;height:65px}nav .logo{display:inline-block;margin:0 auto;position:absolute;right:34%;top:25px;width:120px}#menuToggle{display:flex;flex-direction:column;left:25px;position:relative;top:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}#menuToggle input{cursor:pointer;display:flex;height:32px;opacity:0;position:absolute;width:40px;z-index:2}#menuToggle span{background:#000;border-radius:3px;display:flex;height:2px;margin-bottom:5px;position:relative;transform-origin:5px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:29px;z-index:1}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{background:#36383f;opacity:1;transform:rotate(45deg) translate(-3px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{background-color:#f5f6fa;box-shadow:0 0 10px #85888c;height:400px;margin:-50px 0 0 -50px;padding:125px 50px 50px;position:absolute;width:180px;-webkit-font-smoothing:antialiased;transform:translate(-100%);transform-origin:0 0;transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;transition-delay:2s}#menu li a{color:#000;display:block;font-weight:700;height:25px;line-height:30px;text-decoration:none}#menuToggle input:checked~ul{transform:none}}.commonfoot{background:#191919;color:#fff;margin-top:30px;min-height:300px;padding-top:30px}.commonfoot .footarea{margin:30px auto;max-width:1000px}.commonfoot .footarea .fbox{float:left;min-height:300px;width:25%}.commonfoot .footarea ul{list-style:none;margin:0;padding:0}.commonfoot .footarea ul li{padding-bottom:5px}.commonfoot .footarea ul li a{color:#fff;text-decoration:none}.commonfoot .footarea ul li a:before{content:"» ";padding-right:5px}.copyright{background-color:#000;color:#fff;font-size:10px}.copyright .copybox{margin:0 auto;max-width:1000px;padding:10px 0}.whitelogo{margin-bottom:18px;opacity:.5;width:110px}@media only screen and (max-width:1000px){.commonfoot{min-height:100px}.commonfoot .footarea{background-color:#add8e6;padding:0 30px}.copyright .copybox{text-align:center}.commonfoot .footarea .fbox{float:left;min-height:100px;width:50%}}