@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #FFF; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 13px; line-height: 1; }
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; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
cmn
==================================*/
/*-------other-------*/
/*a img { opacity: 1; transition: all 0.1s ease-out 0s; }*/
/*a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }*/
a { color: #BF0000; text-decoration: none; }
a:visited { color: #BF0000; text-decoration: underline; }
a:hover { color: #BF0000; text-decoration: underline; }
body { min-width: 980px; background: #000; min-height: 1000px; }

/*-------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; }

/*-------footer-------*/
#footer { width: 100%; background: #000; position: relative; z-index: 9000; border-top: solid 1px #5b5b5b; min-height: 100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position: relative; z-index: 9999; }
#footer #footer_logo_megahouse { padding-right: 8px; float: left; }
#footer p#copyright { font-size: 10px; color: #fff; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; clear: both; padding: 10px 0 0 0; }

/*==================================
top
==================================*/
body#top #wrapper { background:#FFFFFF;}
body#top #contents { padding: 0px; }
body#top #contents a:hover { text-decoration: none; }

/*-------main-------*/
body#top #main { background: url(../../../images/pc/main_bg_gd.jpg) repeat-x center 0 ; height:778px;margin: 0 auto;}
body#top #main #main_inner{ height:778px; background: url(../../../images/pc/main_bg_mast.png) no-repeat center 0; position:relative; margin:0 auto; overflow:hidden}
body#top #main #main_inner h2{ width:444px; height:138px; margin:0 auto; padding-top:30px; text-align:center;}

body#top #main #main_chara{ width:980px; height:668px; position:relative; background-position: center center; margin:0 auto; text-align:center;}
body#top #main #main_chara .chara01 {  width:1392px; height:668px; position:absolute; left:-271px; bottom:54px;}
body#top #main #main_chara .chara01 .main_new{width:56px; height:25px; position:absolute; right:471px; bottom:132px;}

/*-------info-------*/
body#top #info { background: url(../../../images/pc/info_bg.gif) no-repeat center 0; width: 980px; height: 150px; margin: 5px auto; position: relative; z-index: 1100; color:#000; }
body#top #info h3 { position: absolute; top: 26px; left: 60px; }
body#top #info h4{ position: absolute; top: 26px; right: 180px; }
body#top #info ul { width: 860px; margin: 0 auto; padding-top: 66px; font-size: 14px; line-height: 1.3; }
body#top #info li span { padding-right: 16px; }
body#top #info li { padding-bottom: 6px; margin-bottom: 6px; }
body#top #info #sns { position: absolute; top: 66px; right: 30px; }

/*-------contents_inner-------*/
body#top #contents_inner{ background:url(../../../images/pc/contents_bg.gif) no-repeat center 0; margin:0 auto; padding:0 0;}
body#top #contents_inner:before { background: url(../../../images/pc/line_img.gif) repeat-x center top; content: " "; display: block; height: 9px; margin-top: 0px; }
body#top #contents_inner:after{ background: url(../../../images/pc/line_img.gif) repeat-x center top; content: " "; display: block; height: 9px; marginbottom: 0px; }

/*-------about-------*/
body#top #contents #about{ margin: 80px auto 70px;}
body#top #contents #about h3{ width:898px; height:36px; padding:0 0 40px; margin:0 auto; text-align:center;}
body#top #contents #about .about_inner{ width: 940px; height: 250px; background:url(../../../images/pc/about_bg.jpg) no-repeat center 0; margin:0 auto;}
body#top #contents #about .about_inner ul{ width: 910px; height: 220px; padding-left:15px;}
body#top #contents #about .about_inner li{ width: 910px; height: 220px; margin:0 auto; padding:15px 0 0 15px;}
body#top #contents #about .about_inner a img { opacity: 1; }
body#top #contents #about .about_inner a:hover img { opacity: 1; }

/*-------lineup-------*/
body#top #lineup{ width:980px; margin:20px auto 60px;}
body#top #lineup a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
body#top #lineup h3.lineup_tit{ width:156px; margin:0 auto; padding:0; text-align:center;}
body#top #lineup ul { margin:10px auto 0 auto;}
body#top #lineup ul li{ width:178px; height:300px; padding:5px 5px 5px 10px;; text-align:left; /*margin-left:10px; float:left;*/ position:relative; display:inline-block; vertical-align:top;}
body#top #lineup ul li.left{ width:168px; height:300px; padding:5px; text-align:left; /*float:left;*/ position:relative;}
body#top #lineup ul li span.item_new{ width:48px; height:16px; position:absolute; top:2px; left:70px;}
body#top #lineup ul li span.item_img{ width:148px; margin:0 auto; padding:20px 0 10px; text-align:center; display:block}
body#top #lineup ul li span.item_tit{ width:148px; margin:0 auto; padding:0; font-size:14px; color:#000; display:block; line-height:1.2;}
body#top #lineup ul li span.item_comingsoon{ width:148px; margin:0 auto; padding:22px 0 10px; text-align:center; display:block;}

/*-------comingsoon-------*/
body#top #comingsoon{ width:980px; margin:20px auto 60px;}
body#top #comingsoon a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
body#top #comingsoon h3.comingsoon_tit{ width:280px; margin:0 auto; padding:0; text-align:center;}
body#top #comingsoon ul { margin:20px auto 0 auto; text-align:center;}
body#top #comingsoon ul li{ width:178px; height:300px; padding:5px 5px 5px 10px;; text-align:left; /*margin-left:10px; float:left;*/ position:relative; display:inline-block; vertical-align:top;}
body#top #comingsoon ul li.left{ width:168px; height:300px; padding:5px; text-align:left; /*float:left;*/ position:relative;}
body#top #comingsoon ul li span.item_new{ width:48px; height:16px; position:absolute; top:10px; left:64px;}
body#top #comingsoon ul li span.item_img{ width:148px; margin:0 auto; padding:20px 0 10px; text-align:center; display:block}
body#top #comingsoon ul li span.item_tit{ width:148px; margin:0 auto; padding:0; font-size:14px; color:#000; display:block; line-height:1.2;}
body#top #comingsoon ul li span.item_comingsoon{ width:148px; margin:0 auto; padding:22px 0 10px; text-align:center; display:block;}


/*-------link-------*/
body#top #link{ margin:0 auto; padding:40px 0 ; text-align:left;}
body#top #link a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
body#top #link ul{ width:801px; margin:0 auto; padding:0; text-align:center;}
body#top #link ul li{ width:257px; height:88px; float:left; margin-right:10px; }

/*-------btn_pagetop-------*/
body#top #btn_pagetop { bottom: 90px; position: fixed; right: 20px; z-index: 9999; }
body#top #btn_pagetop a:hover img { opacity: 1; }