@charset "UTF-8";
html { overflow-y: scroll; height: 100%; -webkit-text-size-adjust: 100%; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; word-break: break-all; }

p { word-break: break-all; }

abbr, acronym, fieldset { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

nav ul { list-style: none; }

li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { color: #0055AD; text-decoration: none; -webkit-transition: all 0.02s linear; transition: all 0.02s linear; }

a:visited { color: #0055AD; text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { color: #0055AD; }

img { vertical-align: bottom; }

input, select { vertical-align: middle; margin: 0; padding: 0; }

label, select, input[type="file"], input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"] { cursor: pointer; }

button, input[type="submit"] { outline: none; }

textarea, input[type="password"], input[type="text"], input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }

body { color: #333; font-family: 'Helvetica Neue',Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; background-color: #F2F2F2; font-size: 12px; line-height: 18px; height: 100%; }

.icon { display: inline-block; background-image: url("/img/famitsucom_sprite.png"); background-repeat: no-repeat; }

.iconNavi { position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; text-align: center; font-size: 16px; color: #00bd89; }

.iconDevice { width: 30px; height: 14px; text-indent: -9999px; }

.iconNo { background-color: #F2F2F2; -webkit-border-radius: 3px; border-radius: 3px; }

.iconPs3 { background-position: 0 -14px; }

.iconPsp { background-position: 0 -28px; }

.iconPsv { background-position: 0 -42px; }

.iconWii { background-position: 0 -56px; }

.iconWiiu { background-position: 0 -70px; }

.iconXbox360 { background-position: 0 -84px; }

.icon3ds { background-position: 0 -98px; }

.iconAc { background-position: 0 -112px; }

.iconOs { background-position: 0 -126px; }

.iconIphone { background-position: 0 -140px; }

.iconMobile { background-position: 0 -154px; }

.iconPc { background-position: 0 -168px; }

.iconSs { background-position: 0 -182px; }

.iconWs { background-position: 0 -196px; }

.iconXbox { background-position: 0 -210px; }

.icon3do { background-position: 0 -224px; }

.icon64 { background-position: 0 -238px; }

.iconDc { background-position: 0 -252px; }

.iconFamicom { background-position: 0 -266px; }

.iconForeign { background-position: 0 -280px; }

.iconGameboy { background-position: 0 -294px; }

.iconGamegear { background-position: 0 -308px; }

.iconGba { background-position: 0 -322px; }

.iconGc { background-position: 0 -336px; }

.iconInfo { background-position: 0 -350px; }

.iconKikaku { background-position: 0 -364px; }

.iconMd { background-position: 0 -378px; }

.iconMsx { background-position: 0 -392px; }

.iconNds { background-position: 0 -406px; }

.iconNeogeo { background-position: 0 -420px; }

.iconNgp { background-position: 0 -434px; }

.iconPce { background-position: 0 -448px; }

.iconPs { background-position: 0 -462px; }

.iconSfc { background-position: 0 -476px; }

.iconSms { background-position: 0 -490px; }

.iconPcfx { background-position: 0 -504px; }

.iconPs4 { background-position: 0 -518px; }

.iconXboxone { background-position: 0 -532px; }

.iconBrowser { background-position: 0 -546px; }

.iconPsm { background-position: 0 -560px; }

.iconPs2 { background-position: 0 -574px; }

.iconOption { width: 14px; height: 14px; }

.iconDownload { background-position: -30px -79px; }

.iconAddContents { background-position: -44px -78px; }

.iconCeroZ { background-position: -58px -78px; }

.iconOversea { background-position: -72px -78px; }

.iconRankSmall { width: 20px !important; height: 21px !important; }

.iconRankSmall1 { background-position: -120px -47px; background-color: transparent !important; }

.iconRankSmall2 { background-position: -140px -47px; background-color: transparent !important; }

.iconRankSmall3 { background-position: -120px -68px; background-color: transparent !important; }

.iconRankBig { width: 30px !important; height: 31px !important; }

.iconRankGold, .iconRankBig1 { background-position: -30px -47px; background-color: transparent !important; }

.iconRankSilver, .iconRankBig2 { background-position: -60px -47px; background-color: transparent !important; }

.iconRankBronze, .iconRankBig3 { background-position: -90px -47px; background-color: transparent !important; }

.iconFsocial { width: 24px; height: 25px; }

.iconFTwitter { background-position: -30px -93px; }

.iconFFacebook { background-position: -76px -92px; }

.iconFRss { background-position: -122px -92px; }

.bdcAllDevice { border-color: #292d90; }
.bdcAllDevice:hover { border-color: #292d90 !important; }

.bdcPs4 { border-color: #2d549c; }
.bdcPs4:hover { border-color: #2d549c !important; }

.bdcPs3 { border-color: #666f81; }
.bdcPs3:hover { border-color: #666f81 !important; }

.bdcPsvita { border-color: #4A8C9F; }
.bdcPsvita:hover { border-color: #4A8C9F !important; }

.bdc3ds { border-color: #9F504D; }
.bdc3ds:hover { border-color: #9F504D !important; }

.bdcWiiu { border-color: #518DB2; }
.bdcWiiu:hover { border-color: #518DB2 !important; }

.bdcXboxone { border-color: #497A56; }
.bdcXboxone:hover { border-color: #497A56 !important; }

.bdcXbox360 { border-color: #6CA63F; }
.bdcXbox360:hover { border-color: #6CA63F !important; }

.bdcPsp { border-color: #5d9fb1; }
.bdcPsp:hover { border-color: #5d9fb1 !important; }

.on.bgcAllDevice { background-color: #292d90; }
.on.bgcAllDevice:hover { background-color: #292d90; }
.on.bgcPs4 { background-color: #2d549c; }
.on.bgcPs4:hover { background-color: #2d549c; }
.on.bgcPs3 { background-color: #666f81; }
.on.bgcPs3:hover { background-color: #666f81; }
.on.bgcPsvita { background-color: #4A8C9F; }
.on.bgcPsvita:hover { background-color: #4A8C9F; }
.on.bgc3ds { background-color: #9F504D; }
.on.bgc3ds:hover { background-color: #9F504D; }
.on.bgcWiiu { background-color: #518DB2; }
.on.bgcWiiu:hover { background-color: #518DB2; }
.on.bgcXboxone { background-color: #497A56; }
.on.bgcXboxone:hover { background-color: #497A56; }
.on.bgcXbox360 { background-color: #6CA63F; }
.on.bgcXbox360:hover { background-color: #6CA63F; }
.on.bgcPsp { background-color: #5d9fb1; }
.on.bgcPsp:hover { background-color: #5d9fb1; }

.bgcAllDevice:hover { background-color: #292d90; }

.bgcPs4:hover { background-color: #2d549c; }

.bgcPs3:hover { background-color: #666f81; }

.bgcPsvita:hover { background-color: #4A8C9F; }

.bgc3ds:hover { background-color: #9F504D; }

.bgcWiiu:hover { background-color: #518DB2; }

.bgcXboxone:hover { background-color: #497A56; }

.bgcXbox360:hover { background-color: #6CA63F; }

.bgcPsp:hover { background-color: #5d9fb1; }

/* 修正 */
.userNum { padding-left: 0; }

/* 修正 */
.viewData { color: #999; }

.viewNum { display: inline-block; height: 24px; line-height: 24px; color: #FFF; font-weight: bold; padding: 0 5px; }

.tweetNum.hot, .userData.hot { font-size: 12px; display: inline-block; color: #666; padding: 0 4px; height: 14px; line-height: 14px; }

.viewNum.low, .tweetNum.low { color: #FFF !important; background-color: #FF9999 !important; }

.viewNum.middle, .tweetNum.middle { color: #FFF !important; background-color: #FF6666 !important; }

.viewNum.high, .tweetNum.high { color: #FFF !important; background-color: #ff0808 !important; }

.numData.low { color: #FF9999 !important; }

.numData.middle { color: #FF6666 !important; }

.numData.high { color: #FF0808 !important; font-weight: bold !important; }

.fcGold { color: #EDAE00 !important; }

.fcSilver { color: #C5B69E !important; }

.fcBronze { color: #8D3927 !important; }

/* レビュースコア */
.green { background-color: #009A20 !important; color: #FFF !important; }

/*---------------------------------------------- レビュースコア --------------------------------------------*/
.reviewScore { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; line-height: 40px; color: #FFF !important; font-weight: bold; font-size: 18px; text-align: center; font-family: Helvetica,sans-serif; }

.reviewNumLv1 { /* 49～0 */ background-color: #D03000 !important; }

.reviewNumLv2 { /* 49～0 */ background-color: #D03000 !important; }

.reviewNumLv3 { /* 79～50 */ background-color: #F0C000 !important; }

.reviewNumLv4 { /* 79～50 */ background-color: #F0C000 !important; }

.reviewNumLv5 { /* 100～80 */ background-color: #009A20 !important; }

.reviewNumLv0 { display: none; }

/*---------------------------------------------- ボタン --------------------------------------------*/
a.btn, .btn { display: inline-block; height: 24px; line-height: 24px; font-size: 12px; color: #333; padding: 0 7px; margin: 0 7px 0 0; text-align: center; background-color: #E8E8E8; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; }

.btn:last-child { margin-right: 0; }

a.btn:hover, .btn:hover { text-decoration: none; background-color: #D6D6D6; color: #333; }

a.cvBtn, .cvBtn { color: #FFF; background-color: #f4792a; }

a.cvBtn:hover, .cvBtn:hover { color: #FFF; background-color: #f38c49; }

a.moreBtn { font-size: 13px; width: 50%; height: 32px; line-height: 32px; }

.contentChange a.moreBtn { color: #0055AD; color: #FFF; background: #0055AD; }
.contentChange a.moreBtn:hover { background: #0071e6; text-decoration: none; }

a.btnAllDevive, .btnAllDevive { color: #FFF; background-color: #292d90; }

a.btnAllDevive:hover, .btnAllDevive:hover { color: #FFF; background-color: #3235A7; }

a.btnPs4, .btnPs4 { color: #FFF; background-color: #2d549c; }

a.btnPs4:hover, .btnPs4:hover { color: #FFF; background-color: #3C67B5; }

a.btnPs3, .btnPs3 { color: #FFF; background-color: #666f81; }

a.btnPs3:hover, .btnPs3:hover { background-color: #838A97; color: #FFF; }

a.btnPsv, .btnPsv { color: #FFF; background-color: #4A8C9F; }

a.btnPsv:hover, .btnPsv:hover { color: #FFF; background-color: #5FA6BB; }

a.btn3ds, .btn3ds { color: #FFF; background-color: #9F504D; }

a.btn3ds:hover, .btn3ds:hover { color: #FFF; background-color: #BC6563; }

a.btnPsp, .btnPsp { color: #FFF; background-color: #5d9fb1; }

a.btnPsp:hover, .btnPsp:hover { color: #FFF; background-color: #76B6C8; }

a.btnXboxone, .btnXboxone { color: #FFF; background-color: #497A56; }

a.btnXboxone:hover, .btnXboxone:hover { color: #FFF; background-color: #62916E; }

a.btnXbox360, .btnXbox360 { color: #FFF; background-color: #6CA63F; }

a.btnXbox360:hover, .btnXbox360:hover { color: #FFF; background-color: #7ABB4A; }

a.btnWiiu, .btnWiiu { color: #FFF; background-color: #518DB2; }

a.btnWiiu:hover, .btnWiiu:hover { color: #FFF; background-color: #6BA8CE; }

a.btnTwitter, .btnTwitter { color: #FFF; background-color: #25c0f4; }

a.btnTwitter:hover, .btnTwitter:hover { color: #FFF; background-color: #2DC5F7; }

a.btnMail, .btnMail { color: #FFF; background-color: #ffaa00; }

a.btnMail:hover, .btnMail:hover { background-color: #ffb624; color: #FFF; }

.button { line-height: 1; }

.thumbIcon { position: absolute; top: 0; left: 0; padding: 0 7px; height: 20px; line-height: 20px; display: inline-block; text-align: center; color: #FFF; font-weight: bold; text-indent: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 10em; }

.newsEnergy { float: left; width: 120px; height: 17px; margin-right: 7px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsEnergy .newsEnergyMeter { float: left; width: 60px; height: 100%; margin-right: 7px; background-color: #CCC; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsEnergy .newsEnergyMeter.no { width: auto; }
.newsEnergy .newsEnergyMeter .meter { width: 100%; height: 100%; background-color: #f50050; }
.newsEnergy .fa { margin-right: 5px; font-weight: bold; }
.newsEnergy .num { float: left; height: 100%; background: #FFF; font-weight: bold; font-size: 14px; color: #f50050; -webkit-box-sizing: border-box; box-sizing: border-box; }

.thumbMark { position: absolute; top: 0; left: 0; }
.thumbMark .triangle { display: block; position: absolute; top: 0; left: 0; border: 26px solid transparent; border-left-color: #f50050; border-top-color: #f50050; z-index: 1; }
.thumbMark .text { position: absolute; top: 0; left: 0; width: 52px; height: 52px; line-height: 28px; font-size: 11px; text-align: center; color: #FFF; z-index: 1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/*---------------------------------------------- webフォント --------------------------------------------*/
.fa-caret-down { margin-left: 5px; }

.fa-twitter { color: #67AEEB; }

.fa-angle-left, .fa-angle-right { width: 7px; height: 16px; font-size: 16px; }

.fa-angle-left { margin-right: 3px; }

.fa-angle-right { margin-left: 3px; }

.fa-plus { width: 12px; height: 12px; }

.fa-file-text-o, .fa-user { margin-right: 3px; }

#adBottom, #adTopBig { margin: 0; text-align: center; }

#adTopBig { width: 1000px; margin: 0 auto; }

#adBottom > div, #adTopBig > div { display: inline-block; }

#adTopMovieWrap { width: 100%; }
#adTopMovieWrap .movieTitle { padding: 0 10px; height: 32px; line-height: 32px; overflow: hidden; color: #FFF; text-overflow: ellipsis; white-space: nowrap; background-color: #1b1b1b; font-weight: bold; font-size: 16px; -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.68); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.68); }
#adTopMovieWrap #adTopMovie { width: 100%; height: 211px; background-color: #FBFBFB; overflow: hidden; }
#adTopMovieWrap iframe { width: 100% !important; height: 100% !important; }

#adTop { width: 1000px; height: 90px; margin: 0 auto; padding: 5px 0; background-color: #F2F2F2; }
#adTop > div { width: 728px; height: 90px; margin: 0 auto; overflow: hidden; }

#adBottom { margin: 0; height: 0; }

#adRect { width: 300px; margin-bottom: 5px; }

.adPremium { margin-bottom: 5px; }
.adPremium ul > li { margin-top: 6px; width: 300px; }
.adPremium ul > li:first-child { margin-top: 10px; }
.adPremium ul > li > a { display: block; width: 300px; height: 60px; }

.adNative { width: 480px; height: 101px !important; overflow: hidden; background: #fefedc; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-bottom: 1px dotted #CCC; }
.adNative iframe { width: 100% !important; height: 102px !important; }

.adTopNewsWrap { background-color: #FFF; padding: 8px 0 0; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }

.adTopNews { text-align: center; width: 468px; margin: 0 auto; background-color: #FFF; }

#adLeftFixed { width: 300px; height: 250px; line-height: 250px; }

#adRightCol { width: 300px; height: 60px; line-height: 60px; margin-bottom: 5px; }

#adSideStandard { background-color: #fefedc; padding: 10px; margin: 5px 0; -webkit-box-shadow: none; box-shadow: none; }
#adSideStandard li { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #CCC; overflow: hidden; }
#adSideStandard li:first-child { margin: 0; padding: 0; border: none; }
#adSideStandard li a { display: block; font-size: 11px; line-height: 15px; }
#adSideStandard .thumb { float: left; margin-right: 5px; width: 90px; height: 60px; background-color: #F2F2F2; }

#adArticleTop { width: 468px; height: 60px; line-height: 60px; display: inline-block; margin-bottom: 10px; }

.adArticleBottomWrap { border-top: 1px solid #E5E5E5; padding: 20px; height: 250px; background-color: #FEFEFE; }

.adArticleBottom { display: inline-block; width: 300px; overflow: hidden; }
.adArticleBottom.adBg { background: transparent; }
.adArticleBottom.second { margin-bottom: 0; }

#adRightBgJack, #adLeftBgJack { position: fixed; top: 40px; width: 305px; height: 800px; z-index: 9996; margin-left: -310px; }

#adRightBgJack { margin-left: 995px; }

#adTopStandard { float: right; width: 728px; }
#adTopStandard > ul { background-color: #fefedc; padding: 10px 0; overflow: hidden; }
#adTopStandard > ul > li { float: right; width: 33.3333%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#adTopStandard .thumb { float: left; margin-right: 5px; }
#adTopStandard .title { display: block; font-size: 11px; line-height: 15px; height: 60px; overflow: hidden; }

.adBg { background-color: transparent; }
.adBg:before { display: block; content: '.'; height: 0; visibility: hidden; }

.adTc { text-align: center; }
.adTc.logoOn { text-align: right; }

.adBgOn { background-color: #FFF; }

#adFixedWrap { position: fixed; bottom: -122px; left: 0; width: 100%; height: 90px; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; text-align: center; }
#adFixedWrap.show { bottom: 0; visibility: visible; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#adFixed { position: relative; display: inline-block; width: 975px; line-height: 90px; height: 90px; }
#adFixed .btn { position: absolute; top: -25px; left: 0; width: auto; padding: 0 10px; margin: 0; font-size: 14px; z-index: 9999; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
#adFixed .fa { vertical-align: -0.365em; width: 20px; height: 20px; font-size: 20px; }

#adModalOverLay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); z-index: 9996; }

#adModal { position: absolute; top: 50%; left: 50%; width: 640px; height: 480px; margin: -240px 0 0 -320px; background-color: #FFF; background-image: url(../img/test_pop_up.jpg); border: 3px solid #333; -webkit-background-size: cover; background-size: cover; -webkit-background-position: 50% 50%; background-position: 50% 50%; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.48); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.48); -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.08s linear; transition: all 0.08s linear; z-index: 9997; }
#adModal .adModalClose { position: absolute; top: -28px; right: -24px; background-color: #333; width: 48px; height: 48px; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); cursor: pointer; z-index: 9998; }
#adModal .adModalClose:hover { background-color: #444; }
#adModal .adModalClose .fa { position: relative; top: 6px; left: 1px; font-size: 36px; color: #FFF; }
#adModal .adModalInner { overflow: hidden; width: 100%; height: 100%; }
#adModal .adModalInner .box1 { float: left; width: 50%; height: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#adModal .adModalInner .box2 { float: right; width: 50%; height: 100%; padding: 20px; background-image: url(../img/test_pop_up.jpg); -webkit-background-size: cover; background-size: cover; -webkit-background-position: 50% 50%; background-position: 50% 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#adModal .adModalInner .box3 { position: relative; text-align: center; width: 100%; height: 100%; }
#adModal .adModalInner h2 { font-size: 20px; margin-bottom: .5em; }
#adModal .adModalInner p { line-height: 1.6; margin-bottom: .5em; }
#adModal a.btn { position: absolute; bottom: 40px; left: 50%; margin: 0 0 0 -240px; width: 480px; height: 64px; line-height: 64px; font-size: 24px; background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); }
#adModal a.btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); }
#adModal .siteName { margin-right: .5em; }

#adArticleHeaderBottom { width: 468px; height: 60px; margin-bottom: 14px; }
#adArticleHeaderBottom img:hover { opacity: 0.85; }

.container_temp { width: 990px; margin: 0 auto; }

#header_temp, #content_temp, #footer_temp { width: 100%; }

#header_temp, #footer_temp { color: #333; font-family: 'Helvetica Neue',Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; background-color: #F2F2F2; font-size: 12px; line-height: 18px; }

#footer_temp { background-color: #282829; }

#headerInner_temp, #contentInner_temp, #footerInner_temp { width: 100%; }

#footerInnerTop_temp { padding: 20px 0 0 0; }

#footerInnerMiddle_temp { margin: 30px 0 0; padding: 20px 0; }

#footerInnerBottom_temp { padding: 30px 0 40px; }

#contentWrap_temp { padding: 5px 0; }

#mainContentWrap_temp { float: left; width: 685px; }

#sideContent1 { float: left; width: 200px; }

#sideContent2 { float: right; width: 300px; }

#mainContent { float: right; width: 480px; }

.twoColLayout #mainContent { width: 100%; }
.twoColLayout.comic #mainContent { background-color: #FFF; }
.twoColLayout.comic #mainContent > .inner { padding: 10px 0; }

#bottomHeaderTopContainer_temp { height: 40px; }

#bottomHeaderTopWrap_temp { position: fixed; top: 0; width: 100%; height: 40px; background-color: #1e1e1e; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9999; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); }

#bottomHeaderBottom_temp { position: relative; }

#mediaLogoWrap_temp { position: relative; float: left; height: 40px; }
#mediaLogoWrap_temp:hover { 	/*		@include prefix(border-radius, $border-radius_topVal);
			@include prefix(box-shadow, 0 4px 20px rgba(0,0,0,0.45));
			@include prefix(transition, all 0 linear);
			 #mediaLogo.text a ,
			.fa-caret-down,
			.fa-bars {
				color: #333;
			}

			 #hideContentNavi {
				display: none;
			}
			&:before {
				position: absolute;
				top: 0;
				left: 0;
				content: ' ';
				width: 100%;
				height: 100%;
				background-color: #FFF;
				@include prefix(border-radius, $border-radius_topVal);
				z-index: 9998;
			}
	*/ /*
		#hideContentNaviBtn {
			background-color: #C6C6C6;
			@include prefix(border-radius, $border-radius_allVal);
			cursor: pointer;
			@include prefix(transition, all 0 linear);
			&:hover {
				background-color: #E6E6E6;
			}
			.fa {
				color: #333;
			}
		}
*/ }
#mediaLogoWrap_temp:hover #mediaLogo_temp a { opacity: 0.95; /*
			background: url(/img/logo_media_hover_red.png) center center no-repeat;
*/ }

#mediaLogo_temp { position: relative; float: right; z-index: 9999; height: 40px; }
#mediaLogo_temp a { position: relative; display: block; width: 136px; height: 40px; background: url("/img/logo_media_red.png") 4px 1px no-repeat; text-indent: -9999px; font-weight: normal; }
#mediaLogo_temp a:hover { text-decoration: none; }
#mediaLogo_temp.text .logo { line-height: 42px; margin: 0; }
#mediaLogo_temp.text a { background-image: none; text-indent: 1px; color: #BBB; font-size: 18px; font-weight: bold; height: 44px; }

#hideContentNaviBtn_temp { position: relative; padding: 13px 6px 6px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; z-index: 9999; cursor: pointer; background-color: #F8F8F8; }
#hideContentNaviBtn_temp:hover { background-color: #FFF; }
#hideContentNaviBtn_temp .notified { position: absolute; top: 4px; right: 2px; padding: 0 2px; min-width: 12px; line-height: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: -20px; background-color: #FE0000; color: #FFF; font-size: 11px; text-align: center; z-index: 1; }
#hideContentNaviBtn_temp .fa { float: left; color: #333; }
#hideContentNaviBtn_temp .fa-bars { position: relative; bottom: 2px; left: 6px; font-size: 20px; }
#hideContentNaviBtn_temp .fa-caret-down { position: relative; bottom: -4px; left: 3px; font-size: 12px; margin-left: 5px; }

#contentLogo a { display: block; color: #333; }
#contentLogo a:hover { text-decoration: none; }
#contentLogo .serviceName { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#contentLogo .subTitle { font-weight: normal; font-size: 11px; color: #999; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.arcadeLayout #contentLogo .subTitle { color: #B22F28; text-align: center; font-size: 8px; font-weight: bold; }
.arcadeLayout .serviceName { display: block; width: 148px; }
.arcadeLayout #hideContentLogo.show { bottom: -60px; }
.arcadeLayout #hideContentLogo .subTitle { color: #B22F28; text-align: center; font-size: 8px; font-weight: bold; }

.onlineLayout #contentLogo .subTitle { color: #1E8041; font-size: 8px; font-weight: bold; }
.onlineLayout #contentLogoArea { width: 200px; }
.onlineLayout #contentHeader .subArea { width: 770px; }

.eventLayout #contentLogo .subTitle { font-size: 11px; color: #999; }
.eventLayout #contentHeader .subArea { height: 36px; }

.saleRankingLayout #contentLogo .serviceName { display: block; font-size: 16px; height: 18px; line-height: 18px; margin-bottom: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.saleRankingLayout #contentLogo .subTitle { font-size: 11px; color: #999; }

.communityLayout #contentLogo { margin: 15px 0 0 0; }
.communityLayout #contentLogo .subTitle { color: #697F87; display: block; font-size: 11px; margin-bottom: 3px; }
.communityLayout #hideContentLogo .subTitle { color: #697F87; display: block; font-size: 11px; margin-bottom: 3px; }

#hideContentLogo { position: absolute; bottom: 0; padding: 5px 10px; width: 180px; height: 48px; opacity: 0; visibility: hidden; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #FFF; border: 1px solid #DBDBDB; border-top: none; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18); }
#hideContentLogo a { display: block; }
#hideContentLogo a:hover { text-decoration: none; }
#hideContentLogo.show { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#hideContentLogo img { max-width: 100%; height: auto; }
#hideContentLogo.career a { font-size: 24px; color: #FE0000; font-weight: bold; }
#hideContentLogo.career .subTitle { display: block; margin-top: 6px; color: #333; font-size: 11px; font-weight: bold; }

#hideContentNaviWrap_temp { position: relative; float: left; height: 40px; margin-right: 10px; }
#hideContentNaviWrap_temp:hover #hideContentNavi_temp { visibility: visible; opacity: 1; }

#hideContentNavi_temp { visibility: hidden; opacity: 0; position: absolute; top: 40px; left: 0; width: 640px; height: 510px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 10px; background-color: #F8F8F8; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9997; -webkit-transition: all 0.08s ease; transition: all 0.08s ease; text-align: left; }
#hideContentNavi_temp a { color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#hideContentNavi_temp a:hover { text-decoration: none; background-color: #F2F2F2; color: #333; }
#hideContentNavi_temp:before { position: absolute; content: ''; top: -8px; left: 16px; border: 4px solid transparent; border-bottom-color: #FFF; }
#hideContentNavi_temp .iconNavi { left: 10px; }
#hideContentNavi_temp .scrollOn { -webkit-overflow-scrolling: touch; overflow-y: scroll; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar { overflow: hidden; width: 5px; background: #E6E7E8; -webkit-border-radius: 3px; border-radius: 3px; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar:horizontal { height: 5px; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar-button { display: none; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar-piece { background: #E6E7E8; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar-piece:start { background: #E6E7E8; }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar-thumb { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
#hideContentNavi_temp .scrollOn::-webkit-scrollbar-corner { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
#hideContentNavi_temp .headerNavi > span, #hideContentNavi_temp .headerNavi > a { position: relative; padding: 0 10px; display: block; height: 26px; line-height: 26px; background-color: #CCC; font-size: 14px; color: #FFF; }
#hideContentNavi_temp .headerNavi > a .fa { position: absolute; top: 50%; right: 10px; color: #FFF; margin-top: -12px; font-size: 24px; font-weight: bold; }
#hideContentNavi_temp.headerNavi a:hover { text-decoration: none; background-color: #D2D2D2; }
#hideContentNavi_temp .level1 { height: 480px; margin-right: -10px; margin-left: 205px; overflow: visible; }
#hideContentNavi_temp .level1:first-child { float: left; margin: 0 5px 5px 0; }
#hideContentNavi_temp .level1:first-child > li { float: none; margin: 0; }
#hideContentNavi_temp .level1 > li { float: left; width: 205px; margin-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#hideContentNavi_temp .level1:first-child > li { margin: 5px  0 0 0; }
#hideContentNavi_temp .level1:first-child > li .level2 > li:nth-child(odd) { border-right: 1px dotted #CCC; -webkit-box-sizing: border-box; box-sizing: border-box; }
#hideContentNavi_temp .level1:first-child > li:first-child { margin: 0; }
#hideContentNavi_temp .level1:last-child > li:last-child { margin: 10px 0 0 0; }
#hideContentNavi_temp .level2 { background-color: #FFF; overflow: hidden; border: 1px solid #E5E5E5; border-top: none; }
#hideContentNavi_temp .level2 > li { border-bottom: 1px dotted #CCC; }
#hideContentNavi_temp .level2 > li:last-child { border-bottom: none; }
#hideContentNavi_temp .level2 a { padding: 6px 12px; font-size: 13px; }
#hideContentNavi_temp .newMark { position: absolute; top: 50%; right: 8px; margin-top: -9px; color: #FE0000; font-size: 12px; }

#headerNaviNews.headerNavi > a { background-color: #36649f; border-bottom: 2px solid #25416e; }
#headerNaviNews.headerNavi > a:hover { background-color: #4171ae; border-bottom: 2px solid #305185; }
#headerNaviNews .level2 a { font-size: 13px; }
#headerNaviNews .level2 > li { float: left; width: 50%; }

#headerNaviGameSchedule.headerNavi > a { background-color: #65a435; border-bottom: 2px solid #366d19; }
#headerNaviGameSchedule.headerNavi > a:hover { background-color: #7bbb49; border-bottom: 2px solid #5a9836; }
#headerNaviGameSchedule .level2 a { font-size: 13px; }
#headerNaviGameSchedule .level2 > li { float: left; width: 50%; }
#headerNaviGameSchedule .level2 > li:nth-last-child(2) { border-bottom: none; }

#headerNaviCommunity.headerNavi > a { background-color: #aa4678; border-bottom: 2px solid #873259; }
#headerNaviCommunity.headerNavi > a:hover { background-color: #be5b8c; border-bottom: 2px solid #9f406c; }
#headerNaviCommunity .level2 a { font-size: 13px; }
#headerNaviCommunity .level2 > li { float: left; width: 50%; }
#headerNaviCommunity .level2 > li:nth-last-child(2) { border-bottom: none; }

#headerNaviPlan { height: 480px; background-color: #E6E7E8; }
#headerNaviPlan.headerNavi > span { background-color: #387f7f; border-bottom: 2px solid #215d5b; }
#headerNaviPlan.headerNavi > a { background-color: #387f7f; border-bottom: 2px solid #215d5b; }
#headerNaviPlan.headerNavi > a:hover { background-color: #4a9797; border-bottom: 2px solid #307b78; }
#headerNaviPlan .level2 a { position: relative; font-size: 12px; padding: 4px 8px; text-align: left; }
#headerNaviPlan .level2 a:visited { color: #999; }
#headerNaviPlan .level2 a.newMarkOn { padding-right: 32px !important; }
#headerNaviPlan .level2 a.iconOff { padding: 5px 10px 10px !important; }
#headerNaviPlan .level2 > li { border-top: 1px dotted #CCC; border-bottom: none; }
#headerNaviPlan .level2 > li:first-child { border: none; }
#headerNaviPlan img { max-width: 100%; height: auto; }

#headerNaviBlog { height: 368px; background-color: #E6E7E8; }
#headerNaviBlog.headerNavi > span { background-color: #b85959; border-bottom: 2px solid #a23c3c; }
#headerNaviBlog.headerNavi > a { background-color: #b85959; border-bottom: 2px solid #a23c3c; }
#headerNaviBlog.headerNavi > a:hover { background-color: #ce6c6c; border-bottom: 2px solid #bd5050; }
#headerNaviBlog .level2 a { position: relative; font-size: 12px; padding: 4px 8px; text-align: left; }
#headerNaviBlog .level2 a:visited { color: #999; }
#headerNaviBlog .level2 a.newMarkOn { padding-right: 32px !important; }
#headerNaviBlog .level2 a.iconOff { padding: 5px 10px 10px !important; }
#headerNaviBlog .level2 > li { border-top: 1px dotted #CCC; border-bottom: none; }
#headerNaviBlog .level2 > li:first-child { border: none; }
#headerNaviBlog img { max-width: 100%; height: auto; }

#headerNaviComic { height: 102px; background-color: #E6E7E8; }
#headerNaviComic.headerNavi > span { background-color: #c6954b; border-bottom: 2px solid #b7742b; }
#headerNaviComic.headerNavi > a { background-color: #c6954b; border-bottom: 2px solid #b7742b; }
#headerNaviComic.headerNavi > a:hover { background-color: #cfa15b; border-bottom: 2px solid #c9853c; }
#headerNaviComic .level2 a { position: relative; font-size: 12px; padding: 4px 8px; text-align: left; }
#headerNaviComic .level2 a:visited { color: #999; }
#headerNaviComic .level2 a.newMarkOn { padding-right: 32px !important; }
#headerNaviComic .level2 a.iconOff { padding: 5px 10px 10px !important; }
#headerNaviComic .level2 > li { border-top: 1px dotted #CCC; border-bottom: none; }
#headerNaviComic .level2 > li:first-child { border: none; }
#headerNaviComic img { max-width: 100%; height: auto; }

#serviceHeader { border-top: 1px solid #DBDBDB; overflow: hidden; }

#contentNavi_temp { float: right; }
#contentNavi_temp > ul > li { float: left; }
#contentNavi_temp > ul > li:first-child span { border: none; }
#contentNavi_temp > ul > li > a { display: block; text-align: center; font-weight: bold; height: 40px; line-height: 40px; font-size: 13px; border-bottom: 0 solid; color: #EEE; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.13s ease-in-out; transition: all 0.13s ease-in-out; }
#contentNavi_temp > ul > li > a:hover { text-decoration: none; color: #FFF; }
#contentNavi_temp > ul > li > a > span { padding: 0 8px; }

#mainContentNaviContainer_temp { height: 40px; margin-bottom: 5px; }

#mainContentNaviWrap_temp { position: relative; width: 100%; height: 40px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9998; -webkit-box-sizing: border-box; box-sizing: border-box; }

#mainContentNavi_temp { padding: 5px; background-color: #262626; height: 40px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mainContentNavi_temp > li { float: left; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainContentNavi_temp > li:hover .subMenu { opacity: 1; visibility: visible; }
#mainContentNavi_temp > li:last-child:hover span { background-color: #FFF; color: #333; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
#mainContentNavi_temp > li > span, #mainContentNavi_temp > li > a { position: relative; display: inline-block; min-width: 72px; line-height: 30px; height: 30px; text-align: center; color: #FFF; font-size: 14px; padding: 0 4px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mainContentNavi_temp > li > span:hover, #mainContentNavi_temp > li > a:hover { text-decoration: none; }
#mainContentNavi_temp > li > span.longWord, #mainContentNavi_temp > li > a.longWord { width: 92px; }
#mainContentNavi_temp .subMenu { position: relative; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; position: absolute; top: 30px; right: 0; padding: 10px; width: 340px; height: 470px; -webkit-overflow-scrolling: touch; overflow-y: auto; border: 1px solid  #EEE; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); background-color: #FFF; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar { overflow: hidden; width: 5px; background: #E6E7E8; -webkit-border-radius: 3px; border-radius: 3px; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar:horizontal { height: 5px; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar-button { display: none; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar-piece { background: #E6E7E8; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar-piece:start { background: #E6E7E8; }
#mainContentNavi_temp .subMenu::-webkit-scrollbar-thumb { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
#mainContentNavi_temp .subMenu::-webkit-scrollbar-corner { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
#mainContentNavi_temp .subMenu li { float: left; width: 50%; }
#mainContentNavi_temp .subMenu li.current a { background-color: #E6E6E6; }
#mainContentNavi_temp .subMenu a { color: #333; display: block; padding: 0 5px; height: 32px; line-height: 32px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mainContentNavi_temp .subMenu a:hover { background-color: #E6E6E6; text-decoration: none; color: #333; }
#mainContentNavi_temp .deviceName { margin-right: 5px; }
#mainContentNavi_temp .relationContent { position: relative; border-top: 1px solid #D6D6D6; margin: 15px 0 0 0; padding: 15px 0 0 0; }
#mainContentNavi_temp .relationContent .message { position: absolute; top: -9px; left: 15px; width: 100%; height: 14px; height: 14px; color: #BBB; font-size: 11px; font-weight: normal; }
#mainContentNavi_temp .relationContent .message span { background-color: #FFF; padding: 0 5px; }

#subContentNaviContainer_temp { height: 36px; }

#subContentNaviWrap_temp { height: 36px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9997; }

#subContentNavi_temp { background-color: #FFF; border: 1px solid #E5E5E5; border-top: none; }
#subContentNavi_temp > li { float: left; }
#subContentNavi_temp > li > a { display: block; color: #333; padding: 0 8px; height: 36px; line-height: 36px; min-width: 72px; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
#subContentNavi_temp > li > a:hover { text-decoration: none; border-bottom-width: 3px; border-bottom-style: solid; }
#subContentNavi_temp > li.current a { border-bottom-width: 3px; border-bottom-style: solid; font-weight: bold; }

#siteLinkCollection_temp > ul { margin-top: 30px; }
#siteLinkCollection_temp > ul::first-child { margin: 0; }
#siteLinkCollection_temp > ul > li { float: left; width: 165px; }
#siteLinkCollection_temp dt { font-weight: bold; font-size: 14px; color: #FFF; margin-bottom: 10px; line-height: 1; text-align: left; }
#siteLinkCollection_temp .menu li { margin-top: 5px; text-align: left; }
#siteLinkCollection_temp .menu li:first-child { margin-top: 0; }
#siteLinkCollection_temp .menu a { color: #D8D8D8; font-size: 12px; }
#siteLinkCollection_temp .menu a:hover { color: #FFF; text-decoration: none; }

#copyRight_temp { text-align: center; color: #FFF; font-size: 12px; }
#copyRight_temp p { text-align: center; }

#commonFooterSocial_temp { text-align: center; }
#commonFooterSocial_temp ul { display: inline-block; }
#commonFooterSocial_temp ul > li { float: left; width: 258px; margin-left: 40px; }
#commonFooterSocial_temp ul > li:first-child { margin: 0; }
#commonFooterSocial_temp ul > li > a { display: block; background: #F2F2F2; border: 3px solid #CCC; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-size: 14px; font-weight: bold; padding: 10px; overflow: hidden; line-height: 22px; }
#commonFooterSocial_temp ul > li > a:hover { text-decoration: none; }
#commonFooterSocial_temp ul > li.twitter a { border-color: #297BBC; background-color: #59ACEE; color: #FFF; }
#commonFooterSocial_temp ul > li.twitter a:hover { border-color: #2a7bbd; background-color: #6eb7f2; color: #FFF; }
#commonFooterSocial_temp ul > li.facebook a { border-color: #203B72; background-color: #3B5998; color: #FFF; }
#commonFooterSocial_temp ul > li.facebook a:hover { border-color: #203B72; background-color: #5072bc; color: #FFF; }
#commonFooterSocial_temp ul > li.rss a { border-color: #CC6711; background-color: #F38120; color: #FFF; }
#commonFooterSocial_temp ul > li.rss a:hover { border-color: #CC6711; background-color: #f5913a; color: #FFF; }
#commonFooterSocial_temp .iconFSocial { float: left; display: block; width: 46px; height: 46px; background-color: #CCC; -webkit-border-radius: 5px; border-radius: 5px; }
#commonFooterSocial_temp .comment { display: block; padding: 2px 0 0 0; text-align: left; margin-left: 58px; }

#sideFamitsuAccount { padding: 0 0 5px; }
#sideFamitsuAccount ul { margin-right: -5px; }
#sideFamitsuAccount ul li { float: left; margin-right: 5px; }
#sideFamitsuAccount .block { position: relative; display: block; width: 147px; height: 44px; color: #FFF; padding: 3px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; }
#sideFamitsuAccount .block .text { display: block; text-align: center; font-weight: bold; font-size: 12px; }
#sideFamitsuAccount .block .text:first-child { font-size: 16px; }
#sideFamitsuAccount .block:hover { text-decoration: none; }
#sideFamitsuAccount .twitter { border: 2px solid #297BBC; background-color: #59ACEE; }
#sideFamitsuAccount .twitter:hover { border-color: #2a7bbd; background-color: #6eb7f2; }
#sideFamitsuAccount .facebook { border: 2px solid #203B72; background-color: #3B5998; }
#sideFamitsuAccount .facebook:hover { border-color: #203B72; background-color: #5072bc; }

#rightSideGameSchedule { background-color: #FFF; -webkit-box-shadow: none; box-shadow: none; }
#rightSideGameSchedule .relationLinkBox h3 { background-color: #333; padding: 8px; font-size: 15px; color: #FFF; }
#rightSideGameSchedule .relationLinkBox h3 .fa { margin-right: 5px; }
#rightSideGameSchedule .all { float: right; margin: -3px 0 0 0; font-weight: bold; font-size: 14px; height: 24px; line-height: 24px; color: #333; padding: 0 7px; text-align: center; background-color: #E8E8E8; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: -moz-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8E8E8), color-stop(100%, #E8E8E8)); background: -webkit-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%); background: -o-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%); background: linear-gradient(to bottom, #E8E8E8 0%, #E8E8E8 100%); }
#rightSideGameSchedule ul { overflow: hidden; padding: 4px 0; margin-right: -8px; }
#rightSideGameSchedule ul > li { float: left; width: 66px; margin: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#rightSideGameSchedule ul > li > a { display: block; font-size: 16px; height: 32px; line-height: 32px; border: none; color: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#rightSideGameSchedule ul > li > a.btnPs4 { background: -moz-linear-gradient(top, #2d549c 0%, #2d549c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d549c), color-stop(100%, #2d549c)); background: -webkit-linear-gradient(top, #2d549c 0%, #2d549c 100%); background: -o-linear-gradient(top, #2d549c 0%, #2d549c 100%); background: linear-gradient(to bottom, #2d549c 0%, #2d549c 100%); }
#rightSideGameSchedule ul > li > a.btnPs4:hover { background: -moz-linear-gradient(top, #3C67B5 0%, #3C67B5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C67B5), color-stop(100%, #3C67B5)); background: -webkit-linear-gradient(top, #2d549c 0%, #3C67B5 100%); background: -o-linear-gradient(top, #3C67B5 0%, #3C67B5 100%); background: linear-gradient(to bottom, #3C67B5 0%, #3C67B5 100%); }
#rightSideGameSchedule ul > li > a.btnPs3 { background: -moz-linear-gradient(top, #666f81 0%, #666f81 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666f81), color-stop(100%, #666f81)); background: -webkit-linear-gradient(top, #666f81 0%, #666f81 100%); background: -o-linear-gradient(top, #666f81 0%, #666f81 100%); background: linear-gradient(to bottom, #666f81 0%, #666f81 100%); }
#rightSideGameSchedule ul > li > a.btnPs3:hover { background: -moz-linear-gradient(top, #838A97 0%, #838A97 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838A97), color-stop(100%, #838A97)); background: -webkit-linear-gradient(top, #838A97 0%, #838A97 100%); background: -o-linear-gradient(top, #838A97 0%, #838A97 100%); background: linear-gradient(to bottom, #838A97 0%, #838A97 100%); }
#rightSideGameSchedule ul > li > a.btnPsv { background: -moz-linear-gradient(top, #4A8C9F 0%, #4A8C9F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4A8C9F), color-stop(100%, #4A8C9F)); background: -webkit-linear-gradient(top, #4A8C9F 0%, #4A8C9F 100%); background: -o-linear-gradient(top, #4A8C9F 0%, #4A8C9F 100%); background: linear-gradient(to bottom, #4A8C9F 0%, #4A8C9F 100%); }
#rightSideGameSchedule ul > li > a.btnPsv:hover { background: -moz-linear-gradient(top, #5FA6BB 0%, #5FA6BB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5FA6BB), color-stop(100%, #5FA6BB)); background: -webkit-linear-gradient(top, #5FA6BB 0%, #5FA6BB 100%); background: -o-linear-gradient(top, #5FA6BB 0%, #5FA6BB 100%); background: linear-gradient(to bottom, #5FA6BB 0%, #5FA6BB 100%); }
#rightSideGameSchedule ul > li > a.btn3ds { background: -moz-linear-gradient(top, #9F504D 0%, #9F504D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9F504D), color-stop(100%, #9F504D)); background: -webkit-linear-gradient(top, #9F504D 0%, #9F504D 100%); background: -o-linear-gradient(top, #9F504D 0%, #9F504D 100%); background: linear-gradient(to bottom, #9F504D 0%, #9F504D 100%); }
#rightSideGameSchedule ul > li > a.btn3ds:hover { background: -moz-linear-gradient(top, #BC6563 0%, #BC6563 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BC6563), color-stop(100%, #BC6563)); background: -webkit-linear-gradient(top, #BC6563 0%, #BC6563 100%); background: -o-linear-gradient(top, #BC6563 0%, #BC6563 100%); background: linear-gradient(to bottom, #BC6563 0%, #BC6563 100%); }
#rightSideGameSchedule ul > li > a.btnPsp { background: -moz-linear-gradient(top, #5d9fb1 0%, #5d9fb1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d9fb1), color-stop(100%, #5d9fb1)); background: -webkit-linear-gradient(top, #5d9fb1 0%, #5d9fb1 100%); background: -o-linear-gradient(top, #5d9fb1 0%, #5d9fb1 100%); background: linear-gradient(to bottom, #5d9fb1 0%, #5d9fb1 100%); }
#rightSideGameSchedule ul > li > a.btnPsp:hover { background: -moz-linear-gradient(top, #76B6C8 0%, #76B6C8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76B6C8), color-stop(100%, #76B6C8)); background: -webkit-linear-gradient(top, #76B6C8 0%, #76B6C8 100%); background: -o-linear-gradient(top, #76B6C8 0%, #76B6C8 100%); background: linear-gradient(to bottom, #76B6C8 0%, #76B6C8 100%); }
#rightSideGameSchedule ul > li > a.btnXboxone { background: -moz-linear-gradient(top, #497A56 0%, #497A56 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #497A56), color-stop(100%, #497A56)); background: -webkit-linear-gradient(top, #497A56 0%, #497A56 100%); background: -o-linear-gradient(top, #497A56 0%, #497A56 100%); background: linear-gradient(to bottom, #497A56 0%, #497A56 100%); }
#rightSideGameSchedule ul > li > a.btnXboxone:hover { background: -moz-linear-gradient(top, #62916E 0%, #62916E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62916E), color-stop(100%, #62916E)); background: -webkit-linear-gradient(top, #62916E 0%, #62916E 100%); background: -o-linear-gradient(top, #62916E 0%, #62916E 100%); background: linear-gradient(to bottom, #62916E 0%, #62916E 100%); }
#rightSideGameSchedule ul > li > a.btnXbox360 { background: -moz-linear-gradient(top, #6CA63F 0%, #6CA63F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6CA63F), color-stop(100%, #6CA63F)); background: -webkit-linear-gradient(top, #6CA63F 0%, #6CA63F 100%); background: -o-linear-gradient(top, #6CA63F 0%, #6CA63F 100%); background: linear-gradient(to bottom, #6CA63F 0%, #6CA63F 100%); }
#rightSideGameSchedule ul > li > a.btnXbox360:hover { background: -moz-linear-gradient(top, #7ABB4A 0%, #7ABB4A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ABB4A), color-stop(100%, #7ABB4A)); background: -webkit-linear-gradient(top, #7ABB4A 0%, #7ABB4A 100%); background: -o-linear-gradient(top, #7ABB4A 0%, #7ABB4A 100%); background: linear-gradient(to bottom, #7ABB4A 0%, #7ABB4A 100%); }
#rightSideGameSchedule ul > li > a.btnWiiu { background: -moz-linear-gradient(top, #518DB2 0%, #518DB2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #518DB2), color-stop(100%, #518DB2)); background: -webkit-linear-gradient(top, #518DB2 0%, #518DB2 100%); background: -o-linear-gradient(top, #518DB2 0%, #518DB2 100%); background: linear-gradient(to bottom, #518DB2 0%, #518DB2 100%); }
#rightSideGameSchedule ul > li > a.btnWiiu:hover { background: -moz-linear-gradient(top, #6BA8CE 0%, #6BA8CE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6BA8CE), color-stop(100%, #6BA8CE)); background: -webkit-linear-gradient(top, #6BA8CE 0%, #6BA8CE 100%); background: -o-linear-gradient(top, #6BA8CE 0%, #6BA8CE 100%); background: linear-gradient(to bottom, #6BA8CE 0%, #6BA8CE 100%); }

#dailyPvRanking, #weeklyPvRanking { margin-bottom: 5px; }

.pvRanking { background-color: #FFF; border: 1px solid #E5E5E5; -webkit-box-shadow: none; box-shadow: none; }
.pvRanking .content { position: relative; }
.pvRanking .rankNo { position: absolute; top: 50%; left: 10px; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #666; background-color: #E6E6E6; font-size: 16px; z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; }
.pvRanking h3 { font-size: 16px; padding: 12px 10px 2px; font-weight: bold; }
.pvRanking .descText { color: #999; font-size: 12px; padding: 0 10px; margin-bottom: 4px; }
.pvRanking .articleTitle { font-weight: normal; }
.pvRanking .articleTitle a { padding: 8px 10px 8px 52px; min-height: 32px; font-size: 13px; color: #333; display: block; }
.pvRanking .articleTitle a:hover { text-decoration: none; background-color: #FCFCFC; }

#retweetRanking { margin-bottom: 5px; background-color: #FFF; -webkit-box-shadow: none; box-shadow: none; }
#retweetRanking .content { position: relative; }
#retweetRanking .rankNo { position: absolute; top: 50%; left: 10px; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #666; background-color: #E6E6E6; font-size: 16px; z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; }
#retweetRanking h3 { font-size: 16px; font-weight: bold; padding: 12px 10px 2px; }
#retweetRanking .descText { color: #999; font-size: 12px; padding: 0 10px; margin-bottom: 4px; }
#retweetRanking .articleTitle { font-weight: normal; }
#retweetRanking .articleTitle a { padding: 8px 10px 8px 52px; min-height: 32px; font-size: 13px; color: #333; display: block; }
#retweetRanking .articleTitle a:hover { text-decoration: none; background-color: #FCFCFC; }

#sidePvRanking { margin: 5px 0; background-color: #FFF; -webkit-box-shadow: none; box-shadow: none; }
#sidePvRanking .content { position: relative; }
#sidePvRanking .rankNo { position: absolute; top: 50%; left: 10px; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #666; background-color: #E6E6E6; font-size: 16px; z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; }
#sidePvRanking h3 { font-size: 16px; font-weight: bold; padding: 12px 8px 2px; }
#sidePvRanking .descText { color: #999; font-size: 12px; padding: 0 10px 4px; }
#sidePvRanking .articleTitle { font-weight: normal; font-size: 13px; line-height: 18px; }
#sidePvRanking .articleTitle a { padding: 8px 10px 8px 52px; color: #333; display: block; }
#sidePvRanking .articleTitle a:hover { text-decoration: none; background-color: #FCFCFC; }

#sideRetweetRanking { margin: 5px 0; background-color: #FFF; }
#sideRetweetRanking .content { position: relative; }
#sideRetweetRanking .rankNo { position: absolute; top: 50%; left: 10px; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #666; background-color: #E6E6E6; font-size: 16px; z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; }
#sideRetweetRanking h3 { font-size: 16px; font-weight: bold; padding: 12px 10px 2px; }
#sideRetweetRanking .descText { color: #999; font-size: 12px; padding: 0 10px 4px; }
#sideRetweetRanking .articleTitle { font-weight: normal; font-size: 13px; line-height: 18px; }
#sideRetweetRanking .articleTitle a { padding: 8px 10px 8px 52px; color: #333; display: block; }
#sideRetweetRanking .articleTitle a:hover { text-decoration: none; background-color: #FCFCFC; }

.pvRankingList > li { border-bottom: 1px dotted #CCC; overflow: hidden; }
.pvRankingList > li:first-child { border-top: 1px dotted #CCC; }
.pvRankingList > li:last-child { margin: 0; border: none; }

.retweetRankingList > li { border-bottom: 1px dotted #CCC; overflow: hidden; }
.retweetRankingList > li:first-child { border-top: 1px dotted #CCC; }
.retweetRankingList > li:last-child { margin: 0; border: none; }

.sidePvRankingList > li { border-bottom: 1px dotted #CCC; overflow: hidden; }
.sidePvRankingList > li:first-child { border-top: 1px dotted #CCC; }
.sidePvRankingList > li:last-child { margin: 0; border: none; }

.sideRetweetRankingList > li { border-bottom: 1px dotted #CCC; overflow: hidden; }
.sideRetweetRankingList > li:first-child { border-top: 1px dotted #CCC; }
.sideRetweetRankingList > li:last-child { margin: 0; border: none; }

.categoryIndicator .ellipsis { display: block; background-color: #DDD; color: #333; height: 16px; line-height: 16px; font-size: 11px; padding: 0 5px; border-right: 3px; }
.categoryIndicator .ellipsis:hover { background-color: #EEE; text-decoration: none; }
.categoryIndicator li { float: left; padding: 0 6px 7px 0; display: inline; }
.categoryIndicator a { display: block; height: 16px; line-height: 16px; font-size: 11px; background-color: #F2F2F2; -webkit-border-radius: 2px; border-radius: 2px; }
.categoryIndicator a:hover { text-decoration: none; }
.categoryIndicator span { display: block; height: 16px; line-height: 16px; padding: 0 3px; }

.categoryClose { margin-left: 5px; font-size: 12px; }
.categoryClose .fa { width: 12px; height: 12px; font-size: 14px; color: #999; padding-right: 5px; }

.cgy { color: #666; }

.cgyMovie { color: #397895; }

.cgyAnime { color: #DB8926; }

.cgyEvent { color: #B0AEAB; }

.cgyInterview { color: #C77C7A; }

.cgySpecial { color: #BF7093; }

.cgyBlog { color: #BDA96D; }

.cgyImp { color: #445995; }

.cgyGame { color: #336699; }

.cgyNews { color: #207549; }

.cgySpecial { color: #A15E11; }

.cgyPs2 { color: #3F699C; }

.cgyPs3 { color: #5E687B; }

.cgyPsp { color: #3291A3; }

.cgyPsv { color: #3060DA; }

.cgyWii { color: #91A1AF; }

.cgyWiiU { color: #397895; }

.cgyXbox360 { color: #4FC196; }

.cgy3ds { color: #BD6465; }

.cgyArcade { color: #A15E11; }

.cgyIos { color: #99B1C4; }

.cgyMobile { color: #DB8926; }

.cgyPc { color: #445995; }

.cgySs { color: #7A8467; }

.cgyWs { color: #955040; }

.cgyXbox { color: #207549; }

.cgy3do { color: #424C60; }

.cgy64 { color: #8DAD78; }

.cgyDc { color: #E3A13C; }

.cgyFc { color: #D5BBAB; }

.cgyGlobal { color: #336699; }

.cgyGb { color: #4C4C4C; }

.cgyGg { color: #5E85A3; }

.cgyGba { color: #B0AEAB; }

.cgyCube { color: #9270AF; }

.cgyInfo { color: #AD7656; }

.cgyPlan { color: #DB8926; }

.cgyMd { color: #787878; }

.cgyMsx { color: #406A91; }

.cgyds { color: #EF8F95; }

.cgyNg { color: #959595; }

.cgyNgp { color: #BDA96D; }

.cgyPce { color: #AAA78D; }

.cgyPs { color: #AAA78D; }

.cgySfc { color: #C77C7A; }

.cgySms { color: #689CC3; }

.cgyPcfx { color: #BF7093; }

.cgyPs4 { color: #5C7ABD; }

.cgyXboxone { color: #2A7466; }

.clearfix:after { content: ' '; display: block; clear: both; }

.clearfix { zoom: 1; }

.contentWrap { background-color: #FFF; padding: 10px; }

#pageTopBack { position: fixed; bottom: 20px; right: 20px; border: 3px solid #666; color: #666; width: 64px; height: 64px; line-height: 61px; background-color: rgba(255, 255, 255, 0.85); -webkit-border-radius: 3px; border-radius: 3px; text-align: center; font-weight: bold; cursor: pointer; z-index: 10000; }
#pageTopBack span { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-top: 3px solid #666; width: 30px; height: 30px; }
#pageTopBack .fa { position: absolute; top: 0; left: 0; color: #666; font-size: 30px; width: 30px; }

#siteInsideSearch { margin-bottom: 5px; }
#siteInsideSearch form { position: relative; margin-bottom: 5px; }
#siteInsideSearch input { width: 240px; height: 40px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-right: none; }
#siteInsideSearch button[type="submit"] { position: absolute; top: 0; right: 0; width: 60px; height: 40px; border: 1px solid #CCC; padding: 0; cursor: pointer; background: #FBFBFB; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
#siteInsideSearch button[type="submit"] .fa { position: relative; top: 0; left: -1px; font-size: 18px; color: #333; }
#siteInsideSearch button[type="submit"]:hover { background-color: #EEE; }

.socialBtn .twitterBtn { width: 116px; float: left; }
.socialBtn .ballon { position: relative; float: right; padding: 0 5px; display: inline-block; border: 1px solid #CCC; margin-left: 7px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; height: 18px; line-height: 18px; background-color: #FFF; text-align: center; font-weight: normal; font-size: 11px; }
.socialBtn .ballon:before { content: ' '; position: absolute; top: 50%; left: -9px; margin-top: -4px; border: 4px solid transparent; border-right-color: #AAA; }
.socialBtn .ballon:after { content: ' '; position: absolute; top: 50%; left: -8px; margin-top: -4px; border: 4px solid transparent; border-right-color: #FFF; }

#redirectSp { text-align: center; padding: 20px; }

#changeSmtSite.btn { width: 100%; font-size: 64px; height: 160px; line-height: 160px; margin: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; background-color: #e95a0c; }
#changeSmtSite.btn:hover, #changeSmtSite.btn:active { width: 100%; font-size: 64px; height: 160px; line-height: 160px; margin: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; background-color: #cd510e; }
