@charset "UTF-8";@font-face{  font-family:'Press Start 2P';  font-style:normal;  font-weight:400;  src:local('Press Start 2P'),local('PressStart2P-Regular'),url(http://fonts.gstatic.com/s/pressstart2p/v4/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff) format('woff')}html{background:#111}header,#topicPath,footer{margin:0 -500%;padding:0 500%}header ul,#topicPath ul,#s-navi ul,footer ul{padding-left:0;list-style:none}a[target=_blank]:after{content:"\f08e";font:small FontAwesome;margin-left:3px}header{background-color:#111;border-bottom:5px solid #598D9E}#logo .button-toggle:hover{cursor:pointer;transition:0.5s;background:#27687E}.button-toggle .fa{font-size:21px;vertical-align:middle}#logo a:link,#logo a:visited{color:#FFF;text-decoration:none}#logo a:hover,#logo a:active{color:#FDC58A;background:none}#title{padding:20px 0 16px;line-height:1;font-size:14px}#title span{padding-left:53px;letter-spacing:0.9pt}#logo .title-logo:before{content:url("http://aclr.main.jp/img_sharing/rotator/rotator.php");position:absolute;top:0;left:0}#logo .title-logo{font:150% 'Press Start 2P',cursive;word-spacing:-5pt;line-height:1;*font:bold 150% sans-serif;position:relative}#g-menu{border-top:2px solid #FFF;text-align:center;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;line-height:43px;max-width:1008px;margin:0 auto}#g-menu li{flex:auto;flex-grow:auto;-webkit-flex:auto;-webkit-box:auto;-ms-flexbox:auto;width:10%\9}#g-menu li a,#sub-navi li a{color:#FFF;display:block}header #g-menu .h a{color:#FDC58A}header nav li a:hover,header #g-menu .h a:hover{background:#598D9E;color:#FFF;text-decoration:none}#sub-navi{position:absolute;top:3px;right:1em}#sub-navi i{vertical-align:baseline}#sub-navi li{width:100px}#sub-navi li a:hover,#sub-navi li a:active{background:none;color:#FDC58A}#topicPath{line-height:48px;background:#e5e4e6;font-size:14px}#topicPath ul{margin-left:3px}#topicPath li:after{content:"\f101";font:medium FontAwesome;margin:0 1em}#topicPath li:last-child:after{content:none}#topicPath a .fa{margin-right:5px}#main{float:right;width:70%}#main img{border:1px solid;vertical-align:middle;margin-top:0.5em}#main h1{text-align:left}#s-navi{float:left;width:30%;padding-right:48px;background:#FBFAF5;font-size:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:5px}#s-navi ul{list-style:none;margin:0;border-top:1px solid #C0C6C9}#s-navi .s-n-top{background:#DDDCD6;color:#666;font-weight:bold;line-height:43.5px;text-transform:uppercase;text-align:center}#s-navi li{border-bottom:1px solid #C0C6C9}#s-navi li a{color:#333}#s-navi li a:hover{background:#EDECE8;color:#C62017;text-decoration:none}#s-navi li,#s-navi li a{line-height:39px;display:block}#s-navi .sn-h,#s-navi .sn-2-h,#s-navi .sn-3-h{background:#EDECE8;color:#555}#s-navi li a:after,#s-navi .sn-h:after,#s-navi .sn-2-h:after,#s-navi .sn-3-h:after{content:"\f105";font-family:FontAwesome;float:right;margin-right:0.25em}#s-navi .sn-2 a:before,#s-navi .sn-2-h:before{content:"\f0da";font:14px FontAwesome;margin:0 1em}#s-navi .sn-3 a:before,#s-navi .sn-3-h:before{content:"\f0da";font:14px FontAwesome;margin:0 1em 0 2.5em}#s-navi li a:before,#s-navi span:before,#s-navi li .fa{font:110% FontAwesome;margin:0 1em 0 1px}footer{line-height:1.5;color:#AAA;background:#111;text-align:center;padding-bottom:39px;clear:both}footer p{margin:0}footer a:link,footer a:visited{color:#DDD}footer a:hover,footer a:active{color:#598D9E;background:#222}footer ul{padding:26px 0}.f-nav .fa{margin-right:0.5em}.f-nav li a{display:block;line-height:39px;padding:0 2em 0 0;font-size:15px}.f-nav a:hover{text-decoration:none}.al-right{text-align:right}.al-center,.tdc td{ text-align:center}.info-box{padding:1em;clear:both;margin-top:28px;font-size:14px}.info-box p{margin:0}.info-b{border:1px solid #C7E0EC;background-color:#E2EFF5;color:#4390B9}.info-g{border:1px solid #C4E0C4;background-color:#DFEEDF;color:#46886D}.info-y{border:1px solid #EEE4D2;background:#F8F4EC;color:#997843}.info-y p:before{content:"\f071";font-family:FontAwesome;margin-right:0.5em}@media screen and (min-width:641px){#logo #toggle-main,#logo #toggle-search{display:none}}@media screen and (max-width:980px){#sub-navi{right:0}}@media screen and (max-width:960px){header,nav,#topicPath,footer{margin:0;padding-left:0;padding-right:0}#s-navi{padding-right:5px}}@media screen and (min-width:801px){#main .mobile,#s-navi .mobile,#toggle-side{display:none}}@media screen and (max-width:800px){#toggle-side{position:absolute;top:165px;left:0;background:#598D9E;text-align:center;line-height:44px;width:100%;color:#FFF}#toggle-side:after{content:"Side Menu";margin-left:1em}#g-menu{display:block}#g-menu li{width:20%;display:inline-block;border-bottom:1px solid #3D616D;flex:none}#topicPath{margin-top:39px}#main{width:100%}#main .pc,#s-navi .pc{display:none}#s-navi{position:absolute;z-index:999;left:0;top:205px;display:none;background:#FFF;box-shadow:2px 0px 5px 2px rgba(0,0,0,0.7);padding:5px;width:300px}.f-nav{text-align:left}.f-nav li{width:25%}}@media screen and (max-width:640px){header nav{display:none;background:#333}#logo{text-align:center}#logo #title{font-size:12px;letter-spacing:0.9pt;padding:10px 0 7px}#logo span{padding-left:0}#logo .title-logo:before{content:""}:root #logo #title{background:none\0}:root #logo #title span,:root #logo #title h1{padding-left:0\0}#logo .title-logo{word-spacing:-2pt}#logo .button-toggle{padding:0 1.5em;position:absolute;line-height:48px;color:#598D9E}#logo .button-toggle:hover,#topicPath a:hover{background:none;color:#FDC58A}#toggle-side{background:none;top:0;left:0;width:auto}#toggle-side:after{content:none}#toggle-main{top:0;right:0}#g-menu{border-top:0}#g-menu li,#sub-navi li{width:50%;text-align:left}header nav li a{padding:0 7px;line-height:43px;font-size:15px}#g-menu li a:after{content:"\f054";font-family:FontAwesome;float:right}#sub-navi{position:static}#sub-navi li:hover{background:#333}#topicPath{margin-top:0;background:#111;color:#DDD;font-size:small;line-height:normal;padding:1.5em 0}#topicPath a{color:#598D9E}#s-navi{top:50px}footer{text-align:left}.f-nav{padding-top:0}.f-nav li{width:50%;border-bottom:1px solid #333}.f-nav li a{line-height:52px}footer p{margin:0 50px 0 5px}}@media screen and (max-width:480px){#logo #title,#logo #title h1{font-size:11px}#logo #title span{letter-spacing:0}#logo .title-logo,#logo h1 .title-logo{word-spacing:-8pt;font-size:140%}#g-menu li{width:100%;text-indent:5px}#s-navi{top:47px}.info-box{padding:1em 3px}.f-nav li{width:100%}}