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 10px 3px 0}body #wrapCol #mainCol #snavi ul li a{width:217px;height:34px;padding-left:23px;vertical-align:middle;display:table-cell;font-weight:bold;background:url(../images/comic/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/comic/bg_snavi_on.png) top left no-repeat}body #wrapCol #mainCol #snavi ul li a:hover{text-decoration:none;background:url(../images/comic/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:0 70px;background:url(../images/magideAbout/bg.png) top center repeat-y;text-align:center}body #wrapCol #mainCol section .sectionInner .sectionBox ul{text-align:left}body #wrapCol #mainCol section .sectionInner .sectionBox ul li{width:200px;margin:10px 0;padding:0 9px;display:inline-block;vertical-align:top;text-align:center;line-height:1.2;border-collapse:separate;border-spacing:0 10px}body #wrapCol #mainCol section .sectionInner .sectionBox ul li a{width:200px;height:276px;display:table-cell;vertical-align:middle;border:1px solid #666;margin-bottom:10px}body #wrapCol #mainCol section .sectionInner .sectionBox ul li a img{width:auto;max-height:100%}@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:45%;padding-left:10px}body #wrapCol #mainCol #snavi{width:100%;margin:10px auto 0}body #wrapCol #mainCol #snavi ul{text-align:center}body #wrapCol #mainCol #snavi ul li{float:none;width:48%;margin:0 0 8px;display:inline-block;text-align:left}body #wrapCol #mainCol #snavi ul li a{width:86%;height:25px;padding-top:13px;padding-left:14%;background-size:100% 100%;display:block;font-size:12px}body #wrapCol #mainCol #snavi ul li a.on{background-size:100% 100%}body #wrapCol #mainCol #snavi ul li a:hover{background-size:100% 100%}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 ul{text-align:center}body #wrapCol #mainCol section .sectionInner .sectionBox ul li{max-width:80%;margin:5% 0;padding:0}body #wrapCol #mainCol section .sectionInner .sectionBox ul li a{max-width:80%;height:278px;display:table-cell}body #wrapCol #mainCol section .sectionInner .sectionBox ul li a img{width:auto;max-height:100%}}