@charset "utf-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ 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;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {/*background-color:#ff9;*//*color:#000;text-decoration:none;*/}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;} /* 全ファイル共用スタイル （タグ初期化、汎用スタイル、ヘッダー、フッター、グローバルナビなどを定義） このCSSファイルは以下のセクションに分類されています。 ・タグ初期化 ・汎用スタイル ・clearFix ・個別スタイル */ /* フォントサイズ対応表（デフォルトでsmall（13px相当）に指定） 80% = 10px 90% = 12px 100% = 13px 110% = 14px 120% = 16px 140% = 18px 150% = 20px 170% = 24px */ /* *********************************************************************************************************/ /* タグ初期化 **********************************************************************************************/ /* *********************************************************************************************************/ body,p,h1,h2,h3,h4,h5,h6,dl,dd, dt,li,ul,ol,div,table,td,th,form { padding:0; margin:0; font-family: 'Noto Sans JP', sans-serif; color:#272727; } body { font-size:15px; position:relative; } h1,h2,h3,h4,h5,h6 { font-size:100%; line-height:160%; } p { margin-bottom:1.2em; } p,dd,li { line-height:180%; } li { list-style-type:none; } img,a img { border:none; } a { color:#1c6eae; } a:hover { text-decoration:none; } label { -webkit-transition: all .5s ease; } label:hover { color:#1c6eae; } sup { padding:0; margin:0; line-height:100%; line-height:50%; vertical-align:text-top; } table { border-collapse:collapse; } a,object,embed { outline:none; } input,textarea { -webkit-appearance: none; border:none; border-radius: 0; } /* *********************************************************************************************************/ /* 汎用スタイル ********************************************************************************************/ /* *********************************************************************************************************/ /* レイアウト制御 */ .important { color:#FF0000; } .clear { clear:both; } br.clear { clear:both; height:0; visibility:hidden; font-size:0; line-height:0; display:block; content:"."; } .boxCenter { margin:0 auto 20px; display:block; } .boxLeft { float:left; margin:0 20px 20px 0; } .boxRight { float:right; margin:0 0 20px 20px; } .boxLeftNoMargin { float:left; } .boxRightNoMargin { float:right; } .w130 { width:130px!important; } .w190 { width:190px!important; } .w290 { width:290px!important; } .w400 { width:400px!important; } .w306 { width:306px!important; } .w406 { width:406px!important; } .w434 { width:434px!important; } .w466 { width:466px!important; } .w196 { width:196px!important; } .w616 { width:616px!important; } .swfErrorMessage { border:1px solid #FF0000; padding:10px; margin-top:10px; margin-bottom:10px; } .swfErrorMessage p { margin-bottom:0!important; color:#FF0000; background-color:#FFF; } .error { border:1px solid #C00; padding:10px; color:#C00; } /* *********************************************************************************************************/ /* clearFix、画像置換、画像置換部分パス ********************************************************************/ /* *********************************************************************************************************/ /* clearfix */ #header, #newEntryListWrapper, #contents .bannerArea .inner, #nicoMylistPopup, #nicoMylistPopup .nico-desc-wrapper, .entry .body, .ad-box, .clearfix { position:relative;/* for DW */ } #header:after, #newEntryListWrapper:after, #contents .bannerArea .inner:after, #nicoMylistPopup:after, #nicoMylistPopup .nico-desc-wrapper:after, .entry .body:after, .ad-box:after, .clearfix:after { clear:both; height:0; visibility:hidden; display:block; content:"."; } /* *********************************************************************************************************/ /* 個別スタイル ********************************************************************************************/ /* *********************************************************************************************************/ html { overflow-y:scroll; background:#e7e7e7; } body { position:relative; padding:0 0px; padding-bottom:0; padding-top:0; min-width:1000px; overflow-x:hidden; } body.homePage { background:#e7e7e7; } body.homePage.listPage { background:url(/common/img/bg_base.gif) left 52px repeat-x #e7e7e7; } body.homePage .main-visual { height:140px; margin-bottom:1px; padding-top:60px; margin-left:20px; } body.homePage .main-visual div { font-size:16px; line-height:180%; } #container { width:1000px; margin:89px auto 1px; } /* ヘッダー*/ #siteID { position:fixed; left:50%; bottom:0; z-index:901; visibility:hidden; margin-bottom:0; padding-bottom:0; height:22px; } #siteID a { padding-bottom:0; } /* ぱんくず */ .topic-path { position:relative; overflow:hidden; width:100vw; left:50%; transform:translateX(-50%); border-bottom:1px solid #ccc; background:#e7e7e7; overflow:auto; } .topic-path ul { position:relative; max-width:1000px; margin:0 auto; padding:8px 0; white-space:nowrap; display:flex; } .topic-path li { font-size:10px; } .topic-path li:before { content:""; margin:0 7px 0 5px; width:5px; height:2px; display:inline-block; background:#ccc; vertical-align:middle; } .topic-path li:first-child:before { content:none; } .topic-path li a { color:#272727; text-decoration:none; display:inline-block; background:#CCC; padding:0 8px; line-height:24px; font-size:10px; } .topic-path li a:hover { opacity:0.5; } /* 姉妹サイト */ .other-site { display:none; } /* メインエリア */ #main { width:1000px; display:flex; flex-wrap:nowrap; overflow:hidden; margin-bottom:10px; /* background:#e7e7e7; */ } /* コンテンツエリア */ #contents { position:relative; width:610px; height:auto!important; margin-top:10px; margin-bottom:10px; } #pageTitleAnchor { text-decoration:none; display:block; padding-bottom:0; } #pageTitle { position:relative; height:105px; overflow:hidden; margin-bottom:-10px; } #pageTitle .title { display:block!important; line-height:110%; width:1000px!important; margin:5px auto 0; padding:0; font-size:26px; font-weight:bold; color:#272727; } #pageTitle.search .title { font-size:15px; width:960px; padding:0 0 10px 20px; font-weight:normal; line-height:180%; } #pageTitle.search .title .keyword, #pageTitle.search .title .result { font-size:32px; margin:0 5px; font-weight:bold; } #pageTitleDescription { display:none; width:464px; margin:0 auto; padding:0 496px 0 20px; position:relative; line-height:140%; color:#fff; font-size:11px; } #pageTitleDescription a { color:#fff; } .pager { position:relative; /* left:2px; */ padding:30px 0; margin:0 0 0 0; text-align:center; line-height:100%; font-size:12px; } .pager a, .pager span { margin:0 5px; display:inline-block; /display:inline; /zoom:1; padding:10px; text-decoration:none; background-color:#fff; } .pager a { background:#1c6eae; color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .pager a:hover { background:#f0f0f0; color:#1c6eae; box-shadow:0 0 15px rgba(0,120,200,0.2); } .pager span { color:#aaa; } #bottomPager { } .entryDate { z-index:2; position:relative; left:22px; top:20px; font-size:10px; height:15px; line-height:100%; text-align:left; /*background:url(/common/img/bg_entry_date.gif) left top no-repeat;*/ } .entry { position:relative; /* left:2px; */ padding:20px 15px; } .comments, .commentForm { position:relative; /* left:2px; */ width:650px; padding:20px 15px; border-top:1px solid #d0d0d0; background:#f6f6f6; } .entry { margin-top:0; padding-left:240px; } .entryPage .entry { margin-top:0; width:650px; padding-left:15px; padding-bottom:0; background:#f6f6f6; } .entry .header { padding-top:0; padding-bottom:0px; margin-bottom:10px; position:relative; } .entryPage .entry .header { padding-top:0; } .entry .header .bottom { width:685px; position:relative; left:-20px; height:8px; } .entry .header h1.title { /*font-size:12px;*/ margin:10px 0; } .entry .header .date { margin:3px 0; font-size:14px; } .entry .header .date span:nth-child(1) { margin-right:20px; } .entry .category { margin-top:5px; display:inline-block; } .entry .category a { margin:0 6px 0 0; display:inline-block; padding:10px; text-decoration:none; background:#272727; color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .entry .category a:hover { background:#1c6eae; color:#fff; } .entry .tag { margin-top:-8px; display:inline-block; } .entry .tag a { margin:0 6px 0 0; display:inline-block; padding:10px 10px; text-decoration:none; background:#999; color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .entry .tag a:hover { background:#1c6eae; color:#fff; } .entry .footer a { text-decoration:none; padding-bottom:1px; } .entry .footer a:hover { text-decoration:underline; } .entry .footer .permalink { position:absolute; left:20px; top:25px; } .entry .footer .date { position:relative; left:0; top:0; } .entryPage .entry .footer .date { display:block; margin-bottom:10px; } .entry h1.title { font-size:26px; line-height:140%; font-weight:800; } .entry h2.title { font-size:26px; line-height:140%; font-weight:800; } .entry .title a { text-decoration:none; } .entry .title a:hover { text-decoration:underline; } .entry .category { font-size:10px; margin-bottom:0px; } .entry .category a { margin-bottom:12px; } .entry .tag { font-size:10px; margin-bottom:0px; } .entry .tag a { margin-bottom:5px; font-size:10px!important; } .entryPage .entry .title, .entryPage .entry .category { /*width:546px;*/ } .entry .eyecatch { position:absolute; left:20px; top:20px; background:url(/common/img/img_thumb_empty.png) no-repeat left top; background-size:cover; width:196px; height:196px; overflow:hidden; } .entry .eyecatch a { display:block; width:196px; height:196px; overflow:hidden; } .entry .body { width:430px; min-height:120px; padding-bottom:0px; margin-bottom:0; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ font-size:15px; word-break: break-all; } body.entryPage .body { width:650px; padding-bottom:6px; word-break:normal; text-align:left!important; } body.entryPage .comments .body { width:603px; } .entry .body img { max-width:650px; height:auto; } .entry .body h2 { position:relative; font-size:26px; border:none; color:#272727; margin:4em 0 1.5em; font-weight:800; } .entry .body h2:before { content:""; display:block; position:absolute; left:-50px; top:22px; width:25px; height:5px; background:#272727; } .entry .body h2 a { color:#fff; text-decoration:underline; } .entry .body h3 { font-size:20px; padding:6px 15px; background:#dfdfdf; border:none; margin:3em 0 1.5em; } .entry .body h4 { font-size:16px; padding: 6px 0px; border-bottom: 2px solid #272727; margin:3em 0 1.5em; } .entry .body div { margin:2.5em 0; line-height:180%; } .entry .body p { margin:2.5em 0; } .entry .body p:first-child { margin-top:0; } .entry .body ul { margin:2.5em 0; padding-left:30px; } .entry .body ul li { list-style-type:disc; margin:0 0 0.5em; } .entry .body ol { margin:2.5em 0; padding-left:30px; } .entry .body ol li { list-style-type:decimal; margin:0 0 0.5em; } .entry .body dl { margin:2.5em 0; background:#eee; } .entry .body dt { background:#e3e3e3; line-height:120%; padding:10px 15px; margin:0; } .entry .body dd { margin:0; padding:20px 15px; } .entry .body dl.type2 { margin:3em 0; } .entry .body dl.type2 dt { border-left:3px solid #ccc; padding:5px 10px; margin-bottom:1.2em; background-color:#fff; } .entry .body dl.type2 dt strong { line-height:130%; } .entry .body dl.type2 dl dt { width:602px/* for IE6*/; } .entry .body em { background: linear-gradient(0deg, rgba(255,0,0,0.2) 34%, rgba(255,0,0,0) 35%); padding:2px; font-weight:bold; font-style:normal; } .entry .body strong { background: linear-gradient(0deg, rgba(255,169,0,0.4) 34%, rgba(255,169,0,0) 35%); padding:2px; } .entry .body blockquote { margin: 2.5em 0 2.5em 10px; padding-left: 15px; border-left: 5px solid #ccc; margin-right: 10px; color:#999999; } .entry .body blockquote p, .entry .body blockquote li, .entry .body blockquote dt, .entry .body blockquote dd { color:#999999; } .entry .body q { margin:0 5px; color:#999999; } .entry .body cite { margin:0 5px; } .entry .body pre { width:628px; overflow:auto; border:1px solid #accad6; background-color:#f7f7f7; margin:2.5em 0; padding:10px; line-height:150%; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; } .entry .body code { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; } .entry .body code .package { color:#e00090; } .entry .body code .identifier { color:#5000ff; } .entry .body code .comment { color:#209000; } .entry .body code .keyword { color:#0060ff; } .entry .body code .number { color:#e03000; } .entry .body code .string { color:#900030; } .entry .body var { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; } .entry .body samp { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; } .entry .body kbd { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; } .entry .body iframe { display:block; margin:0; max-width:100%; width:100%; } .entry .body .amazon iframe { display:inline; } .entry .body table { margin:2.5em 0; width:100%; background:#f6f6f6; box-shadow:1px 1px 0px rgba(0,0,0,0.2);} .entry .body table th { vertical-align:top; text-align:left; padding:6px; line-height:160%; border:1px solid #e6e6e6; } .entry .body table td { vertical-align:top; text-align:left; padding:6px; line-height:160%; border:1px solid #e6e6e6; } .entry .body table *[align=center] { text-align:center; } .entry .body table *[align=right] { text-align:right; } .entry .body table *[valign=middle] { vertical-align:middle; } .entry .body table *[valign=bottom] { vertical-align:bottom; } .entry .body pre table { box-shadow:none; } .entry .body .syntaxhighlighter table { box-shadow:none; } .entry .body .amazon-text { text-align:left; font-size: 14px; margin: .5em 0 1em 0; padding: 20px 100px 20px 20px; border: 1px solid #dddddd; display: block; background: white url(/wp/wp-content/themes/images/amazonjs.png) no-repeat right bottom; } .entry .body .menu { padding:20px; background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.5); border-radius:5px; } .entry .body .menu dt { background:none; font-weight:bold; } .entry .body .menu dd { margin:0; } .entry .body .menu ul, .entry .body .menu ol { margin:0; } .entry .body .box { padding:20px; background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.5); border-radius:5px; } .entry .body .box dt { background:none; font-weight:bold; } .entry .body .box dd { margin:0; } .entry .body .box ul, .entry .body .box ol { margin:0; } .entry .body .point {} .entry .body .point dt { color:#C00; padding-top:0; } .entry .body .point dd { padding-top:0; padding-bottom:0; } .entry .body .box2 .ttl { border-left:none; margin: -20px -20px -15px; padding:15px 10px 25px; text-align:center; line-height:120%; font-size:14px; background: url(/common/img/bg_box_title.png) no-repeat center bottom; } .entry .body .box2 .ttl a { text-decoration:none; } .entry .body .box2 .thumb { text-align:center; margin-bottom: 10px; } .entry .body .box2 .thumb a { border-radius:50%; border:10px solid #eee; display:inline-block; } .entry .body .box2 .thumb img { border-radius:50%; display:block; } .entry .body .box2 .point { background: url(/common/img/ico_face_point.png) no-repeat left center; background-size: 25px; padding: 5px 0 5px 32px; margin-bottom: -15px; font-size: 14px; } .entry .body .box2 .good { background: url(/common/img/ico_face_good.png) no-repeat left center; background-size: 25px; padding: 5px 0 5px 32px; margin-bottom: -15px; font-size: 14px; } .entry .body .box2 .bad { background: url(/common/img/ico_face_bad.png) no-repeat left center; background-size: 25px; padding: 5px 0 5px 32px; margin-bottom: -15px; font-size: 14px; } .entry .body .box2 ul { margin:2.5em 0; } .entry .body .box2 .btn-detail { width: 220px; margin: 0 auto 50px; display: block; text-align: center; border: 1px solid #ccc; text-decoration: none; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(6%, #fff), color-stop(100%, #eee)); background-image: -moz-linear-gradient(top, #fff 6%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 6%, #eee 100%); background-image: linear-gradient(to bottom, #fff 6%, #eee 100%); } .entry .body .basic-btn { width: 220px; margin: 0 auto 50px; display: block; text-align: center; border: 1px solid #ccc; text-decoration: none; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(6%, #fff), color-stop(100%, #eee)); background-image: -moz-linear-gradient(top, #fff 6%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 6%, #eee 100%); background-image: linear-gradient(to bottom, #fff 6%, #eee 100%); } .entry .alignleft {display: inline;float: left;margin-right: 1.625em;} .entry .alignright {display: inline;float: right;margin-left: 1.625em;} .entry .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} .entry .body .btn, #subContents .btn { } .entry .body .btn:hover, #subContents .btn:hover { opacity:0.9; } .entry .body .simple-btn { display:inline-block; font-size:20px; font-weight:bold; color:#fff; border-radius:10px; background:#1c6eae; text-decoration:none; padding:20px 30px; min-width:260px; text-align:center; box-shadow:3px 3px 0px rgba(61,133,188,0.24); } .entry .body .simple-btn:hover { background:#4695d2; } /*.entry .footer { font-size:10px; text-align:right; position:relative; margin-top:20px; background:url(/common/img/bg_entry_footer.gif) repeat-x left top #f1f1f1; left:-20px; top:20px; width:650px; padding-top:25px; padding-right:20px; padding-left:20px; }*/ .entry .body .banner { margin-bottom:0; } .entry .body .review { background:url(../img/btn_review.png) no-repeat left top; width:416px; height:67px; margin:30px auto; display:block; text-indent:-9999px; } .entry .review:hover { opacity:0.7; } .entry .body div.fb-post, .entry .body div#fb-root, .entry .body div.videoContainer { margin:0; } .archives { border-top:1px solid #eee; } .archive-entry { background:#fff; min-height:160px; padding-left:200px; border-bottom:1px solid #ddd; } .archive-entry .body { display:none; margin:0; min-height:0; } .archive-entry .body p { margin:0; } .archive-entry .archive-hover { background:url(../img/bg_archive_entry_hover.png) repeat right top; position:absolute; left:0; top:0; width:610px; display:none; } .archive-entry .header .date { display:none; } .archive-entry .header .title { font-size:16px; margin-bottom:10px; } .archive-entry .eyecatch { width:160px; height:160px; } .archive-entry .eyecatch a { width:160px; height:160px; } .archive-entry .eyecatch a img { width:160px; height:160px; } .archive-entry .category, .archive-entry .tag { display:inline; line-height:100%; display:none; } .archive-entry .category a, .archive-entry .tag a { border-radius:5px; padding:5px; margin-bottom:5px; vertical-align:bottom; } .archive-entry .category a:last-child { margin-right:2px; } .archive-entry .excerpt p { line-height:160%; } .archive-entry .excerpt a { display:none; } .archive-index { position:relative; left:12px; width:670px; padding:20px 0 0; } .archive-index .sub-title { font-size:30px; margin:15px 0; } .archive-index .bannerArea { margin-top:30px!important; margin-bottom:30px!important; left:-10px!important; } .archive-index>p { margin-bottom:30px; } .archive-entry-index { min-height:80px; padding:10px; padding-left:100px; width:580px; } .archive-entry-index .eyecatch { top:10px; left:10px; width:80px; height:80px; background-position:-15px -15px; } .archive-entry-index .eyecatch a { width:80px; height:80px; } .archive-entry-index .eyecatch a img { width:80px; height:80px; } .archive-entry-index .category, .archive-entry-index .tag, .archive-entry-index .body { display:none; } .archive-entry-index .header .title { font-size:16px; } .archive-next-page { border-top: 1px solid #d0d0d0; text-align:right; padding:10px; } .archive-next-page a { display:inline-block; box-shadow:2px 2px 2px rgba(0,0,0,0.1); padding:10px; background:#fff; text-decoration:none; position:relative; top:-10px; } .archive-index-title { position:relative; left:10px; font-size:28px; font-weight:normal; background:url(../img/ico_home_ttl.png) no-repeat left 3px; padding-left:32px; margin-bottom:10px; margin-top:30px; line-height:110%; } .entry .footer { position:relative; margin-top:0; min-height:35px; background:#e7e7e7; border-top:1px solid #d0d0d0; left:-240px; width:670px; padding-top:25px; padding-right:20px; } .entry .footer h2 { margin-bottom:10px; } .entryPage .entry .footer { left:-20px; padding-left:20px; width:650px; padding-bottom:20px; } .entryPage .entry .follow-me { padding-bottom:10px; margin-top:20px; border:1px solid #ddd; padding:10px; } .entryPage .entry .follow-me p { margin-bottom:5px; } .entry .body .related-link, .entry .body .related-link li { list-style-type:none; margin:0; padding:0; } .entry .body .related-link { margin-bottom:2.5em; } .entry .body .related-link a { list-style-type:disc; list-style-position:inside; text-indent:-1em; text-indent:-1.5em\9; display:list-item; background:#f0f0f0; border:1px solid #1c6eae; box-shadow:1px 1px 3px #b4cfe3; padding:10px 10px 10px 2em; padding:10px 10px 10px 2.5em\9; margin-bottom:10px; text-decoration:none; border-radius:5px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .entry .body .related-link a:hover { background:#1c6eae; color:#fff; } .entry .body .ad-center { text-align:center; } .entry .body .ad-group { line-height:160%; } .entry .body .ad-group .amazonjs_item { margin-bottom:10px; } body .amazonjs_item { background:#fff!important; display:flex!important; flex-wrap:nowrap; padding:10px; } body .amazonjs_item:after { content:""; display:block; position:absolute; right:5px; bottom:5px; background:url(../img/amazonjs.png) no-repeat right bottom; background-size:25px 21.5px; width:25px; height:22px; opacity:0.2; } body .amazonjs_item .amazonjs_image { float:none!important; width:80px!important; text-align:center; } body .amazonjs_item .amazonjs_image img { max-width:100%!important; width:auto!important; height:auto!important; } body .amazonjs_item .amazonjs_info{ float:none!important; margin-left:10px!important; width:calc(100% - 90px)!important; } body .amazonjs_item .amazonjs_footer { display:none; } .entry .body .amazonjs_item { } .entry .body .amazonjs_item + .amazonjs_item { margin-top:-1.8em; } .entry .body .amazonjs_item div { margin:0; } .entry .body .bg-white { background-color:#fff; } .entry .body .ad-center a { display:inline-block; /display:inline; /zoom:1; margin:0 5px 10px; } .entry .body .ad-center iframe { display:inline-block; /display:inline; /zoom:1; margin:0 5px 10px; } .entry #tweet-entry { text-align:center; margin:30px 0; } .entry #tweet-entry:hover { opacity:0.7; } .entry .body .is-old-entry { background:url(../img/ico_cation.gif) no-repeat 10px 15px #fff; color:#666; font-size:15px; padding:10px 10px 10px 50px; line-height:140%; } .entry .body .ad-box { border:1px solid #ddd; padding:20px; margin:10px 0; background:#fff; } .entry .body .ad-box .img { width:100px; float:left; margin:0; } .entry .body .ad-box .img img { width:100px; } .entry .body .ad-box .img img:first-child { position:absolute; left:0; top:0; width:1px; } .entry .body .ad-box .text { margin:0; margin-left:100px; padding-left:1em; line-height:1.5em; } .entry .body .ad-box strong { background:none; } .entry .body .center { text-align:center; } .entry .body .snsConnection { margin-bottom:0; text-align:right; padding-left:0; } .entry .body .snsConnection li { margin-right:10px; } .entry .body .snsConnection div { margin:0; } .entry .body .snsConnection { position:relative; background:#fff; border:1px solid #eee; padding:10px; text-align:center; } .entry .body .snsConnection .fb-page { margin-right:0; } .entry .body .snsConnection .share { margin-bottom:0; display:block; text-align:center; margin-bottom:7px; } /* ps4 特集 */ .entry .ps4-contents { background:#003791; margin:40px 0; box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .entry .ps4-contents h2 { background:#003791; width:auto; left:0px; padding:0; margin:0; border-left:none; } .entry .ps4-contents h2 img { display:block; } .entry .ps4-contents ol { margin:0; padding:0; } .entry .ps4-contents ol li { cursor:pointer; color:#fff; font-size:15px; border-top:1px solid #335fa7; padding:10px 15px 10px 15px; margin:0; list-style-position:inside; } .entry .ps4-contents li a { color:#fff; text-decoration:none; } .entry .ps4-contents ol li:hover { background:#fff; color:#003791; } .entry .ps4-contents ol li:hover a { color:#003791; } .entry .ps4-contents ol li.coming-soon { cursor:default; color:#597db7; } .entry .ps4-contents ol li.coming-soon:hover { background:#003791; } .entry .ps4-contents ol li .desc { display:none; } .entry .ps4-link { background:#003791; margin:40px 0; display:block; } .entry .ps4-link img { display:block; } .entry .ps4-link:hover { opacity:0.7; } /* sochi2014 特集 */ .entry .sochi2014-contents { background:#fff; margin:40px 0; box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .entry .sochi2014-contents h2 { background:#fff; width:auto; left:0px; padding:0; margin:0; border-left:none; } .entry .sochi2014-contents h2 img { display:block; } .entry .sochi2014-contents ol { margin:0; padding:0; } .entry .sochi2014-contents ol li { cursor:pointer; color:#0171be; font-size:15px; border-top:1px solid #cce2f2; padding:10px 15px 10px 15px; margin:0; list-style-position:inside; } .entry .sochi2014-contents li a { color:#0171be; text-decoration:none; } .entry .sochi2014-contents ol li:hover { background:#0171be; color:#fff; } .entry .sochi2014-contents ol li:hover a { color:#fff; } /* other contents */ .entry .other-contents { background:#fff; margin:40px 0; box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .entry .other-contents h2 { background:#1c6eae; color:#fff; width:auto; left:0px; padding:20px; margin:0; border-left:none; font-size:15px; font-weight:normal; } .entry .other-contents h2 img { display:block; } .entry .other-contents h2 a { color:#fff; } .entry .other-contents h2 a:hover { text-decoration:none; } .entry .other-contents ul { margin:0; padding:0; } .entry .other-contents ul li { cursor:pointer; color:#0171be; font-size:15px; border-top:1px solid #cce2f2; padding:10px 15px 10px 15px; margin:0; list-style-position:inside; } .entry .other-contents li a { color:#0171be; text-decoration:none; } .entry .other-contents ul li:hover { background:#ebf3f8; } .entry .other-contents ul li:hover a { } .entry .body .alignleft { float:left; width:25%; height:auto; margin-right:4%; } .entry .body .alignright { float:right; width:25%; height:auto; margin-left:4%; } .entry .body .next-wrap { margin:4.5em 50px; } .entry .body .next { background:url(../img/ico_entry_next.png) left center no-repeat; font-size:16px; min-height:54px; line-height:160%; padding-left:70px; display:inline-block; text-align:left; } .entry .body .next > span { display: table-cell; vertical-align: middle; height: 54px; } .entry .body .hot-wrap { margin:4.5em 50px; } .entry .body .hot { background:url(../img/ico_entry_hot.png) left center no-repeat; font-size:16px; min-height:54px; line-height:160%; padding-left:70px; display:inline-block; text-align:left; color:#d4175e; } .entry .body .hot > span { display: table-cell; vertical-align: middle; height: 54px; } .entry .body .rakuten-wrap { margin:15px 0 0; } .entry .body .rakuten { background:url(../img/ico_rakuten.png) left center no-repeat!important; font-size:14px; min-height:29px; line-height:160%; padding-left:35px; display:inline-block; text-align:left; vertical-align:bottom; } .entry .body .rakuten > span { display: table-cell; vertical-align: middle; height: 29px; } .entry .body .sen-wrap { margin:15px 0 0; } .entry .body .sen { background:url(../img/ico_sen.png) left center no-repeat; font-size:14px; min-height:29px; line-height:160%; padding-left:35px; display:inline-block; text-align:left; vertical-align:bottom; } .entry .body .sen > span { display: table-cell; vertical-align: middle; height: 29px; } .entry .body .amaz-wrap { margin:15px 0 0; } .entry .body .amaz { background:url(../img/ico_amazon.png) left center no-repeat!important; font-size:14px; min-height:29px; line-height:160%; padding-left:35px; display:inline-block; text-align:left; vertical-align:bottom; } .entry .body .amaz > span { display: table-cell; vertical-align: middle; height: 29px; } .entry .body .writer .thumb { position:absolute; left:20px; top:20px; margin:0; } .entry .body .writer .prof { margin:0 0 0 110px; } .entry .body .back { box-shadow:1px 1px 3px rgba(0,0,0,0.2); background:#fff; display:inline-block; padding:10px; text-decoration:none; } .entry .body .back:hover { text-decoration:underline; } .entry .body .back:before { content:"<< "; } .entry .body .forward { box-shadow:1px 1px 3px rgba(0,0,0,0.2); background:#fff; display:inline-block; padding:10px; text-decoration:none; } .entry .body .forward:hover { text-decoration:underline; } .entry .body .forward:after { content:" >>"; } .comments .header { position:relative; } .comments .header, .commentForm .header { margin-bottom:20px; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ } .comments .title, .commentForm .title { font-size:12px; line-height:140%; } .comments .comment { font-size:12px; background:url(/common/img/bg_comment.png) no-repeat left top; padding-left:47px; } .comments .comment .footer { text-align:right; font-size:10px; padding-bottom:20px; margin-bottom:20px; margin-top:10px; /*background:url(/common/img/bg_dot.gif) left bottom repeat-x;*/ } .commentForm table { border-collapse:collapse; } .commentForm table th { line-height:140%; width:50px; font-weight:normal; text-align:left; padding:3px 10px; vertical-align:top; font-size:10px; } .commentForm table td { line-height:140%; padding:3px 10px; } .commentForm table .blank { padding:0; } .commentForm table input { width:235px; border:1px solid #aaa; } .commentForm table textarea { width:550px; height:120px; border:1px solid #aaa; } .commentForm .submit { display:block; margin:10px 0 0 80px; background:url(/common/img/btn_comment.gif) no-repeat left top; border:none; /* text-indent:-9999px; */ cursor:pointer; outline:none; width:117px; height:22px; } .commentForm p { font-size:10px; } #goPageTop { position:absolute; left:-22px; top:-500px; } #archivesBody table { margin-bottom:1em; } #archivesBody td { padding:0 1em 0.6em 0; line-height:120%; vertical-align:top; text-align:left; } #archivesBody dt { margin:0; padding:0; background-color:transparent; font-weight:bold; margin-bottom:5px; } #archivesBody dd { margin:0; } .readMore { margin:10px 0 0; padding:10px; border:1px solid #266696; background:url(../img/bg_utils_box.gif) repeat-x left top #1c6eae; color:#fff; text-decoration:none; display:inline-block; /display:inline; /zoom:1; display:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .readMore:hover { text-shadow:0 0 15px #fff; } .about .sns { margin:5px 0; } .about .sns li { display:inline; } #searchArea .naviHeading { background-position:-0px -0px; } #categoriesArea .naviHeading { background-position:-0px -17px; } #aboutArea .naviHeading { font-size:20px; font-weight:bold; margin-bottom:10px; line-height:160%; } #archivesArea .naviHeading { background-position:-0px -51px; } #tagArea .naviHeading { background-position:-0px -67px; } /*#newEntriesArea .naviHeading { background-position:-0px -67px; }*/ #contents .about { position:relative; width:650px; /* left:2px; */ padding:20px; font-size:10px; background:url(/common/img/bg_separator_h.gif) left top repeat-x; } #contents .about .profile { } #contents .about .profile dd, #contents .about .profile dt { display:inline; line-height:180%; } #contents .about p { margin-top:6px; margin-bottom:2em; line-height:180%; } #contents .about a { text-decoration:none; } #contents .about a span { text-decoration:underline; } #contents .about .profileLink { text-decoration:underline; } #contents .about .profileLink:hover { text-decoration:none; } /* ナビゲーションエリア */ #subContents { margin-top:10px; margin-left:20px; width:370px; height:auto!important; position:relative; /* background:url(/common/img/bg_separator_v.gif) right top repeat-y; */ } #subContents #subContentsInner { /* background:url(/common/img/bg_separator_v.gif) right top repeat-y; */ position:relative; } #subContents.mobile #subContentsInner { background:none; width:286px; position:relative; } #subContents .sp-menu { display:none; } #subContents.pc .folding-box, html.ie7 #subContents .folding-box, html.ie8 #subContents .folding-box { position:relative; /* left:-1px; */ top:0px; padding:0 0 0 0; } #subContents.pc .folding-box .contents, html.ie7 #subContents .folding-box .contents, html.ie8 #subContents .folding-box .contents { /*display:block!important;*/ } #subContents #pickupArea .random-banner { margin:10px; } #subContents #categoriesArea { display:none; } #subContents #tagArea { display:none; } /*#subContents .naviHeading { margin:0 0 10px; height:auto; position:relative; left:-5px; } #subContents .naviHeading img { vertical-align:bottom; } #subContents #utilsBoxArea { display:none; } #subContents #utilsBoxArea .snsConnection { display:none; } #subContents #utilsBoxArea #tagArea { display:none; } #subContents #utilsBoxArea .follow-me { display:none; } #subContents #utilsBoxArea #categoriesArea li a { background:url(../img/bg_category.gif) no-repeat left top; display:block; height:36px; color:#fff; padding-bottom:0; text-decoration:none; text-align:center; padding-top:5px; margin-bottom:3px; } #subContents #utilsBoxArea #categoriesArea li a:hover { background-position:left bottom; text-shadow:none; color:#1c6eae; } #subContents.mobile #utilsBoxArea { display:block; } #subContents.mobile #utilsBoxArea .snsConnection { display:block; } #subContents.mobile #utilsBoxArea #tagArea { display:block; } #subContents.mobile #utilsBoxArea .follow-me { display:block; } #subContents.mobile #utilsBoxArea #categoriesArea li a { background:none; display:block; height:auto; color:#999; padding-bottom:1px; text-decoration:none; text-align:left; padding-top:0; margin-bottom:0; } #subContents.mobile #utilsBoxArea #categoriesArea li a:hover { text-decoration:underline; } #subContents .archives ul li { margin-bottom:0.5em; line-height:180%; } #subContents .newEntries ul { } #subContents .newEntries li { margin-bottom:10px; line-height:140%; } #subContents .newEntries li a { display:block; padding-left:8px; } #subContents .newEntries li.eyecatch-box { margin-bottom:20px; } #subContents .newEntries li.eyecatch-box a { border:none; padding:0; margin-bottom:7px; } #subContents .newEntries .eyecatch { background:url(/common/img/img_thumb_empty2.png) no-repeat 23px top #000; text-align:center; } #subContents .newEntries .eyecatch a { padding:0; display:block; height:196px; } #subContents .newEntries li.eyecatch-box2 { position:relative; min-height:90px; } #subContents .newEntries li.eyecatch-box2 a { margin-left:90px; } #subContents .newEntries li.eyecatch-box2 .eyecatch { background:url(/common/img/img_thumb_empty3.png) no-repeat left top #000; position:absolute; left:0; top:0; width:90px; height:90px; } #subContents .newEntries li.eyecatch-box2 .eyecatch a { margin-left:0; width:90px; height:90px; } #subContents .newEntries li.eyecatch-box2 .eyecatch a img { width:90px; height:90px; } #subContents .banner { margin-top:15px; } #subContents .view-item-switcher { display:none; position:relative; background:url(../img/bg_selector2.png) no-repeat left top; border:1px solid #1c6eae; width:244px; margin:20px; padding-bottom:5px; } #subContents .view-item-switcher .title { position:absolute; left:0; top:0; width:244px; color:#fff; text-align:center; padding-top:14px; font-size:15px; } #subContents .view-item-switcher .buttons { position:relative; padding-top:50px; left:20px; } #subContents .view-item-switcher .buttons label { display:block; line-height:120%; margin:0 3px 8px; } #subContents .view-item-switcher .buttons input { vertical-align:middle; margin:0 3px; position:relative; top:-1px; } #subContents.mobile .view-item-switcher { display:block; }*/ /* mobileから移植 */ #subContents .social-area { display:none; padding:20px; } #subContents .social-area .follow-me { background:#eee; padding:10px; } #subContents .social-area .follow-me p { margin-bottom:8px; font-size:16px; } #subContents .social-area .snsConnection { } /*#subContents .folding-box, #subContents #pr-area.folding-box { padding:0; margin:0; }*/ #subContents .folding-box .naviHeading, #subContents .folding-box h2 { font-size: 20px; font-weight: bold; margin-bottom: 10px; color:#272727; margin-top:30px; line-height:160%; } #subContents .folding-box:first-child h2 { margin-top:0; } #subContents .folding-box .textwidget { font-size: 13px; line-height: 160%; } #subContents .folding-box .naviHeading:first-child { margin-top:0; } #subContents .folding-box .naviHeading.disable:hover { text-shadow:none; } #subContents .folding-box .contents { display:none; margin:0; padding:0; background-color:#f6f6f6; } #subContents .folding-box .contents li, #subContents .folding-box .contents label, #subContents #pr-area.folding-box .banner { font-size:14px; border-bottom:1px solid #ddd; padding:10px; margin:0; line-height:180%; } #subContents .folding-box .contents li:last-child { border-bottom:none; } #subContents .folding-box .contents li a, #subContents .folding-box .contents label { display:block; color:#666; text-decoration:none; font-size:14px; } #subContents .folding-box .contents li a:hover, #subContents .folding-box .contents label:hover { text-decoration:underline; } #subContents #pickupArea .contents { display:block; padding:1px 0; } #subContents #pickupArea { } body.entryPage #subContents #amazonArea { display:none; } #subContents #categoriesArea .contents { display:block; } #subContents #tagArea .contents { display:block; } #subContents #newEntriesArea dl:first-child .naviHeading { margin-top:0; } #subContents #newEntriesArea .contents { display:block; } body.archivePage #newEntriesArea { display:none; } #subContents #pr-area .contents { display:block; } #subContents #amazonArea .amazonjs_item { margin-bottom:10px; } #subContents .tags dd { border-bottom:1px solid #ccc; text-align:center; display:none; background-color:#eee; padding:5px; } #subContents .tags dd.tag-cloud { padding-top:5px; } #subContents .tags dd.tag-cloud a { display:inline-block; font-size:14px!important; text-align:left; background-color:#999; color:#fff; padding:2px 5px; margin:3px; text-decoration:none; font-weight:normal; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } #subContents .tags dd.tag-cloud a:hover { background:#1c6eae; color:#fff; } #subContents .tags dd.tag-cloud .tag-list-page { border-top:1px solid #ccc; padding:14px 20px; line-height:100%; margin-top:5px; } #subContents .tags dd.tag-cloud .tag-list-page a { display:block; background:none; font-size:16px; color:#999; text-align:center; text-decoration:none; } #subContents .tags dd.tag-cloud .tag-list-page a:hover { text-decoration:underline; } #subContents .view-item-switcher { margin:0; width:auto; border:none; background:none; } #subContents .view-item-switcher .buttons { left:0; } #subContents #newEntriesArea { } #subContents #newEntriesArea li { position:relative; min-height:90px; line-height:140%; } #subContents #newEntriesArea li a { padding-left:100px; margin:0; } #subContents #newEntriesArea li .views { margin:5px 0px 5px 100px; background:#dfdfdf; padding:3px 10px; font-size:10px; } #subContents #newEntriesArea .eyecatch { width:90px; height:90px; position:absolute; left:10px; top:auto; background:url(../img/img_thumb_empty.png); background-size:cover; } #subContents #newEntriesArea .eyecatch a { width:90px; height:90px; margin:0; padding:0; } #subContents #newEntriesArea .eyecatch img { width:90px; height:90px; } #subContents #newEntriesArea .more { font-size: 14.5px; border-top: 1px solid #ddd; padding: 10px; margin: 0; line-height: 180%; text-align:center; } #subContents #newEntriesArea .more a { color:#666; background:url(../img/ico_more.png) no-repeat left center; background-size:contain; padding-left:25px; text-decoration:none; } #subContents #newEntriesArea .more a:hover { opacity:0.7; } #subContents #updateArea { } #subContents #updateArea li { position:relative; min-height:70px; line-height:140%; } #subContents #updateArea li a { padding-left:80px; margin:0; } #subContents #updateArea .eyecatch { width:70px; height:70px; position:absolute; left:10px; top:auto; background:url(../img/img_thumb_empty.png); background-size:cover; } #subContents #updateArea .eyecatch a { width:70px; height:70px; margin:0; padding:0; } #subContents #updateArea .eyecatch img { width:70px; height:70px; } #subContents #updateArea .more { font-size: 14.5px; border-top: 1px solid #ddd; padding: 10px; margin: 0; line-height: 180%; text-align:center; } #subContents #updateArea .more a { color:#666; background:url(../img/ico_more.png) no-repeat left center; background-size:contain; padding-left:25px; text-decoration:none; } #subContents #updateArea .more a:hover { opacity:0.7; } /* mobileから移植 */ #subContents .view-block { position:relative; } #subContents .view-block .prefix { display:none; } #subContents #pr-area { display:none; } /* #subContents #pr-area { padding-bottom:40px; padding:20px; padding-bottom:30px; margin-top:0px; } #subContents #pr-area .title { margin-bottom:0px; } #subContents #pr-area .banner { margin:0 0 10px; position:relative; } #subContents #pr-area .banner a { display:block; } #subContents #pr-area .banner img { position:absolute; display:block; } #subContents #pr-area .banner .img { position:static; } #subContents #pr-area .banner.text {} */ /* headerBanner */ #headerBanner { position:relative; top:3px; height:80px; margin-bottom:15px; margin-top:15px; margin-left:15px; } #headerBanner a { position:static; display:block; float:left; margin-right:10px; } /* twitter */ .snsConnection { text-align:left; position:relative; padding:0 0 10px; /*position:absolute; top:0; right:0;*/ } .snsConnection li { display:inline-block; /display:inline; /zoom:1; margin-right:10px; } .snsConnection .fb-page { position:absolute; right:0; margin-right:0; } /* Download Files */ .downloadLink { width:204px; height:45px; display:inline-block; text-indent:-9999px; overflow:hidden; background:url(/common/img/btn_downloadfiles.gif) no-repeat left top; } .downloadFiles { padding:10px; background-color:#F9F9F9; border:1px solid #CCCCCC; } .downloadFiles dt, .downloadFiles dd, .downloadFiles th, .downloadFiles td { color:#666666; } .downloadFiles dl { margin:10px 0 20px!important; } .downloadFiles dt { border-left:3px solid #666666; background:none!important; padding:0 0 0 5px!important; margin:0 0 5px 0!important; font-weight:bold; } .downloadFiles dd { padding:0!important; margin:0!important; line-height:130%; } .downloadFiles table td, .downloadFiles table th { line-height:130%; border-top:1px solid #E0E0E0; padding:5px 0; } .downloadFiles th { width:30%; } /* openNewWindowIcon */ .openNewWindowIcon { margin:0 5px; } /*floatingVideoBox*/ #floatingVideoBoxWrapper { position:fixed; z-index:999; } #floatingVideoBoxBG { position:fixed; background-color:#000; display:none; } #floatingVideoBox { position:fixed; background-color:#111; display:none; } /* Comment Form */ #respond {} #respond input[type="text"], #respond textarea {} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { font-size:10px; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; display:block; width: 70%; margin-left:15%; position:relative; margin-top:-23px; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size:10px; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { margin:20px 0 0 15%; } #respond input#submit { margin:-10px 0; /* padding:10px; */ border:1px solid #266696; background:#1c6eae; color:#fff; text-decoration:none; } #respond input#submit:hover { text-shadow:0 0 8px #fff; } #respond input#submit:active {} #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 12px; font-weight: bold; line-height: 140%; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; width: 50%; margin-left:15%; position:relative; margin-top:-23px; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } /* header */ #header { background:#272727; height:52px; box-shadow:0 1px 8px 2px rgba(0,0,0,0.2); position:fixed; left:0; top:0; width:100%; min-width:694px; z-index:200; } #header .inner { position:relative; width:1000px; margin:0 auto; } #header img { vertical-align:bottom; } #header a { outline:none; } #header #logo { position:absolute; top:13px; left:0; width:131px; } #header #logo img { width:100%; height:auto; } #header .portfolio { position:absolute; right:62px; top:10px; } #header .rss { position:absolute; right:20px; top:10px; } #header .searchArea { position:absolute; right:0px; top:10px; padding:0; } #header .searchArea .naviHeading { position:relative; left:2px; } #header .searchArea .textbox { position:relative; outline:none; width:170px; font-size:15px; padding:7px!important; line-height:100%; background:#e7e7e7!important; border:none!important; height:18px; } #header .searchArea .submit { display:inline-block; margin:0; background:url(/common/img/nav_search.gif) no-repeat left top; background-size:32px 32px; border:none; text-indent:-9999px; cursor:pointer; outline:none; width:32px; height:32px; position:relative; left:0px; } /* footer */ #footer { box-shadow:1px 0 5px rgba(0,0,0,0.5) inset; padding:20px 15px 60px; background:#272727; font-size:13px; margin-top:20px; } body.entryPage #footer { padding-bottom:196px; } #footer .inner { position:relative; max-width:1000px; margin:0 auto; } #aboutArea .naviHeading { color:#ccc!important; } #aboutArea dd { position:relative; min-height:150px; color:#ccc!important;} #aboutArea .photo { position:absolute; left:0; top:0; } #aboutArea .profile { position:absolute; left:160px; top:0; width:200px; } #aboutArea .profile dt { margin-bottom:0px; line-height:120%; color:#ccc!important; } #aboutArea .profile dd { min-height:0; margin-bottom:8px; color:#ccc!important; } #aboutArea .texts { position:absolute; top:0; left:360px; max-width:600px; min-width:300px; } #aboutArea .texts p { color:#ccc!important; } #aboutArea .texts a { color:#ccc; } #aboutArea .sns { padding-top:160px; width:150px; } #copyright { margin-top:40px; color:#ccc; } #footer .utils { position:fixed; width:100%; left:0px; bottom:-3px!important; z-index:9999; text-align:center; } #footer .utils div { display:inline-block; margin-left:6px; /display:inline; /zoom:1; } #footer .utils a { display:inline-block; /display:inline; /zoom:1; padding:10px 10px 13px; text-decoration:none; background:#1c6eae; color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } #footer .utils a:hover { background:#f0f0f0; color:#1c6eae; box-shadow:0; } body.entryPage #contents { width:750px; background:none; } body.entryPage #topPager { display:none; } body.entryPage #bottomPager { position:absolute; bottom:0; display:block; border-top:none; width:100%; margin-left:0!important; } body.entryPage #bottomPager a { display:none; } body.entryPage #bottomPager a[rel=next] { position:absolute; display:inline-block; z-index:10000; left:0; bottom:0; margin:0; border-top-right-radius:5px; background:rgba(0,0,0,0.7); } body.entryPage #bottomPager a[rel=prev] { position:absolute; display:inline-block; z-index:10000; right:0; bottom:0; margin:0; border-top-left-radius:5px; background:rgba(0,0,0,0.7); } body.entryPage #bottomPager a[rel=next]:hover, body.entryPage #bottomPager a[rel=prev]:hover { color:#fff; text-shadow:0 0 5px #fff; } #footer .utils #goto-home { display:none; } #footer .utils #goto-pagetop { position:relative; z-index:101; } #footer .utils #goto-pagetop a { font-size:12px; padding:10px; position:relative; border-top-left-radius:5px; border-top-right-radius:5px; background:rgba(0,0,0,0.7); } #footer .utils #goto-pagetop a:hover { color:#fff; text-shadow:0 0 5px #fff; } /* Home */ body.homePage #main { width:1000px; display:flex; flex-wrap:nowrap; padding:20px 0px 0px; margin-bottom:10px; /*background:url(../img/bg_home_main.gif) repeat-y;*/ } body.homePage #contents { width:610px; background:none; margin-top:0; } body.homePage #top-sub-contents { position:relative; width:370px; background:none; margin-left:20px; } body.homePage #top-sub-contents h2 { font-size:20px; font-weight:bold; margin-top:30px; margin-bottom:10px; } body.homePage #top-sub-contents h2:first-child { margin-top:0; } body.homePage #top-sub-contents .textwidget { font-size:13px; line-height:160%; } body.homePage #top-sub-contents .textwidget * { font-style:normal; } body.homePage #top-sub-contents .amazonjs_item { margin-bottom: 10px; } body.homePage .section { position:relative; margin-bottom:10px; } body.homePage .section h2 { font-size: 20px; font-weight: bold; margin-bottom: 10px; margin-top:30px; } body.homePage .section .more { font-size: 14px; margin: 50px 0 0; line-height: 180%; text-align:center; } body.homePage .section .more+.more { margin-top:10px; } body.homePage .section .more:last-child { margin-bottom:50px; } body.homePage .section .more a { color:#fff; background:#1c6eae; background-size:contain; text-align:center; width:280px; display:inline-block; line-height:50px; text-decoration:none; } body.homePage .section .more a:hover { opacity:0.7; } body.homePage .section .loading { position:absolute; left:201px; top:130px; } body.homePage .section .view-block { position:relative; } body.homePage .section .view-block .prefix { display:none; } body.homePage .section .to-list { position:absolute; right:-2px; top:1px; } body.homePage .section .to-list a { display:inline-block; /display:inline; /zoom:1; padding:8px 14px; text-decoration:none; background:#1c6eae; color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } body.homePage .section .to-list a:hover { background:#f0f0f0; color:#1c6eae; box-shadow:0 0 15px rgba(0,120,200,0.2); } body.homePage .section .eyecatch { background:url(/common/img/img_thumb_empty2.png) no-repeat center center #000; background-size:cover; width:196px; height:196px; overflow:hidden; } body.homePage .section .view-block ul { display:flex; flex-wrap:wrap; margin-bottom:-30px; } body.homePage .section .item { width:196px; margin-right:20px; margin-bottom:20px; } body.homePage .section .item .eyecatch a{ background-color:#000; display:block; height:196px; width:196px; } body.homePage .section .item .eyecatch.blank a { background-color:transparent; } body.homePage .section .entry-item .eyecatch img {} body.homePage .section .item h3 { position:relative; padding-left:22px; font-size:15px; } body.homePage .section .item .eyecatch { margin-bottom:8px; position:relative; } body.homePage .section .item .eyecatch .cover { cursor:pointer; display:none; position:absolute; left:0; top:0; width:196px; height:196px; } body.homePage .section .item .eyecatch .cover .bg { display:none; position:absolute; left:0; top:0; width:196px; height:196px; background:#000; } body.homePage .section .item .eyecatch .cover .text { position:relative; color:#fff; text-align:center; width:196px; height:196px; display:table-cell; vertical-align:middle; text-shadow:0 0 5px #fff,0 0 10px #fff; } body.homePage .section .item .title { line-height:140%; margin-bottom:0; padding: 0 5px; height:auto!important; } body.homePage .section .item .title a { display:block; text-decoration:none; } body.homePage .section .item .heading a { display:block; font-size:15px; text-align:center; padding-top:57px; padding-bottom:15px; } body.homePage .section .item .heading a .count { position:absolute; left:63px; top:7px; width:202px; display:inline-block; /display:inline; /zoom:1; background:url(../img/bg_count.gif) no-repeat left top; white-space:nowrap; padding:8px 0 17px; color:#fff; font-size:16px; width:60px; height:16px; text-align:center; line-height:100%; } body.homePage .section .item .heading a:hover { color:#fff; text-shadow:0 0 1px #1c6eae,0 0 3px #1c6eae,0 0 5px #1c6eae,0 0 10px #1c6eae; } body.homePage .section .item .heading a:hover .count { background-position:left bottom; text-shadow:none; color:#1c6eae; } body.homePage .folding-box .contents { margin:0; padding:0; background-color:#f6f6f6; } body.homePage .folding-box .contents li, body.homePage .folding-box .contents label, body.homePage #pr-area.folding-box .banner { font-size:15px; border-bottom:1px solid #ddd; padding:10px; margin:0; line-height:180%; } body.homePage .folding-box .contents li:last-child { border-bottom:none; } body.homePage .folding-box .contents li a, body.homePage .folding-box .contents label { display:block; color:#666; text-decoration:none; } body.homePage .folding-box .contents li a:hover, body.homePage .folding-box .contents label:hover { text-decoration:underline; } body.homePage .section-review ul { display:block!important; } body.homePage .section-review .item { font-size:14px; text-decoration:none; width:auto; background:#f6f6f6; margin: 0 0 10px 0!important; padding:10px; border: 1px solid #ddd; position:relative; } body.homePage .section-review .item .eyecatch, body.homePage .section-review .item .eyecatch a, body.homePage .section-review .item .eyecatch img, body.homePage .section-review .item .eyecatch .cover .bg, body.homePage .section-review .item .eyecatch .cover .text { height:70px; width:70px; } body.homePage .section-review .item .entry-item { display:flex; text-decoration:none; } body.homePage .section-review .item .entry-item .eyecatch { margin-bottom:0; } body.homePage .section-review .item .entry-item .title { margin-left:10px; width: calc(100% - 70px); } body.homePage .section-review .item .entry-item .title span { display:block; color:#272727; } body.homePage .section-review .item .entry-item .title br { display:none; } body.homePage .section-review .item .entry-item .title .text { display:block; color:#1c6eae; } body.homePage .section-review .item .entry-item .title .platform { display:inline-block; margin-bottom:3px; } body.homePage .section-review .item .entry-item .title .platform:after { content:"PS4"; display:inline-block; margin-right:5px; font-size:10px; background:#07397e; color:#fff; line-height:15px; padding:0 5px; } body.homePage .section-review .item .entry-item .title .platform:before { content:"PS5"; display:inline-block; margin-right:5px; font-size:10px; background:#07397e; color:#fff; line-height:15px; padding:0 5px; } body.homePage .section-review .item.only-ps5 .entry-item .title .platform:after { display:none; } body.homePage .section-review .item .entry-item .title .review { display:inline-block; position:relative; } body.homePage .section-review .item.not-review .entry-item .title .review:after { content:"未採点"; display:inline-block; font-size:10px; background:#858379; color:#fff; line-height:15px; padding:0 5px; } body.homePage .section-review .item .entry-item:hover { text-decoration:none; } body.homePage .section-ranking ul { display:block!important; } body.homePage .section-ranking .item { font-size:14px; width:auto; background:#f6f6f6; margin: 0 0 10px 0; padding:10px; border: 1px solid #ddd; counter-increment:ranking; position:relative; } body.homePage .section-ranking .item:before { content:counter(ranking); position:absolute; left:0; top:0; z-index:1; width:15px; font-size:10px; line-height:15px; text-align:center; background:#272727; color:#fff; } body.homePage .section-ranking .item .eyecatch, body.homePage .section-ranking .item .eyecatch a, body.homePage .section-ranking .item .eyecatch img, body.homePage .section-ranking .item .eyecatch .cover .bg, body.homePage .section-ranking .item .eyecatch .cover .text { height:70px; width:70px; } body.homePage .section-ranking .item .entry-item { display:flex; } body.homePage .section-ranking .item .entry-item .eyecatch { margin-bottom:0; } body.homePage .section-ranking .item .entry-item .title { margin-left:10px; width: calc(100% - 70px); } body.homePage .section-ranking .item .entry-item .title br { display:none; } html.ie body.homePage .section .item .heading a:hover { color:#1c6eae; text-shadow:none; text-decoration:underline; } body.homePage .section .heading { font-size:15px; font-weight:bold; line-height:140%; margin-bottom:5px; } body.homePage .section .heading a { text-decoration:none; } body.homePage .section .banner { margin-bottom:10px; } body.homePage #sec-new h2:first-child { margin-top:0; } body.homePage .sec-basic ul { width:610px; } body.homePage .sec-basic ul .item { position:relative; margin:0 0 30px 10px; width:196px; font-size:14px; } body.homePage .sec-basic ul .item:nth-child(3n+1) { border:none; margin-left:0; } body.homePage .sec-basic .heading { background:#e7e7e7; position:relative; left:-10px; top:-0px; width:184px; margin-bottom:0; padding:6px 10px 10px; font-size:12px; font-weight:normal; } body.homePage .sec-basic .heading .new { color:#c14f4f; font-weight:bold; margin-right:10px; } body.homePage .sec-basic .eyecatch { margin:0 0 10px 0; width:196px; height:196px; background:url(/common/img/img_thumb_empty4.png) no-repeat center center #000; background-size:cover; } body.homePage .sec-basic .eyecatch a { width:196px; height:196px; } body.homePage .sec-basic .eyecatch a img { width:196px; height:196px; } body.homePage .sec-basic .eyecatch .cover { width:196px; height:196px; } body.homePage .sec-basic .eyecatch .cover .text { width:196px; height:196px; } body.entrancePage .entranceMenu { display:flex; flex-wrap:nowrap; margin-bottom:30px; } body.entrancePage .entranceMenu a { display:block; text-decoration:none; width:495px; border:5px solid #272727; box-sizing:border-box; height:300px; position:relative; transition:all 0.3s linear; } body.entrancePage .entranceMenu a:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; opacity:0.5; transition:all 0.3s linear; } body.entrancePage .entranceMenu a.game { background:url(../img/entrance_game.jpg) no-repeat; background-size:cover; } body.entrancePage .entranceMenu a.carlife { background:url(../img/entrance_carlife.jpg) no-repeat; background-size:cover; } body.entrancePage .entranceMenu a:nth-child(1) { margin-right:10px; } body.entrancePage .entranceMenu a > div { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; white-space:nowrap; } body.entrancePage .entranceMenu a h2 { font-size:30px; color:#fff; } body.entrancePage .entranceMenu a p { font-size:16px; color:#fff; } body.entrancePage .entranceMenu a:hover:before { opacity:0.2; } body.homePage #sec-tag ul { width:610px; border:1px solid #cecece; background:#f1f1f1; } body.homePage #sec-tag ul li { position:relative; margin:0; padding:10px; width:196px; border-left:1px solid #dfdfdf; } body.homePage #sec-tag ul li:first-child { border:none; } body.homePage #sec-tag .heading { position:relative; width:184px; margin-bottom:0; padding:0; font-size:12px; font-weight:normal; } body.homePage #sec-tag .eyecatch { margin:0 0 10px 0; width:196px; height:196px; background:url(/common/img/img_thumb_empty4.png) no-repeat center center #000; } body.homePage #sec-tag .eyecatch a { width:196px; height:196px; } body.homePage #sec-tag .eyecatch a img { width:196px; height:196px; } body.homePage #sec-tag .eyecatch .cover { width:196px; height:196px; } body.homePage #sec-tag .eyecatch .cover .text { width:196px; height:196px; } body.homePage #sec-category ul { width:610px; } body.homePage #sec-category ul li.item { position:relative; border:1px solid #cecece; background:#f1f1f1; margin:0 0 10px; padding:0; width:608px; } body.homePage #sec-category ul.child { width:auto; margin-left:204px; border-left:1px solid #dfdfdf; } body.homePage #sec-category ul.child li.child-item { position:relative; padding:10px; min-height:70px; border-top:1px solid #dfdfdf; } body.homePage #sec-category ul.child li.child-item:first-child { border:none; } body.homePage #sec-category ul.child li.child-item .eyecatch { position:absolute; left:10px; top:10px; } body.homePage #sec-category ul.child li.child-item .title { margin-left:80px; } body.homePage #sec-category .heading { position:absolute; left:10px; top:95px; width:184px; margin-bottom:0; padding:0; font-size:12px; font-weight:normal; } body.homePage #sec-category .eyecatch { margin:0; width:70px; height:70px; background:url(/common/img/img_thumb_empty5.png) no-repeat center center #000; } body.homePage #sec-category .eyecatch a { width:70px; height:70px; } body.homePage #sec-category .eyecatch a img { width:70px; height:70px; } body.homePage #sec-category .eyecatch .cover { width:70px; height:70px; } body.homePage #sec-category .eyecatch .cover .text { width:70px; height:70px; font-size:10px; } body.homePage #contents #sec-weekly ul { width:610px; border:1px solid #cecece; background:#f1f1f1; } body.homePage #contents #sec-weekly ul li { position:relative; margin:0; padding:10px; width:196px; border-left:1px solid #dfdfdf; } body.homePage #contents #sec-weekly ul li:first-child { border:none; } body.homePage #contents #sec-weekly .heading { background:#e7e7e7; position:relative; left:-10px; top:-10px; width:184px; margin-bottom:0; padding:6px 10px; font-size:15px; } body.homePage #contents #sec-weekly .heading .rank1 { padding-left:34px; color:#a58900; background:url(../img/ico_rank1.gif) no-repeat 3px center; } body.homePage #contents #sec-weekly .heading .rank2 { padding-left:34px; color:#7b7b7b; background:url(../img/ico_rank2.gif) no-repeat 3px center; } body.homePage #contents #sec-weekly .heading .rank3 { padding-left:34px; color:#b28971; background:url(../img/ico_rank3.gif) no-repeat 3px center; } body.homePage #contents #sec-weekly .eyecatch { margin:0 0 10px 0; width:196px; height:196px; background:url(/common/img/img_thumb_empty4.png) no-repeat center center #000; } body.homePage #contents #sec-weekly .eyecatch a { width:196px; height:196px; } body.homePage #contents #sec-weekly .eyecatch a img { width:196px; height:196px; } body.homePage #contents #sec-weekly .eyecatch .cover { width:196px; height:196px; } body.homePage #contents #sec-weekly .eyecatch .cover .text { width:196px; height:196px; } body.homePage #contents #sec-weekly .range { position:absolute; right:0; top:5px; margin-top:6px; line-height:120%; } body.homePage #sec-portfolio .banner { margin-bottom:3px; margin-right:5px; float:left; } body.homePage #sec-bookmark .loading-bookmark { position:relative; left:30px; } body.homePage #sec-bookmark ul { width:auto; } body.homePage #sec-bookmark li { position:relative; border:1px solid #cecece; border-top:none; padding:10px; background:#f1f1f1; line-height:110%; } body.homePage #sec-bookmark li:first-child { border-top:1px solid #cecece; } body.homePage #sec-bookmark li a { text-decoration:none; } body.homePage #sec-bookmark li a:hover { text-decoration:underline; } body.homePage #sec-bookmark li .date { font-size:12px; position:absolute; bottom:10px; right:10px; line-height:110%; } body.homePage #sec-bookmark li .site { display:block; padding:2px 0 2px 20px; font-weight:bold; margin-bottom:5px; } body.homePage #sec-bookmark li .title { display:block; line-height:140%; padding-bottom:20px; } body.homePage #sec-bookmark li.site2 .site { background:url(../img/ico_bookmark02.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site3 .site { background:url(../img/ico_bookmark03.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site4 .site { background:url(../img/ico_bookmark04.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site5 .site { background:url(../img/ico_bookmark05.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site6 .site { background:url(../img/ico_bookmark06.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site7 .site { background:url(../img/ico_bookmark07.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site8 .site { background:url(../img/ico_bookmark08.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site9 .site { background:url(../img/ico_bookmark09.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site10 .site { background:url(../img/ico_bookmark10.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site11 .site { background:url(../img/ico_bookmark11.gif) no-repeat left 1px; } body.homePage #sec-bookmark li.site12 .site { background:url(../img/ico_bookmark12.gif) no-repeat left 1px; } body.homePage #sec-bookmark .range { text-align:right; margin-top:6px; line-height:120%; } body.homePage #top-sub-contents #sec-weekly ul { width:298px; /* border:1px solid #cecece; */ background:#f1f1f1; } body.homePage #top-sub-contents #sec-weekly ul li { position:relative; margin:0; padding:10px; width:auto; min-height:90px; border-top:1px solid #dfdfdf; } body.homePage #top-sub-contents #sec-weekly ul li:first-child { border:none; } body.homePage #top-sub-contents #sec-weekly .eyecatch { position:absolute; margin:0; left:10px; width:90px; height:90px; background:url(/common/img/img_thumb_empty3.png) no-repeat center center #000; } body.homePage #top-sub-contents #sec-weekly .eyecatch a { width:90px; height:90px; } body.homePage #top-sub-contents #sec-weekly .eyecatch a img { width:90px; height:90px; } body.homePage #top-sub-contents #sec-weekly .eyecatch .cover { width:90px; height:90px; } body.homePage #top-sub-contents #sec-weekly .eyecatch .cover .text { width:90px; height:90px; font-size:10px; } body.homePage #top-sub-contents #sec-weekly .heading { position:absolute; left:0; top:0; width:286px; font-size:15px; line-height:100%; height:14px; background:#e7e7e7; padding:6px; } body.homePage #top-sub-contents #sec-weekly .heading .rank1 { padding-left:34px; color:#a58900; background:url(../img/ico_rank1.gif) no-repeat 3px center; } body.homePage #top-sub-contents #sec-weekly .heading .rank2 { padding-left:34px; color:#7b7b7b; background:url(../img/ico_rank2.gif) no-repeat 3px center; } body.homePage #top-sub-contents #sec-weekly .heading .rank3 { padding-left:34px; color:#b28971; background:url(../img/ico_rank3.gif) no-repeat 3px center; } body.homePage #top-sub-contents #sec-weekly .entry-item { margin-bottom:0; margin-left:100px; } body.homePage #top-sub-contents #sec-weekly .title { margin-bottom:0; } body.homePage #top-sub-contents #sec-weekly .range { text-align:right; margin-top:6px; line-height:120%; } body.homePage #subContents.pc, html.ie8 body.homePage #subContents, html.ie7 body.homePage #subContents { display:none; } body.homePage #goto-home { display:none; } body.homePage .view-item-switcher.home-style { position:absolute; right:20px; top:0px; width:300px; height:195px; background:url(../img/bg_selector.png) no-repeat left top #f1f1f1; } body.homePage .view-item-switcher.home-style .title { color:#fff; font-size:15px; text-align:center; padding-top:28px; } body.homePage .view-item-switcher.home-style .buttons { position:absolute; top:71px; width:298px; border-left:1px solid #cecece; border-right:1px solid #cecece; } body.homePage .view-item-switcher.home-style .buttons label { font-size:15px; position:relative; height:41px; border-top:1px solid #dfdfdf; display:block; line-height:100%; } body.homePage .view-item-switcher.home-style .buttons label:first-child { border:none; } body.homePage .view-item-switcher.home-style .buttons label span { display:block; position:absolute; left:23px; top:13px; } body.homePage .view-item-switcher.home-style .buttons input { vertical-align:middle; margin:0 3px; position:relative; top:-1px; } body.homePage .fb-page { position:absolute; right:35px; top:108px; width:300px; height:195px; } /* ps4 特集 */ body.homePage .ps4-contents a:hover { opacity:0.9; } /*body.homePage .ps4-contents { background:#003791; margin:40px 0; } body.homePage .ps4-contents h2 { background:#003791; width:auto; left:0px; padding:0; margin:0; border-left:none; } body.homePage .ps4-contents h2 img { display:block; } body.homePage .ps4-contents ol { margin:0; padding:0; } body.homePage .ps4-contents ol li { cursor:pointer; color:#fff; font-size:15px; border-top:1px solid #335fa7; padding:10px 15px 10px 15px; margin:0; list-style-position:inside; list-style-type:decimal; } body.homePage .ps4-contents li a { color:#fff; text-decoration:none; } body.homePage .ps4-contents ol li:hover { background:#fff; color:#003791; } body.homePage .ps4-contents ol li:hover a { color:#003791; } body.homePage .ps4-contents ol li.coming-soon { cursor:default; color:#597db7; } body.homePage .ps4-contents ol li.coming-soon:hover { background:#003791; } */ /* sochi2014 特集 */ body.homePage .sochi2014-contents { background:#fff; margin:40px 0; } body.homePage .sochi2014-contents h2 { background:#fff; width:auto; left:0px; padding:0; margin:0; border-left:none; } body.homePage .sochi2014-contents h2 img { display:block; } body.homePage .sochi2014-contents ol { margin:0; padding:0; } body.homePage .sochi2014-contents ol li { cursor:pointer; color:#0171be; font-size:15px; border-top:1px solid #cce2f2; padding:10px 15px 10px 15px; margin:0; list-style-position:inside; list-style-type:decimal; } body.homePage .sochi2014-contents li a { color:#0171be; text-decoration:none; } body.homePage .sochi2014-contents ol li:hover { background:#0171be; color:#fff; } body.homePage .sochi2014-contents ol li:hover a { color:#fff; } body.homePage #contents .banner { margin:9px -1px; margin-bottom:20px; box-shadow:0 0 1px rgba(0,0,0,0.3); border:1px solid #fff; } body.homePage #contents .banner:hover { opacity:0.9; } body.homePage #contents .banner img { display:block; } body.homePage #contents .random-banner { margin:-1px; margin-bottom:40px; box-shadow:0 0 1px rgba(0,0,0,0.3); border:1px solid #fff; } body.homePage #contents .random-banner img { display:block; } body.listPage #goto-home { display:inline-block; /display:inline; /zoom:1; } body.listPage #contents .random-banner { display:none; } body.listPage #contents .entry { border:none; } body.entryPage #pickup-entry { position:fixed; left:0; bottom:-150px; height:150px; width:100%; background:#161616; z-index:9999; } body.entryPage #pickup-entry .container { position:relative; width:1000px; height:150px; margin:0 auto; } body.entryPage #pickup-entry .title { position:relative; font-size:16px; font-weight:bold; top:16px; left:20px; color:#ccc; } body.entryPage #pickup-entry .item { position:absolute; top:49px; width:326px; } body.entryPage #pickup-entry .item a { display:block; height:90px; text-decoration:none; } body.entryPage #pickup-entry .item img { position:absolute; left:0; top:0; width:90px; height:90px; } body.entryPage #pickup-entry .item p { position:absolute; left:100px; width:195px; height:90px; overflow:hidden; top:0; color:#ccc; } body.entryPage #pickup-entry .item1 { left:20px; } body.entryPage #pickup-entry .item2 { left:346px; } body.entryPage #pickup-entry .item3 { left:672px; } body.entryPage #pageTitleAnchor, body.entryPage #pageTitle { display:none; } /* google adsense banner */ #spBanner { margin-top:-10px; } #contents .bannerArea { position:relative; /* left:2px; */ } #contents .bannerArea iframe { margin:0; } #contents .bannerArea .inner { width:670px; padding:10px 20px; text-align:center; } #contents .bannerArea img { vertical-align:bottom; } #contents .bannerArea .banner { width:468px; height:60px; display:inline-block; /display:inline; /zoom:1; vertical-align:bottom; } #contents .bannerArea .banner1, #contents .bannerArea .banner2, #contents .bannerArea .banner3 { margin-top:0; } .ks-productBanner { float:left; width:196px; display:block; } #firstBanner { max-width:1000px; width:100%; margin:20px 0 10px; } body.archivePage #firstBanner { margin-top:10px; } #topBanner { padding-top:1px; /*background:url(/common/img/bg_contents_top.gif) left top no-repeat;*/ } #topBanner .inner { /*background:url(/common/img/bg_banner_top.gif) left top repeat-y;*/ } #bottomBanner { padding-bottom:1px; /*background:url(/common/img/bg_contents_bottom.gif) left bottom no-repeat;*/ } #bottomBanner .inner { /*background:url(/common/img/bg_banner_bottom.gif) left top repeat-y;*/ } #contents #topBanner2 .inner { padding-bottom:0; } #contents #topBanner { position:relative; margin:0 auto 10px; } #contents #topBanner .banner1 { width:300px; position:relative; left:15px; /* margin:0 auto; */ } #contents #topBanner .banner2 { width:300px; position:absolute; left:335px; top:0; } #contents #topBanner .banner2 .link-unit { margin-bottom:20px; } #contents #categoryTopBanner { width:650px; margin-bottom:10px; } #contents #categoryTopBanner .inner { padding-bottom:0; } body.entryPage #contents #topBanner { width:650px; position:relative; margin-bottom:30px; } body.entryPage #contents #bottomBanner { width:650px; position:relative; margin-top:30px; } body.entryPage #contents #bottomBanner .banner1 { width:300px; position:relative; left:15px; margin:0; } body.entryPage #contents #bottomBanner .banner2 { width:300px; position:absolute; left:335px; top:0; } body.entryPage #contents #bottomBanner .banner2 .link-unit { margin-bottom:20px; } body.entryPage #contents #footerBanner { width:650px; position:relative; margin:30px auto; } body.entryPage #contents #footerBanner .banner1 { width:300px; position:relative; /* left:15px; */ margin:0 auto; } body.entryPage #contents #footerBanner .banner2 { width:300px; position:absolute; left:335px; top:0; } body.entryPage #contents #footerBanner .banner2 .link-unit { margin-bottom:20px; } .banner2 .ad-banner-container { margin:0!important; } #contents #listContents { margin-top:-25px;} #contents #listContents #topBanner { margin-bottom:5px; width:auto; /* left:2px; */ position:relative; } #contents #listContents #topBanner .banner { position:absolute; width:300px; } #contents #listContents #topBanner .banner1 { left:0; } #contents #listContents #topBanner .banner2 { left:320px; } #contents #listContents #topBanner .banner3 { left:640px; top:-1px; } #contents #listContents #bottomBanner .inner { width:auto; text-align:center; } #contents #listContents #bottomBanner .banner { display:inline-block; /display:inline; /zoom:1; } #contents #archiveBottomBanner { position:relative; margin:0px auto; } #contents #archiveBottomBanner .banner1 { width:300px; position:relative; left:15px; /* margin:0 auto; */ } #contents #archiveBottomBanner .banner2 { width:300px; position:absolute; left:335px; top:0; } #siteAdBanner01 { background-position:0 0!important; } #contents #top-banner01 { height:250px; text-align:center; } #contents #top-banner02 { position:relative; } #contents #top-banner02 .banner2 { position:absolute; right:0; top:0; } .category-nav { position:relative; top:52px; border-top:1px solid #1e1e1e; background:#272727; height:35px; } .category-nav .inner { position:absolute; text-align:center; } .category-nav ul { text-align:left; height:35px; } .category-nav li { display:inline-block; line-height:35px; font-size:13px; } .category-nav li a { display:block; padding:0px 20px 0 30px; margin:0; margin-right:1px; color:#ccc; text-decoration:none; background-color:#272727; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .category-nav li a:hover { background-color:#1c6eae; color:#fff; } .category-nav li.active a { background:#e7e7e7; color:#272727; } .category-nav .title { display:none; } .pulldown-global-nav { position:absolute; width:100%; height:0; overflow:hidden; left:0; top:88px; } .pulldown-global-nav a { color:#ccc; text-decoration:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .pulldown-global-nav a:hover { color:#1c6eae; } .pulldown-global-nav ul, .pulldown-global-nav .view-item-switcher { display:inline-block; display:inline-block; /display:inline; /zoom:1; padding:6px 0; } .pulldown-global-nav ul li { display:inline-block; display:inline-block; /display:inline; /zoom:1; } .pulldown-global-nav ul li a { display:block; padding:0 10px; } .pulldown-global-nav .title { color:#999; position:absolute; left:0; top:6px; line-height:180%; width:50px; text-align:right; font-weight:bold; padding:0 10px; /* display:inline-block; /display:inline; /zoom:1;*/ } .pulldown-global-nav .title:after { content:" ："} .pulldown-global-nav .category-nav, .pulldown-global-nav .tag-nav, .pulldown-global-nav .view-nav, .pulldown-global-nav .snsConnection { border-top:1px solid #1e1e1e; background:#272727; } .pulldown-global-nav .category-nav { margin-top:-300px; } .pulldown-global-nav .category-nav .inner, .pulldown-global-nav .tag-nav .inner, .pulldown-global-nav .view-nav .inner, .pulldown-global-nav .snsConnection .inner { position:relative; padding-left:75px; width:920px!important; margin:0 auto; } .pulldown-global-nav .snsConnection .inner ul { margin:0 0 0 15px; width:940px; } .pulldown-global-nav .snsConnection .follow-me { position:absolute; right:20px; top:6px; padding-left:10px; width:370px; height:60px;} .pulldown-global-nav .snsConnection .follow-me p { position:absolute; color:#ccc; font-weight:normal; line-height:110%; bottom:22px; } .pulldown-global-nav .snsConnection .follow-me iframe { position:absolute!important; bottom:8px; } .pulldown-global-nav .view-item-switcher { position:relative; right:auto; top:auto; width:auto; height:auto; background:none; } .pulldown-global-nav .view-item-switcher .buttons label { display:inline-block; line-height:180%; color:#ccc; padding:0 10px; /display:inline; /zoom:1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .pulldown-global-nav .view-item-switcher .buttons label:hover { color:#1c6eae; } .pulldown-global-nav .view-item-switcher .buttons input { vertical-align:middle; margin:0 3px; position:relative; top:-1px; } #pulldown-sign { display:none; position:relative; top:-34px; width:1000px; margin:0 auto; } #pulldown-sign img { position:absolute; left:404px; top:5px; padding:20px; } html.ie9 .pulldown-global-nav .snsConnection .follow-me p { margin-top:-10px; } html.ie7 .pulldown-global-nav { display:none; } #side-large-banner { /* display:none; */ text-align:center; padding:0 0 10px; position:relative; left:0px; top:0px; } #amazon-ranking-nav { position:relative; } #amazon-ranking-nav .nav-prev { position:absolute; left:0px; top:0; padding:10px; text-align:center; cursor:pointer; } #amazon-ranking-nav .nav-next { position:absolute; right:0px; top:0; padding:10px; text-align:center; cursor:pointer; } #amazon-ranking-nav .nav-prev:hover, #amazon-ranking-nav .nav-next:hover { background:#e6e6e6; } #amazon-ranking-category { background:#dbdbdb; text-align:center; padding:10px; } #amazon-ranking li { position:relative; min-height:130px; padding:10px!important; } #amazon-ranking .thumb { position:absolute; left:10px; top:10px; width:100px; height:130px; overflow:hidden; } #amazon-ranking .thumb img { width:100px; } #amazon-ranking .title { padding-left:110px; font-size:12px; line-height:140%; } #amazon-ranking .title a { color:#1c6eae!important; font-weight:bold; } #amazon-ranking .arrow { padding-left:110px; } #amazon-ranking .arrow img { margin-left:5px; } #amazon-ranking .text { padding-left:110px; font-size:12px; line-height:140%; } #amazon-ranking .text a { color:#272727!important; text-decoration:none!important; display:inline!important; cursor:default; } #amazon-ranking .price { padding-left:110px; font-size:12px; color:#c00; } #amazon-ranking .star { padding-left:110px; } #amazon-ranking .next { text-align:right; font-size:12px; } #amazon-ranking .next a { color:#1c6eae!important; font-size:12px; } #amazon-ranking li.next { min-height:0; } #amazon-ranking .last { text-align:right; font-size:12px; } #amazon-ranking .last a { color:#1c6eae!important; font-size:12px; } #amazon-ranking li.last { min-height:0; } #amazon-ranking2-nav { position:relative; width:612px; } #amazon-ranking2-nav .nav-prev { position:absolute; left:0px; top:0; padding:10px; text-align:center; cursor:pointer; } #amazon-ranking2-nav .nav-next { position:absolute; right:0px; top:0; padding:10px; text-align:center; cursor:pointer; } #amazon-ranking2-nav .nav-prev:hover, #amazon-ranking2-nav .nav-next:hover { background:#e6e6e6; } #amazon-ranking2-category { background:#dbdbdb; text-align:center; padding:10px; } #amazon-ranking2 ul { width:610px; border:1px solid #cecece; background:#f1f1f1; } #amazon-ranking2 ul li { position:relative; margin:0; padding:10px; width:196px; border-left:1px solid #dfdfdf; } #amazon-ranking2 ul li:first-child { border:none; } #amazon-ranking2 .arrow img { margin-left:5px; } #amazon-ranking2 .thumb { display:table-cell; width:196px; height:196px; background:#fff; vertical-align:middle; text-align:center; } #amazon-ranking2 .thumb img { vertical-align:bottom; } #amazon-ranking2 .title { margin-top:10px; } #amazon-ranking2 .text a { color:#272727; text-decoration:none; cursor:default; } #amazon-ranking2 .price { color:#c00; } #amazon-ranking2 .next, #amazon-ranking2 .last { text-align:right; font-size:15px; margin:10px 0; } #amazon-ranking2 .next a, #amazon-ranking2 .last a { text-decoration:none; } #amazon-ranking2 .next a:hover, #amazon-ranking2 .last a:hover { text-decoration:underline; } .random-banner img { width:100%; display:block; } .entry .body .random-banner { margin:-1px; box-shadow:0 0 1px rgba(0,0,0,0.3); border:1px solid #fff; } .entry .body .random-banner img { width:100%; display:block; } #newEntriesArea .random-banner { margin:10px 0; } #newEntriesArea .random-banner img { width:100%; } #newEntriesArea .ad-banner-container { margin:10px 0; } /* home destiny仕様 */ /*body.homePage { background:url(../img/bg_sp_ps4_destiny_home.jpg) no-repeat center -120px #0a131d; } body.homePage .section h2 { color:#fff; } body.homePage .main-visual { height:180px; } body.homePage .main-visual div { display:none; } body.homePage #btn-destiny { position:absolute; left:620px; top:135px; } body.homePage #top-sub-contents #sec-weekly .range { color:#fff; }*/ #single-header-banner { margin:10px 0 0; } #single-footer-banner { margin:10px 0 0; } body.homePage .pickup-item { border-radius:5px; background:#fff; padding:20px; } body.homePage .pickup-item h1 { background:none; padding:0; color:#272727; font-weight:bold; font-size:20px; margin:20px 0; line-height:140%; } body.homePage .pickup-item p { font-size:14px; } body.homePage .pickup-item img { max-width:100%; border-radius:5px; } body.homePage .pickup-item strong { color:#C00; } body.homePage .pickup-item .btn { margin-top:20px; text-align:center; } body.homePage .pickup-item .btn a { border-radius:5px; background:#1c6eae; color:#fff; text-decoration:none; display:inline-block; padding:10px 30px; } body.homePage .pickup-item .btn a:hover { opacity:0.7; } body.homePage .top-catch { position:relative; width:4000px; left:-1510px; overflow:hidden; border-bottom:1px solid #ccc; background:#e7e7e7; font-size:14px; margin-bottom:20px; } body.homePage .top-catch > * { position:relative; left:1510px; width:980px; padding:10px 0px; line-height:145%; margin:0; text-align:center; } a.about-link { color:#272727!important; border:none; background:#eee; padding:0px 10px; text-decoration:none; border-radius:5px; display:inline-block; } a.about-link:hover { background:#ccc; } /* msg5 */ #mgs5buy { position:relative; background:url(../img/mgs5_img2.png) no-repeat left top; width:650px; height:243px; } #mgs5buy a { display:block; width:650px; height:243px; position:relative; } #mgs5buy a span { display:block; text-indent:-9999px; } body.homePage .pickup-item { padding:0; } body.homePage #mgs5buy { position:relative; background:url(../img/mgs5_img2.png) no-repeat left top; width:612px; height:229px; background-size:612px auto; } body.homePage #mgs5buy a { display:block; width:612px; height:229px; position:relative; } body.homePage #mgs5buy a span { display:block; text-indent:-9999px; } /* tag-index */ .tag-index { margin-bottom:50px; } .tag-index h2 { } .entry .tag-items01 { margin:20px 0; } .entry .tag-items01 ul { padding-left:0; } .entry .tag-items01 ul.review-list { position:relative; display:flex; flex-wrap:wrap; padding-top:20px; } .entry .tag-items01 ul.review-list:before { content:"未採点"; display:block; background:#858379; color:#fff; font-size:10px; position:absolute; right:0; top:-20px; width:50px; line-height:20px; text-align:center; } .entry .tag-items01 ul.review-list:after { content:"採点済み"; display:block; background:#272727; color:#fff; font-size:10px; position:absolute; right:50px; top:-20px; width:50px; line-height:20px; text-align:center; } .entry .tag-items01 .item { list-style-type:none; border:1px solid #272727; background:left top no-repeat #272727; background-size:50px 50px; width:49%; margin-right:2%; margin-bottom:2%; box-sizing:border-box; position:relative; } .entry .tag-items01 .item:hover { opacity:0.8; } .entry .tag-items01 .item.not-review { background-color:#858379; border-color:#858379; } .entry .tag-items01 .item.only-ps5:after { content:"PS5専用"; display:block; position:absolute; right:-1px; top:-9px; font-size:10px; background:#07397e; color:#fff; line-height:15px; padding:0 5px; } .entry .tag-items01 .item:nth-child(2n) { margin-right:0; } .entry .tag-items01 .item .body { height:150px; overflow:auto; padding:10px; background:#efefef; } .entry .tag-items01 .item h4 { background:none; margin:0; padding:0; border-bottom:none; height:50px; box-sizing:border-box; display:table; width:100%; color:#fff; line-height:120%; font-size:14px; } .entry .tag-items01 .item h4 span { display:none; display:table-cell; vertical-align:middle; padding:0 10px 0 60px; } .entry .tag-items01 .item > a { color:#fff; text-decoration:none; } .entry .tag-items01 .item > a:hover h3 { text-decoration:underline; } .entry .tag-items01 .item ul li { font-size:12px; list-style-type:disc; margin-left:20px; line-height:150%; margin-bottom:8px; } .tag-items02 { border:1px solid #272727; background:#efefef; padding:10px; height:250px; overflow:auto; } .tag-items02 ul li { font-size:12px; list-style-type:disc; margin-left:20px; line-height:150%; margin-bottom:8px; } .tag-items03 { margin:20px 0; } .tag-items03 .item { border:1px solid #272727; background:left top no-repeat #272727; background-size:100px 100px; width:49%; margin-right:2%; margin-bottom:2%; float:left; box-sizing:border-box; } .tag-items03 .item:nth-child(2n) { margin-right:0; } .tag-items03 .item .body { height:120px; overflow:auto; padding:10px; background:#efefef; } .tag-items03 .item .body p { margin-bottom:0; } .tag-items03 .item h3 { border-bottom:1px solid #ccc; height:100px; box-sizing:border-box; display:table; width:100%; color:#fff; line-height:140%; font-size:16px; } .tag-items03 .item h3 span { display:table-cell; vertical-align:middle; padding:0 10px 0 110px; } .tag-items03 .item > a { color:#fff; text-decoration:none; } .tag-items03 .item > a:hover h3 { text-decoration:underline; } .listPageBtn { background: #1c6eae; color: #fff; display: block; min-width: 300px; width: 60%; text-decoration: none; margin: 2.5em auto; padding: 1.5em 0; text-align: center; } .listPageBtn:hover { opacity:0.7; } #sec-main-pickup { margin-bottom:0px; } body.homePage .sec-basic .main-pickup { width:632px; } body.homePage .sec-basic .main-pickup .item { display:block; text-decoration:none; float:none; width:auto; margin-bottom:10px; border: 1px solid #ddd; background: #272727; padding:0; } body.homePage .sec-basic .main-pickup .item:last-child { margin-bottom:0; } body.homePage .sec-basic .main-pickup .item:hover { opacity:0.7; } body.homePage .sec-basic .main-pickup .item .entry-item { display:table-row; } body.homePage .sec-basic .main-pickup .item .eyecatch { width: auto; height:auto; display:table-cell; vertical-align:top; background:transparent; } body.homePage .sec-basic .main-pickup .item .eyecatch a { width: auto; height:auto; background:transparent; } body.homePage .sec-basic .main-pickup .item .eyecatch img { display:block; width:196px; height:196px; } body.homePage .sec-basic .main-pickup .item .texts { display:table-cell; vertical-align:top; padding-left:20px; font-size:14px; color:#fff; padding:10px 10px; } body.homePage .sec-basic .main-pickup .item .texts h3 { padding-left:0; font-size:18px; margin-bottom:10px; color:#fff; } body.homePage .sec-basic .main-pickup .item .texts p { padding-left:0; font-size:14px; color:#fff; } body.homePage #sec-weekly .item .title { margin-top:0; } #toc_container { border: 1px solid #dfdfdf!important; padding: 20px!important; } #toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li { list-style-type: disc!important; color: #4682b4; margin-left: 10px; margin-bottom: 0.7em; line-height: 130%; } .toc_list > li { font-weight:bold; } .toc_list > li > ul { margin:1em 0 1em 1em!important; } .toc_list > li > ul > li { font-weight:normal; opacity: 0.8; font-size: 90%; } } @media screen and (max-width: 480px) { .tag-index { margin:10px; } .entry .tag-items01 .item { width:48%; margin-right:4%; margin-bottom:4%; } .entry .tag-items01 .item.only-ps5:after { font-size:8px; } .entry .tag-items01 .item ul { margin:0!important; } .entry .tag-items01 .item h4 { font-size:9px; line-height:120%; } .entry .tag-items01 .item h4 span { padding:0 5px 0 55px; } .entry .tag-items03 .item { width:auto; margin-right:0; margin-bottom:10px; float:none; } .entry .tag-items03 .item h4 { font-size:12px; } .entry .tag-items03 .item p { font-size:12px; margin:0!important; } } /* entry 1column */ @media screen and (min-width: 481px) { body.entryPage { min-width:750px; } body.entryPage #container { width:1000px; } body.entryPage #main { width:750px; margin:0 auto 10px; display:block; } body.entryPage .entry { padding:50px 50px; } body.entryPage .comments, .commentForm { width:720px; } body.entryPage #contents { float:none; } body.entryPage #side-large-banner { text-align:left; width:300px; } body.entryPage #subContents { float:none; width:auto; height:auto!important; margin-left:0; margin-top:30px; } body.entryPage #subContents #subContentsInner { width:auto; padding-bottom:10px; } body.entryPage #subContents #subContentsWrapper { display:flex; flex-wrap:nowrap; } body.entryPage #subContents #newEntriesArea { width: 360px; margin-right: 20px; } body.entryPage #subContents #pickupArea { width:370px; } /*body.entryPage #footer { padding-bottom:20px; }*/ body.entrancePage #contents { width:auto; } body.entrancePage .all-new ul { width:auto; } body.entrancePage .all-new ul .item { width:192px; } body.entrancePage .all-new ul .item:nth-child(4) { margin-left:10px; } body.entrancePage .all-new ul .item .heading { line-height:16px; padding:6px 0 0; left:0; margin:0 0 10px; } body.entrancePage .all-new ul .item .category { display:inline-block; color:#fff; background:#272727; padding:0 5px; margin-right:5px; font-size:10px; } body.entrancePage .all-new ul .item .eyecatch { width:auto; height:auto; } body.entrancePage .all-new ul .item .eyecatch a { width:auto; height:auto; } body.entrancePage .all-new ul .item .eyecatch a img { max-width:100%; width:auto; height:auto; display:block; } } /* mobile mode */ @media screen and (max-width: 480px) { .pc { display:none!important; } .sp { display:block!important; } body { min-width:0; } #header { min-width:0; } body.homePage { background-position:left 52px; } #container, #main, #contents { width:320px; max-width:100vw; } #main { display:block; } #notfound { padding:10px!important; } #notfound a { padding:5px!important; } #notfound p { font-size:14px; } .topic-path { padding-top:6px; padding-left:10px; width:auto; } .topic-path ul { } .topic-path ul li a { font-size:10px; } /* 姉妹サイト */ .other-site { display:block; padding:10px; text-align:center; } body.entryPage { min-width:0; } body.entryPage #container, body.entryPage #main, body.entryPage #contents { width:320px!important; max-width:100vw; float:none; } body.entryPage #contents { margin-top:0; margin-bottom:30px; } body.entryPage .entry .body h2 { width:auto; } body.entryPage img, body.entryPage .entry .body img { max-width:100%; height:auto; } /*body.entryPage #subContents { display:block; position:absolute; top:0; margin-top:0; }*/ body.entryPage #subContents { height:auto!important; } #main #contents #topBanner, #main #contents #bottomBanner, #main #contents #footerBanner { width:320px!important; max-width:100vw; text-align:center; margin-left:0px!important; margin-right:0px!important; left:0; } #main #contents #topBanner .banner1, #main #contents #bottomBanner .banner1, #main #contents #footerBanner .banner1 { width:auto; display:inline-block; margin-left:0; margin-right:0; left:0; } #main #contents #topBanner, #main #contents #topBanner .banner1 { margin-bottom:0; } #main #contents #footerBanner .banner1 { margin-bottom:45px; } #main #contents #topBanner .banner2 { display:none!important; } #main #contents #bottomBanner .banner2, #main #contents #footerBanner .banner2 { position:static; margin:auto; } #main #contents #archiveBottomBanner .banner2 { position:static; margin:30px auto; } body.entryPage .body { font-size:12px; width:320px!important; max-width:100vw; } body.entryPage .entry { background:#fff; left:0; border-top:none; } body.entryPage .body>div, body.entryPage .body>p, body.entryPage .body>ul, body.entryPage .body>ol, body.entryPage .body>dl { margin-left:10px; margin-right:10px; } body.entryPage .entry .body .videoContainer iframe { width:100%; height:280px; } body.entryPage .entry .body .snsConnection .pocket-btn iframe { width:60px; height:63px; } body.entryPage .downloadFiles table { width:100%; } body.entryPage .cfro-hover, body.entryPage .cfro-normal { background-size:contain; } body.entryPage .mb-notice, body.entryPage .is-old-entry { font-size:12px!important; } body.entryPage .twitter-tweet-rendered { width:auto!important; } body.archivePage { min-width:0; } body.archivePage #container, body.archivePage #main, body.archivePage #contents { width:auto!important; float:none; } body.archivePage .entry .body h2 { width:auto; position:static; } body.archivePage img { max-width:100%; height:auto; } body.archivePage #subContents { display:block; position:relative; top:0; } body.archivePage #contents #topBanner, body.archivePage #contents #bottomBanner, body.archivePage #contents #archiveBottomBanner { margin:30px 0; width:auto; text-align:center; left:0; } body.archivePage #contents #topBanner .banner1, body.archivePage #contents #bottomBanner .banner1, body.archivePage #contents #archiveBottomBanner .banner1 { width:auto; display:inline-block; margin-left:0; margin-right:0; left:0; } body.archivePage .body { font-size:14px; width:auto!important; } body.archivePage .entry { background:#fff; left:0; border-top:none; } body.archivePage .body>div, body.archivePage .body>p, body.archivePage .body>ul, body.archivePage .body>dl { margin-left:10px; margin-right:10px; } body.archivePage .archive-entry { min-height:80px; padding-bottom:1px; margin-bottom:0; border-bottom:1px solid #eee; } body.archivePage .archive-entry .eyecatch { width:80px; height:80px; left:10px; top:10px; background-size:80px 80px; background-position:0 0; } body.archivePage .archive-entry .eyecatch a { width:80px; height:80px; } body.archivePage .archive-entry .eyecatch a img { height:auto; } body.archivePage .archive-entry .header { padding-left:100px; padding-right:10px; padding-top:10px; font-size:14px; } body.archivePage .archive-entry .header .title { font-size:14px; } body.archivePage .archive-entry .category, .archive-entry .tag { margin-left:0!important; margin-right:0!important; } body.archivePage .archive-entry .category a, .archive-entry .tag a { font-size:10px!important; } body.homePage { min-width:0; background:#fff; } body.homePage #container, body.homePage #main, body.homePage #contents { width:auto!important; float:none; padding:0; } body.homePage #main { overflow:visible; background: #fff; display:block; } body.homePage .entry .body h2 { width:auto; position:static; } body.homePage img { max-width:100%; height:auto; } body.homePage #subContents { display:block; position:absolute; top:-111px; } body.homePage #contents #topBanner, body.homePage #contents #bottomBanner, body.homePage #contents #archiveBottomBanner { margin:30px 0; width:auto; text-align:center; margin-left:0; margin-right:0; left:0; } body.homePage #contents #topBanner .banner1, body.homePage #contents #bottomBanner .banner1, body.homePage #contents #archiveBottomBanner .banner1 { width:auto; display:inline-block; margin-left:0; margin-right:0; left:0; } body.homePage .body { font-size:14px; width:auto!important; } body.homePage .entry { background:#fff; left:0; border-top:none; } body.homePage .body>div, body.homePage .body>p, body.homePage .body>ul, body.homePage .body>dl { margin-left:10px; margin-right:10px; } body.homePage .main-visual { margin:0 auto; padding:30px 10px; text-align:center; width:300px; height:auto; } body.homePage .section { margin-bottom:30px; } body.homePage .section:first-child { padding-top:30px; } body.homePage .section .item .heading a .count { left:90px; top:0px; } body.homePage .section .item .heading a { text-align:left; padding-top:0px; font-size:12px; } body.homePage .section .to-list { top:auto; right:10px; bottom:0px; } body.homePage .section .eyecatch .cover { display:none!important; } body.homePage .section h2 { font-size:17px; background-size:16px 16px; margin-left:10px; } body.homePage .section ul, body.homePage .sec-basic ul { width:auto; border:none; } body.homePage .sec-basic ul .item { width:auto; padding:10px; border:none; border-top:1px solid #ccc; } body.homePage .sec-basic .heading { background:none; padding:0; position:absolute; top:10px; left:100px; } body.homePage .section .item .title { width: calc(100% - 80px); padding:0; font-size:12px; } body.homePage .sec-basic .item .eyecatch { width:80px; height:80px; background-position:0 0; background-size:80px 80px; margin-right:10px; margin-bottom:0; } body.homePage .sec-basic .item .eyecatch a { width:80px; height:80px; } body.homePage .sec-basic .item .eyecatch a img { width:80px; height:80px; } body.homePage #contents .banner { margin-bottom:10px; } body.homePage .section-review ul, body.homePage .section-ranking ul { margin:0 10px; } body.homePage #amazon-ranking2-nav { width:auto; } body.homePage #amazon-ranking2 ul { width:auto; border:none; } body.homePage #amazon-ranking2 ul li { width:auto; float:none; min-height:80px; border:none; border-top:1px solid #ccc; } body.homePage #amazon-ranking2 .thumb { position:absolute; left:10px; top:10px; width:80px; height:80px; background-position:0 0; background-size:80px 80px; } body.homePage #amazon-ranking2 .thumb a { width:80px; height:80px; } body.homePage #amazon-ranking2 .arrow { padding-left:90px; } body.homePage #amazon-ranking2 .next, body.homePage #amazon-ranking2 .last { margin-left:10px; margin-right:10px; } body.homePage #sec-tag { padding-bottom:40px; } body.homePage #sec-tag ul { width:auto; border:none; } body.homePage #sec-tag ul li { width:auto; float:none; min-height:80px; border:none; border-top:1px solid #ccc; } body.homePage #sec-tag .heading { padding-left:100px; background:none; padding:10px; padding-left:100px; } body.homePage #sec-tag .eyecatch { position:absolute; left:10px; top:10px; width:80px; height:80px; background-position:0 0; background-size:80px 80px; } body.homePage #sec-tag .eyecatch a { width:80px; height:80px; background-size:80px 80px; } body.homePage #sec-tag .eyecatch a img { width:80px; height:80px; } body.homePage #sec-tag .heading { padding-left:162px; width:auto; padding-right:0; } body.homePage #sec-category { padding-bottom:40px; } body.homePage #sec-category ul { width:auto; border:none; } body.homePage #sec-category ul li.item { width:auto; float:none; min-height:80px; border:none; background:none; } body.homePage #sec-category ul li.item:last-child { margin-bottom:0; } body.homePage #sec-category .eyecatch { position:absolute; left:10px; top:10px; width:80px; height:80px; background-position:0 0; background-size:80px 80px; } body.homePage #sec-category .eyecatch a { width:80px; height:80px; background-size:80px 80px; } body.homePage #sec-category .eyecatch a img { width:80px; height:80px; } body.homePage #sec-category .heading { position:relative; left:0; top:10px; padding-left:80px; width:auto; margin-bottom:10px; } body.homePage #sec-category .item .heading a .count { left:10px; top:0px; } body.homePage #sec-category .item .heading a { text-align:left; padding-top:10px; font-size:12px; } body.homePage #sec-category ul.child { margin-left:0; border:none; background:#f1f1f1; } body.homePage #sec-category ul.child li.child-item { min-height:80px; border-color:#ccc; } body.homePage #sec-category ul.child li.child-item .title { margin-left:0; } body.homePage #sec-category .item .heading a .count { background-image:url(../img/bg_count2.png); } body.homePage #top-sub-contents { width:auto; margin-left:0; } body.homePage #top-sub-contents #sec-weekly ul { width:auto; border:none; } body.homePage #top-sub-contents #sec-weekly .heading { padding:10px; width:auto; position:relative; } body.homePage #top-sub-contents #sec-weekly ul li { padding:0; } body.homePage #top-sub-contents #sec-weekly .item { min-height:100px; } body.homePage #top-sub-contents #sec-weekly .item .title { padding-left:90px; } body.homePage #top-sub-contents #sec-weekly .entry-item { margin-left:100px; padding-top:10px; padding-bottom:10px; } body.homePage #top-sub-contents #sec-weekly .item .title { padding-left:0; padding-right:10px; } body.homePage #top-sub-contents #sec-weekly .eyecatch { position:absolute; left:10px; top:10px; width:80px; height:80px; background-position:0 0; background-size:80px 80px; } body.homePage #top-sub-contents #sec-weekly .eyecatch a { width:80px; height:80px; } body.homePage #top-sub-contents #sec-weekly .eyecatch a img { width:80px; height:80px; } body.homePage #top-sub-contents h2 { margin-left: 10px; margin-right: 10px; font-size: 17px; margin-top:30px!important; } body.homePage #top-sub-contents .textwidget { margin:0 10px; } body.homePage #sec-portfolio .banner { width:49%; margin-right:.5%; margin-left:.5%; } body.homePage #sec-bookmark li:first-child { border-top:none; } body.homePage #sec-bookmark li:last-child { border-bottom:none; } body.entrancePage .all-new ul .item .category { display:inline-block; color:#fff; background:#272727; padding:0 5px; margin-right:5px; font-size:10px; } body.entrancePage .entranceMenu { display:block; margin:0 10px; } body.entrancePage .entranceMenu a { width:auto; margin-right:0!important; margin-bottom:10px; height:180px; } body.entrancePage .entranceMenu a h2 { font-size:24px; } body.entrancePage .entranceMenu a p { font-size:10px; } body.archivePage { } body.archivePage .archive-index { width:auto; left:0; padding:10px; } body.archivePage .archive-index .bannerArea { left:0!important; } body.archivePage .archive-index-title { font-size:20px; background-size:16px 16px; padding-left:25px; } body.archivePage .archive-entry-index { min-height:90px; padding-bottom:10px; margin-bottom:0; border-top:1px solid #eee!important; } body.archivePage .archive-entry-index .eyecatch { width:80px; height:80px; left:10px; top:10px; background-size:80px 80px; background-position:0 0; } body.archivePage .archive-entry-index .eyecatch a { width:80px; height:80px; } body.archivePage .archive-entry-index .eyecatch a img { height:auto; } body.archivePage .archive-entry-index .header { padding-left:100px; padding-right:10px; padding-top:10px; font-size:14px; } body.archivePage .archive-entry-index .header .title { font-size:14px; } body.archivePage .archive-entry-index .header .date { margin-left:0; } body.archivePage .archive-entry-index .category, .archive-entry .tag { margin-left:0!important; margin-right:0!important; } body.archivePage .archive-entry-index .category a, .archive-entry .tag a { font-size:10px!important; } body.archivePage .archive-index .sub-title { line-height:140%; } body.archivePage .archive-next-page { border-top:1px solid #eee; } #header { height:34px; } #header #logo { width:80px; top:9px; left:10px; } #header .category-nav { top:34px; height:30px; } #header .category-nav li a { padding:3px 5px 3px 5px; font-size:10px; } #header .portfolio, #header .rss { display:none; } #header .searchArea { right:3px; top:3px } #header .searchArea .textbox { width:90px; padding:5px!important; font-size:12px; height:17px; } #header .searchArea .submit { width:27px; height:27px; background-size:cover; } #btn-sp-menu { display:none!important; z-index:9999; position:fixed; margin-bottom:10px; top:0; right:10px; left:none; bottom:none; display:block; width:110px; height:30px; background:url(../img/btn_sp_menu1.png) no-repeat left top; background-size:contain; } #btn-sp-menu.isOpen { background-image:url(../img/btn_sp_menu2.png); } #btn-sp-menu.isClose { background-image:url(../img/btn_sp_menu1.png); } #contents { background:none; } #pageTitle { height: auto; padding-top:30px; margin-bottom:30px; } #pageTitle .title { font-size:17px; padding-left:8px; width: auto!important; line-height: 120%; } #pageTitleDescription { display:none!important; } .snsConnection { display:none; } .entry .body .snsConnection { display:block; text-align:center; } .entry .body .snsConnection .fb-page { position:relative; display:block; } body.archivePage .pager { font-size:12px; width:auto; left:0; } body.archivePage .pager a, body.archivePage .pager span { margin:0 6px; padding:0; width:30px; line-height:30px; text-align:center; } .entryPage .entry, .archivePage .entry { width:auto!important; padding:0; } .entry .body .is-old-entry { font-size:20px; } .entry h1.title { font-size:18px; } .entry h2.title { font-size:18px; } .entry .body h2 { font-size:18px; margin-left:10px; margin-right:10px; margin-bottom:2.5em; } .entry .body h2:before { left:0; top:auto; bottom:-20px; } .entry .body h2 a {} .entry .body h3 { font-size:14px; margin-left:10px; margin-right:10px; padding:6px 8px; } .entry .body h4 { font-size:14px; margin-left:10px; margin-right:10px;} .entry .category { } .entry .tag { } body.entryPage .body .related-category { margin:0; } body.entryPage .body .yarpp-related { margin:0; } body.entryPage #footer, body.archivePage #footer { padding-bottom:40px; } body.entryPage #firstBanner { margin-bottom:20px; } body.entryPage #topPager { display:none; } body.entryPage #bottomPager a { display:none; } body.entryPage #bottomPager a[rel=next] { display:inline-block; z-index:10000; position:fixed; left:0; bottom:0; margin:0; border-top-right-radius:5px; background:rgba(0,0,0,0.7); } body.entryPage #bottomPager a[rel=prev] { display:inline-block; z-index:10000; position:fixed; right:0; bottom:0; margin:0; border-top-left-radius:5px; background:rgba(0,0,0,0.7); } body.entryPage #bottomPager a[rel=next]:hover, body.entryPage #bottomPager a[rel=prev]:hover { color:#fff; text-shadow:0 0 5px #fff; } .entryPage .entry .header { padding-top:10px; } .entry .header .date, .entry .header h1.title { margin-left:10px; margin-right:10px; margin-bottom:10px; } .entry .category-tag { white-space:nowrap; overflow:auto; } .entry .category, .entry .tag { display:inline; } .entry .header .date { margin-bottom:10px; } .entry .header .date span { font-size:10px; } .entry .header .date span:nth-child(1) { margin-right:20px; } .entry .category { margin-left:10px; } .entry .category a, .entry .tag a { font-size:10px; padding:6px 5px; margin:3px 3px 3px 0; } .entry .header .bottom {} .entry .body .next-wrap { margin:4.5em 20px; } .entry .body .hot-wrap { margin:4.5em 20px; } .entry .body .menu { padding:10px; } .entry .body .menu dt, .entry .body .menu dd { padding:10px 0; } .entry .body .writer dd { padding:10px; } .entry .body .writer .thumb { position:absolute; left:10px; top:10px; margin:0; } .entry .body .writer .thumb { width:70px; height:70px; } .entry .body .writer .prof { margin:0 0 0 80px; } #footer .utils { left:0%!important; bottom:0!important; width:100%; text-align:center; } #footer .utils div { margin:0; } #footer .utils #goto-home { display:none; } #footer .utils #goto-pagetop a { font-size:12px; padding:10px; position:relative; border-top-left-radius:5px; border-top-right-radius:5px; background:rgba(0,0,0,0.7); } #footer .utils #goto-pagetop a:hover { color:#fff; text-shadow:0 0 5px #fff; } .comments, .commentForm { width:auto; padding:10px; left:0; } .comments .header, .commentForm .header { padding-left:0; padding-top:10px; } .comments .comment { padding-left:45px; } body.entryPage .comments .body { width:auto; } body.entryPage .comments .body p { margin-left:0; margin-right:0; } body.entryPage .body {} #respond { margin:0; } #reply-title { padding-left:0px; padding-top:10px; } #respond input[type=text], #respond textarea { margin-top:0; margin-left:0; min-width:96%; border:none; padding:2%; } #respond .form-submit { margin:20px 0; text-align:center; } body.entryPage #pickup-entry { display:none; } #footer { padding:10px; font-size:12px; } #aboutArea .naviHeading { font-size:17px; margin-bottom:10px; } #aboutArea .texts { position:static; padding-top:100px; } #aboutArea .photo { width:80px; height:80px; } #aboutArea .photo img { max-width:100%; height:auto; } #aboutArea .profile { left:90px; width:210px; } #aboutArea .profile dt, #aboutArea .profile dd { display:inline; } #aboutArea .sns { background:#272727; width:auto; padding:10px; position:relative; top:120px; text-align:center; } #aboutArea .sns li { margin:5px !important; } #aboutArea .sns li:last-child { margin-left:10px!important; } #aboutArea .sns a img { vertical-align:top; } body.homePage .view-item-switcher.home-style { display:none; } body.homePage .fb-page { display:none; } body.entryPage #container, body.archivePage #container { width:694px; } body.entryPage #main, body.archivePage #main { width:694px; display:block; } body.entryPage .readMore, body.archivePage .readMore { margin:10px 0 0; padding:10px; border:1px solid #266696; background:#1c6eae; color:#fff; text-decoration:none; display:inline-block; /display:inline; /zoom:1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } body.entryPage .archive-entry .body, body.archivePage .archive-entry .body { margin:0 0 20px 0; min-height:120px; } body.archivePage .archive-entry { min-height:100px; } body.archivePage .archive-entry .header .title { font-size:12px; } body.archivePage .archive-entry .excerpt { font-size:12px; } .archive-entry .category, .archive-entry .tag { font-size:10px; display:none; } .archive-entry .category a, .archive-entry .tag a { padding:5px; } body.listPage #contents #adBanner01 { display:none; } #subContents .sp-menu { position:relative; display:block; background:#ccc; padding:10px; } #subContents .sp-menu .portfolio, #subContents .sp-menu .rss, #subContents .sp-menu .searchArea { display:inline-block; margin-right:5px; height:24px; } #subContents .sp-menu .portfolio img, #subContents .sp-menu .rss img { width:24px; vertical-align:bottom; } #subContents .sp-menu .searchArea { position:absolute; right:10px; top:10px; margin-right:0; } #subContents .sp-menu .searchArea input { border:none; margin:0; height:20px; padding:2px 4px; vertical-align:bottom; } #subContents .sp-menu #searchsubmit { height:24px; padding:2px 4px; vertical-align:bottom; color:#ccc; background:#272727; } #subContents .social-area { display:block; padding:0; margin:20px 0 0; } #subContents .social-area .snsConnection { display:block; padding-bottom:0; } #subContents .blog-ranking img { width:100%; } #subContents #newEntriesArea .random-banner { margin:9px -1px; box-shadow:0 0 1px rgba(0,0,0,0.3); border:1px solid #fff; } #subContents #newEntriesArea .random-banner img { display:block; } #subContents #newEntriesArea .ad-banner-container { text-align:center; } #subContents #categoriesArea { display:block; } #subContents #tagArea { display:none; } #header .inner { width:100%; } .category-nav { /* display:none; */ } .category-nav ul { display:flex; } .category-nav ul li { width:50%; font-size:10px; line-height: 24.5px; text-align:center: } .category-nav ul li a { padding:0; text-align:center; } .category-nav ul li:nth-child(2) a { margin-right:0; } #container { margin-top:60px; } #main #subContents { width:auto; margin-left:0; } #subContents #subContentsInner { width:auto; padding-bottom:0px; } #subContents .folding-box { left:0!important; padding:0!important; } #subContents .folding-box .naviHeading, #subContents .folding-box h2 { margin-left:10px; margin-right:10px; font-size:17px; margin-top:30px!important; } #subContents .folding-box .contents li, #subContents .folding-box .contents li a, #subContents .folding-box .contents label { font-size:12px; } #subContents .folding-box .naviHeading:first-child { margin-top:30px; } #subContents .tags dd.tag-cloud a { border-radius:5px; font-size:12px!important; padding:6px 10px!important; line-height:120%; } #ps4-contents h2 { padding:0; } #side-large-banner { padding-top:10px; } /* home destiny 仕様*/ /*body.homePage { background:url(../img/bg_sp_ps4_destiny_home_sp.jpg) no-repeat center 50px #0a131d; background-size:contain; } body.homePage #main { background:none; } body.homePage .main-visual { height:120px; } body.homePage .main-visual div { display:none; } body.homePage #btn-destiny { position:absolute; left:620px; top:135px; } body.homePage .section h2 { text-shadow:0 0 10px rgba(0,0,0,1); } body.homePage .section .item { background:#fff!important; }*/ #single-header-banner { margin:0; } body.homePage .pickup-item h1 { background:none; padding:0; color:#272727; font-weight:bold; font-size:16px; margin:20px 0; } body.homePage .pickup-item .btn { text-align:center; } body.homePage .pickup-item .btn a { display:block; } body.homePage .top-catch { position:relative; width:auto; left:0; border-bottom:1px solid #cfcfcf; background:#e7e7e7; font-size:12px; } body.homePage .top-catch > * { position:relative; left:0; width:auto; padding:14px 8px 8px; margin:0; text-align:left; line-height:120%; } .about-link { position:relative; width:auto; left:0; font-size:12px; border-bottom:1px solid #e7e7e7; } .about-link div { position:relative; left:0; width:auto!important; padding:14px 8px 12px; margin:0; text-align:center; line-height:120%; } /* msg5 */ #mgs5buy { position:relative; background:url(../img/mgs5_img2_sp.png) no-repeat left top; width:320px; height:217.5px; background-size:320px auto; margin-left:auto; margin-right:auto; } #mgs5buy a { display:block; width:320px; height:217.5px; position:relative; } #mgs5buy a span { display:block; text-indent:-9999px; } body.homePage #mgs5buy { position:relative; background:url(../img/mgs5_img2_sp.png) no-repeat left top; width:320px; height:217.5px; background-size:320px auto; margin-left:auto; margin-right:auto; } body.homePage #mgs5buy a { display:block; width:320px; height:217.5px; position:relative; } body.homePage #mgs5buy a span { display:block; text-indent:-9999px; } body.homePage .section .item { float:none; } body.homePage .sec-basic ul { display:block; } body.homePage .sec-basic ul .item { background:#f6f6f6; border-top:1px solid #ddd!important; margin-bottom:0; margin-left:0; } body.homePage .sec-basic ul .item:last-child { border-bottom:1px solid #ddd!important; } body.homePage .sec-basic ul .item .entry-item { display:flex; flex-wrap:nowrap; } body.homePage .sec-basic ul .item .entry-item .title { margin-top:20px; } body.homePage .sec-basic .main-pickup { width:auto; } body.homePage .sec-basic .main-pickup .item { float:none; width:auto; margin:0 0 0; border:none; border-bottom:1px solid #272727; background:#272727; padding:0px; } body.homePage .sec-basic .main-pickup .entry-item { display:flex!important; flex-wrap:nowrap; } body.homePage .sec-basic .main-pickup .item .eyecatch { position:static; width: 100px; margin-right:0; height:auto; display:block; vertical-align:top; } body.homePage .sec-basic .main-pickup .item .eyecatch a { width: auto; height:auto; background:transparent; } body.homePage .sec-basic .main-pickup .item .eyecatch img { display:block; width:100px; height:100px; } body.homePage .sec-basic .main-pickup .item .texts { display:block; width:calc(100% - 100px); vertical-align:top; } body.homePage .sec-basic .main-pickup .item .texts h3 { padding-left:0; margin-top:0; font-size:14px; width:auto; } body.homePage .sec-basic .main-pickup .item .texts p { padding-left:0; margin:0; font-size:10px; width:auto; } body.homePage #sec-weekly .item .title { margin-top:0; } body.homePage .section .more { font-size:12px; } .related-ad { margin-left:10px!important; margin-right:10px!important; } #topBanner, #bottomBanner { margin-left:10px!important; margin-right:10px!important; } iframe[src*=youtube] { height:168px; } body .amazonjs_item .amazonjs_info h4 { font-size:1em!important; line-height:140%!important; } body .amazonjs_item .amazonjs_info ul li { font-size:0.8em!important; } #subContents .folding-box .textwidget { margin:0 10px; } .entry .tag-items01 .item h4 { line-height:120%; font-size:10px; } .entry .tag-items01 .item h4 span { padding:0 5px 0 55px; } #toc_container { padding: 10px!important; } } .border01 { margin-top:2.5em!important; margin-bottom:2.5em!important; padding:1.5em; border:1px solid #ccc; background:#f3f3f3; border-radius:5px; } .list01 { margin-top:2.5em!important; margin-bottom:2.5em!important; } .list01 ul { padding:0!important; } .list01 li { background:url(../img/ico_check01.png) no-repeat left top; background-size:25px; line-height:25px; padding-left:35px; list-style-type:none!important; margin-bottom:1em!important; } .comment01 { margin-top:2.5em!important; margin-bottom:2.5em!important; margin-left:80px!important; padding:1.5em; border:1px solid #ccc; background:#f3f3f3; border-radius:5px; position:relative; } .comment01:before { display:block; content:""; position:absolute; left:-70px; top:0; background:url(../img/ico_comment01.png) no-repeat; background-size:cover; width:50px; height:81px; opacity:0.7; } #entry-before-banner { margin-bottom:10px; } #entry-before-banner img { width:100%; } .end-msg, .end-msg + .twitter-tweet, .end-msg + .twitter-tweet + .twitter-tweet { display:none!important; } body.entryPage .body .google-auto-placed.ap_container { margin-left:0; margin-right:0; } @media screen and (max-width: 480px) { #entry-before-banner { margin-bottom:3px; } }