html{scroll-behavior:smooth}.smt{display:none}.pc{display:block}.contentView a{text-decoration:underline}body{width:100%;margin:0;background-color:#fff}header{font-family:"M PLUS 2",sans-serif;width:100%;margin:0 0 60px;background-color:#fdf6e9}header .title{margin:30px 0 0;text-align:center;line-height:1.2;background:url(//mage-one.noob.jp/wp-content/themes/mage-one/css/../image/common/item_header.png) no-repeat 15px 15px}header .rubi{margin:0 0 10px;color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:4px;text-align:center;text-shadow:0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171,0 0 3px #717171}header h1 img{width:100%;max-width:1280px}header .title h1 a{color:#fff;font-weight:700;font-size:3rem;letter-spacing:4px;text-shadow:0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171,0 0 5px #717171}header nav{width:100%;min-width:300px;margin:0 auto;background-color:#4b4b4b;display:flex;justify-content:center}header nav ul{width:40%;min-width:980px;display:flex;justify-content:space-around;padding:40px 0;font-size:2rem}main{width:100%}h2{margin:0 0 60px}h3{margin:0;font-size:2.5rem;text-align:center}h4{margin:-10px 0 20px;padding:0}section{width:80%;min-width:980px;margin:0 auto 250px}section.wide{width:100%}.day{text-align:center}section.game article{display:flex;justify-content:space-around;margin:0 0 70px}section.game h3{text-align:left}section.game h4{margin:0 0 20px;padding:0;font-size:1.5rem;font-weight:400}section.game div{width:55%}section.game figure{width:100%;margin:0 0 30px;background-color:#ddd}section.game figure img{max-width:100%}section.game figcaption{margin:0 0 30px;font-size:1.5rem}section.game ul{padding:0 10%;display:flex;justify-content:space-around}section.game ul li{width:45%}section.game ul li img{width:100%}section.game video{width:35%;height:100%;margin:0 5%}video[poster]{width:100%}section.game p{width:50%;margin:0 auto}section.game p a{display:block;padding:10px 0;color:#fff;text-align:center;background-color:#000}section#news dl{text-align:center}section#news dl dt{font-size:2rem}section#news dl dd{margin:0 0 30px;font-size:1rem}article.contentView{margin:40px 0}article.contentView p{margin:10px 0}section#magetter{max-width:980px;margin:0 auto;text-align:center}section#magetter h3{font-size:2rem;margin:0 0 20px}article.magetter{padding:15px;display:flex;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}section#magetter dl{margin:0;text-align:left}div.category{display:flex;flex-wrap:wrap;justify-content:flex-start}p.category_link{color:#1d9bf0;padding:0 15px 0 0;text-decoration:underline}section#magetter p.category_link a{color:#1d9bf0}div.icon{margin-right:15px}dl dt span.name{font-weight:700}dl dt span.date{color:#bbb;font-size:1.5rem;margin:0 0 0 10px}article.magetter dl dt{font-size:1.75rem}article.magetter dl dd{font-size:1.25rem}section#about{margin:40px auto 0;text-align:center}section#about dl{margin:0 0 40px;text-align:center}section#about dl dt{font-size:2rem;margin:0 0 5px}section#about dl dd{font-size:1.25rem}#mainContents{width:80%;margin:40px auto}.page-template-app h3{margin:0 0 20px}.page-template-app .game h2{font-size:2rem;margin:0}.page-template-app .game h3{font-size:1.5rem;text-align:center;margin:0 0 60px}ul.screenShot{display:flex;justify-content:space-around}ul.screenShot li{margin:0 1px;text-align:center}ul.screenShot li img{width:100%}.youtube{position:relative;width:100%;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.blog article.blog_main,.post-template-default article.blog_main{width:100%;margin:0}article.magetter p{margin:0 0 30px}figure.magetter_images{display:flex;flex-wrap:wrap}figure.magetter_images img{width:50%}figure.mage_video{background-color:#000;height:50%;display:flex;justify-content:center}.flex-container{display:-webkit-flex;display:flex;justify-content:center}.flex-item{margin:20px}footer{width:100%;margin:250px 0 0;background-color:#888}footer nav{padding:30px 0;background-color:#000}footer nav ul{width:80%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-around}.copy{width:100%;padding:20px 0;display:flex;justify-content:space-between}.copy ul{width:30%;min-width:400px;margin:0 2.5%;display:flex}.copy ul li:last-child:before{color:#fff;content:"　|　";font-size:.8rem}.copy p{width:30%;margin:0 2.5%;text-align:right;color:#fff}footer .copy #policyLink a:visited,footer .copy #policyLink a:link{color:#fff}@media screen and (max-width:768px){.smt{display:block}.pc{display:none}body{width:100%;margin:0}section{width:90%;min-width:auto}header{width:100%;padding:0;display:block;justify-content:start}header h1{width:100%}header .title{background-position:center 15px}header nav{width:100%;margin:0 0 15px}header nav ul{width:100%;min-width:320px;padding:20px 0;font-size:1rem}figure{margin:20px 0}figure img{width:100%}section.game article{display:block;justify-content:start;margin:0 0 40px}section.game div{width:100%}section.game h3{text-align:center}section.game h4{margin:0 0 20px;font-size:1rem;text-align:center}section.game figcaption{font-size:1.2rem}section.game ul{padding:0}section.game video{width:100%;margin:40px 0 0}section.game p{width:100%}section.game p a{display:block;padding:15px 0;color:#fff;text-align:center;background-color:#000}section#news dl dt{font-size:1.3rem}section#blog ul a{flex-wrap:wrap}section#blog ul li{font-size:14px}ul li p{margin:0 2%;padding:5px 0}ul li p span{padding:10px;color:#fff}ul li p.day{margin:0 3% 10px 2%}ul li p.category{width:200px;margin:0 2% 10px;padding:5px 0;text-align:center;background-color:#000}section#about dl{margin:0 0 40px;text-align:center}section#about dl dt{font-size:1.5rem;margin:0 0 5px}section#about dl dd{font-size:1.1rem}.page-template-app .game h2{font-size:1.5rem;margin:0}.page-template-app .game h3{font-size:1.2rem;text-align:center;margin:0 0 40px}ul.screenShot{flex-wrap:wrap;justify-content:space-between}ul.screenShot li{width:49%;margin:0 .5% 5px}ul.screenShot li img{width:100%}.youtube{position:relative;width:100%;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.blog article.blog_main,.post-template-default article.blog_main{float:none;width:100%;margin:0 0 100px}section#magetter h3{font-size:1.25rem}.blog h3,.post-template-default h3{margin:0 0 20px;padding:0 0 5px}.blog h4,.post-template-default h4{margin:0 0 5px;padding:0}article{margin:0}div.icon{width:15%;margin:0 8px 0 0}div.icon img{width:100%}section#magetter{width:100%}article.magetter{border-top:1px solid #ccc;border-left:none;border-right:none;border-bottom:1px solid #ccc}section#magetter dl{width:85%}article.magetter{padding:.5rem}dl dt span.name{font-size:1rem}dl dt span.date{font-size:1rem}article.magetter dl dd{font-size:1rem}article.contentView{line-height:1.8;margin:60px 0 0}article.contentView p{margin:30px 0 30px}article.magetter dl dt{font-size:1rem}article.magetter dl dt span.date{font-size:.85rem}article.magetter dl dd{font-size:.85rem}#about{overflow:hidden}#about_left{float:none;width:90%;min-width:auto;margin:0 auto 100px}#about_right{float:none;width:90%;min-width:auto;margin:0 auto}footer nav ul{width:100%;max-width:100%}.copy{width:100%;padding:20px 0;display:block;justify-content:start}.copy ul{width:95%;min-width:auto;margin:0 2.5% 15px;display:flex}.copy ul li:first-child{width:45%;text-align:right}.copy ul li:last-child:before{content:"　|　";font-size:.8rem}.copy p{width:95%;margin:0 2.5%;text-align:center}}