@charset "UTF-8"; /* Theme: yunico's fluffy life Author: yunico Responsive: yes Description: はてなブログの公式サンプルテーマ「Boilerplate」 を元に作成した自分用デザインです。 このデザインは当ブログ専用として設計されています。 コードのコピー／複製はご遠慮ください。 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ Based on "Boilerplate" theme by Hatena Blog Team. Released under the MIT License. */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ html{line-height:1.3;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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:'Outfit','BIZ UDPGothic','Courier New',Courier,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:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:'Outfit','BIZ UDPGothic','Courier New',Courier,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}html{scroll-behavior:smooth;animation:fadeIn 2s ease}body{margin:0;padding:0;box-sizing:border-box;background:#F3F3F3;font-family:'Outfit','BIZ UDPGothic',sans-serif;font-variant-numeric:tabular-nums;line-height:1.8;letter-spacing:.08em;font-size:15px;color:#666}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.entry-content p{margin-bottom:2em}a{color:#4F5E55;text-decoration:none}a:hover{color:#678797}h1,h2,h3,h4,h5,h6{color:#555;line-height:1.5}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#555;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#678797}#content-inner{display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){#content-inner{flex-direction:row;justify-content:center;gap:20px}#wrapper{width:60%;max-width:800px}#box2{width:30%;max-width:300px}}.pager{display:flex;justify-content:center;align-items:center;gap:1em;margin:2em 0}.pager-prev,.pager-next{width:250px;display:flex;align-items:center;justify-content:space-between;font-family:blogicon;font-size:14px;text-decoration:none;padding:.5em 1em;border-radius:4px;background-color:#f9f9f9;transition:background-color 0.3s ease,color 0.3s ease;word-wrap:break-word;height:3em}.pager-prev a,.pager-next a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;text-decoration:none;color:#666;padding:0}.pager-prev:hover,.pager-next:hover,.pager-prev a:hover,.pager-next a:hover{background-color:#F3EEEE;color:#997C7C}.pager-prev::before{content:'\f005';margin-right:1em}.pager-next::after{content:'\f006';margin-left:1em}.home-link2{width:1em;height:1em;display:flex;align-items:center;justify-content:center;font-family:blogicon;font-size:1.5rem;color:#666;text-decoration:none;padding:.2em;transition:background-color 0.3s ease,color 0.3s ease}.home-link2:hover{color:#997C7C}.page-archive .pager-next{display:flex;justify-content:center;align-items:center;width:auto;color:#666;padding:5px 3em}.pager-arrow{display:none}.pager-message{width:250px;display:flex;align-items:center;justify-content:center;font-family:blogicon;font-size:14px;color:#999;background-color:#f9f9f9;padding:.5em 1em;border-radius:4px;height:3em;pointer-events:none;gap:.5em}.pager-message i{font-size:1.2rem;color:#999}@media (max-width:768px){.pager{margin:2em 15px}.pager-prev,.pager-next{width:200px;font-size:12px;padding:5px;height:4em}.pager-prev::before{margin-right:.8em}.pager-next::after{margin-left:.8em}.home-link2{width:.8em;height:.8em;font-size:1.5rem;padding:0}.pager-message{width:200px;font-size:12px;padding:5px;height:4em}}.comment-box{margin:1em}.comment-box .comment{list-style:none;margin:0 0 15px 0;padding:0}.comment-box .entry-comment{padding:10px 7px 10px 50px;border:1px solid #ddd;position:relative;margin-bottom:10px}.comment-box .read-more-comments{padding:10px;background:#EDF2F7;letter-spacing:1.3px;margin:2em 0}.comment-box .hatena-id-icon{position:relative;top:.5em;left:-7px;width:25px;height:25px;border-radius:5px}.comment-user-name{margin:-.5em .5em .5em -30px;font-weight:700;color:#666}.comment-content{margin:0 0 .5em 0;word-wrap:break-word;color:#666;line-height:1.6;font-size:14px}.comment-content p{margin:0 0 .6em 0}.comment-metadata{color:#999;margin:0 0 0 -35px;font-size:12px}.leave-comment-title{display:block;padding:10px 15px;font-size:.85rem;margin:2em auto;background:#F3F0F0;text-align:center;letter-spacing:1.3px;border-radius:20px;color:transparent;position:relative}.leave-comment-title::after{content:"コメントはこちらから_\f024";color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:blogicon}.leave-comment-title:hover{color:transparent}.leave-comment-title:hover::after{color:#888}#blog-title{display:none}#container{margin:0;padding:0}#footer,#bottom-editarea{width:100%;background:#FFF;color:#666;padding:1em 0;line-height:1.8;text-align:center;box-sizing:border-box;font-size:12px}#bottom-editarea a{color:#666}@media (min-width:768px){#footer,#bottom-editarea{background:#F3F3F3}}#top-editarea{position:relative;padding:0 0 1em;margin:0;margin-bottom:4em;background:#EAE4E4}#top-editarea::after{content:"";position:absolute;top:98%;left:0;width:100%;height:50px;background:url('data:image/svg+xml;charset=utf8,') no-repeat center top;background-size:cover;transform:rotate(180deg);z-index:-1}.header-logo{text-align:center;-webkit-tap-highlight-color:transparent}.header-logo img{width:50%;height:auto;padding-top:.5em}@media(max-width:768px){.header-logo img{width:90%}}.menu-container{width:100%;overflow-x:auto;white-space:nowrap;padding:0;margin-top:1em;position:relative;text-align:center}@media(max-width:768px){.menu-container{width:95%;padding:0;margin:1em auto 0}}.menu-button{position:relative;display:inline-block;margin-right:7px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,.1);width:170px}.menu-button:last-child{margin-right:0}.menu-button a{text-decoration:none}.menu-button img{display:block;transition:transform 0.3s ease}.menu-button a:hover img{transform:scale(1.1)}.menu-button span{position:absolute;bottom:0;left:0;width:100%;padding:12px 0;background-color:rgba(255,255,255,.8);color:#666;letter-spacing:.08em;text-align:center;font-size:13px;line-height:1.8}.menu-button a:hover span{transform:scale(1)}.tabs-wrapper{position:fixed;top:6px;left:20px;width:auto;max-width:80%;background-color:#EFEEEE;border-radius:20px;z-index:1000;transform:translateY(-120%);transition:transform 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:0;margin:0}.tabs-wrapper.scrolled{transform:translateY(0)}.tabs{display:flex;justify-content:flex-start;gap:15px;position:relative;padding:0 30px}.tab{position:relative;cursor:pointer;background:none;border:none;font-size:15px;color:#555;font-family:'Outfit','BIZ UDPGothic',sans-serif;letter-spacing:1.5px}.tab:hover,.tab.active{position:relative;cursor:pointer;background:#FFF;border:none;font-size:15px;color:#555;font-family:'Outfit','BIZ UDPGothic',sans-serif;letter-spacing:1.5px}.tabs .blogicon-hatenablog{font-size:1.5em;margin-top:3px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.popup-content{padding:0;width:90%;box-shadow:0 4px 8px rgba(0,0,0,.2);overflow-y:scroll;max-height:50%;animation:popup 0.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes popup{0%{transform:translateY(40px) scale(.8);opacity:0}100%{transform:translateY(0) scale(1)}80%,100%{opacity:1}}.popup-content.new-posts{background:#F1F1F9}.popup-content.popular-articles{background:#F9F1F1}.popup-content.updated-articles{background:#F1F9F1}#popup-content .hatena-module-title{font-size:20px;font-weight:700;letter-spacing:1.5px}#popup-content .hatena-module-title::before{display:block;position:relative;top:42px;content:"";width:45px;height:1px;background-color:#555;margin:5px auto 0;transform:scaleY(1);box-sizing:border-box}#popup-content .hatena-module-title::after{font-family:blogicon;display:block;margin-top:15px;margin-bottom:-5px;font-size:12px;color:#777;font-weight:400;letter-spacing:1.5px}#popup-content .hatena-module-title[data-type="new-posts"]::after{content:"新しく書いた記事です_\f024"}#popup-content .hatena-module-title[data-type="popular-articles"]::after{content:"たくさん読まれています\f01b"}#popup-content .hatena-module-title[data-type="updated-articles"]::after{content:"内容/情報を更新しました_\f024"}.recent-article,.popular-article,.updated-article{display:flex;align-items:center;margin-bottom:10px;padding:10px;text-decoration:none;color:#666;max-width:100%;background-color:#FFF}.recent-article-thumbnail,.popular-article-thumbnail,.updated-article-thumbnail{flex-shrink:0;width:130px;height:73.125px;overflow:hidden;margin-right:10px;background-color:#ddd}.recent-article-thumbnail img,.popular-article-thumbnail img,.updated-article-thumbnail img{width:100%;height:100%;object-fit:cover}.recent-article-title,.popular-article-title,.updated-article-title{font-size:13.5px;font-weight:700;color:#666;line-height:1.5;height:calc(1.5em * 4);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}#popup-content .entries-access-ranking{counter-reset:rank 0}#popup-content .popular-article-thumbnail{position:relative}#popup-content .popular-article-thumbnail::before{counter-increment:rank;content:counter(rank);position:absolute;background-color:#958888;padding:3px 8px;top:0;left:0;color:#FFF;font-size:10px;font-weight:700;z-index:10}.sidebar-updated-articles{margin:5px 0 0;padding:0}.updated-article-content{flex-grow:1}.update-bubble{margin:0 0 1em;padding:0 10px 7px;border-bottom:dotted 3px #777;font-size:13px;color:#666;letter-spacing:1px}.update-bubble:last-child{border-bottom:none;margin-bottom:0}.hatena-module-recent-entries,.hatena-module-entries-access-ranking,.hatena-module-custom-update{display:none}.entry{position:relative;background:#FFF;padding:10px 20px}.entry::before,.entry::after{content:'';position:absolute;left:0;right:0;height:30px;background:linear-gradient(to bottom,rgba(243,243,243,0),#FFF)}.entry::after{background:linear-gradient(to top,rgba(243,243,243,0),#FFF);bottom:-30px}.entry::before{top:-30px}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h3{background:#F1ECEC;padding:5px 10px;letter-spacing:.1em;font-size:18px;margin-bottom:-.5em}.entry-content h4{border-bottom:2px solid #E7DEDF;padding:0;letter-spacing:.1em;font-size:16px;margin-bottom:-.5em}.entry-content h5{position:relative;padding:0 20px;letter-spacing:.1em;font-size:15px;margin-bottom:-.5em}.entry-content h5::before{content:"";position:absolute;left:0;top:3px;width:1em;height:1em;background-color:#DDD0D2}.entry-content a{color:#3C6F9A}.entry-content a:hover{color:#539DCB}.entry-header-menu{position:absolute;top:15px;right:10px;font-size:15px}.entry-title{margin:5px 0 10px;font-size:18px;letter-spacing:1.5px}.date{font-size:13px;margin-top:-3px}.date a{pointer-events:none;color:#777}.date a:before{font-family:"blogicon";content:"\f010";font-weight:400;color:#777;font-size:1.1em}.date-last-updated:before{font-family:"blogicon";content:"\f02b";font-weight:400;position:absolute;background:#FFF;color:#777}.categories{margin:.5em 0;font-size:12px}.categories a{margin-right:.5em;text-decoration:none;padding:3px 5px;background:#F7F5F5;color:#666}.eyecatch-img{max-width:100%;height:auto;display:block;margin:1em auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.entry-footer .social-buttons{margin:1.5em 0}.entry-footer-section,.entry-tags-wrapper{display:none}.hatena-module-title{font-size:2em;color:#666;text-align:center;position:relative;padding:10px 0 0;margin:0}.hatena-module-title a{color:#666;text-decoration:none}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:3px 0}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist li a{text-decoration:none}.hatena-module-search-box .search-form{border-radius:20px;border:1px solid #ccc;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFF;padding:5px 10px;margin-top:5px}.hatena-module-search-box .search-module-input{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;color:#454545;padding:5px;background:none;border:none;outline:none;height:20px}.hatena-module-search-box .search-module-button{width:24px;height:24px;margin-right:5px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;background-size:20px 20px;border:none;outline:none;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}#box2::before{content:"";display:block;width:100%;height:0;padding-top:calc(470 / 1274 * 100%);background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/t/turtlecat222/20241210/20241210103918.png);background-size:cover;background-repeat:no-repeat;background-position:center;margin:0 auto}#box2-inner{background:#FFF}.hatena-module-body{margin-bottom:2em;padding:15px 25px}@media (max-width:768px){.hatena-module-body:last-child{margin-bottom:0}.hatena-module:not(:first-of-type){margin-top:3em}}.hatena-module:not(.hatena-module-category):not(.hatena-module-search-box) .hatena-module-title::after{display:block;content:"";width:50px;height:.7px;background-color:#555;margin:5px auto 0;transform:scaleY(1);box-sizing:border-box}.hatena-module-category .hatena-module-title::after{display:block;white-space:pre;font-size:13px;font-weight:400;letter-spacing:2px;line-height:1.5;color:#666}.hatena-module-category .hatena-module-title::after{content:"Open and close with ＼ ▶ ／";margin-top:5px;padding-bottom:5px}.hatena-module-category .hatena-module-title::before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:50px;height:.8px;background-color:#555;will-change:transform;backface-visibility:hidden}.hatena-module-category .hatena-module-body{margin-top:5px}.hatena-module-custom-profile .hatena-module-body{font-size:13px;line-height:1.8;letter-spacing:1.5px;text-align:center}.prof{border-radius:5px;width:135px;height:135px;object-fit:cover;display:block;margin:0 auto -1em}.prof-link{margin:.8em auto 1.3em}.prof-link a{border-bottom:2px solid #666;padding-bottom:2px;padding-left:3px;padding-right:3px}.prof-follow{display:flex;align-items:center;gap:15px;justify-content:center;margin:0 auto -1em;padding:0 20px;max-width:150px}.blogicon-twitter:before{content:'𝕏';font-weight:700}.hatena-module-search-box .hatena-module-body{margin-top:-1em;padding-bottom:2em}@media (max-width:768px){.hatena-module{opacity:0;transform:translateY(50px);transition:opacity 0.5s ease,transform 0.5s ease}.hatena-module.show{opacity:1;transform:translateY(0)}}.page-archive .archive-entry{position:relative;margin:0 0 10px;background:#FFF;display:flex;height:150px;padding:10px;justify-content:flex-start;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.page-archive .archive-entry{height:160px}}.page-archive .entry-title{margin:-2px 0 0;font-size:13.5px;line-height:1.5;height:calc(1.5em * 4);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:left}.page-archive .entry-thumb{width:180px;height:101.25px;background-size:cover;margin-right:10px}.archive-entry-header{order:1;text-align:left}.archive-entry-body{display:none}.archive-entry .categories{position:absolute;bottom:3px;right:10px}@media (min-width:768px){.page-archive .entry-title{font-size:16px}.page-archive .entry-thumb{width:200px;height:112.5px}.archive-entry .categories{left:10px;text-align:left}}.entry-content .table-of-contents{margin:1em 0 4em;padding:.5em 2em 0;font-size:14px;background-color:#FBFAFA;border-top:3px double #B8ABAB;border-bottom:3px double #B8ABAB;border-left:none;border-right:none}.entry-content .table-of-contents::before{content:"\f700 Contents";font-family:"blogicon","Outfit";font-size:1.5em;letter-spacing:2px;text-align:left;line-height:2.5em;margin:0}.table-of-contents-title{display:flex;justify-content:space-between;text-align:left;margin:0 0 1.5em;padding:0;font-size:13px;border-bottom:1px solid #D3D3D3;color:#666;letter-spacing:1px;cursor:pointer}.table-of-contents-title .subtitle{text-align:right}.entry-content .table-of-contents li{margin:.5em 0 1.5em 0em;list-style-type:none;line-height:1.5;font-weight:700}.entry-content .table-of-contents li:first-child{margin-top:0}.entry-content .table-of-contents li ul li{margin:.2em 0 0 .3em;list-style-type:circle;font-weight:400}.entry-content .table-of-contents li ul li ul li{margin:.2em 0 0 .3em;list-style-type:square;font-weight:400}.table-of-contents li a{text-decoration:none;line-height:1.6em;color:#444;border-bottom:none}.table-of-contents-content{max-height:0;transition:max-height 0.5s ease;overflow:hidden}.modal{position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding:0;display:none;z-index:9999;box-sizing:border-box}.modal>.modal-overlay{position:absolute;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;background:rgba(0,0,0,.5)}.modal>.modal-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80vw;max-height:50vh;max-width:600px;box-sizing:border-box;margin:0;padding:1em;overflow:auto;background:#F4F3F1}@media screen and (max-width:980px){.modal>.modal-content{width:95vw;max-height:50vh}}.modal-content .table-of-contents{margin:0;padding:.5em 2em 0;position:relative}.modal-content .table-of-contents::before{content:"Contents";font-size:1.2em;letter-spacing:2px;text-align:left;display:block;margin-bottom:15px;border-bottom:1px solid #888}.modal .table-of-contents-title{display:none}.modal .table-of-contents-content{max-height:none;transition:none;overflow:visible}.footer-nav{display:grid;position:fixed;bottom:10px;right:15px;row-gap:10px;z-index:100}.footer-nav li{text-align:center;list-style-type:none;border-radius:5px;background:rgba(0,0,0,.2);transition:background-color 0.3s}.footer-nav li:hover{background:rgba(0,0,0,.3)}.footer-nav li a{display:block;width:40px;height:40px;font-size:28px;line-height:40px;color:#FFF;text-decoration:none;border-bottom:none}.footer-nav li a:visited,.footer-nav li a:hover,.footer-nav li a:active,.footer-nav li a:focus{color:#FFF}.entry-content pre{background-color:#FAFAFA;padding:2.3em 15px 15px;margin-bottom:20px;overflow-x:auto;line-height:1.5;color:#666;font-family:'Outfit','BIZ UDPGothic','Courier New',Courier,monospace;font-size:13px}.entry-content code{background-color:#F8F7F7;color:#666;padding:2px 5px;white-space:nowrap;font-family:'Outfit','BIZ UDPGothic','Courier New',Courier,monospace;font-size:13px}.entry-content pre>code{background-color:inherit;color:inherit;padding:0;margin:0;border:none}.code-container{position:relative;margin:20px 0}.copy-btn{position:absolute;top:0;right:0;padding:5px 10px;background-color:#889CA5;border:none;color:#fff;cursor:pointer;font-size:12px;letter-spacing:1px}.copy-btn:hover{background-color:#66797f}.hyphen{visibility:hidden;position:relative}.hyphen::before{content:"/";visibility:visible;position:absolute;top:-4px;left:1px}.breadcrumb{display:none}.archive-heading{text-align:center;font-size:1.2em;letter-spacing:2px;margin-bottom:2em}.archive-header-category .archive-heading{text-align:center;font-size:1.2em;letter-spacing:1.5px}.pr-marker{position:relative;font-size:11px;color:#777;border-top:1px solid #777;border-bottom:1px solid #777;letter-spacing:1px;padding:5px 0;margin:2em auto 1em;text-align:center}.pr-marker a{color:#777}.stpb-cunt{position:relative;display:flex;align-items:flex-start;margin-bottom:30px;padding:1em 0}.circle{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;background-color:#B8ABAB;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;color:#FFF}.text-box{width:80%;padding:0 10px 5px;margin-left:40px;margin-right:5px;border-bottom:2px dashed #B8ABAB}.note{position:absolute;top:-25px;right:0;font-size:11px;color:#888}.stpb-cunt::after{content:'';position:absolute;top:30px;left:15px;width:2px;height:100%;border-left:2px solid #E0DBDB;display:var(--container-after-display,block)}.list,.number-list{border:1px solid #837A7A;padding:.5em 1em;margin:0}.new-list,.new-number-list{background:transparent;margin:-5px 0 0 -2em}.list li,.new-list li{padding:5px 0;border-bottom:1px dashed #837A7A;list-style:none;position:relative;padding-left:2em;line-height:1.8;font-size:.95em}.list li:last-child,.new-list li:last-child{border-bottom:none}.list li::before,.new-list li::before{content:'';background:#837A7A;border-radius:50%;width:8px;height:8px;position:absolute;left:.5em;top:.9em}.number-list,.new-number-list{counter-reset:list-counter}.number-list li,.new-number-list li{padding:5px 0;border-bottom:1px dashed #837A7A;list-style:none;position:relative;padding-left:2em;line-height:1.8;font-size:.95em}.number-list li:last-child,.new-number-list li:last-child{border-bottom:none}.number-list li::before,.new-number-list li::before{counter-increment:list-counter;content:counter(list-counter);background-color:#837A7A;color:#fff;padding:3px;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:.7em;font-size:13px}.entry-content table{font-size:14px;width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:1.5em;background-color:#fff}.entry-content table th{text-align:center;width:50%;padding:5px 10px;background-color:#F3F1F1;color:#666;border:1px solid #AAA1A1}.entry-content table td{vertical-align:top;width:50%;padding:5px 10px;border:1px solid #AAA1A1;color:#666;word-wrap:break-word}.entry-content blockquote{border-left:5px solid #B8ABAB;background-color:#FCFCFC;padding:20px;font-style:italic;color:#666;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:0}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.marker{background:linear-gradient(to bottom,transparent 50%,rgba(234,209,207,.4) 50%)}.hatena-module-custom-content-profile .hatena-module-body{margin:2em 0 3em!important;padding:20px;width-max:100%;border:1px solid #DDD;background:#F9F9F9;font-size:13px}.profile-buttons{display:flex;gap:10px;margin:5px 0 -10px;justify-content:center}.button{display:inline-block;padding:5px 10px;border:1px solid #837A7A;text-align:center;text-decoration:none}.button:hover{background:rgba(255,255,255,.6)}.chat-container{width:100%;margin:auto;display:flex;flex-direction:column;gap:20px}.message{display:flex;align-items:center;font-size:14px}.icon-wrapper{display:flex;flex-direction:column;align-items:center}.icon{width:80px;height:80px;border-radius:50%;background-color:#fff;border:solid 1px #ccc;margin:0 15px 3px}.name{font-size:12px;color:#666;text-align:center;letter-spacing:1px}.bubble{padding:10px 15px;border-radius:10px;width:60%;color:#333}.left{gap:5px}.left .bubble{background-color:rgba(54,111,111,.1)}.right{flex-direction:row-reverse;gap:15px}.right .bubble{background-color:rgba(43,65,98,.1)}iframe.embed-card{max-width:100%!important}cite.hatena-citation{display:flex;justify-content:flex-end;margin-top:-3.9em;margin-right:.5em}cite.hatena-citation a{position:relative;background-color:#DDE2E5;color:#4D595E;padding:2px 25px;text-decoration:none}cite.hatena-citation a:after{position:absolute;content:'';right:0;top:0;border-width:0 12px 12px 0;border-style:solid;border-color:#AAB8BE #FFF #AAB8BE transparent;transition:border-color 0.3s}@media(min-width:768px){cite.hatena-citation{margin-top:-3.35em}cite.hatena-citation a{padding:0 30px}}.attention{position:relative;--border-color-1:#FAFAFB;padding:3em 1em .5em;background:linear-gradient(-45deg,transparent 25%,var(--border-color-1) 25%,var(--border-color-1) 50%,transparent 50%,transparent 75%,var(--border-color-1) 75%,var(--border-color-1));background-size:11px 11px;background-clip:padding-box}.attention-title{position:absolute;top:12px;left:1em;letter-spacing:1.8px;font-size:.9em;font-weight:700}.attention-code{position:relative;padding:3em 1em .8em;background-color:#fff;background-image:linear-gradient(0deg,transparent 17px,#EBE8E7 18px),linear-gradient(90deg,transparent 17px,#EBE8E7 18px);background-size:18px 18px}.attention-code-title{position:absolute;top:12px;left:1em;letter-spacing:1.8px;font-size:.9em;font-weight:700}.attention-text{display:flex;align-items:center;gap:.7em;margin:0;padding:1em 0 .8em 1em;background-color:#FAFAFA;color:#555}.attention-icon{font-size:2em;color:#555;display:flex}.attention-text p{margin:0;padding:0 0 0 10px;position:relative;letter-spacing:1.5px;width:100%}.attention-text p::before{content:'';position:absolute;top:20%;bottom:20%;left:0;width:1px;background-color:#999}.easyLink-info-maker,.easyLink-info-model{display:none!important}.easyLink-info-btn{display:inline!important}.easyLink-info-btn-amazon{background:#E8E7EE!important;letter-spacing:0.15em!important;color:#666!important}.easyLink-info-btn-rakuten{background:#E8DFDE!important;letter-spacing:0.15em!important;color:#666!important}.easyLink-info-btn-yahoo{background:#ECF1EC!important;letter-spacing:0.1em!important;color:#666!important}@media(min-width:768px){.easyLink-info-btn-amazon,.easyLink-info-btn-rakuten,.easyLink-info-btn-yahoo{font-size:14px!important;letter-spacing:0.15em!important}.easyLink-info-btn a{display:inline-block!important;margin:5px 10px 5px 0!important;padding:0 12px!important;line-height:40px!important;width:100%!important}div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name{font-size:14px!important;line-height:1.5!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media screen and (max-width:768px){div.easyLink-box.easyLink-size-s{max-width:100%!important}.easyLink-info-btn{margin-top:-5px!important}.easyLink-info-btn a{display:inline-block!important;margin:5px 0 3px 0!important;padding:0!important;width:100%!important;line-height:40px!important}.easyLink-img{float:left!important;width:15%!important;padding-right:20px!important}.easyLink-info{display:flex;flex-wrap:wrap}.easyLink-info-btn-yahoo{font-size:0.75em!important}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{width:150px!important;height:auto!important}div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name{font-size:13px!important;line-height:18px!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}.codoc-support{background:#F0EBEA!important;border-radius:0!important}.codoc-support .codoc-support-title{color:#666!important;letter-spacing:1px!important;margin:-1em 0 1em!important;font-weight:lighter!important;font-size:13px!important;text-align:left!important}.codoc-entry .codoc-support .codoc-btn{color:#666!important;letter-spacing:1.5px!important;border:solid 1px #666!important;background:#FFF!important;border-radius:0!important;font-weight:lighter!important;font-size:13px!important}.codoc-entry .codoc-support .codoc-btn:hover{color:#666!important;background:#FFF!important;font-weight:bold!important}.custom_hamburger_button{position:fixed;top:10px;right:15px;width:40px;height:40px;cursor:pointer;z-index:1001;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;line-height:40px;background:transparent;transition:background-color 0.3s;border-radius:5px}.custom_hamburger_button.scrolled{background:rgba(255,255,255,.7)}.custom_hamburger_icon{color:#555;transition:all 0.3s ease;font-family:blogicon}.custom_hamburger_icon::before{content:"\f003"}.custom_hamburger_button.active .custom_hamburger_icon::before{content:"\f025"}.custom_hamburger_menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#F3F3F3;clip-path:circle(0% at 50% 50%);transition:clip-path 1s ease-in-out,opacity 0.9s ease-in-out;z-index:1000;visibility:hidden;opacity:0}.custom_hamburger_menu.active{clip-path:circle(150% at 50% 50%);visibility:visible;opacity:1}.custom_hamburger_menu.active{opacity:1;visibility:visible;clip-path:circle(150% at 50% 50%);transition:clip-path 1s ease-in-out,opacity 0.7s ease-in-out}.custom_hamburger_menu.closing{opacity:0;visibility:visible;transition:opacity 0.8s ease-in-out}.custom_hamburger_menu ul{list-style:none;padding:0;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.custom_hamburger_menu ul li{margin:15px 0}.custom_hamburger_menu ul li a{color:#666;font-size:20px;text-decoration:none;transition:color 0.3s ease}.custom_hamburger_menu ul li a:hover{color:#F666}.ads-infeed{margin:10px 0}.related-label{background:#EFEFEF;padding:3px 10px 3px 15px;font-size:14px}.related-label::before{content:"▼";position:relative;top:0;left:-5px;color:#708090}