@charset 'utf-8';
.google_afc_container {
  position: relative;
  zoom: 1;
}
.google_afc_blocklink {
  border-top: 1px solid #eee;
  zoom: 1;
  border-top: medium none;
  padding-bottom: 20px;
  position: relative;
}
.google_afc_blocklink .google_ads_by {
  color: #ccc;
  font-size: 75%;
}
.google_afc_blocklink .google_ads_by a {
  color: #999999;
}
.google_afc_blocklink ul {
  border-bottom: 2px solid #EEEEEE;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.google_afc_blocklink li {
  padding: 10px 0 9px;
  border-bottom: 1px solid #eee;
}
.google_afc_blocklink li:last-child {
  padding-bottom: 30px;
  border-bottom: medium none;
}
.google_afc_blocklink .title {
  display: block;
}
.google_afc_blocklink .title a {
  color: #00599e;
  font-size: 115%;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 2px;
}
.google_afc_blocklink .title a:hover {
  color: #0070d1;
}
.google_afc_blocklink .summary {
  color: #333;
}
.google_afc_blocklink .visible_url {
  font-size: 90%;
  text-decoration: none;
}
.google_afc_blocklink .visible_url a {
  color: #92a251;
  text-decoration: none;
}
.item-ad {
  margin-bottom: 25px;
}
.item-ad .adsby {
  color: #888888;
  font-size: 86%;
  padding-bottom: 10px;
}
.item-ad .items {
  display: table;
  margin: 0 auto;
  width: 95%;
}
.item-ad .sponsor {
  display: table-cell;
  text-align: center;
  width: 20%;
}
.item-ad img {
  max-height: 100px;
  max-width: 100px;
}
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
body {
  background: #f6f6f6;
  color: #1a1a1a;
  font: 14px/1.6 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0;
  padding: 0;
}
a {
  color: #1a1a1a;
  text-decoration: none;
}
a:hover,
a:active {
  color: #0070d1;
}
a img {
  border: none;
}
.bcount-module {
  display: inline-block;
}
.bcount-module a {
  color: #008de1;
}
.bcount-module a:hover {
  color: #ff7790;
}
.bcount-module-bicon {
  font-family: 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.bcount-module-count {
  font-size: 86%;
}
#today .bcount-module-count:after {
  color: #888888;
  content: "/";
  display: inline-block;
  padding: 0 0 0 .5em;
}
.wrapper {
  background: #fff;
  padding-top: 37px;
}
#news-header,
#news-container,
#header-nav,
#footer-page-to-top,
#footer {
  margin: 0 auto;
  max-width: 1010px;
  min-width: 960px;
  padding: 0 10px;
}
#today,
#top-side-column,
.top-news,
.feature {
  display: table-cell;
  vertical-align: top;
}
#top-side-column {
  border-left: 2px solid #dbdbdb;
  padding-left: 20px;
  width: 278px;
}
.top-news-container {
  padding-right: 15px;
}
.top-news {
  border-right: 2px solid #dbdbdb;
  padding-right: 15px;
  width: 65%;
}
.feature {
  padding-left: 15px;
}
.column2-thumbnail-title-list {
  border-top: 2px solid #dbdbdb;
  margin: 15px 15px 0 0;
  padding: 0;
  zoom: 1;
}
.column2-thumbnail-title-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#entry-wrapper,
#sidebar {
  display: table-cell;
  vertical-align: top;
}
#sidebar {
  width: 300px;
}
#entry-wrapper {
  padding-right: 30px;
  border-right: 2px solid #dbdbdb;
  width: 100%;
  max-width: 690px;
}
#sidebar {
  padding-left: 20px;
  width: 300px;
}
#single-column-wrapper {
  margin-bottom: 15px;
}
iframe#header {
  border: none;
  height: 37px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#news-header {
  zoom: 1;
  position: relative;
  text-align: center;
}
#news-header:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#news-logo {
  margin: 0;
  padding: 8px 0 0;
}
#news-logo img {
  height: 50px;
}
#site-search {
  position: absolute;
  right: 10px;
  top: 16px;
}
#site-search input[type="text"],
#site-search input[type="submit"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border: none;
  float: left;
  font-size: 12px;
  margin: 0;
  height: 30px;
}
#site-search input[type="text"] {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #eeeeee;
  padding: 0 10px 0 5px;
  width: 205px;
}
#site-search input[type="submit"] {
  background: #d5d5d5 url(/images/articles/find-icon@2x.png) 50% 50% no-repeat;
  -webkit-background-size: 15px;
  background-size: 15px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  padding: 0;
  text-indent: -200px;
  overflow: hidden;
  text-align: center;
  width: 30px;
}
#site-search input[type="submit"]:hover {
  background-color: #c8c8c8;
}
#keepintouch {
  position: absolute;
  left: 10px;
  top: 23px;
}
#keepintouch .date {
  float: left;
  font-size: 86%;
  line-height: 1;
  padding-right: 5px;
  margin-top: 3px;
}
#keepintouch ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#keepintouch li {
  display: inline;
}
#keepintouch li a {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  display: inline-block;
  float: left;
  text-align: center;
  width: 26px;
}
#keepintouch li a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#keepintouch li img {
  height: 15px;
}
#footer-page-to-top {
  clear: both;
  font-size: 86%;
  padding: 20px 0 10px;
  text-align: right;
}
#footer-page-to-top a {
  color: #555555;
}
#footer-page-to-top a:hover {
  color: #0070d1;
}
#footer {
  clear: both;
  color: #555555;
  padding: 20px 0 30px;
}
#footer a {
  color: #555555;
}
#footer a:hover {
  color: #0070d1;
}
#footer h4 {
  clear: left;
  font-size: 93%;
  font-weight: bold;
  line-height: 2;
  margin: 0;
  width: 160px;
}
#footer h4:before {
  color: #888888;
  content: "-";
  display: inline-block;
  padding-right: 5px;
}
#footer h4,
#footer .footer-list {
  padding: 0 0 10px;
  float: left;
}
.footer-list ul {
  margin: 0;
  padding: 0;
}
.footer-list li {
  line-height: 2;
  font-size: 93%;
  display: inline-block;
}
.footer-list li a:after {
  color: #bbbbbb;
  content: "/";
  padding: 0 9px 0 12px;
}
.footer-list li:last-child a:after {
  content: none;
}
.footer-container {
  zoom: 1;
}
.footer-container:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#footer-related-links {
  border-top: 1px dotted #d6d6d6;
  margin: 10px 0 0;
  padding: 13px 0 0;
  zoom: 1;
}
#footer-related-links:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#footer-related-links ul {
  margin: 0;
  padding: 0;
  float: right;
}
#footer-related-links li {
  display: inline-block;
  font-size: 86%;
}
#footer-related-links li:first-child {
  margin-right: 6px;
}
#footer-related-links li a {
  background: #7b7b7b;
  color: #e9e9e9;
  display: inline-block;
  padding: 3px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#footer-related-links li a:hover {
  color: #e9e9e9;
}
#footer-related-links li.presso a:hover {
  background: #1278cc;
}
#footer-related-links li.bkuma a:hover {
  background: #f97d90;
}
#footer-related-links strong {
  color: #f6f6f6;
  font-weight: bold;
  padding-left: 8px;
}
.footer-copyright {
  color: #888888;
  float: left;
  font-family: "Verdana", Sans-serif;
  font-size: 78%;
  margin: 0;
  padding: 3px 0 0;
}
#header-nav {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 86%;
  line-height: 31px;
  padding: 0;
  text-align: center;
}
#header-nav li {
  display: inline-block;
  padding: 0 7px;
}
#header-nav a {
  display: inline-block;
  color: #343434;
  font-weight: bold;
}
#header-nav a:first-child {
  padding-left: 0;
}
#header-nav a:before {
  content: "";
  display: inline-block;
  height: 21px;
  line-height: 21px;
  margin-right: 5px;
  width: 21px;
  vertical-align: middle;
  -moz-border-radius: 10.5px;
  -webkit-border-radius: 10.5px;
  border-radius: 10.5px;
  -webkit-background-size: cover;
  background-size: cover;
}
#header-nav a.social:before {
  background-color: #aa8350;
  background-image: url(/images/articles/category-icon-social.png);
}
#header-nav a.social:hover {
  color: #aa8350;
}
#header-nav a.life:before {
  background-color: #008e7d;
  background-image: url(/images/articles/category-icon-life.png);
}
#header-nav a.life:hover {
  color: #008e7d;
}
#header-nav a.gourmet:before {
  background-color: #f0a700;
  background-image: url(/images/articles/category-icon-gourmet.png);
}
#header-nav a.gourmet:hover {
  color: #f0a700;
}
#header-nav a.culture:before {
  background-color: #ff7a45;
  background-image: url(/images/articles/category-icon-culture.png);
}
#header-nav a.culture:hover {
  color: #ff7a45;
}
#header-nav a.kyoto:before {
  background-color: #cc274d;
  background-image: url(/images/articles/category-icon-kyoto.png);
}
#header-nav a.kyoto:hover {
  color: #cc274d;
}
#header-nav a.web:before {
  background-color: #00a3e4;
  background-image: url(/images/articles/category-icon-web-it.png);
}
#header-nav a.web:hover {
  color: #00a3e4;
}
#header-nav a.knowledge:before {
  background-color: #513ca9;
  background-image: url(/images/articles/category-icon-knowledge.png);
}
#header-nav a.knowledge:hover {
  color: #513ca9;
}
#header-nav a.yuruneta:before {
  background-color: #ff5973;
  background-image: url(/images/articles/category-icon-yuruneta.png);
}
#header-nav a.yuruneta:hover {
  color: #ff5973;
}
#header-nav a.hatena:before {
  background-color: #0070d1;
  background-image: url(/images/articles/category-icon-hatena.png);
}
#header-nav a.hatena:hover {
  color: #0070d1;
}
#news-container {
  margin-top: 30px;
}
#today {
  margin-bottom: 15px;
  zoom: 1;
}
#today:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#today .list-footer {
  padding-right: 13px;
}
#today-wrapper,
.top-news-container {
  zoom: 1;
}
#today-wrapper:after,
.top-news-container:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.top-news {
  padding-bottom: 10px;
}
.top-news img {
  height: auto;
  width: 100%;
}
.top-news .image {
  line-height: 0;
  max-height: 280px;
  overflow: hidden;
}
.top-news .title {
  font-size: 157%;
  font-weight: bold;
  line-height: 1.45;
  margin: 0;
  padding: .65em 0 .4em;
}
.top-news .summary {
  color: #333333;
  font-size: 115%;
  margin: 0;
  padding: 0 0 .5em;
}
.top-news .more {
  color: #333333;
  text-decoration: underline;
}
.feature .feature-article {
  line-height: 1.5;
  list-style-type: none;
  margin: 0 0 25px;
  padding: 0;
}
.feature li {
  margin-bottom: 20px;
}
.feature h3 {
  border-top: 3px solid #0070d1;
  font-size: 86%;
  margin: 0;
  padding: 10px 0 8px;
}
.feature h3 a {
  color: #0070d1;
}
.feature h3 a:after {
  border: 3px solid transparent;
  border-left: 5px solid #0070d1;
  content: "";
  display: inline-block;
  height: 0;
  padding: 0;
  margin: 0 0 1px 5px;
}
.feature h3 a:hover {
  color: #888888;
}
.feature h3.social {
  color: #aa8350;
  border-color: #aa8350;
}
.feature h3.social a,
.feature h3.social a:after {
  border-left-color: #aa8350;
  color: #aa8350;
}
.feature h3.life {
  color: #008e7d;
  border-color: #008e7d;
}
.feature h3.life a,
.feature h3.life a:after {
  border-left-color: #008e7d;
  color: #008e7d;
}
.feature h3.gourmet {
  color: #f0a700;
  border-color: #f0a700;
}
.feature h3.gourmet a,
.feature h3.gourmet a:after {
  border-left-color: #f0a700;
  color: #f0a700;
}
.feature h3.culture {
  color: #ff7a45;
  border-color: #ff7a45;
}
.feature h3.culture a,
.feature h3.culture a:after {
  border-left-color: #ff7a45;
  color: #ff7a45;
}
.feature h3.kyoto {
  color: #cc274d;
  border-color: #cc274d;
}
.feature h3.kyoto a,
.feature h3.kyoto a:after {
  border-left-color: #cc274d;
  color: #cc274d;
}
.feature h3.web {
  color: #00a3e4;
  border-color: #00a3e4;
}
.feature h3.web a,
.feature h3.web a:after {
  border-left-color: #00a3e4;
  color: #00a3e4;
}
.feature h3.knowledge {
  color: #513ca9;
  border-color: #513ca9;
}
.feature h3.knowledge a,
.feature h3.knowledge a:after {
  border-left-color: #513ca9;
  color: #513ca9;
}
.feature h3.yuruneta {
  color: #ff5973;
  border-color: #ff5973;
}
.feature h3.yuruneta a,
.feature h3.yuruneta a:after {
  border-left-color: #ff5973;
  color: #ff5973;
}
.feature h3.hatena {
  color: #0070d1;
  border-color: #0070d1;
}
.feature h3.hatena a,
.feature h3.hatena a:after {
  border-left-color: #0070d1;
  color: #0070d1;
}
.feature .image {
  float: left;
}
.feature .image a {
  border: 1px solid #e3e3e3;
  display: block;
  height: 63px;
  margin: 1px 10px 10px 0;
  overflow: hidden;
  width: 63px;
}
.feature .title {
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.feature .writer {
  color: #888888;
  font-size: 78%;
  margin: 0;
  margin: 0.3em 0 -0.1em;
}
.feature p {
  color: #333333;
  font-size: 100%;
  margin: .4em 0 0;
  padding: 0;
}
.feature .article-info {
  margin-top: .3em;
}
.article-info {
  display: block;
}
.article-info .bcount-module {
  padding-right: 4px;
}
.article-info .timestamp {
  color: #888888;
  font-size: 86%;
  padding-right: 4px;
}
.article-info .category-label a {
  color: #0070d1;
  font-size: 86%;
}
.article-info .category-label a:hover {
  color: #0070d1;
}
.article-info .category-label a.social {
  color: #876840;
}
.article-info .category-label a.social:hover {
  color: #534027;
}
.article-info .category-label a.life {
  color: #008e7d;
}
.article-info .category-label a.life:hover {
  color: #00423a;
}
.article-info .category-label a.gourmet {
  color: #bd8400;
}
.article-info .category-label a.gourmet:hover {
  color: #714e00;
}
.article-info .category-label a.culture {
  color: #ff5612;
}
.article-info .category-label a.culture:hover {
  color: #c43800;
}
.article-info .category-label a.kyoto {
  color: #cc274d;
}
.article-info .category-label a.kyoto:hover {
  color: #8c1b35;
}
.article-info .category-label a.web {
  color: #007fb1;
}
.article-info .category-label a.web:hover {
  color: #004865;
}
.article-info .category-label a.knowledge {
  color: #513ca9;
}
.article-info .category-label a.knowledge:hover {
  color: #2d215e;
}
.article-info .category-label a.yuruneta {
  color: #ff2648;
}
.article-info .category-label a.yuruneta:hover {
  color: #d90022;
}
.article-info .category-label a.hatena {
  color: #00559e;
}
.article-info .category-label a.hatena:hover {
  color: #002c52;
}
.column2-thumbnail-title-list {
  list-style-type: none;
  zoom: 1;
}
.column2-thumbnail-title-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.column2-thumbnail-title-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-bottom: 15px;
  width: 50%;
}
.column2-thumbnail-title-list li.odd {
  border-right: 1px solid #e3e3e3;
  clear: both;
  padding-right: 13px;
}
.column2-thumbnail-title-list li.even {
  border-left: 1px solid #e3e3e3;
  margin-left: -1px;
  padding-left: 13px;
}
.column2-thumbnail-title-list li:nth-child(1),
.column2-thumbnail-title-list li:nth-child(2) {
  margin-top: 15px;
}
.column2-thumbnail-title-list li:nth-child(1) .image,
.column2-thumbnail-title-list li:nth-child(2) .image,
.column2-thumbnail-title-list li:nth-child(1) .article-detail,
.column2-thumbnail-title-list li:nth-child(2) .article-detail {
  padding: 0;
}
.column2-thumbnail-title-list li:nth-child(1) .article-detail,
.column2-thumbnail-title-list li:nth-child(2) .article-detail {
  border: none;
}
.column2-thumbnail-title-list .image,
.column2-thumbnail-title-list .article-detail {
  display: table-cell;
  vertical-align: top;
}
.column2-thumbnail-title-list .image {
  padding-top: 15px;
}
.column2-thumbnail-title-list .image a {
  border: 1px solid #e3e3e3;
  display: block;
  height: 73px;
  margin-right: 10px;
  overflow: hidden;
  width: 73px;
}
.column2-thumbnail-title-list .article-detail {
  border-top: 1px solid #e3e3e3;
  padding-top: 15px;
}
.column2-thumbnail-title-list .title {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 .3em;
}
.mini-thumbnail-title-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 300px;
}
.mini-thumbnail-title-list li {
  display: table;
  padding-bottom: 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mini-thumbnail-title-list li:first-child .article-detail {
  border: none;
}
.mini-thumbnail-title-list li:first-child .image {
  padding-top: 0;
}
.mini-thumbnail-title-list li:first-child.new:after {
  top: -15px;
}
.mini-thumbnail-title-list li:last-child .article-detail {
  border-top: 1px solid #e3e3e3;
}
.mini-thumbnail-title-list li.featured-pr {
  border: 1px solid #e3e3e3;
  margin-bottom: 4px;
  padding-bottom: 0;
}
.mini-thumbnail-title-list li.featured-pr .image {
  height: 115px;
  width: 68px;
  -webkit-background-size: cover;
  background-size: cover;
}
.mini-thumbnail-title-list li.featured-pr .image a {
  border: none;
  height: 100%;
  width: 100%;
}
.mini-thumbnail-title-list li.featured-pr .article-detail {
  padding: 8px 8px 8px 12px;
}
.mini-thumbnail-title-list li.featured-pr.new:after {
  top: -15px;
}
.mini-thumbnail-title-list li.new {
  position: relative;
}
.mini-thumbnail-title-list li.new:after {
  content: "";
  position: absolute;
  background: url(/images/articles/newbadge.png) 0 0 no-repeat;
  width: 28px;
  height: 28px;
  right: -15px;
  top: -7px;
  -webkit-background-size: cover;
  background-size: cover;
}
.mini-thumbnail-title-list .image,
.mini-thumbnail-title-list .article-detail {
  display: table-cell;
  vertical-align: top;
}
.mini-thumbnail-title-list .image {
  padding-top: 8px;
  width: 58px;
}
.mini-thumbnail-title-list .image a {
  border: 1px solid #e3e3e3;
  display: block;
  height: 46px;
  margin-right: 10px;
  overflow: hidden;
  width: 46px;
}
.side-items .mini-thumbnail-title-list .image {
  width: 65px;
}
.side-items .mini-thumbnail-title-list .image a {
  border: none;
  height: 65px;
  width: 55px;
  text-align: center;
}
.side-items .mini-thumbnail-title-list .image img {
  height: 65px;
}
.mini-thumbnail-title-list .article-detail {
  padding-top: 12px;
}
.mini-thumbnail-title-list .title {
  display: block;
  font-size: 93%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 .1em;
}
.mini-thumbnail-title-list .item-price {
  color: #888888;
  display: block;
  font-size: 86%;
}
.mini-thumbnail-title-list .item-price strong {
  color: #cc0000;
  font-weight: bold;
}
.mini-title-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.mini-title-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.mini-title-list li {
  clear: both;
  line-height: 26px;
}
.mini-title-list .title {
  float: left;
  font-size: 93%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.mini-title-list .title strong {
  font-weight: bold;
}
.mini-title-list .bcount-module {
  float: right;
}
.title-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.title-list li {
  zoom: 1;
  border-bottom: 1px solid #e3e3e3;
}
.title-list li:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.title-list li.feature-title {
  padding: 12px 0;
}
.title-list li.feature-title .image,
.title-list li.feature-title .article-detail {
  display: table-cell;
  vertical-align: top;
}
.title-list li.feature-title .image a {
  border: 1px solid #e3e3e3;
  display: block;
  height: 63px;
  margin: 1px 10px 0 0;
  overflow: hidden;
  width: 63px;
}
.title-list li.feature-title .article-detail {
  padding-top: 3px;
}
.title-list li.feature-title .title {
  font-size: 100%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.title-list li.feature-title .article-info {
  margin-top: .3em;
}
.title-list li.list-title {
  line-height: 1;
  padding: 12px 0;
  position: relative;
}
.title-list li.list-title .title {
  display: block;
  float: left;
  font-size: 93%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.title-list li.list-title .title:before {
  color: #888888;
  content: "-";
  display: inline-block;
  padding-right: 8px;
}
.title-list li.list-title .bcount-module {
  float: right;
}
.list-footer {
  font-size: 86%;
  margin: 0;
  padding: .2em 0 .3em 0;
  text-align: right;
}
.list-footer a {
  text-decoration: underline;
}
#top-side-column .side-rank {
  padding-bottom: 15px;
}
.bkuma-link {
  margin: 20px 0 5px 0;
}
.bkuma-link img {
  width: 300px;
}
.side-pr h3,
.side-pr-ads h3 {
  font-size: 78%;
  font-weight: bold;
  margin: 30px 0 0;
  padding: 0;
}
.side-pr h3 a,
.side-pr-ads h3 a,
.side-pr h3 span,
.side-pr-ads h3 span {
  display: inline-block;
}
.side-pr h3 a,
.side-pr-ads h3 a {
  background: #eeeeee;
  color: #ff4a37;
  padding-right: 8px;
}
.side-pr h3 span,
.side-pr-ads h3 span {
  background: #ff6151;
  color: #fff;
  font-family: "Verdana", Sans-serif;
  font-weight: normal;
  margin-right: 8px;
  padding: 2px 8px;
}
.side-pr .mini-thumbnail-title-list,
.side-pr-ads .mini-thumbnail-title-list {
  padding-top: 8px;
}
.side-pr .mini-thumbnail-title-list li:nth-child(2).new:after {
  top: 0;
}
.side-pr-ads h3 {
  margin: 18px 0 0;
}
.side-pr-ads .mini-thumbnail-title-list {
  border-top: 1px solid #e3e3e3;
  margin-top: -1px;
  padding-top: 8px;
}
.side-pr-ads .mini-thumbnail-title-list li:first-child .article-detail {
  padding-top: 3px;
}
.side-rank h3 {
  border-top: 3px solid #0070d1;
  color: #0070d1;
  font-size: 86%;
  font-weight: bold;
  margin: 20px 0 8px;
  padding: 12px 0 0;
}
.side-rank h3:before {
  background: url(/images/articles/rank-icon.png) 0 0 no-repeat;
  content: "";
  display: inline-block;
  height: 14px;
  margin: 0 8px 1px 1px;
  vertical-align: middle;
  width: 18px;
  -webkit-background-size: cover;
  background-size: cover;
}
.side-rank li {
  counter-increment: num;
}
.side-rank li:before {
  color: #aeaeae;
  content: counter(num);
  display: inline-block;
  float: left;
  font-size: 115%;
  padding: 0 8px 0 5px;
}
.side-rank li:nth-child(1):before,
.side-rank li:nth-child(2):before,
.side-rank li:nth-child(3):before {
  color: #0070d1;
}
.side-title-list {
  padding-bottom: 5px;
}
.side-title-list h3 {
  border-top: 3px solid #0070d1;
  color: #0070d1;
  font-size: 86%;
  font-weight: bold;
  margin: 25px 0 8px;
  padding: 12px 0 5px;
}
.side-title-list h3 a {
  color: #0070d1;
}
.side-title-list h3 a:hover {
  color: #0070d1;
}
.side-title-list h3 a:after {
  border: 3px solid transparent;
  border-left: 5px solid #0070d1;
  content: "";
  display: inline-block;
  height: 0;
  padding: 0;
  margin: 0 0 1px 5px;
}
.side-title-list .tright {
  font-size: 86%;
  text-align: right;
  margin: 0;
  padding: 0;
}
.side-title-list .tright a {
  text-decoration: underline;
}
.side-title-list h3 {
  padding-bottom: 0;
}
.side-title-list .title:before {
  content: "-";
  color: #888888;
  display: inline-block;
  padding-right: 8px;
}
.side-items h3 {
  border-top: 3px solid #008e7d;
  color: #008e7d;
  font-size: 86%;
  font-weight: bold;
  margin: 25px 0 8px;
  padding: 12px 0 5px;
}
.side-items h3 a {
  color: #008e7d;
}
.side-items h3 a:hover {
  color: #0070d1;
}
.side-items h3 a:after {
  border: 3px solid transparent;
  border-left: 5px solid #008e7d;
  content: "";
  display: inline-block;
  height: 0;
  padding: 0;
  margin: 0 0 1px 5px;
}
.side-items .tright {
  font-size: 86%;
  text-align: right;
  margin: 0;
  padding: 0;
}
.side-items .tright a {
  text-decoration: underline;
}
.container-header h3 {
  border-top: 3px solid #0070d1;
  color: #0070d1;
  font-size: 86%;
  font-weight: bold;
  margin: 25px 0 8px;
  padding: 12px 0 5px;
}
#pickup {
  zoom: 1;
  border-bottom: 2px solid #dbdbdb;
  border-top: 2px solid #dbdbdb;
  margin-top: 15px;
  padding: 20px 0;
}
#pickup:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#pickup h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 12px;
}
#pickup h3 span {
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  background: #8dc6ff;
  color: #fff;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  width: 26px;
}
#pickup h3 b {
  color: #0070d1;
  font-family: "Courier", "Courier new", Sans-serif;
  font-size: 128%;
  padding-left: 6px;
}
#pickup p {
  border-bottom: 1px dotted #cacaca;
  display: inline;
  font-size: 86%;
  line-height: 33px;
  padding-bottom: 8px;
}
#pickup .pickup-title {
  float: left;
  margin-right: 1%;
  width: 24%;
}
#pickup .item-list {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 74%;
}
#pickup .item-list li {
  float: left;
  width: 25%;
}
#pickup .item {
  font-size: 86%;
  margin: 0 0 0 20px;
  overflow: hidden;
  text-align: center;
}
#pickup .item a {
  display: block;
}
#pickup .item img {
  background: #eeeeee;
  display: block;
  height: 140px;
  margin: 0 auto 8px;
  width: auto;
}
#topics {
  display: table;
  margin-top: 15px;
}
#recent-articles-wrapper,
#recent-articles,
#pickup-articles,
#side-contents,
.top-ads-l,
.top-ads-r {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#recent-articles-wrapper,
#recent-articles,
#pickup-articles,
#side-contents {
  vertical-align: top;
}
.top-ads-l,
.top-ads-r {
  vertical-align: bottom;
}
#side-contents {
  border-left: 2px solid #dbdbdb;
  padding: 10px 0 0 20px;
  width: 235px;
}
#recent-articles,
#pickup-articles {
  padding: 10px 0 30px;
  position: relative;
  width: 50%;
}
#recent-articles h3,
#pickup-articles h3 {
  font-size: 93%;
  padding: 0;
}
#recent-articles ul,
#pickup-articles ul {
  border-top: 1px solid #e3e3e3;
}
#recent-articles {
  border-right: 2px solid #dbdbdb;
}
#recent-articles h3 {
  margin: 0 0 1em;
}
#recent-articles .date {
  color: #888888;
  font-weight: normal;
}
#recent-articles .date.last {
  margin-top: 25px;
}
#recent-articles span.date {
  padding-left: 5px;
}
#recent-articles ul {
  margin: 0 20px 0 0;
  padding: 0;
}
#recent-articles .list-footer {
  padding: 1em 18px 0 0;
}
#pickup-articles h3 {
  margin: 0 20px 1em;
}
#pickup-articles ul {
  margin: 0 20px;
  padding: 0;
}
#pickup-articles .list-footer {
  padding: 1em 18px 0;
}
.top-ads {
  display: table;
  width: 100%;
}
.top-ads .ads {
  text-align: center;
  width: 100%;
}
.top-ads .ads-container {
  margin: 0 auto;
  width: 300px;
}
.top-ads-l,
.top-ads-r {
  width: 50%;
}
.top-ads-l {
  border-right: 2px solid #dbdbdb;
}
.tweet-box,
.editorial-note {
  margin-top: 35px;
}
.hitokoma {
  clear: both;
  text-align: center;
}
.hitokoma h3 {
  font-size: 100%;
  margin: 0;
  padding: 0 0 10px;
  text-align: left;
  zoom: 1;
}
.hitokoma h3:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.hitokoma h3 img {
  height: 14px;
  width: 57px;
  float: left;
}
.hitokoma .author {
  color: #888888;
  display: inline-block;
  float: right;
  font-size: 78%;
  font-weight: normal;
}
.hitokoma img {
  display: block;
  width: 100%;
}
.hitokoma p {
  font-size: 86%;
  font-weight: bold;
  margin: 0;
  padding: 8px 0 0;
}
.hitokoma .link {
  font-size: 86%;
}
.hitokoma .link a {
  text-decoration: underline;
}
.tweet-box h3 {
  font-size: 93%;
  margin: 0;
  padding: 0 0 10px;
}
.tweet-box iframe {
  width: 213px !important;
}
.editorial-note {
  padding: 0 0 10px;
}
.editorial-note h3 {
  font-size: 93%;
  margin: 0;
  padding: 0 0 5px;
}
.editorial-note p {
  font-size: 86%;
  margin: 0;
  padding: 0;
}
.main-container {
  clear: both;
}
#entry-wrapper {
  margin-bottom: 15px;
}
#entry-wrapper .list-footer {
  padding-right: 13px;
}
.article-header {
  position: relative;
}
.article-header .title {
  font-size: 175%;
  line-height: 1.35;
  margin: 0;
  padding: 14px 0;
}
.article-header:nth-child(n+3) {
  margin-top: 70px;
}
.autopagerize-loading {
  margin-top: 70px;
  font-size: 115%;
}
.autopagerize-loading span {
  display: table-cell;
  height: 32px;
  vertical-align: middle;
  background-image: url(/images/loading32.gif);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px 32px;
  padding-left: 45px;
}
.article-content-head {
  zoom: 1;
}
.article-content-head:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.article-header-info {
  background: #f6f6f6;
  border-top: 3px solid #0070d1;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 6px;
}
.article-header-info li {
  color: #7b7b7b;
  display: inline-block;
  padding: 5px 8px 0 2px;
  vertical-align: middle;
}
.article-header-info li.bookmark {
  margin-top: 2px;
}
.article-header-info .pr {
  position: absolute;
  right: 0;
  top: 4px;
}
.article-header-info .name,
.article-header-info .timestamp {
  font-size: 86%;
}
.article-header-info .category {
  background: #0070d1;
  color: #fff;
  display: inline-block;
  font-size: 78%;
  margin-bottom: 4px;
  padding: 2px 3px;
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.article-header-info .category:hover {
  background: #888888 !important;
}
.article-header-info.social {
  border-color: #aa8350;
}
.article-header-info.social .category {
  background: #aa8350;
}
.article-header-info.life {
  border-color: #008e7d;
}
.article-header-info.life .category {
  background: #008e7d;
}
.article-header-info.gourmet {
  border-color: #f0a700;
}
.article-header-info.gourmet .category {
  background: #f0a700;
}
.article-header-info.culture {
  border-color: #ff7a45;
}
.article-header-info.culture .category {
  background: #ff7a45;
}
.article-header-info.kyoto {
  border-color: #cc274d;
}
.article-header-info.kyoto .category {
  background: #cc274d;
}
.article-header-info.web {
  border-color: #00a3e4;
}
.article-header-info.web .category {
  background: #00a3e4;
}
.article-header-info.knowledge {
  border-color: #513ca9;
}
.article-header-info.knowledge .category {
  background: #513ca9;
}
.article-header-info.yuruneta {
  border-color: #ff5973;
}
.article-header-info.yuruneta .category {
  background: #ff5973;
}
.article-header-info.hatena {
  border-color: #0070d1;
}
.article-header-info.hatena .category {
  background: #0070d1;
}
#article-id {
  font-size: 115%;
}
#article-id .article-content-head a,
#article-id .section a {
  color: #00599e;
  text-decoration: underline;
}
#article-id .article-content-head a:visited,
#article-id .section a:visited {
  color: #883388;
}
#article-id .article-content-head a:hover,
#article-id .section a:hover {
  color: #0070d1;
}
#article-id .image {
  float: left;
  margin: 0 16px 0 0;
  padding: 0;
}
#article-id .image img {
  max-width: 320px;
}
#article-id .summary {
  margin: 0;
  padding: 0;
}
#article-id .ads-top {
  margin: 15px 0 0;
}
#article-id .ads-bottom {
  margin: 35px 0 0;
}
#article-id h4 {
  border-bottom: 1px solid #cacaca;
  font-size: 128%;
  margin: 1em 0 0;
  padding: 0;
  zoom: 1;
}
#article-id h4:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#article-id .section p {
  margin: 1em 0 0 0;
  padding: 0;
}
.article-content {
  margin-bottom: 20px;
}
.share-buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.share-buttons li {
  display: inline-block;
  height: 90px;
  vertical-align: top;
  margin-right: 12px;
}
.share-buttons li.b-facebook {
  width: 69px;
  overflow: hidden;
}
.related-entry-container,
.bookmark-comments-container,
.bookmark-comment-unit {
  border-top: 2px solid #0070d1;
  margin-top: 15px;
  padding: 15px 0 10px;
}
.related-entry-container h3,
.bookmark-comments-container h3,
.bookmark-comment-unit h3 {
  color: #0070d1;
  display: inline-block;
  font-size: 115%;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px;
}
.related-entry-container .users,
.bookmark-comments-container .users,
.bookmark-comment-unit .users {
  display: inline-block;
}
.related-entry-container .subsection-box .title,
.bookmark-comments-container .subsection-box .title,
.bookmark-comment-unit .subsection-box .title {
  padding-left: 0;
}
.related-entry-container .subsection-box .article-info,
.bookmark-comments-container .subsection-box .article-info,
.bookmark-comment-unit .subsection-box .article-info {
  margin-left: 0;
}
.subsection-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.subsection-box li {
  border-top: 1px solid #e3e3e3;
  padding: 8px 0;
}
.subsection-box li:first-child {
  border: none;
}
.subsection-box .title {
  font-weight: bold;
  padding-left: 25px;
  position: relative;
}
.subsection-box .title img {
  height: 16px;
  width: 16px;
}
.subsection-box .title a:hover {
  text-decoration: underline;
}
.subsection-box .fav {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
}
.subsection-box .article-info {
  margin-left: 20px;
}
.subsection-box .category-label {
  margin-right: 8px;
}
.subsection-box .domain {
  color: #888888;
  font-size: 86%;
}
.subsection-box .domain:hover {
  text-decoration: underline;
}
.subsection-box .bookmark {
  line-height: 1.4;
  position: relative;
  padding-left: 42px;
}
.subsection-box .bookmark .header {
  padding-bottom: 3px;
}
.subsection-box .profile-image {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 10px;
  left: 0;
}
.subsection-box .username {
  font-weight: bold;
  padding-right: 5px;
}
.subsection-box .comment {
  color: #333333;
  font-size: 93%;
}
.subsection-box .tags {
  font-size: 86%;
}
.subsection-box .tags a {
  color: #888888;
}
.subsection-box .tags a:hover {
  text-decoration: underline;
}
.subsection-box .timestamp {
  color: #888888;
  padding-left: 5px;
}
.subsection-box .other {
  text-align: right;
  text-decoration: underline;
}
.subsection-box #add-bookmark {
  border: none;
  text-align: center;
}
.subsection-box #add-bookmark a {
  background: #b8deff;
  color: #00599e;
  display: inline-block;
  font-size: 115%;
  font-weight: bold;
  padding: 10px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.subsection-box #add-bookmark a:hover {
  background: #84c6ff;
}
.subsection-box #add-bookmark img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.section-title {
  position: relative;
}
.section-title .pager {
  position: absolute;
  right: 0;
  top: 15px;
  margin: 0;
  padding: 0;
}
.section-title h3 {
  border-top: 3px solid #0070d1;
  color: #0070d1;
  font-size: 115%;
  font-weight: normal;
  margin: 0;
  padding: 15px 0;
}
.section-title h3.social {
  border-color: #aa8350;
  color: #aa8350;
}
.section-title h3.life {
  border-color: #008e7d;
  color: #008e7d;
}
.section-title h3.gourmet {
  border-color: #f0a700;
  color: #f0a700;
}
.section-title h3.culture {
  border-color: #ff7a45;
  color: #ff7a45;
}
.section-title h3.kyoto {
  border-color: #cc274d;
  color: #cc274d;
}
.section-title h3.web {
  border-color: #00a3e4;
  color: #00a3e4;
}
.section-title h3.knowledge {
  border-color: #513ca9;
  color: #513ca9;
}
.section-title h3.yuruneta {
  border-color: #ff5973;
  color: #ff5973;
}
.section-title h3.hatena {
  border-color: #0070d1;
  color: #0070d1;
}
.section-title span {
  font-size: 78%;
  padding-left: 5px;
}
#article-id .article-content .left,
#article-id .article-content .right,
#article-id .article-content .center {
  color: #888888;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#article-id .article-content .left img,
#article-id .article-content .right img,
#article-id .article-content .center img {
  max-width: 100%;
  line-height: 0;
}
#article-id .article-content .left p,
#article-id .article-content .right p,
#article-id .article-content .center p {
  font-size: 78%;
  line-height: 1.5;
  margin: 0;
  padding: 8px 8px 0;
  text-align: center;
}
#article-id .article-content .left.capleft p,
#article-id .article-content .right.capleft p,
#article-id .article-content .center.capleft p {
  text-align: left;
}
#article-id .article-content .left.capright p,
#article-id .article-content .right.capright p,
#article-id .article-content .center.capright p {
  text-align: right;
}
#article-id .article-content .left.black p,
#article-id .article-content .right.black p,
#article-id .article-content .center.black p,
#article-id .article-content .left.gray p,
#article-id .article-content .right.gray p,
#article-id .article-content .center.gray p,
#article-id .article-content .left.blue p,
#article-id .article-content .right.blue p,
#article-id .article-content .center.blue p,
#article-id .article-content .left.yellow p,
#article-id .article-content .right.yellow p,
#article-id .article-content .center.yellow p,
#article-id .article-content .left.green p,
#article-id .article-content .right.green p,
#article-id .article-content .center.green p,
#article-id .article-content .left.sky p,
#article-id .article-content .right.sky p,
#article-id .article-content .center.sky p,
#article-id .article-content .left.border p,
#article-id .article-content .right.border p,
#article-id .article-content .center.border p {
  padding-bottom: 8px;
}
#article-id .article-content .left.black,
#article-id .article-content .right.black,
#article-id .article-content .center.black {
  background: #333;
  color: #fff;
}
#article-id .article-content .left.black.border,
#article-id .article-content .right.black.border,
#article-id .article-content .center.black.border {
  border: 1px solid #333;
}
#article-id .article-content .left.gray,
#article-id .article-content .right.gray,
#article-id .article-content .center.gray {
  background: #eeeeee;
  color: #6f6f6f;
}
#article-id .article-content .left.blue,
#article-id .article-content .right.blue,
#article-id .article-content .center.blue {
  background: #0070d1;
  color: #fff;
}
#article-id .article-content .left.blue.border,
#article-id .article-content .right.blue.border,
#article-id .article-content .center.blue.border {
  border: 1px solid #0070d1;
}
#article-id .article-content .left.yellow,
#article-id .article-content .right.yellow,
#article-id .article-content .center.yellow {
  background: #fef263;
  color: #7b7101;
}
#article-id .article-content .left.yellow.border,
#article-id .article-content .right.yellow.border,
#article-id .article-content .center.yellow.border {
  border: 1px solid #fef263;
}
#article-id .article-content .left.green,
#article-id .article-content .right.green,
#article-id .article-content .center.green {
  background: #93ca76;
  color: #325420;
}
#article-id .article-content .left.green.border,
#article-id .article-content .right.green.border,
#article-id .article-content .center.green.border {
  border: 1px solid #93ca76;
}
#article-id .article-content .left.sky,
#article-id .article-content .right.sky,
#article-id .article-content .center.sky {
  background: #a0d8ef;
  color: #186e91;
}
#article-id .article-content .left.sky.border,
#article-id .article-content .right.sky.border,
#article-id .article-content .center.sky.border {
  border: 1px solid #a0d8ef;
}
#article-id .article-content .left.padding,
#article-id .article-content .right.padding,
#article-id .article-content .center.padding {
  padding: 8px;
}
#article-id .article-content .left.padding p,
#article-id .article-content .right.padding p,
#article-id .article-content .center.padding p {
  padding: 8px 0 0 0;
}
#article-id .article-content .left {
  float: left;
  margin: .2em 1em 1em 0;
}
#article-id .article-content .right {
  float: right;
  margin: .2em 0 1em 1em;
}
#article-id .article-content .center {
  display: table;
  margin: 1.2em auto 1.5em;
  text-align: center;
}
#article-id .article-content .col2 {
  display: table;
  margin: 1.2em 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#article-id .article-content .col2 .left,
#article-id .article-content .col2 .right {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 50%;
}
#article-id .article-content .col2 .left img,
#article-id .article-content .col2 .right img {
  width: 100%;
}
#article-id .article-content .col2 .left.w200,
#article-id .article-content .col2 .right.w200 {
  width: 200px;
}
#article-id .article-content .col2 .left.w250,
#article-id .article-content .col2 .right.w250 {
  width: 250px;
}
#article-id .article-content .col2 .left.w300,
#article-id .article-content .col2 .right.w300 {
  width: 300px;
}
#article-id .article-content .col2 .left.w350,
#article-id .article-content .col2 .right.w350 {
  width: 350px;
}
#article-id .article-content .col2 .left.w400,
#article-id .article-content .col2 .right.w400 {
  width: 400px;
}
#article-id .article-content .col2 .left.w450,
#article-id .article-content .col2 .right.w450 {
  width: 450px;
}
#article-id .article-content .col2 .left.w500,
#article-id .article-content .col2 .right.w500 {
  width: 500px;
}
#article-id .article-content .col2 .left.w550,
#article-id .article-content .col2 .right.w550 {
  width: 550px;
}
#article-id .article-content .col2 .left.w600,
#article-id .article-content .col2 .right.w600 {
  width: 600px;
}
#article-id .article-content .col2 .left {
  border-right: 10px solid #fff;
}
#article-id .article-content .col2 .right {
  border-left: 10px solid #fff;
}
#article-id .article-content .w200 img,
#article-id .article-content .w250 img,
#article-id .article-content .w300 img,
#article-id .article-content .w350 img,
#article-id .article-content .w400 img,
#article-id .article-content .w450 img,
#article-id .article-content .w500 img,
#article-id .article-content .w550 img,
#article-id .article-content .w600 img,
#article-id .article-content .w100p img {
  width: 100%;
}
#article-id .article-content .w200 {
  width: 200px;
}
#article-id .article-content .w250 {
  width: 250px;
}
#article-id .article-content .w300 {
  width: 300px;
}
#article-id .article-content .w350 {
  width: 350px;
}
#article-id .article-content .w400 {
  width: 400px;
}
#article-id .article-content .w450 {
  width: 450px;
}
#article-id .article-content .w500 {
  width: 500px;
}
#article-id .article-content .w550 {
  width: 550px;
}
#article-id .article-content .w600 {
  width: 600px;
}
#article-id .article-content .w100p {
  width: 100%;
}
#article-id .article-content .border {
  border: 1px solid #888888;
}
#article-id .article-content .img-left {
  float: left;
  margin: 1em 1em 1em 0;
}
#article-id .article-content .img-right {
  float: right;
  margin: 1em 0 1em 1em;
}
#article-id .article-content .img-left p,
#article-id .article-content .img-right p {
  color: #888888;
  font-size: 86%;
  margin: 0;
  padding: 0;
  text-align: center;
}
#article-id .article-content .img-center {
  display: table;
  line-height: 0;
  margin: 1em auto;
}
#article-id .article-content .img-center p {
  line-height: 1.5;
}
#article-id .article-content .hatena-asin-detail {
  background: #f6f6f6;
  border: 1px solid #e3e3e3;
  margin: 1em 0;
  padding: 8px;
  overflow: hidden;
  zoom: 1;
}
#article-id .article-content .hatena-asin-detail:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#article-id .article-content .hatena-asin-detail-info {
  margin-left: 170px;
}
#article-id .article-content .hatena-asin-detail-info ul {
  font-size: 86%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#article-id .article-content .hatena-asin-detail-image-link {
  background: #fff;
  border: 1px solid #e3e3e3;
  display: block;
  float: left;
  padding: 5px;
}
#article-id .article-content .hatena-asin-detail-title {
  font-size: 115%;
  line-height: 1.3;
  margin: 5px 0 10px;
  padding: 0;
}
#article-id .article-content .hatena-asin-detail-label {
  padding-right: .3em;
}
#article-id .article-content img {
  max-width: 100%;
}
#article-id .article-content h5 {
  font-size: 128%;
  font-weight: bold;
  margin: 1em 0 0;
}
#article-id .article-content p img[width="600"] {
  height: auto;
  width: 100%;
}
#article-id .article-content .write-profile,
#article-id .article-content blockquote {
  padding: 0 1em 1em;
  margin: 1em 0;
  clear: both;
  zoom: 1;
}
#article-id .article-content .write-profile:after,
#article-id .article-content blockquote:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#article-id .article-content .write-profile p,
#article-id .article-content blockquote p {
  margin-bottom: 0;
}
#article-id .article-content .write-profile .left,
#article-id .article-content blockquote .left,
#article-id .article-content .write-profile .right,
#article-id .article-content blockquote .right {
  margin-bottom: 0;
  padding-top: 1em;
}
#article-id .article-content .write-profile {
  border: 5px solid #e3e3e3;
}
#article-id .article-content .write-profile ul {
  list-style-type: none;
}
#article-id .article-content .write-profile li {
  padding-bottom: .5em;
}
#article-id .article-content blockquote {
  background: #f6f6f6;
  border: 1px solid #e3e3e3;
}
#article-id .article-content blockquote .left,
#article-id .article-content blockquote .right {
  margin-top: -1em;
  margin-bottom: 0;
  padding-top: 1em;
}
#article-id .article-content dl,
#article-id .article-content dt {
  margin: 0;
  padding: 0;
}
#article-id .article-content dd {
  margin: 0;
  padding: 0;
}
#article-id .article-content ul {
  margin: 1em 0 0;
  padding: 0 0 0 2em;
}
#article-id .article-content ul ul {
  margin: 0;
}
#article-id .section p {
  margin: 1em 0;
}
#article-id .section blockquote h4,
#article-id .section blockquote h5 {
  margin-top: .8em;
}
.archive-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.archive-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.archive-list li {
  position: relative;
}
.archive-list li.top:nth-child(3n+1) {
  border-right: 1px solid #e3e3e3;
  padding-right: 2%;
  clear: both;
}
.archive-list li.top:nth-child(3n+2) {
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-left: -1px;
  padding-left: 2%;
  padding-right: 2%;
}
.archive-list li.top:nth-child(3n+3) {
  border-left: 1px solid #e3e3e3;
  margin-left: -1px;
  padding-left: 2%;
}
.archive-list li.top .title {
  font-size: 108%;
}
.archive-list .image {
  height: 120px;
  margin-bottom: 10px;
  overflow: hidden;
}
.archive-list .image img {
  width: 100%;
}
.archive-list .top {
  float: left;
  min-height: 270px;
  padding-bottom: 15px;
  width: 30.5%;
}
.archive-list .top .title {
  line-height: 1.4;
}
.archive-list .top .article-info {
  display: block;
}
.archive-list .article-info {
  display: inline;
}
.archive-list .article-info .category-label {
  font-size: 100%;
  padding-right: 15px;
  display: block;
  float: right;
}
.archive-list .list {
  border-top: 1px solid #e3e3e3;
  clear: both;
  padding: 10px 0;
}
.archive-list .list .timestamp {
  color: #888888;
  display: inline-block;
  font-size: 86%;
  width: 125px;
}
.archive-list .list .timestamp:before {
  content: "-";
  padding-right: 5px;
}
.archive-list .list .users {
  display: block;
  float: right;
}
.archive-list .title {
  display: inline;
  font-size: 115%;
  margin: 0;
  padding: 0;
}
.archive-pager {
  border-top: 1px solid #e3e3e3;
  margin-top: 15px;
  padding: 15px 0;
  zoom: 1;
}
.archive-pager:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.archive-pager .pager-next,
.archive-pager .pager-prev {
  display: inline-block;
  text-decoration: underline;
}
.archive-pager .pager-next {
  float: right;
}
.archive-pager .pager-prev {
  float: left;
}
.archive-notice {
  color: #888888;
  padding: 30px 0 50px;
}
.archive-list-container {
  border-top: 1px solid #e3e3e3;
  padding-top: 22px;
  margin-bottom: 30px;
  zoom: 1;
}
.archive-list-container:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.archive-list-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.archive-list-container ul.archive-list-year {
  color: #888888;
}
.archive-list-container ul.archive-list-month {
  display: inline;
  padding-left: 20px;
}
.archive-list-container li {
  padding-top: 8px;
  text-indent: 20px;
}
.archive-list-container li:first-child {
  border: none;
}
.archive-list-container li li {
  border: none;
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 0;
  text-indent: 0;
}
.archive-list-container .current-month a {
  font-weight: bold;
}
.about-section {
  margin-bottom: 35px;
}
.about-section p {
  margin: 0 0 1em;
  padding: 0;
}
.about-section p a {
  text-decoration: underline;
}
.about-section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.about-section ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.about-section ul li {
  border-bottom: 1px solid #e3e3e3;
  float: left;
  font-size: 86%;
  padding: 10px 0;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about-section ul img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
#res iframe[name="googleSearchFrame"] {
  width: 100% !important;
}
.site-search-bottom {
  border-top: 1px solid #e3e3e3;
  padding-top: 20px;
  text-align: center;
}
.ads300x250 iframe {
  height: 250px;
}
.double-adx {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.double-adx .left,
.double-adx .right {
  display: table-cell;
  width: 50%;
  text-align: center;
}
.double-adx .left div,
.double-adx .right div {
  display: inline-block;
}
.google_dfp_sidebar {
  padding-top: 25px;
}
.not-issued #header {
  background: #c33;
}
.not-issued-message {
  background: #f8f4e6;
  margin-bottom: 2em;
  padding: 1em;
}
.not-issued-message strong {
  color: #c33;
}
.not-issued-message a {
  font-weight: bold;
  text-decoration: underline;
}
ul.breadcrumb {
  font-size: 12px;
  color: #666;
  height: 20px;
  padding: 0;
  margin: -18px 0 10px 0;
  display: block;
  zoom: 1;
  overflow: hidden;
}
ul.breadcrumb:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.breadcrumb a {
  color: #666;
  text-decoration: none;
}
ul.breadcrumb a:hover {
  text-decoration: underline;
}
ul.breadcrumb li {
  display: block;
  float: left;
  position: relative;
  margin-right: 8px;
  line-height: 20px;
  background-image: url(/images/v3/breadcrumb_sep.png);
  background-size: 6px 12px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.breadcrumb li {
    background-image: url(/images/v3/breadcrumb_sep@2x.png);
  }
}
ul.breadcrumb li:last-child {
  background-image: none;
}
ul.breadcrumb li a {
  padding-right: 14px;
}
ul.breadcrumb li span.current {
  font-weight: bold;
}
.bookmark-comment-unit {
  margin-top: 40px;
}
.bookmark-comment-unit .pager-section .readmore {
  margin: 0 auto;
  padding: 0 34px 0 22px;
  font-weight: normal;
  font-size: 14px;
  line-height: 38px;
  color: #AAA;
  display: inline-block;
  cursor: pointer;
  position: relative;
  border: 1px solid #AAA;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.bookmark-comment-unit .pager-section .readmore:before {
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #AAA;
  position: absolute;
  right: 13px;
  top: 14px;
}
.bookmark-comment-unit .pager-section .readmore:after {
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #FFF;
  position: absolute;
  right: 15px;
  top: 14px;
}
.bookmark-comment-unit .pager-section .readmore:hover {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
}
.bookmark-comment-unit .pager-section .readmore:hover:before {
  border-left: 5px solid #1a1a1a;
}
.bookmark-comment-unit #more-comment-load {
  padding: 20px 0;
  text-align: center;
}
#bookmarks-container .bookmark-comment-list {
  border-top: 0;
}
.bookmark-comment-list {
  margin: 0;
  padding: 0;
}
.bookmark-comment-list li {
  position: relative;
  padding: 10px 8px 10px 0;
  margin-left: 44px;
  line-height: 1.45;
  border-bottom: 1px solid #E3E3E3;
  list-style: none;
}
.bookmark-comment-list a {
  position: relative;
  z-index: 2;
}
.bookmark-comment-list .user-icon-container {
  display: block;
  float: left;
  margin: 4px 0 0 -44px;
}
.bookmark-comment-list .user-icon-container img.profile-image {
  width: 32px;
  height: 32px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.bookmark-comment-list .user-icon-container .service-icon {
  display: inline;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 12px;
  height: 12px;
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bookmark-comment-list .user-name {
  display: inline-block;
  font-weight: bold;
  margin-top: 0;
  margin-right: 5px;
  font-size: 14px;
  color: #1a1a1a;
}
.bookmark-comment-list .user-name img {
  margin-bottom: -1px;
  vertical-align: baseline;
}
.bookmark-comment-list .plus-icon {
  margin-left: 3px;
}
.bookmark-comment-list .user-tag,
.bookmark-comment-list .user-timestamp {
  font-size: 12px;
  font-weight: normal;
  color: #AAA;
}
.bookmark-comment-list .user-timestamp {
  margin-right: 12px;
}
.bookmark-comment-list .user-timestamp a {
  font-weight: normal;
  color: inherit;
}
.bookmark-comment-list .user-comment-meta {
  display: block;
}
.bookmark-comment-list .user-tag {
  display: inline;
  font-size: 12px;
  min-height: 16px;
  margin-left: 4px;
}
.bookmark-comment-list .mine .user-tag {
  margin-right: 16px;
}
.bookmark-comment-list .user-comment {
  display: inline;
  font-size: 13px;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  border: none;
  margin-top: 1px;
}
.bookmark-comment-list .user-comment a {
  font-weight: normal;
}
.bookmark-comment-list .user-comment-link {
  font-size: 12px;
  color: #999;
  padding-left: 16px;
  margin: 0 8px 0 -1px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url('/images/touch/comment-link.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .bookmark-comment-list .user-comment-link {
    background-image: url('/images/touch/comment-link@2x.png');
  }
}
.bookmark-comment-list .user-comment-link:hover {
  text-decoration: underline;
}
.bookmark-comment-list a.user-edit {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 46px;
  height: 46px;
  z-index: 1;
}
.bookmark-comment-list .new-line-for-HatenaStar {
  display: inline-block;
}
.bookmark-comment-list .user-edit img {
  padding: 15px;
}
.bookmark-comment-list .hatena-star-container .meta {
  display: none;
}
a.comment-share {
  display: inline-block;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-bottom: -3px;
  vertical-align: text-top;
}
a.comment-share.twitter {
  background-image: url('/images/touch/comment-share-twitter.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.comment-share.twitter {
    background-image: url('/images/touch/comment-share-twitter@2x.png');
  }
}
a.comment-share.facebook {
  background-image: url('/images/touch/comment-share-facebook.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.comment-share.facebook {
    background-image: url('/images/touch/comment-share-facebook@2x.png');
  }
}
a.comment-share span {
  display: none;
}
.list.block-link li a {
  display: block;
  color: #666;
  padding: 10px 11px 10px 8px;
  margin-bottom: -1px;
  border-top: 1px solid #D2DADF;
  background-image: url(../images/touch/arrow-right.png);
  background-size: 9px 13px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-bottom: 1px solid #D2DADF;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .list.block-link li a {
    background-image: url(../images/touch/arrow-right_2x.png);
  }
}
.list.block-link li a.readmore {
  color: #2c6ebd;
}
.list.block-link li a.readmore:visited {
  color: #7a99f0;
}