.login-area{padding:0 5px;background:url("../Images/bgimage_pc.png") repeat-x;background-clip:padding-box;background-size:auto 566px;background-position:center top;height:566px}.loginbody{display:table;height:100%;width:100%;max-width:800px;margin:0 auto}#copy{text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff}#newsbody{max-width:788px;margin:0 auto}#footer{max-width:800px;margin:0 auto}.loginLeft,.loginRight{display:table-cell;vertical-align:middle;padding:0}.login-area .loginRight{width:300px}.app-thumbnail{height:256px;width:424px;background:url("/Content/CWApp/dialog_screenshot.png") center no-repeat;background-size:424px 256px}@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.app-thumbnail{background-image:url("/Content/CWApp/dialog_screenshot@2x.png")}}.app-area{min-height:256px;background-color:#e6f4ff;padding-right:20px}.app-area .title{line-height:22px;text-align:center;font-weight:bold}.app-area .description{line-height:1.5;text-align:center;padding-bottom:20px;margin:10px auto}.app-area .description:lang(ja){line-height:1.7}.app-area .loginRight{padding-top:0;max-width:300px}.createMsg{color:#474d59;color:rgba(71,77,89,.6);text-align:center;font-size:.8em;padding-top:10px}.input-panel{padding-bottom:10px}.news-area{margin-top:10px}.copymessage{width:360px;text-align:center;padding:20px 0;margin:0 auto;line-height:1.8}.copymessage h1{color:#342b3a;font-size:1.8em}.loginPanel{border-radius:10px;padding:20px;background:#fff;line-height:1.4em;box-shadow:0 0 5px #afb0b7}#panelMsg{margin-bottom:15px;min-height:86px;font-size:.9em}#panelMsg .Link{margin:10px 10px 0 10px;text-align:right}#loginForm .input-field{margin-top:2px}#loginForm{line-height:1.6em;color:#4c6ad9}#loginForm .mycheck label{color:#474d59}#loginForm .mycheck input[type="checkbox"]:checked+label:after,#loginForm .mycheck input[type="checkbox"]:checked+input+label:after{color:#4c6ad9}#loginForm .validation-error{display:block;margin-left:15px}#loginForm .validation-summary-errors ul{margin:0;padding:0}#loginForm .validation-summary-errors li{display:inline;list-style:none;margin:0}#loginForm .field-validation-error span{display:block}#loginForm .input-field{height:36px;border:solid 2px #e1e2e5;border-radius:8px;padding:0 10px;margin:0}#loginForm input[type="text"],#loginForm input[type="password"]{height:36px;padding:0 10px;padding:0;margin:0;border:none;width:100%}#loginForm .input-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}#loginForm input[type="text"]:focus,#loginForm input[type="password"]:focus{border:none;outline:none}#loginForm a{display:block;font-size:.9em;float:left;clear:left;color:#4c6ad9}.loginRight .loginbutton{height:48px;font-weight:bold;font-size:18px;width:100%;padding:6px 0 6px 0;margin:5px 0;border-radius:8px;background-color:#4c6ad9}.loginRight .register{background-color:#fff;padding:3px 0;color:#4c6ad9;border:2px solid #4c6ad9}.ticker{text-align:left;border:#afb0b7 1px solid;position:relative;overflow:hidden;height:40px;padding:5px;margin:5px}.ticker ul{position:relative;line-height:1.3em}.ticker ul li{display:none;left:100px}#newsarchive{margin-right:1px;text-align:right;z-index:100}a.langref{display:block;font-size:1.1em;line-height:1.6em;white-space:nowrap;float:left;clear:left}@media all and (max-width:735px){body{width:auto}.login-area{background:url("../Images/bgimage_mobile.png") no-repeat;background-size:auto 620px;height:100%;padding-bottom:20px}.loginbody>*{margin:0 auto}.loginbody{display:block}.loginLeft,.loginRight{display:block;vertical-align:initial;padding:0}.loginPanel{padding:10px 20px}.copymessage{line-height:1.6}.copymessage h1{font-size:1.7em}.app-area{display:none;height:540px;padding-right:0}.app-area .loginbody{position:relative}.app-thumbnail{width:414px;overflow-x:hidden}.app-area .loginLeft{position:absolute;left:0;right:0;z-index:0;width:414px;top:30px}.app-area .loginLeft img{width:100%;height:auto!important}.app-area .loginRight{position:absolute;left:0;right:0;bottom:40px;z-index:1;width:300px}.app-area .description{margin:10px auto}}.guide-area{color:#474d59}.guide-placeholder{background-color:#edf0fb;margin:20px auto;max-width:800px;height:180px}.guide-placeholder>a{display:flex;align-items:center;width:100%;height:100%;text-decoration:none}.guide-placeholder:hover,.guide-placeholder:focus{opacity:.6;transition:opacity .1s ease-in-out}.guide-placeholder .thumbnails{margin-left:27px;display:flex;flex:0 1 380px}.guide-placeholder .thumbnail,.guide-placeholder .thumbnail>img{display:inline-block;width:120px;height:120px}.guide-placeholder .thumbnail+.thumbnail{margin-left:10px}.guide-placeholder .description{font-size:16px;font-weight:bold;color:#474d59;flex:0 1 300px;margin:0 auto;text-align:center;line-height:22px}.guide-area>a{text-decoration:none}@media all and (max-width:720px){.guide-placeholder{max-width:680px;height:250px;display:block;margin:20px}.guide-placeholder>a{display:block}.guide-placeholder .thumbnails{margin:0;padding:30px 0;justify-content:center}.guide-placeholder .description{margin-bottom:10px;max-width:320px}}@media all and (max-width:460px){.guide-placeholder .thumbnail,.guide-placeholder .thumbnail>img{width:96px;height:96px}.guide-placeholder .description{margin-top:20px}}