/* 共通 */
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;
    /*        width: 268px;*/
    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;
    box-sizing: border-box;
}

#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 16px 0;
}

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;
}

div#header .global-logo img {
    height: 16px;
    width: auto;
}

.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;
}

#keepintouch .fb img {
    height: 17.6px;
}


/* カテゴリカラー設定 */
#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, .entry-date .date-last-updated {
    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%;
}

/* Udemy */
.udemy-cta {
    background: #FBF6FF;
    padding-bottom: 20px;
    border-radius: 8px;
    line-height: 150%;
    margin: 16px 0;
}

.entry-content .udemy-cta a{
    text-decoration: none;
    transition: .2s;
}

.udemy-cta a:hover{
    opacity: .7;
}

.udemy-cta.border {
    border: 2px solid #A435F0;
}

.udemy-cta .title {
    background: #A435F0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 8px 8px 0 0;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}

.udemy-cta.border .title {
    border-radius: 4px 4px 0 0;
}

.udemy-cta .detail-wrapper {
    display: flex;
    gap: 10px;
    padding: 20px 20px 0;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}

.udemy-cta img {
    max-width: 200px;
    vertical-align: bottom;
}

.udemy-cta .detail .course {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #3D4245;
}

.udemy-cta .detail .rating-wrapper {
    font-size: 14px;
    font-weight: 700;
    color: #3D4245;
}

.udemy-cta .detail .rating-text {
    color: #F69C08;
}

.udemy-cta .detail .rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    font-size: 1rem;
    color: #F69C08;
    margin-left: 2px;
}

.udemy-cta .detail .rating:before {
    content: '★★★★★';
    color: #CCCCCC;
}

.udemy-cta .detail .rating:after {
    content: '★★★★★';
    position: absolute;
    z-index: 1;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f69c08;
}

.udemy-cta .detail .rating[data-rate="4.5"]:after {
    width: 90%;
}

.udemy-cta .detail .rating[data-rate="4"]:after {
    width: 80%;
}

.udemy-cta .detail .members-wrapper,
.udemy-cta .detail .instructor-wrapper,
.udemy-cta .description {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}

.udemy-cta .detail .members,
.udemy-cta .detail .instructor {
    font-size: 12px;
    font-weight: 700;
}

.udemy-cta .description {
    padding: 12px 20px 0;
    margin-bottom: 0;
    margin-top: 0;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
    line-height: 150%;
}

.udemy-cta .btn {
    padding: 8px 32px 8px 20px;
    border: 2px solid #A435F0;
    border-radius: 100px;
    background: #fff;
    color: #A435F0;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 194px;
    margin: 12px auto 0;
    position: relative;
    line-height: 150%;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}

.udemy-cta .btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cg clip-path='url(%23clip0_2118_36)'%3E%3Cpath d='M6.42 8.48L7.98 6.92C8.09 6.81 8.145 6.67 8.145 6.5C8.145 6.33 8.09 6.19 7.98 6.08L6.405 4.505C6.295 4.395 6.1576 4.3424 5.9928 4.3472C5.8276 4.3524 5.69 4.41 5.58 4.52C5.47 4.63 5.415 4.77 5.415 4.94C5.415 5.11 5.47 5.25 5.58 5.36L6.12 5.9H4.185C4.015 5.9 3.875 5.9574 3.765 6.0722C3.655 6.1874 3.6 6.33 3.6 6.5C3.6 6.67 3.6576 6.8124 3.7728 6.9272C3.8876 7.0424 4.03 7.1 4.2 7.1H6.12L5.565 7.655C5.455 7.765 5.4024 7.9026 5.4072 8.0678C5.4124 8.2326 5.47 8.37 5.58 8.48C5.69 8.59 5.83 8.645 6 8.645C6.17 8.645 6.31 8.59 6.42 8.48ZM6 12.5C5.17 12.5 4.39 12.3424 3.66 12.0272C2.93 11.7124 2.295 11.285 1.755 10.745C1.215 10.205 0.7876 9.57 0.4728 8.84C0.1576 8.11 0 7.33 0 6.5C0 5.67 0.1576 4.89 0.4728 4.16C0.7876 3.43 1.215 2.795 1.755 2.255C2.295 1.715 2.93 1.2874 3.66 0.9722C4.39 0.6574 5.17 0.5 6 0.5C6.83 0.5 7.61 0.6574 8.34 0.9722C9.07 1.2874 9.705 1.715 10.245 2.255C10.785 2.795 11.2124 3.43 11.5272 4.16C11.8424 4.89 12 5.67 12 6.5C12 7.33 11.8424 8.11 11.5272 8.84C11.2124 9.57 10.785 10.205 10.245 10.745C9.705 11.285 9.07 11.7124 8.34 12.0272C7.61 12.3424 6.83 12.5 6 12.5Z' fill='%23A435F0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2118_36'%3E%3Crect width='12' height='12' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 12px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 16px;
}