@charset "utf-8"; /* @import url('/static/css/googlefont.css'); */ /* ------------------------------------------------------- webronza.asahi.com css last update 2018.05.30 Ver 2.00 林フォント修正(2018/11/13) Notoフォント取りやめ(2018/11/21) トップ写真のフォント、背景の調整(2019/05/22) 一記事タイトルのカーニング(2019/06/09) ボタン調整、赤のカラー変更(2019-11-24) 特集ボタンのクラスを追加(2019-12-18) ---------------------------------------------------------- 1. base 2. layout 3. header 4. footer 5. sidebar 6. contents 7. 一記事 (body#article) 8. 記事一覧 (body#list) 9. トップページ (body#home) 10. メンテナンス画面 (body#maintenance) ------------------------------------------------------ */ /* --------------------------------------- 1. base --------------------------------------- */ * { font-size: 100%; margin: 0; } body { font-size: 100%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif; line-height: 1.5; color: #333; background: #f1f2f3; line-break: strict; word-break: normal; word-wrap: break-word; } p { margin: 0; padding: 0; } ul, ol { margin: 0; padding: 0; } li { margin: 0; padding: 0; list-style: none; } dt { font-weight: bold; } table { border-collapse: collapse; } th, td { line-height: 1.5; } td, embed, object { vertical-align: top; } fieldset, img { border: none; } em { font-style: normal; font-weight: bold; } hr { border: dotted #babfc5; border-width: 1px 0 0 0; height: 1px; /* for IE6 */ clear: both; /* for IE6 */ } /* link ------------------------------------*/ a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover, a:focus, a:active { color: #263039; text-decoration: underline; } /* common styles ------------------------------------*/ .hide { position: absolute; left: -999px; width: 999px; } .red { color: #cc0000; } /* modal styles ------------------------------------*/ .modal { position: fixed; display: none; z-index: 9999; top: 250px; //bottom: 100px; width: 690px; height:350px; margin: auto; border: 1px solid #4b555f; box-shadow: 1px 1px 5px #999; /* CSS3 */ -moz-box-shadow: 1px 1px 5px #999; /* Firefox用*/ -webkit-box-shadow: 1px 1px 5px #999; /* Google Chrome, Safari用*/ text-align: center; } .modal .closeModal { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vYnRuX2Nsb3NlLmdpZg) no-repeat left top; text-indent: -777px; overflow: hidden; } .modal .closeModal:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } .modal .wrap { font-size: 14px; padding: 15px; } .modal .txt { margin: 0 0 10px; } .modal .btn a { display: inline-block; *display: inline; min-width: 200px; font-size: 16px; font-weight: bold; line-height: 1.5; color: #fff; padding: 8px 20px; background: #51a956; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; cursor: pointer; zoom: 1; } .modal .btn a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } .modal .logo { margin: 10px 0 0; } /* --------------------------------------- 2. layout --------------------------------------- */ body { min-width: 1020px; text-align: center; } #header .wrap, #headerNav .wrap, #headerNav2 .wrap, #headerSNS, #breadcrumb p, #container #containerInner { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; zoom: 1; } #contents { position: relative; float: left; width: 610px; _width: 670px; padding: 0 30px 30px; background: #fff; overflow: hidden; _overflow: visible; zoom: 1; } #sidebar { float: right; width: 300px; padding: 0 0 30px; overflow: hidden; zoom: 1; } /* --------------------------------------- 3. header --------------------------------------- */ #header a, #headerNav a, .headerSubNav a { text-decoration: none; } #header { clear: both; background: #fff; } #header div.wrap { position: relative; height: 100px; } #header .logo { position: absolute; top: 15px; } #header .logo .txt { font-size: 12px; line-height: 22px; color: #000; } #header .mycontents { float: right; margin: 15px 0 0 10px; } #header .mycontents a { display: block; width: 100px; font-size: 12px; font-weight: bold; line-height: 22px; color: #fff; background: #e60012; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; } #header .mycontents a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #header #headerFontSize { float: right; color: #8c949d; margin: 15px 0 0 20px; } #header #headerFontSize li { float: left; font-size: 12px; line-height: 22px; color: #4b555f; padding: 0 9px; background: #e9eaeb; border-left: 1px solid #fff; } #header #headerFontSize li a { color: #4b555f; white-space: nowrap; } #header #headerFontSize li.changeTxt { padding: 0 10px; border: none; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #header #headerFontSize li#largeFontSize { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #header #headerFontSize li#smallFontSize, #header #headerFontSize li#middleFontSize, #header #headerFontSize li#largeFontSize { cursor: pointer; } #header #headerFontSize li#smallFontSize.active, #header #headerFontSize li#middleFontSize.active, #header #headerFontSize li#largeFontSize.active { background: #babec5; } #header #headerFontSize li#smallFontSize:hover, #header #headerFontSize li#middleFontSize:hover, #header #headerFontSize li#largeFontSize:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #header .info { float: right; width: 300px; font-size: 12px; line-height: 22px; color: #8c949d; margin: 15px 0 0; text-align: right; } #header div#headerSearch { position: absolute; top: 52px; right: 0px; width: 280px; background: #fff url(/static/images/header/search_icon.gif) no-repeat 5px center; border: 1px solid #babec5; border-right: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #header div#headerSearch .box { position: relative; height: 30px; } #header div#headerSearch .box input.txt { position: absolute; top: 5px; left: 30px; width: 190px; font-size: 14px; color: #8c949d; background: none; border: none; } #header div#headerSearch .box input.btn { position: absolute; top: 0px; right: 0px; width: 50px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: #263039; border: none; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; text-align: center; } #header div#headerSearch .box input.btn:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #header div.link { position: absolute; top: 60px; right: 300px; } #header div.link li { float: left; font-size: 13px; line-height: 16px; color: #333; padding: 0 10px; border-right: 1px solid #ddd; } #header div.link li.reference { padding-right: 0; border-right: none; } #header div.link li a { color: #333; white-space: nowrap; } #header div.link li a:hover { text-decoration: underline; } #header.simple { } #headerNav { /*background: #263039;*/ background: black; } #headerNav .wrap { width: 1000px; margin: 0 auto; } #headerNav ul { border-left: 1px solid #4b555f; overflow: hidden; zoom: 1; } #headerNav li { float: left; font-size: 93.75%; font-weight: bold; line-height: 1.3; border-right: 1px solid #4b555f; text-align: center; } #headerNav li a { display: block; width: 133px; color: #fff; padding: 12px 0; } #headerNav li.gnav1 a { width: 60px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9oZWFkZXIvaWNvbl9ob21lLmdpZg) no-repeat center center; text-indent: -7777px; overflow: hidden; } body.gnav1 #headerNav li.gnav1 a, #headerNav li.gnav1 a:hover { background-color: #4b555f; } body.gnav2 #headerNav li.gnav2 a, #headerNav li.gnav2 a:hover { background-color: #ce573e; } body.gnav3 #headerNav li.gnav3 a, #headerNav li.gnav3 a:hover { background-color: #2f669d; } body.gnav4 #headerNav li.gnav4 a, #headerNav li.gnav4 a:hover { background-color: #357545; } body.gnav5 #headerNav li.gnav5 a, #headerNav li.gnav5 a:hover { background-color: #5f4d80; } body.gnav6 #headerNav li.gnav6 a, #headerNav li.gnav6 a:hover { background-color: #d6a032; } body.gnav7 #headerNav li.gnav7 a, #headerNav li.gnav7 a:hover { background-color: #4b555f; } body.gnav8 #headerNav li.gnav8 a, #headerNav li.gnav8 a:hover { background-color: #4b555f; } body.gnav9 #headerNav li.gnav9 a, #headerNav li.gnav9 a:hover { background-color: #857126; } #headerSubNav2, #headerSubNav3, #headerSubNav4, #headerSubNav5, #headerSubNav6, #headerSubNav7, #headerSubNav8, #headerSubNav9 { display: none; } #headerSubNav2 { background: #ce573e; } #headerSubNav3 { background: #2f669d; } #headerSubNav4 { background: #357545; } #headerSubNav5 { background: #5f4d80; } #headerSubNav6 { background: #d6a032; } #headerSubNav7 { background: #4b555f; } #headerSubNav8 { background: #4b555f; } #headerSubNav9 { background: #857126; } body.gnav2 #headerSubNav2, body.gnav3 #headerSubNav3, body.gnav4 #headerSubNav4, body.gnav5 #headerSubNav5, body.gnav6 #headerSubNav6, body.gnav7 #headerSubNav7, body.gnav8 #headerSubNav8, body.gnav9 #headerSubNav9{ display: block; } .headerSubNav .wrap { width: 1000px; margin: 0 auto; } .headerSubNav ul { overflow: hidden; zoom: 1; } .headerSubNav li { float: left; font-size: 81.25%; line-height: 1.3; padding: 9px 0; text-align: center; } .headerSubNav li a { display: block; color: #fff; margin: 0 20px 0 0; } .headerSubNav li a:hover { text-decoration: underline; } #headerSNS { position: relative; height: 1px; overflow: visible; } #headerSNS .wrap { position: absolute; top: 10px; right: 0px; width: 300px; } #headerSNS .wrap .rss, #headerSNS .wrap .twitter, #headerSNS .wrap .facebook, #headerSNS .wrap .email{ float: right; height: 21px; } #headerSNS .wrap .email { width: 20px; margin: 0 0 0 5px; overflow: hidden; } #headerSNS .wrap .rss { width: 20px; margin: 0 -2px 0 5px; overflow: hidden; } #headerSNS .wrap .twitter { margin: 0 -2.5px 0 5px; overflow: hidden; } #headerSNS .wrap .facebook { margin: 0 -10px 0 5px; width: 120px; overflow: hidden; } /* 2019/04/25 林追加 */ a:hover img.hoverImg { opacity: 0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; } /* 2019/04/25 林追加ここまで */ /* スティッキーヘッダ一時外す */ /* .Head{ background:#fff; box-shadow:0 2px 8px rgba(30,30,80,.3); left:0; line-height:1; position:fixed; top:0; width:100%; z-index:24; } */ /* --------------------------------------- 4. footer --------------------------------------- */ #Footer { background: #f5f5ee; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5ee 80%, #f1f2f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#f5f5ee), color-stop(100%,#f1f2f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5ee 80%,#f1f2f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5ee 80%,#f1f2f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5ee 80%,#f1f2f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5ee 80%,#f1f2f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5ee', endColorstr='#f1f2f3',GradientType=0 ); /* IE6-9 */ _background: #f5f5ee; /* IE6 */ } #pageScrollToTop { position: fixed; right: 20px; bottom: 20px; } #pageScrollToTop a { _display: none; } /* --------------------------------------- 5. sidebar --------------------------------------- */ #sidebar a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #sidebar div.main { margin: 0 0 15px; background: #fff; overflow: hidden; zoom: 1; } #sidebar .main h2, #sidebar .main h3 { font-size: 93.75%; } #sidebar .main p { font-size: 81.25%; } #sidebar div.title { color: #fff; padding: 0 10px; background: #4b555f; } #sidebar div.title h2 { line-height: 1.5; padding: 5px 0; zoom: 1; } #sidebar div.title h2 a { display: block; color: #fff; padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL2ljb25fdGl0bGVfYXJyb3cuZ2lm) no-repeat right center; } #sidebar a.blockLink { display: block; margin: -10px; padding: 10px; overflow: hidden; zoom: 1; } #sidebar a.blockLink:hover { background: #e7eaed; text-decoration: none; cursor: pointer; } #sidebar .more { margin: 0 15px; padding: 10px 0; text-align: right; } #sidebar .more a { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat right center; } /* 【sidebar】広告 ------------------------------------*/ #sidebar div.sidebarAd img { vertical-align: bottom; } #sidebar div.sidebarAd div.block { overflow: hidden; margin: 0 0 15px; } #sidebar div.sidebarAd li { margin: 10px 0 0; } #sidebar div.sidebarAd a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } /* 【sidebar】編集部のおすすめ ------------------------------------*/ #sidebar div.sidebarRecommend h2 { padding-left: 25px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL2ljb25fcmVjb21tZW5kX3N0YXIuZ2lm) no-repeat left center; } #sidebar div.sidebarRecommend li { padding: 15px; overflow: hidden; zoom: 1; } #sidebar div.sidebarRecommend a .img { float: right; margin: 0 0 0 5px; } #sidebar div.sidebarRecommend a .txt { overflow: hidden; } #sidebar div.sidebarRecommend a h3 { margin: 0 0 2px; } /* 【sidebar】アクセスランキング ------------------------------------*/ #sidebar div.sidebarRanking ul.tab { overflow: hidden; zoom: 1; } #sidebar div.sidebarRanking ul.tab li { float: left; width: 50%; font-size: 93.75%; font-weight: bold; line-height: 1.5; color: #4b555f; padding: 5px 0; background: #d8dadc; text-align: center; } #sidebar div.sidebarRanking ul.tab li:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #sidebar div.sidebarRanking ul.tab li.clickable { cursor: pointer; } #sidebar div.sidebarRanking ul.tab li.current { color: #fff; background: #4b555f; } #sidebar div.sidebarRanking ul.tab li.current:hover { opacity: 1; } #sidebar div.sidebarRanking ol { margin: 0; } #sidebar div.sidebarRanking ol li { padding: 15px; border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } #sidebar div.sidebarRanking ol li .img { float: left; margin: 0 10px 0 0; } #sidebar div.sidebarRanking ol li .txt { overflow: hidden; zoom: 1; } #sidebar div.sidebarRanking ol li h3 { line-height: 1.2; } #sidebar div.sidebarRanking ol li p { font-size: 75%; line-height: 1.2; color: #8c939d; margin: 3px 0 0; } #sidebar div.sidebarRanking ol li p.meta { font-size: 75%; margin: 0 0 3px; } #sidebar div.sidebarRanking ol li p.meta a { color: #8c939d !important; } #sidebar div.sidebarRanking ol li.no1 .img { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL3Jhbmtpbmdfbm8uZ2lm) no-repeat 0px 0px; } #sidebar div.sidebarRanking ol li.no2 .img { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL3Jhbmtpbmdfbm8uZ2lm) no-repeat -500px 0px; } #sidebar div.sidebarRanking ol li.no3 .img { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL3Jhbmtpbmdfbm8uZ2lm) no-repeat -1000px 0px; } #sidebar div.sidebarRanking ol li.no4 .img { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL3Jhbmtpbmdfbm8uZ2lm) no-repeat -1500px 0px; } #sidebar div.sidebarRanking ol li.no5 .img { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL3Jhbmtpbmdfbm8uZ2lm) no-repeat -2000px 0px; } #sidebar div.sidebarRanking ol li div.no { float: left; width: 18px; height: 18px; font-size: 11px; font-weight: bold; line-height: 18px; /*color: #fff;*/ /*background: #9197a2;*/ /* 林追加2019/05/29*/ /*color: black; background-color: lightgrey;*/ color: black; background-color: lightgrey; /* /林追加2019/05/29*/ text-align: center; } #sidebar div.sidebarRanking ol li div.no.black { background: #263039; } /*林追加 2019/05/29*/ #sidebar div.sidebarRanking ol li div.no_one { float: left; width: 18px; height: 18px; font-size: 11px; font-weight: bold; line-height: 18px; color: white; background-color: #d59b00; text-align: center; } #sidebar div.sidebarRanking ol li div.no_two{ float: left; width: 18px; height: 18px; font-size: 11px; font-weight: bold; line-height: 18px; color: white; background-color: #848788; text-align: center; } #sidebar div.sidebarRanking ol li div.no_three{ float: left; width: 18px; height: 18px; font-size: 11px; font-weight: bold; line-height: 18px; color: white; background-color: #d87b5f; text-align: center; } /*林追加ここまで 2019/05/29*/ /* 【sidebar】SNS ------------------------------------*/ #sidebar div.sidebarSns { margin: 0 0 15px; } #sidebar div.sidebarSns .wrap { overflow: hidden; zoom: 1; } #sidebar div.sidebarSns .facebook { float: left; } #sidebar div.sidebarSns .twitter { float: right; } #sidebar div.sidebarSns a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } /* 【sidebar】WEBRONZAまとめ ------------------------------------*/ #sidebar div.sidebarMatome h2 { padding-left: 25px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9zaWRlYmFyL2ljb25fbWF0b21lLmdpZg) no-repeat left 0px; } #sidebar div.sidebarMatome li { padding: 15px; overflow: hidden; zoom: 1; } #sidebar div.sidebarMatome a .img { float: left; margin: 0 10px 0 0; } #sidebar div.sidebarMatome a .txt { line-height: 1.3; overflow: hidden; } #sidebar div.sidebarMatome a h3 { margin: 0 0 5px; } /* 【sidebar】新着情報 ------------------------------------*/ #sidebar div.sidebarWhatsnew ul.tab { overflow: hidden; zoom: 1; } #sidebar div.sidebarWhatsnew ul.tab li { float: left; width: 20%; font-size: 75%; line-height: 1.3; color: #4b555f; background: #d8dadc; text-align: center; cursor: pointer; } #sidebar div.sidebarWhatsnew ul.tab li:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #sidebar div.sidebarWhatsnew ul.tab li span { display: block; padding: 5px 0; border-right: 1px solid #fff; } #sidebar div.sidebarWhatsnew ul.tab li:last-child span { border: none; } #sidebar div.sidebarWhatsnew ul.tab li.current1 { color: #fff; background: #ce573e; cursor: default; } #sidebar div.sidebarWhatsnew ul.tab li.current2 { color: #fff; background: #2f669d; cursor: default; } #sidebar div.sidebarWhatsnew ul.tab li.current3 { color: #fff; background: #357545; cursor: default; } #sidebar div.sidebarWhatsnew ul.tab li.current4 { color: #fff; background: #5f4d80; cursor: default; } #sidebar div.sidebarWhatsnew ul.tab li.current5 { color: #fff; background: #d6a032; cursor: default; } #sidebar div.sidebarWhatsnew ul.tab li.current1:hover, #sidebar div.sidebarWhatsnew ul.tab li.current2:hover, #sidebar div.sidebarWhatsnew ul.tab li.current3:hover, #sidebar div.sidebarWhatsnew ul.tab li.current4:hover, #sidebar div.sidebarWhatsnew ul.tab li.current5:hover { opacity: 1; } #sidebar div.sidebarWhatsnew .news ul { margin: 0; padding: 0; } #sidebar div.sidebarWhatsnew .news li { padding: 15px; border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } #sidebar div.sidebarWhatsnew .news li h3 { line-height: 1.3; margin: 0 0 2px; } #sidebar div.sidebarWhatsnew .news li p { line-height: 1.3; } #sidebar div.sidebarWhatsnew .news li .date { font-size: 92.31%; color: #8c939d; } #sidebar div.sidebarWhatsnew .author { margin: 0 0 0 15px; } #sidebar div.sidebarWhatsnew .author .head { margin: 0 15px 10px 0; padding: 2px 10px; background: #e7eaed; } #sidebar div.sidebarWhatsnew .author .column5 { margin: 0 0 10px; overflow: hidden; zoom: 1; } #sidebar div.sidebarWhatsnew .author .column5 dl { float: left; width: 42px; font-size: 62.5%; line-height: 1.2; margin: 0 15px 0 0; } #sidebar div.sidebarWhatsnew .author .column5 dl img { margin: 0 0 3px; vertical-align: bottom; } #sidebar div.sidebarWhatsnew .author .column5 a:hover { cursor: pointer; } #sidebar div.sidebarWhatsnew .author .column5 a:hover dd { text-decoration: underline; } /* 【sidebar】編集部から ------------------------------------*/ #sidebar div.sidebarInfo ul { margin: 0; padding: 0; } #sidebar div.sidebarInfo li { padding: 15px; border-top: 1px solid #e7eaed; overflow: hidden; zoom: 1; } #sidebar div.sidebarInfo li h3 { line-height: 1.3; margin: 0 0 3px; } #sidebar div.sidebarInfo li p { line-height: 1.3; } #sidebar div.sidebarInfo li .date { font-size: 75%; color: #8c939d; } /* --------------------------------------- 6. contents --------------------------------------- */ #breadcrumb { clear: both; min-height: 30px; } #breadcrumb p { font-size: 81.25%; width: 670px; _width: 1000px; padding: 10px 330px 0 0; } #breadcrumb a { text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb .arrow { font-size: 92.31%; color: #babfc5; } #breadcrumb .breakingNews, #breadcrumb .breakingNews a { font-weight: bold; color: #950f0e; } #breadcrumb .breakingNews .mark { display: inline-block; font-size: 10px; font-weight: normal; line-height: 18px; color: #fff; margin: 0 2px 0 0; padding: 0 10px; background: #950f0e; vertical-align: text-bottom; } #container { padding: 10px 0 0; } #contents a { text-decoration: none; } #contents a:hover { text-decoration: underline; } /* 【contents】共通スタイル ------------------------------------*/ #contents .icon { margin: 0 3px 0 0; vertical-align: text-bottom; } #contents .link { padding: 0 0 0 12px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left 0.5em; } #contents ul.list li { padding: 15px 0; border-top: 1px solid #e7eaed; overflow: hidden; zoom: 1; } #contents ul.list li a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #contents ul.list li .img { float: left; margin: 0 12px 0 0; } #contents ul.list li .imgR { float: right; /*width: 120px;*/ width: 146px; margin: 0 0 0 10px; text-align: center; overflow: hidden; } #contents ul.list li .imgR img { width: auto; height: 90px; } #contents ul.list li .imgTop { float: left; width: 300px; margin: 0 15px 0 0; text-align: center; overflow: hidden; } #contents ul.list li .imgTop img { height: 200px; margin: 10px 0; width: auto; } #contents ul.list li .txt { overflow: hidden; zoom: 1; } #contents ul.list li .topTxt h3.l { font-size: 120%; } #contents ul.list li .topTxt h4 { font-size: 90%; } #contents ul.list li h3 { font-size: 93.75%; line-height: 1.5; } #contents ul.list li h4 { font-size: 81.25%; line-height: 1.3; color: #4b525f; margin: 5px 0 0; } #contents ul.list li h3.l { font-size: 100%; } #contents ul.list li p { font-size: 81.25%; margin: 2px 0 0; } @media screen and (-webkit-min-device-pixel-ratio:0){ #contents ul.list li p { font-size: 75%; } } @-moz-document url-prefix(){ #contents ul.list li p { font-size: 75%; } } @media screen and (-webkit-min-device-pixel-ratio:0) { _::-webkit-full-page-media, _:future, :root #contents ul.list li p { font-size: 75%; } } #contents ul.list li p.meta { margin: 0 0 5px; } #contents ul.list li p.summary { line-height: 1.7; margin: 5px 0 0; } #contents ul.list li p.summary a { color: #46678c; text-decoration: underline; } #contents ul.list li p.summary a:hover { color: #3c8ad9; } #contents ul.list li .free { font-size: 13px; font-weight: normal; color: #cc3333; white-space: nowrap; } #contents ul.list li .author, #contents ul.list li .date { font-size: 12px; font-weight: normal; color: #8c949d; // white-space: nowrap; } #contents ul.list li .new { font-size: 13px; font-weight: bold; color: #c33; white-space: nowrap; } #contents ul.arrowList li { font-size: 93.75%; line-height: 1.3; margin: 10px 0; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left 0.3em; } #contents .genreMark { display: inline-block; font-size: 10px; font-weight: normal; line-height: 18px; color: #fff !important; /*margin: 0 2px 0 0;*/ margin: 0 8px 0 0; padding: 0 10px; background: #333; text-decoration: none !important; vertical-align: text-bottom; } #contents .genreMark:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #contents .genreMark.genre2, body.gnav2#article #contents .entryTitle .entryMeta .genreMark { background: #ce573e; } #contents .genreMark.genre3, body.gnav3#article #contents .entryTitle .entryMeta .genreMark { background: #2f669d; } #contents .genreMark.genre4, body.gnav4#article #contents .entryTitle .entryMeta .genreMark { background: #357545; } #contents .genreMark.genre5, body.gnav5#article #contents .entryTitle .entryMeta .genreMark { background: #5f4d80; } #contents .genreMark.genre6, body.gnav6#article #contents .entryTitle .entryMeta .genreMark { background: #d6a032; } #contents .genreMark.genre7, body.gnav7#article #contents .entryTitle .entryMeta .genreMark { background: #4b555f; } #contents .genreMark.genre8, body.gnav8#article #contents .entryTitle .entryMeta .genreMark { background: #4b555f; } #contents .genreMark.genre9, body.gnav9#article #contents .entryTitle .entryMeta .genreMark { background: #857126; } #contents .seriesMark { display: inline-block; font-size: 12px; font-weight: normal; line-height: 16px; color: #333; margin: 0 2px 0 0; padding: 0 6px; background: none !important; border: 1px solid #333; text-decoration: none !important; vertical-align: text-bottom; } body.gnav2#list #contents .seriesMark { color: #ce573e; border-color: #ce573e; } body.gnav3#list #contents .seriesMark { color: #2f669d; border-color: #2f669d; } body.gnav4#list #contents .seriesMark { color: #357545; border-color: #357545; } body.gnav5#list #contents .seriesMark { color: #5f4d80; border-color: #5f4d80; } body.gnav6#list #contents .seriesMark { color: #d6a032; border-color: #d6a032; } body.gnav7#list #contents .seriesMark { color: #4b555f; border-color: #4b555f; } body.gnav8#list #contents .seriesMark { color: #4b555f; border-color: #4b555f; } body.gnav9#list #contents .seriesMark { color: #857126; border-color: #857126; } #contents .seriesName { font-size: 13px; font-weight: bold; color: #333; background: none !important; } #contents .seriesName:hover { cursor: pointer; } body.gnav2#list #contents .seriesName, #contents .seriesName.genre2 { color: #ce573e; } body.gnav3#list #contents .seriesName, #contents .seriesName.genre3 { color: #2f669d; } body.gnav4#list #contents .seriesName, #contents .seriesName.genre4 { color: #357545; } body.gnav5#list #contents .seriesName, #contents .seriesName.genre5 { color: #5f4d80; } body.gnav6#list #contents .seriesName, #contents .seriesName.genre6 { color: #d6a032; } body.gnav7#list #contents .seriesName, #contents .seriesName.genre7 { color: #4b555f; } body.gnav8#list #contents .seriesName, #contents .seriesName.genre8 { color: #4b555f; } body.gnav9#list #contents .seriesName, #contents .seriesName.genre9 { color: #857126; } #contents .webronzaTopics { padding: 15px 20px; border: 3px solid #e0e3e8; } #contents .webronzaTopics p { font-size: 87.5%; line-height: 1.7; margin: 0 0 15px; } #contents .webronzaTopics a { color: #46678c; } #contents .webronzaTopics a:hover { color: #3c8ad9; } #contents .webronzaTopics ul { margin: 0; } #contents .webronzaTopics li { font-size: 87.5%; } #contents .webronzaTopics ul.Lnk li { margin: 5px 0; } #contents .webronzaTopics ul.Lnk li a { padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left center; text-decoration: underline; } #contents .webronzaTopics ul.Lnk li .LnkBox { display: inline-block; margin: 10px 0 0; } #contents .webronzaTopics ul.Lnk li .LnkBox a { display: inline-block; font-size: 15px; font-weight: bold; line-height: 1.3; color: #4b555f; padding: 10px 10px 10px 25px; background: #f3f4f5 url(/static/images/common/icon_arrow.gif) no-repeat 10px center; border: 1px solid #e7eaed; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; } #contents .webronzaTopics ul.Lnk li .LnkBox a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } /* 【contents】テーマ一覧 ------------------------------------*/ #contents #themes .column3 { width: 610px; padding: 20px 0 0; overflow: hidden; zoom: 1; } #contents #themes ul { width: 640px; overflow: hidden; zoom: 1; } #contents #themes ul li { float: left; width: 190px; margin-right: 20px; } #contents #themes ul li a, #contents #themes ul li span { display: block !important; margin: 0 !important; text-decoration: none !important; } #contents #themes ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } #contents #themes ul li span.img { width: 190px; height: 110px; overflow: hidden; } #contents #themes ul li span.img img { width: 190px; height: auto; } #contents #themes ul li span.genreMark { font-size: 75%; line-height: 1.83; } #contents #themes ul li span.txt { font-size: 93.75%; font-weight: bold; line-height: 1.2; padding: 5px 0 0; } #contents #themes ul li span.date { font-size: 75%; line-height: 1.2; color: #8c929d; padding: 2px 0 0; } /* 【contents】ソーシャルリンク ------------------------------------*/ #contents div.bottomSocialLink { margin: 0 0 20px; } #contents div.socialLink { letter-spacing: -.4em; zoom: 1; } #contents div.socialLink div.Twitter, #contents div.socialLink div.Hatena, #contents div.socialLink div.Facebook, #contents div.socialLink div.Line { display: inline-block; height: 19px; font-size: 76% !important; line-height: 1; margin: 0 0 0 4px; padding: 5px 0 1px 4px; vertical-align: top; letter-spacing: normal; } #contents div.socialLink div img { vertical-align: bottom; } /* Twitter */ #contents div.socialLink div.Twitter { width: 105px; height: 21px; margin-left: 0; padding: 2px 0 0; } #contents div.socialLink div.Twitter iframe { float: left; } #contents div.socialLink div.Twitter .TwBalloon { float: left; } #contents div.socialLink div.Twitter .TwBalloonSqu{ background: white none repeat scroll 0 0; border: 1px solid #9197a3; border-radius: 2px; color: #4e5665; display: inline-block; font-size: 11px; height: auto; line-height: 17px; margin-left: 6px; min-width: 15px; padding: 1px 3px 0; text-align: center; white-space: nowrap; } #contents div.socialLink div.Twitter .TwBalloonTri{ height: 0; left: 2px; position: relative; top: -15px; width: 5px; z-index: 2; } #contents div.socialLink div.Twitter .TwBalloonTri .a, #contents div.socialLink div.Twitter .TwBalloonTri .b{ border-color: transparent #9197a3; border-style: solid; border-width: 4px 5px 4px 0; display: block; position: relative; top: 1px; } #contents div.socialLink div.Twitter .TwBalloonTri .b{ border-right-color: #fff; left: 2px; top: -7px; } /* はてな - カウント数表示あり */ #contents div.socialLink div.Hatena { padding-top: 2px; _padding-top: 1px; padding-left: 5px; } #contents div.socialLink div.Hatena iframe { margin-top: 1px; } /* LINE */ #contents div.socialLink div.Line { padding-top: 3px; } /* Facebook */ #contents div.socialLink div.Facebook { padding-top: 3px; padding-right: 0; } *:first-child+html #contents div.socialLink div.Facebook {padding-right: 1px;} * html #contents div.socialLink div.Facebook {padding-right: 1px;} #contents div.socialLink div.Facebook iframe#FBbtn { padding-top: 0; margin-right: 0; margin-left: 4px; width: 110px; height: 20px; height: 21px\9; border: none; overflow: visible; background-color: #fff; } /* IE8 */ html>/**/body #contents div.socialLink div.Facebook iframe {width: 74px\9;} *:first-child+html #contents div.socialLink div.Facebook iframe {width: 74px;} * html #contents div.socialLink div.Facebook iframe {width: 72px;} /* button size: Facebook count = min width 27px,★(3桁)30px,(4桁)36px,(5桁)42px →max-width:min-width+30px; "button_count - displays the total number of likes to the right of the button. Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels." */ /* Google +1ボタン */ #contents div.socialLink div.GooglePlus { display: inline-block; font-size: 76% !important; line-height: 1; width: 70px; /* カウント数5ケタまで入る。6ケタ以上が多数となれば、この1行を削除 */ max-width: 90px; /* medium 幅≦90px カウント数6ケタまで入る */ margin: 3px 0 0 14px; *display: none; /*IE6,IE7=ボタン自体が動作しないため非表示*/ vertical-align: top; letter-spacing: normal; } /* 【contents】Facebookでコメントする ------------------------------------*/ #contents #facebookComments { clear: both; padding: 30px 0 0; } #contents #facebookComments div.title { padding: 10px 0; border-top: 2px solid #4b555f; } #contents #facebookComments div.title h2 { font-size: 87.5%; line-height: 1.3; } /* --------------------------------------- 7. 一記事(body#article) --------------------------------------- */ body#article #contents .freeLabel { position: absolute; right: 30px; width: 45px; min-height: 35px; overflow: hidden; zoom: 1; } body#article #contents .freeLabel a { display: block; width: 45px; font-size: 87.5%; color: #fff !important; padding: 5px 0 10px; background: #cc3333 url(/static/images/common/freelabel_bg.gif) no-repeat center bottom; text-decoration: none; text-align: center; zoom: 1; } body#article #contents .freeLabel a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } body#article #contents .theme { border-bottom: 3px solid #4b555f; overflow: hidden; zoom: 1; } body#article #contents .theme .title { font-size: 93.75%; font-weight: bold; padding: 10px 0; } body#article #contents .theme .title .label { display: inline-block; font-size: 66.67%; font-weight: normal; color: #fff; margin: 0 5px 0 0; padding: 1px 10px; background: #babec5; vertical-align: text-bottom; } body#article #contents .entryTitle { margin: 0 0 10px; padding: 15px 0; border-bottom: 1px solid #d8dadc; overflow: hidden; zoom: 1; } body#article #contents .entryTitle .entryMeta { font-size: 81.25%; font-weight: bold; margin: 0 50px 5px 0; } body.gnav2#article #contents .entryTitle .entryMeta a { color: #ce573e; } body.gnav3#article #contents .entryTitle .entryMeta a { color: #2f669d; } body.gnav4#article #contents .entryTitle .entryMeta a { color: #357545; } body.gnav5#article #contents .entryTitle .entryMeta a { color: #5f4d80; } body.gnav6#article #contents .entryTitle .entryMeta a { color: #d6a032; } body.gnav7#article #contents .entryTitle .entryMeta a { color: #4b555f; } body.gnav8#article #contents .entryTitle .entryMeta a { color: #4b555f; } body.gnav9#article #contents .entryTitle .entryMeta a { color: #857126; } body#article #contents .entryTitle .entryMeta .tags { float: left; font-size: 81.25%; color: #c5c5bf; } body#article #contents .entryTitle .img { float: right; } body#article #contents .entryTitle .maintitle { font-size: 162.5%; font-feature-settings: "palt"; } body#article #contents .entryTitle .maintitle img { margin: 0 0 5px; } body#article #contents .entryTitle .maintitle img.goemon { margin: 10px 15px 10px 0; vertical-align: middle; } body#article #contents .entryTitle .subtitle { font-size: 118.75%; line-height: 1.2; margin: 4px 0 0; /*サブタイトルカーニング指定2019/06/09*/ font-feature-settings: "palt"; } body#article #contents .entryTitle .author { line-height: 1.2; margin: 15px 0 0; /*著者アイコン削除*/ /* padding: 0 0 0 0px; */ /* background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hdXRob3IuZ2lm) no-repeat left center; */ } body#article #contents .entryInfo { margin: 0 0 10px; zoom: 1; } body#article #contents .entryInfo .date { float: right; font-size: 75%; color: #8c949d; margin: 1px 0 10px; } body#article #contents .entryInfo .tags { font-size: 81.25%; color: #d8d9dc; margin: 0 0 10px; padding: 0 0 0 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl90YWcuZ2lm) no-repeat left center; } body#article #contents .entryInfo .sns { clear: both; padding: 10px 0; border-top: 1px solid #e7eaed; zoom: 1; } body#article #contents .entryInfo .print { float: right; } body#article #contents .entryBody { line-height: 1.8; margin: 0 0 20px; } body#article #contents .entryBody a { color: #46678c; text-decoration: underline; } body#article #contents .entryBody a:visited { color: #737e8b; text-decoration: underline; } body#article #contents .entryBody a:hover { color: #3c8ad9; text-decoration: underline; } body#article #contents .entryBody a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } /* 本文ジャスティファイを追加(林) */ body#article #contents .entryBody p { text-align:justify; } /* 法と経済では本文のジャスティファイを無効にする*/ body#article.gnav9 #contents .entryBody p { text-align:left; } /* 法と経済用の右寄せ */ body#article.gnav9 #contents .entryBody p[align="right"] { text-align:right; } body#article #contents .entryBody h2, body#article #contents .entryBody h3, body#article #contents .entryBody h4, body#article #contents .entryBody ul, body#article #contents .entryBody ol, body#article #contents .entryBody p { margin: 0 0 20px; } body#article #contents .entryBody h2, body#article #contents .entryBody h3, body#article #contents .entryBody h4 { font-size: 112.5%; line-height: 1.2; } body#article #contents .entryBody .tit_article2, body#article #contents .entryBody h2 { font-size: 125%; padding: 0 0 0 10px; border-left: 5px solid #333; overflow: hidden; zoom: 1; /*中見出しカーニング指定2019/06/09*/ font-feature-settings: "palt"; } body#article #contents .entryBody .tit_article, body#article #contents .entryBody h3 { padding: 0 0 0 10px; border-left: 5px solid #babec5; overflow: hidden; zoom: 1; } body.gnav2#article #contents .entryBody h2 { border-color: #ce573e; } body.gnav3#article #contents .entryBody h2 { border-color: #2f669d; } body.gnav4#article #contents .entryBody h2 { border-color: #357545; } body.gnav5#article #contents .entryBody h2 { border-color: #5f4d80; } body.gnav6#article #contents .entryBody h2 { border-color: #d6a032; } body.gnav7#article #contents .entryBody h2 { border-color: #4b555f; } body.gnav8#article #contents .entryBody h2 { border-color: #4b555f; } body.gnav9#article #contents .entryBody h2 { border-color: #857126; } body#article #contents .entryBody .parag_c, body#article #contents .entryBody .center { text-align: center; } body#article #contents .entryBody .parag_r, body#article #contents .entryBody .right { text-align: right; } body#article #contents .entryBody .text_l, body#article #contents .entryBody .largeTxt { font-size: 112.5%; } body#article #contents .entryBody .text_s, body#article #contents .entryBody .smallTxt { font-size: 93.75%; } body#article #contents .entryBody .notesTxt { font-size: 81.25%; color: #5f666a; } body#article #contents .entryBody .dateTxt { font-size: 75%; color: #8c929d; } body#article #contents .entryBody .link { font-size: 93.75%; margin: 0; } body#article #contents .entryBody a.Blank { margin: 0 5px 0 0; padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9ibGFuay5naWY) no-repeat right center; text-indent: 0; zoom: 1; } body#article #contents .entryBody a.pdf{ margin: 0 5px 0 0; padding: 0 20px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wZGYuZ2lm) no-repeat right center; text-indent: 0; zoom: 1; } body#article #contents .entryBody .pdf { /*法と経済用*/ margin: 0 5px 0 0; padding: 0 20px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wZGYuZ2lm) no-repeat right center; text-indent: 0; zoom: 1; } body#article #contents .entryBody hr { clear: both; margin: 30px 0; } body#article #contents .entryBody .text_i, body#article #contents .entryBody em { font-style: italic; font-weight: normal; } body#article #contents .entryBody .text_b, body#article #contents .entryBody strong { font-weight: bold; } body#article #contents .entryBody .redTxt { color: #cc3333; } body#article #contents .entryBody .politicsTxt { color: #ce573e; } body#article #contents .entryBody .businessTxt { color: #2f669d; } body#article #contents .entryBody .nationalTxt { color: #357545; } body#article #contents .entryBody .scienceTxt { color: #5f4d80; } body#article #contents .entryBody .cultureTxt { color: #d6a032; } body#article #contents .entryBody .globalTxt { color: #4b555f; } body#article #contents .entryBody .journalismTxt { color: #4b555f; } body#article #contents .entryBody .judiciaryTxt { color: #857126; } body#article #contents .entryBody small { font-size: 87.5%; } body#article #contents .entryBody small.red { font-weight: normal; } body#article #contents .entryBody .notesMark, body#article #contents .entryBody .notesMark a { font-size: 13px !important; font-weight: normal !important; color: #cc3333 !important; text-decoration: none !important; } body#article #contents .entryBody li { margin: 5px 10px; } body#article #contents .entryBody ul li { padding: 0 0 0 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9saXN0LmdpZg) no-repeat left 0.6em; } body#article #contents .entryBody ol li { margin-left: 30px; padding: 0; list-style: decimal; background: none; } body#article #contents .entryBody .qa dt, body#article #contents .entryBody .questionTxt { font-weight: bold; margin: 0 0 10px; } body#article #contents .entryBody .qa dt span, body#article #contents .entryBody .questionTxt .mark { font-size: 125%; font-weight: bold; color: #8c939d; } body#article #contents .entryBody .qa dd, body#article #contents .entryBody .answerTxt { margin: 0 0 20px; } body#article #contents .entryBody .qa dd span, body#article #contents .entryBody .answerTxt .mark { font-size: 125%; font-weight: bold; color: #cc3333; } body#article #contents .entryBody .quoteBox1, body#article #contents .entryBody blockquote.normal { margin: 30px 0; padding: 15px 20px; background: #f3f4f5; border: 1px solid #e0e4e9; /*両端揃え 2019/06/09*/ text-align: justify; } body#article #contents .entryBody .quoteBox1 p, body#article #contents .entryBody blockquote.normal p { margin: 5px 0; } body#article #contents .entryBody .quoteBox2, body#article #contents .entryBody blockquote.line { margin: 30px 0; padding: 15px 20px; background: #fff; border: 3px double #e0e4e9; /*両端揃え 2019/06/09*/ text-align: justify; } body#article #contents .entryBody .quoteBox2 p, body#article #contents .entryBody blockquote.line p { margin: 5px 0; } body#article #contents .entryBody .chess_picture_c { margin: 0 auto 20px; text-align: center; } body#article #contents .entryBody .chess_picture_l { float: left; width: 290px; margin: 0 30px 20px 0; text-align: center; } body#article #contents .entryBody .chess_picture_r { float: right; width: 290px; margin: 0 0 20px 30px; text-align: center; } body#article #contents .entryBody .chess_picture_l img, body#article #contents .entryBody .chess_picture_r img { max-width: 290px; height: auto; } body#article #contents .entryBody .chess_picture_c div.block, body#article #contents .entryBody .chess_picture_l div.block, body#article #contents .entryBody .chess_picture_r div.block { margin: 0 auto 20px; /*background: #f3f4f5;*/ overflow: hidden; zoom: 1; } body#article #contents .entryBody .chess_picture_c div.block, body#article #contents .entryBody .chess_picture_c img { max-width: 610px; height: auto; } body#article #contents .entryBody .chess_picture_c small, body#article #contents .entryBody .chess_picture_l small, body#article #contents .entryBody .chess_picture_r small { display: block; font-size: 81.25%; line-height: 1.3; color: #60666a; padding: 8px 10px; /*background: #f3f4f5;*/ text-align: left; /*word-break: break-all;*/ word-break: normal; } body#article #contents .entryBody .chess_picture_c small a, body#article #contents .entryBody .chess_picture_l small a, body#article #contents .entryBody .chess_picture_r small a { font-size: 92.31%; } body#article #contents .entryBody .chess_picture_c a, body#article #contents .entryBody .chess_picture_l a, body#article #contents .entryBody .chess_picture_r a { white-space: normal; /*word-break: break-all;*/ word-break: normal; } body#article #contents .entryBody .ThmbZoomBtn { float: right; margin: 0 0 0 5px; } body#article #contents .entryBody .photo_2col { margin: 0 0 20px; overflow: hidden; zoom: 1; } body#article #contents .entryBody .photo_2col .chess_picture_l, body#article #contents .entryBody .photo_2col .chess_picture_r { margin: 0; } /* 【contents】一記事ページナビ ------------------------------------*/ body#article #contents div.entryPageNav { clear: both; margin: 0 0 30px; text-align: center; } body#article #contents div.entryPageNav a { text-decoration: none; } body#article #contents div.entryPageNav li { display: inline; color: #dad8cf; vertical-align: middle; } body#article #contents div.entryPageNav li.back { padding: 2px 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wYWdlbmF2X2wuZ2lm) no-repeat left center; } body#article #contents div.entryPageNav li.next { padding: 2px 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wYWdlbmF2X3IuZ2lm) no-repeat right center; } body#article #contents div.entryPageNav li.back a:hover, body#article #contents div.entryPageNav li.next a:hover { color: #263039; text-decoration: underline; } body#article #contents div.entryPageNav li.current { padding: 2px 10px; margin:3px; border: 1px solid #e0e4e9; background: #4b555f; } body#article #contents div.entryPageNav li.page { padding: 2px 10px; margin:3px; border: 1px solid #e0e4e9; } /* 【contents】一記事ご購読手続き ------------------------------------*/ body#article #contents div.subscription { clear: both; padding: 25px 0; border-top: 1px dotted #babfc5; text-align: center; } body#article #contents div.subscription.articleTop { margin: 0 0 20px; padding: 0 0 25px; border-top: none; border-bottom: 1px dotted #babfc5; } body#article #contents div.subscription li { display: inline; font-size: 100%; } body#article #contents div.subscription li a { display: inline-block; *display: inline; min-width: 200px; font-weight: bold; line-height: 1.5; color: #fff; margin: 0 5px; padding: 20px 50px 20px 50px; background: #e60012 url(/static/images/common/subscription_btn_arrow.gif) no-repeat right center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; cursor: pointer; zoom: 1; font-size: 24px; } body#article #contents div.subscription li.btnLogin2 a { padding: 16px 43px 16px 15px; font-size: 24px; } body#article #contents div.subscription li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents div.subscription p.txt { font-size: 87.5%; color: #cc3333; margin: 0 0 10px; } body#article #contents div.subscription p.subLink { font-size: 87.5%; margin: 10px 0 0; text-align: center; } body#article #contents div.subscription p.subLink a { color: #46668c; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left center; text-decoration: underline; } body#article #contents div.subscription p.subLink a:hover { color: #3c8ad9; } body#article #contents div.subscription p a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents div.subscription div.sns { padding: 25px 0 0; overflow: hidden; zoom: 1; } body#article #contents div.subscription div.sns div { float: left; font-size: 93.75%; margin: 0 5px 0 0; } body#article #contents div.subscription div.sns div.info { font-weight: bold; margin: 0 10px 0 0; } /* 【contents】画像拡大ページ ------------------------------------*/ body#article #contents #zoomImage { position: relative; margin: 0 0 10px; overflow: hidden; zoom: 1; } body#article #contents #zoomImage p, body#article #contents #zoomImage ul, body#article #contents #zoomImage li { line-height: 1,3; margin: 0; padding: 0; } body#article #contents #zoomImage a { color: #fff !important; text-decoration: none !important; } body#article #contents #zoomImage img { vertical-align: bottom; } body#article #contents #zoomImage .mainimg { text-align: center; } body#article #contents #zoomImage .mainimg img { margin: 0 auto; } body#article #contents #zoomImage #zoomImageInfoBtn { position: absolute; right: 5px; top: 5px; z-index: 1; } body#article #contents #zoomImage #zoomImageInfoBtn a { display: block; font-size: 68.75%; line-height: 1,3; padding: 3px 10px; background: #101113; } body#article #contents #zoomImage #zoomImageInfoBtn a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents #zoomImage .zoomImageNav { position: absolute; left: 0px; top: 0px; width: 100%; font-size: 93.75%; line-height: 1,3; color: #fff; background: rgba(15,15,8,0.7); -ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 8以上用 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 7以下用 */ } body#article #contents #zoomImage .zoomImageNav ul { padding: 5px 10px; } body#article #contents #zoomImage .zoomImageNav li { list-style-type: none; } body#article #contents #zoomImage .zoomImageNav li.return { padding: 0 0 0 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9uYXZfcmV0dXJuLnBuZw) no-repeat left center; } body#article #contents #zoomImage .caption { position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 93.75%; line-height: 1.3; color: #fff; background: rgba(15,15,8,0.7); -ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 8以上用 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 7以下用 */ } body#article #contents #zoomImage .caption p { padding: 5px 10px; } body#article #contents #zoomImage .zoomImageBtnL, body#article #contents #zoomImage .zoomImageBtnR { position: absolute; top: 50%; z-index: 40; margin-top: -16px; background: rgba(15,15,8,0.7); _background: #000; } body#article #contents #zoomImage .zoomImageBtnL { left: 0px; } body#article #contents #zoomImage .zoomImageBtnR { right: 0px; } body#article #contents #zoomImage .zoomImageBtnL a, body#article #contents #zoomImage .zoomImageBtnR a { display: block; width: 24px; height: 32px; text-indent: -7777px; overflow: hidden; } body#article #contents #zoomImage .zoomImageBtnL a { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9uYXZfbC5wbmc) no-repeat center center; } body#article #contents #zoomImage .zoomImageBtnR a { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9uYXZfci5wbmc) no-repeat center center; } body#article #contents #zoomImage .zoomImageBtnL a:hover, body#article #contents #zoomImage .zoomImageBtnR a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents #zoomImageNav { width: 610px; margin: 0 0 30px; overflow: hidden; zoom: 1; } body#article #contents #zoomImageNav .thum { width: 620px; overflow: hidden; zoom: 1; } body#article #contents #zoomImageNav .thum li { float: left; width: 114px; height: 80px; margin: 0 10px 0 0; padding: 0 0 10px; vertical-align: middle; overflow: hidden; zoom: 1; } body#article #contents #zoomImageNav .thum li a { display: block; width: 114px; height: 80px; text-align: center; overflow: hidden; zoom: 1; } body#article #contents #zoomImageNav .thum li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents #zoomImageNav .thum li img { width: auto; height: 80px; } body#article #contents #zoomImageNav .followLink { padding: 10px 0 0; border-top: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body#article #contents #zoomImageNav .followLink .return { float: left; font-size: 93.75%; padding: 0 0 0 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9uYXZfYmFja19iay5wbmc) no-repeat left center; } body#article #contents #zoomImageNav .followLink .note { float: right; font-size: 93.75%; color: #8c949d; } /* 【contents】関連記事 ------------------------------------*/ body#article #contents #relatedArticle { clear: both; margin: 0 0 20px; margin-top:15px; } body#article #contents #relatedArticle div.title { padding: 5px 10px; background: #e7eaed; overflow: hidden; zoom: 1; } body#article #contents #relatedArticle div.title h2 { float: left; font-weight: bold; color: #263039; } body#article #contents #relatedArticle div.title p.note { float: right; font-size: 12px; color: #8c949d; margin: 3px 0 0; } /* 【contents】関連情報 ------------------------------------*/ body#article #contents .relatedReference { clear: both; margin: 0 0 30px; } body#article #contents .relatedReference div.title { font-weight: bold; color: #263039; padding: 5px 10px; background: #e7eaed; } body#article #contents .relatedReference a { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9ibGFuay5naWY) no-repeat right center; zoom: 1; } /* 【contents】著者プロフィール ------------------------------------*/ body#article #contents #authorProfile { clear: both; margin: 0 0 20px; } body#article #contents #authorProfile div.title { font-weight: bold; color: #263039; padding: 5px 10px; background: #e7eaed; } body#article #contents #authorProfile .main { padding: 15px 0 0; overflow: hidden; zoom: 1; } body#article #contents #authorProfile .main p { font-size: 81.25%; line-height: 1.7; overflow: hidden; zoom: 1; } body#article #contents #authorProfile .main p.photo { float: left; margin: 0 12px 0 0; } body#article #contents #authorProfile .main p.photo a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents #authorProfile .main p.name { font-size: 112.5%; font-weight: bold; line-height: 1.2; margin: 0 0 5px; } body#article #contents #authorProfile .main p.name, body#article #contents #authorProfile .main p.name a { color: #4b535f; } body#article #contents #authorProfile .main p.name .kana { font-size: 66.67%; } body#article #contents #authorProfile .main p.name .position { font-size: 66.67%; font-weight: normal; } body#article #contents #authorProfile div.subTitle { padding: 15px 0 0; } body#article #contents #authorProfile div.subTitle h2 { display: inline-block; font-size: 81.25%; font-weight: normal; color: #263039; padding: 5px 10px; background: #e7eaed; } body#article #contents #authorProfile .more { font-size: 81.25%; padding: 10px 0 0; border-top: 1px solid #e7eaed; text-align: right; } body#article #contents #authorProfile .more a { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat right center; } /* 【contents】最新テーマ紹介 ------------------------------------*/ body#article #contents #themes { clear: both; margin: 0 0 30px; } body#article #contents #themes div.title { font-weight: bold; color: #263039; padding: 5px 10px; background: #e7eaed; } /* 【contents】まとめ一記事 ------------------------------------*/ body#article #contents #matome { clear: both; margin: 0 0 30px; border-bottom: 1px solid #e7eaed; } body#article #contents #matome .title { margin: 0 0 15px; } body#article #contents #matome .title .haed { font-size: 93.75%; font-weight: bold; line-height: 1.3; padding: 8px 0 5px 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9tYXRvbWUuZ2lm) no-repeat left top; } body#article #contents #matome .title .haed a { color: #333; } body#article #contents #matome .title .maintitle { font-size: 162.5%; font-weight: bold; line-height: 1.3; margin: 0 0 10px; } body#article #contents #matome #matomeImage { position: relative; margin: 0 0 10px; overflow: hidden; zoom: 1; } body#article #contents #matome #matomeImage p, body#article #contents #matome #matomeImage ul, body#article #contents #matome #matomeImage li { line-height: 1,3; margin: 0; padding: 0; } body#article #contents #matome #matomeImage a { color: #fff !important; text-decoration: none !important; } body#article #contents #matome #matomeImage img { vertical-align: bottom; } body#article #contents #matome #matomeImage .mainimg { text-align: center; } body#article #contents #matome #matomeImage .mainimg img { margin: 0 auto; } body#article #contents #matome #matomeImage .caption { position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 87.5%; line-height: 1,3; color: #fff; background: rgba(15,15,8,0.7); -ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 8以上用 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000); /* IE 7以下用 */ } body#article #contents #matome #matomeImage .caption p { padding: 5px 10px; } body#article #contents #matome .entryInfo { margin: 0 0 20px; } body#article #contents #matome .introTxt { font-size: 93.75%; margin: 0 0 20px; } body#article #contents #matome .comment { font-size: 93.75%; padding: 15px; background: #f3f4f5; border-top: 1px solid #e7eaed; } body#article #contents #matome .entry { padding: 20px 0; border-top: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body#article #contents #matome .entry a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#article #contents #matome .entry .img { float: left; width: 195px; } body#article #contents #matome .entry .img img { width: 180px; height: auto; } body#article #contents #matome .entry .txt { overflow: hidden; zoom: 1; } body#article #contents #matome .entry h3 { font-size: 125%; line-height: 1.3; margin: 0 0 10px; } body#article #contents #matome .entry p { font-size: 75%; line-height: 1.3; margin: 0 0 10px; } body#article #contents #matome .entry .date { color: #8c949d; } body#article #contents #matome .entry ul.arrowList li { font-size: 81.25%; margin: 5px 0; } /* 【contents】テーマ一記事 ------------------------------------*/ body#article #contents #theme { clear: both; margin: 0 0 30px; } body#article #contents #theme .title { padding: 20px 0 15px; } body#article #contents #theme .title h1 { font-size: 162.5%; line-height: 1.2; padding: 0 0 0 10px; border-left: 5px solid #333; overflow: hidden; zoom: 1; } body.gnav2#article #contents #theme .title h1 { border-color: #ce573e; } body.gnav3#article #contents #theme .title h1 { border-color: #2f669d; } body.gnav4#article #contents #theme .title h1 { border-color: #357545; } body.gnav5#article #contents #theme .title h1 { border-color: #5f4d80; } body.gnav6#article #contents #theme .title h1 { border-color: #d6a032; } body.gnav7#article #contents #theme .title h1 { border-color: #4b555f; } body.gnav8#article #contents #theme .title h1 { border-color: #4b555f; } body.gnav9#article #contents #theme .title h1 { border-color: #857126; } body#article #contents #theme .themeInfo { margin: 0 0 10px; padding: 15px; background: #eee; overflow: hidden; zoom: 1; } body.gnav2#article #contents #theme .themeInfo { background: #fbe7e1; } body.gnav3#article #contents #theme .themeInfo { background: #dfecf4; } body.gnav4#article #contents #theme .themeInfo { background: #e2f1e7; } body.gnav5#article #contents #theme .themeInfo { background: #e9e4ef; } body.gnav6#article #contents #theme .themeInfo { background: #faf1e2; } body.gnav7#article #contents #theme .themeInfo { background: #e7eaed; } body.gnav8#article #contents #theme .themeInfo { background: #e7eaed; } body.gnav9#article #contents #theme .themeInfo { background: #857126; } body#article #contents #theme .themeInfo .img { width: 10%; } body#article #contents #theme .themeInfo .img span, body#article #contents #theme .themeInfo .img small { display: block; margin: 0 15px 0 0; } body#article #contents #theme .themeInfo .img small { font-size: 68.75%; color: #61666a; padding: 5px 0 0; } body#article #contents #theme .themeInfo .txt { width: 90%; font-size: 93.75%; } /* --------------------------------------- 8. 記事一覧(body#list) --------------------------------------- */ body#list .ui-datepicker { width: 200px; } body#list .ui-datepicker .ui-datepicker-title, body#list .ui-widget, body#list .ui-datepicker table { font-size: 12px; } body#list #contents { padding: 30px; } body#list #contents div.listTitle { position: relative; border-bottom: 3px solid #4b555f; } body#list #contents div.listTitle .freeLabel { position: absolute; top: -30px; right: 0px; width: 45px; min-height: 35px; overflow: hidden; zoom: 1; } body#list #contents div.listTitle .freeLabel a { display: block; width: 45px; font-size: 87.5%; color: #fff !important; padding: 5px 0 10px; background: #cc3333 url(/static/images/common/freelabel_bg.gif) no-repeat center bottom; text-decoration: none; text-align: center; zoom: 1; } body#list #contents div.listTitle .freeLabel a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } body#list #contents div.listTitle .title { font-size: 125%; font-weight: bold; line-height: 1.2; padding: 0 0 15px; } body#list #contents div.listTitle .title small { font-size: 70%; } body#list #contents div.listTitle .tabmenu ul { overflow: hidden; zoom: 1; } body#list #contents div.listTitle .tabmenu li { display: block; float: left; width: 50%; line-height: 1.2; text-align: center; } body#list #contents div.listTitle .tabmenu li small { font-size: 87.5%; } body#list #contents div.listTitle .tabmenu li a, body#list #contents div.listTitle .tabmenu li span { display: block; padding: 10px 0; border: 1px solid #d9dadc; text-decoration: none; zoom: 1; } body#list #contents div.listTitle .tabmenu li a:hover { background: #e7eaed; } body#list #contents div.listTitle .tabmenu li.acive span { color: #fff; background: #4b555f; border: 1px solid #4b555f; } body#list #contents div.listInfo { padding: 20px 0; overflow: hidden; zoom: 1; } body#list #contents div.listInfo .img { float: left; margin: 0 15px 0 0; } body#list #contents div.listInfo .txt { overflow: hidden; zoom: 1; } body#list #contents div.listInfo .txt h1, body#list #contents div.listInfo .txt h2 { margin: 0 0 10px; } body#list #contents div.listInfo .txt .theme { font-size: 81.25%; color: #857126; } body#list #contents div.listInfo .txt .extract { font-size: 87.5%; line-height: 1.7; padding: 0 2px; } body#list #contents div.listInfo .txt .extract a { text-decoration: underline !important; } body#list #contents div.sortList { float: right; } body#list #contents div.sortList span { font-size: 75%; color: #8b919d; margin: 0 5px 0 0; } body#list #contents div.sortList select { font-size: 87.5%; padding: 3px; border: 1px solid #a9a9a9; vertical-align: middle; } body#list #contents div.sortNav { font-size: 81.25%; color: #d8d8dc; margin-bottom: -10px; text-align: right; } body#list #contents div.sortNav .active { font-weight: bold; color: #333; } /* 【contents】ジャンルトップ ------------------------------------*/ body#list #contents #genreTop .listTitle { margin: 0 0 25px; border: none; overflow: hidden; zoom: 1; } body#list #contents #genreTop .listTitle .title { float: left; font-size: 162.5%; padding: 0 0 0 10px; border-left: 5px solid #333; } body.gnav2#list #contents #genreTop .listTitle .title { border-color: #ce573e; } body.gnav3#list #contents #genreTop .listTitle .title { border-color: #2f669d; } body.gnav4#list #contents #genreTop .listTitle .title { border-color: #357545; } body.gnav5#list #contents #genreTop .listTitle .title { border-color: #5f4d80; } body.gnav6#list #contents #genreTop .listTitle .title { border-color: #d6a032; } body.gnav7#list #contents #genreTop .listTitle .title { border-color: #4b555f; } body.gnav8#list #contents #genreTop .listTitle .title { border-color: #4b555f; } body.gnav9#list #contents #genreTop .listTitle .title { border-color: #857126; } body#list #contents #genreTop .listTitle .sideLink { float: right; font-size: 81.25%; color: #d8d8dc; padding: 10px 0 0; } body#list #contents #genreTop .genreInfo { margin: 0 0 30px; padding: 20px 0 0; border-top: 3px solid #333; } body#list #contents #genreTop .genreInfo h2 { margin: -20px 0 10px; border-top: none; } body#list #contents #genreTop .genreInfo p { font-size: 81.25%; line-height: 1.7; } body#list #contents #genreTop .genreInfo p a { color: #46678c; text-decoration: underline; } body#list #contents #genreTop .genreInfo p.img { float: right; margin: 5px 0 0 15px; } body#list #contents #genreTop h2 { padding: 10px 0; border-top: 3px solid #333; border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body.gnav2#list #contents #genreTop h2 { border-top-color: #ce573e; } body.gnav3#list #contents #genreTop h2 { border-top-color: #2f669d; } body.gnav4#list #contents #genreTop h2 { border-top-color: #357545; } body.gnav5#list #contents #genreTop h2 { border-top-color: #5f4d80; } body.gnav6#list #contents #genreTop h2 { border-top-color: #d6a032; } body.gnav7#list #contents #genreTop h2 { border-top-color: #4b555f; } body.gnav8#list #contents #genreTop h2 { border-top-color: #4b555f; } body.gnav9#list #contents #genreTop h2 { border-top-color: #857126; } body#list #contents #genreTop #themes { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #e7eaed; } body#list #contents #genreTop .theme { margin: -1px 0 0; padding: 20px 0; background: #fff; border-top: 1px solid #e7eaed; border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body#list #contents #genreTop .theme a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#list #contents #genreTop .theme .img { float: left; width: 195px; } body#list #contents #genreTop .theme .img img { width: 180px; height: auto; } body#list #contents #genreTop .theme .txt { overflow: hidden; zoom: 1; } body#list #contents #genreTop .theme h3 { line-height: 1.3; margin: 0 0 10px; } body#list #contents #genreTop .theme p { font-size: 75%; line-height: 1.3; margin: 0 0 10px; } body#list #contents #genreTop .theme .date { color: #8c949d; } body#list #contents #genreTop .theme ul.arrowList li { font-size: 81.25%; margin: 5px 0 0; } body#list #contents #genreTop ul.list li { border: none; border-bottom: 1px solid #e7eaed; } body#list #contents #genreTop ul.list li .link { line-height: 1.7; } body#list #contents #genreTop .rankingList ol li { padding: 10px 0; border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body#list #contents #genreTop .rankingList ol li .no { float: left; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; color: #fff; margin: 1px 10px 0 0; background: #9197a2; text-align: center; } body#list #contents #genreTop .rankingList ol li .no.black { background: #263039; } body#list #contents #genreTop .rankingList ol li .txt { overflow: hidden; zoom: 1; } body#list #contents #genreTop .rankingList ol li h3 { font-size: 93.75%; line-height: 1.5; } body#list #contents #genreTop .rankingList ol li h3 .free { font-size: 13px; font-weight: normal; color: #cc3333; white-space: nowrap; } body#list #contents #genreTop div.author { width: 610px; overflow: hidden; } body#list #contents #genreTop div.author .column3 { width: 650px; padding: 20px 0 0; overflow: hidden; zoom: 1; } body#list #contents #genreTop div.author .column3 dl { float: left; width: 190px; margin: 0 20px 0 0; } body#list #contents #genreTop div.author .column3 dl dt { float: left; margin: 0 10px 0 0; } body#list #contents #genreTop div.author .column3 dl dt img { vertical-align: bottom; } body#list #contents #genreTop div.author .column3 dl dd { overflow: hidden; zoom: 1; } body#list #contents #genreTop div.author .column3 dl dd span { display: block; } body#list #contents #genreTop div.author .column3 dl dd span.name { font-size: 81.25%; font-weight: bold; } body#list #contents #genreTop div.author .column3 dl dd span.position { font-size: 68.75%; color: #8c929d; margin: 3px 0 0; } body#list #contents #genreTop div.author .column3 a:hover { cursor: pointer; } body#list #contents #genreTop div.author .column3 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } body#list #contents #genreTop div.author .column3 a:hover dd { text-decoration: underline; } body#list #contents #genreTop div.journalism { margin: 0 0 10px; overflow: hidden; zoom: 1; } body#list #contents #genreTop div.journalism h2 { padding: 5px 10px; background: #e7eaed; border: none; } body#list #contents #genreTop div.journalism .img { float: left; width: 120px; margin: 0 20px 0 0; padding: 15px 0; } body#list #contents #genreTop div.journalism .img img { width: 120px; height: auto; } body#list #contents #genreTop div.journalism .img a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#list #contents #genreTop div.journalism ul.list { float: right; width: 470px; margin: -1px 0 0; overflow: hidden; zoom: 1; } body#list #contents #genreTop div.journalism ul.list li { padding: 12px 0; border: none; border-top: 1px solid #e7eaed; } body#list #contents #genreTop .more { font-size: 93.75%; padding: 10px 0; text-align: right; } body#list #contents #genreTop .more a { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat right center; } /* 【contents】検索 ------------------------------------*/ body#list #contents div.search { margin: 0 0 20px; padding: 15px; background: #e6eaed; overflow: hidden; zoom: 1; } body#list #contents div.search .main { overflow: hidden; zoom: 1; } body#list #contents div.search .main input.txt { width: 320px; _width: 350px; height: 40px; font-size: 100%; line-height: 40px; padding: 0 0 0 30px; background: #fff url(/static/images/header/search_icon.gif) no-repeat 5px center; border: 1px solid #ccc; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; vertical-align: middle; } body#list #contents div.search .main input.btn { width: 65px; height: 40px; font-size: 87.5%; font-weight: bold; line-height: 40px; color: #fff; padding: 0; background: #263039; border: none; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; text-align: center; vertical-align: middle; } body#list #contents div.search .main input.btn:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#list #contents div.search .main .option { display: inline-block; min-height: 16px; font-size: 87.5%; margin: 0 0 0 10px; padding: 0 0 0 22px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9jYWwuZ2lm) no-repeat left center; vertical-align: middle; } body#list #contents div.search .main .option span { display: inline-block; padding: 0 16px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvd191cC5naWY) no-repeat right center; cursor: pointer; } body#list #contents div.search .main .option span.close { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvd19kb3duLmdpZg) no-repeat right center; } body#list #contents div.search #searchOptions { display: none; font-size: 87.5%; padding: 10px 0 0; } body#list #contents div.search #searchOptions p { line-height: 28px; vertical-align: middle; } body#list #contents div.search #searchOptions input { width: 190px; height: 28px; font-size: 100%; line-height: 28px; margin: 0 2px; padding: 0 7px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; } body#list #contents div.searchNav { margin: 15px 0; overflow: hidden; zoom: 1; } body#list #contents div.searchNav .resultStats { float: left; font-size: 87.5%; font-weight: bold; color: #4b525f; } body#list #contents div.searchNav div.sortNav { margin: 0; } body#list #contents div.searchNotFound .info { font-size: 87.5%; line-height: 1.7; margin: 0 0 30px; } /* 【contents】カテゴリー情報 ------------------------------------*/ body#list #contents div.categoryInfo { padding: 0 0 15px; border-bottom: 2px solid #433F3D; overflow: hidden; zoom: 1; } body#list #contents div.categoryInfo .categoryTitle { margin: 0 0 15px; } body#list #contents div.categoryInfo .img { float: right; margin: 0 0 0 15px; } body#list #contents div.categoryInfo .txt { overflow: hidden; zoom: 1; } body#list #contents div.categoryInfo .txt .title { padding: 15px 0 25px; } body#list #contents div.categoryInfo .txt .extract { font-size: 87.5%; font-weight: bold; padding: 0 2px; } /* 【contents】記事一覧ページナビ ------------------------------------*/ body#list #contents div.listPageNav { font-size: 14px; padding: 20px 0 0; border-top: 1px solid #e7eaed; text-align: center; } body#list #contents div.listPageNav li { display: inline; color: #dad8cf; margin: 0 3px; vertical-align: middle; } body#list #contents div.listPageNav li a, body#list #contents div.listPageNav li span { display: inline-block; text-decoration: none; } body#list #contents div.listPageNav li.back { padding: 2px 5px 2px 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wYWdlbmF2X2wuZ2lm) no-repeat left center; } body#list #contents div.listPageNav li.next { padding: 2px 15px 2px 5px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9wYWdlbmF2X3IuZ2lm) no-repeat right center; } body#list #contents div.listPageNav li.back a:hover, body#list #contents div.listPageNav li.next a:hover { color: #263039; text-decoration: underline; } body#list #contents div.listPageNav li.page a { padding: 5px 12px; border: 1px solid #e0e3e8; } body#list #contents div.listPageNav li.page a:hover { background: #eee; } body#list #contents div.listPageNav li.current span { color: #fff; padding: 5px 12px; background: #4b555f; } /* 【contents】テーマ一覧 ------------------------------------*/ body#list #contents #themes { margin: 0 0 20px; } body#list #contents #themes .listTitle { margin: 0 0 10px; overflow: hidden; zoom: 1; } body#list #contents #themes .listTitle .title { float: left; } /* 【contents】連載一覧 ------------------------------------*/ body#list #contents #seriesList .series { padding: 15px 0; border-bottom: 1px solid #e7eaed; } body#list #contents #seriesList .series h2 { margin: 0 0 5px; } body#list #contents #seriesList .series h2 .seriesName { font-size: 100%; } body#list #contents #seriesList .series .author { font-size: 75%; color: #8c929d; margin: 0 0 10px; } body#list #contents #seriesList .series ul.list li { font-size: 87.5%; font-weight: normal; margin: 5px 0 0; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left 5px; border: none; } body#list #contents #seriesList .series .hideList ul { display: none; } body#list #contents #seriesList .series .hideList .openList { padding: 10px 0 0; } body#list #contents #seriesList .series .hideList .openList span { display: inline-block; font-size: 12px; line-height: 1; padding: 5px 20px 5px 10px; background: #e7eaed url(/static/images/common/icon_listclose.gif) no-repeat right center; cursor: pointer; } body#list #contents #seriesList .series .hideList .openList span.more { background: #e7eaed url(/static/images/common/icon_listopen.gif) no-repeat right center; } body#list #contents #seriesList .series .more { margin: 10px 0 -5px; text-align: right; } body#list #contents #seriesList .series .more a { font-size: 87.5%; padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat right center; } /* 特集 ------------------------------------*/ body#article #contents .feature .title { margin: 0!important; } body#article #contents #matome .title .maintitle { margin: 0 0 5px!important; } body#list #contents .featureList .listTitle, body#article #contents .feature .title .haed { background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9mdXR1cmUucG5n) no-repeat left top!important; } body#article #contents .feature .introTxt { margin-bottom: 14px!important; } body#article #contents .feature .entryInfo { margin: 0 0 10px!important; } /* 【contents】特集 ------------------------------------*/ #contents #featureList ul { border-top: 1px solid #e7eaed; } #contents #featureList ul li { border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } #contents #featureList ul li a { display: block; padding: 15px 0; overflow: hidden; zoom: 1; } #contents #featureList ul li a:hover { background: #e7eaed; text-decoration: none; cursor: pointer; } #contents #featureList ul li .img { float: left; margin: 0 10px 0 0; } #contents #featureList ul li a:hover .img img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } #contents #featureList ul li .txt { overflow: hidden; zoom: 1; } #contents #featureList ul li h3 { line-height: 1.5; } #contents #featureList ul li h3 .free { font-size: 13px; font-weight: normal; color: #cc3333; white-space: nowrap; } #contents #featureList ul li p { font-size: 81.25%; margin: 2px 0 0; color: #8c939d; } #contents #featureList ul li p.meta { font-size: 75%; margin: 0 0 2px; } #contents #featureList ul li p.meta a { color: #8c939d !important; } /* 【contents】WEBRONZAまとめ ------------------------------------*/ body#list #contents #matomeList { margin: 0 0 30px; } body#list #contents #matomeList .listTitle { padding-left: 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9tYXRvbWUuZ2lm) no-repeat left top; } body#list #contents #matomeList .column2 { width: 610px; padding: 30px 0 0; overflow: hidden; zoom: 1; } body#list #contents #matomeList ul { width: 650px; overflow: hidden; zoom: 1; } body#list #contents #matomeList ul li { float: left; width: 290px; margin-right: 30px; } body#list #contents #matomeList ul li a, body#list #contents #matomeList ul li span { display: block !important; margin: 0 !important; text-decoration: none !important; } body#list #contents #matomeList ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#list #contents #matomeList ul li span.img { width: 290px; height: 114px; overflow: hidden; } body#list #contents .featureList ul li span.img { height: auto!important; } body#list #contents #matomeList ul li span.img img { width: 290px; height: auto; } body#list #contents #matomeList ul li span.title { font-weight: bold; line-height: 1.3; padding: 10px 0 0; } body#list #contents #matomeList ul li span.txt { font-size: 81.25%; padding: 5px 0 0; } body#list #contents #matomeList ul li span.date { font-size: 75%; color: #8c929d; padding: 5px 0 0; } /* 【contents】神保町の匠 ------------------------------------*/ body#list #contents #takumi { margin: 0 0 20px; } body#list #contents #takumi .listTitle { border: none; } body#list #contents #takumi .listTitle .mark { display: inline-block; font-size: 12px; font-weight: normal; line-height: 22px; color: #fff !important; margin: 0 2px 0 0; padding: 0 10px; background: #b41a3c; vertical-align: text-bottom; } body#list #contents #takumi .guide { padding: 20px; background: #f3f4f6; border-top: 1px solid #e6eaed; } body#list #contents #takumi .guide p { font-size: 87.5%; margin: 0 0 10px; } body#list #contents #takumi .guide li { font-size: 87.5%; line-height: 1.7; } body#list #contents #takumi .guide a { color: #46678c; text-decoration: underline; } body#list #contents #takumi .guide a:hover { color: #3c8ad9; } body#list #contents #takumi .guide a.Blank { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9ibGFuay5naWY) no-repeat right center; zoom: 1; } /* 【contents】北大HOPSマガジン ------------------------------------*/ body#list #contents #hops { margin: 0 0 20px; } body#list #contents #hops .listTitle { border: none; } body#list #contents #hops .guide { padding: 20px; background: #f3f4f6; border-top: 1px solid #e6eaed; } body#list #contents #hops .guide p { font-size: 87.5%; margin: 0 0 10px; } body#list #contents #hops .guide li { font-size: 87.5%; line-height: 1.7; } body#list #contents #hops .guide a { color: #46678c; text-decoration: underline; } body#list #contents #hops .guide a:hover { color: #3c8ad9; } body#list #contents #hops .guide a.Blank { padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9ibGFuay5naWY) no-repeat right center; zoom: 1; } /* 【contents】筆者一覧 ------------------------------------*/ body#list #contents #authors { clear: both; } body#list #contents #authors .listTitle { overflow: hidden; zoom: 1; } body#list #contents #authors .listTitle .title { float: left; } body#list #contents #authors .listIndex { border-top: 1px solid #e7eaed; text-align: center; } body#list #contents #authors .listIndex p { color: #d8d8dc; padding: 15px 0; } body#list #contents #authors .listIndex span { color: #333; cursor: pointer; } body#list #contents #authors .listIndex span.active { font-weight: bold; } body#list #contents #authors h2 { line-height: 1.3; padding: 5px 10px; background: #e7eaed; } body#list #contents #authors ul.list li h3 .kana { font-size: 75%; } body#list #contents #authors ul.list li h3 .position { font-size: 75%; font-weight: normal; } body#list #contents #authors ul.list li p.link { font-size: 87.5%; line-height: 1.7; } /* 【contents】筆者 ------------------------------------*/ body#list #contents #authorProfile { clear: both; } body#list #contents #authorProfile .listTitle .title .kana { font-size: 70%; } body#list #contents #authorProfile .listTitle .title .position { font-size: 70%; font-weight: normal; } body#list #contents #authorProfile .main { padding: 20px 0; overflow: hidden; zoom: 1; } body#list #contents #authorProfile .main .photo { float: left; margin: 0 15px 0 0; } body#list #contents #authorProfile .main .photo a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#list #contents #authorProfile .main .txt { overflow: hidden; zoom: 1; } body#list #contents #authorProfile .main .txt p { font-size: 81.25%; line-height: 1.7; } body#list #contents #authorProfile .main .txt p.sns { margin: 10px 0 0; } body#list #contents #authorProfile .main .txt p.sns a { display: inline-block; min-height: 18px; font-weight: bold; line-height: 18px; color: #46698c; } body#list #contents #authorProfile .main .txt p.sns a.facebook { padding: 0 0 0 22px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9mYWNlYm9vay5naWY) no-repeat left center; } body#list #contents #authorProfile .main .txt p.sns a.twitter { padding: 0 0 0 25px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl90d2l0dGVyLmdpZg) no-repeat left center; } body#list #contents #authorProfile h2 { color: #263039; padding: 5px 10px; background: #e7eaed; } /* 【contents】タグ一覧 ------------------------------------*/ body#list #contents #tagList .listTitle { margin: 0 0 30px; } body#list #contents #tagList .pageSearch { width: 280px; margin: 0 0 30px; background: #fff url(/static/images/header/search_icon.gif) no-repeat 5px center; border: 1px solid #babec5; border-right: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; zoom: 1; } body#list #contents #tagList .pageSearch .main { position: relative; height: 30px; } body#list #contents #tagList .pageSearch .main input.txt { position: absolute; top: 5px; left: 30px; width: 190px; font-size: 14px; background: none; border: none; } body#list #contents #tagList .pageSearch .main input.btn { position: absolute; top: 0px; right: 0px; width: 50px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: #263039; border: none; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; text-align: center; } body#list #contents #tagList .pageSearch .main input.btn:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } body#list #contents #tagList ul { overflow: hidden; zoom: 1; } body#list #contents #tagList li { float: left; padding: 0 10px 0 0; margin: 0 10px 15px 0; border-right: 1px solid #d8d8dc; } body#list #contents #tagList li a { white-space: nowrap; } /* 【contents】ランキング ------------------------------------*/ body#list #contents #rankingList .rankingNav { padding: 15px 0; overflow: hidden; zoom: 1; } body#list #contents #rankingList .rankingNav .txt { float: left; font-size: 81.25%; padding: 4px 0; } body#list #contents #rankingList ol { border-top: 1px solid #e7eaed; } body#list #contents #rankingList ol li { border-bottom: 1px solid #e7eaed; overflow: hidden; zoom: 1; } body#list #contents #rankingList ol li a { display: block; padding: 15px 0; overflow: hidden; zoom: 1; } body#list #contents #rankingList ol li a:hover { background: #e7eaed; text-decoration: none; cursor: pointer; } body#list #contents #rankingList ol li .no { float: left; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; color: #fff; margin: 0 10px 0 0; background: #9197a2; text-align: center; } body#list #contents #rankingList ol li .no.black { background: #263039; } body#list #contents #rankingList ol li .img { float: left; margin: 0 10px 0 0; } body#list #contents #rankingList ol li a:hover .img img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } body#list #contents #rankingList ol li .txt { overflow: hidden; zoom: 1; } body#list #contents #rankingList ol li h3 { line-height: 1.5; } body#list #contents #rankingList ol li h3 .free { font-size: 13px; font-weight: normal; color: #cc3333; white-space: nowrap; } body#list #contents #rankingList ol li p { font-size: 81.25%; margin: 2px 0 0; color: #8c939d; } body#list #contents #rankingList ol li p.meta { font-size: 75%; margin: 0 0 2px; } body#list #contents #rankingList ol li p.meta a { color: #8c939d !important; } /* 【contents】サイトマップ ------------------------------------*/ body#list #contents #sitemapList li { font-size: 93.75%; font-weight: bold; padding: 10px 0; border-bottom: 1px dotted #B6B4A9; } body#list #contents #sitemapList li ul { overflow: hidden; zoom: 1; } body#list #contents #sitemapList li ul li { font-size: 87.5%; font-weight: normal; margin: 5px 0 0; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left center; border: none; } /* --------------------------------------- 9. トップページ(body#home)リニューアル追加 --------------------------------------- */ body#home #homeNew5 { /*background: #273039;*/ background: black; color: #fff; margin-top: 10px; text-align: left; } body#home #homeFeature { background: #fff; color: #273039; text-align: left; } body#home #homeNew5 .container, body#home #homeFeature .container { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; padding: 20px 0; zoom: 1; } body#home #homeNew5 h2 { font-size: 150%; font-weight: normal; letter-spacing: 2px; } body#home #homeFeature h2 { font-size: 137.5%; letter-spacing: 2px; } body#home #homeNew5 .homeNewImage, body#home #homeFeature .homeFeatureImage, body#home #homeNew9 .homeNewImage { background: #fff; position: relative; margin: 0; overflow: hidden; zoom: 1; } body#home #homeNew5 .homeNewImage p, body#home #homeNew5 .homeNewImage ul, body#home #homeNew5 .homeNewImage li, body#home #homeFeature .homeFeatureImage p, body#home #homeFeature .homeFeatureImage ul, body#home #homeFeature .homeFeatureImage li, body#home #homeNew9 .homeNewImage p, body#home #homeNew9 .homeNewImage ul, body#home #homeNew9 .homeNewImage li { line-height: 1.3; margin: 0; padding: 0; } body#home #homeNew5 li, body#home #homeFeature li { float: left; } body#home #homeNew5 a:link, body#home #homeNew5 a:visited, body#home #homeFeature a:link, body#home #homeFeature a:visited { color: #fff; text-decoration: none; } body#home #homeNew5 .homeNewImage img, body#home #homeFeature .homeFeatureImage img, body#home #homeNew9 .homeNewImage img { vertical-align: bottom; } body#home #homeNew5 .homeNewImage img, body#home #homeFeature .homeFeatureImage img, body#home #homeNew9 .homeNewImage img { margin: 0 auto; } body#home #homeNew5 .homeNewImage a:hover img, body#home #homeFeature .homeFeatureImage a:hover img, body#home #homeNew9 .homeNewImage a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#home #homeNew5 .homeNewImage .caption, body#home #homeFeature .homeFeatureImage .caption { position: absolute; left: 0px; bottom: 0px; line-height: 1.3; color: #fff; background: rgba(15, 15, 8, 0.5); -ms-filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000); /* IE 8以上用 */ filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000); /* IE 7以下用 */ } body#home #homeNew5 .homeTop2 { margin: 0 4px 4px 0; } body#home #homeNew5 li.homeTop2:nth-child(2), body#home #homeNew5 li.homeTop3:nth-child(3) { margin-right: 0!important; } body#home #homeNew5 .homeTop2 img { width: 498px; } body#home #homeNew5 .homeTop2 .caption { width: 498px; /*林追加2019-05-16*/ background: linear-gradient(180deg, rgba(0,0,0,0.0) 0.1%, rgba(0,0,0,0.8) 95%); /*林追加ここまで2019-05-16*/ } body#home #homeNew5 .homeTop2 .caption .title { /*林修正2019-05-16*/ /*font-size: 187.5%;*/ /* line-height: 1.3;*/ font-weight: 600; color: white; font-size: 170%; line-height: 1.3em; /*林修正2019-05-16ここまで*/ padding: 12px 23px 8px; /*林追加2019-05-16*/ text-shadow: 1px 1px 1px rgba(0,0,0,0.9); /*林追加2019-05-16ここまで*/ } body#home #homeNew5 .homeTop2 .caption .author { font-size: 100%; padding: 0 23px 12px; } body#home #homeNew5 .homeTop2 .caption .author .time { color: #dcdcdc; font-size: 13px; margin-left: 10px; vertical-align: bottom; } body#home #homeNew5 .homeTop3 { margin: 0 4px 0 0; } body#home #homeNew5 .homeTop3 img { width: 330.6px; } body#home #homeNew5 .homeTop3 .caption { width: 330.6px; /*林追加2019-05-16*/ background: linear-gradient(180deg, rgba(0,0,0,0) 0.1%, rgba(0,0,0,0.8) 95%); /*林追加ここまで2019-05-16*/ } body#home #homeNew5 .homeTop3 .caption .title { font-size: 125%; font-weight: 600; line-height: 1.3; padding: 12px 23px 8px; /*林追加2019-05-16*/ text-shadow: 1px 1px 1px rgba(0,0,0,0.9); /*林追加2019-05-16ここまで*/ } body#home #homeNew5 .homeTop3 .caption .author { font-size: 14px; padding: 0 23px 12px; } body#home #homeNew5 .homeTop3 .caption .author .time { color: #dcdcdc; font-size: 13px; margin-left: 10px; vertical-align: bottom; } body#home #homeFeature .homeFeatureBlock { float: left; margin-right: 30px; width: 670px; } body#home #homeFeature li.homeFeature2 { background: #273039; padding: 3px 2px 3px 3px; } body#home #homeFeature li.homeFeature2:nth-child(2) { padding-left: 0!important; } body#home #homeFeature .homeFeatureBlock img { width: 330.6px; } body#home #homeFeature .homeFeatureBlock .caption { width: 330.6px; } body#home #homeFeature .homeFeatureBlock .caption .title { font-size: 125%; font-weight: bold; line-height: 1.3; padding: 12px 23px 8px; } .homeAd { float: right; height: 250px; } .homeAd:after { clear: both; } body#home .homeContainer { padding: 20px 0 0!important; } body#home #contents { padding: 20px 30px 30px; } body#home #homeNew9 li { display: inline-block; margin: 0 20px 30px 0; vertical-align: top; width: 190px; } body#home #homeNew9 li:nth-child(3n) { margin-right: 0; } body#home #homeNew9 .homeNewImage img { width: 190px; } body#home #homeNew9 .homeNewImage .genreMark { font-size: 11px; left: 0px; padding: 5px 6px; position: absolute; top: 0px; } body#home #homeNew9 .date { color: black; float: left; font-size: 13px; font-weight: normal; padding: 4px 0 0; vertical-align: middle; } body#home #homeNew5 ul li .homeNewImage { opacity: 0; } body#home #homeNew9 .author { color: #8c949d; font-size: 13px; font-weight: normal; padding-top: 3px; } /* Renewal urlは本番撒きの際にルート相対に変更 */ body#home #homeNew9 .fb { background: url(../images/common/fb-thumbsup.png) no-repeat left center; background-size: 16px 16px; color: #8c949d; float: right; font-size: 13px; padding: 3px 0 0 22px; min-height: 16px; } body#home #homeNew9 h3 { clear: both; font-size: 93.75%; } body#home #homeNew9 .moreLink { clear: both; } body#home #contents .labelTxt { font-weight: bold; margin: 0 0 10px; } body#home #contents .moreLink a { display: block; font-size: 81.25%; padding: 10px 0; background: #f3f4f5; border: 1px solid #e7eaed; text-align: center; text-decoration: none; } body#home #contents .moreLink a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } body#home #contents .moreLink a span { display: inline-block; padding: 0 15px 0 0; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat right center; } /* 【トップページ】最新テーマ ------------------------------------*/ body#home #contents #homeTheme .labelTxt { position: relative; height: 0px; margin: 0 0 20px; border-bottom: 1px solid #e7eaed; overflow: visible; } body#home #contents #homeTheme .labelTxt span { position: absolute; top: 0px; padding: 0 10px 0 0; background: #fff; } body#home #contents #homeTheme .labelTxt { padding: 0 0 10px; border-bottom: 1px solid #e7eaed; } body#home #contents #homeTheme .newTheme { margin: 0 0 10px; border-bottom: 1px solid #e7eaed; } body#home #contents #homeTheme .newTheme .main { overflow: hidden; zoom: 1; } body#home #contents #homeTheme .newTheme .main #themeImage { float: left; width: 290px; margin: 0 15px 0 0; } body#home #contents #homeTheme .newTheme .main #themeImage a { position: relative; display: block; text-decoration: none !important; zoom: 1; } body#home #contents #homeTheme .newTheme .main #themeImage a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; } body#home #contents #homeTheme .newTheme .main #themeImage .genreMark { position: absolute; left: 0px; top: 0px; } body#home #contents #homeTheme .newTheme .main #themeImage .genreMark:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; zoom: 1; } body#home #contents #homeTheme .newTheme .main #themeImage img { width: 100%; height: auto; } body#home #contents #homeTheme .newTheme .main #themeImage .caption { display: block; width: 100%; font-size: 68.75%; line-height: 1.5; color: #8c939d; } body#home #contents #homeTheme .newTheme .main #themeImage .caption span { display: block; padding: 5px 0; } body#home #contents #homeTheme .newTheme .main h3 { font-size: 150%; } body#home #contents #homeTheme .newTheme .main h3 .new { font-size: 13px; color: #c33; white-space: nowrap; } body#home #contents #homeTheme .newTheme .main ul { overflow: hidden; zoom: 1; } body#home #contents #homeTheme .newTheme .main li { font-size: 81.25%; line-height: 1.3; margin: 10px 0; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left .3em; } body#home #contents #homeTheme .newTheme .sub { clear: both; } body#home #contents #homeTheme .newTheme .sub table { width: 100%; } body#home #contents #homeTheme .newTheme .sub th, body#home #contents #homeTheme .newTheme .sub td { padding: 8px 4px 8px 0; border-top: 1px solid #e7eaed; vertical-align: top; text-align: left; } body#home #contents #homeTheme .newTheme .sub th { white-space: nowrap; } body#home #contents #homeTheme .newTheme .sub td { width: 50%; font-size: 81.25%; font-weight: bold; } body#home #contents #homeTheme .tags { font-size: 81.25%; color: #d8d9dc; margin: 0 0 10px; padding: 0 0 0 20px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl90YWcuZ2lm) no-repeat left center; } /* 【トップページ】ご案内 ------------------------------------*/ body#home #contents #homeGuide { clear: both; padding: 20px 0 0; } body#home #contents #homeGuide .labelTxt { position: relative; height: 10px; margin: 0 0 20px; border-bottom: 1px solid #e7eaed; overflow: visible; } body#home #contents #homeGuide .labelTxt span { position: absolute; top: 0px; padding: 0 10px 0 0; background: #fff; } body#home #contents #homeGuide .linkBox { margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #e7eaed; } body#home #contents #homeGuide .linkBox li { font-size: 81.25%; line-height: 1.3; margin: 5px 0; padding: 0 0 0 15px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9hcnJvdy5naWY) no-repeat left .3em; } body#home #contents #homeGuide .freeTopics { padding: 5px 0 0; overflow: hidden; zoom: 1; } body#home #contents #homeGuide .freeTopics ul li { font-size: 81.25%; margin: 0 0 5px; } body#home #contents #homeGuide .freeLabel { float: left; margin: 0 10px 0 0; width: 45px; min-height: 35px; overflow: hidden; zoom: 1; } body#home #contents #homeGuide .freeLabel a { display: block; width: 45px; font-size: 87.5%; color: #fff !important; padding: 5px 0 10px; background: #cc3333 url(/static/images/common/freelabel_bg.gif) no-repeat center bottom; text-decoration: none; text-align: center; zoom: 1; } body#home #contents #homeGuide .freeLabel a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } /* 【トップページ】最新記事 ------------------------------------*/ body#home #contents #homeTopics { clear: both; padding: 20px 0 0; } body#home #contents #homeTopics .listTitle { padding: 15px 0; border-top: 3px solid #333; overflow: hidden; zoom: 1; } body#home #contents #homeTopics .listTitle h2 { float: left; min-height: 20px; line-height: 20px; padding: 0 0 0 30px; background:url(/load/view.php?a=aHR0cHM6Ly93ZWJyb256YS5hc2FoaS5jb20vc3RhdGljL2ltYWdlcy9jb21tb24vaWNvbl9nZW5yZV9hcnJvdy5naWY) no-repeat left -1000px; } body#home #contents #homeTopics .listTitle .sideLink { float: right; font-size: 81.25%; line-height: 20px; color: #d8d8dc; } body#home #contents #homeTopics .genre2 .listTitle { border-top-color: #ce573e; } body#home #contents #homeTopics .genre3 .listTitle { border-top-color: #2f669d; } body#home #contents #homeTopics .genre4 .listTitle { border-top-color: #357545; } body#home #contents #homeTopics .genre5 .listTitle { border-top-color: #5f4d80; } body#home #contents #homeTopics .genre6 .listTitle { border-top-color: #d6a032; } body#home #contents #homeTopics .genre7 .listTitle { border-top-color: #4b555f; } body#home #contents #homeTopics .genre8 .listTitle { border-top-color: #4b555f; } body#home #contents #homeTopics .genre9 .listTitle { border-top-color: #857126; } body#home #contents #homeTopics .genre2 .listTitle h2 { background-position: left 0px; } body#home #contents #homeTopics .genre3 .listTitle h2 { background-position: left -200px; } body#home #contents #homeTopics .genre4 .listTitle h2 { background-position: left -400px; } body#home #contents #homeTopics .genre5 .listTitle h2 { background-position: left -600px; } body#home #contents #homeTopics .genre6 .listTitle h2 { background-position: left -800px; } body#home #contents #homeTopics .genre9 .listTitle h2 { background-position: left -800px; } /* 【トップページ】WEBRONZAまとめ ------------------------------------*/ body#home #contents #homeMatome { clear: both; padding: 30px 0 0; } body#home #contents #homeMatome .listTitle { line-height: 1.3; color: #fff; padding: 10px 10px 10px 30px; background: #4b555f url(/static/images/common/icon_matome.gif) no-repeat 10px top; } body#home #contents #homeMatome ul.list li { padding: 20px 0; } body#home #contents #homeMatome ul.list li h3 { font-size: 125%; } body#home #contents #homeMatome ul.list li p.summary { margin: 5px 0 0; } /* 【トップページ】筆者 ------------------------------------*/ body#home #contents #homeAuthor { clear: both; width: 610px; padding: 30px 0 0; overflow: hidden; } body#home #contents #homeAuthor .labelTxt { position: relative; height: 10px; margin: 0 0 15px; border-bottom: 1px solid #e7eaed; overflow: visible; } body#home #contents #homeAuthor .labelTxt span { position: absolute; top: 0px; padding: 0 10px 0 0; background: #fff; } body#home #contents #homeAuthor .guide { font-size: 75%; color: #8c929d; margin: 0 0 -5px; } body#home #contents #homeAuthor .column3 { width: 650px; padding: 20px 0 0; overflow: hidden; zoom: 1; } body#home #contents #homeAuthor .column3 dl { float: left; width: 190px; margin: 0 20px 0 0; } body#home #contents #homeAuthor .column3 dl dt { float: left; margin: 0 10px 0 0; } body#home #contents #homeAuthor .column3 dl dt img { vertical-align: bottom; } body#home #contents #homeAuthor .column3 dl dd { overflow: hidden; zoom: 1; } body#home #contents #homeAuthor .column3 dl dd span { display: block; } body#home #contents #homeAuthor .column3 dl dd span.name { font-size: 81.25%; font-weight: bold; } body#home #contents #homeAuthor .column3 dl dd span.position { font-size: 68.75%; color: #8c929d; margin: 3px 0 0; } body#home #contents #homeAuthor .column3 a:hover { cursor: pointer; } body#home #contents #homeAuthor .column3 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom:1; } body#home #contents #homeAuthor .column3 a:hover dd { text-decoration: underline; } body#home #contents #homeAuthor .moreLink { margin: 20px 0 0; } /* --------------------------------------- 10. メンテナンス画面(body#maintenance) --------------------------------------- */ body#maintenance { background: #fff; } body#maintenance #contents { float: none; width: auto; text-align: center; } body#maintenance #contents h1 { margin: 50px 0 20px; } body#maintenance #contents h2 { font-size: 150%; font-weight: bold; margin: 0; } body#maintenance #contents p { font-size: 87.5%; margin: 15px 0 0; } .wappen_1_top { background: linear-gradient(205deg, #FFF, #F89174); height: 120px; text-align: center; font-size: 1.1em; color: black; /* display: inline-block; */ display: flex; justify-content: center; align-items: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; margin-top:11px; margin-bottom:-4px; } .wappen_1_top a { color: black; } .wappen_1_bottom { background: linear-gradient(205deg, #FFF, #F89174); height: 120px; text-align: center; font-size: 1.1em; color: black; /* display: inline-block; */ display: flex; justify-content: center; align-items: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; } .wappen_1_bottom a { color: black; } /* 法と経済から移植 */ body#article #contents .entryBody .green { color: #857126; font-weight:bold; } body#article #contents .entryBody .indent .ind1 { margin-left: 1em; } body#article #contents .entryBody .indent .ind2 { margin-left: 2em; } body#article #contents .entryBody .indent .ind3 { margin-left: 3em; } body#article #contents .entryBody .indent .ind4 { margin-left: 4em; } body#article #contents .entryBody .indent .ind5 { margin-left: 5em; } body#article #contents .entryBody .indent .ind6 { margin-left: 6em; } body#article #contents .entryBody .indent .ind1txt1 { margin-left: 2em; } body#article #contents .entryBody .indent .ind2txt1 { margin-left: 3em; } body#article #contents .entryBody .indent .ind3txt1 { margin-left: 4em; } body#article #contents .entryBody .indent .ind4txt1 { margin-left: 5em; } body#article #contents .entryBody .indent .ind5txt1 { margin-left: 6em; } body#article #contents .entryBody .indent .ind6txt1 { margin-left: 7em; } body#article #contents .entryBody .indent .ind1txt1 span, body#article #contents .entryBody .indent .ind2txt1 span, body#article #contents .entryBody .indent .ind3txt1 span, body#article #contents .entryBody .indent .ind4txt1 span, body#article #contents .entryBody .indent .ind5txt1 span, body#article #contents .entryBody .indent .ind6txt1 span { margin-left: -1em; padding-right: 0.5em; } body#article #contents .entryBody .indent .ind1txt2 { margin-left: 3em; } body#article #contents .entryBody .indent .ind2txt2 { margin-left: 4em; } body#article #contents .entryBody .indent .ind3txt2 { margin-left: 5em; } body#article #contents .entryBody .indent .ind4txt2 { margin-left: 6em; } body#article #contents .entryBody .indent .ind5txt2 { margin-left: 7em; } body#article #contents .entryBody .indent .ind6txt2 { margin-left: 8em; } body#article #contents .entryBody .indent .ind1txt2 span, body#article #contents .entryBody .indent .ind2txt2 span, body#article #contents .entryBody .indent .ind3txt2 span, body#article #contents .entryBody .indent .ind4txt2 span, body#article #contents .entryBody .indent .ind5txt2 span, body#article #contents .entryBody .indent .ind6txt2 span { margin-left: -2em; padding-right: 0.5em; } body#article #contents .entryBody .indent p { margin: 0!important; } /* /法と経済から移植 */