@charset "UTF-8";body{color:#fff;font-family:メイリオ,Helvetica,sans-serif;font-size:16px;line-height:1.5;background:-moz-linear-gradient(top,#f0f0f0,#d8d8d8);background:-webkit-linear-gradient(top,#f0f0f0,#d8d8d8);background:linear-gradient(to bottom,#f0f0f0,#d8d8d8);height:100%;margin:0;padding:0;position:relative;min-width:800px;min-height:400px}body.iFix{-webkit-text-size-adjust:none}input,textarea,select{font-family:メイリオ,Helvetica,sans-serif;font-size:100%}body.iFix input,textarea,select{font-size:80%}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,blockquote,pre,cite,code,caption,form,fieldset,legend,input,textarea,select,option,label{margin:0;padding:0}img,table{border:none}img{vertical-align:bottom}ol,ul{list-style:none}address,em,cite{font-style:normal}fieldset{border:none}input::-webkit-input-placeholder{border:0 solid #666666}body.iFix input::-webkit-input-placeholder{font-size:70%}a{outline:none}a:link,a:visited,a:active{color:#333;text-decoration:none}.tipped{color:#bbb}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.wrap{color:#fff;width:100%;height:100%;text-align:center}.main{color:#fff;margin:-200px 0 0 -400px;position:absolute;top:50%;left:50%;width:800px;height:400px}.left_area{width:400px;margin:0;color:#666;float:left}@media screen and (max-width: 640px){.left_area{display:none}}.right_area{float:right;width:400px;margin:0;color:#666}.right_area .login_area{width:340px;height:380px;position:relative;text-align:center;background:#fff;padding:10px 30px;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px;color:#444}.login_area:before{content:"";display:inline-block;border:10px solid transparent;border-right-color:#fff;position:absolute;left:-20px;top:50%;margin-top:-9px}.login_area h3{color:#000;font-size:200%;margin:10px auto}.login_area p{color:#666;text-align:left;padding:10px 0;border-top:1px dotted #666}.login_area h4{color:#666;text-align:right;padding:10px 0 3px;font-size:12px;border-bottom:1px dotted #666}.login_area input{width:100%;height:50px;color:#666;background:#fff;font-size:80%;border:0px;padding:10px;margin:5px 0;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px}.login_area .error{width:100%;height:50px;color:#fff;background:#b84d4d;font-size:80%;border:0px;padding:10px;margin:5px 0;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px}.login_area h2{width:100%;height:40px;color:#fff;background:#000;font-size:100%;border:0px;margin:10px 0;padding-top:15px;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px}.login_area .fb{width:100%;height:40px;color:#fff;background:#3b5998;font-size:100%;border:0px;margin:10px 0;padding-top:15px;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px}.login_area .gm{width:100%;height:40px;color:#fff;background:#dd4b39;font-size:100%;border:0px;margin:10px 0;padding-top:15px;border-radius:4px;　　-webkit-border-radius:4px;　　-moz-border-radius:4px}.login_area img{margin:10px auto;width:250px}.login_area a{display:block;width:100%;height:40px;color:#fff;text-decoration:none}body{position:relative;width:100%;text-align:center;min-width:300px;color:#fff}.main{margin:-325px 0 0 -170px;position:absolute;top:50%;left:50%;width:300px;text-align:center}.right_area{float:none;max-width:260px;text-align:center}.right_area .login_area{width:100%;margin:0 10px;text-align:center;color:#fff;background:transparent}.login_area input{width:260px}.login_area:before{display:none}.login_area p{color:#444;text-align:center;font-size:11px;border-top:none}.login_area h2{width:100%}.footer{margin:0;padding:5px;position:fixed!important;position:absolute;width:100%;bottom:0;left:0;background:#ffffe0;z-index:998;text-align:center;border-top:1px dotted #aaa}.foot_area{width:80%;margin:2px auto;font-size:14px;position:relative;color:#000}.footer #foot-ball{margin:0;padding:0;position:absolute;width:40px;height:40px;left:15px;top:-15px;background:#c00;color:#fff;font-size:30px;line-height:40px;font-weight:700;border-radius:50%}.cur_hand{cursor:pointer}input.hiragana{ime-mode:active}input.eisu{ime-mode:disabled}input.num{text-align:right;ime-mode:disabled}@media screen and (min-width: 768px){.sp-only{display:none!important}.pc-only{display:block!important}}@media screen and (max-width: 767px){.pc-only{display:none!important}.sp-only{display:block!important}}.fadeup{animation:fadeup 1.5s cubic-bezier(.33,1,.68,1) 1 forwards}@keyframes fadeup{0%{transform:translateY(80px);opacity:0}80%{opacity:1}to{opacity:1;transform:translateY(0)}}