a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#container,#layout,body,html{height:100%}html{font-size:62.5%;background-color:#e5e7ed;-webkit-text-size-adjust:100%}body{font-family:\\30D2\30E9\30AE\30CE\89D2\30B4 ProN,HiraKakuProN-W3,Noto Sans CJK,\\30E2\30C8\30E4\30DE\30EB\30D9\30EA,HelveticaNeue,Noto Sans,Roboto,sans-serif;font-size:13px;color:#4d4d4d}#contents{flex-direction:column;min-height:100%}#contents,main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column}main{flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#fff}#overlay{display:none}a{text-decoration:none;color:#b0b1ba}.layout-overlay-visible #contents{position:fixed;width:100%}.layout-overlay-visible #overlay{display:block;position:relative;height:100%}.layout-overlay-visible .layout-modal-container{position:fixed;width:100%;height:100%}.layout-overlay-visible .layout-modal-container:last-child{position:relative}.hg-modal{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;background-color:rgba(0,0,0,.4);-webkit-transform:translateZ(0)}.hg-modal,.hg-modal__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;width:100%}.hg-modal__header{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;box-sizing:border-box;height:45px;padding:0 15px;background-color:#fff;color:#383838;font-size:12px}.hg-modal__header-center{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;font-size:15px;font-weight:700;line-height:45px}.hg-modal__header-left{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:1;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center}.hg-modal__header-left,.hg-modal__header-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;height:100%}.hg-modal__header-right{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:1;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center}.hg-modal__container{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#fff}.hg-modal__close{display:block;margin-left:-10px;width:40px;height:40px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal/img/close.png);background-size:12px;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer}.hg-accordion__button{position:relative}.hg-accordion__state{position:absolute;display:inline-block;width:10px;height:inherit;background:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-accordion/img/folded.png) no-repeat 0 50%;background-size:10px 10px;top:0;right:20px}.hg-accordion__state--fold{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-accordion/img/unfolded.png)}.hg-accordion__container{display:none}.hg-avatar-thumb{display:inline-block;background-color:#ddd}.hg-avatar-thumb--s{width:33px;height:33px;border-radius:16px;box-sizing:border-box}.hg-avatar-thumb--m{width:50px;height:50px;border-radius:25px;box-sizing:border-box}.hg-avatar-thumb--l{width:66px;height:66px;border-radius:33px;box-sizing:border-box}.hg-new{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:16px;height:16px;text-indent:-9999px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-new/img/ico_new_red.svg);background-repeat:no-repeat;background-size:16px 16px;line-height:16px}.hg-new--reversed{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-new/img/ico_new_white.svg)}.hg-menu{position:relative;width:100%;background:#fff}.hg-menu__new-wrap{display:inline-block;margin-left:7px}.hg-menu__logo{display:block;width:110px;height:100%;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu/img/logo.svg);background-size:110px;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;text-indent:101%;white-space:nowrap}.hg-menu__icon{display:block;width:16px;height:16px;border-radius:8px;font-size:10px;font-weight:700;text-align:center;line-height:16px;box-sizing:border-box;vertical-align:middle}.hg-menu__icon--small{display:block;width:5px;height:5px;border-radius:3px;background:#ff432f}.hg-menu__btn{display:block;position:relative;height:100%;color:#fff;font-size:12px;text-align:center;box-sizing:border-box}.hg-menu__btn--login{min-width:50px}.hg-menu__btn--login,.hg-menu__btn--logout{height:30px;padding:9px 0;border:1px solid #fff;border-radius:2px}.hg-menu__btn--logout{min-width:90px}.hg-menu__list{position:relative;width:100%}.hg-menu__list a{display:block;width:100%;height:100%;padding-left:35px;color:#383838;box-sizing:border-box}.hg-menu__list--main{position:relative;min-height:48px;background:#fff;border-top:1px solid #e8e9eb;line-height:48px}.hg-menu__list--main:first-child{border:none}.hg-menu__list--main .hg-menu__icon{display:inline-block;margin-left:7px;background:#ff432f;color:#fff}.hg-menu__list--banner img{width:100%;vertical-align:bottom;min-width:320px}.hg-menu__list--banner a{padding:0}.hg-menu__list--sub{position:relative;min-height:62px;padding:13px 0;background:#f0f2f5;line-height:36px;box-sizing:border-box}.hg-menu__list--sub .hg-menu__icon{display:inline-block;margin-left:14px}.hg-menu__list--setup{position:relative;min-height:48px;background:#f0f2f5;line-height:48px}.hg-loginpanel{position:relative;width:100%;min-height:100px;margin:0 auto;padding:0;background:#ff5613;color:#fff}.hg-loginpanel__info,.hg-loginpanel__user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.hg-loginpanel__info{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 20px 20px 0;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.hg-loginpanel__avatar{width:66px;padding:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hg-loginpanel__avatar a{display:block}.hg-loginpanel__medal{width:80px;padding-right:17.5px;font-size:12px}.hg-loginpanel__medal p{margin-bottom:6px;vertical-align:bottom}.hg-loginpanel__medal a{margin-top:12px}.hg-loginpanel__num{overflow:hidden;display:-webkit-inline-box;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;vertical-align:bottom;-webkit-line-clamp:1}.hg-loginpanel__hgid{color:#fff;font-size:11px;margin-top:5px}.hg-loginpanel__hgid--logout{padding-top:24px;font-size:12px;font-weight:400}.hg-loginpanel__hancoin{width:80px;position:relative;padding-left:17.5px;font-size:12px}.hg-loginpanel__hancoin p{margin-bottom:6px}.hg-loginpanel__hancoin a{margin-top:12px}.hg-loginpanel__hancoin:before{display:block;position:absolute;content:"";top:0;bottom:0;left:0;margin:auto;width:0;height:72px;border-left:1px solid #ff753f}.hg-loginpanel__list{height:30px;margin-left:102px;font-size:0}.hg-loginpanel__list li{display:inline-block;margin-left:10px;font-size:12px}.hg-loginpanel__list li:first-child{margin-left:0}.hg-loginpanel__list--menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:70px;margin:0;background:#f75110}.hg-loginpanel__list--menu li{position:relative;width:25%;height:100%;margin:0}.hg-loginpanel__list--menu li:before{position:absolute;top:25px;left:0;content:"|";color:#ff753f;font-size:21px}.hg-loginpanel__list--menu li:first-child:before{content:""}.hg-loginpanel__list--menu li a{padding-top:48px;box-sizing:border-box}.hg-logoutpanel{position:relative;width:100%;min-height:100px;margin:0 auto;padding:0;background:#ff5613;color:#fff}.hg-logoutpanel__avatar{position:absolute;top:17px;left:20px;width:66px;height:66px}.hg-logoutpanel__hgid{height:48px;margin:0 0 0 102px;padding-top:28px;font-size:18px;font-weight:700;line-height:1;box-sizing:border-box}.hg-logoutpanel__hgid--logout{padding-top:24px;font-size:12px;font-weight:400}.hg-logoutpanel__hancoin{height:30px;margin:0 20px 22px 102px;font-size:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hg-logoutpanel__hancoin>span{display:block;font-size:13px}.hg-logoutpanel__hancoin>span>strong{display:inline-block;text-align:right;margin-left:5px}.hg-logoutpanel__list{height:30px;margin-left:102px;font-size:0}.hg-logoutpanel__list li{display:inline-block;margin-left:10px;font-size:12px}.hg-logoutpanel__list li:first-child{margin-left:0}.hg-logoutpanel__list--menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:70px;margin:0;background:#f75110}.hg-logoutpanel__list--menu li{position:relative;width:25%;height:100%;margin:0}.hg-logoutpanel__list--menu li:before{position:absolute;top:25px;left:0;content:"|";color:#ff753f;font-size:21px}.hg-logoutpanel__list--menu li:first-child:before{content:""}.hg-logoutpanel__list--menu li a{padding-top:48px;box-sizing:border-box}.hg-loginpanel-list{background-color:#f75110}.hg-loginpanel-list,.hg-loginpanel-list__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.hg-loginpanel-list__item{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:70px;background-size:32px;background-position:50% 10px;background-repeat:no-repeat}.hg-loginpanel-list__item:before{display:block;position:absolute;content:"";top:0;bottom:0;left:0;margin:auto;width:0;height:20px;border-left:1px solid #ff753f}.hg-loginpanel-list__item:first-child:before{display:none}.hg-loginpanel-list__item--m01{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu/img/m01.png)}.hg-loginpanel-list__item--m02{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu/img/m02.png)}.hg-loginpanel-list__item--m03{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu/img/m03.png)}.hg-loginpanel-list__item--m04{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu/img/m04.png)}.hg-loginpanel-list__button{position:relative;display:block;padding-top:48px;width:100%;height:100%;color:#fff;font-size:12px;text-align:center;box-sizing:border-box}.hg-loginpanel-list__new{position:absolute;top:7px;left:50%;margin-left:12px}.hg-global-menu-button a{display:block;text-indent:-9999px;margin-left:-10px;width:40px;height:40px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-global-menu-button/img/menu.png);background-repeat:no-repeat;background-size:20px;background-position:50% 50%}.hg-header{width:100%;height:45px}.hg-header--sticky{position:relative;z-index:1000;height:46px}.hg-header--service{height:41px}.hg-header__container{position:relative;box-sizing:border-box;width:100%;height:45px;padding:0 15px;background-color:#fff;color:#383838;font-size:12px}.hg-header__container--fixed{position:fixed;top:0}.hg-header__container--sticky{height:46px;border-bottom:1px solid #e8e9eb}.hg-header__container--service{height:41px;background-color:#f3f4f7}.hg-header__container--service .hg-header__center{line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg-header__container--sticky-service{border-bottom:1px solid #d7d9de}.hg-header__container--minimal{padding:0 20px}.hg-header__center{position:absolute;left:65px;right:65px;top:0;bottom:0;display:block;overflow:hidden;font-size:15px;font-weight:700;line-height:45px;text-align:center}.hg-header__left{float:left;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.hg-header__left,.hg-header__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}.hg-header__right{float:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.hg-header__logo{display:inline-block;width:133px;background-image:url(//images.hange.jp/r02/common/header/logo_hangame_b_133x40.png);background-size:133px}.hg-header__logo,.hg-header__minimal-logo{height:100%;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;text-indent:101%;white-space:nowrap}.hg-header__minimal-logo{display:block;width:16px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-header/img/minimal_logo.png);background-size:16px}.hg-button{display:block;margin-top:10px;margin-bottom:10px;text-align:center;color:#fff;text-decoration:none;box-sizing:border-box;padding:0;border-radius:2px}.hg-button[disabled]{background-color:#b0b1ba}.hg-button--main-action{background-color:#ff5613}.hg-button--main-action-reversed{background-color:#fff;border:1px solid #ff5613;color:#ff4613}.hg-button--sub-action{background-color:#7f8091}.hg-button--misc{color:#383838;box-shadow:inset 0 0 0 1px #ebebeb;background-color:#fff}.hg-button--submit{-webkit-appearance:none;border:none}.hg-button--xl{height:50px;font-size:13px;line-height:50px}.hg-button--l{height:40px;line-height:40px;font-size:13px}.hg-button--m{height:30px;line-height:30px;font-size:12px}.hg-button--s{height:20px;line-height:20px;font-size:12px}.hg-header-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hg-header-menu__toggle-button{display:block;margin-left:-5px;width:30px;height:30px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-header-menu/img/ico_arrow.png);background-size:14px;background-repeat:no-repeat;background-position:50% 50%;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hg-header-menu__toggle-button--active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hg-header-menu__container{display:none;position:absolute;top:100%;left:0;right:0;padding-bottom:30px;margin-top:-1px;background-color:#f3f4f7}.hg-header-menu__container--visible{display:block}.hg-header-menu__item a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:41px;line-height:40px;padding:0 30px;color:#3d3e40;font-size:14px}.hg-header-menu__item+.hg-header-menu__item a:before{display:block;content:"";position:absolute;top:0;left:30px;right:30px;height:0;border-top:1px solid #e8e9eb}.hg-header-menu__item--active a{color:#ff5613}.hg-header-menu__notification{background-color:#ff432f;color:#fff;font-size:8px;font-weight:700;line-height:16px;height:16px;padding:0 6px;border-radius:8px;text-align:center}.hg-header-user-status{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:40px;height:40px;margin-right:-5px}.hg-header-user-status__avatar{display:block;width:30px;height:30px;background-color:transparent!important}.hg-header-user-status__login{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:50px;height:40px;margin-right:-5px}.hg-login-btn{display:block;width:50px;height:21px;background-color:transparent!important;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-login-btn/img/btn_login.png);background-size:50px 21px;background-position:0 0}.hg-avatar-view{display:inline-block}.hg-avatar-view--l>img{width:150px;height:327px}.hg-avatar-view--m>img{width:66px;height:150px}.hg-avatar-modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hg-avatar-modal__container{background-color:#fff;position:relative}.hg-avatar-modal__avatar{width:150px;height:327px;margin:40px;border:1px solid #b0b1ba}.hg-avatar-modal__close{overflow:hidden;text-indent:101%;white-space:nowrap;position:absolute;width:32px;height:32px;top:0;right:0;background-size:8px 8px;background-position:50%;background-repeat:no-repeat;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-avatar/img/icon_close.png)}.profile-modal{padding-bottom:90px}.profile-modal .masthead{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:240px;box-sizing:border-box;border-bottom:1px solid #a3a3a3;background-color:#ccc;background-size:cover;background-position:50%}.profile-modal .masthead__avatar{height:150px;width:66px;cursor:pointer}.profile-modal .info{margin:20px}.profile-modal .info__desc{margin-bottom:10px;text-align:center;color:#4d4d4d;font-size:14px;line-height:19px}.profile-modal .info__list{line-height:30px;vertical-align:middle;text-align:center}.profile-modal .info__list span{vertical-align:middle}.profile-modal .info__list li{display:inline-block;margin-right:15px;font-size:12px;color:#b0b1ba}.profile-modal .info__list li:last-child{margin-right:0}.profile-modal .info__text{display:inline-block;margin-left:8px}.profile-modal .info__icon{overflow:hidden;text-indent:101%;white-space:nowrap;height:17px;display:inline-block;background-size:auto 17px;background-position:50%;background-repeat:no-repeat}.profile-modal .info__icon--age{width:15px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_age.png)}.profile-modal .info__icon--location{width:12px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_location.png)}.profile-modal .info__icon--job{width:15px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_job.png)}.profile-modal .profile-modal-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.profile-modal .profile-modal-button>*{width:120px;margin:0 5px}.profile-modal .footer{width:100%;position:absolute;bottom:0;background:#999}.profile-modal .footer__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.profile-modal .footer__item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin:0 5px}.profile-modal .footer__item:first-child:before{display:none}.profile-modal .footer__item:before{position:absolute;content:"";border-left:1px solid #b0b0b0;height:20px;top:25px;left:-5px}.profile-modal .footer__notification{background-color:#ff432f;color:#fff;font-size:8px;font-weight:700;line-height:18px;min-width:10px;height:16px;padding:0 3px;border-radius:8px;text-align:center;position:absolute;top:6px;left:50%;margin-left:12px}.profile-modal .footer__button{display:block;height:70px;font-size:11px;color:#fff;text-align:center}.profile-modal .footer__button:before{display:block;content:"";width:100%;height:45px;background-position:50%;background-repeat:no-repeat}.profile-modal .footer__button--mail:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_mail.png);background-size:26px}.profile-modal .footer__button--timeline:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_timeline.png);background-size:26px}.profile-modal .footer__button--message-board:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_message_board.png);background-size:26px}.profile-modal .footer__button--memo:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_memo.png);background-size:26px}.profile-modal .footer__button--memoed{opacity:.4}.profile-modal .footer__button--setting:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_setting.png);background-size:26px}.profile-modal .footer__button--save:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-modal-profile/img/icon_save.png);background-size:26px}.hg-footer{background-color:#f0f2f5;box-sizing:border-box;padding:0 20px 50px;text-decoration:none;text-align:center}.hg-footer--simplified{padding-top:20px}.hg-footer__sns{padding:20px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.hg-footer__button,.hg-footer__sns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.hg-footer__button{padding:0 0 30px;margin:0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:280px}.hg-footer__button a{font-size:12px;padding:8px;border:1px solid #d8d8d8;border-radius:5px;color:#bbb;background-color:#fff;display:block;box-sizing:border-box}.hg-footer__button--login a{width:80px}.hg-footer__button--logout a{width:130px}.hg-footer__link{font-size:0;margin:0 auto;width:280px}.hg-footer__link li{display:inline-block;position:relative;height:7px;margin-bottom:10px;padding:0 8px;border-right:1px solid #cacaca}.hg-footer__link li:last-child{border-right:none}.hg-footer__copy{margin-top:7px;color:#cbcbcb;font-size:10px}.hg-footer__copy>*{display:inline-block;vertical-align:middle}.hg-footer__copy-mark{font-size:18px;color:#cbcbcb}.hg-footer__sns-button{margin-right:20px}.hg-footer__sns-button:last-child{margin-right:0}.hg-footer__sns-button img{width:48px;height:48px}.hg-footer__link-item{font-size:10px;display:inline-block;position:relative;top:-6px;line-height:17px;color:#b4b4b4}.empty-component{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/empty-component/img/dummy.png)}.empty-page{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/empty-page/img/dummy.png)}.red{color:red}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots{position:absolute;left:15px;bottom:20px;height:8px;text-align:left}.slick-dots li{display:inline-block;cursor:pointer;margin-right:6px}.slick-dots li button{display:block;overflow:hidden;text-indent:-9999px;padding:0;width:6px;height:6px;background-color:transparent;border:1px solid #fff;border-radius:50%}.slick-dots li.slick-active button{background-color:#fff}.top-banner{float:left;width:100%;box-sizing:border-box;padding:2.5rem 1.5rem;background-position:50% 50%}.top-banner__imp{width:0;height:0;position:absolute;left:0;top:0}.top-banner__desc{font-size:1.3rem;line-height:1.7rem;color:#fff;overflow:hidden}.top-banner__desc>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap}.top-banner__title{font-size:1.5rem;line-height:1.7rem;color:#fff;margin-bottom:.5rem;font-weight:700;overflow:hidden}.top-banner__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap}.top-banner__label{background-color:#fff;font-size:1rem;opacity:.5;box-sizing:border-box;border-radius:.75rem;padding:.3rem .8rem;display:inline-block;color:#000;margin-bottom:.8rem;max-width:10rem;height:1.6rem;overflow:hidden;white-space:nowrap}.top-banner--default{height:20rem;color:#fff;background-size:cover}.top-banner--xl{height:32rem;color:#fff;padding-top:18.3rem;background-size:cover}.top-banner--xl .top-banner__title{font-size:3rem;line-height:3.5rem;height:3.5rem;width:27rem;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.top-banner--xl .top-banner__title>span{-webkit-line-clamp:1;width:27rem}.top-banner--xl .top-banner__label{margin-bottom:1rem}.top-banner--l{height:20rem;background-size:cover;padding:2.5rem 1rem}.top-banner--l .top-banner__title{overflow:hidden}.top-banner--l .top-banner__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;width:15rem}.top-banner--l .top-banner__desc{overflow:hidden}.top-banner--l .top-banner__desc>span{width:13rem}.top-banner--m{width:50%;height:26.4rem;background-size:cover;padding:2.5rem 1rem}.top-banner--m .top-banner__title{overflow:hidden}.top-banner--m .top-banner__title>span{-webkit-line-clamp:1;white-space:pre-wrap;letter-spacing:-.02rem}.top-banner--m .top-banner__desc{overflow:hidden}.top-banner--s{width:50%;height:13.2rem;background-size:cover;padding:2.5rem 1rem}.top-banner--s .top-banner__title{overflow:hidden}.top-banner--s .top-banner__title>span{-webkit-line-clamp:1}.top-banner--s .top-banner__desc{overflow:hidden}.top-banner--b{padding-top:15.6rem}.top-banner--mi{padding-top:4.6rem}.top-notice{display:block;position:relative;width:100%;box-sizing:border-box;padding:15px 20px;border-bottom:1px solid #e8e9eb;text-decoration:none}.top-notice:last-child{border-bottom:none}.top-notice--a{border-color:#e9991b}.top-notice--a .top-notice__label{position:absolute;left:20px;top:14px;height:16px;white-space:nowrap;overflow:hidden;background-color:#996a0e;font-size:10px;opacity:.3;box-sizing:border-box;border-radius:30px;padding:3px;display:inline-block;color:#fff;width:55px;text-align:center}.top-notice--a .top-notice__title{display:block;font-size:12px;color:#fff;padding-left:65px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-notice--b .top-notice__label{position:absolute;left:20px;top:13px;height:18px;white-space:nowrap;overflow:hidden;background-color:#999;font-size:10px;opacity:.3;box-sizing:border-box;border-radius:30px;padding:4px 3px;display:inline-block;color:#000;width:55px;text-align:center}.top-notice--b .top-notice__title{display:block;font-size:12px;color:#000;padding-left:65px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hg-sub-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 20px;box-sizing:border-box;background-color:#f0f2f5;border-top:1px solid #d7d9de;border-bottom:1px solid #d7d9de}.hg-sub-header__title{color:#383838;font-size:14px;font-weight:700;line-height:40px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hg-sub-header__right{display:block;height:100%}.hg-tab__button{position:relative;display:inline-block;height:100%;box-sizing:border-box;padding:0 16px 2px;color:#737475;font-size:12px;text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hg-tab__button:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.hg-tab__button+.hg-tab__button:after{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-7px;width:0;height:12px;border-left:1px solid #ebecef}.hg-tab__button--active{padding-bottom:0;border-bottom:2px solid #ff5613;color:#ff5613}.hg-tab__container{display:none}.hg-tab__container--active{display:block}.hg-horizontal-list{overflow-x:scroll;-webkit-overflow-scrolling:touch}.hg-horizontal-list__track{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:no-wrap;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.hg-horizontal-list__track>*{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.banner-game{margin-left:10px;width:160px;height:190px}.banner-game:first-child{margin-left:0}.banner-game__link{display:block}.banner-game__imp{width:0;height:0;position:absolute;top:0;left:0}.banner-game__disp{width:160px;height:120px;border-radius:6px 6px 0 0;box-sizing:border-box;border:1px solid #d1d3d7;background-size:160px 120px;background-repeat:no-repeat;background-position:0 0;position:relative}.banner-game__category{left:5px;top:-1px;width:45px;height:26px;position:absolute;background-size:45px 26px;overflow:hidden;text-indent:-9999px;white-space:nowrap}.banner-game__category--new{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/banner-game/img/icon_new.png)}.banner-game__category--event{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/banner-game/img/icon_event.png)}.banner-game__category--pre_registration{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/banner-game/img/icon_pre_registration.png)}.banner-game__category--update{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/banner-game/img/icon_update.png)}.banner-game__text{height:70px;box-sizing:border-box;border:1px solid #d1d3d7;border-top:none;border-radius:0 0 6px 6px;background-color:#fff;padding:10px}.banner-game__title{font-size:13px;font-weight:700;line-height:15px;color:#383838;margin-bottom:2px;overflow:hidden}.banner-game__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:pre-wrap;width:130px}.banner-game__description{font-size:11px;color:#4d4d4d;line-height:17px;overflow:hidden}.banner-game__description>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;width:132px}.banner-avatar{margin-left:10px;width:160px;height:180px}.banner-avatar:first-child{margin-left:0}.banner-avatar__link{display:block}.banner-avatar__disp{width:160px;height:130px;border-radius:6px 6px 0 0;background-size:160px 130px;background-repeat:no-repeat;background-position:0 0}.banner-avatar__disp,.banner-avatar__text{box-sizing:border-box;border:1px solid #d1d3d7}.banner-avatar__text{height:50px;border-top:none;border-radius:0 0 6px 6px;background-color:#fff;padding:10px;text-align:center}.banner-avatar__title{font-size:13px;font-weight:700;line-height:15px;color:#383838;margin-bottom:2px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.banner-avatar__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:pre-wrap;width:130px}.banner-avatar__description{font-size:10px;color:#b0b1ba;line-height:17px;overflow:hidden;text-align:center}.banner-avatar__description>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:pre-wrap;width:140px}.banner-tool{margin-left:10px;padding:0 10px;width:72px;height:110px}.banner-tool:first-child{margin-left:0}.banner-tool__link{display:block}.banner-tool__disp{width:72px;height:72px;border-radius:35px;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);background-color:#eef1f5;background-size:72px 72px;background-repeat:no-repeat;background-position:-1px -1px}.banner-tool__text{height:40px;box-sizing:border-box;border-top:none;background-color:#fff;padding:10px 0;text-align:center}.banner-tool__title{font-size:11px;line-height:14px;color:#383838;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.banner-tool__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;width:88px}.top-timeline{height:100px;background-color:#fff;box-sizing:border-box;padding:10px 20px;display:block;position:relative;border-top:1px solid #e8e9eb;overflow:hidden}.top-timeline .top-timeline__content,.top-timeline .top-timeline__interest,.top-timeline .top-timeline__userinfo{padding-left:70px;box-sizing:border-box}.top-timeline:first-child{border-top:none}.top-timeline__link{display:block}.top-timeline__avatar{display:inline-block;position:absolute;top:0;left:20px;box-sizing:border-box;padding:25px 0;z-index:2}.top-timeline__userinfo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:18px;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2px}.top-timeline__id{display:block;font-size:11px;font-weight:700;color:#383838;line-height:15px;white-space:nowrap}.top-timeline__official{display:inline-block;width:12px;height:15px;line-height:12px;margin:0 0 0 4px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/timeline/img/official.png) no-repeat 0 0;background-size:12px 12px;vertical-align:middle}.top-timeline__datetime{display:block;font-size:10px;color:#b0b1ba;line-height:15px;white-space:nowrap}.top-timeline__content{height:40px;font-size:13px;line-height:19px;color:#4d4d4d;overflow:hidden}.top-timeline__content>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap}.top-timeline__interest{height:20px;padding-top:2px;font-size:11px;color:#b0b1ba;line-height:13px}.top-timeline__interest--good{padding-left:15px;margin-right:10px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/timeline/img/good2.png) no-repeat 0 0;background-size:13px 13px}.top-timeline__interest--good-on{padding-left:15px;margin-right:10px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/timeline/img/good2_on.png) no-repeat 0 0;background-size:13px 13px}.top-timeline__interest--comment{padding-left:15px;margin-right:10px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/timeline/img/comment2.png) no-repeat 0 0;background-size:13px 13px}.top-timeline__action{width:100%;height:inherit;position:absolute;top:0;left:100%;background-color:#eef1f5;z-index:1;padding:30px 0 30px 125px}.top-timeline__action-button{display:inline-block;margin-right:20px}.top-timeline__action-button img{width:41px;height:41px}.circle-item{padding:0 10px}.circle-item__link{display:block}.circle-item__square{width:80px;height:80px;border-radius:6px;border:1px solid #d1d3d7;background-size:78px 78px;background-position:0 0}.circle-item__circle,.circle-item__square{box-sizing:border-box;background-repeat:no-repeat}.circle-item__circle{width:72px;height:72px;border-radius:35px;border:1px solid rgba(0,0,0,.1);background-color:#eef1f5;background-size:72px 72px;background-position:-1px -1px}.circle-item__text{width:80px;padding-top:10px}.circle-item__title{font-size:11px;line-height:14px;color:#383838;margin-bottom:2px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.circle-item__title>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap}.circle-item__description{font-size:10px;color:#b0b1ba;line-height:17px;overflow:hidden}.circle-item__description>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:pre-wrap}.hg-top-b{background-color:transparent}.hg-top-b__login-bonus-banner{margin-top:5px}.hg-top-b__login-bonus-banner img{display:block;width:100%}.hg-top-b__today-event-banner{margin-top:5px}.hg-top-b__today-event-banner img{display:block;width:100%}.hg-top-b__event-banner{background-color:#428bf9;background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/top-b/img/cha_bg.png);background-size:160.5px;background-repeat:no-repeat;background-position:100%;color:#fff;height:122px;font-size:13px;margin:5px 0}.hg-top-b__event-banner-content{padding:16px 20px}.hg-top-b__event-banner-text{line-height:19px;text-shadow:1px 1px 1px rgba(0,0,0,.3);margin-left:1px;margin-top:-2px;font-weight:700}.hg-top-b__event-banner-text span{font-size:11px;text-shadow:none;color:hsla(0,0%,100%,.6);font-weight:400}.hg-top-b__event-banner-btn{margin-top:6px;border:1px solid #fff;width:105.5px;padding:8px 10px;border-radius:2px;font-size:11px;text-align:center}.hg-top-b__event-banner-btn a{display:block;color:#fff}.hg-top-b__notices{background-color:#fff}.hg-top-b__notices:after{clear:both;content:"";display:table}.hg-top-b__tab-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;border-bottom:1px solid #dbdde1;box-sizing:border-box;position:relative;height:35px}.hg-top-b__tab-button{padding:0 15px 2px}.hg-top-b__tab-button:last-child{padding-right:0}.hg-top-b__tab-button--b{position:relative;display:inline-block;padding-top:7px;padding-bottom:26px;box-sizing:border-box;font-size:12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;white-space:nowrap}.hg-top-b__tab-button--b+.hg-top-b__tab-button--b:after{border-left:none}.hg-top-b__sub-header{position:relative;background-color:#fff;border-top:none}.hg-top-b__sub-header--b{position:relative;background-color:#fff;border:none;padding-top:14px;padding-bottom:6px;padding-left:20px;font-size:14px;font-weight:700}.hg-top-b__sub-link{color:#000}.hg-top-b__sub-link--arrow{display:block;position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/top-b/img/arrow.png);background-position:50% 50%;background-size:5.5px 9.5px;background-repeat:no-repeat;padding:10px;width:7px;height:12px}.hg-top-b__tab-container{margin-bottom:4px;background-color:#fff;box-sizing:border-box}.hg-top-b__horizontal-list{padding:16px 20px}.hg-top-b__horizontal-list:after{content:"";display:block;-webkit-box-flex:20px;-webkit-flex:20px 0 0;-ms-flex:20px 0 0px;flex:20px 0 0}.hg-top-b__avatar,.hg-top-b__circle,.hg-top-b__tool{background-color:#fff;margin-bottom:4px}[data-page-id=top-b] main{background-color:transparent}.avatar-comic-banner{position:relative;display:block;width:100%;height:6.5rem;overflow:hidden}.avatar-comic-banner img{width:100%;position:absolute;top:0;left:0}.avatar-comic-banner--update:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/top-b/img/update.png)}.avatar-comic-banner--new:before,.avatar-comic-banner--update:before{content:"";display:block;width:25px;height:25px;background-size:25px;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:100}.avatar-comic-banner--new:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/top-b/img/new.png)}.login-bonus-modal__btn--close,.login-bonus-modal__everyday--icon,.login-bonus-modal__items-wrap--title,.login-bonus-modal__title,.login-bonus-modal__total--icon-num1,.login-bonus-modal__total--icon-num2,.login-bonus-modal__total--icon-num3,.login-bonus-modal__total--icon-num4,.login-bonus-modal__total--icon-num5,.login-bonus-modal__total--icon-num6,.login-bonus-modal__total--icon-num7,.login-bonus-modal__total--icon-num8,.login-bonus-modal__total--icon-num9,.login-bonus-modal__total--icon-num10{display:block;white-space:nowrap;text-indent:-200%;text-align:left;overflow:hidden}.login-bonus-modal{background-color:rgba(0,0,0,.8);display:table}.login-bonus-modal__content-wrap{font-family:\\30D2\30E9\30AE\30CE\89D2\30B4 ProN,HiraKakuProN-W3,Noto Sans CJK,\\30E2\30C8\30E4\30DE\30EB\30D9\30EA,HelveticaNeue,Noto Sans,Roboto,meiryo,sans-serif;margin-right:auto;margin-left:auto;position:relative;display:table-cell;height:520px;vertical-align:middle;padding-top:20px;padding-bottom:20px}.login-bonus-modal__title{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/title.png);background-size:216px 53px;width:216px;height:53px;margin-right:auto;margin-left:auto;margin-bottom:20px}.login-bonus-modal__content{background-color:#0193e7;border-radius:16px;min-height:400px;width:250px;padding:25px 20px;margin:30px auto;margin-bottom:15px}.login-bonus-modal__items-wrap{padding-bottom:18px}.login-bonus-modal__items-wrap:after{clear:both;content:"";display:table}.login-bonus-modal__items-wrap--item-wrap{margin-top:11px;background-color:#fff;width:117px;height:117px;text-align:center;border-radius:58px}.login-bonus-modal__items-wrap--item-wrap.off{background-color:#17a2f2}.login-bonus-modal__items-wrap--item-wrap.off img{opacity:.4}.login-bonus-modal__items-wrap--img{margin-top:27px;width:55px;height:65px}.login-bonus-modal__items-wrap--title{width:89px;height:20px;text-align:center;background-color:#0066a1;border-radius:10px;background-size:63px 12px;background-position:13px 4px;background-repeat:no-repeat;margin:-7px auto 12px}.login-bonus-modal__items-wrap--number{text-align:center;font-weight:700;font-size:12px;margin-bottom:5px}.login-bonus-modal__items-wrap--present-time{color:#ffea00}.login-bonus-modal__items-wrap--total-num{color:#a2ddff}.login-bonus-modal__items-wrap--item-name{color:#fff;font-size:11px;text-align:center}.login-bonus-modal__everyday{width:117px;float:left;position:relative}.login-bonus-modal__everyday--icon{position:absolute;width:52px;height:52px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/icon_get.png);background-size:52px 52px;right:-6px}.login-bonus-modal__everyday--title{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/title_everyday.png)}.login-bonus-modal__total{width:117px;float:right;position:relative}.login-bonus-modal__total__icon{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/icon_more_time.png);z-index:2}.login-bonus-modal__total__icon,.login-bonus-modal__total__icon--get{width:52px;height:52px;background-size:52px 52px;position:absolute;right:-6px}.login-bonus-modal__total__icon--get{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/icon_get.png)}.login-bonus-modal__total__icon--get span{display:none}.login-bonus-modal__total--title{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/title_total.png)}.login-bonus-modal__total--icon-num1{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/1.png)}.login-bonus-modal__total--icon-num1,.login-bonus-modal__total--icon-num2{position:absolute;width:32px;height:12px;background-size:32px 12px;top:26px;right:10px}.login-bonus-modal__total--icon-num2{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/2.png)}.login-bonus-modal__total--icon-num3{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/3.png)}.login-bonus-modal__total--icon-num3,.login-bonus-modal__total--icon-num4{position:absolute;width:32px;height:12px;background-size:32px 12px;top:26px;right:10px}.login-bonus-modal__total--icon-num4{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/4.png)}.login-bonus-modal__total--icon-num5{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/5.png)}.login-bonus-modal__total--icon-num5,.login-bonus-modal__total--icon-num6{position:absolute;width:32px;height:12px;background-size:32px 12px;top:26px;right:10px}.login-bonus-modal__total--icon-num6{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/6.png)}.login-bonus-modal__total--icon-num7{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/7.png)}.login-bonus-modal__total--icon-num7,.login-bonus-modal__total--icon-num8{position:absolute;width:32px;height:12px;background-size:32px 12px;top:26px;right:10px}.login-bonus-modal__total--icon-num8{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/8.png)}.login-bonus-modal__total--icon-num9{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/9.png)}.login-bonus-modal__total--icon-num9,.login-bonus-modal__total--icon-num10{position:absolute;width:32px;height:12px;background-size:32px 12px;top:26px;right:10px}.login-bonus-modal__total--icon-num10{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/more_time_num/10.png)}.login-bonus-modal__btn--close{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/close.png);background-size:20px;width:20px;height:20px;position:absolute;left:50%;margin-left:127px;overflow:hidden}.login-bonus-modal__btn--to-list{width:240px;height:110px;margin-right:auto;margin-left:auto;padding-top:15px;border-top:2px solid #1ba0ec;background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/img_main.png);background-size:240px 65px;background-repeat:no-repeat;background-position:0 16px}.login-bonus-modal__btn--to-list a{background-color:#fc5727;border-radius:2px;width:240px;height:44px;font-size:15px;font-weight:700;display:inline-block;text-align:center;line-height:44px;margin-top:66px}.login-bonus-modal__btn--to-list a:active,.login-bonus-modal__btn--to-list a:focus,.login-bonus-modal__btn--to-list a:hover,.login-bonus-modal__btn--to-list a:link,.login-bonus-modal__btn--to-list a:visited{color:#fff}.login-bonus-modal__hidden-area{height:22px;line-height:22px;color:#fff;font-weight:700;font-size:11px;text-align:center}.login-bonus-modal__hidden-area p{display:inline-block;padding-left:30px;background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/radiobtn_off.png);background-size:22px 22px;background-repeat:no-repeat;background-position:0 0;cursor:pointer}.login-bonus-modal__hidden-area p.on{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/login-bonus-modal/img/radiobtn_on.png)}.hg-comment{display:none}.event-banner{background-size:160.5px;background-repeat:no-repeat;background-position:100%;color:#fff;height:122px;font-size:13px;margin:5px 0}.event-banner__content{padding:16px 20px}.event-banner__text{line-height:19px;text-shadow:1px 1px 1px rgba(0,0,0,.3);margin-left:1px;margin-top:-2px;font-weight:700}.event-banner__text span{font-size:11px;text-shadow:none;color:hsla(0,0%,100%,.6);font-weight:400}.event-banner__btn{margin-top:6px;border:1px solid #fff;width:105.5px;padding:8px 10px;border-radius:2px;font-size:11px;text-align:center}.event-banner__btn a{display:block;color:#fff}.hg-list:after,.hg-list:before{content:"";display:table}.hg-list__loading{overflow:hidden;text-indent:101%;white-space:nowrap;width:25px;height:25px;margin:12.5px auto;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-list/img/loading.png);background-size:25px;background-position:50% 50%;background-repeat:no-repeat;-webkit-animation:loading-rotation .8s ease infinite;animation:loading-rotation .8s ease infinite;-webkit-animation-timing-function:steps(8,start);animation-timing-function:steps(8,start)}.hg-list__more-button{display:block;margin:10px 20px;height:28px;line-height:28px;border:1px solid #ebebeb;color:#b0b1ba;text-align:center}@-webkit-keyframes loading-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.present-item{position:relative;border-bottom:1px solid #e8e9eb;padding:10px 20px}.present-item__header{display:block;color:#383838}.present-item__game{font-size:11px;margin-bottom:4px}.present-item__title{font-size:15px;margin-bottom:8px;line-height:19px;width:100%;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;overflow:hidden}.present-item__metadata{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.present-item__exp{display:block;font-size:11px}.present-item__exp--expired{font-size:11px;color:#ff432f}.present-item__date{display:block;font-size:10px;color:#b0b1ba;font-weight:400!important}.present-item--unread{background-color:#ecf0f7}.present-item--unread .present-item__header{font-weight:700}.present-item--open{border-bottom:none}.present-item--open .present-item__title{white-space:normal;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;overflow:visible}.present-item--open .present-details{display:block}.present-details{display:none;margin:20px 0;padding:20px;font-size:13px;color:#4d4d4d;border:1px solid #e8e9eb}.present-details__txt{padding-bottom:20px;line-height:18px;white-space:pre-wrap}.present-details__txt a{color:#2a89ff;font-weight:700}.present-details__txt strong{font-weight:700}.present-details__link{color:#2a89ff}.present-details__btn-close{display:inline-block;width:100%;height:20px;text-align:center;border-radius:2px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/present-box-item/img/btn_arrow_open.png) center 0 no-repeat;background-size:14px 8px;background-position:50% 50%;overflow:hidden;text-indent:101%;white-space:nowrap}.present-list{margin-top:-1px}.present-list__list-empty-msg{padding:40px 0;text-align:center;font-size:13px}.present-box-pc-header{background-color:#f3f4f7;border-bottom:1px solid #d7d9de}.present-box-pc-header h1{background-color:#fff;font-size:14px;font-weight:700;text-align:center;height:40px;line-height:40px}.present-box-pc-nav{background-color:#f3f4f7;padding:0 20px;height:49px;line-height:49px;text-align:right}.present-box-pc-nav__select{width:200px;height:23px;border:1px solid #bdc6d5;background-color:#fff;border-radius:2px;font-size:12px}.present-box-pc-container{padding-bottom:29px}.present-box-pc-footer{position:fixed;left:0;right:0;bottom:0;width:100%;height:29px;line-height:29px;padding:0 20px;background-color:#f3f4f7;border-top:1px solid #d7d9de}.present-box-pc-footer a{color:#666;font-size:12px}#container[data-page-id=present-box-pc]{background-color:#fff}.present-box-pc-container{display:block;padding-bottom:30px}.notifications-bg__color-white{background:#fff}.notifications-con__list a:not(.hg-list__more-button){display:block;position:relative;border-bottom:1px solid #e8e9eb;padding:12px 10px 22px 20px;font-size:0}.notifications-con__list a:not(.hg-list__more-button).notifications-con__read-after{background:#ecf0f7}.notifications-con__list a:not(.hg-list__more-button).notifications-con--more{padding:5px 10px}.notifications-con__list-empty-msg{padding:40px 0;text-align:center;font-size:13px}.notifications-con__pic{position:absolute;top:12px;left:20px;display:inline-block;vertical-align:top;width:50px;height:50px}.notifications-con__text{display:block;vertical-align:top;padding-left:60px;font-size:13px;line-height:19px;color:#4d4d4d}.notifications-text__color-orange{color:#ff5613}.notifications-text__color-gray{color:#b0b1ba}.notifications-text__size-11{font-size:11px}.notifications-text__title{overflow:hidden;position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.notifications-text__bold{font-weight:700}.notifications-text__loading-instructions{padding:10px;font-size:11px;color:#b0b1ba;text-align:center}.notice-detail__sub{padding:22px 0}.notice-detail__sub--title{font-weight:700;padding:0 20px;font-size:14px;line-height:20px}.notice-detail__sub--icon-new{display:inline-block;vertical-align:top;width:16px;height:16px;font-size:8px;color:#fff;background:red;text-align:center;line-height:16px;border-radius:50%;margin-left:6px;font-weight:400;overflow:hidden}.notice-detail__sub--updated-date{display:block;padding:9px 20px 0}.notice-detail__sub--date{display:inline-block;vertical-align:top;font-size:11px;color:#b0b1ba;line-height:19px}.notice-detailed-content{font-size:13px;line-height:19px;color:#4d4d4d;border-top:1px solid #d7d9de;margin-top:15px;padding:20px 20px 0;font-weight:400}.notice-detailed-content img{max-width:100%}.notice-detailed-content__txt1{padding-top:20px}.notice-detailed-content__txt2{padding-top:25px}.notice-detailed-content__txt3{padding-top:30px}.notice-detailed-content__date{margin-top:30px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/notice-detail/img/bg_detail_line.gif) no-repeat 0 0;background-size:auto 1px;padding-top:12px}.notice-detailed-content__date--list{background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/notice-detail/img/bg_detail_line.gif) no-repeat 0 100%;background-size:auto 1px;padding-bottom:12px}.notice-detailed-content__date--title{color:#ff5613}.notice-detailed-content__date--distance{padding-top:20px}.notice-detailed-content__btn-return{margin:15px 0 18px}.notice-list-list__con{border-bottom:1px solid #e8e9eb;font-size:13px;line-height:19px;color:#4d4d4d}.notice-list-list__con--link{display:block;color:#4d4d4d;padding:17px 20px 13px}.notice-list-list__con--icon-new{display:inline-block;vertical-align:top;width:16px;height:16px;font-size:8px;color:#fff;background:red;text-align:center;line-height:16px;border-radius:50%;margin-left:6px;overflow:hidden}.notice-list-list__con--updated-date{display:block;padding-top:9px}.notice-list-list__con--maintenance{display:inline-block;vertical-align:top;width:66px;height:17px;font-size:10px;color:#b0b1ba;background:#fff;text-align:center;border:1px solid #d6d8e1;border-radius:10px;overflow:hidden}.notice-list-list__con--date{display:inline-block;vertical-align:top;font-size:11px;color:#b0b1ba;line-height:19px;margin-left:10px}.error{padding:40px 0 30px;color:#4d4d4d;text-align:center}.error__ttl{font-size:15px;padding-bottom:15px;font-weight:700}.error__txt{font-size:13px;line-height:19px}.error__pic{width:95px;height:102px;margin:21px auto 19px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/general/img/img_general_sorry.jpg) no-repeat 0 0;background-size:auto 102px}.error__btn{margin:0 20px}.hg-button{display:block;margin-top:10px;margin-bottom:10px;text-align:center;color:#fff;text-decoration:none;box-sizing:border-box;padding:0;border-radius:2px}.hg-button[disabled]{background-color:#b0b1ba}.hg-button--main-action{background-color:#ff5613}.hg-button--main-action-reversed{background-color:#fff;border:1px solid #ff5613;color:#ff4613}.hg-button--sub-action{background-color:#7f8091}.hg-button--misc{color:#383838;box-shadow:inset 0 0 0 1px #ebebeb;background-color:#fff}.hg-button--submit{-webkit-appearance:none;border:none}.hg-button--xl{height:50px;font-size:13px;line-height:50px}.hg-button--l{height:40px;line-height:40px;font-size:13px}.hg-button--m{height:30px;line-height:30px;font-size:12px}.hg-button--s{height:20px;line-height:20px;font-size:12px}.error--maintenance .error__txt--second{padding-top:22px}.error--maintenance .error__txt--orange{color:#ff5613}.error--maintenance .error__txt--bold{font-weight:700}.error--maintenance .error__pic{width:103px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/maintenance/img/img_maintenance_pic.jpg) no-repeat 0 0;background-size:auto 102px}.error--maintenance-all .error__txt--second{padding-top:22px}.error--maintenance-all .error__txt--orange{color:#ff5613}.error--maintenance-all .error__txt--bold{font-weight:700}.error--maintenance-all .error__pic{width:103px;margin:21px auto 10px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/maintenance-all/img/img_maintenance_pic.jpg) no-repeat 0 0;background-size:auto 102px}.error--maintenance-target .error__txt--second{padding-top:22px}.error--maintenance-target .error__txt--orange{color:#ff5613}.error--maintenance-target .error__txt--bold{font-weight:700}.error--maintenance-target .error__pic{width:103px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/maintenance-target/img/img_maintenance_pic.jpg) no-repeat 0 0;background-size:auto 102px}.error--network .error__txt--orange{color:#ff5613}.error--network .error__pic{width:93px;height:126px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/network/img/img_network_pic.jpg) no-repeat 0 0;background-size:auto 126px}.error--timeline .error__txt--orange{color:#ff5613}.error--timeline .error__pic{width:95px;height:118px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/timeline/img/img_timeline_pic.jpg) no-repeat 0 0;background-size:auto 118px}.setting-list{border-top:1px solid #e8e9eb}.setting-list:first-child{border-top:none}.setting-list__link{display:block;padding:20px;color:#383838}.hg-textarea{-webkit-appearance:none;margin-top:10px;margin-bottom:10px;display:block;box-sizing:border-box;border-radius:0;width:100%;padding:15px 20px;border:1px solid #d7dbe3;font-size:15px;color:#383838}.hg-textarea:focus{border-color:#ff5c1c;outline:none}.hg-textarea:disabled{background-color:#f5f5f5}.hg-counter-textarea{margin:10px 0}.hg-counter-textarea__counter{text-align:right;color:#b0b1ba;font-size:11px}.hg-select{position:relative;margin-top:8px;margin-bottom:8px}.hg-select:before{position:absolute;content:"";display:block;top:18px;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #76767a}.hg-select select{-webkit-appearance:none;display:block;padding-left:15px;padding-right:35px;width:100%;height:40px;box-sizing:border-box;border:1px solid #d7dbe3;background:#fff;color:#4d4d4d;font-size:12px;border-radius:0}.hg-select select:focus{border-color:#ff5c1c;outline:none}.hg-select select:disabled{background-color:#f5f5f5}.hg-select--large{margin-top:10px;margin-bottom:10px}.hg-select--large:before{top:23px}.hg-select--large select{font-size:14px;height:50px;padding-left:20px;padding-right:35px}.hg-textarea{-webkit-appearance:none;margin-top:10px;margin-bottom:10px;display:block;box-sizing:border-box;border-radius:0;width:100%;padding:15px 20px;border:1px solid #d7dbe3;font-size:15px;color:#383838}.hg-textarea:focus{border-color:#ff5c1c;outline:none}.hg-textarea:disabled{background-color:#f5f5f5}.setting-main__title{padding:20px 20px 0;font-size:15px;font-weight:700;color:#383838}.setting-main__text{padding:20px 20px 0;font-size:13px;line-height:20px;color:#383838}.setting-main__mail-title{padding:0 0 15px}.setting-main__field{padding:15px 20px 5px;border-bottom:1px solid #f3f4f5}.setting-main__field--last{border-bottom:none}.setting-main__textarea{height:80px}.setting-main__label{font-size:12px;color:#b0b1ba;display:block}.setting-main__radio{display:inline-block;margin-right:20px}.setting-main__note{padding:0 20px}.setting-main__note--password{text-align:center;padding:0 20px 40px;margin-top:-20px}.setting-main__mail-date{margin-top:-8px!important;margin-bottom:15px!important}.setting-main__mail-note{color:#b0b1ba;padding-bottom:10px;font-size:11px}.setting-main__mail-note li{text-indent:-9px;padding-left:9px;line-height:17px}.setting-main__mail-box{background:#e8e9eb;color:#383838;font-size:15px;font-weight:700;padding:14px 0;text-align:center;margin:10px 0 15px}.setting-main__mail-txt{line-height:19px}.setting-main__mail-again{color:#2a89ff}.setting-main__mail-back{margin:30px 0}.setting-main__note-link{font-size:11px;color:#b0b1ba}.setting-main__btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;margin:0 auto;padding:20px 20px 40px;width:100%}.setting-main__btn-cancel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 10px 0 0}.setting-main__btn-verify{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;margin:0}.new-password-error{margin-bottom:-10px!important}.setting-basic-modal-trigger{position:absolute;font-size:11px;color:#b0b1ba;display:block;margin-top:-11px;right:20px}.profile-caution-title{height:40px;line-height:40px;box-sizing:border-box;background-color:#f3f4f7;border-bottom:1px solid #d2d5da;font-size:14px;text-align:center;font-weight:700}.profile-caution{padding:0 20px 40px;line-height:19px}.profile-caution__title{font-weight:700;padding-top:20px}.hg-radio{margin-top:8px;margin-bottom:8px}.hg-radio input{position:absolute;opacity:0}.hg-radio label{vertical-align:middle;cursor:pointer;color:#4d4d4d;font-size:12px}.hg-radio label:before{display:inline-block;content:"";width:20px;height:20px;margin-right:8px;border-radius:3px;vertical-align:middle;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-radio/img/radio.png);background-size:18px;background-repeat:no-repeat;background-position:50% 50%}.hg-radio input:checked+label:before{background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-radio/img/radio_checked.png)}.hg-radio input:focus+label:before{outline:5px auto #ff5c1c}.hg-radio--large{margin-top:10px;margin-bottom:10px}.hg-radio--large label{font-size:14px}.openid-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:70px;padding:0 20px;border-bottom:1px solid #e8e9eb;background:#fff;cursor:pointer}.openid-card__name{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0;line-height:1.5}.openid-card__id{display:block;font-size:13px;color:#4d4d4d}.openid-card__group{display:block;font-size:12px;margin-bottom:3px;color:#b0b1ba}.openid-card__group-btn{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:60px;height:40px;color:#383838;line-height:40px;text-align:center;border:1px solid #e7e8ea;border-radius:2px;box-sizing:border-box}.hg-input{position:relative;margin-top:8px;margin-bottom:8px}.hg-input input{-webkit-appearance:none;display:block;box-sizing:border-box;width:100%;height:40px;font-size:12px;padding-left:14px;padding-right:36px;border:1px solid #d7dbe3;color:#4d4d4d;border-radius:0;box-shadow:none}.hg-input input:focus{border-color:#ff5c1c;outline:none}.hg-input input:disabled{background-color:#f5f5f5}.hg-input__reset{font-size:0;line-height:0;color:transparent;position:absolute;right:8px;top:50%;margin:auto;margin-top:-11px;width:22px;height:22px;padding:0;border:none;background-color:transparent;background-image:url(//images.hange.jp/spn/r02/hgsp-top/node_modules/hgsp-ui/lib/components/hg-input/img/reset.png);background-size:15px;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer}.hg-input__reset:focus{outline:none}input:disabled+.hg-input__reset{display:none}.hg-input--large{margin-top:10px;margin-bottom:10px}.hg-input--large input{padding-left:22px;padding-right:42px;height:50px;font-size:15px}.hg-input--large .hg-input__reset{right:15px}.hg-input-note{display:block;margin-top:10px;margin-bottom:10px;color:#b0b1ba;font-size:12px;line-height:19px}.hg-input-note a,.hg-input-note span{padding:2px 0;border-bottom:1px solid #2a89ff;cursor:pointer;color:#2a89ff}.hg-input-error{display:block;margin-top:10px;margin-bottom:10px;color:#ff432f;font-size:12px;line-height:19px}.mission-event-page{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-page/img/bg.jpg) 50% 0 no-repeat;background-size:750px}.mission-event-page__box{text-align:center;padding-top:365px}.mission-event-page__box-row li{display:inline-block}.mission-event-page__notice{margin:220px 20px 50px}.mission-event-page__notice2{color:#4d4d4d;line-height:19px;letter-spacing:1px;margin-top:10px}.mission-event-mission-button{display:block;margin:10px;width:80px;height:80px;text-indent:-9999px;background-position:50% 50%;background-size:80px 80px;background-repeat:no-repeat}.mission-event-mission-button--1{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/1.png)}.mission-event-mission-button--2{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/2.png)}.mission-event-mission-button--3{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/3.png)}.mission-event-mission-button--4{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/4.png)}.mission-event-mission-button--5{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/5.png)}.mission-event-mission-button--6{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/6.png)}.mission-event-mission-button--7{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/7.png)}.mission-event-mission-button--8{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/8.png)}.mission-event-mission-button--9{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/9.png)}.mission-event-mission-button--tap{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/tap.png)}.mission-event-mission-button--get{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/get.png)}.mission-event-mission-button--clear{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-button/img/clear.png)}.mission-event-mission-modal{background-color:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.mission-event-mission-modal__wrap{position:relative;width:288px;height:400px;background-size:288px;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:40px auto;vertical-align:middle}.mission-event-mission-modal__wrap--1{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop1.png)}.mission-event-mission-modal__wrap--2{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop2.png)}.mission-event-mission-modal__wrap--3{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop3.png)}.mission-event-mission-modal__wrap--4{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop4.png)}.mission-event-mission-modal__wrap--5{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop5.png)}.mission-event-mission-modal__wrap--6{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop6.png)}.mission-event-mission-modal__wrap--7{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop7.png)}.mission-event-mission-modal__wrap--8{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop8.png)}.mission-event-mission-modal__wrap--9{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop9.png)}.mission-event-mission-modal__close{position:absolute;top:-28px;right:0;display:block;width:21px;height:20px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal__btn{display:block;width:134px;height:46px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop_btn.png) 50% 50%/134px no-repeat;margin:0 auto;padding-top:610px}.mission-event-mission-modal__btn--clear{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/mission-event-mission-modal/img/pop_btn_clear.png)}.mission-event-get-effect{display:table-cell;text-align:center;vertical-align:middle;height:100vh;width:100vw;background-color:rgba(0,0,0,.8)}.mission-event-get-effect canvas{max-width:600px;width:100vw}.event-mission-page161226{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-page161226/img/winter_event_bg.jpg) 50% 0 no-repeat;background-size:750px}.event-mission-page161226__box{text-align:center;padding-top:365px}.event-mission-page161226__box-row li{display:inline-block}.event-mission-page161226__notice{margin-top:35px}.event-mission-page161226__notice .hg-accordion__state{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-page161226/img/ico_arrow.png);background-repeat:no-repeat;background-position:0 6px;background-size:10px 6px;left:100px;top:19px}.event-mission-page161226__notice .hg-accordion__state--fold{-webkit-transform:scaleY(-1);transform:scaleY(-1);top:-19px}.event-mission-page161226__note-link{font-size:13px;color:#b0b1ba;cursor:pointer;padding:20px}.event-mission-page161226__note-link-ico{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #b0b1ba;text-align:center;line-height:13px;margin-right:2px}.event-mission-page161226__note-txt{padding:0 20px 20px;line-height:20px}.event-mission-button161226{display:block;margin:10px;width:80px;height:80px;text-indent:-9999px;background-position:50% 50%;background-size:80px 80px;background-repeat:no-repeat}.event-mission-button161226--1{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/1.png)}.event-mission-button161226--2{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/2.png)}.event-mission-button161226--3{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/3.png)}.event-mission-button161226--4{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/4.png)}.event-mission-button161226--5{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/5.png)}.event-mission-button161226--6{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/6.png)}.event-mission-button161226--7{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/7.png)}.event-mission-button161226--8{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/8.png)}.event-mission-button161226--9{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/9.png)}.event-mission-button161226--tap{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/tap.png)}.event-mission-button161226--get{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/get.png)}.event-mission-button161226--clear{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-button161226/img/clear.png)}.mission-event-mission-modal161226{background-color:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.mission-event-mission-modal161226__wrap{position:relative;width:288px;height:400px;background-size:288px;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:40px auto;vertical-align:middle}.mission-event-mission-modal161226__wrap--1{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop1.png)}.mission-event-mission-modal161226__wrap--2{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop2.png)}.mission-event-mission-modal161226__wrap--3{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop3.png)}.mission-event-mission-modal161226__wrap--4{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop4.png)}.mission-event-mission-modal161226__wrap--5{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop5.png)}.mission-event-mission-modal161226__wrap--6{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop6.png)}.mission-event-mission-modal161226__wrap--7{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop7.png)}.mission-event-mission-modal161226__wrap--8{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop8.png)}.mission-event-mission-modal161226__wrap--9{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop9.png)}.mission-event-mission-modal161226__close{position:absolute;top:-28px;right:0;display:block;width:21px;height:20px}.mission-event-mission-modal161226__close--1{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_blue_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--2{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_blue_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--3{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_blue_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--4{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_blue_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--5{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_blue_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--6{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_red_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--7{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_red_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--8{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_red_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__close--9{background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_red_close.png) 50% 50%/21px no-repeat}.mission-event-mission-modal161226__btn{display:block;width:134px;height:46px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_btn.png) 50% 50%/134px no-repeat;margin:0 auto;padding-top:610px}.mission-event-mission-modal161226__btn--clear{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/components/event-mission-modal161226/img/pop_btn_clear.png)}.event-mission-get-effect161226{display:table-cell;text-align:center;vertical-align:middle;height:100vh;width:100vw;background-color:rgba(0,0,0,.8)}.event-mission-get-effect161226 canvas{max-width:600px;width:100vw}.hgjk16-maker__header{background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/hgjk16-maker/img/maker_bg.png) no-repeat 0 0;background-size:745px auto;background-position:top;text-align:center;height:444px;overflow:hidden}.hgjk16-maker__header-title{margin-top:18px}.hgjk16-maker__header-contents{position:relative;width:320px;height:263px;margin:0 auto}.hgjk16-maker__header-contents-character{position:absolute;right:-50px;margin-top:7px}.hgjk16-maker__header-contents-serif{position:absolute;left:20px;margin-top:23px}.hgjk16-maker__header-contents-login{position:relative;top:-53px}.hgjk16-maker__contents{background:#fff0f3;position:relative;text-align:center}.hgjk16-maker__contents:before{content:"";display:block;position:absolute;top:-5px;left:0;width:100%;height:6px;background:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/hgjk16-maker/img/maker_line.png) 0 0;background-repeat:repeat-x}.hgjk16-maker__contents p{margin-top:19px;line-height:1.5}.hgjk16-maker__contents h1{margin-top:40px}.hgjk16-maker__contents-title{margin-top:23px}.hgjk16-maker__contents-present{margin-top:13px}.hgjk16-maker__contents-actor{margin-top:39px;margin-bottom:35px}.hgjk16-maker__note .hg-accordion__state{background-image:url(//images.hange.jp/spn/r02/hgsp-top/src/templates/hgjk16-maker/img/ico_arrow.png);background-repeat:no-repeat;background-position:0 6px;background-size:10px 6px;left:100px;top:19px}.hgjk16-maker__note .hg-accordion__state--fold{-webkit-transform:scaleY(-1);transform:scaleY(-1);top:-19px}.hgjk16-maker__note-link{font-size:13px;color:#b0b1ba;cursor:pointer;padding:20px 0 20px 20px}.hgjk16-maker__note-link-ico{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #b0b1ba;text-align:center;line-height:13px;margin-right:2px}.hgjk16-maker__note-txt{padding:0 20px 20px;line-height:1.8}.hgjk16-maker__note-txt span{text-indent:-1em;display:block;padding-left:13px}