body #wrapCol #mainCol{padding-bottom:30px}body #wrapCol #mainCol #snavi{width:1000px;margin:20px auto 0;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:bold;line-height:1}body #wrapCol #mainCol #snavi ul li{float:left;width:240px;height:34px;margin:0 5px 3px 0}body #wrapCol #mainCol #snavi ul li a{width:220px;height:34px;padding-left:23px;vertical-align:middle;display:table-cell;font-weight:bold;background:url(../images/howto/bg_snavi_off.png) top left no-repeat;cursor:pointer}body #wrapCol #mainCol #snavi ul li a img{vertical-align:top}body #wrapCol #mainCol #snavi ul li a.on{background:url(../images/howto/bg_snavi_on.png) top left no-repeat}body #wrapCol #mainCol #snavi ul li a:hover{text-decoration:none;background:url(../images/howto/bg_snavi_on.png) top left no-repeat}body #wrapCol #mainCol section{margin-top:15px;padding-top:57px;background:url(../images/magideAbout/bg_top.png) top center no-repeat}body #wrapCol #mainCol section .sectionInner{padding-bottom:57px;background:url(../images/magideAbout/bg_bottom.png) bottom center no-repeat;word-break:break-all;word-wrap:break-word;display:block}body #wrapCol #mainCol section .sectionInner .sectionBox{position:relative;padding:15px 28px 0;background:url(../images/magideAbout/bg.png) top center repeat-y;text-align:center}body #wrapCol #mainCol section .sectionInner .sectionBox .stit{position:absolute;top:-20px}@media screen and (max-width: 640px){body #wrapCol #mainCol{width:100%;padding-bottom:0}body #wrapCol #mainCol .tit{width:100%;height:auto;padding:0 0 10px}body #wrapCol #mainCol .tit img{width:60%;padding-left:10px}body #wrapCol #mainCol #snavi{width:100%;margin:10px auto 0;text-align:center}body #wrapCol #mainCol #snavi #btnOpen,body #wrapCol #mainCol #snavi #btnClose{border-top:1px solid #4e8cb6;border-bottom:1px solid #4e8cb6;padding:5px 0;background:#092a4b;background:-moz-linear-gradient(top, #092a4b 1%, #0a1520 100%);background:-webkit-linear-gradient(top, #092a4b 1%, #0a1520 100%);background:linear-gradient(to bottom, #092a4b 1%, #0a1520 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#092a4b', endColorstr='#0a1520',GradientType=0 )}body #wrapCol #mainCol #snavi #btnOpen span,body #wrapCol #mainCol #snavi #btnClose span{color:#4e8cb6}body #wrapCol #mainCol #snavi #btnClose{display:none;background:#092a4b;background:-moz-linear-gradient(top, #0a1520 1%, #092a4b 100%);background:-webkit-linear-gradient(top, #0a1520 1%, #092a4b 100%);background:linear-gradient(to bottom, #0a1520 1%, #092a4b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1520', endColorstr='#092a4b',GradientType=0 )}body #wrapCol #mainCol #snavi ul{width:100%;display:none;background:#092a4b}body #wrapCol #mainCol #snavi ul li{width:100%;margin:0;padding:3px 0;border:none;border-bottom:solid 1px #4e8cb6;height:auto;float:none}body #wrapCol #mainCol #snavi ul li a{width:100%;background:none;display:block;height:auto;padding:5px 0}body #wrapCol #mainCol #snavi ul li a .beginnerIco{width:auto}body #wrapCol #mainCol #snavi ul li a.on{color:#4e8cb6;background:none}body #wrapCol #mainCol #snavi ul li a:hover{background:none}body #wrapCol #mainCol #snavi ul li:not(:last-child){padding-right:0;border-right:none}body #wrapCol #mainCol #snavi ul li:nth-child(odd){background-color:rgba(28,112,130,0.1)}body #wrapCol #mainCol section{width:100%;margin:10px 0 0;padding-top:10px;box-sizing:border-box;background:none;background-color:rgba(0,0,0,0.8);border:1px solid #57abbb;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,0.5);box-shadow:0 0 9px 0 rgba(0,0,0,0.5)}body #wrapCol #mainCol section .sectionInner{padding-bottom:0;background:none}body #wrapCol #mainCol section .sectionInner .sectionBox{padding:0 0 20px;background:none}body #wrapCol #mainCol section .sectionInner .sectionBox .stit{position:static}}body #wrapCol #mainCol section .sectionInner .sectionBox .catch{position:absolute;top:-36px;right:50px}body #wrapCol #mainCol section .sectionInner .sectionBox .theoryBtn{position:absolute;top:-13px;right:60px}body #wrapCol #mainCol section .sectionInner .sectionBox #screen,body #wrapCol #mainCol section .sectionInner .sectionBox #operation,body #wrapCol #mainCol section .sectionInner .sectionBox #newSystem1{margin-bottom:50px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow{padding-top:59px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC{position:relative;width:968px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC a{position:absolute}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC a:hover{opacity:0.5}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC #btnBattle{top:155px;right:55px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC #btnMission{top:262px;right:55px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow .forPC #btnTutorial{top:371px;right:55px}body #wrapCol #mainCol section .sectionInner .sectionBox #battle,body #wrapCol #mainCol section .sectionInner .sectionBox #property,body #wrapCol #mainCol section .sectionInner .sectionBox #rankAbout,body #wrapCol #mainCol section .sectionInner .sectionBox #groupAbout{padding-top:59px}body #wrapCol #mainCol section .sectionInner .sectionBox #advice1{padding-top:120px}body #wrapCol #mainCol section .sectionInner .sectionBox #mobileSite .forPC{position:relative;width:968px}body #wrapCol #mainCol section .sectionInner .sectionBox #mobileSite .forPC a{position:absolute;top:315px;right:85px}body #wrapCol #mainCol section .sectionInner .sectionBox #tutorial .movie li{margin:0 10px;display:inline-block}body #wrapCol #mainCol section .sectionInner .sectionBox #tutorial .movie li iframe{width:435px;height:260px}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie li{margin:40px 10px 0;display:inline-block}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie li iframe{width:435px;height:245px}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie .bnr{vertical-align:top}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie .bnr a:hover{opacity:0.8}body #wrapCol #mainCol section .sectionInner .sectionBox #groupFlow .movie li{width:560px;margin:45px 0 0;display:inline-block}body #wrapCol #mainCol section .sectionInner .sectionBox #groupFlow .movie li iframe{width:560px;height:315px}@media screen and (max-width: 640px){body #wrapCol #mainCol section .sectionInner .sectionBox .catch{position:static;padding:0 4% 10px}body #wrapCol #mainCol section .sectionInner .sectionBox .theoryBtn{position:static;width:60%;margin:2% auto 4%;display:block}body #wrapCol #mainCol section .sectionInner .sectionBox #screen,body #wrapCol #mainCol section .sectionInner .sectionBox #operation,body #wrapCol #mainCol section .sectionInner .sectionBox #newSystem1{margin-bottom:20px}body #wrapCol #mainCol section .sectionInner .sectionBox #flow,body #wrapCol #mainCol section .sectionInner .sectionBox #battle,body #wrapCol #mainCol section .sectionInner .sectionBox #property,body #wrapCol #mainCol section .sectionInner .sectionBox #rankAbout,body #wrapCol #mainCol section .sectionInner .sectionBox #groupAbout,body #wrapCol #mainCol section .sectionInner .sectionBox #advice1{padding:0}body #wrapCol #mainCol section .sectionInner .sectionBox #skill,body #wrapCol #mainCol section .sectionInner .sectionBox #rule,body #wrapCol #mainCol section .sectionInner .sectionBox #cost,body #wrapCol #mainCol section .sectionInner .sectionBox #mobileSite{padding:0 4%}body #wrapCol #mainCol section .sectionInner .sectionBox #tutorial .movie li{position:relative;margin:10px 0 15px;padding-bottom:50%;height:0;overflow:hidden;display:block}body #wrapCol #mainCol section .sectionInner .sectionBox #tutorial .movie li iframe{position:absolute;top:0;left:0;width:90%;height:100%;margin:0 5%}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie{margin-top:7%}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie li{position:relative;margin:10px 0 15px;padding-bottom:50%;height:0;overflow:hidden;display:block}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie li iframe{position:absolute;top:0;left:0;width:90%;height:100%;margin:0 5%}body #wrapCol #mainCol section .sectionInner .sectionBox #advice3 .movie .bnr{width:90%;height:auto;margin:0 auto;padding:0}body #wrapCol #mainCol section .sectionInner .sectionBox #groupFlow .movie li{position:relative;margin:15px 0 0;padding-bottom:50%;height:0;overflow:hidden;display:block}body #wrapCol #mainCol section .sectionInner .sectionBox #groupFlow .movie li iframe{position:absolute;top:0;left:0;width:90%;height:100%;margin:0 5%}}