/* 共通 */
html {
        -webkit-font-smoothing: antialiased;
      }
      
      body {
        color: #1a1a1a;
        background-color: #FFF;
        font: 14px/1.6 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        margin: 0;
        padding: 0;
      }
      
      a {
          color: #1a1a1a;
          text-decoration: none;
      }
      
      h1 {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      
      h4 {
          font-size: 128%;
          margin: 1em 0 0;
          padding: 0;
          zoom: 1;
      }
      
      #content.hfeed {
          margin: 0 auto;
          max-width: 1010px;
          min-width: 1010px;
          padding: 0 10px;
      }
      
      #box2 {
        display: table-cell;
        vertical-align: top;
      }
      
      #box2 {
        width: 300px;
      }
      
      #box2 {
        padding-left: 20px;
        width: 300px;
        padding-top: 20px;
      }
      
      #box2 img {
        max-width: none;
      }
      
      #news-header, #top-box, #content-inner, div.breadcrumb, #header-nav, #footer-page-to-top, #footer {
          margin: 0 auto;
          min-width: 1010px;
          max-width: 1010px;
      }
      
      #wrapper,
      #sidebar {
        display: table-cell;
        vertical-align: top;
      }
      
      #wrapper {
        padding-right: 30px;
        border-right: 2px solid #dbdbdb;
        max-width: 690px;
        width: 690px;
      }
      
      #wrapper {
        margin-bottom: 15px;
      }
      #wrapper .list-footer {
        padding-right: 13px;
      }
      
      .urllist-categories.recent-entries-categories {
          display: block;
      }
      .bookmark-widget-counter {
          display: inline;
      }
      
      
      /* ヘッダー */
      #header {
        background: #0070d1;
      }
      div#header {
        -webkit-font-smoothing: subpixel-antialiased;
        background: #0070d1 url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122124303.png?1479786188);
        color: #fff;
        font-size: 100%;
      }
      div#header a {
        color: #fff;
        text-decoration: none;
      }
      div#header #header-body {
        width: auto;
        position: relative;
      }
      div#header h1,
      div#header #navigation {
        font-size: 86%;
      }
      div#header h1 {
        font-weight: normal;
        line-height: 37px;
        margin: 0;
        padding: 0 0 0 10px;
      }
      div#header ul.service-menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 0;
      }
      div#header ul.service-menu li {
        display: inline-block;
        line-height: 37px;
        padding: 0 8px;
        vertical-align: middle;
      }
      div#header ul.service-menu li img {
        vertical-align: middle;
        margin-top: -2px;
      }
      div#header .global-logo {
        position: relative;
        padding: 0 !important;
      }
      div#header .global-logo a {
        display: block;
        padding: 0 0 0 6px;
      }
      .not-issued div#header {
        background-color: #cc3333;
      }
      
      /* ナビゲーションヘッダー */
      #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;
      }
      
      #news-header {
        zoom: 1;
        position: relative;
        text-align: center;
        border-bottom: 1px solid #ccc;
      }
      #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(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123846.png?1479785930) 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;
      }
      
      /* カテゴリカラー設定 */
      #header-nav a.social:before {
        background-color: #aa8350;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123314.png?1479785806);
      }
      #header-nav a.social:hover {
        color: #aa8350;
      }
      #header-nav a.life:before {
        background-color: #008e7d;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123315.png?1479785841);
      }
      #header-nav a.life:hover {
        color: #008e7d;
      }
      #header-nav a.gourmet:before {
        background-color: #f0a700;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123316.png?1479785854);
      }
      #header-nav a.gourmet:hover {
        color: #f0a700;
      }
      #header-nav a.culture:before {
        background-color: #ff7a45;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123318.png?1479785877);
      }
      #header-nav a.culture:hover {
        color: #ff7a45;
      }
      #header-nav a.kyoto:before {
        background-color: #cc274d;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123218.png?1479785607);
      }
      #header-nav a.kyoto:hover {
        color: #cc274d;
      }
      #header-nav a.web:before {
        background-color: #00a3e4;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123219.png?1479785718);
      }
      #header-nav a.web:hover {
        color: #00a3e4;
      }
      #header-nav a.knowledge:before {
        background-color: #513ca9;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123220.png?1479785756);
      }
      #header-nav a.knowledge:hover {
        color: #513ca9;
      }
      #header-nav a.yuruneta:before {
        background-color: #ff5973;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123221.png?1479785778);
      }
      #header-nav a.yuruneta:hover {
        color: #ff5973;
      }
      #header-nav a.hatena:before {
        background-color: #0070d1;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123222.png?1479785794);
      }
      #header-nav a.hatena:hover {
        color: #0070d1;
      }
      
      /* カテゴリごとの色指定 */
      /* 世の中 */
      .entry-categories > a[href*="%E4%B8%96%E3%81%AE%E4%B8%AD"],
      .categories > a[href*="%E4%B8%96%E3%81%AE%E4%B8%AD"],
      a.urllist-category-link[href*="%E4%B8%96%E3%81%AE%E4%B8%AD"] {
          background-color: #aa8350 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-世の中 .entry-date.date.first {
          border-color: #aa8350;
      }
      .categories > a[href*="%E4%B8%96%E3%81%AE%E4%B8%AD"]:before,
      a.urllist-category-link[href*="%E4%B8%96%E3%81%AE%E4%B8%AD"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123314.png?1479785806);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -5px;
          margin-left: -7px;
      }
      
      body.page-archive-category.category-世の中 .date {
          border-top-color: #aa8350;
      }
      
      /* 暮らし */
      .entry-categories > a[href*="%E6%9A%AE%E3%82%89%E3%81%97"],
      .categories > a[href*="%E6%9A%AE%E3%82%89%E3%81%97"],
      a.urllist-category-link[href*="%E6%9A%AE%E3%82%89%E3%81%97"] {
          background-color: #008e7d !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-暮らし .entry-date.date.first {
          border-color: #008e7d;
      }
      
      .categories > a[href*="%E6%9A%AE%E3%82%89%E3%81%97"]:before,
      a.urllist-category-link[href*="%E6%9A%AE%E3%82%89%E3%81%97"]:before{
          content: "";
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123315.png?1479785841);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -7px;
          margin-left: -3px;
      }
      
      body.page-archive-category.category-暮らし .date {
          border-top-color: #008e7d;
      }
      
      /* グルメ */
      .entry-categories > a[href*="%E3%82%B0%E3%83%AB%E3%83%A1"],
      .categories > a[href*="%E3%82%B0%E3%83%AB%E3%83%A1"],
      a.urllist-category-link[href*="%E3%82%B0%E3%83%AB%E3%83%A1"] {
          background-color: #f0a700 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-グルメ .entry-date.date.first {
          border-color: #f0a700;
      }
      .categories > a[href*="%E3%82%B0%E3%83%AB%E3%83%A1"]:before,
      a.urllist-category-link[href*="%E3%82%B0%E3%83%AB%E3%83%A1"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123316.png?1479785854);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -6px;
          margin-left: -3px;
      }
      body.page-archive-category.category-グルメ .date {
          border-top-color: #f0a700;
      }
      
      /* カルチャー  */
      .entry-categories > a[href*="%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC"],
      .categories > a[href*="%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC"],
      a.urllist-category-link[href*="%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC"] {
          background-color: #ff7a45 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-カルチャー .entry-date.date.first {
          border-color: #ff7a45;
      }
      .categories > a[href*="%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC"]:before,
      a.urllist-category-link[href*="%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123318.png?1479785877);
          height: 20px;
          width: 20px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -5px;
          margin-left: -3px;
      }
      body.page-archive-category.category-カルチャー .date {
          border-top-color: #ff7a45;
      }
      
      /* 京都 */
      .entry-categories > a[href*="%E4%BA%AC%E9%83%BD"],
      .categories > a[href*="%E4%BA%AC%E9%83%BD"],
      a.urllist-category-link[href*="%E4%BA%AC%E9%83%BD"] {
          background-color: #cc274d !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-京都 .entry-date.date.first {
          border-color: #cc274d;
      }
      .categories > a[href*="%E4%BA%AC%E9%83%BD"]:before,
      a.urllist-category-link[href*="%E4%BA%AC%E9%83%BD"]:before  {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123218.png?1479785607);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -6px;
          margin-left: -5px;
      }
      body.page-archive-category.category-京都 .date {
          border-top-color: #cc274d;
      }
      
      /* Web・IT */
      .entry-categories > a[href*="Web%E3%83%BBIT"],
      .categories > a[href*="Web%E3%83%BBIT"],
      a.urllist-category-link[href*="Web%E3%83%BBIT"] {
          background-color: #00a3e4 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-Web・IT .entry-date.date.first {
          border-color: #00a3e4;
      }
      .categories > a[href*="Web%E3%83%BBIT"]:before,
      a.urllist-category-link[href*="Web%E3%83%BBIT"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123219.png?1479785718);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -6px;
          margin-left: -3px;
      }
      body.page-archive-category.category-Web・IT .date {
          border-top-color: #00a3e4;
      }
      
      /* 学び */
      .entry-categories > a[href*="%E5%AD%A6%E3%81%B3"],
      .categories > a[href*="%E5%AD%A6%E3%81%B3"],
      a.urllist-category-link[href*="%E5%AD%A6%E3%81%B3"] {
          background-color: #513ca9 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-学び .entry-date.date.first {
          border-color: #513ca9;
      }
      .categories > a[href*="%E5%AD%A6%E3%81%B3"]:before,
      a.urllist-category-link[href*="%E5%AD%A6%E3%81%B3"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123220.png?1479785756);
          height: 19px;
          width: 19px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -5px;
          margin-left: -4px;
      }
      body.page-archive-category.category-学び .date {
          border-top-color: #513ca9;
      }
      
      /* ゆるネタ */
      .entry-categories > a[href*="%E3%82%86%E3%82%8B%E3%83%8D%E3%82%BF"],
      .categories > a[href*="%E3%82%86%E3%82%8B%E3%83%8D%E3%82%BF"],
      a.urllist-category-link[href*="%E3%82%86%E3%82%8B%E3%83%8D%E3%82%BF"] {
          background-color: #ff5973 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-ゆるネタ .entry-date.date.first {
          border-color: #ff5973;
      }
      .categories > a[href*="%E3%82%86%E3%82%8B%E3%83%8D%E3%82%BF"]:before,
      a.urllist-category-link[href*="%E3%82%86%E3%82%8B%E3%83%8D%E3%82%BF"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123221.png?1479785778);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -7px;
          margin-left: -6px;
      }
      body.page-archive-category.category-ゆるネタ .date {
          border-top-color: #ff5973;
      }
      
      /* はてな */
      .entry-categories > a[href*="%E3%81%AF%E3%81%A6%E3%81%AA"],
      .categories > a[href*="%E3%81%AF%E3%81%A6%E3%81%AA"],
      a.urllist-category-link[href*="%E3%81%AF%E3%81%A6%E3%81%AA"] {
          background-color: #0070d1 !important;
          color: #fff !important;
          border: none !important;
          font-weight: bold;
      }
      body.category-はてな .entry-date.date.first {
          border-color: #0070d1;
      }
      
      .categories > a[href*="%E3%81%AF%E3%81%A6%E3%81%AA"]:before,
      a.urllist-category-link[href*="%E3%81%AF%E3%81%A6%E3%81%AA"]:before {
          content: "";
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123222.png?1479785794);
          height: 22px;
          width: 22px;
          background-size: cover;
          display: inline-block;
          margin-top: -6px;
          margin-bottom: -6px;
          margin-left: -3px;
      }
      body.page-archive-category.category-はてな .date {
          border-top-color: #0070d1;
      }
      
      /* トップページ */
      body.page-index #wrapper {
          border-right: none;
          padding-right: initial;
          display: table-cell;
          min-width: 690px;
      }
      
      body.page-index #main {
        max-width: 690px;
      }
      
      #header-modules {
          max-width: 1010px;
      }
      
      #header-modules .hatena-module-recent-entries {
          display: block;
          float: right;
          width: 320px;
      }
      
      #header-modules .hatena-module-recent-entries:first-child {
        width: 690px;
        float: left;
      }
      
      #header-modules .hatena-module-recent-entries {
        width: 320px;
      }
      
      #header-modules .hatena-module-html {
          display: table-cell;
          vertical-align: top;
          padding-left: 20px;
          padding-top: 20px;
          width: 320px;
      }
      
      .customized-header {
          position: absolute;
          top: 8px;
          right: 10px;
      }
      
      #main-inner .hatena-module-title {
        width: 100%;
      }
      
      body.page-index #main-inner {
        padding-top: 30px;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries:first-child {
        display: inline-block;
        width: 420px;
        padding-right: 26px;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries:first-child .hatena-module-title {
        display: none;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries:first-child .urllist-with-thumbnails a.urllist-title-link {
          font-size: 157%;
          font-weight: bold;
          line-height: 1.45;
      }
      
      body.page-index #main-inner .urllist-with-thumbnails  li .urllist-entry-body {
          font-size: 115%;
          color: #333;
          display:block;
          padding: 12px;
          clear: both;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries {
          width: 100%;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) {
        width: 240px;
        display: inline-block;
        vertical-align: top;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) .hatena-module-title {
        display: none;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) li {
        border-top: 3px solid skyblue;
        padding-top: 18px;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) ul {
        word-break: break-all;
        width: 100%;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) li .urllist-categories {
        display: inline-block;
        width: 100%;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) li {
        width: 100%
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) li:nth-child(1) {
        display: none;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(2) li .urllist-entry-body {
        font-size: 95%;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) .hatena-module-title {
        border-top-color: #008e7d;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) .hatena-module-title a {
        color: #008e7d;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) ul {
        width: 100%;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) li {
        width: 340px;
        display: inline-block;
        vertical-align: top;
        padding-right: 9px;
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) li a.urllist-title-link {
        word-break: break-all;
      
      }
      
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) li:nth-child(1),
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) li:nth-child(2),
      body.page-index #main-inner div.hatena-module-recent-entries:nth-of-type(3) li:nth-child(3) {
        display: none;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries.category-インタビュー {
        padding-right: 22px;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries.category-インタビュー,
      body.page-index #main-inner .hatena-module-recent-entries.category-コラム {
        width: 320px;
        display: inline-block;
      }
      
      body.page-index #main-inner .hatena-module-recent-entries.category-インタビュー .urllist-categories.recent-entries-categories
      ,
      body.page-index #main-inner .hatena-module-recent-entries.category-コラム .urllist-categories.recent-entries-categories {
        padding-left: 74px;
      }
      
      /* 記事ページ */
      
      .article-content-head {
        zoom: 1;
      }
      .article-content-head:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
      }
      
      .entry-content a {
          word-wrap: break-word;
          color: #00599e;
          text-decoration: underline;
      }
      
      .entry-content a:visited {
          color: #883388;
      }
      
      .entry-content {
          font-size: 115%;
      }
      
      .side-pr #box2 img {
          max-width: none;
      }
      
      div.breadcrumb {
        font-size: 12px;
        color: #666;
        height: 20px;
        padding: auto;
        display: block;
        zoom: 1;
        overflow: hidden;
      }
      div.breadcrumb:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
      }
      div.breadcrumb a {
        color: #666;
        text-decoration: none;
      }
      div.breadcrumb a:hover {
        text-decoration: underline;
      }
      div.breadcrumb span.breadcrumb-child, div.breadcrumb a.breadcrumb-link {
        display: block;
        float: left;
        position: relative;
        margin-right: 8px;
        line-height: 20px;
        background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122123950.png?1479785993);
        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) {
        div.breadcrumb span.breadcrumb-child, div.breadcrumb a.breadcrumb-link {
          background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122124035.png?1479786043);
        }
      }
      
      div.breadcrumb span.breadcrumb-child a, div.breadcrumb a.breadcrumb-link {
        padding-right: 14px;
      }
      div.breadcrumb span.breadcrumb-child:last-child {
        font-weight: bold;
        background-image: none;
      }
      
      div.breadcrumb span.breadcrumb-gt {
        display:none;
      }
      
      #top-box {
        padding-left: 10px;
        padding-top: 10px;
      }
      
      #top-box .breadcrumb {
          margin-bottom: 10px;
      }
      
      .entry-date.date.first, .archive-entry-header .date {
          background: #f6f6f6;
          border-top: 3px solid #0070d1;
          list-style-type: none;
          margin: 0;
          padding: 0 0 0 6px;
      }
      
      .entry-date > a, .archive-entry-header .date a {
          color: #7b7b7b;
          display: inline-block;
          padding: 8px 8px 8px 2px;
          vertical-align: middle;
          font-size: 80%;
      }
      
      .entry-categories > a, .archive-entries .categories > a, a.urllist-category-link {
          color: #4eacd1;
          border: 1px solid #4eacd1;
          padding: .3em .7em;
          line-height: 1.2em;
          border-radius: 5em;
          font-size: 75%;
          text-decoration: none;
          display: inline-block;
          margin: 0 .2em .2em 0;
      
      }
      
      .entry-header {
          position: relative;
      }
      
      /* 概要のフォントサイズを下げる */
      .entry-header .entry-og-description {
          font-size: smaller;
      }
      
      p.entry-footer-section {
          display: none;
      }
      
      .entry-content .left,
      .entry-content .right,
      .entry-content .center {
        color: #888888;
        line-height: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .entry-content .left img,
      .entry-content .right img,
      .entry-content .center img {
        max-width: 100%;
        line-height: 0;
      }
      .entry-content .left p,
      .entry-content .right p,
      .entry-content .center p {
        font-size: 78%;
        line-height: 1.5;
        margin: 0;
        padding: 8px 8px 0;
        text-align: center;
      }
      .entry-content .left.capleft p,
      .entry-content .right.capleft p,
      .entry-content .center.capleft p {
        text-align: left;
      }
      .entry-content .left.capright p,
      .entry-content .right.capright p,
      .entry-content .center.capright p {
        text-align: right;
      }
      .entry-content .left.black p,
      .entry-content .right.black p,
      .entry-content .center.black p,
      .entry-content .left.gray p,
      .entry-content .right.gray p,
      .entry-content .center.gray p,
      .entry-content .left.blue p,
      .entry-content .right.blue p,
      .entry-content .center.blue p,
      .entry-content .left.yellow p,
      .entry-content .right.yellow p,
      .entry-content .center.yellow p,
      .entry-content .left.green p,
      .entry-content .right.green p,
      .entry-content .center.green p,
      .entry-content .left.sky p,
      .entry-content .right.sky p,
      .entry-content .center.sky p,
      .entry-content .left.border p,
      .entry-content .right.border p,
      .entry-content .center.border p {
        padding-bottom: 8px;
      }
      .entry-content .left.black,
      .entry-content .right.black,
      .entry-content .center.black {
        background: #333;
        color: #fff;
      }
      .entry-content .left.black.border,
      .entry-content .right.black.border,
      .entry-content .center.black.border {
        border: 1px solid #333;
      }
      .entry-content .left.gray,
      .entry-content .right.gray,
      .entry-content .center.gray {
        background: #eeeeee;
        color: #6f6f6f;
      }
      .entry-content .left.blue,
      .entry-content .right.blue,
      .entry-content .center.blue {
        background: #0070d1;
        color: #fff;
      }
      .entry-content .left.blue.border,
      .entry-content .right.blue.border,
      .entry-content .center.blue.border {
        border: 1px solid #0070d1;
      }
      .entry-content .left.yellow,
      .entry-content .right.yellow,
      .entry-content .center.yellow {
        background: #fef263;
        color: #7b7101;
      }
      .entry-content .left.yellow.border,
      .entry-content .right.yellow.border,
      .entry-content .center.yellow.border {
        border: 1px solid #fef263;
      }
      .entry-content .left.green,
      .entry-content .right.green,
      .entry-content .center.green {
        background: #93ca76;
        color: #325420;
      }
      .entry-content .left.green.border,
      .entry-content .right.green.border,
      .entry-content .center.green.border {
        border: 1px solid #93ca76;
      }
      .entry-content .left.sky,
      .entry-content .right.sky,
      .entry-content .center.sky {
        background: #a0d8ef;
        color: #186e91;
      }
      .entry-content .left.sky.border,
      .entry-content .right.sky.border,
      .entry-content .center.sky.border {
        border: 1px solid #a0d8ef;
      }
      .entry-content .left.padding,
      .entry-content .right.padding,
      .entry-content .center.padding {
        padding: 8px;
      }
      .entry-content .left.padding p,
      .entry-content .right.padding p,
      .entry-content .center.padding p {
        padding: 8px 0 0 0;
      }
      .entry-content .left {
        float: left;
        margin: .2em 1em 1em 0;
      }
      .entry-content .right {
        float: right;
        margin: .2em 0 1em 1em;
      }
      .entry-content .center {
        display: table;
        margin: 1.2em auto 1.5em;
        text-align: center;
      }
      .entry-content .col2 {
        display: table;
        margin: 1.2em 0 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .entry-content .col2 .left,
      .entry-content .col2 .right {
        display: table-cell;
        float: none;
        vertical-align: top;
        width: 50%;
      }
      .entry-content .col2 .left img,
      .entry-content .col2 .right img {
        width: 100%;
      }
      .entry-content .col2 .left.w200,
      .entry-content .col2 .right.w200 {
        width: 200px;
      }
      .entry-content .col2 .left.w250,
      .entry-content .col2 .right.w250 {
        width: 250px;
      }
      .entry-content .col2 .left.w300,
      .entry-content .col2 .right.w300 {
        width: 300px;
      }
      .entry-content .col2 .left.w350,
      .entry-content .col2 .right.w350 {
        width: 350px;
      }
      .entry-content .col2 .left.w400,
      .entry-content .col2 .right.w400 {
        width: 400px;
      }
      .entry-content .col2 .left.w450,
      .entry-content .col2 .right.w450 {
        width: 450px;
      }
      .entry-content .col2 .left.w500,
      .entry-content .col2 .right.w500 {
        width: 500px;
      }
      .entry-content .col2 .left.w550,
      .entry-content .col2 .right.w550 {
        width: 550px;
      }
      .entry-content .col2 .left.w600,
      .entry-content .col2 .right.w600 {
        width: 600px;
      }
      .entry-content .col2 .left {
        border-right: 10px solid #fff;
      }
      .entry-content .col2 .right {
        border-left: 10px solid #fff;
      }
      .entry-content .w200 img,
      .entry-content .w250 img,
      .entry-content .w300 img,
      .entry-content .w350 img,
      .entry-content .w400 img,
      .entry-content .w450 img,
      .entry-content .w500 img,
      .entry-content .w550 img,
      .entry-content .w600 img,
      .entry-content .w100p img {
        width: 100%;
      }
      .entry-content .w200 {
        width: 200px;
      }
      .entry-content .w250 {
        width: 250px;
      }
      .entry-content .w300 {
        width: 300px;
      }
      .entry-content .w350 {
        width: 350px;
      }
      .entry-content .w400 {
        width: 400px;
      }
      .entry-content .w450 {
        width: 450px;
      }
      .entry-content .w500 {
        width: 500px;
      }
      .entry-content .w550 {
        width: 550px;
      }
      .entry-content .w600 {
        width: 600px;
      }
      .entry-content .w100p {
        width: 100%;
      }
      .entry-content .border {
        border: 1px solid #888888;
      }
      .entry-content .img-left {
        float: left;
        margin: 1em 1em 1em 0;
      }
      .entry-content .img-right {
        float: right;
        margin: 1em 0 1em 1em;
      }
      .entry-content .img-left p,
      .entry-content .img-right p {
        color: #888888;
        font-size: 86%;
        margin: 0;
        padding: 0;
        text-align: center;
      }
      .entry-content .img-center {
        display: table;
        line-height: 0;
        margin: 1em auto;
      }
      .entry-content .img-center p {
        line-height: 1.5;
      }
      .entry-content .hatena-asin-detail {
        background: #f6f6f6;
        border: 1px solid #e3e3e3;
        margin: 1em 0;
        padding: 8px;
        overflow: hidden;
        zoom: 1;
      }
      .entry-content .hatena-asin-detail:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
      }
      .entry-content .hatena-asin-detail-info {
        margin-left: 170px;
      }
      .entry-content .hatena-asin-detail-info ul {
        font-size: 86%;
        list-style-type: none;
        margin: 0;
        padding: 0;
      }
      .entry-content .hatena-asin-detail-image-link {
        background: #fff;
        border: 1px solid #e3e3e3;
        display: block;
        float: left;
        padding: 5px;
      }
      .entry-content .hatena-asin-detail-title {
        font-size: 115%;
        line-height: 1.3;
        margin: 5px 0 10px;
        padding: 0;
      }
      .entry-content .hatena-asin-detail-label {
        padding-right: .3em;
      }
      .entry-content img {
        max-width: 100%;
      }
      .entry-content h5 {
        font-size: 128%;
        font-weight: bold;
        margin: 1em 0 0;
      }
      .entry-content p img[width="600"] {
        height: auto;
        width: 100%;
      }
      .entry-content .write-profile,
      .entry-content blockquote {
        padding: 0 1em 1em;
        margin: 1em 0;
        clear: both;
        zoom: 1;
      }
      .entry-content .write-profile:after,
      .entry-content blockquote:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
      }
      .entry-content .write-profile p,
      .entry-content blockquote p {
        margin-bottom: 0;
      }
      .entry-content .write-profile .left,
      .entry-content blockquote .left,
      .entry-content .write-profile .right,
      .entry-content blockquote .right {
        margin-bottom: 0;
        padding-top: 1em;
      }
      .entry-content .write-profile {
        border: 5px solid #e3e3e3;
      }
      .entry-content .write-profile ul {
        list-style-type: none;
      }
      .entry-content .write-profile li {
        padding-bottom: .5em;
      }
      .entry-content blockquote {
        background: #f6f6f6;
        border: 1px solid #e3e3e3;
      }
      .entry-content blockquote .left,
      .entry-content blockquote .right {
        margin-top: -1em;
        margin-bottom: 0;
        padding-top: 1em;
      }
      .entry-content dl,
      .entry-content dt {
        margin: 0;
        padding: 0;
      }
      .entry-content dd {
        margin: 0;
        padding: 0;
      }
      .entry-content ul {
        margin: 1em 0 0;
        padding: 0 0 0 2em;
      }
      .entry-content ul ul {
        margin: 0;
      }
      .entry-content .section p {
        margin: 1em 0;
      }
      .entry-content .section blockquote h4,
      .entry-content .section blockquote h5 {
        margin-top: .8em;
      }
      
      .entry-content {
        font-size: 115%;
      }
      .entry-content .article-content-head a,
      .entry-content .section a {
        color: #00599e;
        text-decoration: underline;
      }
      .entry-content .article-content-head a:visited,
      .entry-content .section a:visited {
        color: #883388;
      }
      .entry-content .article-content-head a:hover,
      .entry-content .section a:hover {
        color: #0070d1;
      }
      .entry-content .image {
        float: left;
        margin: 0 16px 0 0;
        padding: 0;
      }
      .entry-content .image img {
        max-width: 320px;
      }
      .entry-content .summary {
        margin: 0;
        padding: 0;
      }
      .entry-content .ads-top {
        margin: 15px 0 0;
      }
      .entry-content .ads-bottom {
        margin: 35px 0 0;
      }
      .entry-content h2 {
        border-bottom: 1px solid #cacaca;
      }
      .entry-content h3 {
        border-bottom: 1px solid #cacaca;
        font-size: 128%;
      }
      .entry-content h4 {
        border-bottom: 1px solid #cacaca;
        font-size: 128%;
        margin: 1em 0 0;
        padding: 0;
        zoom: 1;
      }
      .entry-content h4:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
      }
      .entry-content .section p {
        margin: 1em 0 0 0;
        padding: 0;
      }
      
      .entry-content .author-name {
          font-style: italic;
          text-align: right;
      }
      
      .related-entry-container h4 {
          border-bottom: none;
          color: #0070d1;
          font-size: 100%;
          font-weight: normal;
          margin: 0;
          padding: 0 0 5px;
      }
      
      .entry-footer-modules .hatena-module-related-entries .hatena-module-title {
          border-bottom: none;
          color: #0070d1;
          font-size: 115%;
          font-weight: normal;
          border-top: 2px solid #0070d1;
          margin-top: 15px;
          padding: 15px 0 10px;
      }
      
      /* ブクマコメント表示ユニット */
      .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 br {
          display: none;
      }
      
      .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;
      }
      
      .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('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122124423.png?1479786270');
      }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .bookmark-comment-list .user-comment-link {
          background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122124422.png?1479786303');
        }
      }
      .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('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122125224.png?1479786750');
      }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        a.comment-share.twitter {
          background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122125223.png?1479786751');
        }
      }
      a.comment-share.facebook {
        background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122125222.png?1479786752');
      }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        a.comment-share.facebook {
          background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122125221.png?1479786750');
        }
      }
      a.comment-share span {
        display: none;
      }
      
      /* サイドバー */
      .hatena-module-title {
          border-top: 3px solid #0070d1;
          color: #0070d1;
          font-size: 86%;
          font-weight: bold;
          margin: 20px 0 8px;
          padding: 12px 0 0;
          width: 100%;
      }
      
      .hatena-module-title a {
          color: #0070d1;
      }
      
      ul.urllist-with-thumbnails {
        list-style-type: none;
        margin: 0;
        padding: 0;
      }
      
      ul.urllist-with-thumbnails li {
        display: table;
        padding-bottom: 8px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      ul.urllist-with-thumbnails li:first-child .article-detail {
        border: none;
      }
      ul.urllist-with-thumbnails li:first-child .image {
        padding-top: 0;
      }
      ul.urllist-with-thumbnails li:first-child.new:after {
        top: -15px;
      }
      ul.urllist-with-thumbnails li:last-child .article-detail {
        border-top: 1px solid #e3e3e3;
      }
      ul.urllist-with-thumbnails li.featured-pr {
        border: 1px solid #e3e3e3;
        margin-bottom: 4px;
        padding-bottom: 0;
      }
      ul.urllist-with-thumbnails li.featured-pr .image {
        height: 115px;
        width: 68px;
        -webkit-background-size: cover;
        background-size: cover;
      }
      ul.urllist-with-thumbnails li.featured-pr .image a {
        border: none;
        height: 100%;
        width: 100%;
      }
      ul.urllist-with-thumbnails li.featured-pr .article-detail {
        padding: 8px 8px 8px 12px;
      }
      ul.urllist-with-thumbnails li.featured-pr.new:after {
        top: -15px;
      }
      ul.urllist-with-thumbnails li.new {
        position: relative;
      }
      ul.urllist-with-thumbnails li.new:after {
        content: "";
        position: absolute;
        background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenanews/20161122/20161122124130.png?1479786098) 0 0 no-repeat;
        width: 28px;
        height: 28px;
        right: -15px;
        top: -7px;
        -webkit-background-size: cover;
        background-size: cover;
      }
      ul.urllist-with-thumbnails .image,
      ul.urllist-with-thumbnails .article-detail {
        display: table-cell;
        vertical-align: top;
      }
      ul.urllist-with-thumbnails .image {
        padding-top: 8px;
        width: 58px;
      }
      ul.urllist-with-thumbnails .image a {
        border: 1px solid #e3e3e3;
        display: block;
        height: 46px;
        margin-right: 10px;
        overflow: hidden;
        width: 46px;
      }
      .side-items ul.urllist-with-thumbnails img {
        width: 65px;
      }
      .side-items ul.urllist-with-thumbnails a.urllist-image-link {
        border: none;
        height: 65px;
        width: 55px;
        text-align: center;
      }
      .side-items ul.urllist-with-thumbnails .image img {
        height: 65px;
      }
      ul.urllist-with-thumbnails .article-detail {
        padding-top: 12px;
      }
      ul.urllist-with-thumbnails a.urllist-title-link  {
        display: inline;
        font-size: 93%;
        line-height: 1.4;
        margin: 0;
        font-weight: bold;
        padding-left: 0 0 .1em;
      }
      
      .profile-icon-link {
          float: left;
          margin-right: 10px;
      }
      
      
      
      
      .permalink.pager {
          text-align: center;
      }
      
      .permalink.pager a {
          display: inline-block;
          padding: 6px;
          overflow: hidden;
          color: #333;
          cursor: pointer;
          width: 45%;
      }
      
      .permalink.pager .pager-prev a {
          border-right: 1px solid #ddd;
      }
      
      #box2 a.bookmark-widget-counter,
      .hatena-module-recent-entries.category-PR-注目記事 a.bookmark-widget-counter,
      .hatena-module-recent-entries.category-タイアップ広告 a.bookmark-widget-counter,
      .hatena-module-recent-entries.category-Sponsored a.bookmark-widget-counter  {
          display: block;
          margin-left: 72px;
      }
      
      #box2 ul.urllist-with-thumbnails a.urllist-title-link {
          display: block;
          margin-left: 72px;
      }
      
      
      /* フッター */
      #bottom-editarea {
        background-color: rgb(246, 246, 246);
      }
      
      #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;
        border-bottom: none;
      }
      .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;
      }
      
      .list-footer {
        font-size: 86%;
        margin: 0;
        padding: .2em 0 .3em 0;
        text-align: right;
      }
      .list-footer a {
        text-decoration: underline;
      }
      
      
      /* 広告 */
      .double-adx {
          display: table;
          margin-bottom: 20px;
          width: 100%;
      }
      
      .ads-250 {
          height: 250px;
      }
      
      .top-ads {
          padding-top: 8px;
      }
      
      .top-ads > div {
          display: inline-block;
      }
      
      .top-ads-l {
          padding-right: 30px;
      }
      
      .top-ads-r {
          border-left: 1px solid #ddd;
          padding-left: 30px;
      }
      
      
      
      /* PR記事導線ユニット */
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-title,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-title {
        margin: 18px 0 0;
      }
      
      
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-body li,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-body li,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-body li,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-body li  {
        padding-top: 8px;
        border-bottom: 1px solid #ddd;
      }
      
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-body li:last-child,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-body li:last-child,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-body li:last-child,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-body li:last-child {
        border-bottom: none;
      }
      
      #header-modules .hatena-module.hatena-module-recent-entries.category-PR-特別企画,
      #header-modules .hatena-module.hatena-module-recent-entries.category-PR-注目記事,
      #header-modules .hatena-module.hatena-module-recent-entries.category-タイアップ広告
      #header-modules .hatena-module.hatena-module-recent-entries.category-Sponsored {
        margin-left: 20px;
        width: 300px;
      }
      
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-title:before,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title:before  {
          background: #ff6151;
          display: inline-block;
          content: "PR";
          padding: 4px 8px;
          color: #fff;
          font-weight: normal;
      }
      
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-title,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-title,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-title {
        font-size: 78%;
        font-weight: bold;
        margin: 30px 0 0;
        padding: 0;
        border-top: none;
      }
      
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-title a,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title a,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-title a,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-title a,
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-title span,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title span,
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-title span,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-title span {
        display: inline-block;
      }
      .hatena-module-recent-entries.category-PR-特別企画 .hatena-module-title a,
      .hatena-module-recent-entries.category-PR-注目記事 .hatena-module-title a {
        background: #eeeeee;
        color: #ff4a37;
        padding: 4px 8px;
      }
      
      .hatena-module-recent-entries.category-タイアップ広告 .hatena-module-title a,
      .hatena-module-recent-entries.category-Sponsored .hatena-module-title a {
          background: #ff6151;
          display: inline-block;
          padding: 4px 8px;
          color: #fff;
          font-weight: normal;
      }
      
      body.category-PR-注目記事 .permalink.pager,
      body.category-PR-特別企画 .permalink.pager,
      body.category-タイアップ広告 .permalink.pager,
      body.category-Sponsored .permalink.pager {
        display: none;
      }
      
      body.category-PR-注目記事 .entry-footer .hatena-module-related-entries,
      body.category-PR-特別企画 .entry-footer .hatena-module-related-entries,
      body.category-タイアップ広告 .entry-footer .hatena-module-related-entries,
      body.category-Sponsored .entry-footer .hatena-module-related-entries {
        display: none;
      }
      
      body.category-PR-特別企画 #box2-inner,
      body.category-PR-注目記事 #box2-inner,
      body.category-タイアップ広告 #box2-inner,
      body.category-Sponsored #box2-inner  {
          margin-top: -25px;
      }
      
      body.category-PR-特別企画 #box2,
      body.category-PR-注目記事 #box2,
      body.category-Sponsored #box2,　{
          padding-top: 0px;
      }
      
      a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {
          word-wrap: break-word;
          color: #00599e;
          text-decoration: underline;
      }
      
      .customized-footer .test-related-entries {
          display: none;
      }
      
      /* aboutページ */
      body.page-about #content {
        margin-top: 30px;
      }
      
      body.page-about .section-title h3 {
          border-top: 3px solid #0070d1;
          color: #0070d1;
          font-size: 115%;
          font-weight: normal;
          margin: 0;
          padding: 15px 0;
      }
      
      /* archiveページ */
      body.page-archive .archive-entry {
        margin-bottom: 9px;
      }
      
      body.page-archive .categories {
        padding-bottom: 9px;
      }
      
      /* draftページページ用 */
      body.page-preview-draft div#bottom-editarea {
          position: fixed;
          bottom: 0;
          width:100%;
      }
      
      body.page-preview-draft #content {
          margin-bottom: 160px;
      }
      
      body.page-preview-draft #footer {
          display: none;
      }
      
      body.page-preview-draft div#bottom-editarea {
          position: fixed;
          bottom: 0;
          background-color: black;
          width: 100%;
      }
      
      body.page-preview-draft div#bottom-editarea:before {
          display: block;
          width: 100%;
          content: "This page is a draft, not yet published.";
          font-size: 200%;
      /*    height: 100px; */
      /*    padding-top: 50px; */
          text-align: center;
          border: 5px solid red;
          color: blanchedalmond;
      }
      
      
      /* ▼ 各企業バナー用のベーススタイル */
      .hatena-ad-banner {
          margin: 24px auto;
          border-radius: 8px;
      }
      .hatena-ad-banner a {
          transition: .5s;
          text-decoration: none;
      }
      .hatena-ad-banner a:hover {
          opacity: .7;
      }
      .ad-banner-inner {
          display: flex;
          flex-direction: column;
      }
      .ad-banner-linktext {
          background: #00a0f0;
          color: #fff;
          text-align: center;
          font-size: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0 0 7px 7px;
          padding: 0 20px;
      }
      @media (min-width: 480px) {
          .ad-banner-linktext {
              font-size: 14px;
              padding: 0 32px;
          }
      }
      .ad-banner-linktext:after {
          content: "";
          display: inline-block;
          width: 6px;
          height: 6px;
          margin: 0 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          transform: rotate(45deg);
      }
      @media (min-width: 480px) {
          .ad-banner-linktext:after {
              width: 8px;
              height: 8px;
          }
      }
      .ad-banner-linktext p {
          margin: 2px 0;
      }
      @media (min-width: 480px) {
          .ad-banner-linktext p {
              margin: 4px 0;
          }
      }
      /* テキストver */
      .ad-banner-text {
          border: 1px solid #00a0f0;
      }
      .ad-banner-text .ad-banner-heading {
          background: #fff;
          color: #00a0f0;
          border-radius: 7px 7px 0 0;
          padding: 0 20px;
          text-align: center;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
      }
      @media (min-width: 480px) {
          .ad-banner-text .ad-banner-heading {
              padding: 0 32px;
          }
      }
      .ad-banner-text .ad-banner-heading p {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: 8px 0;
          line-height: 1.5;
      }
      .ad-banner-text .ad-banner-heading strong {
          font-size: 20px;
      }
      @media (min-width: 480px) {
          .ad-banner-text .ad-banner-heading strong {
              font-size: 24px;
          }
      }
      .ad-banner-text .ad-banner-heading span {
          font-size: 12px;
      }
      @media (min-width: 480px) {
          .ad-banner-text .ad-banner-heading span {
              font-size: 14px;
          }
      }
      
      /* 画像ver */
      .ad-banner-image .ad-banner-companyimage {
          display: flex;
          height: 102px;
          overflow: hidden;
          background: #f6f6f6;
          border-radius: 8px 8px 0 0;
      }
      .ad-banner-image .ad-banner-companyimage img {
          object-fit: cover;
          min-width: 100%;
      }