@charset "UTF-8";html{-ms-content-zooming:none}body,html{height:100%}css,html{touch-action:pan-y}body{margin:0;color:#333;line-height:1.5em;font-family:"MS PGothic",Osaka,Arial,sans-serif}#btn-area,body{min-width:1000px}#bg-img{background-image:url(../images/bg-img.png);background-repeat:repeat}#drill-top{margin:20px 20px 0 20px;text-align:center}#drill-top img{margin-bottom:50px}header{height:75px;padding:11px 20px 0 0;background-color:#00afee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}header ul:after,header:after{content:"";display:block;clear:both}header h1{margin-top:8px}header h1,header ul li{float:left}header ul{float:right}header ul li i{margin-right:5px}header ul li:first-child{margin-right:15px}#header-area{position:relative}.header-title{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO",HGMaruGothicMPRO;font-size:30px;color:#fff;position:absolute;margin:0 auto;line-height:41px;pointer-events:none;top:51px;left:0;right:0;bottom:0;margin:auto;width:354px;height:42px;text-align:center}#content{padding:20px 15px;margin:0 15px;height:100%;min-height:100%;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body>#content{height:auto}#content h1{position:relative;font-size:25px;font-weight:400;padding:7px 0 7px 60px;margin-left:5px;margin-bottom:20px;border:none;background:#ccf2d1;border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0}#content h1:before{content:" ";background-image:url(../images/icon-subtitle.png);background-size:contain;vertical-align:middle;display:inline-block;position:absolute;padding:0;width:56px;height:56px;line-height:56px;left:-8px;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#tanjen-area{width:85%;margin-left:auto;margin-right:auto}#tanjen-area:after{content:"";display:block;clear:both}#tanjen-area ul{float:left;width:50%;padding-right:3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#tanjen-area li{height:55px;margin-bottom:20px;position:relative}#main-sentaku:after{content:"";display:block;clear:both}#main-sentaku{width:90%;margin-left:auto;margin-right:auto}#mondai-list{float:left;width:40%;padding-right:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#mondai-list>p{height:70px;line-height:6;font-size:18px}#mondai-sheet{float:left;width:60%}#mondai-list li{display:table;width:100%;margin-bottom:8px;border:2px solid #727171;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;cursor:hand}#mondai-list li div{display:table-cell;vertical-align:middle;text-align:center;width:11%;background:#9fa0a0;color:#fff;font-size:13px;line-height:1.3;padding:0 5px;position:relative}#mondai-list li div span{font-size:20px}#mondai-list li dl{display:table-cell;line-height:1.3;font-size:14px}#mondai-list li dl dt{padding:5px 10px 5px 15px;border-bottom:1px solid #999;font-weight:700}#mondai-list li dl dt p:before{content:"◆";color:#eac306;font-size:12px;margin-right:2px}.list-indent{padding-left:1em;text-indent:-1em}#mondai-list li dd{display:table;width:100%;padding-bottom:3px}#mondai-list li dd p{display:table-cell;vertical-align:middle;text-align:center}#mondai-list li dd p:nth-child(2),#mondai-list li dd p:nth-child(4){width:4%}#mondai-list li dd p:nth-child(1),#mondai-list li dd p:nth-child(3),#mondai-list li dd p:nth-child(5){width:24%}#mondai-list li dd p:nth-child(1) span:first-child,#mondai-list li dd p:nth-child(3) span:first-child,#mondai-list li dd p:nth-child(5) span:first-child{font-size:30px;font-weight:700;height:52px;line-height:58px}@media all and (-ms-high-contrast:none){#mondai-list li dd p:nth-child(1) span:first-child,#mondai-list li dd p:nth-child(3) span:first-child,#mondai-list li dd p:nth-child(5) span:first-child{line-height:68px}}#mondai-list li dd p:nth-child(6){width:20%;border-left:1px dotted #c9caca;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#mondai-list li dd p:nth-child(6).crown_on{background-image:url(../images/icon-crown_on.png);background-size:52px auto;background-repeat:no-repeat;background-position:center}#mondai-list li dd p:nth-child(6).crown_off{background-image:url(../images/icon-crown_off.png);background-size:52px auto;background-repeat:no-repeat;background-position:center}#mondai-list li dd p span.pass{background-image:url(../images/icon-sakura.png);background-repeat:no-repeat;background-position:center}#mondai-list li dd p span{display:block}.skip{color:#cecece}#mondai-list li:hover{border:2px solid #1d8aec}#mondai-list li:hover>.mondai-list-num{background:#1d8aec}#mondai-list li.mondai-list-select{border:2px solid #1d8aec;background-color:#e3f8ff;cursor:auto}#mondai-list li.mondai-list-select div{background:#1d8aec}#mondai-sheet ul{border-collapse:separate;border-spacing:7px 0;display:table}#mondai-sheet ul li{display:table-cell;text-align:center;vertical-align:middle;font-size:30px;line-height:1.8;color:#fff;background-color:#9fa0a0;box-shadow:4px 0 0 0 #595757;-moz-box-shadow:4px 0 0 0 #595757;-webkit-box-shadow:4px 0 0 0 #595757;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}#mondai-sheet ul li a{display:block;height:50px;color:#000;font-weight:700;padding:0 40px;line-height:1.8}#mondai-sheet ul li a:hover{background-color:#61aaec;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}#mondai-sheet ul li a.tab-on{background-color:#1d8aec;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}#mondai-sheet-area{margin:20px;border:2px solid #1d8aec}#title-box{display:table;min-height:70px}#title-box div{display:table-cell;vertical-align:middle}#title-box #title-num{position:relative;width:42px;text-align:center;color:#fff;font-size:13px;line-height:1.3;background-color:#1d8aec}#title-box #title-num span{font-size:20px}#title-box #title-txt{line-height:1.5;padding:5px 20px;font-weight:700}#title-box #title-txt p:before{content:"◆";color:#eac306;font-size:12px;margin-right:5px}#title-box #title-stepnum{color:#000;font-weight:700;font-size:30px;padding-right:10px}#sheet-area{position:relative;margin-left:7px;border:2px solid #727171}#btn-area{position:fixed;bottom:0;width:100%;background-color:rgba(000,0,0,.7)}#btn{display:table;width:100%;padding:8px 20px 15px 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#page-area,#page-check-area,#page-clear-area{display:table-cell;position:relative;height:47px}#page-area,#page-check-area,#page-clear-area{width:33.3333%}#page-area{display:table;width:100%;text-align:center;padding-top:5px}#page-area div{display:table-cell}#page-btn-area button{margin-right:8px}#page-prev-area{position:absolute;top:5px;width:20%;text-align:right}#page-next-area{position:absolute;top:5px;width:23%;text-align:left}#page-btn-area{width:57%;padding-top:4px}#canvas-top{display:table;width:100%;padding:0 125px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#canvas-top #btn-furikaeri-area,#canvas-top #mondai-sheet-area{display:table-cell}#canvas-top-area{margin-right:20px;border:2px solid #1d8aec}#canvas-area{width:auto;padding:20px 125px 30px 125px}.adjust-box{position:relative;width:100%;height:auto;background:#fff;border:1px solid #999;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.box-950x900:before{content:"";display:block;padding-top:400%}.inner{position:absolute;top:0;left:0;width:100%;height:100%}#furikaeri{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.7);visibility:hidden}#furikaeri-dialog{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:900px;height:645px;z-index:2;background-color:#f8e5a3;box-shadow:rgba(0,0,0,.3) 0 0 10px 6px;-webkit-box-shadow:rgba(0,0,0,.3) 0 0 10px 6px;-moz-box-shadow:rgba(0,0,0,.3) 0 0 10px 6px}#img-area{position:relative;width:740px;height:545px;margin:20px auto;text-align:center;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:contain;border-bottom:20px solid #fff}#img-area img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:700px;max-height:500px}div.furikaeri-big{background-color:rgba(0,0,0,.8)!important}.furikaeri-big #furikaeri-dialog{margin:0!important;width:auto!important;height:auto!important;background-color:rgba(0,0,0,0)!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}.furikaeri-big #img-area{position:absolute!important;top:0!important;left:-10px!important;right:0!important;bottom:0!important;width:85%!important;height:95%!important;margin:auto!important;border:10px solid #fff}.furikaeri-big #img-area img{top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;margin:0!important;max-width:100%!important;max-height:100%!important}.furikaeri-big #furikaeri-btn-box,.furikaeri-big #page-list{display:none}#page-list{position:absolute;bottom:-20px;left:47%;font-size:22px;color:#bababa}#page-list .select{color:#333}#furikaeri-dialog #prev{position:absolute;top:47%;left:20px;cursor:pointer}#furikaeri-dialog #next{position:absolute;top:47%;right:20px;cursor:pointer}#furikaeri-dialog #furikaeri-btn{position:relative;width:400px;margin:0 auto}#result{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(000,0,0,.7);visibility:hidden}#result-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background-image:url(../images/saitenboard.png);background-repeat:no-repeat;background-position:center}#board{position:fixed;top:50%;left:50%;width:660px;height:484px;margin-top:-243px;margin-left:-329px}.icon-hanko{background-image:url(../images/icon-stamp.png);background-size:210px auto;background-repeat:no-repeat;background-position:top 50px right 50px}#result #title{position:absolute;top:70px;left:70px;line-height:1.5;font-size:x-large;padding:3px 8px 0 8px;border:2px solid #333}#result #score-area{position:absolute;top:180px;left:75px;width:500px;height:100px;font-size:190px;text-align:center;border-bottom:10px double red}#result #score-area span:nth-child(2){font-size:90px;letter-spacing:-10px}.dialog-bg{filter:blur(2px)}.fadein-effect{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.zoomin-effect{animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.5,.5)}100%{transform:scale(1,1)}}.fadeout-effect{opacity:0;animation:fadeOut .3s ease}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.zoomout-effect{animation:zoomOut .3s ease}@keyframes zoomOut{0%{transform:scale(1,1)}100%{transform:scale(.5,.5)}}#footer-fixed{position:fixed;bottom:0;width:100%;color:#fff;text-align:center;font-size:11px;background-color:#048fb5;height:25px}#footer-fixed p{display:inline;margin:0 auto}#footer-fixed img,#footer-move img{margin:2px 15px}#footer-move p{color:#fff;font-size:11px;text-align:center;background-color:#048fb5;height:25px}@media (max-width:1100px){#mondai-sheet ul li a{padding:0 25px}.header-title{letter-spacing:-2px;width:350px}}@media (min-width:1200px){#btn,#content,#drill-2nd,#header-area{width:1200px;margin-left:auto;margin-right:auto}}