@import url("https://fonts.googleapis.com/css?family=Hammersmith+One");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:1em;box-sizing:border-box;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{padding:0;margin:0;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;line-height:1.32857143;color:#222}ol,ul,dl{list-style:none}a{color:#ffa600;text-decoration:underline}a:hover{text-decoration:none}a:hover img{opacity:0.6}b{font-weight:bold}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type="checkbox"]{vertical-align:text-top}pre{word-break:break-all;overflow:hidden;width:100%;white-space:pre-wrap;box-sizing:border-box}.hide{display:none !important}.spShow{display:none}@media (max-width: 739px){.spShow{display:inline-block}}.spHide{display:contents}@media (max-width: 739px){.spHide{display:none}}.txC{text-align:center !important}.txL{text-align:left !important}.txR{text-align:right !important}.ti0{font-indent:0px !important}.ti1{font-indent:1px !important}.ti2{font-indent:2px !important}.ti3{font-indent:3px !important}.ti4{font-indent:4px !important}.ti5{font-indent:5px !important}.ti10{font-indent:10px !important}.ti15{font-indent:15px !important}.ti20{font-indent:20px !important}.ti25{font-indent:25px !important}.ti30{font-indent:30px !important}.ti35{font-indent:35px !important}.ti40{font-indent:40px !important}.ti45{font-indent:45px !important}.ti50{font-indent:50px !important}.p0{padding:0px !important}.p1{padding:1px !important}.p2{padding:2px !important}.p3{padding:3px !important}.p4{padding:4px !important}.p5{padding:5px !important}.p10{padding:10px !important}.p15{padding:15px !important}.p20{padding:20px !important}.p25{padding:25px !important}.p30{padding:30px !important}.p35{padding:35px !important}.p40{padding:40px !important}.p45{padding:45px !important}.p50{padding:50px !important}.px0{padding-left:0px !important;padding-right:0px !important}.px1{padding-left:1px !important;padding-right:1px !important}.px2{padding-left:2px !important;padding-right:2px !important}.px3{padding-left:3px !important;padding-right:3px !important}.px4{padding-left:4px !important;padding-right:4px !important}.px5{padding-left:5px !important;padding-right:5px !important}.px10{padding-left:10px !important;padding-right:10px !important}.px15{padding-left:15px !important;padding-right:15px !important}.px20{padding-left:20px !important;padding-right:20px !important}.px25{padding-left:25px !important;padding-right:25px !important}.px30{padding-left:30px !important;padding-right:30px !important}.px35{padding-left:35px !important;padding-right:35px !important}.px40{padding-left:40px !important;padding-right:40px !important}.px45{padding-left:45px !important;padding-right:45px !important}.px50{padding-left:50px !important;padding-right:50px !important}.py0{padding-top:0px !important;padding-bottom:0px !important}.py1{padding-top:1px !important;padding-bottom:1px !important}.py2{padding-top:2px !important;padding-bottom:2px !important}.py3{padding-top:3px !important;padding-bottom:3px !important}.py4{padding-top:4px !important;padding-bottom:4px !important}.py5{padding-top:5px !important;padding-bottom:5px !important}.py10{padding-top:10px !important;padding-bottom:10px !important}.py15{padding-top:15px !important;padding-bottom:15px !important}.py20{padding-top:20px !important;padding-bottom:20px !important}.py25{padding-top:25px !important;padding-bottom:25px !important}.py30{padding-top:30px !important;padding-bottom:30px !important}.py35{padding-top:35px !important;padding-bottom:35px !important}.py40{padding-top:40px !important;padding-bottom:40px !important}.py45{padding-top:45px !important;padding-bottom:45px !important}.py50{padding-top:50px !important;padding-bottom:50px !important}.pl0{padding-left:0px !important}.pl1{padding-left:1px !important}.pl2{padding-left:2px !important}.pl3{padding-left:3px !important}.pl4{padding-left:4px !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pr0{padding-right:0px !important}.pr1{padding-right:1px !important}.pr2{padding-right:2px !important}.pr3{padding-right:3px !important}.pr4{padding-right:4px !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pt0{padding-top:0px !important}.pt1{padding-top:1px !important}.pt2{padding-top:2px !important}.pt3{padding-top:3px !important}.pt4{padding-top:4px !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pb0{padding-bottom:0px !important}.pb1{padding-bottom:1px !important}.pb2{padding-bottom:2px !important}.pb3{padding-bottom:3px !important}.pb4{padding-bottom:4px !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.mL{margin-right:auto !important}.mR{margin-left:auto !important}.mC{margin-left:auto !important;margin-right:auto !important}.m0{margin:0px !important}.m1{margin:1px !important}.m2{margin:2px !important}.m3{margin:3px !important}.m4{margin:4px !important}.m5{margin:5px !important}.m10{margin:10px !important}.m15{margin:15px !important}.m20{margin:20px !important}.m25{margin:25px !important}.m30{margin:30px !important}.m35{margin:35px !important}.m40{margin:40px !important}.m45{margin:45px !important}.m50{margin:50px !important}.mx0{margin-left:0px !important;margin-right:0px !important}.mx1{margin-left:1px !important;margin-right:1px !important}.mx2{margin-left:2px !important;margin-right:2px !important}.mx3{margin-left:3px !important;margin-right:3px !important}.mx4{margin-left:4px !important;margin-right:4px !important}.mx5{margin-left:5px !important;margin-right:5px !important}.mx10{margin-left:10px !important;margin-right:10px !important}.mx15{margin-left:15px !important;margin-right:15px !important}.mx20{margin-left:20px !important;margin-right:20px !important}.mx25{margin-left:25px !important;margin-right:25px !important}.mx30{margin-left:30px !important;margin-right:30px !important}.mx35{margin-left:35px !important;margin-right:35px !important}.mx40{margin-left:40px !important;margin-right:40px !important}.mx45{margin-left:45px !important;margin-right:45px !important}.mx50{margin-left:50px !important;margin-right:50px !important}.my0{margin-top:0px !important;margin-bottom:0px !important}.my1{margin-top:1px !important;margin-bottom:1px !important}.my2{margin-top:2px !important;margin-bottom:2px !important}.my3{margin-top:3px !important;margin-bottom:3px !important}.my4{margin-top:4px !important;margin-bottom:4px !important}.my5{margin-top:5px !important;margin-bottom:5px !important}.my10{margin-top:10px !important;margin-bottom:10px !important}.my15{margin-top:15px !important;margin-bottom:15px !important}.my20{margin-top:20px !important;margin-bottom:20px !important}.my25{margin-top:25px !important;margin-bottom:25px !important}.my30{margin-top:30px !important;margin-bottom:30px !important}.my35{margin-top:35px !important;margin-bottom:35px !important}.my40{margin-top:40px !important;margin-bottom:40px !important}.my45{margin-top:45px !important;margin-bottom:45px !important}.my50{margin-top:50px !important;margin-bottom:50px !important}.ml0{margin-left:0px !important}.ml1{margin-left:1px !important}.ml2{margin-left:2px !important}.ml3{margin-left:3px !important}.ml4{margin-left:4px !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.mr0{margin-right:0px !important}.mr1{margin-right:1px !important}.mr2{margin-right:2px !important}.mr3{margin-right:3px !important}.mr4{margin-right:4px !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.mt0{margin-top:0px !important}.mt1{margin-top:1px !important}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mb0{margin-bottom:0px !important}.mb1{margin-bottom:1px !important}.mb2{margin-bottom:2px !important}.mb3{margin-bottom:3px !important}.mb4{margin-bottom:4px !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.fs10{font-size:10px !important}.fs11{font-size:11px !important}.fs12{font-size:12px !important}.fs13{font-size:13px !important}.fs14{font-size:14px !important}.fs15{font-size:15px !important}.fs16{font-size:16px !important}.fs17{font-size:17px !important}.fs18{font-size:18px !important}.fs19{font-size:19px !important}.fs20{font-size:20px !important}.fs21{font-size:21px !important}.textbox{border:1px solid #DDD;border-radius:5px;display:inline-block;position:relative}@media (min-width: 1025px){.textbox{width:100%;max-width:350px}}@media (max-width: 739px){.textbox{width:100%}}.textbox input[type="text"],.textbox input[type="password"],.textbox input[type="email"]{margin:0;padding:0;background:none;width:100%;height:30px;text-indent:8px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}.textbox.large{border:1px solid #DDD;border-radius:5px;display:inline-block;position:relative}@media (min-width: 1025px){.textbox.large{width:500px;max-width:100%}}@media (max-width: 739px){.textbox.large{width:100%}}.textbox.large input[type="text"],.textbox.large input[type="password"],.textbox.large input[type="email"]{margin:0;padding:0;background:none;width:100%;height:30px;text-indent:8px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}.textbox.autosize{border:1px solid #DDD;border-radius:5px;display:inline-block;position:relative}@media (min-width: 1025px){.textbox.autosize{width:100%;max-width:auto}}@media (max-width: 739px){.textbox.autosize{width:100%}}.textbox.autosize input[type="text"],.textbox.autosize input[type="password"],.textbox.autosize input[type="email"]{margin:0;padding:0;background:none;width:100%;height:30px;text-indent:8px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}input[type="dummy"]{width:0;height:0;opacity:0;margin:0;padding:0;display:block;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gameguide{margin:15px 0 5px 0;width:135px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-135px -24px;background-size:440px 264px;-webkit-transform:translate(24px, 0px);-moz-transform:translate(24px, 0px)}.gameguide[localize="en"]{background-position:0px -24px}.gameguide:before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:-24px;top:0px;background:url("//shogiwars-cdn.heroz.jp/images/homepage/text_sprite.png");background-position:0px 0px;background-size:440px 264px}.spplay{margin:15px 0 5px 0;width:220px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-220px -48px;background-size:440px 264px;-webkit-transform:translate(24px, 0px);-moz-transform:translate(24px, 0px)}.spplay[localize="en"]{background-position:0px -48px}.spplay:before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:-24px;top:0px;background:url("/images/homepage/text_sprite.png");background-position:0px 0px;background-size:440px 264px}.text_sprite.other{margin:10px 0 5px 0;width:65px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-65px -72px;background-size:440px 264px;-webkit-transform:translate(24px, 0px);-moz-transform:translate(24px, 0px)}.text_sprite.other[localize="en"]{background-position:0px -72px}.text_sprite.other:before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:-24px;top:0px;background:url("/images/homepage/text_sprite.png");background-position:0px 0px;background-size:440px 264px}.text_sprite.twitter{width:85px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-85px -96px;background-size:440px 264px;-webkit-transform:translate(24px, 0px);-moz-transform:translate(24px, 0px)}.text_sprite.twitter[localize="en"]{background-position:0px -96px}.text_sprite.twitter:before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:-24px;top:0px;background:url("/images/homepage/text_sprite.png");background-position:0px 0px;background-size:440px 264px}.text_sprite.column{width:85px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:0px -240px;background-size:440px 264px;-webkit-transform:translate(24px, 0px);-moz-transform:translate(24px, 0px)}.text_sprite.column[localize="en"]{background-position:0px -240px}.text_sprite.column:before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:-24px;top:0px;background:url("/images/homepage/text_sprite.png");background-position:0px 0px;background-size:440px 264px}.text_sprite.view{width:185px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-185px -120px;background-size:440px 264px}.text_sprite.view[localize="en"]{background-position:0px -120px}.text_sprite.ranking{width:155px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-155px -144px;background-size:440px 264px}.text_sprite.ranking[localize="en"]{background-position:0px -144px}.information{width:75px;height:24px;display:inline-block;position:relative;background:url("/images/homepage/text_sprite.png");background-position:-75px -168px;background-size:440px 264px}.information[localize="en"]{background-position:0px -168px}.app_sprite{background:url("//shogiwars-cdn.heroz.jp/images/homepage/app_btns.png");background-size:175px 120px;display:inline-block}.app_sprite.app-store{width:110px;height:40px;background-position:-40px 0px}@media (max-width: 719px){.app_sprite.app-store{width:40px;background-position:0px 0px}}.app_sprite.google-play{width:135px;height:40px;background-position:-40px -40px}@media (max-width: 719px){.app_sprite.google-play{width:40px;background-position:0px -40px}}.app_sprite.amazon-app{width:135px;height:40px;background-position:-40px -80px}@media (max-width: 719px){.app_sprite.amazon-app{width:40px;background-position:0px -80px}}body header{z-index:1;width:100%;padding-top:50px}@media (min-width: 1025px){body header{height:320px}}@media (min-width: 740px) and (max-width: 1024px){body header{height:320px}}@media (max-width: 739px){body header{height:240px}}body header nav{background-color:#111;width:100%;height:50px;display:block;position:fixed;z-index:100;left:0px;top:0px}body header nav>div{max-width:1200px;height:100%;margin:0px auto;display:block;clear:both}body header nav>div #logo_company{width:100px;height:50px;display:inline-block;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/logo_company.png");background-repeat:no-repeat;background-position:50%}body header nav>div #logo_company a{display:block;width:100%;height:100%}body header nav>div #logo_company a:hover{opacity:0.6}body header nav>div #sns{width:138px;height:50px;padding:10px;display:inline-block;float:right}body header nav>div #sns a{text-decoration:none}body header nav>div #sns img{max-height:100%;margin-left:5px}body header nav>div #lang{height:50px;padding:10px;line-height:50px;display:inline-block;float:right}body header nav>div #lang ul{display:block;width:100%;height:100%;font-size:0;text-align:center;line-height:33px}body header nav>div #lang ul li{display:inline-block;font-size:12px;padding:0px 3px;color:#FFF}body header nav>div #lang ul li .selected{font-weight:bold}body header nav>div #lang ul[localize="ja"] li.langEn{display:none}body header nav>div #lang ul[localize="en"] li.langJa{display:none}body header h1{width:100%;height:100%;font-size:0px;padding:3px 0px;box-sizing:border-box;display:block;background-color:#000;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_header.png");background-repeat:repeat-x}@media (max-width: 739px){body header h1{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_header-sp.png")}}body header h1 .title{max-width:1200px;height:100%;margin:0px auto;display:block;position:relative;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/keyvisual.png");background-size:auto;background-repeat:no-repeat;background-position:center}@media (max-width: 739px){body header h1 .title{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/keyvisual-sp.png");background-position:left}}body header h1 .title .app_nav{display:none;width:100%;height:100%}body header h1 .title .app_nav .app_logo{width:144px;height:130px;font-size:0;position:absolute;left:6px;top:3px;z-index:2}body header h1 .title .app_nav .app_btn{width:100%;height:60px;position:absolute;left:0px;bottom:0px;padding:10px 300px 10px 10px;z-index:1;background-color:rgba(0,0,0,0.5)}@media (max-width: 479px){body header h1 .title .app_nav .app_btn{padding:10px 218px 10px 10px}}body header h1 .title .app_nav .app_gamestart{width:100%;height:100%;position:absolute;top:0px;left:0px}body header h1 .title .app_nav .app_gamestart .btn_gamestart{position:absolute;right:10px;top:10px;width:280px;height:104px}body header h1 .title .app_nav .app_gamestart .btn_gamestart a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:0px -268px;background-size:560px 684px;cursor:pointer}body header h1 .title .app_nav .app_gamestart .btn_gamestart a:hover{background-position:0px -372px}body header h1 .title .app_nav .app_gamestart .btn_gamestart[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:-280px -268px;background-size:560px 684px;cursor:pointer}body header h1 .title .app_nav .app_gamestart .btn_gamestart[localize="en"] a:hover{background-position:280px -372px}@media (max-width: 479px){body header h1 .title .app_nav .app_gamestart .btn_gamestart{width:190px;height:104px}body header h1 .title .app_nav .app_gamestart .btn_gamestart a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:0px -476px;background-size:560px 684px;cursor:pointer}body header h1 .title .app_nav .app_gamestart .btn_gamestart a:hover{background-position:0px -580px}body header h1 .title .app_nav .app_gamestart .btn_gamestart[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:-190px -476px;background-size:560px 684px;cursor:pointer}body header h1 .title .app_nav .app_gamestart .btn_gamestart[localize="en"] a:hover{background-position:190px -580px}}body header h1 .title .app_nav .app_beginners{width:100%;height:60px;position:absolute;bottom:0px;left:0px}body header h1 .title .app_nav .app_beginners .btn_beginners{position:absolute;right:10px;bottom:10px;width:280px;height:40px;z-index:1;width:280px;height:40px}body header h1 .title .app_nav .app_beginners .btn_beginners a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:0px -70px;background-size:560px 150px;cursor:pointer}body header h1 .title .app_nav .app_beginners .btn_beginners[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:-280px -70px;background-size:560px 150px;cursor:pointer}@media (max-width: 479px){body header h1 .title .app_nav .app_beginners .btn_beginners{width:190px;height:40px}body header h1 .title .app_nav .app_beginners .btn_beginners a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:0px -110px;background-size:560px 150px;cursor:pointer}body header h1 .title .app_nav .app_beginners .btn_beginners[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:-190px -110px;background-size:560px 150px;cursor:pointer}}@media (max-width: 739px){body header h1 .title .app_nav{display:block;position:absolute;bottom:0px;left:0px}}@media (min-width: 1025px){body.sub header{height:250px}}@media (min-width: 740px) and (max-width: 1024px){body.sub header{height:250px}}@media (max-width: 739px){body.sub header{height:190px}}body.sub header h1{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_header-sub.png")}@media (max-width: 739px){body.sub header h1{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_header-sp-sub.png")}}body.sub header h1 .title{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/keyvisual-sub.png")}@media (max-width: 739px){body.sub header h1 .title{background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/keyvisual-sp-sub.png")}}footer{background-color:#000;z-index:1;width:100%;position:relative}footer div{max-width:1200px;height:100%;margin:0px auto;display:block}footer div ul{display:block;width:100%;font-size:0;text-align:center;padding-bottom:30px}footer div ul li{display:inline-block;line-height:20px}footer div ul li a{font-size:12px}footer div ul li:after{content:"|";margin:0px 5px;color:#FFF;font-size:12px}footer div ul li:last-of-type:after{content:""}footer div:after{display:block;position:absolute;bottom:10px;left:0px;width:100%;font-size:10px;color:#FFF;text-align:center;content:"©HEROZ, Inc. All Rights Reserved."}section{width:100%;display:block;background-color:#000;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_content.png");background-repeat:repeat-x}section>div{max-width:1200px;width:100%;height:100%;margin:0px auto;padding:10px;display:block;font-size:0}section>div>div{height:100%;display:inline-block;vertical-align:top}section>div>div#contents-menu{width:280px}@media (max-width: 739px){section>div>div#contents-menu{display:none}}section>div>div#contents-menu a{display:block}section>div>div#contents-menu .btn_gamestart{width:280px;height:134px}section>div>div#contents-menu .btn_gamestart a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:0px 0px;background-size:560px 684px;cursor:pointer}section>div>div#contents-menu .btn_gamestart a:hover{background-position:0px -134px}section>div>div#contents-menu .btn_gamestart[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_gamestart.png");background-position:280px 0px;background-size:560px 684px;cursor:pointer}section>div>div#contents-menu .btn_gamestart[localize="en"] a:hover{background-position:280px -134px}@media (max-width: 739px){section>div>div#contents-menu .btn_gamestart{position:absolute;right:10px;bottom:10px;z-index:2}}@media (max-width: 479px){section>div>div#contents-menu .btn_gamestart{width:200px;height:96px}}section>div>div#contents-menu .app_beginners .btn_beginners{width:280px;height:70px;z-index:1;width:280px;height:70px}section>div>div#contents-menu .app_beginners .btn_beginners a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:0px 0px;background-size:560px 150px;cursor:pointer}section>div>div#contents-menu .app_beginners .btn_beginners[localize="en"] a{display:block;width:100%;height:100%;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/btn_beginners.png");background-position:-280px 0px;background-size:560px 150px;cursor:pointer}section>div>div#contents-menu .btn_event{margin-top:10px}section>div>div#contents-menu .btn_event img{max-width:100%}body section>div>div#contents-menu .menu_supplement{padding:10px;margin-top:10px;border:2px solid #917954;border-radius:16px}body section>div>div#contents-menu .menu_supplement p{font-size:11px;color:#FFF}section>div>div#contents-main .btn_event{display:none;border:1px solid #000}@media (max-width: 739px){section>div>div#contents-main .btn_event{display:block;width:100%;margin-bottom:10px}section>div>div#contents-main .btn_event img{max-width:100%}}section>div>div#contents-main #contents-gameplay{margin-bottom:10px;background-color:rgba(0,0,0,0.4);width:100%}section>div>div#contents-main article{background:#917954;background:-moz-linear-gradient(top, #fff 0%, #917954 12%, #644202 26%, #fefefe 52%, #694809 74%, #9d7f45 88%, #fff 100%);background:-webkit-linear-gradient(top, #fff 0%, #917954 12%, #644202 26%, #fefefe 52%, #694809 74%, #9d7f45 88%, #fff 100%);background:linear-gradient(to bottom, #fff 0%, #917954 12%, #644202 26%, #fefefe 52%, #694809 74%, #9d7f45 88%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );border-radius:5px;padding:2px;margin-bottom:10px}section>div>div#contents-main article>div{width:100%;height:100%;background-color:#2f0000;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_contents.png");background-repeat:no-repeat;background-position:50%;border-radius:3px;font-size:12px;color:#FFF}section>div>div#contents-main article>div h2{width:100%;height:32px;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/bg_content-header.png");background-repeat:repeat-x;line-height:32px;padding:3px 5px;border-bottom:1px solid #af9564}section>div>div#contents-main article>div #contents-info{padding:10px}@media (max-width: 739px){section>div>div#contents-main article>div #contents-info{height:250px;overflow-y:scroll}}section>div>div#contents-main article>div #contents-info .info_attention{border:2px solid red;padding:10px;margin:10px auto 20px auto;width:calc(100% - 40px);background-color:#FFF;color:#222}section>div>div#contents-main article>div #contents-info .info_attention h3{font-size:16px;font-weight:bold;color:red;margin-bottom:10px;text-align:center}section>div>div#contents-main article>div #contents-info .info_list{padding:3px 0px;width:100%;display:block;border-radius:3px}section>div>div#contents-main article>div #contents-info .info_list dl{margin-top:3px;background-color:rgba(0,0,0,0.4);padding:5px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.4);border-radius:3px;position:relative}section>div>div#contents-main article>div #contents-info .info_list dl:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-main article>div #contents-info .info_list dl:first-of-type{margin-top:0px}section>div>div#contents-main article>div #contents-info .info_list dl dt{vertical-align:top;display:inline-block;width:80px;text-align:center;padding:4px 5px 1px 5px;font-size:10.5px;font-weight:bold;border-radius:3px;overflow:hidden;position:relative}@media (min-width: 740px) and (max-width: 1024px){section>div>div#contents-main article>div #contents-info .info_list dl dt{display:none}}section>div>div#contents-main article>div #contents-info .info_list dl dt.info-notice{background-color:#257AEA}section>div>div#contents-main article>div #contents-info .info_list dl dt:after{content:"";position:absolute;width:350px;display:block;border-radius:600px;left:-135px;bottom:8px;height:350px;opacity:0.3;box-shadow:0px 0px 10px 5px #FFF inset}section>div>div#contents-main article>div #contents-info .info_list dl dd{vertical-align:top;display:inline-block;line-height:18px;font-weight:normal}section>div>div#contents-main article>div #contents-info .info_list dl dd:first-of-type{width:100px;font-size:9px;text-align:center}@media (max-width: 739px){section>div>div#contents-main article>div #contents-info .info_list dl dd:first-of-type{width:60px;text-align:left}}section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type{width:calc(100% - 190px);font-size:11px;color:#ffa600;text-decoration:underline}@media (min-width: 740px) and (max-width: 1024px){section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type{width:calc(100% - 110px)}}@media (max-width: 739px){section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type{width:calc(100% - 150px)}}section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px}section>div>div#contents-main article>div #contents-info .info_old{padding:15px 0px 5px 0px;text-align:right}section>div>div#contents-main article>div #contents-view .view_list{padding:10px;height:400px;overflow-y:scroll}@media (max-width: 739px){section>div>div#contents-main article>div #contents-view .view_list{height:250px}}section>div>div#contents-main article>div #contents-view .view_list dl{margin-top:3px;background-color:rgba(0,0,0,0.4);padding:5px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.4);border-radius:3px;position:relative;font-size:0;cursor:pointer}section>div>div#contents-main article>div #contents-view .view_list dl:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-main article>div #contents-view .view_list dl dt{vertical-align:top;display:inline-block;width:0px;height:60px;text-align:center;font-size:10.5px;font-weight:bold;border-radius:3px;position:absolute;left:calc((100% - 30px)/2);z-index:2}section>div>div#contents-main article>div #contents-view .view_list dl dt p{width:60px;height:35px;position:absolute;left:-30px;top:0px;display:block;font-size:16px;line-height:35px}section>div>div#contents-main article>div #contents-view .view_list dl dt aside{width:60px;height:25px;position:absolute;left:-30px;bottom:0px;display:block;line-height:25px;font-weight:normal}section>div>div#contents-main article>div #contents-view .view_list dl dd{position:relative;vertical-align:top;width:calc((100% - 30px)/2);display:inline-block;height:60px;z-index:1}section>div>div#contents-main article>div #contents-view .view_list dl dd p{width:100%;height:35px;line-height:35px;font-size:12px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section>div>div#contents-main article>div #contents-view .view_list dl dd aside{width:100%;height:25px;line-height:25px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section>div>div#contents-main article>div #contents-view .view_list dl dd img{width:60px;position:absolute;top:0px}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1){padding:0px 0px 0px 60px;text-align:left;background-color:rgba(0,0,0,0.4)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) p,section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) aside{padding:0px 35px 0px 5px}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) p{background:-moz-linear-gradient(left, #6b0000 0%, #6b0000 1%, rgba(107,0,0,0) 100%);background:-webkit-linear-gradient(left, #6b0000 0%, #6b0000 1%, rgba(107,0,0,0) 100%);background:linear-gradient(to right, #6b0000 0%, #6b0000 1%, rgba(107,0,0,0) 100%)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) aside{background:-moz-linear-gradient(left, #3c0000 0%, #3c0000 1%, rgba(60,0,0,0) 100%);background:-webkit-linear-gradient(left, #3c0000 0%, #3c0000 1%, rgba(60,0,0,0) 100%);background:linear-gradient(to right, #3c0000 0%, #3c0000 1%, rgba(60,0,0,0) 100%)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) img{left:0px}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2){padding:0px 60px 0px 0px;text-align:right;background-color:rgba(0,0,0,0.4)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) p,section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) aside{padding:0px 5px 0px 35px}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) p{background:-moz-linear-gradient(left, rgba(12,36,94,0) 0%, #0c245e 99%, #0c245e 100%);background:-webkit-linear-gradient(left, rgba(12,36,94,0) 0%, #0c245e 99%, #0c245e 100%);background:linear-gradient(to right, rgba(12,36,94,0) 0%, #0c245e 99%, #0c245e 100%)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) aside{background:-moz-linear-gradient(left, rgba(14,18,47,0) 0%, #0e122f 99%, #0e122f 100%);background:-webkit-linear-gradient(left, rgba(14,18,47,0) 0%, #0e122f 99%, #0e122f 100%);background:linear-gradient(to right, rgba(14,18,47,0) 0%, #0e122f 99%, #0e122f 100%)}section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) img{right:0px}section>div>div#contents-main article>div #contents-view .view_list dl dd:last-of-type{position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:3;background-image:url("//shogiwars-cdn.heroz.jp/images/homepage/arrow.png");background-repeat:no-repeat;background-position:100% 50%;background-size:15px 30px}section>div>div#contents-main article>div #contents-view .view_list dl dd:last-of-type a{display:block;width:100%;height:100%}section>div>div#contents-main article>div #contents-ranking .ranking_title{padding:10px;border-bottom:1px solid #af9564;font-weight:bold}section>div>div#contents-main article>div #contents-ranking .ranking_list{padding:10px}@media (max-width: 739px){section>div>div#contents-main article>div #contents-ranking .ranking_list{max-height:250px;overflow-y:scroll}}section>div>div#contents-main article>div #contents-ranking .ranking_list dl{margin-top:3px;background-color:rgba(0,0,0,0.4);padding:5px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.4);border-radius:3px;position:relative;font-size:0;cursor:pointer}@media (max-width: 479px){section>div>div#contents-main article>div #contents-ranking .ranking_list dl{padding:5px 5px 5px 55px}}section>div>div#contents-main article>div #contents-ranking .ranking_list dl:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-main article>div #contents-ranking .ranking_list dl dt{vertical-align:top;display:inline-block;width:40px;height:20px;line-height:20px;text-align:center;font-size:10.5px;font-weight:bold;z-index:2}@media (max-width: 479px){section>div>div#contents-main article>div #contents-ranking .ranking_list dl dt{height:40px;line-height:40px;position:absolute;left:5px;top:5px}}section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd{vertical-align:top;height:20px;line-height:20px;font-size:10.5px;display:inline-block;overflow-x:hidden}section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:nth-of-type(1){width:150px;color:#ffa600;text-decoration:underline}@media (max-width: 479px){section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:nth-of-type(1){width:100%}}section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:nth-of-type(2){width:50px}section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:last-of-type a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px}section>div>div#contents-main article>div .contents-tab{display:block;width:100%;height:50px;padding:10px 10px 0px 10px;border-bottom:1px solid #af9564;font-size:0}section>div>div#contents-main article>div .contents-tab li{margin-left:5px;display:inline-block;background-color:rgba(0,0,0,0.4);height:39px;line-height:40px;font-size:12px;padding:0px 10px;font-weight:bold;text-align:center;color:#FFF;border-radius:5px 5px 0px 0px;border-style:solid;border-color:#af9564;border-width:1px 1px 0px 1px;cursor:pointer}section>div>div#contents-main article>div .contents-tab li:first-of-type{margin-left:0px}section>div>div#contents-main article>div .contents-tab li:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-main article>div .contents-tab li.select{background-color:#FFF;color:#222;cursor:default}@media (min-width: 1025px){section>div>div#contents-main{margin-left:10px;margin-right:10px;width:calc(100% - 520px)}}@media (min-width: 740px) and (max-width: 1024px){section>div>div#contents-main{margin-left:10px;width:calc(100% - 290px)}}@media (max-width: 739px){section>div>div#contents-main{width:100% !important}}section>div>div#contents-main article>div .contents-column{max-height:500px;overflow-y:scroll}section>div>div#contents-main article>div .contents-column>dl{background-color:rgba(0,0,0,0.4);padding:5px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.4);border-radius:3px;position:relative;font-size:0;cursor:pointer}section>div>div#contents-main article>div .contents-column>dl:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-main article>div .contents-column>dl dt{vertical-align:top;display:inline-block;width:100%;min-height:20px;line-height:16px;text-align:left;color:#ffa600;font-size:12px;font-weight:bold;text-decoration:underline}section>div>div#contents-main article>div .contents-column>dl dd{width:100%}section>div>div#contents-main article>div .contents-column>dl dd:nth-of-type(1){margin-top:4px;vertical-align:top;display:inline-block;width:100%;min-height:20px;line-height:16px;text-align:left;color:#ffffff;font-size:12px}section>div>div#contents-main article>div .contents-column>dl dd:nth-of-type(2){margin:6px 0px;text-align:center}section>div>div#contents-main article>div .contents-column>dl dd:nth-of-type(3){vertical-align:top;display:inline-block;width:100%;line-height:12px;text-align:right;color:#ffffff;font-size:10px}section>div>div#contents-main article>div .contents-column>dl dd:last-of-type a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px}section>div>div#contents-sub{width:220px;display:none}@media (min-width: 1025px){section>div>div#contents-sub{display:inline-block}}section>div>div#contents-sub .contents-twitter{border:1px solid #af9564;border-radius:3px;background-color:rgba(0,0,0,0.2)}section>div>div#contents-sub .contents-column{margin-top:10px;border:1px solid #af9564;border-radius:3px;background-color:rgba(0,0,0,0.2)}section>div>div#contents-sub .contents-column>div#column_list{max-height:500px;overflow-y:scroll}section>div>div#contents-sub .contents-column>div#column_list dl{background-color:rgba(0,0,0,0.4);padding:5px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.4);border-radius:3px;position:relative;font-size:0;cursor:pointer}section>div>div#contents-sub .contents-column>div#column_list dl:hover{background-color:rgba(255,255,255,0.1)}section>div>div#contents-sub .contents-column>div#column_list dl dt{vertical-align:top;display:inline-block;width:100%;min-height:20px;line-height:16px;text-align:left;color:#ffa600;font-size:12px;font-weight:bold;text-decoration:underline}section>div>div#contents-sub .contents-column>div#column_list dl dd{width:100%}section>div>div#contents-sub .contents-column>div#column_list dl dd:nth-of-type(1){margin-top:4px;vertical-align:top;display:inline-block;width:100%;min-height:20px;line-height:16px;text-align:left;color:#ffffff;font-size:12px}section>div>div#contents-sub .contents-column>div#column_list dl dd:nth-of-type(2){margin:6px 0px}section>div>div#contents-sub .contents-column>div#column_list dl dd:nth-of-type(3){vertical-align:top;display:inline-block;width:100%;line-height:12px;text-align:right;color:#ffffff;font-size:10px}section>div>div#contents-sub .contents-column>div#column_list dl dd:last-of-type a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px}section>div>div#contents-sub .contents-links{margin-top:10px}section>div>div#contents-sub .contents-links a{display:block;margin-top:10px}section>div>div#contents-sub .contents-links a img{max-width:100%}section>div>div#contents-sub .contents-links a:first-of-type{margin-top:0px}body section.contents_supplement{display:none;background-image:none;padding:10px;font-size:11px;text-align:center;color:#FFF;border-bottom:2px solid #917954}@media (max-width: 739px){body section.contents_supplement{display:block}}@media (min-width: 740px){section>div>div#contents-main article>div iframe#watch_game{width:100%;height:700px;padding:3px auto 15px auto}}