﻿h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{padding:0;margin:0}ol,ul{list-style-type:none}html{overflow-y:scroll}body{overflow:hidden;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-weight:400}html{overflow-x:hidden;font-size:medium}body{min-width:1200px;font-size:62.5%}div{line-height:0;box-sizing:border-box}dt,dd,li,caption,th,td,input,button,textarea,select,h1,h2,h3,h4,h5,h6,address{line-height:0;font-size:140%;margin:0;padding:0}p{line-height:1.5;font-size:140%;margin:0;padding:0}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,p input,p button,p select,li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,tr input,tr button,tr textarea,tr select{font-size:100%}input,button,select,option,textarea{font-size:14px}figure{margin:0}a,a:link,a:visited{color:#1d99c1;text-decoration:none}a:hover{text-decoration:underline}section{position:relative;box-sizing:border-box}.clearfix{min-height:1px}.clearfix::after{content:" ";display:block;clear:both;height:0;visibility:hidden}* html .clearfix{height:1px}.hover :hover{opacity:0.8;animation:btn 0.5s;-webkit-animation:btn 0.5s;-moz-animation:btn 0.5s}@keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}@-webkit-keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}#header{position:fixed;z-index:10;top:0;width:100%;height:88px;background-color:#38b2eb;background-image:url(../img/header/bg.png);background-position:center top}#header nav>ul{text-align:center}#header nav>ul>li{display:inline-block;line-height:88px;font-size:28px;font-weight:bold}#header nav>ul>li:hover>a{background-image:url(../img/header/arrow.png);background-repeat:no-repeat;background-position:center bottom 5px}#header nav>ul>li a{display:block;position:relative;padding:0 50px;color:#fff;text-decoration:none}#header nav>ul>li a::before{display:block;position:absolute;top:50%;left:0;content:'';width:1px;height:26px;margin-top:-13px;background-color:#fff}#header nav>ul>li:last-child a::after{display:block;position:absolute;top:50%;right:0;content:'';width:1px;height:26px;margin-top:-13px;background-color:#fff}#header nav>ul>li ul{position:absolute;opacity:0;top:88px;left:0;width:100%;height:68px;visibility:hidden;background-color:#193581;transition:all 0.2s ease;font-size:0;line-height:0}#header nav>ul>li ul li{display:inline-block;height:68px;font-size:20px;line-height:68px}#header nav>ul>li ul li:hover>a{background-image:url(../img/header/arrow.png);background-repeat:no-repeat;background-position:center bottom 5px}#header nav>ul>li ul li:last-child a::after{display:block;position:absolute;top:50%;right:0;content:'';width:1px;height:26px;margin-top:-13px;background-color:#fff}#header nav>ul>li:nth-child(2):hover ul{opacity:1;visibility:visible}#header nav>ul>li:nth-child(3):hover ul{opacity:1;visibility:visible}#header nav>ul .false a{pointer-events:none;color:#b4def6}#header nav>ul .false a:hover{background:none}#header.fixed{position:fixed;top:0}#keyvisual{height:668px;background:url(../img/game/bg.jpg) repeat-y top center;background-attachment:fixed;background-size:cover;padding-top:30px}#keyvisual .inner{position:relative;width:1100px;height:100%;margin:0 auto}#keyvisual .inner h1{position:absolute;top:190px;left:0;opacity:1}#keyvisual .inner .logo{position:absolute;top:65px;left:0}#keyvisual .inner .image{position:absolute;top:50px;right:-10px}#content{padding:62px 0 70px;position:relative;background:url("../img/game/bg-repeat.png") repeat top center,url(../img/game/bg.jpg) repeat-y top center;background-attachment:fixed;background-size:contain cover}#campaign{margin-bottom:82px}#campaign h2{text-align:center;margin-bottom:70px}#campaign .inner{width:1100px;margin:0 auto;padding:20px;background-color:rgba(253,184,6,0.8)}#campaign .inner .block{width:1055px;border:3px solid #fff;padding-bottom:48px}#campaign .inner h3{text-align:center;margin-bottom:30px;margin-top:-65px}#campaign .inner ul li{text-align:center;margin-bottom:20px}#topic{margin-bottom:38px}#topic h2{text-align:center;margin-bottom:30px}#topic .inner{width:1100px;margin:0 auto;padding:20px;background-color:rgba(2,170,230,0.8)}#topic .inner .topic-list{width:1055px;border:3px solid #fff;padding:42px 0 50px;text-align:center}#topic .inner .topic-list ul li h3{font-size:40px;font-weight:bold;color:#fff;line-height:1;margin-bottom:24px}.btn-back{text-align:center}#footer{padding-bottom:30px}#footer .pagetop{position:fixed;right:10px;bottom:-150px;transition:all 0.2s ease}#footer .pagetop.fixed{bottom:10px}#footer .portal{padding:30px;background-image:url(../img/footer/bg-portal.jpg);background-size:cover;background-position:center top}#footer .portal figure{margin-bottom:30px;text-align:center}#footer .portal figure img{width:315px}#footer .portal figure figcaption{margin-bottom:10px;font-size:20px;line-height:1}#footer .portal .information{width:518px;margin:0 auto 30px}#footer .portal .information .image{float:left;width:152px}#footer .portal .information .image img{width:100%}#footer .portal .information .detail{float:right;width:346px}#footer .portal .information .detail ul li{margin-bottom:8px;font-size:18px;line-height:1.5;color:#0c0054}#footer .portal .information .detail ul li span{display:inline-block;margin-right:10px;padding:2px 0;width:6em;box-sizing:border-box;border-radius:12px;background-color:#0c0054;font-weight:bold;text-align:center;color:#fff}#footer .portal .app{font-size:0;text-align:center}#footer .portal .app li{display:inline-block}#footer .portal .app li:nth-child(1){margin:0 20px 0 13px}#footer .portal .app li:nth-child(2){margin:0 20px 0 0}#footer .sns{margin-bottom:30px;padding-top:30px;text-align:center}#footer .sns li{display:inline-block}#footer .sns li:first-child{margin-right:20px}#footer .logo{margin-bottom:30px;text-align:center}#footer .logo li{display:inline-block}#footer .logo li:first-child{margin-right:20px}#footer small{display:block;font-size:14px;text-align:center;line-height:1.5;color:#564b6d}
