html,body{width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:url(../img/binkan_back_white.png);background-repeat:repeat;background-size:80px;overflow-x:hidden;font-family:"aralet-n",sans-serif;font-weight:400;font-style:normal;-webkit-text-size-adjust:100%}.sp_only{display:none}@media screen and (max-width: 420px){.sp_only{display:block}}#main_content{width:100%;display:none;flex-direction:column;align-items:center}#main_content #head_information{margin-top:50px;text-align:center}#main_content #head_information #player_name{font-size:40px;position:relative;display:inline-block;font-weight:bold;background:linear-gradient(transparent 50%, #fdff77 50%);margin:0 auto 20px;padding:0 10px 0 10px}@media screen and (max-width: 420px){#main_content #head_information #player_name{font-size:30px}}#main_content #head_information h2{font-size:20px;margin:0 auto}@media screen and (max-width: 420px){#main_content #head_information h2{font-size:20px}}#main_content .headline_1{display:inline-block;font-size:20px;line-height:1.5em;margin:0 auto 10px;padding:0 1em;color:#111;background:linear-gradient(to right, rgb(255, 244, 158), rgb(163, 255, 158))}#main_content .headline_2{font-size:24px;line-height:1.5em;margin:0 auto}#main_content .headline_2 #now_point,#main_content .headline_2 #your_rank,#main_content .headline_2 #player_name_text,#main_content .headline_2 #remain_amount{font-size:30px;line-height:1.5em}#main_content #about{display:flex;flex-direction:column;align-items:center;width:600px;padding:2em 1em;margin:40px 0;text-align:center;border-radius:5px;color:#fff;background:rgba(0,0,0,.8);box-shadow:0 3px 5px rgba(0,0,0,.22)}#main_content #about #player_name,#main_content #about #point{margin-bottom:40px;margin-bottom:40px}@media screen and (max-width: 420px){#main_content #about{width:calc(100% - 2em - 40px);padding:2em 1em;margin:40px 20px;border-radius:5px}}#main_content #binkan_list{display:flex;flex-direction:column;align-items:center;width:600px;text-align:center;margin-bottom:40px}@media screen and (max-width: 420px){#main_content #binkan_list{width:100%}}#main_content #binkan_list h2{position:relative;padding:1.5rem 1rem}#main_content #binkan_list h2:after{position:absolute;bottom:0;left:0;width:100%;height:10px;content:"";background-image:repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);background-size:7px 7px;backface-visibility:hidden}#main_content #binkan_list #remain{display:none}#main_content #binkan_list .binkan_content{display:flex;position:relative;flex-direction:column;align-items:center;width:600px;padding:1.5em 1em;margin:20px 0;text-align:center;color:#111;background:#fff;border-radius:5px}@media screen and (max-width: 420px){#main_content #binkan_list .binkan_content{width:calc(100% - 2em - 40px)}}#main_content #binkan_list .binkan_content .binkan_difficulty{display:inline-block;margin-bottom:20px;padding:0 1em;line-height:1.2em}#main_content #binkan_list .binkan_content .binkan_difficulty,#main_content #binkan_list .binkan_content .binkan_script{z-index:10}#main_content #binkan_list .binkan_content.easy{box-shadow:6px 6px 0 #6bb6ff,0 0 5px rgba(0,0,0,.5)}#main_content #binkan_list .binkan_content.easy .binkan_difficulty{background-color:#6bb6ff;color:#000}#main_content #binkan_list .binkan_content.normal{box-shadow:6px 6px 0 #ffe66b,0 0 5px rgba(0,0,0,.5)}#main_content #binkan_list .binkan_content.normal .binkan_difficulty{background-color:#ffe66b;color:#000}#main_content #binkan_list .binkan_content.hard{box-shadow:6px 6px 0 #ff6b6b,0 0 5px rgba(0,0,0,.5)}#main_content #binkan_list .binkan_content.hard .binkan_difficulty{background-color:#ff6b6b;color:#000}#main_content #binkan_list .binkan_content.hardcore{box-shadow:6px 6px 0 #000,0 0 5px rgba(0,0,0,.5)}#main_content #binkan_list .binkan_content.hardcore .binkan_difficulty{background-color:#000;color:#fff}#main_content #binkan_list .binkan_content::before{display:none}#main_content #binkan_list.number_unlock #remain{display:block;margin-top:20px}@media screen and (max-width: 420px){#main_content #binkan_list.number_unlock .binkan_content{padding-top:4rem}}#main_content #binkan_list.number_unlock .binkan_content::before{display:block;content:attr(data-number) "";font-style:italic;position:absolute;bottom:0;left:5px;line-height:1;font-size:3rem;color:#dcdcdc;font-family:"sofachrome",sans-serif;font-weight:400;font-style:normal}@media screen and (max-width: 420px){#main_content #binkan_list.number_unlock .binkan_content::before{content:"No." attr(data-number) "";top:1rem;bottom:auto;left:0;right:0;margin:0 auto;font-size:2rem;color:#ccc}}