@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; }
#footer #sns { position: absolute; top: 20px; right: -46px; }

/*==================================
top
==================================*/
body#top #wrapper { background: url(../../images/pc/bg.jpg) repeat-y center 0; }
body#top #contents { background: url(../../images/pc/bg_top.jpg) no-repeat center -86px; padding: 35px 0 80px; }
body#top #contents a:hover { text-decoration: none; }

/*-------mainbnr-------*/
body#top #contents #mainbnr { width: 1008px; height: 488px; margin: 0 auto 30px; }
body#top #contents #mainbnr li { width: 1008px; height: 488px; padding: 14px; position: relative; }
body#top #contents #mainbnr li .mainbnr_frame { position: absolute; top: 0; left: 0; }
body#top #contents #mainbnr a img { opacity: 1; }
body#top #contents #mainbnr a:hover img { opacity: 1; }

/*-------logo_shinrabansho-------*/
body#top h2 { width: 498px; margin: 0 auto 24px; }

/*-------main-------*/
body#top #main { background: url(../../images/pc/main_bg.jpg) repeat-y center 0; width: 1000px; margin: 0 auto; position: relative; }
body#top #main:before { content: " "; display: block; background: url(../../images/pc/main_bg_top.png) no-repeat center 0; width: 1020px; height: 24px; position: absolute; top: -10px; left: -10px; z-index: 1200; }
body#top #main:after { content: " "; display: block; background: url(../../images/pc/main_bg_btm.png) no-repeat center 0; width: 1020px; height: 24px; position: absolute; bottom: -10px; left: -10px; z-index: 1200; }

/*-------info-------*/
body#top #info { background: url(../../../images/pc/info_bg.png) repeat-y center 0; width: 908px; height: 152px; margin: 0 auto 40px; position: relative; z-index: 1100; }
body#top #info h3 { position: absolute; top: 25px; left: 80px; }
body#top #info ul { width: 690px; margin: 0 auto; padding-top: 54px; font-size: 14px; line-height: 1.3; }
body#top #info li span { padding-right: 16px; }
body#top #info li { background: url(../../../images/pc/info_line.gif) repeat-x 0 bottom; padding-bottom: 6px; margin-bottom: 6px; }
body#top #info #sns { position: absolute; top: 25px; right: 50px; }

/*-------timeline-------*/
body#top #timeline  { max-width:520px !important; margin:0 auto 50px}


/*-------topics-------*/
body#top #topics { padding-bottom: 40px; }
body#top #topics h3 { width: 464px; margin: 0 auto 26px; }
body#top #topics li { background: url(../../../images/pc/topics_bg_m.jpg) no-repeat center 0; width: 850px; margin: 0 auto 20px; padding: 12px 13px 14px; }
body#top #topics li.topics_bnr_s { background: url(../../../images/pc/topics_bg_s.jpg) no-repeat center 0; }
body#top #topics li.topics_bnr_l { background: url(../../../images/pc/topics_bg_l.jpg) no-repeat center 0; }
body#top #topics li.topics_bnr_ll { background: url(../../../images/pc/topics_bg_ll.jpg) no-repeat center 0; }
body#top #topics li.topics_bnr_lll { background: url(../../../images/pc/topics_bg_lll.jpg) no-repeat center 0; }
body#top #topics li.topics_bnr_IV { background: url(../../../images/pc/topics_bg_iv.jpg) no-repeat center 0; }

/*-------lineup-------*/
body#top #lineup { padding-bottom: 20px; }
body#top #lineup h3 { width: 464px; margin: 0 auto 26px; }
body#top #lineup h4 { width: 876px; margin: 0 auto 18px; }
body#top #lineup:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #lineup ul { width: 888px; margin: 0 auto 30px; padding-left: 16px; }
body#top #lineup ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #lineup li { background: url(../../../lineup/images/pc/item_bg.jpg) no-repeat center 0; width: 220px; height: 332px; padding: 30px; position: relative; margin: 0 16px 16px 0; float: left; }
body#top #lineup li span { display: block; color: #FFFFFF; font-size: 13px; line-height: 1.4; }
body#top #lineup li .item_img img { border: 1px solid #cda040; margin-bottom: 10px; }
body#top #lineup li .item_tit { padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #635045; }
body#top #lineup li .item_icon_new { position: absolute; bottom: -6px; left: 50%; margin-left: -64px; }

/*-------bnr_official-------*/
body#top #bnr_official { width: 560px; margin: 0 auto; padding-bottom: 50px; }

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