/*
Theme: Minimalism
Author: Codomisu
Description:
最小限のデザインで最大限の「美」を引き出す
※コードを整理してないため見にくいです　2017/06/18
Responsive:yes
*/

html,
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    color: #454545;
    background: #fff;
}

a {
    color: #1487bd;
}

a:visited {
    color: #789dae;
}

a:hover {
    color: #0f5373;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
    color: #333;
    text-decoration: none;
}

#container {
    width: 1140px;
    margin: auto;
    margin-bottom: 0;
    padding-top: 37px;
}

#container #content {
    display: block;
}

#container #content:after {
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
    content: ".";
}

#main {
    width: 640px;
    float: left;
}

#box2 {
    width: 290px;
    float: right;
}

#blog-title {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    text-align: center;
    margin: 0;
    padding: 50px 0;
}

#title {
    margin: 0;
}

#title a {
    color: #454545;
}

#blog-description {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    font-weight: normal;
    font-size: 80%;
    margin: 5px 0 0;
}

.entry {
    position: relative;
    margin-bottom: 50px;
}

.entry-header {
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.entry-title {
    margin: 0;
    line-height: 1.3;
    font-size: 160%;
}

.date {
    font-weight: bold;
    margin-bottom: 10px;
}

.date a {
    color: #1487bd;
    text-decoration: none;
    font-size: 90%;
}

.categories {
    margin-top: 10px;
    font-size: 80%;
}

.categories a {
    color: #999;
}

.categories.no-categories {
    margin: 0;
}

.entry-header-menu {
    position: absolute;
    bottom: 0px;
    left: -60px;
}

.entry-header-menu a {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    line-height: 18px;
    color: #454545;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    background-clip: padding-box;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid rgb(0 0 0 / 0.2);
    text-decoration: none !important;
}

.entry-header-menu a:hover {
    background: #f5f5f5;
    text-decoration: none !important;
}

.entry-content {
    font-size: 95%;
    line-height: 1.7;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}

.entry-content p {
    margin: 0 0 1em;
}

.entry-content img {
    max-width: 100%;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 1.3em 0 0.8em;
    line-height: 1.5;
}

.entry-content h1 {
    font-size: 160%;
}

.entry-content h2 {
    font-size: 150%;
}

.entry-content h3 {
    font-size: 140%;
}

.entry-content h4 {
    font-size: 130%;
}

.entry-content h5 {
    font-size: 110%;
}

.entry-content h6 {
    font-size: 100%;
}

.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
}

.entry-content table img {
    max-width: none;
}

.entry-content table th,
.entry-content table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.entry-content table th {
    background: #f5f5f5;
}

.entry-content blockquote {
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 20px;
}

.entry-content blockquote p {
    margin-top: 0;
    margin-bottom: 0;
}

.entry-content pre {
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 20px;
    white-space: pre;
}

.entry-content pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: 0;
    background: transparent;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content code {
    font-size: 90%;
    margin: 0 2px;
    padding: 0 5px;
    border: 1px solid #eaeaea;
    background: #f8f8f8;
    border-radius: 3px;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content .hatena-asin-detail li {
    line-height: 1.4;
}

.entry-footer {
    margin-top: 10px;
}

.entry-footer-section {
    font-size: 80%;
    color: #999;
}

.entry-footer-section a {
    color: #999;
}

#box2 {
    font-size: 85%;
    line-height: 1.5;
}

.hatena-module {
    margin-bottom: 60px;
}

.hatena-module-title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 120%;
}

.hatena-module-title a {
    color: #454545;
    text-decoration: none;
}

.hatena-module-title a:hover {
    text-decoration: underline;
}

.hatena-urllist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hatena-urllist li {
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
}

.hatena-urllist li a {
    text-decoration: none;
}

.hatena-module-search-box .search-form {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-clip: padding-box;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.hatena-module-search-box .search-module-input {
    padding: 5px;
    color: #454545;
    background: none;
    border: none;
    outline: none;
    height: 20px;
    width: 90%;
}

.hatena-module-search-box .search-module-button {
    width: 20px;
    height: 20px;
    background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=7c37a293bdff28474595c913d64c98) no-repeat right center;
    border: none;
    outline: none;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.5;
}

.hatena-module-search-box .search-module-button:hover {
    opacity: 0.85;
}

.pager {
    margin: 1em 0;
    display: block;
}

.pager:after {
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
    content: ".";
}

.pager .pager-prev {
    float: left;
    text-align: left;
    width: 45%;
}

.pager .pager-next {
    float: right;
    text-align: right;
    width: 45%;
}

#footer {
    padding: 30px 0;
    text-align: center;
    color: #999;
    line-height: 1.5;
    font-size: 80%;
}

#footer p {
    margin: 0;
}

#footer a {
    color: #999;
}

.page-archive .archive-entries .archive-entry {
    margin-bottom: 3em;
}

.page-archive .archive-entries .entry-title {
    font-size: 130%;
    margin: 0 0 0.5em;
}

.page-archive .archive-entries .categories {
    margin: 0 0 0.5em;
}

.page-archive .archive-entries .entry-description {
    margin: 0 0 1em;
    line-height: 1.7em;
    font-size: 95%;
}

.page-archive .categories a {
    color: #fff;
    font-size: 70%;
    background: #aaa;
    padding: 3px 5px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    margin-right: 2px;
}

.archive-heading {
    display: none;
}

.footer {
    background: #454545;
    color: #fff;
    padding: 30px 0;
}

.footer ul li {
    text-align: center;
    display: block;
}

.footer .footer-title {
    margin-bottom: 10px;
}

.footer .footer-copyright {
    font-size: 12px;
}

.footer-list {
    padding: 0;
}

/* Media Queries - Retina Display */
@media(width >= 769px) {
    .hatena-module-search-box .search-module-button {
        background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=7c37a293bdff28474595c913d64c98) no-repeat right center;
        background-size: 20px 20px;
    }

    #content {
        margin: 0 5%;
    }

    .hatena-module-title {
        position: relative;
        padding-left: 1.2em;
        line-height: 1.4;
    }

    .page-archive .entry-thumb {
        border-radius: 8px;
    }

    #box2 .urllist-image {
        border-radius: 8px;
    }

    .entry-title {
        font-size: 19px;
    }

    #box2 {
        margin-top: 15px;
    }

    .categories a {
        color: #454545;
        text-decoration: none;
        padding: 2px 7px;
        background: #eceef1;
        border-radius: 2px;
        font-size: 10px;
        margin: 0 2px;
    }

    .archive-entries .entry-title {
        font-size: 19px !important;
    }
}

/* Media Queries - Tablet */
@media(width <= 768px) {
    #container {
        width: 100% !important;
        word-wrap: break-word;
        overflow: hidden;
        padding-top: 0;
    }

    #main {
        width: 93.75% !important;
        margin: auto;
        float: none;
    }

    #box2 {
        width: 93.75% !important;
        margin: auto;
        float: none;
    }

    #box2-inner {
        width: 100% !important;
    }

    .hatena-module {
        width: 100%;
        float: none;
    }

    .entry .entry-title {
        font-size: 22px;
    }

    .archive-entries .entry-title {
        font-size: 18px !important;
    }
}

/* Media Queries - Small Tablet & Smartphone */
@media(width <= 640px) {
    #blog-title #title {
        font-size: 30px !important;
        font-weight: 500;
    }

    #blog-description {
        font-size: 11px !important;
    }

    .entry-header-menu {
        top: -30px;
        left: 0;
    }

    .archive-entry-header {
        width: -webkit-calc(100% -90px);
        width: calc(100% - 90px);
        float: right;
    }

    .archive-entries .entry-title {
        font-size: 13px !important;
        line-height: 20px;
        font-weight: 500;
        margin: 0 !important;
    }

    .archive-entries .entry-description {
        font-size: 12px !important;
        display: none;
    }

    .page-archive .entry-thumb {
        width: 75px;
        height: 75px;
        border: 1px solid #454545;
        background-size: 100%;
        float: left;
        border-radius: 5px;
    }

    .page-archive .categories {
        display: none;
    }

    .archive-entry {
        margin-bottom: 0.7em !important;
        padding-bottom: 0.7em;
        border-bottom: 1px solid #ddd;
    }

    .entry .entry-header {
        padding: 0 !important;
        border: none !important;
    }

    .hatena-module-title {
        position: relative;
        padding-left: 1.2em;
        line-height: 1.4;
    }

    #box2 .urllist-image {
        max-width: 100%;
        width: 75px;
        border-radius: 5px;
        border: 1px solid #454545;
        height: 75px;
    }

    .hatena-urllist li {
        padding: 10px 0 0;
    }

    .hatena-urllist li a {
        font-size: 13px !important;
        line-height: 20px;
        font-weight: 500;
        color: #454545;
        text-decoration: none;
    }

    .archive-module-year {
        border: none !important;
    }

    .archive-entries {
        margin: 0 0 40px;
    }

    .categories a {
        font-size: 11px;
    }

    .entry-content {
        font-size: 14px;
    }

    .hatena-module {
        margin-bottom: 40px;
    }

    .related-entries .urllist-image {
        width: 70px;
        border-radius: 5px;
    }

    .related-entries .related-entries-entry-body {
        display: none;
    }

    .pager {
        text-align: center;
        margin-bottom: 45px;
    }

    :not(.permalink) > .pager-next {
        float: none !important;
        text-align: center !important;
    }

    :not(.permalink) > .pager-next a {
        text-decoration: none;
        padding: 10px 100px;
        border-radius: 4px;
        border: 1px solid #666;
        color: #454545;
    }

    .pager-permalink {
        display: none;
    }
}


/* Minimalism カスタマイズ デザインCSS */

/* 基本設定 */
html,
body {
    color: #333;
}

html {
    overflow-y: scroll;
}

body {
    background: #ccc;
}

html,
body,
#blog-title,
#blog-description,
.entry-content {
    font-family: inherit;
}

#container {
    background: #eee;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
    padding: 0;
    text-shadow: 0.5px 0 0.5px #ccc, 0 0 1px #ccc;
}

time,
.hatena-module-title:after,
.box-title,
.marker,
.red {
    text-shadow: none;
}

/* リンク設定 */
a,
a:hover,
a:visited {
    color: #333;
}

a {
    text-decoration: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px !important;
    transition: 0.3s;
}

a:hover {
    text-decoration: underline !important;
}


/* 画像設定 */
img {
    aspect-ratio: auto;
    border: 1px solid #ccc;
    border-radius: 6px;
    vertical-align: bottom;
}

/* グローバルヘッダ */
#globalheader-container {
    box-shadow: none !important;
    margin-inline: auto;
    max-width: 1140px;
}

#globalheader-container:before,
#globalheader-container:after {
    content: none !important;
}

#globalheader {
    background: #fff;
    mix-blend-mode: difference;
}

/* ブログタイトル */
#blog-title {
    padding: 2% 5% 2.5%;
    text-align: left;
}

#title {
    position: relative;
}

#title a {
    background: url("data:image/png;base64,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") no-repeat;
    border-bottom: 2px solid #eee;
    color: #eee;
    display: inline-block;
    height: 32px;
    margin: 15px 0 0 60px;
    overflow: hidden;
    padding: 2px 0 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 200px;
}

#title a:before {
    animation: boin 0.6s linear;
    background: url(//simadzu.hatenablog.com/icon/link) no-repeat left/contain;
    content: "";
    display: inline-block;
    height: 48px;
    left: 0;
    position: absolute;
    top: 3px;
    transition: 0.3s;
    width: 48px;
}

@keyframes boin {
    0% {
        opacity: 0;
        scale: 0.4;
    }

    50% {
        opacity: 1;
        scale: 1.06;
    }
}


#title a:hover {
    border-color: #333;
}

#title a:hover:before {
    rotate: -15deg;
}

#blog-description {
    font-size: 15px;
    margin: 1% 0 0;
    text-shadow: 1px 1px 1px #ccc;
}

#top-box {
    display: none;
}

/* コンテンツ部分 */
#content,
#content-inner {
    display: flex !important;
}

#main {
    margin-bottom: 30px;
    width: 660px;
}

.entry {
    margin: 0;
}

.entry-header {
    border: 0;
    margin: 0 0 34px;
    padding: 0;
}

.date {
    background: #333;
    border-radius: 6px;
    float: left;
    font-family: 'Work Sans';
    height: 67px;
    margin: -1px 13px 0 0;
    text-align: center;
    width: 64px;
}

.date:before {
    content: none;
}

.date a {
    pointer-events: none;
}

.date-year,
.date-month {
    color: #fff;
    font-size: 13px;
}

.date-year:after {
    content: "/";
}

.hyphen {
    display: none;
}

.date-day {
    background: #fff;
    border: solid #ccc;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    color: #333;
    display: block;
    font-size: 30px;
    margin: 3px 0 0;
    padding: 4px 0 5px;
}

@font-face {
    font-family: 'Work Sans';
    src: url(//fonts.gstatic.com/l/font?kit=QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNi0bqIjtEhP5dPVoE2n_&skey=a19f1b3d756da88c&v=v18) format("woff2");
}

.entry-title {
    margin: 0 0 14px;
}

.categories a {
    background: linear-gradient(#fff, #eee);
    border-radius: 4px;
    box-shadow: 1px 1px 1px #ccc;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 2px 4px;
    text-decoration: none !important;
}

.categories a:before {
    content: "#";
}

.categories a:active {
    background: linear-gradient(#ccc, #eee);
}

.entry-content > *:first-child {
    margin: 0 0 30px;
}

.entry-content {
    border: 0;
    font-size: 16px;
    line-height: 1.8;
    padding: 0;
}

.entry-content a,
.entry-content a:hover,
.entry-content a:visited {
    color: #04c;
}

.entry-content a {
    padding: 0 2px;
    text-decoration: underline !important;
}

.entry-content a[href^="https://simadzu.hatenablog.com/entry/"]:before {
    content: "\f010";
    display: inline-block;
    font-family: blogicon;
    font-size: 1.1em;
    font-weight: 400;
    padding: 0 2px;
    vertical-align: -1px;
}

.entry-content h2 {
    background: #fff;
    border-left: 10px solid #333;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    box-sizing: border-box;
    font-size: 18px;
    margin: 0 0 30px;
    max-width: 660px;
    padding: 6px 10px 4px;
}

.entry-content h3 {
    border-bottom: 2px solid;
    display: inline-block;
    font-size: 17px;
    line-height: 1.2;
    margin: 0 0 30px;
    padding: 0 12px 0 4px;
    position: relative;
    vertical-align: bottom;
}

.entry-content h3:before {
    content: "\f041\00a0";
    font-family: blogicon;
    vertical-align: -1px;
}

.entry-content h3:after {
    border-top: 2px solid;
    bottom: 1px;
    content: "";
    position: absolute;
    right: -2px;
    rotate: 45deg;
    width: 10px;
}

.entry-content p {
    margin: -6px 0 24px;
    overflow-wrap: anywhere;
    padding: 0;
}

.entry-content table {
    margin: 0 0 30px;
}

.entry-content table td {
    border-color: #ccc;
}

.entry-content blockquote,
.entry-content pre {
    background: #fff;
    border-color: #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    margin: 0 10px 30px;
    max-width: 640px;
    position: relative;
}

.entry-content blockquote {
    padding: 30px 38px 24px 52px;
}

.entry-content blockquote:before,
.entry-content blockquote:after {
    background: #333;
    border-radius: 50%;
    color: #fff;
    content: "\f704";
    font-family: blogicon;
    font-size: 18px;
    height: 32px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 32px;
}

.entry-content blockquote:before {
    left: 10px;
    top: 10px;
}

.entry-content blockquote:after {
    bottom: 10px;
    right: 10px;
    rotate: 180deg;
}

.entry-content blockquote p {
    font-size: 15px;
    margin: -6px 0 24px;
}

.entry-content blockquote cite {
    margin: -6px 0;
}

.entry-content pre {
    font-family: Monaco, Consolas, monospace, sans-serif;
    letter-spacing: 0;
    line-height: 1.2;
    padding: 15px;
}

.box-title {
    background: #333;
    color: #fff;
    display: inline-block;
    font-family: Monaco, Consolas, monospace, sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px 5px 2px;
    position: absolute;
    top: 0;
}

.hatena-asin-detail,
.hatena-rakuten-detail {
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    margin: 0 10px 30px;
    max-width: 640px;
    position: relative;
}

.hatena-asin-detail a,
.hatena-rakuten-detail a {
    color: #333 !important;
    text-decoration: none !important;
}

.hatena-asin-detail a:hover,
.hatena-rakuten-detail a:hover {
    text-decoration: underline !important;
}

.hatena-asin-detail-info li {
    margin: 6px 0 0 4px !important;
}

.hatena-asin-detail-info li:before {
    content: none !important;
}

.hatena-fotolife {
    margin: 0 10px 30px;
}

.images-row {
    margin: 0 0 30px;
}

.video {
    aspect-ratio: 16/9;
    margin: 0 10px 30px;
    max-width: 640px;
    width: 100%;
}

.video iframe {
    height: 100% !important;
    width: 100% !important;
}

.entry-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.entry-content li {
    margin: -6px 0 24px;
    padding-left: 1.2em;
    text-indent: -1.3em;
}

.entry-content li:before {
    content: "\f029";
    font-family: blogicon;
    letter-spacing: 0.5em;
    vertical-align: -1px;
}

.entry-content li a[href*="simadzu.hatenablog.com/entry"]:before {
    content: "";
    padding: 0;
}

.requote-button {
    display: none !important;
}

.entry-footer,
.entry-tags-wrapper {
    margin: 0;
}

.entry-footer-section {
    display: none;
}

/* 関連記事モジュール */
.hatena-module-related-entries .hatena-module-title {
    background: #333;
    border-radius: 12px;
    font-size: 0;
    height: 29px;
    margin: 10px 0 14px;
    padding: 4px 8px 3px;
    width: 128px;
}

.hatena-module-related-entries .hatena-module-title:before,
.hatena-module-related-entries .hatena-module-title:after {
    position: absolute;
}

.hatena-module-related-entries .hatena-module-title:before {
    content: "";
    border: 1px solid #ffffff00;
    border-top-color: #333;
    border-width: 8px;
    left: 20px;
    top: 100%;
}

.hatena-module-related-entries .hatena-module-title:after {
    color: #fff;
    content: "こちらもおすすめ";
    font-size: 16px;
    font-weight: 700;
    left: 8px;
    top: 18px;
}

.related-entries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.related-entries-item {
    margin: 0 0 2px !important;
    width: 49%;
}

.related-entries-item:nth-of-type(5),
.hatena-module-related-entries:has(li:only-child) {
    display: none;
}

.related-entries-image {
    height: 80px;
    pointer-events: none;
    width: 80px;
}

.related-entries-date-link,
.related-entries-entry-body {
    display: none;
}

.related-entries-title {
    display: block;
    font-size: 15px;
    height: 47px;
    padding: 17px 0 18px;
}

/* ページャー */
.pager {
    margin: 0;
    padding: 0;
}

.page-entry .pager,
.pager-prev {
    display: none;
}

.pager-next a {
    font-size: 0;
}

.pager-next a:before,
.pager-next a:after {
    font-size: 15px;
    vertical-align: top;
}

.pager-next a:before {
    content: "過去の記事";
}

.pager-next a:after {
    content: "\00a0▼";
    display: inline-block;
    padding: 0 0 0 2px;
}

/* サイドバー */
#box2 {
    left: 66px;
    margin: 0;
    position: relative;
    width: 300px;
}

#box2-inner {
    height: 100%;
}

.blog-controlls-subscribe-btn {
    display: none;
}

.subscribe-btn {
    background: linear-gradient(#fff, #eee);
    border: none !important;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 6px;
    color: #333 !important;
    font-weight: 700;
    padding: 4px;
}

.subscribe-btn:before {
    content: "\f033";
    display: inline-block;
    font-family: blogicon;
    font-size: 1.1em;
    font-weight: 400;
    padding: 0 4px 0 0;
}

.subscribe-btn:hover {
    text-decoration: none !important;
}

.subscribe-btn:active {
    background: linear-gradient(#ccc, #eee);
}

.hatena-module {
    margin: 0;
}

.hatena-module:last-of-type {
    position: sticky;
    top: 48px;
}

.hatena-module-title {
    line-height: 0;
    padding: 0 0 0 1.2em;
}

.hatena-module-title:before {
    content: "";
    font-family: blogicon;
    font-size: 1.1em;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: 1px;
}

.hatena-urllist li {
    border: 0;
    padding: 0;
}

.urllist-item {
    margin: 0 0 5px;
}

.urllist-entry-body {
    padding: 7px 0 0;
}

.hatena-module-profile img,
.hatena-module-ads img,
.hatena-module-footer img {
    border: 0;
    border-radius: 0;
}

.hatena-module-profile .hatena-module-title:before {
    content: "\f01c";
}

.hatena-module-search-box .search-form {
    background: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    height: 32px;
    overflow: hidden;
    width: 310px;
}

.hatena-module-search-box .search-module-button {
    background: #fff url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=1118cf3610f8d988b44d3ce56a5520) no-repeat center;
    height: 32px;
    opacity: 1;
    right: 0;
    top: 0;
    width: 32px;
}

.hatena-module-search-box .search-module-button:hover {
    opacity: 1;
}

.hatena-module-search-box .search-module-button:active {
    mix-blend-mode: difference;
}

input::placeholder {
    color: #000;
}

input:focus::placeholder {
    color: #fff;
}

.page-archive span.highlight {
    background: #333;
    border: 0;
    color: #fff;
    padding: 2px 4px 0;
}

.search-result {
    display: none;
}

.hatena-module-archive .hatena-module-title:before {
    content: "\f03a";
}

.hatena-module-archive li {
    display: inline;
    line-height: 1.7;
    margin: 0 10px 0 0 !important;
}

.hatena-module-category .hatena-module-title:before {
    content: "\f04a";
}

.hatena-module-category li {
    display: inline-block;
    padding: 0 2px 24px 0;
}

.hatena-module-category li a {
    background: linear-gradient(#fff, #eee);
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    color: #333 !important;
    font-weight: 700;
    padding: 4px;
}

.hatena-module-category li a:hover {
    text-decoration: none !important;
}

.hatena-module-category li a:active {
    background: linear-gradient(#ccc, #eee);
}

.hatena-module-ads .hatena-module-title:before {
    content: "\f034";
}

/* フッター */
#footer,
#footer a {
    color: #fff;
}

#footer {
    background: #000;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    margin-inline: auto;
    max-width: 1140px;
    padding: 0;
}

.guest-footer {
    font-size: 0;
}

.open-pro-modal,
.guest-footer-content {
    display: none !important;
}

#footer a:hover {
    text-decoration: none !important;
}

.footer-address,
.services {
    display: inline;
}

.footer-address img {
    border: 0;
    height: 20px;
    vertical-align: -5px;
    width: 20px;
}

.footer-address:after {
    content: "|";
}

#pagetop {
    cursor: pointer;
    float: right;
    position: relative;
}

.blogicon-chevron-up {
    color: #fff;
    font-size: 30px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    width: 56px;
}

#pagetop:hover:before,
#pagetop:hover:after {
    animation: kie 0.6s linear forwards;
    position: absolute;
}

#pagetop:hover:before {
    content: "";
    border: 1px solid #ffffff00;
    border-top-color: #000;
    border-width: 5px;
    right: 23px;
    top: -6px;
}

#pagetop:hover:after {
    background: #000;
    border-radius: 4px;
    color: #fff;
    content: "上に戻る";
    font-size: 12px;
    padding: 2px 4px;
    right: 0;
    top: -28px;
    width: 4em;
}

@keyframes kie {
    100% {
        visibility: hidden;
    }
}

/* アーカイブページ */
.archive-entries {
    margin: 0;
}

.archive-entry {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px #fff;
    margin: 0 !important;
    padding: 33px 0 30px;
    position: relative;
}

.archive-entry:first-child {
    padding: 0 0 30px;
}

.archive-entry:last-child {
    border: 0;
    box-shadow: none;
}

.page-archive .archive-entries .entry-title {
    margin: 0 0 12px;
}

.archive-entry .entry-title-link:before {
    content: "";
    inset: 0;
    position: absolute;
    transition: 0.3s;
}

.page-archive .categories a {
    background: linear-gradient(#fff, #eee);
    box-shadow: 1px 1px 1px #ccc;
    color: #333;
    font-size: 15px;
    margin: 0;
    padding: 2px 4px;
    position: relative;
    z-index: 2;
}

.page-archive .categories a:active {
    background: linear-gradient(#ccc, #eee);
    text-decoration: none !important;
}

.page-archive .entry-thumb {
    border: 1px solid #ccc;
    height: 100px;
    margin: 26px 12px 0 0;
    width: 100px;
}

.page-archive .archive-entries .entry-description {
    font-size: 16px;
    height: 5.4em;
    line-height: 1.8;
    margin: 42px 0 0 !important;
    overflow: hidden;
    text-align: justify;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.archive-entry-tags-wrapper {
    margin: 0;
}

/* 記事なしページ */
.no-entry h1 {
    font-size: 0;
    margin: -4px 0 0 !important;
}

.no-entry h1:before {
    content: "お探しのページは見つかりませんでした";
    font-size: 19px;
}

.no-entry p {
    font-size: 0;
    margin: 10px 0 !important;
}

.no-entry p:before {
    content: "ごめんなさい...。";
    font-size: 16px;
}

.no-entry p:after {
    background: url(//cdn-ak.f.st-hatena.com/images/fotolife/s/simadzu/20240612/20240612103052.png) no-repeat;
    content: "";
    display: block;
    height: 500px;
    width: 500px;
}

/* その他ユーティリティ */
.notice {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 15px;
    margin: 0 10px 30px;
    max-width: 640px;
    padding: 30px 15px 0;
}

.red {
    color: #e00;
}

.green {
    color: #070;
}

.line {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px #fff;
}

.marker,
.marker:before,
.marker:after {
    background: linear-gradient(rgb(0 0 0 / 0) 55%, rgb(247 247 36 / 0.5) 0);
}

.marker {
    line-height: normal;
}

.marker:before,
.marker:after {
    content: "\a";
    display: inline-block;
    transform-origin: bottom left;
    white-space: pre;
    width: 4px;
}

.marker:before {
    transform: skewX(-14deg) translateX(-2px);
}

.marker:after {
    transform: skewX(-14deg) translateX(1px);
}

.ref {
    align-items: center;
    display: flex;
    margin: -4px 10px 0 !important;
}

.ref:before,
.ref:after {
    background: #333;
    content: "";
    flex-grow: 1;
    height: 1px;
}

.ref:before {
    margin: 0 10px 0 0;
}

.ref:after {
    margin: 0 0 0 10px;
}

.new {
    background: #e00;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px;
    vertical-align: 1px;
}

/* メディアクエリ */
@media(width <= 768px) {

    #content,
    #content-inner {
        display: block !important;
    }

    #box2 {
        margin-inline: auto;
        position: static;
    }

    #blog-description,
    #content,
    #title {
        margin: auto;
        max-width: 640px;
    }

    .hatena-module-archive,
    .hatena-module-search-box {
        display: none;
    }

    .hatena-module {
        padding: 15px 0 0;
    }

    .hatena-module-title:before {
        content: none !important;
    }

    .hatena-module-title {
        padding-left: 0 !important;
    }

    .hatena-module-related-entries .hatena-module-title {
        background: none;
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    .hatena-module-related-entries .hatena-module-title:after,
    .hatena-module-related-entries .hatena-module-title:before {
        content: none;
    }
    
}

@media(width <= 480px) {

    .blog-controlls {
        gap: 8px;
    }

    .blog-controlls-blog-icon img {
        border: 0;
        border-radius: 0;
    }

    .blog-controlls-title a {
        font-size: 18px !important;
    }

    #container {
        border-top: 1px solid #d2d8dd;
    }

    #container:before {
        content: none;
    }

    #blog-title {
        height: 0;
        margin: 0 0 10px;
        visibility: hidden;
    }

    .blog-controlls-subscribe-btn {
        display: grid;
    }

    .categories,
    #blog-description,
    #pagetop,
    .archive-date,
    .subscribe-btn,
    .hatena-module-ads,
    .page-archive .archive-entries .entry-description {
        display: none;
    }

    .entry-title {
        font-size: 16px !important;
        padding: 12px 0 0;
    }

    .date {
        margin: 0 12px 28px 0;
    }

    .entry-content .embed-card,
    .entry-content .embed-wrapper,
    .entry-content blockquote,
    .entry-content pre,
    .hatena-asin-detail,
    .hatena-fotolife,
    .hatena-rakuten-detail,
    .notice,
    .video {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .entry-content p,
    .hatena-urllist li a {
        font-size: 15px !important;
    }

    .related-entries {
        display: block;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .related-entries-title-link {
        font-weight: 700;
    }

    .related-entries-item,
    .video {
        width: 100%;
    }

    .pager {
        text-align: right;
    }

    :not(.permalink) > .pager-next {
        float: right !important;
        text-align: right !important;
    }

    .pager-permalink {
        display: inline;
    }

    :not(.permalink) > .pager-next a {
        border: 0;
        padding: 0;
    }
    
    #footer {
        font-size: 12px;
    }

    .page-show_overlay_ad {
        margin: 0;
    }

    .archive-entries {
        margin: -27px 0 0;
    }
    
    .archive-entry:first-child,
    .archive-entry {
        padding: 0 0 25px !important;
    }

    .archive-entry:last-child {
        padding: 0 0 20px !important;
    }

    .archive-entries .entry-title {
        font-size: 16px !important;
        font-weight: 700;
        padding: 45px 0 0 !important;
    }

    .page-archive .entry-thumb,
    .related-entries-image {
        height: 75px !important;
        width: 75px !important;
    }

    .no-entry p {
        font-size: 0 !important;
    }

    .no-entry p:after {
        background-size: contain;
        height: 360px;
        width: 360px;
    }

}


/* コピペ式似非ブログカード */
/* https://cdn.blog.st-hatena.com/css/embed.css */

.embed-wrapper {
    background-color: #fff;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 6px;
    font-size: 13px;
    margin: 0 10px 30px;
    max-width: 640px;
}

.embed-wrapper-inner {
    padding: 12px;
    position: relative;
}

.embed-content {
    height: 100px;
    min-height: 108px;
    overflow: hidden;
}

.embed-content .thumb-wrapper {
    position: absolute;
    right: 10px;
    top: 24px;
}

.embed-content .thumb-wrapper .thumb {
    border: 0;
    border-radius: 6px;
    height: 100px;
    width: 100px;
}

.embed-content .entry-body {
    margin-right: 110px;
}

.embed-content a:before {
    content: "";
    inset: 0;
    position: absolute;
}

.embed-content .entry-title {
    display: -webkit-box;
    font-size: 17px;
    margin: 0 0 10px;
    max-height: 47px;
    overflow: hidden;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.embed-content .entry-title a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    padding: 0 !important;
    text-decoration: none !important;
}

.embed-content .entry-title a:hover {
    text-decoration: underline !important;
}

.embed-content .entry-title a[href^="https://simadzu.hatenablog.com/entry"]:before {
    content: "";
    padding: 0;
}

.embed-content .entry-content {
    display: -webkit-box;
    font-size: 13px;
    line-height: 1.5;
    max-height: 72px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.embed-footer {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    height: 15px;
    margin: -5px 0 5px;
}

.embed-footer img {
    border: 0;
    border-radius: 0;
    margin: -3px 4px 0 0;
    vertical-align: middle;
}

.embed-footer .favicon {
    height: 16px;
    width: 16px;
}

@media(width <= 480px) {

    .embed-wrapper {
        width: 100%;
    }

    .embed-content.with-thumb {
        min-height: 80px;
    }

    .embed-content .thumb-wrapper .thumb {
        height: 80px;
        width: 80px;
    }

    .embed-content .entry-title {
        margin-bottom: 4px;
        max-height: 40px;
    }

    .embed-content .entry-title a {
        font-size: 16px;
        line-height: 1.2;
    }

    .embed-content .entry-content {
        font-size: 12px;
        max-height: 54px;
    }
    
    .embed-footer {
        margin: 0 0 5px;
    }
    
}


/* テスト用コード */

[class^="ad"],
[class^="ads"],
[class$="ad"],
[class$="ads"] {
}

.ad-online-afc {
    margin: 0 !important;
}