@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #FFF; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; font-size: 13px; line-height: 1; min-width: 980px; background: #000; min-height: 900px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hidetxt{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* end clearfix */
/*==================================
loading
==================================*/
html, body { width: 100%; height: 100%; }
.loadingWrap { width: 100%; height: 100%; background: url(../../images/pc/loading_bg.gif) center 0 no-repeat #000000; position: fixed; top: 0; left: 0; z-index: 9999; }
.loadingWrap img { position: absolute; top: 342px; left: 50%; margin-left: -250px; }

/*==================================
cmn
==================================*/
/*-------other-------*/
img { display: block; }
a img { opacity: 1; transition: all 0.2s ease-out 0s; }
a:hover img { opacity: 0.5; transition: all 0.2s ease-out 0s; filter: alpha(opacity=50); }
a { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #949494; text-decoration: none; }
/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position: relative; z-index: 500; }
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat; }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat; }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat; }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat; }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat; }

/*-------main-------*/
#top #main{ width:100%; margin:0 auto; padding-top:40px; background:url(../../../images/pc/main_bg.jpg) repeat-x 0 0;}
#top #main #main_inner{ width:1020px; height:694px; margin:0 auto; position:relative; background:url(../../../images/pc/main.png) no-repeat 0 0;}
#top #main #main_inner h3{ width:502px; height:148px; margin:0 auto; position:absolute; top:-26px; left:240px;}
#top #main p.about{ width:844px; height:314px; margin:0 auto; text-align:center; padding:20px 0 0;}
#top #main:after{background: url(../../../images/pc/main_bg_space.jpg) repeat-x 0; display:block; content:" "; height:27px; top:50px;}

/*---evnt---*/
#top #main .main_event{background: url(../../../images/pc/event_bg.jpg) repeat 0 0; padding:20px 0; text-align: center; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 17px; font-weight: bold; /*height: 1790px;*/}
#top #main .main_event li.event_stage{ width:844px; height:624px; margin:0 auto; background: url(../../../images/pc/event_img.png) no-repeat center top; /*padding: 0 0 30px;*/ position:relative;}
#top #main .main_event li.event_stage img{ width:286px; height:66px; position:absolute; bottom:55px; left:502px;}
#top #main .main_event li.event_cp{ width:844px; height:360px; margin:0 auto; padding: 0 0 0 0;}
#top #main .main_event li.orphanchu_bnr{ width:720px; height:409px; margin:20px auto 0; padding-bottom: 15px;}
#top #main .main_event li.orphanchu_bnr img{ border: solid 1px #9f7f5d;}
#top #main .main_event li.orphanchu_bnr_txt{ width:720px; margin:0 auto; padding: 0 0 55px 0; text-align: left; line-height: 1.5; color: #EBEBEB; letter-spacing: 0.5px; font-size: 14.5px;}
#top #main .main_event li.orphanchu_bnr2{ width:720px; /*height:409px;*/ margin:10px auto 0; padding-bottom: 40px;}
#top #main .main_event li.orphanchu_bnr3{ width:720px; /*height:409px;*/ margin:20px auto 0; padding-bottom: 40px;}
#top #main .main_event li.orphanchu_bnr4{ width:720px; /*height:409px;*/ margin:20px auto 0;}
#top #main .main_event li.item_bnr{ width:822px; margin:10px auto 0; padding-bottom: 30px;}

/*-------chara-------*/
#top #chara{ width:100%; margin:0 auto; background:url(../../../images/pc/chara_bg.jpg) repeat;}
#top #chara #chara_inner{ width:980px; margin:0 auto; padding:40px 0 60px; position:relative;}
#top #chara #chara_inner h4{ width:492px; height:76px; margin:0 auto; position:absolute; top:-40px; left:240px;}
#top #chara #chara_inner p.chara_tit{ width:980px; height:74px; margin:0 auto; padding-top:40px;}
#top #chara #chara_inner ul{ width:980px; margin:0 auto; padding-top:20px; }
#top #chara #chara_inner ul li{ width:486px; height:232px; padding-top:10px; float:left;}
#top #chara #chara_inner ul li.space{ margin-right:8px;}

#top #chara #chara_inner p.megahobby_btn{ width:980px; height:126px; margin:0 auto; padding-top:40px;}
/*-------twitter-------*/
#top #twitter{ width:100%; height:235px; margin:0 auto; background:url(../../../images/pc/sns_bg.jpg) repeat-x 0 0;}
#top #twitter p.twitte_tag{ width:462px; height:126px; margin:0 auto; text-align:center; padding-top:36px;}
#top #twitter p.copy{ width:144px; height:16px; margin:0 auto; text-align:center; padding-top:20px;}


#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:150px; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-seri !important;}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer .megahouse_logo{ padding-right: 8px; float: left; }
#footer #copyright{font-size: 10px;　color: #fff; line-height:1.4; clear:both; float:left; margin-top:20px}
#footer .theta img{ width:8px; height:14px;}
#footer #sns { position: absolute; top: 20px; right: -46px; }
