html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}body{font:-apple-system-body;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;line-height:1.75;letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.en body{letter-spacing:0}a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link{color:#7070cb;text-decoration:underline}a:visited{color:#535398;text-decoration:underline}a:hover{color:#ff8000;text-decoration:none}a:focus{outline:0}a img{vertical-align:top}.opc a:hover{opacity:.5}.opc input[type=image]:hover{opacity:.5}.opc .current>a:hover{opacity:1}.current>a{cursor:default;pointer-events:none}.sprite{position:relative;display:block;overflow:hidden}.sprite img{position:absolute}.normal{font-weight:normal !important}.bold{font-weight:bold}.fltL{float:left !important}.fltR{float:right !important}.clrml{margin-left:0 !important}.clrmr{margin-right:0 !important}.clrmb{margin-bottom:0 !important}.clrmt{margin-top:0 !important}.clrbt{clear:both !important}.clrL{clear:left !important}.clrR{clear:right !important}.clrbd{border:none !important}.alnR{text-align:right}.block{display:block}.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}.clrfx{zoom:1}.clrfx:before{content:"";display:table}.clrfx:after{content:"";display:table;clear:both}select,textarea,input[type=text],input[type=password]{box-sizing:border-box;display:block;width:100%;height:38px;padding:6px 12px;font-size:16px;line-height:1.5;color:#000;background-color:#fff;background-image:none;border:1px solid #b5b5b5;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus{border-color:#00b8d9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,184,217,.6)}select::-moz-placeholder,textarea::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder{color:#b5b5b5;opacity:1}select:-ms-input-placeholder,textarea:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder{color:#b5b5b5}select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder{color:#b5b5b5}select::-ms-expand,textarea::-ms-expand,input[type=text]::-ms-expand,input[type=password]::-ms-expand{border:0;background-color:transparent}select[disabled],textarea[disabled],input[disabled][type=text],input[disabled][type=password],select[readonly],textarea[readonly],input[readonly][type=text],input[readonly][type=password],fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password]{background-color:#ededed;opacity:1}select[disabled],textarea[disabled],input[disabled][type=text],input[disabled][type=password],fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password]{cursor:not-allowed}.form-inline select,.form-inline input{display:inline-block;width:auto;vertical-align:middle}.form-inline select .label,.form-inline input .label{display:block}.btn-default{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;box-shadow:0 1px 4px 0 rgba(0,0,0,.3);padding:6px 12px;font-size:16px;line-height:1.5;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-default:focus,.focus.btn-default{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-default:hover,.btn-default:focus,.focus.btn-default{color:#000;text-decoration:none}.btn-default:active,.active.btn-default{outline:0;background-image:none}.disabled.btn-default,[disabled].btn-default,fieldset[disabled] .btn-default{cursor:not-allowed;opacity:.65;box-shadow:none}input[type=text],input[type=password]{margin-bottom:5px}select{margin-bottom:5px}select:first-of-type{margin-right:5px}a{vertical-align:baseline}a:link{color:#06c}a:visited{color:#743399}a:active,a:hover{color:#ff4b33}.form-inline .label{display:block}@media only screen and (min-width: 600px){.form-inline .label{display:inline}}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}html{background:url("/sn/images/bg.jpg")}body *{box-sizing:border-box}#wrapper{max-width:800px;width:100%;box-shadow:0px 1px 8px 0px rgba(0,0,0,.3);overflow:hidden}#header{background-color:#ffb600;max-width:800px;width:100%}#header h1{float:left;padding:18px}#header>a{display:block;float:right;padding-top:50px;margin-right:20px;text-decoration:none;width:50px;text-align:center;color:#fff}#header>a.store{background:url(/sn/images/icon_store.svg) no-repeat center 14px}#header>a.help{background:url(/sn/images/icon_help.svg) no-repeat center 14px}#header>a img{vertical-align:middle;display:inline-block}#header>a span{display:block;font-size:75%;font-weight:bold;line-height:1.2;margin-top:5px}#header>a+a{margin-right:10px}#header>p{clear:both;background-color:#fff;padding:8px 16px;text-align:right;font-size:81.25%}.en #header>a.store{width:70px}@media only screen and (min-width: 600px){#wrapper{margin:20px auto;border-radius:8px}#header>a{margin-right:25px;transition:all .25s}#header>a.store:hover{background-image:url(/sn/images/icon_store-over.svg);color:#ffe093}#header>a.help:hover{background-image:url(/sn/images/icon_help-over.svg);color:#ffe093}}form{overflow:hidden;background-color:#fff;width:100%;text-align:center}form>p{text-align:center;padding:13px 10px 30px;font-size:125%;font-weight:bold;color:#00b8d9}form>p.lastChild{padding:0 0 15px;font-size:81.25%;color:#4d4d4d}form>p a{color:#0071bc !important}form>p .subtitle{font-size:.8em}form section{width:100%}form fieldset{position:relative;box-shadow:0px 1px 8px 0px rgba(0,0,0,.3);text-align:center;padding:90px 20px 20px;margin:0;border-radius:8px}form fieldset.login{background-color:#ffb600;max-width:320px;width:93.75%}form fieldset.login input[type=text],form fieldset.login input[type=password]{font-size:16px;line-height:18px;position:relative;z-index:1;display:inline-block;width:100%}form fieldset.login input+input{margin-top:20px}form fieldset.login input+button{font-weight:bold;width:100%;margin-top:20px;padding:16px;color:#fff;border:0 solid transparent;border-radius:4px;background-color:#a46a00;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}form fieldset.login input+button:after{display:inline-block;width:20px;height:20px;margin-left:5px;content:"";vertical-align:middle;background:url(/sn/images/icon_arrow_login.svg) no-repeat center center}form fieldset.login input+button span{display:inline-block;vertical-align:middle}form fieldset.login label{display:block;margin:5px 0 10px}form fieldset.login label input{margin:0 3px 0 2px;float:left}form fieldset.login input[type=image]{margin:16px 0 0 -2px}form fieldset.signup,form fieldset.firsttime{background-color:#00b8d9;max-width:320px;width:93.75%;margin:0 auto 50px;color:#fff}form fieldset.signup legend:before,form fieldset.firsttime legend:before{margin-right:5px;display:inline-block;vertical-align:middle}form fieldset.signup>a,form fieldset.firsttime>a{display:block;width:100%;font-weight:bold;color:#00b8d9;text-decoration:none;background-color:#fff;margin:10px auto;padding:23px 0;border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}form fieldset.signup>a span,form fieldset.firsttime>a span{display:inline-block;vertical-align:middle}form fieldset.signup>a:after,form fieldset.firsttime>a:after{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:5px;background:url(/sn/images/icon_arrow_blue.svg)}form fieldset.signup span,form fieldset.firsttime span{font-size:87.5%;font-weight:bold;display:inline-block;text-align:left}form fieldset.fpw{padding:20px;background-color:#ffb600;max-width:320px;width:93.75%}form fieldset.fpw .form-inline{margin-top:20px}form fieldset.fpw input[type=text],form fieldset.fpw input[type=password]{font-size:16px;line-height:18px;display:inline-block;width:100%}form fieldset.fpw button{font-weight:bold;width:100%;margin-top:20px;padding:16px;color:#fff;border:0 solid transparent;border-radius:4px;background-color:#a46a00;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}form fieldset.fpw button:after{display:inline-block;width:20px;height:20px;margin-left:5px;content:"";vertical-align:middle;background:url(/sn/images/icon_arrow_login.svg) no-repeat center center}form fieldset.fpw button span{display:inline-block;vertical-align:middle}form legend{position:absolute;top:20px;left:0;width:100%;text-align:center;color:#fff;font-weight:bold}form a.fpw{font-weight:bold;position:relative;display:inline-block;clear:both;max-width:300px;margin:16px auto 50px;padding:8px 8px 8px 50px;text-align:center;text-decoration:none;color:#fff;border-radius:4px;background-color:#b5b5b5;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}form a.fpw:before{position:absolute;top:50%;left:8px;display:block;width:36px;height:36px;margin-top:-18px;content:url(/sn/images/icon_password.svg);vertical-align:middle;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.3)}form a.fpw span{font-size:87.5%;line-height:1.2;display:inline-block;vertical-align:middle;text-align:left}#open form fieldset.login{margin:0 auto;text-align:left}#open form fieldset.login input[type=image]{margin:16px 0 0 -6px}#login form>p{font-size:16px;color:#666}#login form section{display:inline-block;vertical-align:top;margin:0}#login form section:last-of-type{margin-bottom:20px}#login form fieldset{margin:0 auto}#fpw form section{margin:0 auto;padding-bottom:20px}#fpw form>p{padding-bottom:10px;color:#a46a00}#fpw form #info{box-shadow:none;background-color:transparent;padding:0;margin-bottom:20px;text-align:center}#fpw form #info p{padding:0;display:inline-block;text-align:left}#fpw form #info>p{color:#000}#fpw form fieldset.fpw{margin:0 auto}@media only screen and (min-width: 600px){form section{width:320px;margin:0 8px}form fieldset.login input+button{cursor:pointer;transition:all .25s}form fieldset.login input+button:after{transition:all .25s}form fieldset.login input+button:hover{color:#ffb600;background-color:#ffff92}form fieldset.login input+button:hover:after{background-image:url(/sn/images/icon_arrow_login-over.svg)}form fieldset.signup>a,form fieldset.firsttime>a{margin:40px auto;transition:all .25s}form fieldset.signup>a:after,form fieldset.firsttime>a:after{transition:all .25s}form fieldset.signup>a:hover,form fieldset.firsttime>a:hover{color:#ffb600;background-color:#ffff92}form fieldset.signup>a:hover:after,form fieldset.firsttime>a:hover:after{background-image:url(/sn/images/icon_arrow_login-over.svg)}form fieldset.fpw button{cursor:pointer;transition:all .25s}form fieldset.fpw button:after{transition:all .25s}form fieldset.fpw button:hover{color:#ffb600;background-color:#ffff92}form fieldset.fpw button:hover:after{background-image:url(/sn/images/icon_arrow_login-over.svg)}form a.fpw{max-width:100%;transition:all .25s}form a.fpw:hover{color:#b5b5b5;background-color:#ededed}#open form section{width:auto}}#footer{background-color:#b5b5b5;max-width:818px;width:100%}#footer ul{list-style:none;margin:0;padding:10px 20px 10px 20px;position:relative;overflow:hidden}#footer li{display:block;position:relative}#footer li a{font-size:75%;font-weight:bold;line-height:1.66667;display:block;padding:5px 5px 5px 25px;text-align:left;text-decoration:none;color:#fff;background:url(/sn/images/icon_arrow_footer.svg) no-repeat left center;transition:all .25s}#footer li a:hover{color:#ffb600}@media only screen and (min-width: 600px){#footer li{display:inline-block}#footer li a:hover{background-image:url(/sn/images/icon_arrow_footer-over.svg)}#footer li:last-child{float:right}#footer li:last-child a{display:inline-block}.en #footer li:last-child{float:none}}#info{background-color:#ededed;box-shadow:0 1px 4px 0 rgba(0,0,0,.3);position:relative;margin:10px 10px 45px;padding:20px 0;max-width:650px;border-radius:8px}#info p{padding:0 20px;color:#db0000;text-align:left}#info p a{color:#0071bc !important}#info p+p{color:#606060;font-size:87.5%;padding:2em 20px 0 40px;background:url(/sn/images/icon_login_info_mark.svg) no-repeat 20px 20px}@media only screen and (max-width: 601px){#info p br:not(.sp){content:"";display:none}}@media only screen and (min-width: 600px){#info{margin:15px auto 45px}#info p{padding:0 40px}}/*# sourceMappingURL=note2017.css.map */