@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #414141; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-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; }
.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 */
/*==================================
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: #d5c800; text-decoration: none; }
a:visited { color: #d5c800; text-decoration: underline; }
a:hover { color: #d5c800; text-decoration: underline; }

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

/*-------wrapper-------*/
#wrapper { line-height: 1.4; position:relative }

/*-------nav-------*/
#nav { background: url(../../../cmn/images/pc/nav_bg.png) no-repeat center 0; height: 114px; margin-top: -114px; position: relative; }
#nav ul { width: 980px; margin: 0 auto; }
#nav ul li { float: left; margin: 20px 6px 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#nav ul li#nav_darkelf { width: 240px; height: 94px; background: url(../../../cmn/images/pc/nav_btn.png) no-repeat 0 bottom; }
#nav ul li#nav_darkelf a { width: 240px; height: 94px; background: url(../../../cmn/images/pc/nav_btn.png) no-repeat 0 top; display: block; transition: all 0.2s ease-out 0s; }
#nav ul li#nav_darkelf a:hover { opacity: 0; transition: all 0.2s ease-out 0s; filter: alpha(opacity=0); }
#nav ul li#nav_fighter { width: 240px; height: 94px; background: url(../../../cmn/images/pc/nav_btn.png) no-repeat -240px bottom; }
#nav ul li#nav_fighter a { width: 240px; height: 94px; background: url(../../../cmn/images/pc/nav_btn.png) no-repeat -240px top; display: block; transition: all 0.2s ease-out 0s; }
#nav ul li#nav_fighter a:hover { opacity: 0; transition: all 0.2s ease-out 0s; filter: alpha(opacity=0); }
#nav ul li#nav_hunter { width: 240px; height: 94px; background: url(../../../cmn/images/pc/nav_btn.png) no-repeat -480px top; }

/*-------sec_link-------*/
body #sec_link { background: #f7f2eb; padding: 20px; position: relative; }
body #sec_link:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body #sec_link ul { width: 851px; margin: 0 auto; }
body #sec_link li { width: 257px; height: 88px; float: left; margin-left: 20px; background: #dbdbdb; position: relative; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------footer-------*/
#footer { width: 100%; background: #000; color: #FFFFFF; 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; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; clear: both; padding: 10px 0 0 0; }
#footer #sns { position: absolute; top: 20px; right: -46px; }

/*==================================
top
==================================*/
/*-------mainbnr-------*/
body#top #sec_mainbnr{background: #FFFFFF; padding-bottom:30px; overflow:hidden}
body#top #mainbnr_inner{ width:980px; margin:0 auto; position: relative;}

/*-------contents-------*/
body#top #contents { background: #FFFFFF; padding: 40px 0 60px; }

/*-------sec_info-------*/
body#top #sec_info { width: 980px; margin: 0 auto 30px; }
body#top #sec_info:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #sec_info h3 { width: 150px; padding: 2px 0 10px; float: left; }
body#top #sec_info dl { width: 830px; font-size: 16px; float: left; }
body#top #sec_info dt { padding-right: 8px; margin-bottom: 8px; display: inline; clear: both; }
body#top #sec_info dd { display: inline; margin-bottom: 8px; }

/*-------sec_lineup-------*/
body#top #sec_lineup { width: 990px; margin: 0 auto; }
body#top #sec_lineup:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #sec_lineup ul { margin-bottom: 30px; }
body#top #sec_lineup ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #sec_lineup li { width: 320px; height: 320px; position: relative; float: left; margin: 0 10px 10px 0; }
body#top #sec_lineup li h4 a { color: #FFF; text-decoration: none; }
body#top #sec_lineup li h4 a:hover .item_tit { display: none; }
body#top #sec_lineup li h4 a:visited { color: #FFF; text-decoration: none; }
body#top #sec_lineup li h4 a:hover { color: #FFF; text-decoration: none; }
body#top #sec_lineup li h4 a:hover img { opacity: 1; filter: alpha(opacity=100); }
body#top #sec_lineup li h4 .item_tit { width: 300px; position: absolute; bottom: 0; left: 0; background: url(../../../lineup/images/pc/item_bg.png) repeat 0 0; padding: 10px; }
body#top #sec_lineup li#lineup_comingsoon_green { background: #95d9aa; text-align: center; position: relative; }
body#top #sec_lineup li#lineup_comingsoon_green img { position: absolute; top: 50%; left: 50%; margin-left: -75px; }
body#top #sec_lineup li#lineup_comingsoon_pink { background: #ffabab; text-align: center; position: relative; }
body#top #sec_lineup li#lineup_comingsoon_pink img { position: absolute; top: 50%; left: 50%; margin-left: -75px; }
body#top #sec_lineup li#lineup_comingsoon_pink { background: #ffabab; text-align: center; position: relative; }
body#top #sec_lineup li#lineup_comingsoon_pink img { position: absolute; top: 50%; left: 50%; margin-left: -75px; }
body#top #sec_lineup li#lineup_comingsoon_blue { background: #95bbd9; text-align: center; position: relative; }
body#top #sec_lineup li#lineup_comingsoon_blue img { position: absolute; top: 50%; left: 50%; margin-left: -75px; }
body#top #sec_lineup li#lineup_comingsoon_yellow { background: #f7e395; text-align: center; position: relative; }
body#top #sec_lineup li#lineup_comingsoon_yellow img { position: absolute; top: 50%; left: 50%; margin-left: -75px; }
body#top #sec_lineup #lineup_btn_all { width: 780px; margin: 0 auto; }

/*==================================
lineup_cmn
==================================*/
body.lineup_cmn #contents { overflow: hidden; z-index: 1000;  }
body.lineup_cmn #contents_inner { width: 980px; height: 2930px; margin: 0 auto; position: relative; }
body.lineup_cmn h2 { position: absolute; top: 40px; left: -22px; z-index: 400; }
body.lineup_cmn #sec_productinfo { width: 395px; position: absolute; top: 150px; left: 0; z-index: 400; }
body.lineup_cmn #sec_productinfo h3 { margin-bottom: 20px; }
body.lineup_cmn #sec_productinfo p { margin-bottom: 15px; }
body.lineup_cmn #top_btn{ position: absolute; bottom:260px; right:0; z-index:9000}
body.lineup_cmn #pagetop_btn{ position: fixed; bottom:101px; right:50px; z-index:9999}
body.lineup_cmn #bg_cover img {
 /* Set rules to fill background */ min-height: 100%; min-width: 980px;
 /* Set up proportionate scaling */ width: 100%; height: auto;
 /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: 0; }
@media all and (min-width: 1500px) {
body.lineup_cmn #bg_cover img { width: 1500px; left: 50%; margin-left: -750px; }
 }
  
/*==================================
lineup_lunaluna
==================================*/
body#lineup_lunaluna #contents { background: #16c386;}
body#lineup_lunaluna #contents_inner #img_01 { position: absolute; top: 0; left: 222px; z-index: 300; }
body#lineup_lunaluna #contents_inner #img_02 { position: absolute; top: 1189px; left: -151px; z-index: 200; }
body#lineup_lunaluna #contents_inner #bg_name { position: absolute; top: 657px; left: 595px; z-index: 200; }
body#lineup_lunaluna #contents_inner #bg_01 { position: absolute; top: 0; left: -260px; z-index: 100; }
body#lineup_lunaluna #contents_inner #bg_02 { position: absolute; top: 534px; left: -260px; z-index: 100; }
body#lineup_lunaluna #contents_inner #bg_03 { position: absolute; top: 804px; right: -260px; z-index: 100; }
body#lineup_lunaluna #contents_inner #bg_04 { position: absolute; top: 2215px; left: -260px; z-index: 100; }

/*==================================
lineup_alleyne_vq
==================================*/
body#lineup_alleyne_vq #contents { background: #f34664;}
body#lineup_alleyne_vq #sec_productinfo p { color:#FFFFFF}
body#lineup_alleyne_vq #contents_inner #img_01 { position: absolute; top: 0; left: 217px; z-index: 300; }
body#lineup_alleyne_vq #contents_inner #img_02 { position: absolute; top: 984px; left: -121px; z-index: 200; }
body#lineup_alleyne_vq #contents_inner #bg_name { position: absolute; top: 653px; left: 580px; z-index: 200; }
body#lineup_alleyne_vq #contents_inner #bg_01 { position: absolute; top: 0; left: -260px; z-index: 100; }
body#lineup_alleyne_vq #contents_inner #bg_02 { position: absolute; top: 534px; left: -260px; z-index: 100; }
body#lineup_alleyne_vq #contents_inner #bg_03 { position: absolute; top: 804px; right: -260px; z-index: 100; }
body#lineup_alleyne_vq #contents_inner #bg_04 { position: absolute; top: 2215px; left: -260px; z-index: 100; }

/*==================================
lineup_seiten
==================================*/
body#lineup_seiten #contents { background: #3c6bd3;}
body#lineup_seiten #sec_productinfo p { color:#FFFFFF}
body#lineup_seiten #contents_inner h2{ position: absolute; top: 20px; left: -22px; z-index: 400;}
body#lineup_seiten #contents_inner #img_01 { position: absolute; top: 0; left: 217px; z-index: 300; }
body#lineup_seiten #contents_inner #img_02 { position: absolute; top: 868px; left: -260px; z-index: 200; }
body#lineup_seiten #contents_inner #bg_name { position: absolute; top: 836px; left: 580px; z-index: 200; }
body#lineup_seiten #contents_inner #bg_01 { position: absolute; top: 0; left: -260px; z-index: 100; }
body#lineup_seiten #contents_inner #bg_02 { position: absolute; top: 534px; left: -260px; z-index: 100; }
body#lineup_seiten #contents_inner #bg_03 { position: absolute; top: 804px; right: -260px; z-index: 100; }
body#lineup_seiten #contents_inner #bg_04 { position: absolute; top: 2215px; left: -260px; z-index: 100; }