@charset "utf-8"; /* CSS Document */ *{margin:0; padding:0; outline:none;} /*html,body{width:100%; height:100%;}*/ body{background:#000 url(../images/body_bg.jpg) center 34px; -webkit-text-size-adjust:100%; min-width:980px; font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} body:before{content:' '; display:block; background:url(../images/body_bg_top_x.jpg) repeat-x center 34px; width:100%; min-width:980px; height:798px; position:absolute; left:0; top:0;} body.sp{min-width:540px;} body.sp:before{min-width:540px;} /* ヘッダーバー *****************************************************/ #header_bar{background:#000; position:relative; width:100%; min-width:980px; height:34px;} #header_bar .links{text-align:right; width:970px; margin:0 auto; color:#FFF; font-size:14px; line-height:34px; overflow:hidden;} #header_bar .links a{text-decoration:none; color:#FFF; line-height:34px;} #header_bar .links a:hover{color:#ffe588;} #header_bar .links a.logo{float:left; display:block; height:24px; margin:5px 10px 0 5px; background: no-repeat center center;} #header_bar .links a.capcom{background-image:url(../images/header/capcom.jpg); width:97px;} #header_bar .links a.cog{background-image:url(../images/header/cog.jpg); width:84px;} #header_bar .links a.ps4{background-image:url(../images/header/ps4.jpg); width:98px;} #header_bar .links a.ps3{background-image:url(../images/header/ps3.jpg); width:94px;} #header_bar .links a.psv{background-image:url(../images/header/psv.jpg); width:111px;} #header_bar .links a.wiiu{background-image:url(../images/header/wiiu.jpg); width:71px;} #header_bar .links a.xbox{background-image:url(../images/header/xbox.jpg); width:100px;} #header_bar .links a.hangame{background-image:url(../images/header/hangame.jpg); width:130px;} /* hangame top only *******************************************/ body.hangame.top{background-position:center 24px;} body.hangame.top:before{background-position:center 24px;} body.hangame.top #header_bar{height:24px;} body.hangame.top #header_bar .links{line-height:24px;} body.hangame.top #header_bar .links a{line-height:24px;} body.hangame.top #header_bar .links a.logo{margin:0 10px 0 5px;} /**********************************************************/ /* dmm only *******************************************/ body.dmm{background-position:center 73px;} body.dmm:before{background-position:center 73px;} /******************************************************/ .sp #header_bar{min-width:540px; height:34px;} .sp #header_bar .links{width:540px;} /* コンテンツエリア *****************************************************/ .content{width:980px; position:relative; margin:0 auto; background:url(../images/content_bg_y.png) repeat-y center top;} .content:before{content:' '; position:absolute; left:-2px; top:0; right:-2px; bottom:0; background:url(../images/content_bg_y.png) repeat-y center top;} .content:after{content:' '; position:absolute; left:-2px; right:-2px; bottom:-2px; height:2px; background:url(../images/content_bottom.png) no-repeat center top;} .sp .content{width:540px;} .main_content{position:relative; overflow:hidden; display:table;} .sp .main_content{width:540px;} .main_content.nav:after{content:' '; display:block; width:100%; height:100%; background:url(../images/navi/cover.png); position:absolute; left:0; top:0;} .main_content a.btn{ display:block; margin-bottom:12px; -moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,1); -webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,1); box-shadow:1px 1px 2px 0px rgba(0,0,0,1); } .main_content a.bnr{ display:block; margin:6px auto; width:176px; background:#FFF; -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,1); -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,1); box-shadow:1px 1px 3px 0px rgba(0,0,0,1); } .main_content a.btn img, .main_content a.bnr img{display:inline-block; border:0px;} .main_content a.bnr:hover img{opacity:0.9;} .main_content .group{width:194px; padding:28px 6px 6px; margin-bottom:12px; background:url(../sp_contents/banner/img/side/group_frame.png) repeat-y -206px 0px; position:relative;} .main_content .group:before{content:' '; display:block; width:206px; height:28px; position:absolute; left:0px; top:0px; background:url(../sp_contents/banner/img/side/group_frame.png) no-repeat 0px 0px;} .main_content .group:after{content:' '; display:block; width:206px; height:1px; position:absolute; left:0px; bottom:0px; background:url(../sp_contents/banner/img/side/group_frame.png) no-repeat 0px -28px;} .main_content .group .inner{width:182px; padding:6px; background:url(../sp_contents/banner/img/side/group_frame_in.png) repeat-y -194px 0px; position:relative;} .main_content .group .inner:before{content:' '; display:block; width:194px; height:6px; position:absolute; left:0px; top:0px; background:url(../sp_contents/banner/img/side/group_frame_in.png) no-repeat 0px 0px;} .main_content .group .inner:after{content:' '; display:block; width:194px; height:1px; position:absolute; left:0px; bottom:0px; background:url(../sp_contents/banner/img/side/group_frame_in.png) no-repeat 0px -6px;} .l_column{position:relative; overflow:hidden; width:760px; display:table-cell; vertical-align:top;} .sp .l_column{width:540px; display:block;} #pickup_deco{width:67px; height:622px; background:url(../sp_contents/banner/img/l/deco.png) no-repeat 0px 0px; position:absolute; left:77px; bottom:40px;} .sp #pickup_deco{display:none;} /* 左カラム *******************************************************************/ #pickup_column{position:relative; width:206px; padding:7px; float:left; min-height:100px;} .sp #pickup_column{ position:absolute; left:-222px; top:0; float:none; z-index:20; background:#332824; border:1px solid #e7a735; border-left:none; transition-property:left; transition-duration:0.4s; } .sp #pickup_column.open{left:0px} #h_login_panel{width:200px; padding:3px; margin-bottom:12px; background:url(../sp_contents/banner/img/side/group_frame.png) repeat-y -206px 0px; position:relative;} #h_login_panel:before{content:' '; display:block; width:206px; height:1px; position:absolute; left:0px; top:0px; background:url(../sp_contents/banner/img/side/group_frame.png) no-repeat 0px 0px;} #h_login_panel:after{content:' '; display:block; width:206px; height:1px; position:absolute; left:0px; bottom:0px; background:url(../sp_contents/banner/img/side/group_frame.png) no-repeat 0px -28px;} #pickup_column a.gamestart{width:206px; height:84px; background:url(../sp_contents/banner/img/l/btn_gamestart.jpg) no-repeat 0px 0px;} #pickup_column a.gamestart:hover{background-position:0px -84px;} #pickup_column a.dmmshop{width:206px; height:63px; background:url(../sp_contents/banner/img/l/btn_dmm_shop.jpg) no-repeat 0px 0px;} #pickup_column a.dl{width:206px; height:63px; background:url(../sp_contents/banner/img/l/btn_download.jpg) no-repeat 0px 0px;} #pickup_column a.goldmember{width:206px; height:63px; background:url(../sp_contents/banner/img/l/btn_goldmember.jpg) no-repeat 0px 0px;} #pickup_column a.hukkiku{width:206px; height:63px; background:url(../sp_contents/banner/img/l/btn_hukkiku.jpg) no-repeat 0px 0px;} #pickup_column a.dmmshop:hover, #pickup_column a.dl:hover, #pickup_column a.goldmember:hover, #pickup_column a.hukkiku:hover{background-position:0px -63px;} #pickup_column .pcplay_s4:before{background-image:url(../sp_contents/banner/img/l/lbl_pcplay.png);} #pickup_column .pcplay_s4 a#cog_cooperation{width: 180px; height: 86px; background: url(../sp_contents/banner/img/l/btn_cog_cooperation.png) no-repeat 0px 0px; position: relative;} #pickup_column .pcplay_s4 a#cog_cooperation:hover{background-position: 0px -86px;} #pickup_column .pcplay_s4 a.mhfg_gameclient_dl_s4{width: 180px; height: 45px; background: url(../sp_contents/banner/img/l/btn_download_s4.png) no-repeat 0px 0px; position: relative;} #pickup_column .pcplay_s4 a.mhfg_gameclient_dl_s4:hover{background-position: 0px -45px;} #pickup_column .pcplay_s4 .deco{width: 180px; height: 14px; background: url(../sp_contents/banner/img/l/pcplay_deco.png) no-repeat center top; margin: -6px auto;} #pickup_column .weekly:before{background-image:url(../sp_contents/banner/img/l/lbl_weekly.png);} #pickup_column .regular:before{background-image:url(../sp_contents/banner/img/l/lbl_regular.png);} #pickup_column .regular a{display:block; width:190px; height:30px; background:no-repeat 0px 0px; margin:2px auto;} #pickup_column .regular .inner{width:194px; padding:6px 0;} #pickup_column .regular a:hover{background-position:0px -30px;} #pickup_column .regular a.disabled{background-position:0px -60px; cursor:default;} #pickup_column .regular a#regular_divar{background-image:url(../sp_contents/banner/img/l/regular_divar.png);} #pickup_column .regular a#regular_carnival{background-image:url(../sp_contents/banner/img/l/regular_carnival.png);} #pickup_column .regular a#regular_tenrou{background-image:url(../sp_contents/banner/img/l/regular_tenrou.png);} #pickup_column .regular a#regular_kyokusei{background-image:url(../sp_contents/banner/img/l/regular_kyokusei.png);} #pickup_column .regular a#regular_hunt{background-image:url(../sp_contents/banner/img/l/regular_hunt.png);} #pickup_column a.maintenance{width:206px; height:126px; background:url(../sp_contents/banner/img/l/btn_maintenance.jpg) no-repeat 0px 0px; position:relative;} #pickup_column a.maintenance:hover{background-position:0px -126px;} .sp #pickup_column a.maintenance{background-image:url(../sp_contents/banner/img/l/btn_maintenance_sp.jpg);} .sp #pickup_column a.maintenance:hover{background-position:0px 0px;} #pickup_column .sns{position:relative;} #pickup_column .sns a.bnr{width:208px; height:24px; margin:1px auto;} #pickup_column .sns a.bnr:after{content:' '; display:block; width:208px; height:24px; background:url(../sp_contents/banner/img/l/sns.png) no-repeat 0px 0px;} #pickup_column .sns a.bnr:hover:after{opacity:0.8;} #pickup_column .sns a.bnr.tw:after{background-position:0px 0px;} #pickup_column .sns a.bnr.fb:after{background-position:0px -24px;} #pickup_column .sns a.bnr.yt:after{background-position:0px -48px;} .sp #pickup_column .sns{text-align:center; width:206px; margin:0 auto; padding:12px 0;} .sp #pickup_column .sns a.bnr{width:56px; height:56px; margin:0px 2px; display:inline-block; background:url(../sp_contents/banner/img/l/sns_sp.png) no-repeat; border-radius:8px;} .sp #pickup_column .sns a.bnr:after{display:none;} .sp #pickup_column .sns a.bnr.tw{background-position:-56px 0px;} .sp #pickup_column .sns a.bnr.fb{background-position:-112px 0px;} .sp #pickup_column .sns a.bnr.yt{background-position:0px 0px;} /* ローカルナビ *******************************************************************/ #pickup_column .localnav{} #pickup_column .localnav .inner{width:190px; padding:2px 2px; margin-top:2px;} #pickup_column .localnav .inner:first-child{margin-top:0;} #pickup_column .localnav a.item{line-height:29px; font-size:12px; display:block; text-decoration:none; background:#fef5e6; width:180px; padding:0 5px; position:relative; color:#1a2011; border-top:1px solid #d2cbbf; font-weight:bold;} #pickup_column .localnav a.item:hover{color:#ec4300; padding-left:6px; width:179px; background:#FFF;} #pickup_column .localnav a.item.act{color:#ec4300; background:#ffdba2; padding-left:5px; width:180px; cursor:default;} #pickup_column .localnav a.sub{ font-size:11px;} #pickup_column .localnav a.double{line-height:14px; padding:9px 5px 8px;} #pickup_column .localnav a.cp:after{content:' '; display:block; width:39px; height:29px; position:absolute; right:-14px; top:0; background-image:url(../images/navi/deco_cp.png);} #pickup_column .localnav a.recommend:after{content:' '; display:block; width:39px; height:29px; position:absolute; right:-14px; top:0; background-image:url(../images/navi/deco_recommend.png);} #pickup_column .localnav a.selling:after{content:' '; display:block; width:39px; height:29px; position:absolute; right:-14px; top:0; background-image:url(../images/navi/deco_selling.png);} .cs #pickup_column .localnav a.cp:after{background-image:url(../images/navi/deco_cp_cs.png);} .cs #pickup_column .localnav a.recommend:after{background-image:url(../images/navi/deco_recommend_cs.png);} .cs #pickup_column .localnav a.selling:after{background-image:url(../images/navi/deco_selling_cs.png);} #pickup_column .guide:before{background-image:url(../images/navi/lbl_gameguide.png);} #pickup_column .news:before{background-image:url(../images/navi/lbl_information.png);} #pickup_column .event:before{background-image:url(../images/navi/lbl_event.png);} #pickup_column .gamedata:before{background-image:url(../images/navi/lbl_gamedata.png);} #pickup_column .community:before{background-image:url(../images/navi/lbl_community.png);} #pickup_column .operation:before{background-image:url(../images/navi/lbl_operation.png);} #pickup_column .goods:before{background-image:url(../images/navi/lbl_goods.png);} #pickup_column .support:before{background-image:url(../images/navi/lbl_support.png);} #pickup_column .payment:before{background-image:url(../images/navi/lbl_payment.png);} #pickup_column .payment_x:before{background-image:url(../images/navi/lbl_payment_x.png);} /*SP only********/ @media screen and (orientation: portrait) { .sp #pickup_column.localnav{left:-428px; width:412px;} .sp #pickup_column.localnav.open{left:0px} .sp #pickup_column .localnav.group{width:400px; padding:48px 6px 6px; margin-bottom:12px; background:url(../sp_contents/banner/img/side/group_frame_local_sp.png) repeat-y 0px 0px; position:relative;} .sp #pickup_column .localnav.group:before{content:' '; display:block; width:412px; height:48px; position:absolute; left:0px; top:0px; background:url(../sp_contents/banner/img/side/group_frame_local_sp.png) no-repeat -412px 0px;} .sp #pickup_column .localnav.group:after{content:' '; display:block; width:412px; height:1px; position:absolute; left:0px; bottom:0px; background:url(../sp_contents/banner/img/side/group_frame_local_sp.png) no-repeat -412px -48px;} .sp #pickup_column .localnav.group .inner{width:396px; padding:2px 2px; background:url(../sp_contents/banner/img/side/group_frame_in_local_sp.png) repeat-y 0px 0px; position:relative; margin-top:4px;} .sp #pickup_column .localnav .inner:first-child{margin-top:0;} .sp #pickup_column .localnav.group .inner:before{content:' '; display:block; width:400px; height:3px; position:absolute; left:0px; top:0px; background:url(../sp_contents/banner/img/side/group_frame_in_local_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group .inner:after{content:' '; display:block; width:400px; height:3px; position:absolute; left:0px; bottom:0px; background:url(../sp_contents/banner/img/side/group_frame_in_local_sp.png) no-repeat 0px -3px;} .sp #pickup_column .localnav a.item{line-height:58px; font-size:24px; width:386px; padding-top:2px;} .sp #pickup_column .localnav a.sub{font-size:22px;} .sp #pickup_column .localnav a.double{line-height:28px; padding:16px 5px 15px;} .sp #pickup_column .localnav.group.guide:before{background:url(../images/navi/lbl_gameguide_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.news:before{background:url(../images/navi/lbl_information_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.event:before{background:url(../images/navi/lbl_event_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.gamedata:before{background:url(../images/navi/lbl_gamedata_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.community:before{background:url(../images/navi/lbl_community_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.operation:before{background:url(../images/navi/lbl_operation_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.goods:before{background:url(../images/navi/lbl_goods_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.support:before{background:url(../images/navi/lbl_support_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.payment:before{background:url(../images/navi/lbl_payment_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav.group.payment_x:before{background:url(../images/navi/lbl_payment_x_sp.png) no-repeat 0px 0px;} .sp #pickup_column .localnav a.cp:after, .sp #pickup_column .localnav a.recommend:after, .sp #pickup_column .localnav a.selling:after{ line-height:36px; font-size:18px; color:#FFF; text-align:center; padding:0; display:block; width:85px; height:36px; position:absolute; right:-14px; top:8px; background:#e60012; -webkit-transform: skew(0,-9deg); -moz-transform: skew(0,-9deg); transform: skew(0,-9deg); } .sp #pickup_column .localnav a.cp:after{content:'ｷｬﾝﾍﾟｰﾝ\A実施中!'; line-height:18px; padding:4px 0;} .sp #pickup_column .localnav a.recommend:after{content:'オススメ!';} .sp #pickup_column .localnav a.selling:after{content:'売れ筋!';} .sp #pickup_column.localnav .sns{width:412px;} .sp #pickup_column.localnav .sns a.bnr{margin:0px 20px;} } /* センターカラム ***********************************************************/ #main_column{position:relative; width:532px; float:left; min-height:100px; padding:4px 4px 25px;} .top #main_column{padding:0; width:540px;} #main_column .category{width:532px; height:30px; margin:0 auto; background:#3a3a3a url(../images/category.png) no-repeat 0px 0px; position:relative;} #main_column .category p{line-height:30px; color:#FFF; position:absolute;} #main_column .category p#article_category{text-align:left; left:33px; top:1px; font-weight:bold; font-size:16px; display:inline-block; width:400px;} #main_column span.note{font-size:12px; color:#A00000;} #main_column>h2{width:470px; padding:6px 8px 4px 32px; color:#59493f; border:1px solid #59493f; margin:20px auto 10px; background:#dfd2c9 url(../images/h2.png) no-repeat 8px center;} #main_column>h3{width:477px; padding:4px 8px 2px 25px; color:#59493f; border-bottom:1px dashed #59493f; margin:15px auto 10px; background:url(../images/h3.png) no-repeat left center;} #main_column>p{width:500px; margin:6px auto; color:#332824; font-size:14px; line-height:18px;} #main_column>p span{color:#a90731;} #main_column a{color:#0000ff; text-decoration:none;} #main_column a:hover{text-decoration:underline;} #main_column a.arrow{display: inline-block; min-height:12px; padding:6px 0 6px 12px; line-height:12px; font-size:12px; background:url(../images/a_arrow.png) no-repeat 0px center;} #main_column a.arrow2{display: inline-block; min-height:12px; padding:6px 0 6px 12px; line-height:12px; font-size:12px; background:url(../images/a_arrow2.png) no-repeat 0px center;} #main_column a.arrow_i{display: inline-block; min-height:14px; padding:4px 0 0px 12px; line-height:14px; font-size:14px; background:url(../images/a_arrow3.png) no-repeat 0px 4px;} .cs #main_column a.arrow_i{background-image:url(../images/a_arrow3_nf.png);} #main_column ul.ldot{list-style:none; width:500px; margin:6px auto;} #main_column ul.ldot li{color:#332824; font-size:14px; line-height:18px; text-indent:-1em; padding-left:1em; padding-top:8px;} #main_column ul.ldot li:before{content:'●';} #main_column ul.ldot li.note{font-size:12px; line-height:16px; padding-top:2px; padding-left:2em;} #main_column ul.ldot li.note:before{content:'※';} #main_column ul.ldot li span.r{color:#a90731;} #main_column ul.ldot li span.b{font-weight:bold;} #main_column .ulbox{width:510px; margin:10px auto 10px; position:relative;} #main_column .ulbox .lbl{ width:100%; background:#d05f27; border-top-left-radius:6px; border-top-right-radius:6px; padding:7px 0 5px; color:#fff; font-weight:bold; text-align:center; font-size:18px; line-height:22px; } #main_column .ulbox ul{list-style:none; background:#FFF; border:1px solid #d05f27; border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding:16px 0 20px;} #main_column .ulbox ul li{padding:4px 20px 0 34px; color:#332824; font-size:14px; line-height:18px; text-indent:-14px;} #main_column .ulbox ul li:before{content:'●'; color:#d05f27;} #main_column .pager{width:100%; margin:15px auto 0; padding:10px 0 20px; text-align:center;} #main_column .pager a{text-decoration:none; font-size:14px; line-height:14px; color:#933600; padding:4px; min-width:28px; margin:0 5px; display:inline-block; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #main_column .pager a:hover{color:#FF2600;} #main_column .pager a.crr{color:#FFF; background:#933600; border-radius:6px;} #main_column .pager a.head:before{content:'≪';} #main_column .pager a.prev:before{content:'<'; font-size:10px; line-height:14px;} #main_column .pager a.next:after{content:'>'; font-size:10px; line-height:14px;} #main_column .pager a.last:after{content:'≫';} #main_column .pager a.disabled{visibility:hidden;} #main_column .btn_link {position: relative;margin-top: 15px;} #main_column .btn_link:before{position: absolute;top: 50%;right: 15px;margin-top: -6px;width: 10px;height: 12px;background: url(../images/btn_link_arrow.gif) no-repeat center top;content: "";} #main_column .btn_link a{display: block;padding: 10px 30px 10px 15px;border: 1px solid #5f5f5f;border-radius: 3px;background-image: -moz-linear-gradient( 90deg, rgb(44,44,44) 0%, rgb(67,67,67) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(44,44,44) 0%, rgb(67,67,67) 100%);background-image: -ms-linear-gradient( 90deg, rgb(44,44,44) 0%, rgb(67,67,67) 100%);box-shadow: 1px 3px 4px 0px rgba(2, 2, 2, 0.9);color: #fff;} #main_column .btn_link a:hover{text-decoration: none;opacity: .9;} .cs #main_column .btn_link a{background:#000;} .cs #main_column .btn_link a:hover{opacity: 1;} /* 有料コンテンツエリア *****************************************************/ #r_column{position:relative; width:213px; padding:7px 0 7px 7px; display:table-cell; vertical-align:top;} .sp #r_column{ display:block; position:absolute; right:-222px; top:0; z-index:20; background:#332824; border:1px solid #e7a735; border-right:none; transition-property:right; transition-duration:0.4s; } .sp #r_column.open{right:0px;} /* お支払いはこちらから */ #r_column a.payment{width:206px; height:158px; background:url(../sp_contents/banner/img/side/btn_payment.jpg) no-repeat 0px 0px;} #r_column a.payment:hover{background-position:0px -158px;} .cog #r_column a.payment, .ps3 #r_column a.payment, .psv #r_column a.payment, .wiiu #r_column a.payment{width:206px; height:206px; background:url(../sp_contents/banner/img/side/btn_payment_cog.jpg) no-repeat 0px 0px;} .cog #r_column a.payment:hover, .ps3 #r_column a.payment:hover, .psv #r_column a.payment:hover, .wiiu #r_column a.payment:hover{background-position:0px -206px;} /* 狩りに役立つコース */ #r_column .course{} #r_column .course:before{background-image:url(../sp_contents/banner/img/side/lbl_course.png);} #r_column .course>.deco{width:204px; height:5px; position:absolute; left:1px; bottom:1px; background:url(../sp_contents/banner/img/side/group_frame_btm_course.png) no-repeat center top;} #r_column .course .inner, #r_column .course .inner:before, #r_column .course .inner:after{background-image:url(../sp_contents/banner/img/side/group_frame_in_course.png);} #r_column .course .inner>.deco{width:204px; height:96px; position:absolute; left:-5px; top:50%; margin-top:-48px; background:url(../sp_contents/banner/img/side/group_frame_side_course.png) no-repeat center top;} #r_column .course .inner a{display:inline-block; color:#fffefe; padding-left:8px; font-size:14px; line-height:26px; text-decoration:none; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position:relative;} #r_column .course .inner a:before{content:'≫ ';} #r_column .course .inner a:hover{color:#fff82c;} #r_column .course .inner a.refine:after{content:' '; display:block; width:43px; height:17px; position:absolute; right:-45px; top:-4px; background:url(../sp_contents/banner/img/side/balloon_course_refine.png) no-repeat 0px 0px;} #r_column .course .inner a.cp:after{content:' '; display:block; width:50px; height:17px; position:absolute; right:-52px; top:-4px; background:url(../sp_contents/banner/img/side/balloon_course_cp.png) no-repeat 0px 0px;} /* アイテム商品一覧 */ #r_column a.itemlist{width:206px; height:45px; background:url(../sp_contents/banner/img/side/btn_itemlist.jpg) no-repeat 0px 0px;} #r_column a.itemlist:hover{background-position:0px -45px;} /* ネットカフェでプレイ */ #r_column .netcafe{} #r_column .netcafe:before{background-image:url(../sp_contents/banner/img/side/lbl_netcafe.png);} #r_column .netcafe .bottom, #r_column .ncourse .bottom{margin-left:-5px; margin-bottom:-5px; width:198px; padding-left:6px; height:32px; padding-top:5px; background:url(../sp_contents/banner/img/side/group_frame_btm_n.png) no-repeat 0px 0px;} #r_column .netcafe .bottom a, #r_column .ncourse .bottom a{display:block; width:192px; height:26px; text-align:center; color:#fffefe; font-size:12px; line-height:26px; text-decoration:none; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position:relative;} #r_column .netcafe .bottom a:before, #r_column .ncourse .bottom a:before{content:'≫ ';} #r_column .netcafe .bottom a:hover, #r_column .ncourse .bottom a:hover{color:#fff82c;} /* Ｎコースでプレイ */ #r_column .ncourse{} #r_column .ncourse:before{background-image:url(../sp_contents/banner/img/side/lbl_ncourse.png);} /*その他*/ #r_column .other{width:176px; padding:4px 15px; background:url(../sp_contents/banner/img/side/group_frame_other.png) repeat-y -206px 0px; position:relative;} #r_column .other:before, #r_column .other:after{content:' '; display:block; position:absolute; left:0; width:206px; height:1px; background:url(../sp_contents/banner/img/side/group_frame_other.png) no-repeat 0px 0px;} #r_column .other:before{top:0;} #r_column .other:after{bottom:0;} #r_column .other a.bnr{margin:10px auto;} /*サブカラム*/ #sub_column{width:746px; padding:7px; position:relative;} #sub_column .lbl{position:absolute; left:7px; top:-16px; width:207px; height:19px; background:url(../sp_contents/banner/img/sub/lbl.png) no-repeat 0px 0px;} #sub_column .frame{width:736px; padding:8px 5px; background:url(../sp_contents/banner/img/sub/frame.png) repeat-y 0px 0px; position:relative;} #sub_column .frame:before,#sub_column .frame:after{content:' '; display:block; width:746px; height:1px; background:url(../sp_contents/banner/img/sub/frame.png) no-repeat -746px 0px; position:absolute; left:0;} #sub_column .frame:before{top:0;} #sub_column .frame:after{bottom:0;} #sub_column .frame a{ display:inline-block; width:176px; height:68px; background:#FFF; margin:0 4px; -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,1); -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,1); box-shadow:1px 1px 3px 0px rgba(0,0,0,1); } #sub_column .frame a img{display:block; border:0px;} #sub_column .frame a:hover img{opacity:0.8;} .sp #sub_column{display:none;} /* グローバルナビ *****************************************************/ #g_navi{display:block; list-style:none; width:964px; padding-left:16px; height:41px; padding-top:7px; position:relative; background:url(../images/navi/navi_base.jpg) no-repeat 0px 0px; z-index:100;} #g_navi:after{content:' '; clear:both; display:block; width:100%; height:4px; position:absolute; left:0; bottom:-4px; background:url(../images/navi/shadow.png) repeat-x center top;} .cs #g_navi:after{display:none;} #g_navi li{float:left; display:block; height:32px;} #g_navi .split{background:url(../images/navi/spliter.png) no-repeat center center; width:3px;} #g_navi .btn{cursor:pointer; background:no-repeat center 0px; padding:0 9px; position:relative; z-index:110;} #g_navi .btn.gameguide{background-image:url(../images/navi/btn_gameguide.jpg); width:114px;} #g_navi .btn.information{background-image:url(../images/navi/btn_information.jpg); width:72px;} #g_navi .btn.event{background-image:url(../images/navi/btn_event.jpg); width:160px;} #g_navi .btn.gamedata{background-image:url(../images/navi/btn_gamedata.jpg); width:95px;} #g_navi .btn.community{background-image:url(../images/navi/btn_community.jpg); width:99px;} #g_navi .btn.operation{background-image:url(../images/navi/btn_operation.jpg); width:79px;} #g_navi .btn.goods{background-image:url(../images/navi/btn_goods.jpg); width:94px;} #g_navi .btn.support{background-image:url(../images/navi/btn_support.jpg); width:70px;} #g_navi .btn.act{cursor:default; background-position: center -32px; z-index:100;} #g_navi .btn.hover{background-position: center -32px; z-index:100;} #g_navi .btn>div{ position:absolute; left:0; top:32px; background:#fefcee; padding:4px 6px 3px; border:solid 1px #251700; border-top-color:#72582c; -moz-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.8); -webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.8); box-shadow:1px 1px 1px 0px rgba(0,0,0,0.8); display:none; } @media (max-width: 980px){ #g_navi .btn.support>div{left:auto; right:0;} } #g_navi .btn.hover>div{display:block;} #g_navi .btn>div a{display:block; white-space:nowrap; font-size:14px; line-height:14px; color:#1c0000; text-decoration:none; padding:7px 6px 7px 10px; margin-bottom:1px; position:relative;} #g_navi .btn>div a:before{content:' '; display:block; width:8px; height:11px; background:url(../images/navi/arrow.png) no-repeat center center; position:absolute; left:-3px; top:50%; margin-top:-6px;} #g_navi .btn>div a:hover{background-color:#ffdea7;} #g_navi .toggle{display:none;} /*SP only********/ .sp #g_navi{width:540px; height:98px; background:none; z-index:30; padding:0;} .sp #g_navi .spacer{width:540px; height:98px;} .sp #g_navi .toggle{ display:block; width:540px; height:99px; background:url(../images/navi/btn_menu.png) no-repeat 0px 0px; position:absolute; left:0; top:0; -moz-box-shadow:0px 1px 4px 0px rgba(0,0,0,1); -webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,1); box-shadow:0px 1px 4px 0px rgba(0,0,0,1); } .sp #g_navi.fix .toggle{position:fixed; left:50%; margin-left:-270px; top:0;} .sp #g_navi.open .toggle{position:absolute; left:0; top:0; margin-left:0; background-position:0px -99px;} .sp #g_navi:after{display:none;} .sp #g_navi li.btn{background:#fefcee; width:540px; padding:0; height:auto; float:none;} .sp #g_navi .btn div{ width:540px; text-align:center; position:relative; left:0; top:0; padding:0; border:none; font-size:30px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .sp #g_navi .btn div.label{ line-height:74px; color:#5b2a00; font-weight:bold; border-bottom:2px solid #693434; display:none; background: rgb(246,243,199); background: -moz-linear-gradient(top, rgba(246,243,199,1) 0%, rgba(234,204,150,1) 100%); background: -webkit-linear-gradient(top, rgba(246,243,199,1) 0%,rgba(234,204,150,1) 100%); background: linear-gradient(to bottom, rgba(246,243,199,1) 0%,rgba(234,204,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3c7', endColorstr='#eacc96',GradientType=0 ); } .sp #g_navi .btn div.label:after{content:'▼'; position:absolute; top:0; right:15px;} .sp #g_navi.open div.label{display:block;} .sp #g_navi .btn div.label.open:after{content:'▲';} .sp #g_navi.open .btn.open div{display:block;} .sp #g_navi .btn div a, .sp #g_navi .btn div a:hover{ line-height:68px; color:#5b2a00; font-size:30px; border-bottom:2px solid #7c6060; padding:0; background: rgb(254,252,238); background: -moz-linear-gradient(top, rgba(254,252,238,1) 0%, rgba(241,241,197,1) 100%); background: -webkit-linear-gradient(top, rgba(254,252,238,1) 0%,rgba(241,241,197,1) 100%); background: linear-gradient(to bottom, rgba(254,252,238,1) 0%,rgba(241,241,197,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcee', endColorstr='#f1f1c5',GradientType=0 ); } .sp #g_navi .btn div a:before{display:none;} .sp #g_navi .split{display:none;} @media screen and (orientation: landscape) { .sp #g_navi{height:40px;} .sp #g_navi .spacer{height:40px;} .sp #g_navi .toggle{ height:40px; background-image:url(../images/navi/btn_menu_landscape.png); } .sp #g_navi.open .toggle{background-position:0px -40px;} .sp #g_navi .btn div.label{ line-height:40px; font-size:24px; } .sp #g_navi .btn div a, .sp #g_navi .btn div a:hover{ line-height:40px; font-size:24px; } } /* フッター *****************************************************/ #footer{position:relative; width:100%; min-width:980px; text-align:center; padding-top:8px;} #footer .site_links{width:980px; text-align:center; margin:0 auto 12px;} #footer .site_links a{display:inline-block; width:190px; height:34px; background:url(../images/footer/links.jpg) no-repeat;} #footer .site_links a.usage{background-position:0px 0px;} #footer .site_links a.rule{background-position:-190px 0px; margin-left:8px;} #footer .site_links a.policy{background-position:-380px 0px; margin-left:7px;} #footer .site_links a.settlement{background-position:-570px 0px; margin-left:7px;} #footer .site_links a.manner{background-position:-760px 0px; margin-left:8px;} #footer .site_links a.usage:hover{background-position:0px -34px;} #footer .site_links a.rule:hover{background-position:-190px -34px;} #footer .site_links a.policy:hover{background-position:-380px -34px;} #footer .site_links a.settlement:hover{background-position:-570px -34px;} #footer .site_links a.manner:hover{background-position:-760px -34px;} #footer p{color:#FFF; font-size:12px; text-shadow: 1px 1px 3px rgba(0,0,0,1.0), 1px 1px 2px rgba(0,0,0,1.0), 1px 1px 1px rgba(0,0,0,1.0); padding:0 0 12px;} #footer p.cr{font-size:14px;} #footer p.scr{font-size:10px;} #footer .btns{text-align:center; position:relative; margin:12px auto 24px;} #footer .btns>*{display:inline-block; margin:0 15px;} #footer .btns a.cog{width:94px; height:72px; background:url(../images/footer/cog.png) no-repeat center center;} #footer .btns a.ps4{width:201px; height:72px; background:url(../images/footer/ps4.png) no-repeat center center;} #footer .btns a.ps3{width:176px; height:72px; background:url(../images/footer/ps3.png) no-repeat center center;} #footer .btns a.psv{width:212px; height:72px; background:url(../images/footer/psv.png) no-repeat center center;} #footer .btns a.wiiu{width:152px; height:72px; background:url(../images/footer/wiiu.png) no-repeat center center;} #footer .btns a.mhf{ width:480px; height:72px; background:url(../images/footer/mh_portal.jpg) no-repeat center center; -moz-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.8); box-shadow:0px 0px 6px 1px rgba(0,0,0,0.8); } #footer .links{text-align:center; position:relative; margin:12px auto 24px;} #footer .links a{ display:inline-block; margin:0 10px; background:url(../images/footer/link_capcom_icon.png) no-repeat left center; font-size:14px; line-height:27px; text-shadow: 1px 1px 3px rgba(0,0,0,1.0), 1px 1px 2px rgba(0,0,0,1.0), 1px 1px 1px rgba(0,0,0,1.0); text-align:left; color:#FFF; text-decoration:none; padding-left:30px; } #footer .links a:hover{color:#ffe588;} #footer img.cr{margin-bottom:12px;} .sp #footer{min-width:540px; padding-bottom:80px;} .sp #footer .site_links{width:540px;} .sp #footer .site_links a{margin-bottom:10px;} .sp #footer .btns>*{ margin:10px;} /* SP only */ #fix_nav_cover{width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; display:none;} #fix_nav{display:block; position:fixed; left:0; bottom:0; width:100%; min-width:540px; z-index:10;} #fix_nav>div{ line-height:70px; width:220px; font-size:24px; text-align:center; color:#fdffc2; text-shadow: 0px 0px 2px rgba(51,40,36,1.0), 0px 0px 4px rgba(0,0,0,1.0), 0px 0px 6px rgba(0,0,0,1.0); background:#191817; position:absolute; bottom:0; } #pickup_btn{left:0; border-top-right-radius:30px;} #payment_btn{right:0; border-top-left-radius:30px;} @media screen and (orientation: landscape) { #fix_nav>div{line-height:40px; width:150px; font-size:16px;} #pickup_btn{border-top-right-radius:10px;} #payment_btn{border-top-left-radius:10px;} }