﻿@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}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 !important;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{text-indent:0px !important}.ti1{text-indent:1px !important}.ti2{text-indent:2px !important}.ti3{text-indent:3px !important}.ti4{text-indent:4px !important}.ti5{text-indent:5px !important}.ti6{text-indent:6px !important}.ti7{text-indent:7px !important}.ti8{text-indent:8px !important}.ti9{text-indent:9px !important}.ti10{text-indent:10px !important}.ti15{text-indent:15px !important}.ti20{text-indent:20px !important}.ti25{text-indent:25px !important}.ti30{text-indent:30px !important}.ti35{text-indent:35px !important}.ti40{text-indent:40px !important}.ti45{text-indent:45px !important}.ti50{text-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}.p6{padding:6px !important}.p7{padding:7px !important}.p8{padding:8px !important}.p9{padding:9px !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}.px6{padding-left:6px !important;padding-right:6px !important}.px7{padding-left:7px !important;padding-right:7px !important}.px8{padding-left:8px !important;padding-right:8px !important}.px9{padding-left:9px !important;padding-right:9px !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}.py6{padding-top:6px !important;padding-bottom:6px !important}.py7{padding-top:7px !important;padding-bottom:7px !important}.py8{padding-top:8px !important;padding-bottom:8px !important}.py9{padding-top:9px !important;padding-bottom:9px !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}.pl6{padding-left:6px !important}.pl7{padding-left:7px !important}.pl8{padding-left:8px !important}.pl9{padding-left:9px !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}.pr6{padding-right:6px !important}.pr7{padding-right:7px !important}.pr8{padding-right:8px !important}.pr9{padding-right:9px !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}.pt6{padding-top:6px !important}.pt7{padding-top:7px !important}.pt8{padding-top:8px !important}.pt9{padding-top:9px !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}.pb6{padding-bottom:6px !important}.pb7{padding-bottom:7px !important}.pb8{padding-bottom:8px !important}.pb9{padding-bottom:9px !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}.m6{margin:6px !important}.m7{margin:7px !important}.m8{margin:8px !important}.m9{margin:9px !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}.mx6{margin-left:6px !important;margin-right:6px !important}.mx7{margin-left:7px !important;margin-right:7px !important}.mx8{margin-left:8px !important;margin-right:8px !important}.mx9{margin-left:9px !important;margin-right:9px !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}.my6{margin-top:6px !important;margin-bottom:6px !important}.my7{margin-top:7px !important;margin-bottom:7px !important}.my8{margin-top:8px !important;margin-bottom:8px !important}.my9{margin-top:9px !important;margin-bottom:9px !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}.ml6{margin-left:6px !important}.ml7{margin-left:7px !important}.ml8{margin-left:8px !important}.ml9{margin-left:9px !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}.mr6{margin-right:6px !important}.mr7{margin-right:7px !important}.mr8{margin-right:8px !important}.mr9{margin-right:9px !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}.mt6{margin-top:6px !important}.mt7{margin-top:7px !important}.mt8{margin-top:8px !important}.mt9{margin-top:9px !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}.mb6{margin-bottom:6px !important}.mb7{margin-bottom:7px !important}.mb8{margin-bottom:8px !important}.mb9{margin-bottom:9px !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}.text_sprite.about{width:180px;height:24px;display:inline-block;position:relative;background:url(//image-pona.heroz.jp/web/help/qa/text_sprite.png);background-position:-180px -24px;background-size:440px 72px;background-repeat:no-repeat}.text_sprite.about[localize="en"]{background-position:0px -24px}.text_sprite.faq{width:300px;height:24px;display:inline-block;position:relative;background:url(//image-pona.heroz.jp/web/help/qa/text_sprite.png);background-position:-300px -48px;background-size:440px 72px;background-repeat:no-repeat}.text_sprite.faq[localize="en"]{background-position:0px -48px}.app_sprite{background:url(//image-pona.heroz.jp/web/sub/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}}.attention{display:inline-block;padding:10px;margin:10px;border:1px solid #8a7e67;border-radius:3px;background-color:rgba(0,0,0,0.3)}.attention>p{position:relative;display:block;padding-left:15px}.attention>p:before{content:"※";position:absolute;width:15px;height:15px;left:0px;top:0px}.bullet{display:inline-block;padding:10px;margin:10px;border:1px solid #8a7e67;border-radius:3px;background-color:rgba(0,0,0,0.3)}.bullet>p{position:relative;display:block;padding-left:15px}.bullet>p:before{content:"・";position:absolute;width:15px;height:15px;left:0px;top:0px}.accordion>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}.accordion>dl>dt{padding:10px 40px 10px 10px;font-size:14px;font-weight:bold;position:relative;cursor:pointer}.accordion>dl>dt:after{content:"";width:20px;height:20px;top:50%;right:10px;transform:translate(0px, -55%);background-image:url(//image-pona.heroz.jp/web/sub/obj_accordion.png);background-size:40px 20px;background-position:0px 0px;position:absolute}.accordion>dl>dd{display:none;padding:10px}.accordion>dl>dd>ul{width:100%;display:block;position:relative}.accordion>dl>dd>ul>li{display:inline-block}.accordion>dl>dd>ul>li:first-of-type{width:100%;max-width:300px;float:left}.accordion>dl>dd>ul>li:first-of-type img{max-width:100%}.accordion>dl>dd>ul>li:last-of-type{width:calc(100% - 310px);float:right}@media (max-width: 739px){.accordion>dl>dd>ul>li{width:100% !important;float:none}.accordion>dl>dd>ul>li:last-of-type{padding-top:10px}}.accordion>dl>dd>ul>li p{margin-bottom:10px}.accordion>dl>dd>ul>li p img{vertical-align:top;margin-right:5px}.accordion>dl>dd>ul>li p span{display:inline-block;text-indent:0px}.accordion>dl>dd>ul>li table td{padding-bottom:5px}.accordion>dl>dd>ul>li table td:nth-of-type(2){padding-left:5px}.accordion>dl>dd>ul:after{content:"";display:block;clear:both}.accordion>dl.open dt{color:#ffd500}.accordion>dl.open dt:after{background-position:-20px 0px}.accordion>dl.open dd{font-size:12px;display:block}body{text-align:left}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(//image-pona.heroz.jp/web/sub/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:130px;height:50px;padding:10px;display:inline-block;float:right}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(//image-pona.heroz.jp/web/sub/bg_header.png);background-repeat:repeat-x}@media (max-width: 739px){body header h1{background-image:url(//image-pona.heroz.jp/web/sub/bg_header-sp.png)}}body header h1 .title{max-width:1200px;height:100%;margin:0px auto;display:block;position:relative;background-image:url(//image-pona.heroz.jp/web/sub/keyvisual.png);background-size:auto;background-repeat:no-repeat;background-position:center}@media (max-width: 739px){body header h1 .title{background-image:url(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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(//image-pona.heroz.jp/web/sub/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:200px;padding-top:0px}}@media (max-width: 739px){body.sub header{height:140px;padding-top:0px}}@media (min-width: 1025px){body.sub header nav{display:block}}@media (min-width: 740px) and (max-width: 1024px){body.sub header nav{display:none}}@media (max-width: 739px){body.sub header nav{display:none}}body.sub header h1{background-image:url(//image-pona.heroz.jp/web/sub/bg_header-sub.png)}@media (max-width: 739px){body.sub header h1{background-image:url(//image-pona.heroz.jp/web/sub/bg_header-sp-sub.png)}}body.sub header h1 .title{background-image:url(//image-pona.heroz.jp/web/sub/keyvisual-sub.png)}@media (max-width: 739px){body.sub header h1 .title{background-image:url(//image-pona.heroz.jp/web/sub/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."}body section{width:100%;display:block;background-color:#000;background-image:url(//image-pona.heroz.jp/web/sub/bg_content.png);background-repeat:repeat-x}body section>div{max-width:1200px;width:100%;height:100%;margin:0px auto;padding:10px;display:block;font-size:0}body section>div>div{height:100%;display:inline-block;vertical-align:top}body section>div>div#contents-menu{width:280px}@media (max-width: 739px){body section>div>div#contents-menu{display:none}}body section>div>div#contents-menu a{display:block}body section>div>div#contents-menu .btn_gamestart{width:280px;height:134px}body section>div>div#contents-menu .btn_gamestart a{display:block;width:100%;height:100%;background-image:url(//image-pona.heroz.jp/web/sub/btn_gamestart.png);background-position:0px 0px;background-size:560px 684px;cursor:pointer}body section>div>div#contents-menu .btn_gamestart a:hover{background-position:0px -134px}body section>div>div#contents-menu .btn_gamestart[localize="en"] a{display:block;width:100%;height:100%;background-image:url(//image-pona.heroz.jp/web/sub/btn_gamestart.png);background-position:-280px 0px;background-size:560px 684px;cursor:pointer}body section>div>div#contents-menu .btn_gamestart[localize="en"] a:hover{background-position:280px -134px}@media (max-width: 739px){body section>div>div#contents-menu .btn_gamestart{position:absolute;right:10px;bottom:10px;z-index:2}}@media (max-width: 479px){body section>div>div#contents-menu .btn_gamestart{width:200px;height:96px}}body section>div>div#contents-menu .app_beginners{width:100%;height:70px}body section>div>div#contents-menu .app_beginners .btn_beginners{width:280px;height:70px;z-index:1;width:280px;height:70px}body section>div>div#contents-menu .app_beginners .btn_beginners a{display:block;width:100%;height:100%;background-image:url(//image-pona.heroz.jp/web/sub/btn_beginners.png);background-position:0px 0px;background-size:560px 150px;cursor:pointer}body section>div>div#contents-menu .app_beginners .btn_beginners[localize="en"] a{display:block;width:100%;height:100%;background-image:url(//image-pona.heroz.jp/web/sub/btn_beginners.png);background-position:-280px 0px;background-size:560px 150px;cursor:pointer}body section>div>div#contents-menu .btn_event{margin-top:10px}body section>div>div#contents-menu .btn_event img{max-width:100%}body section>div>div#contents-main .btn_event{display:none;border:1px solid #000}@media (max-width: 739px){body section>div>div#contents-main .btn_event{display:block;width:100%;margin-bottom:10px}body section>div>div#contents-main .btn_event img{max-width:100%}}body section>div>div#contents-main #contents-gameplay{margin-bottom:10px;background-color:rgba(0,0,0,0.4);width:100%}body 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}body section>div>div#contents-main article>div{width:100%;height:100%;background-color:#2f0000;background-image:url(/../img/bg_contents.png);background-repeat:no-repeat;background-position:50%;border-radius:3px;font-size:12px;color:#FFF}body section>div>div#contents-main article>div h2{width:100%;height:32px;background-image:url(/../img/bg_content-header.png);background-repeat:repeat-x;line-height:32px;padding:3px 5px;border-bottom:1px solid #af9564}body section>div>div#contents-main article>div #contents-info{padding:10px}@media (max-width: 739px){body section>div>div#contents-main article>div #contents-info{max-height:250px;overflow-y:scroll}}body 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}body 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}body section>div>div#contents-main article>div #contents-info .info_list{padding:3px 0px;width:100%;display:block;border-radius:3px}body 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}body section>div>div#contents-main article>div #contents-info .info_list dl:hover{background-color:rgba(255,255,255,0.1)}body section>div>div#contents-main article>div #contents-info .info_list dl:first-of-type{margin-top:0px}body 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){body section>div>div#contents-main article>div #contents-info .info_list dl dt{display:none}}body section>div>div#contents-main article>div #contents-info .info_list dl dt.info-notice{background-color:#257AEA}body 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}body 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}body 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){body section>div>div#contents-main article>div #contents-info .info_list dl dd:first-of-type{width:60px;text-align:left}}body 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){body section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type{width:calc(100% - 110px)}}@media (max-width: 739px){body section>div>div#contents-main article>div #contents-info .info_list dl dd:last-of-type{width:calc(100% - 150px)}}body 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}body section>div>div#contents-main article>div #contents-info .info_old{padding:15px 0px 5px 0px;text-align:right}body section>div>div#contents-main article>div #contents-view .view_list{padding:10px;height:400px;overflow-y:scroll}@media (max-width: 739px){body section>div>div#contents-main article>div #contents-view .view_list{height:250px}}body 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}body section>div>div#contents-main article>div #contents-view .view_list dl:hover{background-color:rgba(255,255,255,0.1)}body 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}body 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}body 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}body 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}body 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}body 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}body section>div>div#contents-main article>div #contents-view .view_list dl dd img{width:60px;position:absolute;top:0px}body 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)}body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) p,body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) aside{padding:0px 35px 0px 5px}body 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%)}body 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%)}body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(1) img{left:0px}body 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)}body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) p,body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) aside{padding:0px 5px 0px 35px}body 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%)}body 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%)}body section>div>div#contents-main article>div #contents-view .view_list dl dd:nth-of-type(2) img{right:0px}body 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(/../img/arrow.png);background-repeat:no-repeat;background-position:100% 50%;background-size:15px 30px}body section>div>div#contents-main article>div #contents-view .view_list dl dd:last-of-type a{display:block;width:100%;height:100%}body section>div>div#contents-main article>div #contents-ranking .ranking_title{padding:10px;border-bottom:1px solid #af9564;font-weight:bold}body section>div>div#contents-main article>div #contents-ranking .ranking_list{padding:10px}@media (max-width: 739px){body section>div>div#contents-main article>div #contents-ranking .ranking_list{max-height:250px;overflow-y:scroll}}body 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){body section>div>div#contents-main article>div #contents-ranking .ranking_list dl{padding:5px 5px 5px 55px}}body section>div>div#contents-main article>div #contents-ranking .ranking_list dl:hover{background-color:rgba(255,255,255,0.1)}body 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){body section>div>div#contents-main article>div #contents-ranking .ranking_list dl dt{height:40px;line-height:40px;position:absolute;left:5px;top:5px}}body 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}body 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){body section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:nth-of-type(1){width:100%}}body section>div>div#contents-main article>div #contents-ranking .ranking_list dl dd:nth-of-type(2){width:40px}body section>div>div#contents-main article>div #contents-about .about_wars{padding:10px}body section>div>div#contents-main article>div #contents-about .about_wars h3{margin-bottom:5px;font-weight:bold}body section>div>div#contents-main article>div #contents-about .about_list{padding:10px;display:none}body section>div>div#contents-main article>div #contents-about .about_list.selected{display:block}body section>div>div#contents-main article>div #contents-faq .about_list{padding:10px}body section>div>div#contents-main article>div .contents-tab{display:flex;width:100%;height:50px;padding:10px 10px 0px 10px;border-bottom:1px solid #af9564;font-size:0}body 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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 20%}body section>div>div#contents-main article>div .contents-tab li:first-of-type{margin-left:0px}body section>div>div#contents-main article>div .contents-tab li:hover{background-color:rgba(255,255,255,0.1)}body section>div>div#contents-main article>div .contents-tab li.select{background-color:#FFF;color:#222;cursor:default}@media (min-width: 1025px){body section>div>div#contents-main{margin-left:10px;margin-right:10px;width:calc(100% - 520px)}}@media (min-width: 740px) and (max-width: 1024px){body section>div>div#contents-main{margin-left:10px;width:calc(100% - 290px)}}@media (max-width: 739px){body section>div>div#contents-main{width:100% !important}}body section>div>div#contents-sub{width:220px;display:none}@media (min-width: 1025px){body section>div>div#contents-sub{display:inline-block}}body section>div>div#contents-sub .contents-twitter{border:1px solid #af9564;border-radius:3px;background-color:rgba(0,0,0,0.2)}body section>div>div#contents-sub .contents-links{margin-top:10px}body section>div>div#contents-sub .contents-links a{display:block;margin-top:10px}body section>div>div#contents-sub .contents-links a img{max-width:100%}body section>div>div#contents-sub .contents-links a:first-of-type{margin-top:0px}body.sub section>div>div#contents-main{margin-left:0px;margin-right:0px;width:100%}.qa_left_side_img{margin-bottom:10px;height:400px}.qa_right_side_text{min-width:60%;vertical-align:top;margin-bottom:10px}
