@charset "UTF-8";
/*
Theme Name: UnderShirt
Theme URI: https://blog.hatena.ne.jp/-/store/theme/8599973812333959601
Description: 記事一覧（archive）ページでアイキャッチ（サムネイル）画像を大きく表示する、２カラム＆最大幅固定のテーマです。※スマホから見ると１カラムになります※トップページを記事一覧ページの見た目にするには、はてなブログProへの加入が必要です- [http://thumbnail.hatenablog.com/:title=DEMOサイト]* 特徴- レスポンシブ対応- レクタングル広告（横336px）が設置可能なサイドカラム- カスタマイズしやすい、装飾の少ないデザイン* 紹介記事- [http://blog.rokuzeudon.com/entry/theme-undershirt#attention:title=アイキャッチ画像とヘッダー画像の仕様について]- [http://blog.rokuzeudon.com/entry/theme-undershirt-sp:title=スマホ（レスポンシブデザインモード）で記事を２列にする方法]* 謝辞- はてなブログ様のカスタマイズ用テンプレート「[https://github.com/hatena/Hatena-Blog-Theme-Boilerplate:title=boilerplate]」を改変しています- DEMOサイトの写真は[https://unsplash.com/:title=Unsplush]様より利用させて頂いています* お問い合わせテーマを使ってみてのご感想やご意見は、[https://twitter.com/rokuzeudon:title=Twitter]にてお気軽にご連絡ください。
Author: rokuzeudon
Author URI: https://blog.hatena.ne.jp/rokuzeudon/
*/
/*
  Theme: UnderShirt
  Author: rokuzeudon
  Responsive: yes
  Description:
    記事一覧ページでサムネイル画像を大きく表示するはてなブログテーマです。
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

#content-inner{display:flex;flex-flow:column;justify-content:space-between;max-width:1200px;margin:auto}
@media (min-width: 992px) {
    #content-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}
.entry-header{display:flex;flex-flow:column;position:relative;margin:10px 0 30px}
.entry-header .entry-title{order:0}
.entry-header .date{order:1}
.entry-header .categories{order:2}
.entry-header .customized-header{order:3}
.entry-header .social-buttons{order:4;margin:1em 0 0;padding:1em 0;border-top:1px solid #ddd}
.archive-entries{display:flex;flex-wrap:wrap}
.page-archive .archive-entry{display:flex;flex-flow:column}
.page-archive .archive-entry .entry-thumb-link{order:0}
.page-archive .archive-entry .archive-entry-header{order:1}
.page-archive .archive-entry .archive-entry-body{order:2}
.page-archive .archive-entry .categories{order:3}
.archive-entry-header{display:flex;flex-flow:column}
.archive-entry-header .entry-title{order:0;font-size:1rem}
.archive-entry-header .date{order:1;font-size:.8rem}
.pager{display:flex;justify-content:space-between;margin:2em 0}

html,body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,Segoe UI,'Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;color:#454545;background-color:#f5f5f5;line-height:1.6;letter-spacing:.08em}
a{color:#454545;text-decoration:none;transition:.1s ease-out}
a:hover{color:#1487bd;text-decoration:none}
h1,h2,h3,h4,h5,h6{color:#333;line-height:1.4}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0f668f}
#globalheader-container{background-color:#454545;color:#f5f5f5}
#blog-title{margin:auto;max-width:1200px;padding:3em 20px 2em;text-align:center}
@media (min-width: 992px) {
    #blog-title {
        margin: 0 auto;
        padding: 3em 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: left;
    }
}
#title{margin:0;font-size:1.5rem}
@media (min-width: 992px) {
    #title {
        font-size: 2rem;
    }
}
#title a{color:#454545}
#blog-description{font-weight:normal;font-size:.8rem;margin:1em 0 0}
.header-image-enable #blog-title{margin:0 auto 2em}
@media (min-width: 768px) {
    .header-image-enable #blog-title {
        padding: 0 40px;
    }
}
.header-image-enable #blog-title-inner{display:flex;flex-direction:row;align-items:center;margin:30px 0 0}
@media (min-width: 992px) {
    .header-image-enable #blog-title-inner {
        background-size: cover;
    }
}
.header-image-enable #blog-title-content{margin:auto;text-align:center}
#top-box{max-width:1200px;margin:0 auto 1em;box-sizing:border-box}
#top-editarea{margin-bottom:1em}
.breadcrumb{padding:0 20px;font-size:.78rem}
@media (min-width: 768px) {
    .breadcrumb {
        padding: 0 40px;
    }
}
@media (min-width: 992px) {
    #wrapper {
        width: calc(100% - 337px);
    }
}
#main{width:100%}
#main-inner{max-width:1140px;margin:auto;padding:0 20px;box-sizing:border-box}
@media (min-width: 992px) {
    #main-inner {
        padding: 0 40px;
    }
}
.entry{position:relative;margin-bottom:20px;padding:20px;background:#fff}
@media (min-width: 768px) {
    .entry {
        padding: 30px 40px;
    }
}
.date{font-size:.9rem}
.date a{color:#999;text-decoration:none}
.date a:hover{color:#454545}
.entry-title{margin:0 0 .3em;font-size:1.5rem}
@media (min-width: 992px) {
    .entry-title {
        font-size: 1.6rem;
    }
}
.categories a{font-size:.86rem;display:inline-block;margin:8px 4px 0 0;padding:4px 8px 2px;background:#f5f5f5;text-decoration:none}
.categories a:hover{color:#1487bd}
.entry-footer .social-buttons{margin-bottom:1em}
.entry-footer-section{color:#999;font-size:.9rem}
.entry-footer-section a{color:#999}
.comment-box{margin:2em 0 1em;padding:2em 0 1em;border-top:4px solid #ddd}
.comment{list-style:none;margin:0 0 15px 0;padding:0;line-height:1.7;font-size:.85rem}
@media (min-width: 768px) {
    .comment {
        font-size: .9rem;
    }
}
.entry-comment{margin:0 0 1em;padding:10px 10px 10px 70px;background:#f5f5f5;border-radius:6px;position:relative}
.read-more-comments{padding:10px 0;text-decoration:underline}
.hatena-id-icon{width:50px !important;height:50px !important;border-radius:3px}
.comment-user-name{margin:0 0 .4em 0;font-weight:bold}
.comment-content{margin:0 0 .4em 0;word-wrap:break-word;color:#454545;font-size:.85rem}
.comment-content p{margin:0 0 .6em 0}
.comment-metadata{color:#999;margin:0;font-size:.8rem}
.comment-metadata a{color:#999}
.leave-comment-title{padding:.6em 1em;font-size:.85rem;background:#f5f5f5;top:0;box-shadow:1px 3px 10px #ddd}
.leave-comment-title:hover{top:3px;box-shadow:0 1px 3px #ddd}
@media (min-width: 992px) {
    #box2 {
        width: 377px;
    }
}
#box2-inner{padding:0 20px;box-sizing:border-box}
@media (min-width: 768px) {
    #box2-inner {
        padding: 0 40px;
    }
}
@media (min-width: 992px) {
    #box2-inner {
        padding-left: 0;
    }
}
.hatena-module{box-sizing:border-box;margin-bottom:3em;font-size:.85rem}
@media (min-width: 768px) {
    .hatena-module {
        font-size: .9rem;
    }
}
.hatena-module-title{margin:0;padding:2em 0 1em;border-top:4px solid #ddd;font-size:1.2rem;font-weight:bold}
.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;line-height:1.4}
.hatena-urllist li{padding:0 0 1em}
.hatena-urllist li:last-child{padding-bottom:0}
.urllist-title-link{font-size:.9rem}
.urllist-category-link{color:#999;font-size:.8rem;padding:.1em .3em .1em 0}
.urllist-date-link a{display:block;margin:0 0 .4em;color:#999}
.urllist-entry-body{margin-top:.3em;color:#999}
.urllist-with-thumbnails li .urllist-image{position:relative;margin:0 1em 1em 0;transition:.1s ease-out;top:0;box-shadow:1px 3px 10px #ddd}
.urllist-with-thumbnails li .urllist-image:hover{top:3px;box-shadow:0 1px 3px #ddd}
.urllist-categories{margin:.4em 0 0}
.profile-icon{float:left;margin:0 10px 10px 0}
.id{display:block;font-weight:bold;margin-bottom:.5em}
.profile-description p{margin-top:0}
.search-form,.search-result-form{display:flex;align-items:center;border:2px solid #ddd;border-radius:3px;width:100%;padding:4px 0 2px 6px;box-sizing:border-box}
.search-module-input,.search-result-input{flex:1 0;padding:5px;color:#454545;background:none;border:none;outline:none;height:20px}
.search-module-button,.search-result-button{width:24px;height:24px;margin-right:5px;background:transparent url("https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=064c869deba22e7839ccf6fb5d4a95") no-repeat center;background-size:20px 20px;border:none;outline:none;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}
.search-module-button:hover,.search-result-button:hover{opacity:.85}
.archive-module-calendar a{display:block;margin:0 .2em;padding:.2em 0 0;color:#1487bd;font-weight:bold;background:rgba(255,255,255,0.6);border-radius:1em}
.archive-module-calendar a:hover{color:#0f668f;background:white}
.hatena-module-category a{position:relative;padding:0 0 0 20px}
.hatena-module-category a::before{content:">";display:inline;position:absolute;top:0;left:2px;color:#999;transition:.1s ease-out}
.hatena-module-category a:hover::before{color:#1487bd;left:6px}
.page-about .entry-content dt{font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:.5em}
.page-about .entry-content dd{margin-left:0;margin-bottom:2em}
.archive-header-category{margin:30px;text-align:center}
.archive-entry{position:relative;width:100%;margin-bottom:20px;padding:20px;box-sizing:border-box;background:#fff}
@media (min-width: 768px) {
    .archive-entry {
        width: calc(50% - 10px);
        padding: 20px;
    }
    .archive-entry:nth-child(odd) {
        margin-right: 19.5px;
    }
}
.page-archive #main-inner{padding:20px}
@media (min-width: 768px) {
    .page-archive #main-inner {
        padding: 0 40px;
    }
}
.page-archive .entry-thumb-link{width:calc(100% + 40px);margin:-20px 0 20px -20px}
.page-archive .entry-thumb{width:100%;height:48vw;background-position:center}
@media (min-width: 768px) {
    .page-archive .entry-thumb {
        height: 24vw;
    }
}
@media (min-width: 992px) {
    .page-archive .entry-thumb {
        height: 17vw;
        max-height: 202px;
    }
}
.page-archive .categories a{font-size:.7em}
.archive-date{margin-bottom:.2em}
.archive-entry-body .entry-description{margin:0;font-size:.8rem}
.archive-entry-body .social-buttons{display:block;margin-top:.3em}
.page-entry #main-inner{padding:0}
@media (min-width: 768px) {
    .page-entry #main-inner {
        padding: 0 40px;
    }
}
.page-entry .breadcrumb{margin-bottom:1em}
#footer{background:#eee}
#footer-inner{margin-top:2em;padding:10px 0;text-align:center;font-size:.8rem;color:#999}
#footer-inner a{color:#999}
#footer-inner p{margin:.5em auto}
@media (min-width: 768px) {
    #footer-inner {
        max-width: 1200px;
        margin: auto;
        padding: 20px 40px;
    }
}
.entry-content img,.entry-content video{max-width:100%;height:auto;vertical-align:middle}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:3em 0 0.8em 0}
.entry-content h3{font-size:1.5rem}
.entry-content h4{margin:2em 0 1em 0;font-size:1.4rem}
.entry-content h5{margin:1.6em 0 1em 0;font-size:1.2rem}
.entry-content h6{margin:1em 0 1em 0;font-size:.9rem}
.entry-content a{color:#1487bd;text-decoration:underline}
.entry-content a:hover{color:#0f668f;text-decoration:none}
.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#454545}
.entry-content .entry-see-more{display:inline-block;padding:10px 16px;color:#454545;text-decoration:none;background:#f5f5f5;top:0;box-shadow:1px 3px 10px #ddd;transition:.1s ease-out}
.entry-content .entry-see-more:hover{top:3px;box-shadow:0 1px 3px #ddd}
.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}
.entry-content ul li ul,.entry-content ul li ol,.entry-content ol li ul,.entry-content ol li ol,.entry-content dd li ul,.entry-content dd li ol{margin-bottom:0}
.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}
@media (min-width: 992px) {
    .entry-content table {
        font-size: .9rem;
    }
}
.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}
.entry-content table th{background:#fff}
.entry-content blockquote{margin:2em 0 1.6em;padding:20px;background:#f5f5f5}
.entry-content blockquote p:first-child{margin-top:0}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content blockquote::before{content:"“";display:block;position:absolute;top:-52px;left:-12px;font-size:8em;opacity:.1}
.entry-content pre,.entry-content code{font-family:'Monaco','Consolas','Courier New',Courier,monospace,sans-serif}
.entry-content pre{background:#fff;border:none;white-space:pre-wrap;text-overflow:ellipsis;line-height:1.3;font-size:.8rem;padding:10px}
.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:'Monaco','Consolas','Courier New',Courier,monospace,sans-serif}
.entry-content code{font-size:90%;margin:0 2px;padding:0px 5px;background-color:#fff;border-radius:3px}
.entry-content hr{width:50%;border:none;border-top:1px solid #ddd;margin:2em auto}
.entry-content .table-of-contents{margin:0;padding:1.2em;border:1px solid #ddd;font-size:.9em}
.entry-content .table-of-contents::before{content:"目次";display:block;margin:0 0 .8rem;padding:0 0 .4rem;border-bottom:1px solid #ddd;font-size:1rem}
.entry-content .table-of-contents a{color:#454545}
.entry-content .table-of-contents li{margin:0 0 0 1.4em;list-style-type:decimal}
.entry-content .table-of-contents li ul{margin:0 0 1em .5em}
.entry-content .table-of-contents li ul li{margin:4px}
.pager .pager-prev,.pager .pager-next{display:block;width:50%}
.pager .pager-next{text-align:right}
.pager .pager-prev a,.pager .pager-next a{display:inline-block;width:96%;padding:20px;box-sizing:border-box}
div.footnote{padding:1em 0;border-top:#ddd 1px solid}
#footer .guest-footer{margin:20px;padding:25px 30px 10px;max-width:700px;background:#fff;border-radius:6px}
@media (min-width: 768px) {
    #footer .guest-footer {
        margin: 30px auto;
    }
}
.page-index .pager,.page-archive .pager{margin:2em 0}
.entry-header-menu a{position:absolute;top:0;right:0;padding:6px 10px;background:#f5f5f5;box-shadow:1px 3px 10px #ddd;transition:.1s ease-out}
.entry-header-menu a:hover{top:3px;box-shadow:0 1px 3px #ddd}
.entry-header-html a,.entry-footer-html a{color:#1487bd;text-decoration:underline}
.entry-header-html a:hover,.entry-footer-html a:hover{text-decoration:none;color:#0f668f}

@keyframes circle{50%{opacity:1}to{width:300px;height:300px}}
@keyframes blink-sale{0%,to{opacity:1}50%{opacity:0}}
body{background:#f5f5f5 !important;font-family:"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif !important;font-weight:400}
#main{background:0 0 !important}
.article-container{max-width:1400px !important;width:100% !important;display:flex;flex-wrap:nowrap !important;box-sizing:border-box;margin:0 auto !important;padding:0 15px !important;text-align:center;justify-content:center !important}
.article-box{box-sizing:border-box;border:5px solid #fffaf3;width:24% !important;max-width:none !important;padding:0;margin:-20px 8px 50px !important;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.article-img{overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.article-img img{width:100% !important;height:auto;padding:0;display:block;object-fit:cover;transition-duration:.5s;will-change:transform}
.article-img:hover img{transform:scale(1.1);transition-duration:.5s}
@media (max-width: 767px) {
    .article-container {
        margin: -5% auto -.5% !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        padding: 8px 10px !important;
    }
    .article-box {
        width: 48.5% !important;
        padding: 0;
        margin: 5px 0 !important;
    }
    .article-img img {
        width: 100% !important;
        padding: 0;
        object-fit: cover;
    }
}
.page-entry .article-area,#blog-title{display:none}
.headernew img{display:block;max-width:625px;width:100%;height:auto;margin:auto}
.headernew a{display:block}
.headernew{margin:0 !important}
.design3-icon-link,.design3-icon-link:hover{color:#555 !important}
.design3-profile-wrap img{max-width:100%;height:auto}
.design3-text-center{text-align:center;margin-bottom:1em}
.design3-profile-body{padding:0 1em}
.design3-profile-body p{font-size:14px;line-height:1.6}
.design3-header-img{margin:0;padding:0}
.design3-profile_icon,.follow-btn-item a{display:inline-block;margin:0;padding:0}
.design3-profile_icon img{width:100px;height:100px;margin:-50px 0 0 1em;border-radius:50%;border:solid 4px #fff;box-sizing:border-box}
.design3-name{font-weight:700;font-size:18px;color:#555;float:right;width:calc(100% - 130px)}
.design3-name-title{display:block;font-size:14.5px;padding-left:.1em}
.design3-follow-btn-container{padding:1em 1em 1px;background:linear-gradient(-45deg,transparent 25%,rgba(200,200,200,.25) 25%,rgba(200,200,200,.25) 50%,transparent 50%,transparent 75%,rgba(200,200,200,.25) 75%,rgba(200,200,200,.25));background-size:6px 6px}
.design3-about-link{display:inline-block;color:#fff !important;text-align:center;text-decoration:none;font-weight:700;font-size:15px;padding:.5em 1em;background:#fec320;border-radius:30px;box-shadow:0 4px 5px -5px rgba(0,0,0,.5);transition:.3s}
.design3-about-link:hover{color:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,.1),0 10px 20px -10px rgba(0,0,0,.25)}
.follow-btn-list{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;padding:0 0 1em}
.follow-btn-item a{text-align:center;width:140px;height:60px;margin:.15em;padding:.6em;color:#fff;font-size:30px;line-height:18px;border-radius:5px;box-sizing:border-box;transition:.2s}
.follow-btn-item a:hover{transform:translateY(-4px);box-shadow:1px 10px 8px -4px rgba(0,0,0,.2);opacity:.8;color:#fff}
.follow-btn-item .hatena{background:#666}
.follow-btn-item .twitter{background:#020507}
.follow-btn-item .feedly{background:#2bb24c}
.follow-btn-item .pinterest{background:#e60023}
.follow-btn-item .contact{background:#07c}
.follow-btn-item .instagram{background:linear-gradient(125deg,#427eff 0,#f13f79 70%) no-repeat;position:relative;overflow:hidden}
.follow-btn-item .instagram::before{content:"";position:absolute;top:20px;left:-60px;width:100px;height:100px;background:radial-gradient(#ffdb2c 10%,rgba(255,105,34,.65) 55%,rgba(255,88,96,0) 70%)}
.blogicon-instagram{position:relative;z-index:1}
.follow-btn-item i{vertical-align:7%}
#bottom-editarea,.menu-container .menu{padding:0;display:flex;justify-content:space-between}
.menu-container .menu{list-style:none;margin:0}
.menu-container .menu .menu-item{flex:1}
.menu-container .menu .menu-item a{background:#eaab39;border-right:none;color:#fff;display:block;padding:.6em .4em;text-align:center;text-decoration:none;font-size:90%;font-weight:900}
.menu-container .menu .menu-item a:hover{background:#dcdcdc;color:#fff}
@media screen and (max-width: 768px) {
    .menu-container .menu {
        flex-wrap: wrap;
        width: 100%;
    }
    .menu-container .menu .menu-item {
        flex: auto;
        width: 33.33333333%;
    }
    .menu-container .menu .menu-item:nth-child(3n) a {
        border-right: 1px solid #ccc;
    }
    .menu-container .menu .menu-item:nth-child(n+4) a {
        border-top: none;
    }
}
#bottom-editarea{width:100%;margin:0 auto;background:#7f8c8d;color:#fff}
#footer,#page-top{margin:0;text-align:center}
#footer{color:#fff;background:#676f74;width:100%;padding:2em 20px 1em;box-shadow:0 0 3px rgba(0,0,0,.1);font-size:80%}
#blog-title-content a{font-size:20px;font-weight:100;color:#fff}
.footer-links ul{list-style:none;padding:0}
.footer-links ul li{display:inline-block;padding:0 6px;font-size:14.5px;box-sizing:border-box}
.copyright{font-size:10px}
.entry-content h3{color:#444;background:#ffdfa8;padding:5px 15px;font-size:20px;border-left:10px solid #f09600}
.entry-content h4{padding:4px 10px;color:#111;font-size:20px;border-top:2px solid #f09600;border-bottom:2px solid #f09600}
.page-archive .archive-entry{transition:.25s}
.page-archive .archive-entry:hover{transform:translateY(-5px);box-shadow:0 6px 10px rgba(0,0,0,.2)}
.entry-content{font-size:15.5px;line-height:2.05;font-weight:450;letter-spacing:.01em}
@media screen and (max-width: 480px) {
    .entry-content p {
        font-size: 14.5px;
        letter-spacing: .01em;
    }
}
.entry-content .table-of-contents{position:relative;margin:0;padding:1.5em 1.2em .5em;background:#fff;font-size:80%;border-top:solid 40px #cfcfcf;border-right:solid 3px #cfcfcf;border-bottom:solid 3px #cfcfcf;border-left:solid 3px #cfcfcf;border-radius:1px;display:inline-block}
.entry-content .table-of-contents::before{content:"この記事の目次";position:absolute;top:-33px;left:20px;margin:0 0 .8rem;padding:0 0 .4rem;color:#fff;border:0;font-size:100%}
.entry-content .table-of-contents li{margin:.2em 0 1em 1em;line-height:1.5em;list-style-type:disc}
.entry-content .table-of-contents li ul{margin:0 0 1em .5em;padding:0}
.entry-content .table-of-contents li ul li{margin:.2em 0 0 1em;list-style-type:circle}
.table-of-contents li a{line-height:1.75em}
.entry-content .table-of-contents a{color:#454545;text-decoration:none}
#page-top{display:none;position:fixed;right:10px;bottom:20px;padding:0}
#move-page-top{color:rgba(0,0,0,.4);text-decoration:none;display:block;cursor:pointer}
#move-page-top:hover{color:rgba(0,0,0,.6)}
@media only screen and (min-width: 400px) {
    #page-top {
        right: 50%;
        margin-right: -650px;
    }
}
.urllist-with-thumbnails li .urllist-image{margin:0 10px 0 0}
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title:hover{color:silver}
.related-entries-image{width:100px;height:100px}
#entry-footer-secondary-modules .related-entries-image{border-radius:10%}
@media screen and (min-width: 768px) {
    .entry-content img:not(.article-img img):not(.entry-content .article-img img) {
        max-width: 75%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.fade-in-visible{opacity:1;transform:translateY(0)}
.entry-header .entry-date::before{font-family:"blogicon" !important;content:"" !important}
.related-entries-title-link{font-size:14px}
.entry-footer-time,.page-archive .categories,.page-archive .date,.related-entries-entry-body,.table-of-contents ul ul,span.author.vcard{display:none}
div.easyLink-box{margin:-20px auto !important;box-shadow:2px 3px 9px -5px rgba(0,0,0,.25);transform:scale(0.85,0.85)}
p.easyLink-info-name a{color:#3296d2 !important;font-weight:700}
.easyLink-info-btn a{margin:17px 10px 5px 0 !important;padding:0 12px !important;line-height:35px !important;display:inline-block !important;width:100% !important;box-shadow:0 8px 15px -5px rgba(0,0,0,.25) !important;font-size:1em !important}
a.easyLink-info-btn-amazon{position:relative;background:#f6a306 !important;border:2px solid #f6a306 !important;box-shadow:0 3px 7px 0 rgba(0,0,0,.25)}
a.easyLink-info-btn-rakuten{position:relative;background:#cf4944 !important;border:2px solid #cf4944 !important;box-shadow:0 3px 7px 0 rgba(0,0,0,.25)}
a.easyLink-info-btn-yahoo{position:relative;background:#51a7e8 !important;border:2px solid #51a7e8 !important;box-shadow:0 3px 7px 0 rgba(0,0,0,.25)}
a:hover.easyLink-info-btn-amazon{opacity:1 !important;background:#fff !important;color:#f6a306 !important}
a:hover.easyLink-info-btn-rakuten{opacity:1 !important;background:#fff !important;color:#cf4944 !important}
a:hover.easyLink-info-btn-yahoo{opacity:1 !important;background:#fff !important;color:#51a7e8 !important}
.easyLink-info-model,.easyLink-info-maker{display:none}
div.easyLink-box div.easyLink-img,div.easyLink-box div.easyLink-img p.easyLink-img-box,div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht{max-width:160px !important;max-height:160px !important;margin:auto}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child{margin-bottom:0 !important}
@media screen and (max-width: 767px) {
    div.easyLink-box {
        box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);
        transform: scale(0.85,0.85);
    }
    div.easyLink-box div.easyLink-img,
    div.easyLink-box div.easyLink-img p.easyLink-img-box,
    div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
        max-width: 120px !important;
        max-height: 120px !important;
        margin: auto;
    }
}
@supports (-webkit-touch-callout: none) {
    .easyLink-info-btn::before {
        display: none !important;
        content: none !important;
        height: 0 !important;
        margin: 0 !important;
        animation: none !important;
    }
    .easyLink-info-btn a {
        margin: -30px 5px 5px 0 !important;
        line-height: 30px !important;
        font-size: .9em !important;
    }
}
.sns-footer,.sns-header{padding:0}
.sns-area{display:table;width:100%;margin:15px auto 10px;padding:0;table-layout:fixed;overflow:hidden}
.sns-area li{display:table-cell;vertical-align:middle;list-style:none}
.sns-link{position:relative;display:block;height:35px;line-height:35px;color:#fff;text-align:center;text-decoration:none;overflow:hidden;transition:background-color 0.2s ease !important}
.sns-link::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:rgba(255,255,255,.3);opacity:0;transform:translate(-50%,-50%)}
.sns-link:hover::after{animation:circle .75s}
.sns-link:hover{filter:brightness(1.15) !important}
.sns-twitter{background:#000}
.sns-twitter:hover{background:#333 !important}
.sns-facebook{background:#3a5795}
.sns-bookmark{background:#00a5de}
.sns-pinterest{background:#e60023}
.sns-instagram{background:linear-gradient(125deg,#427eff 0,#f13f79 70%);position:relative;overflow:hidden}
.sns-hatena{background:#333}
.sns-feedly{background:#2bb24c}
.sns-area a,.sns-area a:hover{color:#fff;text-decoration:none}
.blogicon-bookmark,.blogicon-chevron-down,.blogicon-facebook,.blogicon-twitter{margin-right:5px}
@media (max-width: 767px) {
    .sns-txt { display: none; }
    .blogicon-bookmark,
    .blogicon-chevron-down,
    .blogicon-facebook,
    .blogicon-twitter {
        margin-right: 0;
    }
}
.hatena-module{clear:both;overflow:hidden}
.hatena-module-category .hatena-module-body ul.hatena-urllist li{float:left;list-style-type:none;margin:0 2px 2px;padding:7px;background-color:#d9d9d9;text-decoration:none;border-radius:10px}
.hatena-module-category .hatena-module-body ul.hatena-urllist li a{color:#545454}
#container #content{padding-top:0}
.breadcrumb{margin:0;padding:0 0 -10px;font-size:14px;font-weight:600;width:100%}
#box2{display:flex}
.hatena-module:last-of-type{position:sticky;top:50px}
.page-archive .entry-description,.hatena-module-search-box .hatena-module-title{display:none}
.follow-btn{width:100%;text-align:center;margin-bottom:10px}
.follow-btn a{display:inline-block;position:relative;width:25%;height:45px;line-height:15px;font-size:20px;text-align:center;text-decoration:none;padding:.5em 0 0;border-radius:5px;color:#fff}
.follow-btn .hatena{border:2px solid #969696;background:#fff;color:#3d3f44;box-shadow:0 3px 0 #969696}
.follow-btn .twitter{border:2px solid #020507;background:#fff;color:#020507;box-shadow:0 3px 0 #24b2ff}
.follow-btn .instagram{border:2px solid #ff61c7;background:#fff;color:#f50057;box-shadow:0 3px 0 #ff61c7}
.follow-btn .hatena:hover,.follow-btn .instagram:hover,.follow-btn .twitter:hover{top:3px;box-shadow:none}
.text-small,.mini-text,.copyright{font-size:10px}
.pager{display:flex;justify-content:space-between;margin:0;padding:0;transform:translateY(-50px)}
.pager-prev{order:1}
.pager-next{order:2}
.pager>.pager-next:only-child{margin-left:auto !important;margin-right:0 !important}
.pager>.pager-prev:only-child{margin-right:auto !important;margin-left:0 !important}
body.article .pager,body.entry .pager,body.page-entry .pager{display:none !important}
.pager-next a,.pager-prev a{font-size:0;background:0 0;width:320px;height:96px}
.pager-next a::before,.pager-prev a::before{content:"↩ 新しい記事";font-size:14pt;font-weight:700;padding:24px 32px;font-family:blogicon;background-color:#cfcfcf;border-radius:38px;line-height:96px;white-space:nowrap;color:#fff;letter-spacing:.3pt}
.pager-next a::before{content:"もっと見る ↪"}
.pager-next a:hover::before,.pager-prev a:hover::before{background-color:#ffdb57}
@media screen and (max-width: 600px) {
    .pager {
        transform: translateY(-50px);
    }
    .pager-next a,
    .pager-prev a {
        width: 200px;
        height: 72px;
    }
    .pager-next a::before,
    .pager-prev a::before {
        font-size: 12pt;
        font-weight: 1500;
        padding: 16px 24px;
        line-height: 72px;
        border-radius: 28px;
    }
}
.page-index .archive-entry,.page-index .entry-thumb{border-radius:10px 10px 0 0}
.page-index .archive-entry{border-radius:10px}
.entry-content .table-of-contents li ul li ul li{list-style-type:square}
@media only screen and (max-width: 750px) {
    body, html {
        overflow-x: hidden;
    }
}
@media screen and (min-width: 1800px) {
    #container, #main { width: auto; }
    #box2 { width: 330px; }
}
ul.bottom-menu{position:fixed;left:0;bottom:0;width:100%;height:58px;min-height:58px;margin:0;padding:0;border-top:1px solid #adadad;background-color:#f5f5f5;z-index:30;padding-bottom:env(safe-area-inset-bottom);transition:transform .3s ease-in-out,opacity .3s ease-in-out !important;transform:translateY(0);opacity:1;padding-bottom:2px !important;height:auto !important}
ul.bottom-menu li{float:left;width:20%;background-color:#f5f5f5;list-style-type:none;text-align:center;font-size:25px}
.bottom-menu li a{display:block;color:gray;line-height:12px;text-decoration:none;padding-top:6px !important;padding-bottom:4px !important}
.bottom-menu li a:hover{color:#a9a9a9}
ul.menu-second-level{visibility:hidden;opacity:0;z-index:1;border-top:1px solid #adadad}
ul.menu-second-level li a{font-size:15px;color:#fff;line-height:30px;margin:6px 20% 2px;padding:1.5% 0;border-radius:10px}
.menu-second-level li a:hover{height:100%;opacity:.8;color:#fff}
li.menu-width-max ul.menu-second-level{position:absolute;bottom:47px;left:0;box-sizing:border-box;width:100%;padding:0}
li.menu-width-max:hover ul.menu-second-level{bottom:58px;visibility:visible;opacity:1}
li.menu-width-max ul.menu-second-level li{float:left;width:100%;border:0}
@media (min-width: 768px) {
    .bottom-menu {
        display: none;
    }
}
@media (max-width: 767px) {
    #footer {
        margin-bottom: 48px;
    }
    #pagetop img {
        display: none;
    }
}
.breadcrumb-child:last-child{display:none}
.breadcrumb-inner::before{font-family:blogicon;content:"";color:#429aff}
.breadcrumb-inner span{color:#429aff}
.breadcrumb-inner span.breadcrumb-gt{color:#000}
.breadcrumb-child+.breadcrumb-gt{display:none}
#pagetop,.iine-icon a{text-decoration:none;color:#fff}
#pagetop{position:fixed;bottom:5%;right:5%;font-size:0;background:linear-gradient(-45deg,#fff 25%,#f4f4ed 25%,#f4f4ed 50%,#fff 50%,#fff 75%,#f4f4ed 75%,#f4f4ed);background-size:0 0;border-radius:50%;opacity:1;z-index:99}
#pagetop:hover{color:#fff;opacity:.7}
#pagetop img{width:48px;height:48px}
.hatena-module-entries-access-ranking{border-radius:2px;background:#fff;width:335px}
.entries-access-ranking{counter-reset:rank 0;width:300px;min-height:250px;margin:0 auto 30px}
.entries-access-ranking-item{margin:-5px 0 0}
.entries-access-ranking-item:before{counter-increment:rank 1;content:counter(rank) " ";background:#eaab39;padding:3px 8px;color:#fff;border-radius:50%;font-size:15px;font-weight:1000;position:relative;left:3px;top:10px;z-index:2}
.hatena-module-title,.hatena-module-title::after,.hatena-module-title::before{background:0 0;border:0}
.hatena-module-title{position:relative;color:#fff;background:#ffbe31;line-height:1.4;padding:.5em;margin:0 -10px 20px;text-align:center}
.hatena-module-html{width:335px}
.entry-content .l-fuki,.entry-content .r-fuki{position:relative;padding:15px 12px;background-color:#fff;border:2px solid #ddd;border-radius:10px;box-shadow:0 3px 8px -2px rgba(0,0,0,.16);box-sizing:border-box;width:calc(100% - 82px);z-index:1}
.entry-content .l-fuki{margin:20px auto 36px 0}
.entry-content .r-fuki{margin:20px 0 36px auto}
.entry-content .l-fuki::before,.entry-content .r-fuki::before{content:"";position:absolute;top:16px;width:10px;height:10px;background-color:#fff;border-right:2px solid #ddd;border-bottom:2px solid #ddd;z-index:2}
.entry-content .l-fuki::before{right:-7px;transform:rotate(-45deg)}
.entry-content .r-fuki::before{left:-7px;transform:rotate(135deg)}
.entry-content .l-fuki::after,.entry-content .r-fuki::after{content:"";position:absolute;top:-6px;width:60px;height:60px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:15%;box-shadow:1px 1px 5px #aaa;box-sizing:border-box}
.entry-content .l-fuki::after{right:-82px}
.entry-content .r-fuki::after{left:-82px}
@media screen and (min-width: 478px) {
    .entry-content .l-fuki,
    .entry-content .r-fuki {
        width: calc(100% - 106px);
    }
    .entry-content .l-fuki::after {
        right: -106px;
        width: 80px;
        height: 80px;
    }
    .entry-content .r-fuki::after {
        left: -106px;
        width: 80px;
        height: 80px;
    }
}
.jintaroh::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Sig-Maru/20241102/20241102142216.jpg)}
.surprise::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Sig-Maru/20241102/20241102141454.jpg)}
.happy::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Sig-Maru/20241102/20241102141440.jpg)}
.angry::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Sig-Maru/20241102/20241102141447.jpg)}
.speach::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/S/Sig-Maru/20241102/20241102141444.jpg)}
.iine{display:flex;margin:2em 0 1em}
.iine-l{width:50%;background-size:cover;background-position:center;color:transparent}
.iine-r{width:50%;min-height:200px;background:#333;color:#fff;padding:1em;text-align:center;display:flex;flex-direction:column;justify-content:center}
.iine-icon a{display:inline-block;width:22%;margin:1.5rem 0;padding:.25rem 0;font-size:.7rem;border-radius:10%}
.iine-hatenablog{background:#606060}
.iine-hatenablog:hover{background:#666}
.iine-twitter,.iine-twitter:hover{background:#020507}
.iine-feedly{background:#2bb24c}
.iine-feedly:hover{background:#2ebc50}
.iine-instagram,.iine-instagram:hover{background:linear-gradient(45deg,#fed475 0,#e53d5d 50%,#c23186 70%,#9c38bb 100%)}
.iine-icon a::before{font-family:blogicon;font-size:25px;margin:0;position:relative}
.iine-hatenablog::before{content:""}
.iine-twitter::before{content:"𝕏"}
.iine-feedly::before{content:""}
.iine-instagram::before{content:""}
.iine-0{font-weight:700;margin:0 0 .5rem}
.iine-1{font-size:.9rem}
.iine-2{font-size:.8rem}
@media screen and (max-width: 640px) {
    .iine {
        display: block;
        position: relative;
        overflow: hidden;
    }
    .iine-l {
        width: 100%;
        height: 100%;
        position: absolute;
        filter: brightness(50%) blur(2px) saturate(50%);
    }
    .iine-r {
        width: 90%;
        background: 0 0;
        position: relative;
        z-index: 10;
        min-height: 200px;
    }
    .iine-0 {
        font-size: 110%;
    }
}
.hatena-module-search-box{margin:0}
.search-form{background:#fff;border:0;outline:0;border-radius:25px}
.embed-card{margin:0 auto !important;display:block;max-width:auto !important}
#table-sc{overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow:auto;white-space:nowrap}
.design3-follow-btn-container,.design3-profile-wrap,.hatena-module-profile{background:#fff !important}
.bottom-menu.is-hidden{transform:translateY(100%) !important;opacity:0 !important;pointer-events:none}
.bottom-menu .mini-text{margin-bottom:0 !important;display:inline-block;line-height:1.1}
.bottom-menu big,.bottom-menu i,.bottom-menu svg{font-size:16px !important;line-height:1 !important}
.easyLink-info-btn::before{box-sizing:border-box;overflow:hidden}
.easyLink-info-btn-amazon::before,.easyLink-info-btn-rakuten::before,.easyLink-info-btn-yahoo::before{position:absolute;top:0;left:0;right:0;margin:-30px auto 0;font-size:.9em;text-align:center;transform:scale(.8);animation:blink-sale 1s infinite}
.easyLink-info-btn-amazon::before{color:#f6a306;content:""}
.easyLink-info-btn-rakuten::before{color:#cf4944;content:""}
.easyLink-info-btn-yahoo::before{color:#51a7e8;content:""}
#wrapper,#container,#content,#main,#box2{background-color:#f5f5f5 !important}