@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400&display=swap&subset=japanese');
/* */
@charset "UTF-8";/*!
Theme: hbm-visual
Author: Hatena Blog Team
Responsive: yes
*//*! 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{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:inherit}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{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]{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}*{box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#333;background-color:#fff;line-height:1.5;word-wrap:break-word;scroll-padding-top:90px}@media (min-width: 768px){html,body{scroll-padding-top:115px}}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#3d3f44;line-height:1.3}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{color:#3d3f44}#loading{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:999999;background:#fff}.blog-header{text-align:center;padding:1rem 0;border-bottom:1px solid #dfdfe0;position:fixed;top:0;left:0;right:0;width:100%;background:#fff;z-index:99}.blog-header:not(.is-touch) .blog-header-inner{margin-left:10px;margin-right:10px}@media (min-width: 768px){.blog-header:not(.is-touch) .blog-header-inner{width:720px;margin:auto;padding-left:0;padding-right:0}}@media (min-width: 992px){.blog-header:not(.is-touch) .blog-header-inner{width:940px}}@media (min-width: 1200px){.blog-header:not(.is-touch) .blog-header-inner{width:1140px}}.blog-header.not-fixed{position:absolute}.blog-header.not-fixed.is-open{position:fixed}.blog-header-inner{padding:1.2rem 0;text-align:center}@media (min-width: 768px){.blog-header-inner{padding:1.5rem 0}}.blog-header .company-heading{color:#333;font-size:1.25rem;position:absolute;margin:0 0 0 1em;display:none;float:left;font-weight:400}.blog-header-fullwidth .blog-header-inner{margin:0;width:auto;padding:0}.blog-title-heading{margin:0 auto;max-width:calc(100% - 8rem);font-size:1.5rem;font-weight:600}.blog-title-heading a:hover{color:#333;text-decoration:none;opacity:.7}.blog-title-heading img{max-width:100%;height:auto}@media (min-width: 768px){.blog-title-heading{font-size:2.5rem}.blog-header .company-heading{display:block}}.blog-title-heading img{vertical-align:middle;max-width:100%}.blog-description{line-height:1.3;margin:.5rem 0 0;font-size:.8rem;padding:0 5rem}@media (min-width: 576px){.blog-description{display:block}}@media (min-width: 768px){.blog-description{font-size:1rem}}@media (min-width: 768px){.navbar:not(.is-touch){width:100%;border-bottom:1px solid #dfdfe0}}@media (max-width: 767px){.navbar:not(.is-touch){position:fixed;top:0;left:0;right:0;width:100%;z-index:99}.navbar.is-open{max-height:calc(100vh - 64px);overflow-y:scroll;overflow-x:hidden;background:#fff;padding-bottom:0}.page-entry .navbar.is-open{max-height:calc(100vh - 124px)}}@media (min-width: 576px) and (min-width: 768px){.navbar:not(.is-touch) .navbar-inner{margin:auto;padding-left:0;padding-right:0}}@media (min-width: 576px) and (min-width: 1200px){.navbar:not(.is-touch) .navbar-inner{max-width:1140px}}.navbar-list a:hover{text-decoration:none}.navbar-list a:hover:after{background-color:#00000014}.navbar-list a{position:relative;font-size:.95rem;padding:0 1rem;height:3.5rem;color:#333}.navbar-list a:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#0000;transition:background-color .2s}@media (max-width: 767px){.navbar-inner{display:none;position:relative;top:0;left:0;right:0;margin:auto;background:#fff;z-index:999;padding-bottom:0}.head-search{width:100%;padding:1rem;border-bottom:1px solid #DCDCDC}.navbar-list{width:100%;background:#fff;padding:0;list-style:none;margin:0}.navbar-list>li{border-bottom:1px solid #DCDCDC}.navbar-list a{display:block;padding:1em;height:3.5rem}}@media (min-width: 768px){.head-search{display:none}.navbar .navbar-inner{display:flex;justify-content:space-between}.navbar-list{min-width:100%;position:relative;margin:0 auto;padding:0;display:block;text-align:center;padding:0 1rem;white-space:nowrap;overflow-x:scroll}.navbar-list li{list-style:none;max-width:15rem;display:inline-block}.navbar-list a{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;height:3.5rem;padding:0 1.5rem;font-size:1rem;line-height:1.3;font-weight:700}}@media (min-width: 992px){.navbar-list{overflow:auto}}.head-operating-company{display:block;text-align:center;text-decoration:underline}.head-operating-company .icon{display:inline-block;vertical-align:middle;width:1rem;margin-left:.5em}@media (min-width: 768px){.head-operating-company{text-decoration:none}}.navbar-toggle-nav{position:absolute;top:-4.5rem;right:1rem;margin:auto;text-align:center}@media (min-width: 768px){.navbar-toggle-nav{display:none}}.navbar-toggle-btn{background-size:16px 12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;position:fixed;right:1rem;margin-top:-22px}.navbar-toggle-btn:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#0000;transition:background-color .2s}.navbar-toggle-btn:hover{color:transparent;text-decoration:none}.navbar-toggle-btn:hover:after{background-color:#00000014}.navbar-toggle-btn .navbar-toggle-btn-icon{width:100%;height:100%;display:block}.navbar.is-open .navbar-toggle-btn .navbar-toggle-btn-open,.navbar-toggle-btn .navbar-toggle-btn-close{display:none}.navbar.is-open .navbar-toggle-btn .navbar-toggle-btn-close{display:inline}.navbar-toggle-btn-icon line{stroke:#000}.blog-header .navbar-toggle-btn.is-open .navbar-toggle-btn-close{display:inline}.blog-header .navbar-toggle-btn.is-open .navbar-toggle-btn-open,#header-modules .hatena-module-title{display:none}.main-slider-wrap{padding:1rem 0;background:#f5f5f5;width:100%;overflow:hidden}.main-slider-wrap .slide-width{width:calc(100vw - 2rem);margin:0 auto}.main-slider-wrap .slide-width .swiper-container{overflow:visible}.home-pickup .urllist-entry-body{display:none}.home-pickup img{width:100%;height:auto}.home-pickup .swiper-slide{margin-bottom:0}.home-pickup .slide{position:relative;overflow:hidden;background:#fff;padding:10px;box-shadow:0 0 3px #0003}.home-pickup .slider-thumb{width:100%;height:0;padding-bottom:67%;display:block;background-size:cover;background-position:center center}.home-pickup .slide .text time{color:#666;font-size:.85rem}.home-pickup .slide .urllist-title-link{margin-bottom:0;height:3em;overflow:hidden}.home-pickup .swiper-button-next,.home-pickup .swiper-button-prev{width:44px;height:44px}.home-pickup .swiper-button-next{background:#333 url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20width%3D%2244px%22%20height%3D%2244px%22%20viewBox%3D%220%200%2044%2044%22%20enable-background%3D%22new%200%200%2044%2044%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2229.374%2C22%2016.747%2C9.373%2014.624%2C11.494%2025.13%2C22%2014.624%2C32.506%2016.745%2C34.627%20%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center center / 100% 100%;left:auto;right:-.5em}.home-pickup .swiper-button-prev{background:#333 url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20width%3D%2244px%22%20height%3D%2244px%22%20viewBox%3D%220%200%2044%2044%22%20enable-background%3D%22new%200%200%2044%2044%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2214.624%2C22%2027.251%2C34.627%2029.374%2C32.506%2018.868%2C22%2029.374%2C11.494%2027.253%2C9.373%20%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center center / 100% 100%;left:-.5em;right:auto}@media (max-width: 767px){.home-pickup .slide .urllist-image-link{width:100%;height:0;padding-bottom:67%;position:relative;overflow:hidden;display:block;margin-bottom:.8rem}.home-pickup .slide .urllist-image-link img{position:absolute;top:50%;left:0;right:0;width:100%;height:auto;margin:auto;transform:translateY(-50%)}.home-pickup .urllist-categories{display:none}}.entry-content{line-height:1.7;font-size:.9rem}@media (min-width: 576px){.entry-content{font-size:1rem}}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #DFE5E7;color:#3d3f44}.entry-content p{margin:1rem 0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:2em 0 1em;line-height:1.5}.entry-content h2,.entry-content h3{padding-bottom:.1em}.entry-content h1{font-size:150%}.entry-content a{text-decoration:underline;transition:all .3s}.entry-content a:hover{opacity:.7}@media (min-width: 768px){.entry-content h1{font-size:160%}}.entry-content h2{font-size:150%}@media (min-width: 768px){.entry-content h2{font-size:150%;font-weight:700}}.entry-content h3{font-size:140%}@media (min-width: 768px){.entry-content h3{font-size:140%}}.entry-content h4{font-size:120%}@media (min-width: 768px){.entry-content h4{font-size:130%}}.entry-content h5{font-size:110%}@media (min-width: 768px){.entry-content h5{font-size:110%}}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}.entry-content ul li ul,.entry-content ol li ul,.entry-content dd li ul,.entry-content ul li ol,.entry-content ol li ol,.entry-content dd li ol{margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1rem;margin-bottom:1rem;width:100%;overflow:auto;display:block;font-size:.8rem}@media (min-width: 576px){.entry-content table{font-size:.9rem}}.entry-content table th,.entry-content table td{border:1px solid #DFE5E7;padding:5px 10px}.entry-content table th{background:#f7f8f9}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content blockquote{margin:1rem 0;padding:5px 5px 5px 15px;border-left:3px solid #DFE5E7}@media (min-width: 768px){.entry-content blockquote{margin:1.5rem 2rem;padding:5px 20px}}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#f7f8f9;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;line-height:1.3;font-size:.8rem;padding:10px}@media (min-width: 768px){.entry-content pre{font-size:.85rem;padding:15px}}.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:0 5px;background-color:#f7f8f9;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #DFE5E7;margin:2em auto}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#f7f8f9;border-color:#dfe5e7}.entry-content .entry-see-more{width:100%;box-sizing:border-box;text-decoration:none}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;border:1px solid #DFE5E7}.hatena-module-title{font-size:1.1rem;font-weight:700;margin-bottom:1.2em;padding-top:0;padding-bottom:1em;border-top:0;border-bottom:1px solid #dededf;position:relative}.hatena-module-title a{text-decoration:none;color:#333}.hatena-module-title a:hover{text-decoration:underline}.hatena-module{margin-bottom:2rem}.hatena-urllist{margin:0;padding:0}.hatena-urllist li{list-style:none;margin-bottom:.8rem}.hatena-urllist li:last-child{border:none;margin-bottom:0;padding-bottom:0}.hatena-urllist .urllist-title-link{font-weight:700;color:#3d3f44;font-size:.9rem;line-height:1.5;margin:.5em 0 1em;display:block;-webkit-font-smoothing:antialiased}@media (min-width: 576px){.hatena-urllist .urllist-title-link{font-size:1rem}}@media (min-width: 768px){.hatena-urllist .urllist-title-link{font-size:1.1rem}}.urllist-date-link,.archive-date,.date{font-size:.8rem}.urllist-date-link a,.archive-date a,.date a,.date-last-updated{color:#9aa5ab}.urllist-entry-body{font-size:.85rem;color:#55585f;margin-top:.3rem}.urllist-categories{margin-top:.3rem;display:flex;flex-wrap:wrap}.urllist-image{max-width:100%}.hatena-module-recent-entries .urllist-categories{display:none}.outer-pickup a{color:#333}.outer-pickup ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.outer-pickup ul>li{width:48%;margin-bottom:1em;margin-right:2%}.outer-pickup ul>li:nth-child(2n){margin-right:0}.outer-pickup .img{width:100%;display:block;marign-bottom:1em}.outer-pickup .title{margin:1em 0;display:block;font-weight:700;font-size:.9rem;line-height:135%}.outer-pickup .title:after{content:"";width:1em;height:1em;display:inline-block;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-text-visual-common/images/outerlink.gif) no-repeat center center / contain;vertical-align:middle}@media (min-width: 768px){.outer-pickup ul>li{width:32%}.outer-pickup ul>li:nth-child(2n){margin-right:2%}.outer-pickup ul>li:nth-child(3n){margin-right:0}}#main .customized-footer .related-entries.hatena-urllist>li{width:48%}#main .entry-footer .customized-footer .hatena-module-related-entries .related-entries-image{width:100%;margin-bottom:0;vertical-align:bottom;float:none}#main .entry-footer .hatena-module-related-entries .related-entries-title{margin:1em 0;display:block;font-weight:700;font-size:.9rem;line-height:135%}@media (min-width: 768px){#main .customized-footer .related-entries.hatena-urllist>li{width:32%}}.hatena-module-search-box .hatena-module-title{display:none}.footer{padding:3rem 10px 5rem;margin-top:5rem;font-size:.9rem;text-align:center;background:transparent;border-top:1px solid #e4e4e4;position:relative}@media (min-width: 768px){.footer{padding:2rem 0}}.footer:not(.is-touch) .footer-inner{margin-left:10px;margin-right:10px}@media (min-width: 768px){.footer:not(.is-touch) .footer-inner{width:720px;margin:auto;padding-left:0;padding-right:0}}@media (min-width: 992px){.footer:not(.is-touch) .footer-inner{width:940px}}@media (min-width: 1200px){.footer:not(.is-touch) .footer-inner{width:1140px}}.footer a{text-decoration:none}.footer img{max-width:100%;height:auto}.footer a:hover{text-decoration:underline}.footer-blog-title{font-size:2.5rem;font-weight:600;margin:.5em 0 1em}.footer-blog-title a:hover{text-decoration:none;opacity:.7}.footer-blog-title img{max-width:100%;height:auto}.footer-link>ul{list-style:none;padding:0;margin-bottom:2em}.footer-link>ul>li{display:inline-block;vertical-align:middle;font-size:.9em}.footer-link>ul>li+li{padding-left:1em;margin-left:1em;border-left:1px solid}.btn-back-top{width:44px;height:44px;background:#333;display:block;position:absolute;top:-22px;right:1rem;margin:auto}.footer address{font-style:normal}@media (min-width: 768px){.btn-back-top{display:none}}#content{width:100%;margin-top:1em}@media (min-width: 768px){#content{margin:1em auto auto;padding-left:0;padding-right:0}}#content-inner{margin-left:auto;margin-right:auto;padding:0 10px}@media (min-width: 768px){#content-inner{width:720px;display:flex;padding:0;justify-content:space-between}}@media (min-width: 992px){#content-inner{width:940px}}@media (min-width: 1200px){#content-inner{width:1140px}}@media (min-width: 768px){#wrapper{width:calc(100% - 350px);padding:0}}@media (min-width: 768px){#box2{width:300px;padding:0}}@media all and (-ms-high-contrast: none){#main-inner .urllist-title-link{display:block;position:relative;text-align:justify;text-justify:inter-ideograph}#main-inner .urllist-title-link:before{content:"...";position:absolute;bottom:0;right:0;margin:auto;width:1em;display:inline-block;background-color:#fff}#main-inner .urllist-title-link:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff}}@media all and (-ms-high-contrast: none){#main-inner .archive-entries .entry-title-link{display:block;position:relative;text-align:justify;text-justify:inter-ideograph}#main-inner .archive-entries .entry-title-link:before{content:"...";position:absolute;bottom:0;right:0;margin:auto;width:1em;display:inline-block;background-color:#fff}#main-inner .archive-entries .entry-title-link:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff}}.static-page-layout-header-footer #content-inner{margin:0 auto}@media (min-width: 768px){.static-page-layout-header-footer #content-inner{display:block}}@media (min-width: 768px){.static-page-layout-header-footer #wrapper{width:auto;padding:0}}@media (min-width: 992px){.static-page-layout-header-footer #wrapper{padding:0}}.entry{margin-bottom:3rem}.entry-header{position:relative;margin-bottom:1.5rem}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;text-align:center;padding:.6rem 1rem;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;background-color:#79878f;color:#fff;font-weight:700;border-radius:.2rem;text-decoration:none!important;transition:all .2s;padding:.3em .7em;font-size:.75rem}.entry-header-menu a:hover{background-color:#616d74;color:#fff;text-decoration:none}.entry-header-menu a img,.entry-header-menu a svg{vertical-align:top;margin-right:.3em}.entry-title{font-size:1.5rem;margin:.5rem 0}@media (min-width: 576px){.entry-title{font-size:1.7rem}}.entry-title a{text-decoration:none}.entry-title a:hover{text-decoration:underline}.entry-footer{margin-top:1rem}.entry-footer-section{font-size:.8rem;color:#9aa5ab}.entry-footer-section a{color:#9aa5ab}.entry-footer-section a:hover{text-decoration:underline}.writer{padding:1rem;border:1px solid #c5c5c5}.writer-profile-cards-list{padding:1rem}.writer-image{width:100px;float:left;position:relative}.writer-image img{width:100%;border-radius:50%}.writer-profile .write-name{font-size:1.3rem;min-height:100px;display:flex;-webkit-box-align:center;-ms-flex-align:center;flex-wrap:wrap;align-items:center;padding-left:1rem}.writer-profile .writer-id{font-size:.8rem;color:#666;display:block;width:100%}.writer-proifle-body{font-size:.9rem;line-height:1.5}.entry-content .writer-sns{list-style:none;color:#666;font-size:.8rem;padding:0;margin:.5em 0}.writer-sns a{color:#333}.writer-sns>li{display:inline-block;margin-right:2em}.writer-sns .icon{width:2rem;height:auto;display:inline-block;vertical-align:middle;margin-right:.5em}.writer .btn-read-more,.writer-profile-cards-list .btn-read-more{color:#333;width:100%;padding:.5em;text-align:center;border:1px solid #333;transition:color .3s,background .3s;display:block;margin-top:1em}.writer .btn-read-more:hover,.writer-profile-cards-list .btn-read-more:hover{color:#fff;background:#333;text-decoration:none}@media (min-width: 768px){.writer,.writer-profile-cards-list{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem}.writer-profile{width:calc(100% - 100px);padding-left:1rem}.writer-profile .write-name{min-height:0;padding:0;display:block}.writer-profile .writer-id{display:inline;vertical-align:middle;margin-left:1em}}.media-contact{background:#f3f3f3;text-align:center;padding:3rem 1rem}.media-contact .contact-title{font-size:1.5rem;margin-top:0;margin-bottom:.5em}.media-contact .btn-read-more{color:#333;text-align:center;padding:.5em;max-width:200px;border:1px solid;margin:.5em auto 0;transition:color .3s,background .3s;display:block;background:#fff}.media-contact .btn-read-more:hover{background:#333;color:#fff;text-decoration:none}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:.9rem}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #DFE5E7;position:relative}.comment-box li:first-child{border-top:1px solid #DFE5E7}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important;border-radius:3px}.comment-user-name{margin:0 0 10px;font-weight:700}.comment-content{font-size:.85rem;margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-size:.8rem;color:#9aa5ab;margin:0}.comment-metadata a{color:#9aa5ab}.leave-comment-title{display:inline-block;text-align:center;padding:.6rem 1rem;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;background-color:#79878f;color:#fff;font-weight:700;border-radius:.2rem;text-decoration:none!important;transition:all .2s}.leave-comment-title:hover{background-color:#616d74;color:#fff;text-decoration:none}.leave-comment-title img,.leave-comment-title svg{vertical-align:top;margin-right:.3em}.pager{font-size:.8rem;width:100%;line-height:1.5;text-align:center;margin:3em auto}.pager:after{content:"";display:block;clear:both}.pager a{text-decoration:underline}.pager a:hover{opacity:.7}.pager .pager-next,.pager .pager-prev{position:relative;width:50%}.pager .pager-next{float:right}.pager .pager-prev{float:left}.pager .pager-next a,.pager .pager-prev a{display:block;padding:1rem}@media (min-width: 768px){.pager .pager-next a,.pager .pager-prev a{padding:.5rem}}.pager .pager-next .pager-arrow,.pager .pager-prev .pager-arrow{width:.5em;height:.5em;text-indent:100%;overflow:hidden;whte-sace:nowrap;display:block;border-top:1px solid;border-left:1px solid;position:absolute;top:0;bottom:0;padding:0;margin:auto}.pager .pager-next .pager-arrow{right:.5em;transform:rotate(135deg)}.pager.permalink .pager-next{text-align:right}.pager.permalink .pager-next a{padding-right:2em}.pager .pager-prev .pager-arrow{left:.5em;transform:rotate(-45deg)}.pager.permalink .pager-prev{text-align:left}.pager.permalink .pager-prev a{padding-left:2em}.entry-content .related-link{margin:0;list-style:none}.related-link a{color:#333;text-decoration:underline}.related-link a[target=_blank]:after{content:"";width:1em;height:1em;display:inline-block;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-text-visual-common/images/outerlink.gif) no-repeat center center / contain;vertical-align:middle;margin-left:.5em}#main .related-entries.hatena-urllist{display:flex;flex-wrap:wrap;justify-content:space-between}#main .related-entries.hatena-urllist>li{margin-bottom:2rem;width:30%}@media (min-width: 768px){#main .related-entries.hatena-urllist>li{margin-bottom:4rem;width:31%}}.urllist-see-more{width:100%}.urllist-see-more a{color:#333;padding:.5em;text-align:center;border:1px solid;display:block;transition:color .3s,background .3s}.urllist-see-more a:hover{background:#333;color:#fff;text-decoration:none}.urllist-read-more-btn{display:inline-block;text-align:center;padding:.6rem 1rem;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;background-color:#79878f;color:#fff;font-weight:700;border-radius:.2rem;text-decoration:none!important;transition:all .2s;display:block;width:100%}.urllist-read-more-btn:hover{background-color:#616d74;color:#fff;text-decoration:none}.urllist-read-more-btn img,.urllist-read-more-btn svg{vertical-align:top;margin-right:.3em}#entry-footer-secondary-modules .hatena-module:first-child{margin-top:1.5rem}.entry-footer-modules .urllist-title-link{font-size:.9rem}@media (min-width: 992px){.entry-footer-modules .urllist-title-link{font-size:1rem}}#box2,#box2 .urllist-title-link{font-size:.9rem}@media all and (-ms-high-contrast: none){#box2-inner .urllist-title-link{display:block;position:relative;text-align:justify;text-justify:inter-ideograph}#box2-inner .urllist-title-link:before{content:"...";position:absolute;bottom:0;right:0;margin:auto;width:1em;display:inline-block;background-color:#fff}#box2-inner .urllist-title-link:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff}}#box2 .urllist-category-link{background-color:#fff}#box2 .urllist-entry-body{font-size:.8rem}#box2 .hatena-module-html{background-color:transparent;padding:0}.hatena-module-profile{padding:1em;background:#f3f3f3}.hatena-module-profile .hatena-module-body:after{content:" ";display:block;clear:both}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-radius:5px}.hatena-module-profile .id{display:block;font-weight:700;font-size:1rem;margin-bottom:.5rem}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist .archive-module-year{padding-bottom:0;border-bottom:0}.search-form,.search-result-form{position:relative;border:none}.search-form .search-module-input,.search-result-form .search-result-input{width:100%;height:auto;border:1px solid #333;padding:1em;color:#333;outline:none;font-size:1rem;background:transparent url(https://cdn.blog.st-hatena.com/css/theme/hbm-text-visual-common/images/search.png) no-repeat 98%}.search-form .search-module-input:-webkit-input-placeholder{color:#898989}.search-form .search-module-button,.search-result-form .search-result-button{height:0;width:0;border:0;padding:0;position:absolute;border:none;outline:none;opacity:0}.about-this-blog{background:#f3f3f3;padding:1rem}.hatena-module .follow-sns{text-align:center;font-size:.9rem;font-weight:700;border-top:1px solid #dededf;padding:.5rem 0 1em;margin-top:2rem}.about-blog-title{text-align:left;margin-bottom:.8em;font-size:1.1rem;font-weight:700}.about-blog-logo{width:100%;height:150px;text-align:center;font-size:2.5rem;line-height:1.2;font-weight:600;background:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center}.hatena-module .follow-sns ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}.hatena-module .follow-sns ul li{width:44px;height:44px;margin:0 5px}.categories:after,.page-archive .categories:after,.hatena-module-category .hatena-urllist:after{content:"";display:table;clear:both}.hatena-module-category .hatena-urllist li{padding:0;display:inline-block;float:left;margin-bottom:0}.entry-category-link,.urllist-category-link,.categories a,.page-archive .categories a,.hatena-module-category .hatena-urllist li a{color:#fff;background-color:#666;padding:.1rem 1em;line-height:1.5em;font-size:.8rem;text-decoration:none;display:inline-block;margin:0 5px 5px 0;transition:color .3s,background .3s;float:left}.entry-category-link:hover,.urllist-category-link:hover,.categories a:hover,.page-archive .categories a:hover,.hatena-module-category .hatena-urllist li a:hover{color:#333;text-decoration:none;background-color:#ccc}.categories{margin:.3rem 0}.page-archive .archive-entry-body,.page-archive .categories{display:none}@media (min-width: 768px){.page-archive .archive-entry-body,.page-archive .categories{display:flex;flex-wrap:wrap}}.entries-access-ranking{counter-reset:rank-num}.entries-access-ranking .entries-access-ranking-item{position:relative;counter-increment:rank-num}.entries-access-ranking .entries-access-ranking-item:before{content:counter(rank-num);color:#fff;font-size:1.25rem;font-weight:400;text-align:center;line-height:2rem;width:2rem;height:2rem;display:block;border-radius:50%;border:1px solid #FFF;position:absolute;top:-10px;left:-10px;margin:auto;background:#333}.entries-access-ranking .entries-access-ranking-item.rank-1:before{background:#d1be37}.entries-access-ranking .entries-access-ranking-item.rank-2:before{background:#b1b1b1}.entries-access-ranking .entries-access-ranking-item.rank-3:before{background:#978475}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #DFE5E7;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.side-pickup{margin:0;padding:0;list-style:none;font-size:.8rem}.side-pickup>li{margin-bottom:2em}.side-pickup p{margin:.5em 0}#top-box{margin:0;position:relative}#top-box:after{content:" ";position:absolute;right:0;top:0;width:4rem;height:100%;background:linear-gradient(to right,#fff0,#fff)}@media (min-width: 768px){#top-box{width:720px;margin:0 auto}}@media (min-width: 992px){#top-box{width:940px}}@media (min-width: 1200px){#top-box{width:1140px}}.breadcrumb{width:100%;font-size:.75rem;overflow-x:scroll;white-space:nowrap}.breadcrumb-inner{padding:.5em 1em}.breadcrumb-child:last-of-type{padding-right:3em}.breadcrumb a{text-decoration:underline}@media (min-width: 768px){.breadcrumb{margin:1rem 0;overflow:auto}.breadcrumb-inner{padding:0}}@media (min-width: 992px){.breadcrumb{overflow:auto;padding:0}.breadcrumb-inner{white-space:normal}}.foot-share{position:fixed;bottom:0;left:0;right:0;margin:auto;padding:10px;padding-bottom:calc(constant(safe-area-inset-bottom) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px);background:#fff;z-index:9999}.foot-share ul{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between}.foot-share ul>li{width:19%}.foot-share ul>li a{display:block;text-align:center;padding:.5em}.foot-share ul>li a img{width:1.4rem;height:1.4rem;display:block;margin:0 auto}.foot-share ul>li a.twitter{background-color:#000}.foot-share ul>li a.facebook{background-color:#1877f1}.foot-share ul>li a.hatena{background-color:#00a1db}.foot-share ul>li a.line{background-color:#00a800}.foot-share ul>li a.pinterest{background-color:#e60019}@media (min-width: 768px){.foot-share{display:none}}.page-archive .social-buttons{display:none}@media screen and (min-width: 768px){.main-slider-wrap{padding:0;background:none}.home-pickup .slide{background:none;padding:0;box-shadow:none;margin-top:.3rem;position:relative}.home-pickup .slide{font-size:1rem}.home-pickup .slide:after{content:"";width:100%;height:6em;background:#0009;display:block;position:absolute;left:0;bottom:0;margin:auto}.home-pickup .slide .urllist-image{margin-bottom:0}.home-pickup .slide .urllist-date-link{position:absolute;font-size:inherit;left:1em;bottom:4em;margin:auto;z-index:3}.home-pickup .slide .urllist-date-link a{color:#fff;font-size:.8rem}.home-pickup .slide .recent-entries-title-link{color:#fff;font-size:inherit;line-height:150%;height:3em;overflow:hidden;width:calc(100% - 2em);position:absolute;left:1em;bottom:1em;margin:auto;z-index:3}.home-pickup .swiper-button-prev,.home-pickup .swiper-container-rtl .swiper-button-next{left:-30px}.home-pickup .swiper-button-next,.home-pickup .swiper-container-rtl .swiper-button-prev{right:-30px}}@media screen and (min-width: 768px){.main-slider-wrap .slide-width{width:600px}}@media screen and (min-width: 960px){.main-slider-wrap .slide-width{width:650px}.home-pickup .slide{font-size:1.15rem}}@media screen and (min-width: 1140px){.main-slider-wrap .slide-width{width:700px}.home-pickup .slide{font-size:1.3rem}}#main .hatena-module-title{padding-bottom:0;border:none}#main .hatena-urllist{display:flex;flex-wrap:wrap;justify-content:space-between}#main .hatena-urllist>li{width:48%;margin-bottom:1.5rem}#main .urllist-with-thumbnails li .urllist-image{width:100%}@media (min-width: 768px){#main .hatena-urllist>li{margin-bottom:3rem}.hatena-module-recent-entries .urllist-categories{display:flex}}.page-archive .archive-entries{display:flex;flex-wrap:wrap;justify-content:space-between}.page-archive .archive-entry{position:relative;margin-bottom:1.5rem;width:48%;padding-top:calc(33% + .5rem)}.page-archive .entry-title{margin:.5em 0 1em;line-height:1.5;font-size:1rem}@media (min-width: 768px){.page-archive .archive-entry{margin-bottom:3rem}.page-archive .entry-title{font-size:1.1rem}}.page-archive .entry-thumb{width:100%;height:0;padding-bottom:67%;background-size:cover;position:absolute;top:0;left:0;right:0;margin:auto}.page-archive .entry-description{margin:.5rem 0;font-size:.85rem;display:none}@media (min-width: 576px){.page-archive .entry-description{font-size:.9rem}}.archive-header-category{margin-bottom:0}.archive-heading,.archive-header-category .archive-heading{font-weight:700;font-size:1.1rem;margin-bottom:1.2rem}.archive-heading a{text-decoration:none}.archive-heading a:hover{text-decoration:underline}.archive-description{font-size:.85rem}@media (min-width: 576px){.archive-description{font-size:.9rem}}
/* */
/* */
/* default */
/* */
/* snrec css
https://blog.hatena.ne.jp/-/store/theme/26006613532983826 */
/* */
/* common */
body, html{color:#000;}
html{scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 {color: #000 !important;line-height: 1.3;padding: 0 .3rem;}
img{-webkit-backface-visibility: hidden;image-rendering: pixelated;}
a{color: #000 !important;text-decoration:none;}
a.ext-gray:after{content:""; background:url('https://snrec.hatenablog.com/file/26006613517114459') left center no-repeat;background-size:contain;display: inline-block;vertical-align: middle;width:10px;height:10px; margin-left: 5px;}
a.ext-white:after{content:""; background:url('https://snrec.hatenablog.com/file/26006613526126447') left center no-repeat;background-size:contain;display: inline-block;vertical-align: middle;width:10px;height:10px; margin-left: 5px;}
div > a:not(.entries-access-ranking-item-inner):not(.entries-access-ranking-image-link):not(.digimartlink):not(.breadcrumb-link){overflow: hidden; display: inline-block;}
div > a img {transition: .3s;}
div > a:not(.digimartlink):not(.magazine-link):hover img {transform: scale(1.04);}
a img:hover{opacity:0.9; transition: .3s;}
div,p,ul,ol,li,dl,dt,dd,form,img,dfn,address,figure{
margin:0;
padding:0;
font-weight:normal;
list-style:none;
border:none;
}
.f10{font-size: .65rem !important;}
.f11{font-size: .7rem !important;}
.f12{font-size: .75rem !important;}
.f13{font-size: .875rem !important;}
.f14{font-size: .88rem !important;}
.f16{font-size: 1rem !important;}
.f17{font-size: 1.0625rem !important;}
.f18{font-size: 1.125rem !important;}/* hatena cms */
.f20{font-size: 1.25rem !important;}
.f22{font-size: 1.38rem !important;}
.f24{font-size: 1.5rem !important;}
.fw100{font-weight: 100 !important;}
.fw200{font-weight: 100 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 300 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}
.indent-1 *{padding-left:1em;text-indent:-1em;font-size: .75rem;color: #585858;}
.txt-black{color:#000;}
.txt-n-black{color:#111111;}
.txt-n-gray{color:#585858;}
.txt-white{color:#fff;}
.bg-black{background:#000;}
.bg-n-black{background:#111111;}
.bg-w-gray{background:#f4f4f4;}
.bg-d-gray{background:#c8c8c8;}
.bg-gray{background:#e8e8e8;}
.bg-n-gray{color:#585858;}
.bg-white{background:#fff;}
.bg-ice{background:#F0F3F5;}
.txt-center{text-align: center;}
.mg-btm100{margin-bottom:100px;}
.pd20{padding:20px;}
.alink-block{display:block !important;}
button,a.btn{
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
padding: 1rem;
font-size: 1.125rem;
cursor: pointer;
display: block;
text-align: center;
text-decoration:none !important;
box-sizing: border-box;
transition: color .3s,background .3s;
}
.btn-black{background: #000;color:#fff !important;}
.btn-black:hover{background: #fff;color:#000!important;border:solid 1px #000;}
.btn-white{background: #fff;color:#000;border:solid 1px #000;}
.btn-white:hover{background: #000;color:#fff;}
.btn-white-transparent{background: transparent;color:#000;border:solid 1px #000 !important;text-decoration:none !important;}
.btn-white-transparent:hover{background: #000;color:#fff !important;border:none;}
.flex{display: flex;}
/* header
* **********************/
header .logo{margin:0;padding:0;}
header li{list-style: none;}
header .inner-box{max-width:1140px;margin:auto;}
header .flex{align-items: center;}
.blog-header{border:none;background-color: rgba(255,255,255,0.9);padding:.5rem;}
.blog-title{margin-right:auto;}
.navbar{width:60%;}
.navbar:not(.is-touch) .navbar-inner{max-width: 710px;margin:0 0 0 auto;padding:0;}
/*_:lang(x)::-moz-placeholder, .navbar:not(.is-touch) .navbar-inner{max-width: 690px;}
_:lang(x)+_:-webkit-full-screen-document, .navbar:not(.is-touch) .navbar-inner{max-width: 690px;}*/
.navbar-list{overflow:hidden;overflow-x:hidden;position: relative;display: flex;justify-content: center;}
_:lang(x)::-moz-placeholder, .navbar-list{margin:0;padding:0;}
_:lang(x)+_:-webkit-full-screen-document .navbar-list{justify-content: center;}
.navbar-list li{max-width: inherit;}
.navbar-list a{font-size:13px;font-weight: 600;padding:0 .3rem;}
.header-f-right{margin:0;padding: 0;}
.header-login a,.header-registry a,.header-newsletter a{font-size: 13px;font-weight: normal;text-decoration:none;margin:auto 5px;white-space: nowrap;display:inline-block;position: relative;}
.header-newsletter a img{margin:0;max-height: 12px;}
.header-login a::after ,.header-registry a::after{
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #000;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.header-login a:hover::after,.header-registry a:hover::after{transform: scale(1, 1);}
.navbar:not(.is-touch){border:none;}
li.sp-menu-plans{display:none;}
/* header search */
.head-search{position: relative;border:none;}
.sp.head-search{display:none;}
.pc.head-search{display:block;}
.pc #original-search-box{
margin: 50px 100px;
display: inline-block;
position: relative;
float: right;
padding: 0;
position: relative;
}
:focus {outline: none;}
input::-webkit-input-placeholder {
color: #C8C8C8;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}
input:-moz-placeholder {
color: #C8C8C8;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}
input::-moz-placeholder {
color: #C8C8C8;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}
input:-ms-input-placeholder {
color: #C8C8C8;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}
.pc .hatena-module-search-box{/*position: absolute;left: 0;right:0;top: 0;bottom:0;*/margin:auto;width: 47px;height: 47px;}
.pc .head-search-wrap{position:relative;}
input.search-og-input[type="text"] {
font-size: 14px;
display: none;
font-weight: 300;
color: #000;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
padding: 10px;
width: 625px;
height: 47px;
margin-left: -665px;
cursor: text;
border: solid 1px #000;
outline: none;
background-color: rgba(255,255,255,1);
z-index: 2;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
}
_:lang(x)::-internal-media-controls-overlay-cast-button, input.search-og-input[type="text"]{width: 650px;margin-left: -684px;}
_:lang(x)::-moz-placeholder, input.search-og-input[type="text"]{width: 665px;}
_:lang(x)+_:-webkit-full-screen-document, input.search-og-input[type="text"]{width: 665px;}
.sp .search-form .search-module-input, .sp .search-result-form .search-result-input {
width: 100%;
height: auto;
font-weight: 300;
color: #000;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
padding: 10px;
margin: 10px 0;
outline: none;
font-size: 1.125rem;
border: none;
background: url(https://snrec.hatenablog.com/file/26006613506856217) 99% center no-repeat #fff;
}
.head-search .search-submit{
width: 47px;
height: 47px;
display: inline-block;
text-indent: -10000px;
z-index: 3;
cursor: pointer;
transition: opacity .4s ease;
border: none;
background-image:url(https://snrec.hatenablog.com/file/26006613506856217);
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
.head-search .search-close{
width: 47px;
height: 47px;
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 3;
cursor: pointer;
transition: opacity .4s ease;
border: none;
background-color: rgba(0,0,0,1);
}
.head-search .search-close::before,
.head-search .search-close::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 70%;
height: 2px;
background-color: #FFF;
content: "";
transition: transform 0.3s;
}
.head-search .search-close::before {
transform: translateY(0px) rotate(135deg);
}
.head-search .search-close::after {
transform: translateY(0px) rotate(-135deg);
}
/* メニューを左 */
.navbar-toggle-btn{left:0;}
/*.recent-entries-categories .category-特集,
.archive-entry .categories .category-特集,
.page-entry .categories .category-特集,
.entries-access-ranking-category-link.category-特集{display:none !important;}*/
/* container
* **********************/
#content{margin:auto;}
#container{min-height: 100vh;
position: relative;/*←相対位置*/
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/}
/* top page
* **********************/
.main-slider-wrap .slide-width{margin-bottom: 20px;}
.swiper-pagination{left:0;right:0;}
.swiper-pagination-bullet{margin: 0 5px;}
.swiper-pagination-bullet-active{background:#000 !important;}
.swiper-button-disabled {display: none;}
.home-pickup .swiper-button-prev,.home-pickup .swiper-button-next{background-color: transparent;}
.home-pickup .slide .recent-entries-title-link{color:#fff !important;}
#main .recent-entries li,.hatena-urllist li{overflow:hidden;}
/* トップモジュール最新記事 先頭のみ1列表示 */
/* #main .recent-entries li:first-child{width:100%;} */
/* トップモジュール最新記事 特定クラスの最初以外を2カラムに */
#main .category-メンバー限定 .recent-entries li:not(:first-of-type),#main .hatena-urllist>li{width:calc((100% - 20px) / 2);}
.urllist-entry-body{float:left;}
.archive-date, .date, .urllist-date-link{font-family: 'M PLUS 1p';font-weight:100;}/* 投稿日 */
.hatena-module-title a,.hatena-module-title{font-weight: 300;font-size: 1.5rem !important;}
.hatena-module-title{border:none;padding:0;text-align:center;}
.hatena-urllist .urllist-title-link{font-weight: 600;}
/* もっと見る */
.urllist-see-more{width: 50%;margin: auto;}
.urllist-see-more a{padding:.7em;display: block !important;}
.urllist-see-more a:hover{background:#000;color:#fff !important;}
/* tag */
.urllist-category-link:not(:first-child):not(.category-会員限定):not(.category-PR){display :none !important;}/* トップカテゴリtag表示制御 */
.archive-category-link:not(:first-child):not(.category-会員限定):not(.category-PR){display :none !important;}/* カテゴリトップtag表示制御 */
div > a:not(.entries-access-ranking-item-inner):not(.entries-access-ranking-image-link):not(.digimartlink):not(.breadcrumb-link){overflow: visible;}
.categories a, .entry-category-link, .hatena-module-category .hatena-urllist li a, .page-archive .categories a,
.urllist-category-link{color:#585858 !important;letter-spacing: .04rem;font-weight:100;font-family: 'M PLUS 1p';font-style:italic;margin: 0 10px 5px 0;padding:0;background:none;float:none !important;}
.entry-category-link.category-PRODUCT, .hatena-module-category .hatena-urllist li a.category-PRODUCT, .page-archive .categories a.category-PRODUCT,a.urllist-category-link.category-PRODUCT{border-bottom:solid 1px #319BD5;} /* PRODUCT */
.entry-category-link.category-COLUMN, .hatena-module-category .hatena-urllist li a.category-COLUMN, .page-archive .categories a.category-COLUMN,a.urllist-category-link.category-COLUMN{border-bottom:solid 1px #33CCAC;} /* COLUMN */
.entry-category-link.category-SPECIAL, .hatena-module-category .hatena-urllist li a.category-SPECIAL, .page-archive .categories a.category-SPECIAL,a.urllist-category-link.category-SPECIAL{border-bottom:solid 1px #E08229;} /* SPECIAL */
.entry-category-link.category-TECHNIC, .hatena-module-category .hatena-urllist li a.category-TECHNIC, .page-archive .categories a.category-TECHNIC,a.urllist-category-link.category-TECHNIC{border-bottom:solid 1px #A854B1;} /* TECHNIC */
.entry-category-link.category-INTERVIEW, .hatena-module-category .hatena-urllist li a.category-INTERVIEW, .page-archive .categories a.category-INTERVIEW,a.urllist-category-link.category-INTERVIEW{border-bottom:solid 1px #1CB87C;} /* INTERVIEW */
.entry-category-link.category-REPORT, .hatena-module-category .hatena-urllist li a.category-REPORT, .page-archive .categories a.category-REPORT,a.urllist-category-link.category-REPORT{border-bottom:solid 1px #EDBA13;} /* REPORT */
.entry-category-link.category-BEGINNERS, .hatena-module-category .hatena-urllist li a.category-BEGINNERS, .page-archive .categories a.category-BEGINNERS,a.urllist-category-link.category-BEGINNERS{border-bottom:solid 1px #E93761;} /* BEGINNERS */
.entry-category-link.category-INFO, .hatena-module-category .hatena-urllist li a.category-INFO, .page-archive .categories a.category-INFO,a.urllist-category-link.category-INFO,.entry-category-link.category-BACKNUMBER, .hatena-module-category .hatena-urllist li a.category-BACKNUMBER, .page-archive .categories a.category-BACKNUMBER,a.urllist-category-link.category-BACKNUMBER{border-bottom:solid 1px #C8C8C8;} /* INFO & BACK-NUMBER */
.entry-category-link.category-製品情報, .hatena-module-category .hatena-urllist li a.category-製品情報, .page-archive .categories a.category-製品情報,a.urllist-category-link.category-製品情報{border-bottom:solid 1px #319BD5;} /* 製品情報 */
.entry-category-link.category-コラム, .hatena-module-category .hatena-urllist li a.category-コラム, .page-archive .categories a.category-コラム,a.urllist-category-link.category-コラム{border-bottom:solid 1px #33CCAC;} /* コラム */
.entry-category-link.category-特集, .hatena-module-category .hatena-urllist li a.category-特集, .page-archive .categories a.category-特集,a.urllist-category-link.category-特集{border-bottom:solid 1px #E08229;} /* 特集 */
.entry-category-link.category-テクニック, .hatena-module-category .hatena-urllist li a.category-テクニック, .page-archive .categories a.category-テクニック,a.urllist-category-link.category-テクニック{border-bottom:solid 1px #A854B1;} /* テクニック */
.entry-category-link.category-インタビュー, .hatena-module-category .hatena-urllist li a.category-インタビュー, .page-archive .categories a.category-インタビュー,a.urllist-category-link.category-インタビュー{border-bottom:solid 1px #1CB87C;} /* インタビュー */
.entry-category-link.category-レポート, .hatena-module-category .hatena-urllist li a.category-レポート, .page-archive .categories a.category-レポート,a.urllist-category-link.category-レポート{border-bottom:solid 1px #EDBA13;} /* レポート */
.entry-category-link.category-ビギナーズ, .hatena-module-category .hatena-urllist li a.category-ビギナーズ, .page-archive .categories a.category-ビギナーズ,a.urllist-category-link.category-ビギナーズ{border-bottom:solid 1px #E93761;} /* ビギナーズ */
.entry-category-link.category-ニュース, .hatena-module-category .hatena-urllist li a.category-ニュース, .page-archive .categories a.category-ニュース, a.urllist-category-link.category-ニュース{border-bottom:solid 1px #477AEB;} /* ニュース */
.entry-category-link.category-お知らせ, .hatena-module-category .hatena-urllist li a.category-お知らせ, .page-archive .categories a.category-お知らせ,a.urllist-category-link.category-お知らせ,.entry-category-link.category-バックナンバー, .hatena-module-category .hatena-urllist li a.category-バックナンバー, .page-archive .categories a.category-バックナンバー,a.urllist-category-link.category-バックナンバー{border-bottom:solid 1px #C8C8C8;} /* お知らせ & バックナンバー */
.entry-category-link.category-PR, .hatena-module-category .hatena-urllist li a.category-PR, .page-archive .categories a.category-PR,a.urllist-category-link.category-PR{border:solid 1px #C8C8C8;border-radius: 5px;color:#C8C8C8;padding:0 .4rem;font-size: .7rem;height: 18px;} /* PR */
.entry-category-link.category-会員限定, .hatena-module-category .hatena-urllist li a.category-会員限定, .page-archive .categories a.category-会員限定,a.urllist-category-link.category-会員限定{background: url(https://snrec.hatenablog.com/file/26006613505123525) 5px center no-repeat #E7251D !important;background-size: 10px auto;color: #fff!important;font-style: normal;font-weight: 300;padding: 1px 3px 1px 18px;white-space: nowrap;} /* 会員限定 */
/* サイドバー
* **********************/
/* バナー */
.side-pickup{text-align: center;}
/* 人気記事 */
.urllist-with-thumbnails li .urllist-image{margin: 0 15px .7em 0;}
.entries-access-ranking .entries-access-ranking-item:before{display:none;}
#box2 .hatena-module-entries-access-ranking{padding: 15px 0 0 0;}
#box2 .entries-access-ranking-item .urllist-categories{flex-wrap: nowrap;}
#box2 .urllist-category-link{background-color: transparent;white-space: nowrap;}
#box2 a.entries-access-ranking-title-link{display:inline;}
/* 印刷版 */
.magazin-box{padding:20px;text-align:center;}
.magazin-box .magazin-name{font-weight:600;margin:10px auto;}
.magazin-box button{margin:10px auto;font-size: .88rem;width: 90%;}
.magazin-box .backnumber-link a{text-decoration:underline;display:block;}
.magazin-box .backnumber-link a:hover{text-decoration:none;}
/* カテゴリ一覧
* **********************/
.page-archive .entry-thumb{background-size:contain;}
/* 記事ページ
* **********************/
/* リンク集 */
.page-entry #main .hatena-module-links .hatena-urllist>li{width:auto;}
.page-entry #main .hatena-module-links .hatena-urllist>li a{text-decoration:underline;}
.page-entry #main .hatena-module-links .hatena-urllist>li a:hover{text-decoration:none;}
.page-entry .entry-title a{font-size: 1.38rem;}
.page-entry h3,.page-entry h4,.page-entry h5,.page-entry h6,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-size: 1.25rem;font-weight:500 /*!important*/;padding:0 20px 5px 20px;margin-bottom:30px;}
.entry-content p{font-size:1.125rem;padding:0;letter-spacing: .0285rem;}
.page-entry #main img{display: block;margin:20px auto;}
.page-entry #main ul li{list-style: disc;}
.page-entry #main ol li{list-style: decimal;}
.itunes-embed .itunes-embed-image{margin: 0 15px 0 0 !important;}
.itunes-embed .itunes-embed-badge img{margin:0 !important;}
.hatena-asin-detail .hatena-asin-detail-image {margin: 0 15px 0 0 !important;}
.entry-content .hatena-asin-detail li {list-style: none !important;}
/* 背景グレー テキスト */
.page-entry .bg-w-gray{padding:25px 20px;}
/* 出典＆ライター名 */
.post-credit-block{margin:15px 0 40px 0 !important;color:#585858 !important;font-size: .75rem;}
.post-credit-block a{color:#585858 !important;}
.post-credit-block li{margin-bottom:5px;list-style: none !important;}
.post-author:before{content:""; display: inline-block; vertical-align: middle;
background:url('https://snrec.hatenablog.com/file/26006613511646770') left center no-repeat;padding-right: 10px;width:10px;height:12px;background-size: contain;}
/* 画像下キャプション */
.figure-image,figcaption{text-align:left !important;/*display: inline-block;*/font-size: .88rem;color:#585858;/*margin:5em 0*/;line-height: 1.5;opacity:1;}
.cap-txt{text-align:left !important;display: inline-block;font-size: .88rem;color:#585858;margin:20px 0;line-height: 1.5;opacity:1;}
/* デジマート */
.page-entry .digimart-item{border:solid 1px #000;padding: 20px;}
.page-entry .digimart-item-img{padding: 10px 10px;}
.page-entry #content-inner .flex{justify-content: space-between;align-items: center;}
.page-entry #content-inner .flex div{width:calc(100%/2);}
.page-entry .digimart-item .bt a{background:#000; color:#fff !important;display:block;padding:10px;width:100%;text-decoration:none;text-align: center;}
.page-entry .digimart-item .bt.ext-white a:after{content:""; background:url('https://snrec.hatenablog.com/file/26006613526126447') left center no-repeat;background-size:contain;display: inline-block;vertical-align: middle;width:10px;height:10px; margin-left: 5px;}
.page-entry .digimart-item img{object-fit: cover;margin:auto !important;}
.page-entry .digimart-item p.item-name{font-size:1.125rem !important;font-weight: 500;margin-top:0;}
.page-entry .digimart-item p.item-price{font-size: 1rem;margin-bottom:0;color:##585858;}
.page-entry .digimart-item p.item-op-price{font-size: 1rem;margin-top:0;color:##585858;}
.page-entry .digimart-item a.sp{display: none;}
/* itunes */
.itunes-embed .itunes-embed-info ul li{list-style: none !important;}
/* 記事ページ内 プレゼント */
.present-box{margin:40px auto;}
.present-box .present-summary{padding:30px;}
.present-box .present-summary dl{margin-bottom:20px;}
.present-box .present-summary dt{font-weight: 500;margin-bottom:10px;}
.present-box .present-summary dd,.present-box .present-summary ul{margin:0 !important;}
.present-box .present-summary li{font-size: .88rem !important;color:#585858;text-indent: -1em;padding-left: 1em;list-style: none !important;}
.present-box .present-summary li:before {
content: "";
width: 3px;
height: 3px;
display: inline-block;
background-color: #585858;
border-radius: 50%;
position: relative;
top: -1px;
margin-right: 10px;
}
.present-box .txt-center{margin:20px auto;}
.present-box a.bt {
background: #000;
color: #fff !important;
display: block;
padding: 10px 20px;
text-decoration: none;
text-align: center;
}
/* 見出し */
/* default */
body.page-entry #wrapper h2,body.page-entry #wrapper h3,body.page-entry #wrapper h4,body.page-entry #wrapper h5{border-bottom:solid 1px #000;}
body.page-entry #wrapper h2{font-weight: 600 !important;font-size: 1.38rem !important;}
body.page-entry #wrapper h3{font-weight: 600 !important;font-size: 1.25rem !important;}
body.page-entry #wrapper h4{font-size: 1.125rem !important;}
body.page-entry #wrapper h5{display:inline-block;font-size: 1rem !important}
body.page-entry #wrapper h5 + *{display:block;}
/* 固定ページ用 */
body.page-static_page .terms-wrap.page-entry-style h2,body.page-static_page .terms-wrap.page-entry-style h3,body.page-static_page .terms-wrap.page-entry-style h4,body.page-static_page .terms-wrap.page-entry-style h5{border-bottom:solid 1px #000;}
body.page-static_page .terms-wrap.page-entry-style h2{font-weight: 600 !important;font-size: 1.38rem !important;}
body.page-static_page .terms-wrap.page-entry-style h3{font-weight: 600 !important;font-size: 1.25rem !important;}
body.page-static_page .terms-wrap.page-entry-style h4{font-size: 1.125rem !important;}
body.page-static_page .terms-wrap.page-entry-style h5{display:inline-block;font-size: 1rem !important}
body.page-static_page .terms-wrap.page-entry-style h5 + *{display:block;}
body.page-static_page .terms-wrap.page-entry-style ul {
margin: 0 0 1em 1.5em!important;
padding: 0!important;
}
body.page-static_page .terms-wrap.page-entry-style ul li {
list-style: disc!important;
}
/* PRODUCT */
body.page-entry.category-PRODUCT #wrapper h2,body.page-entry.category-PRODUCT #wrapper h3{border-bottom:solid 1px #319BD5;}
/* COLUMN */
body.page-entry.category-COLUMN #wrapper h2,body.page-entry.category-COLUMN #wrapper h3{border-bottom:solid 1px #33CCAC;}
/* SPECIAL */
body.page-entry.category-SPECIAL #wrapper h2,body.page-entry.category-SPECIAL #wrapper h3{border-bottom:solid 1px #E08229;}
/* TECHNIC */
body.page-entry.category-TECHNIC #wrapper h2,body.page-entry.category-TECHNIC #wrapper h3{border-bottom:solid 1px #A854B1;}
/* INTERVIEW */
body.page-entry.category-INTERVIEW #wrapper h2,body.page-entry.category-INTERVIEW #wrapper h3{border-bottom:solid 1px #1CB87C;}
/* REPORT */
body.page-entry.category-REPORT #wrapper h2,body.page-entry.category-REPORT #wrapper h3{border-bottom:solid 1px #EDBA13;}
/* BEGINNERS */
body.page-entry.category-BEGINNERS #wrapper h2,body.page-entry.category-BEGINNERS #wrapper h3{border-bottom:solid 1px #E93761;}
/* INFO & BBACKNUMBER */
body.page-entry.category-INFO #wrapper h2,body.page-entry.category-INFO #wrapper h3,body.page-entry.category-BACKNUMBER #wrapper h2,body.page-entry.category-BACKNUMBER #wrapper h3{border-bottom:solid 1px #C8C8C8;}
/* 製品情報 */
body.page-entry.category-製品情報 #wrapper h2,body.page-entry.category-製品情報 #wrapper h3,.navbar-list li a.category-製品情報 span{border-bottom:solid 1px #319BD5;}
/* コラム */
body.page-entry.category-コラム #wrapper h2,body.page-entry.category-コラム #wrapper h3,.navbar-list li a.category-コラム span{border-bottom:solid 1px #33CCAC;}
/* 特集 */
body.page-entry.category-特集 #wrapper h2,body.page-entry.category-特集 #wrapper h3,.navbar-list li a.category-特集 span{border-bottom:solid 1px #E08229;}
/* テクニック */
body.page-entry.category-テクニック #wrapper h2,body.page-entry.category-テクニック #wrapper h3,.navbar-list li a.category-テクニック span{border-bottom:solid 1px #A854B1;}
/* インタビュー */
body.page-entry.category-インタビュー #wrapper h2,body.page-entry.category-インタビュー #wrapper h3,.navbar-list li a.category-インタビュー span{border-bottom:solid 1px #1CB87C;}
/* レポート */
body.page-entry.category-レポート #wrapper h2,body.page-entry.category-レポート #wrapper h3,.navbar-list li a.category-レポート span{border-bottom:solid 1px #EDBA13;}
/* ビギナーズ */
body.page-entry.category-ビギナーズ #wrapper h2,body.page-entry.category-ビギナーズ #wrapper h3,.navbar-list li a.category-ビギナーズ span{border-bottom:solid 1px #E93761;}
/* ニュース */
body.page-entry.category-ニュース #wrapper h2,body.page-entry.category-ニュース #wrapper h3,.navbar-list li a.category-ニュース span{border-bottom:solid 1px #477AEB;}
/* お知らせ & バックナンバー */
body.page-entry.category-お知らせ #wrapper h2,body.page-entry.category-お知らせ #wrapper h3,.navbar-list li a.category-お知らせ span,body.page-entry.category-バックナンバー #wrapper h2,body.page-entry.category-バックナンバー #wrapper h3{border-bottom:solid 1px #C8C8C8;}
.navbar-list li a.category-バックナンバー span {
background: #E7251D;
background-size: 10px auto;
color: #fff;
font-style: normal;
font-weight: 300;
padding: 1px 3px;
white-space: nowrap;
}
.navbar-list a.category-バックナンバー:hover:after{background-color: transparent;}
/* 一覧ページタグ表示 */
.archive-entry-tags-wrapper {display:none;}
/*
* snrec.jp rittor-music.jp/sound/ からの移行記事用のデザイン
* 2020/03/28 yokawa
*/
/* article text */
.page-entry #content-inner .head_products {font-size: 0.8rem;color: #585858;}
.page-entry #content-inner .head_products .head_brandname {margin-right: 6px;}
/*要確認*/
.entry-content p{font-size: 1rem!important;}
/*
.page-entry #content-inner .entry-categories.categories a,
.page-entry #content-inner .entry-date,
.page-entry #content-inner .entry-title a,
.page-entry #content-inner span.magazineLink a{display: inline-block!important;}
*/
/*要確認 end*/
/* article img */
.page-entry #content-inner .readImg {margin: 50px auto!important;}
.page-entry #content-inner .readImg img {max-height: 450px !important;}
.page-entry #content-inner .articleImg {margin: 30px auto;}
.page-entry #content-inner .articleImg img{margin-bottom: 4px!important;}
.page-entry #content-inner .articleImg span.cap-txt-mig {
font-size: .88rem;
color: #585858;
margin: 20px 0;
line-height: 1.5;
display: block;
margin: 0 auto;}
/*.page-entry #content-inner .addArticleImg{}*/
.page-entry #content-inner .caption {display: inline-block;font-size: .88rem;color: #585858;margin: 3px 0 10px;line-height: 1.5;}
/* article digimart link */
.page-entry #content-inner .productInfoArea {margin: 45px auto 15px;border: solid 1px #000;padding: 20px;}
.page-entry #content-inner .productInfoArea div {margin-bottom: 14px;}
.page-entry #content-inner .productInfoArea .brandname,
.page-entry #content-inner .productInfoArea .productname {font-size: 1.125rem !important;font-weight: 500;}
.page-entry #content-inner .productInfoArea .brandname {margin-bottom: 0;}
.page-entry #content-inner .productInfoArea .price {font-size: 1rem;}
.page-entry #content-inner .productInfoArea .digimartlink,
.page-entry #content-inner .productInfoArea div.soundhouselink a{
background: #000;
color: #fff !important;
display: block;
padding: 10px;
width: 100%;
text-decoration: none;
text-align: center;}
.page-entry #content-inner .productInfoArea .digimartlink:after,
.page-entry #content-inner .productInfoArea div.soundhouselink a:after{
content: "";
background: url(https: //snrec.hatenablog.com/file/26006613526126447) left center no-repeat;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin-left: 5px;}
.page-entry #content-inner .productInfoArea div.soundhouselink img{display: inline!important; margin: 0;}
.page-entry #content-inner .productInfoArea .productspec,
.page-entry #content-inner .productInfoArea .productspec p {font-size: 0.7rem !important;}
/* 過去記事 bold設定 */
.org_bold,.org_interviewer,.org_interviewee01,.org_interviewee02{font-weight: bold;}
/* special */
.page-entry.category-SPECIAL #content-inner .org_interviewer,
.page-entry.category-特集 #content-inner .org_interviewee01, .page-entry.category-SPECIAL #content-inner .org_interviewee01,
.page-entry.category-特集 #content-inner .org_interviewee02 {font-weight: bold;} .page-entry.category-SPECIAL #content-inner .org_interviewee02 {font-weight: bold;}
/* 特集 */
.page-entry.category-特集 #content-inner .org_interviewer,
.page-entry.category-特集 #content-inner .org_interviewee01,
.page-entry.category-特集 #content-inner .org_interviewee02 {font-weight: bold;}
@media (max-width: 1020px) {.page-entry #content-inner .productInfoArea .price {font-size: .7rem !important;padding: 0;}}
/*
* /snrec.jp rittor-music.jp/sound/ からの移行記事用のデザイン
* /2020/03/28 yokawa
*/
/* 固定ページカスタマイズ */
.static-page-newsletter,.static-page-plans{padding-top:0 !important;}
.static-page-newsletter #content-inner,
.static-page-plans #content-inner{width:100%;font-size: .88rem; font-weight: 300;padding:0;}
.static-page-newsletter header,.static-page-plans header,.static-page-terms .entry-header{display: none;}
.static-page-plans .footer-plans{display: none;}
/* about */
.pabout-snrec{color:#111111;}
.about-snrec h1{border-bottom:solid 2px #000;margin:0 0 20px 0;font-weight: normal;}
.about-snrec h2{border-bottom:solid 1px #000;margin-bottom:20px;font-weight: normal;}
.about-snrec h3{font-weight: normal;padding:0;}
.about-snrec .inner10{padding:0 10px;margin-bottom:20px;}
.pabout-snrec .inner10 p{font-size: 1rem !important;}
.about-snrec ul{margin:0;}
.about-snrec table{width:80%;display: table !important;}
.about-snrec table th,.about-snrec table td{padding:10px;}
/* terms */
.static-page-terms{color:#111111;}
.terms-wrap h1{border-bottom:solid 2px #000;margin:0 0 20px 0;font-weight: 500;}
.terms-wrap h2{border-bottom:solid 1px #000;margin-bottom:20px;font-weight: normal;}
.terms-wrap h3{font-weight: normal;padding:0;}
.terms-wrap .inner10{padding:0 10px;margin-bottom:20px;}
.terms-wrap .inner10 p{font-size: 1rem !important;}
.terms-wrap ul,.terms-wrap ol{margin:0;}
.terms-wrap li{padding-left: 1em;text-indent: -1em;}
/* low */
.static-page-law{color:#111111;}
.static-page-law header .entry-title{border-bottom:solid 2px #000;margin:0 0 20px 0;font-weight: normal;}
.static-page-law h4 {
border-bottom: solid 1px #000;
margin-bottom: 20px;
font-weight: normal;
}
.static-page-law p{font-size: 1rem !important;padding:0 10px;margin-bottom:20px;}
/* newsletter */
.static-page-newsletter h1.logo{margin: .5em 0;}
.static-page-newsletter h1{margin:0;padding:0;font-size: 1.25rem; font-weight: 500;}
.static-page-newsletter .flex{justify-content: center;}
.static-page-newsletter .main img{width:160px;margin:0 20px 0 10px;}
.static-page-newsletter .main p{text-align:left;}
.static-page-newsletter .inner-box{max-width:920px;padding: 40px 20px;margin:auto;}
.static-page-newsletter .newsletter-summary h1{margin-top:30px;}
.static-page-newsletter .newsletter .ic-letter{flex-basis: 33%;margin-right: 20px;}
.static-page-newsletter .newsletter-summary .pickup img{height:172px;}
.static-page-newsletter .newsletter-summary .free img{width:172px;}
.static-page-newsletter .newsletter-summary ul{max-width:346px;padding:20px;text-align: center;}
.static-page-newsletter .btn-white-transparent{width:405px;padding:.8rem;margin:0 auto;text-align: center;}
.static-page-newsletter #p-newsletter{padding:30px;}
.static-page-newsletter .pickup-tit{font-weight:600; margin: 10px 0;}
.static-page-newsletter .footer-newsletter{display: none;}
#piano-newsletter,#piano-optinform{width: 80%;margin: 0 auto;padding: 10px 0 30px 0;}
/* footer */
/* フッタ トップのみswiperを表示 */
body:not(.page-index) .piano-swiper-box{display:none;}
/* フッタ swiper css */
.piano-swiper-box{overflow:hidden;}
.footer-swiper{position: relative;}
.footer-piano-osusume{padding:0 70px;margin:auto;}
.footer-newsletter{padding:30px;}
.footer-newsletter br.pc{display: block;}
.footer-newsletter br.sp,.footer-newsletter .btn.sp{display: none;}
.footer-newsletter .btn{width: 100%;}
.footer-newsletter-block{padding:30px;max-width: 75%;margin:auto;line-height: 1.8;justify-content: center;font-size: .9rem;}
.footer-newsletter-l-block{margin-right: 55px;}
.footer-newsletter-l-block p{margin-bottom: 15px; text-align: center;}
.footer-newsletter .btn{width: 100%;}
.footer-newsletter-l-block{width:auto;}
.footer-newsletter-r-block{width:52%;}
.footer-plans{text-align:center;}
.footer-plans img{max-width:100%;}
.footer-plans .sp{display: none;}
.footer-share ul{justify-content: center;align-items: center;}
.footer-share li{margin:10px;}
.footer{width: 100%;text-align:left;border: none;margin-top:0;}
.footer .inner-box{max-width:1280px;padding: 20px;}
.footer-blog-title{width:300px;font-size: inherit !important;margin: 0 0 1em;}
.footer-link{width: calc(100% - 300px);}
.footer-link>ul{width: calc(100%/2);}
.footer-link>ul>li{display:block;line-height:2;font-weight:600;font-size:14px;}
.footer-link>ul>li+li{border:none;margin:0;padding:0;}
.copyright{color:#fff;font-weight:200;text-align: center;padding: 15px 0;}
/* piano ファーモーダル */
/* グラデーションの高さ */
.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box {
position: relative;
}
.cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
line-height: 2.5rem;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 16rem;
font-family: FontAwesome;
content: '続きをよむ';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
border-radius: 20px;
background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
overflow: hidden;
height: 800px; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
}
/* /piano ファーモーダル */
/* page top */
.btn-back-top{background:#000;display: block; width: 60px;height: 60px;}
@media screen and (max-width: 1024px) and (orientation: portrait){/* for ipad pro */
.navbar-list a{font-size:.7rem;}
.navbar-list{justify-content:center;}
.navbar:not(.is-touch) .navbar-inner {max-width: 620px;}
input.search-og-input[type="text"]{width: 615px;margin-left: -580px;}
}
@media (max-width: 1402px){
.footer-newsletter br.pc{display: none;}
}
@media (max-width: 1260px){
.footer-newsletter br.sp{display: block;}
}
@media (max-width: 1020px){
.pc.head-search{display:none !important;}
.sp.head-search{display:block;padding:0; height: 80px;}
.navbar-toggle-nav{display:block;}
.navbar:not(.is-touch) {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
}
.logo img{width:143px;margin:0 auto !important;}
.blog-title{margin-left:auto;}
.navbar-list{display:block;text-align:left;}
.navbar.is-open{background: rgba(0,0,0,0.8);}
.navbar-list,.navbar-inner{background: none;}
.navbar:not(.is-touch) .navbar-inner{display:none;max-width:100%;padding:10px;}
.navbar-list>li{border:none;color:#fff;display: block;}
.navbar-list a{color:#fff !important;height:30px;display: block;text-align: left;font-size:1.125rem;}
.navbar.is-open .navbar-toggle-btn .navbar-toggle-btn-close,
.navbar.is-open .navbar-toggle-btn .navbar-toggle-btn-close:hover {display: block !important;}
li.sp-menu-plans{display:block;margin-top:30px;position: relative;}
.hatena-module-recent-entries .urllist-categories,
.page-archive .archive-entry-body, .page-archive .categories{display: block !important;}
.sp-ic-category:before{content:"カテゴリー";background:#E4DCCA;color:#000;padding:1px 3px;margin-bottom:10px;display:inline-block;font-size:.75rem;}
.sp-ic-plans:before{content:"会員限定";background:#E7251D!important;color:#fff;padding: 1px 3px 1px 21px;margin:0 0 10px 0;display:inline-block;font-size:.75rem;width: 50px;height: 15px;background: url(https://snrec.hatenablog.com/file/26006613505123525) 5px center no-repeat #E7251D !important;background-size:10px auto;}
.hatena-module-search-box{position: relative;}
.page-entry .digimart-item p.item-price{font-size:.7rem !important;padding:0;}
.page-entry .digimart-item p.item-op-price{font-size: .75rem !important;}
.page-entry .digimart-item a.sp{display: block;}
.page-entry .digimart-item a.pc{display: none;}
.cap-txt-mig{width:100% !important;}
.footer-piano-osusume{padding:0 20px;}
}
@media (max-width: 767px){
.blog-title{margin-left: 42px;}
.main-slider-wrap{background:none;width: 100vw;}
.main-slider-wrap .slide-width{width: 100vw;margin-bottom:auto;}
.swiper-button-disabled {display: block;}
.home-pickup .slide .urllist-title-link{margin-bottom: 0;
height: 4.5em;
overflow: hidden;
width: calc(100% - 2em);
position: absolute;
left: 1em;
bottom: 1em;
margin: auto;
z-index: 3;}
.home-pickup .slide:after {
content: "";
width: 100%;
height: 5em;
background: rgba(0,0,0,.6);
display: block;
position: absolute;
left: 0;
bottom: 0.9em;
margin: auto;}
.home-pickup .slide .urllist-image-link img {top: 0;bottom: 0;transform: none;}
.home-pickup .slide{background: none;padding:0;box-shadow:none;}
.swiper-slide{width:100% !important;margin:0 auto !important;}
figcaption,.cap-txt{margin:10px 0;}
.static-page-newsletter #content-inner{padding:0;}
.static-page-newsletter .newsletter .flex{display:block;text-align:center;}
.static-page-newsletter .newsletter-summary ul{max-width: 100%;}
.static-page-newsletter .btn-white-transparent{width:100%;}
.footer-piano-osusume{padding:0;}
.footer-plans .pc{display: none;}
.footer-plans .sp{display: block;margin:auto;}
.footer-newsletter .flex{display:block;}
.footer-newsletter-block,.footer-newsletter-block div{width:100%;max-width: 100%;}
.footer-link>ul{width:100%;}
.footer-newsletter .btn.pc{display: none;}
.footer-newsletter .btn.sp{display: block;margin-top:20px;}
footer{padding: 0 10px;}
footer .flex{display:block;}
.footer-link{width:100%;}
.navbar-list li a span{border-bottom:none !important;}
.navbar-list li a.category-バックナンバー span {background:transparent;}
}
/* カルーセル用 */
.entry-category-link.category-Carousel, .hatena-module-category .hatena-urllist li a.category-Carousel, .page-archive .categories a.category-Carousel, a.urllist-category-link.category-Carousel{display:none !important;}
/* */
/* ***************************** */
/* 20231218 サブメニュー対応 ここから*/
/* ***************************** */
.navbar-list {
overflow: visible;
overflow-x: visible;
}
.sub_a:after{
content: none !important;
}
@media (min-width: 1021px){
.navbar-list li .sub_menu li .sub_a {
background-color: #EBEBEB;
color: #444;
}
.navbar-list li .sub_menu li a:hover {
background-color: #ddd;
}
.navbar-list > li:hover > .sub_a {
background-color: #EBEBEB;
color: #444;
}
.navbar-list > li {
position: relative;
}
.navbar-list > li > .sub_menu {
display: none;
}
.sub_menu .sub_a {
position: relative;
display: flex;
align-items: center;
justify-content: start;
text-align: center;
height: 2rem;
padding: 0 1rem;
font-size: 13px;
line-height: 1.3;
font-weight: normal;
}
.navbar-list > li:hover .sub_menu {
display: flex;
flex-direction: column;
position: absolute;
padding: 0;
margin: 0;
top: 56px;
left: 0;
}
}
@media (max-width: 1020px){
.navbar-list li .sub_menu li .sub_a {
background-color: inherit;
color: #fff;
}
.navbar-list li .sub_menu li a:hover {
background-color: inherit;
}
.navbar-list > li:hover > .sub_a {
background-color: inherit;
color: #fff;
}
.navbar-list > li {
position: inherit;
}
.navbar-list > li > .sub_menu {
display: none;
}
.sub_menu .sub_a {
position: inherit;
}
.navbar-list > li:hover .sub_menu {
display: flex;
flex-direction: row;
position: inherit;
padding: 0;
margin-left: 10px;
top: 0;
left: 0;
}
.sub_menu {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
margin-left: 10px;
}
.sub_menu li {
border: 1px solid #fff;
margin: 2px;
border-radius: 3px;
}
.sp-nav-last-item {
margin-bottom: 50px;
}
}
/* 20240123 ソーシャルボタン対応 */
.br-sp {
display: none;
}
@media (max-width: 500px) {
.br-sp {
display: block;
}
}
/* 20240704 記事下のページャーを非表示 */
.pager-permalink {
display:none !important;
}
/* 20240819 グローバルメニューの会員限定 */
.members-only {
background: url(https://snrec.hatenablog.com/file/26006613505123525) 3px center no-repeat #E7251D !important;
background-size:10px auto;
color: #fff;
font-style: normal;
font-weight: 600;
padding: 2px 3px 1px 16px;
white-space: nowrap;
}
/* 20241009 カテゴリートップ */
.cat-top {
display: flex;
justify-content:space-evenly
}
.cat-top img {
width: 98%;
height: auto;
}
@media (max-width: 768px) {
.cat-top {
flex-wrap: wrap;
}
.cat-top img {
width: 96%;
margin-bottom: 20px;
}
}
/* 20250616 音響設備カテゴリータグ非表示 install */
.entry-category-link.category-install,
.hatena-module-category .hatena-urllist li a.category-install,
.page-archive .categories a.category-install,
a.urllist-category-link.category-install {
display: none !important;
}
/* 20250616 音響設備カテゴリータグ非表示 install_* */
.entry-category-link[class*="category-install_"],
.hatena-module-category .hatena-urllist li a[class*="category-install_"],
.page-archive .categories a[class*="category-install_"],
a.urllist-category-link[class*="category-install_"] {
display: none !important;
}
/* 20250617 右カラムへの人気記事と人気有料記事の表示 */
.sidebar_tab {
background-color: #c4c4c4;
padding: 5px;
margin-bottom: 32px;
}
@media screen and (min-width: 481px) {
.sidebar_tab {
margin-top: 20px;
width: 300px;
}
}
@media screen and (max-width: 480px) {
.sidebar_tab {
width: 100%;
}
}
.sidebar_tab_buttons {
display: flex;
color: #c4c4c4;
}
.sidebar_tab_buttons button {
padding: 20px 10px;
background: none;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
font-size: 16px;
transition: all 0.3s;
font-weight: 300;
font-size: 1.2rem;
width: 50%;
background-color: c4c4c4;
color: #fff;
}
.sidebar_tab_buttons button:hover {
color: #4c4c4c;
}
.sidebar_tab_buttons button.sidebar_tab_active {
color: #4c4c4c;
background-color: #fff;
}
.sidebar_tab_contents .sidebar_tab_content {
display: none;
animation: fadeIn 0.3s ease-in-out;
}
.sidebar_tab_contents .sidebar_tab_content.sidebar_tab_active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#piano-free-article,
#piano-paid-article {
counter-reset: link-counter;
background-color: #fff;
}
#piano-free-article a,
#piano-paid-article a {
padding: 10px 0;
display: flex;
color: #000 !important;
text-decoration: none;
}
#piano-free-article a::before,
#piano-paid-article a::before {
display: none; /*inline-flex*/
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 0.875rem;
font-weight: bold;
margin-left: 5px;
flex-shrink: 0;
color: #fff;
counter-increment: link-counter;
content: counter(link-counter);
}
#piano-free-article a:nth-of-type(1)::before,
#piano-paid-article a:nth-of-type(1)::before {
content: "1";
background-color: rgb(225, 191, 0);
}
#piano-free-article a:nth-of-type(2)::before,
#piano-paid-article a:nth-of-type(2)::before {
content: "2";
background-color: rgb(170, 170, 170);
}
#piano-free-article a:nth-of-type(3)::before,
#piano-paid-article a:nth-of-type(3)::before {
content: "3";
background-color: #cd7f32;
}
#piano-free-article a img,
#piano-paid-article a img {
-o-object-fit: cover;
object-fit: cover;
width: 100px;
height: 100px;
margin-left: 5px;
}
#piano-free-article a .text-wrap,
#piano-paid-article a .text-wrap {
flex: 1;
}
#piano-free-article a h3,
#piano-paid-article a h3 {
margin: 0;
padding: 0;
line-height: 1.4rem;
word-break: break-all;
margin-left: 10px;
margin-right: 5px;
font-size: 0.9rem;
line-height: 1.5rem;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
font-weight: bold;
}
#piano-free-article .cx-image-on-left .cx-item,
#piano-paid-article .cx-image-on-left .cx-item {
width: 100%;
}
#piano-free-article .cx-image-on-left,
#piano-paid-article .cx-image-on-left {
margin: 0;
}