@charset "utf-8"; /*---------------------------------------- ナビボタン「コラム」追加による修正(190724) ----------------------------------------*/ #localNav #lnavContent ul li a{ padding:24px 11px 23px !important; } /*---------------------------------------- smartbilling-column (記事一覧) ----------------------------------------*/ .archives .entrybox { /*width: 238px;*/ border: 5px solid #cccccc; background-color: #f2f2f2; /*margin: 10px 10px 10px 10px;*/ padding: 13px 13px; /*float:left;*/ } /* .rt {margin: 10px 0 10px 10px !important;} .lt {margin: 10px 10px 10px 0 !important;} */ .archives .cat-tag{ color: #ffffff; font-size: 10px; margin : 1px; line-height: 1em; padding: 2px 4px; } .archives .cat-tag a{ color: #ffffff !important; } .archives .ymd { color: #ffffff; background-color: #c1b9a7; font-size: 10px; margin : 1px; line-height: 1em; padding: 2px 4px; } .archives .entrybox h3 { display: inline-block; height: 50px; color: #1a807a; font-size: 20px; padding-top: 20px; padding-bottom: 10px; font-weight: bold; line-height: 1.2em; } .archives .entrybox p { margin: 4px 0 4px 0; } .archives .entrybox p a{ color : #4C4235; text-decoration: none; } .archives .entrybox .imglink { background-color: #f2f2f2 !important; display: contents; } .archives .entrybox .button a { display: inline-block; margin: 20px 0 4px 0; padding: 8px; border-radius: 4px; } .archives .entrybox .button a:link, .archives .entrybox .button a:active, .archives .entrybox .button a:visited { color: #ffffff !important; background-color: #666666 !important; transition: background 0.15s ease; } .archives .entrybox .button a:hover { color: #ffffff !important; background-color: #333333 !important; transition: background 0.15s ease; } .archives .entrybox img { width: 100%; height: auto; margin: 0 0 16px 0 } .clear { clear: both; } .archives .cat_nav { border-bottom: solid 1px #aaaaaa; padding: 2px 0; margin-bottom: 10px; } .archives .cat_nav a:link { background-color: #ffffff!important; } .archives .cat_nav a:hover { background-color: #efefef !important; transition-duration: 400ms; } /*pager*/ .pager ul.pagination { text-align: center; margin: 60px 0; padding: 0; } .pager .pagination li { display: inline-block; margin: 0 2px; padding: 0; background:#7d796f; width: 50px; height: 50px; text-align: center; position: relative; } .pager .pagination li a{ vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display:table; color: #fff; text-decoration: none; } .pager .pagination li a span{ display:table-cell; vertical-align:middle; } .pager .pagination li a:link, .pager .pagination li a.visited{ color: #fff !important; /*background: #7d796f !important;*/ } .pager .pagination li a:hover, .pager .pagination li a.active{ color: #000 !important; background: #c5c2ba !important; } /*---------------------------------------- smartbilling-column (個別記事) ----------------------------------------*/ sup.a { font-size: 10px; } .remarks {background-color: #eeeeee; padding: 14px; margin-top: 30px;} .remarks li {list-style: decimal;list-style-position: inside; margin: 10px 0; font-size: 10px;} .remarks a {font-size: 10px; word-break: break-all; line-height: 1.3em;} .catch2 {margin: 40px 0 15px; padding: 0; font-size:20px !important; text-align: left; color: #007871 !important;} .column .entrycont { width: 612px; margin: 0 0; padding: 0 10px; /*float:left;*/ background-color: #ffffff; } .column .entrycont h3 { display: inline-block; color: #1a807a; font-size: 28px; padding-top: 0; padding-bottom: 10px; font-weight: normal; line-height: 1.2em; } .column .entrycont img { max-width: 100%; height: auto; margin: 0 0 16px 0 } .column .entrylist { height: auto; width: 206px; margin: 0 0 ; padding: 0 0 0 10px; /*float:right;*/ } .column .entrylist #latest_col{ margin: 8px 0 18px 0; } .column .entrylist #latest_col dl { margin-top: 2px; } .column .entrylist #latest_col dt { width: 30%; height: auto; margin: 16px 8px 0 0; float:left; } .column .entrylist #latest_col dt img { width: 100%; padding:1px; border:1px solid #cccccc; } .column .entrylist #latest_col dd{ width: 60%; height: auto; margin: 16px 8px 0 0; float:right; } .column .entrylist #latest_col dd .ymd { display: inline-block; color: #ffffff; background-color: #c1b9a7; font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px; } .column .entrylist #latest_col dd .cat-tag{ display: inline-block; color: #ffffff; font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px; } .column .entrylist #latest_col dd .ttlText { font-size: 14px; line-height: 1.2em; margin: 4px 0 0 0; padding: 2px 0px; display: inline-block; } .column .entrylist h4 { display: inline-block; height: 30px; color: #1a807a; font-size: 20px; padding: 0px; font-weight: bold; line-height: 1.2em; } .column .entrylist #latest { margin: 0 0 20px 0; } .column .entrylist #category { margin: 50px 0 20px 0; } .remarks {background-color: #eeeeee; padding: 14px; margin-top: 30px;} .remarks li {list-style: decimal;list-style-position: inside; margin: 10px 0; font-size: 10px;} .remarks a {font-size: 10px; word-break: break-all; line-height: 1.3em;} .catch2 {margin: 40px 0 15px; padding: 0; font-size:20px !important; text-align: left; color: #007871 !important;} /*---------------------------------------- h3下部の日付とカテゴリ表示 ----------------------------------------*/ .entrycont .ymd { display: inline-block; color: #ffffff; background-color: #c1b9a7; font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px; margin-right: 2px; } .entrycont .cat-tag{ display: inline-block; color: #ffffff; font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px; } .entrycont .cat-tag a{ color: #ffffff!important; } /*---------------------------------------- 関連する記事 ----------------------------------------*/ .column #related_entry { height: 200px; margin: 40px 0 20px 0; padding: 0px; } .column #related_entry h4 { height: 30px; color: #333333; font-size: 20px; padding: 0px; font-weight: bold; line-height: 1.2em; } .column #related_entry .entry_l{ background-color: #000000; width: 210px; height: 157px; margin: 0px 7px 10px 0px ; padding: 0; float: left; } .column #related_entry .entry_r { background-color: #000000; width: 210px; height: 157px; margin: 0px 0px 10px 0px ; padding: 0; float: right; } .column #related_entry .entry_l .bg, .column #related_entry .entry_r .bg { height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; } .column #related_entry .entry_l .bg img, .column #related_entry .entry_r .bg img { position: absolute; top: 0; left: 0; width: 100%; vertical-align: middle; opacity: 0.5; z-index: 10; } .column #related_entry .entry_l .bg img:hover, .column #related_entry .entry_r .bg img:hover { opacity: 0.3; transition-duration: 400ms; } .column #related_entry .entry_l .bg .ttl, .column #related_entry .entry_r .bg .ttl { position: absolute; z-index: 20; text-align: center; line-height: 20px; font-size: 16px; font-weight: bold; color: #ffffff; } .column #related_entry .ttl a {color: #ffffff;} .column #related_entry .ttl a:hover {text-decoration: underline;} .column #related_entry .ttl a:link, .column #related_entry .ttl a:visited, .column #related_entry .ttl a:active {} /*---------------------------------------- 関連するDLC ----------------------------------------*/ .column #related_dlc { height: 200px; margin: 40px 0 20px 0; padding: 0px; } .column #related_dlc img{ width: 280px; padding:2px; border:1px solid #cccccc; margin: 0 20px 0 0; float: left; } .column #related_dlc .notes{ margin: 0; } .column #related_dlc h4 { height: 30px; color: #333333; font-size: 20px; padding: 0px; font-weight: bold; line-height: 1.2em; } .column #related_dlc .notes h5 { height: 28px; color: #00000; font-size: 16px; padding: 0px; font-weight: bold; line-height: 1.2em; } .column #related_dlc .notes .cta { margin-top: 18px; float: left; } .column #related_dlc .notes .cta a { color: #ffffff; background-color: #00B6ac; font-size: 16px; font-weight: bold; line-height: 1em; padding: 4px 12px; }