@charset "UTF-8";
/* <system section="theme"> */
@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}}

/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/* ---////// 共通 //////--- */
/*body{
font-family: Lato, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}*/

ol,
ul {
list-style: none;
}

.container {
width: 1200px;
margin: 0 auto;
}

a {
text-decoration: none !important;
}

._fs_0_5em {
font-size: 0.5em;
}

ul {
padding-inline-start: 0px;
}

h1.titleimg {
margin-top: 5px;
text-align: center;
margin-top: 135px;
background: #d5ebf9;
}

h2 {
font-size: 160% !important;
padding: 4px 10px 4px 10px;
letter-spacing: 3px;
background: #fffee9;
border-left: solid 10px #fff100;
border-bottom: solid 3px #fffbb3;
}

h3 {
font-size: 125% !important;
}

h4 {
font-size: 110% !important;
}

html {
scroll-behavior: smooth;
}

.titleimg img {
padding-top: 1%;
}

.block-header-title--logo-img {
max-width: 135px;
}

.search-result .search-result-form {
display: none;
}

.entries-access-ranking .entries-access-ranking-item:before {
z-index: 1;
}

.entry-content {
overflow: hidden;
}

/* ---サイドコンテンツ--- */
.side-pickup li {
margin-bottom: 1em;
}

.pc_reco img {
max-width: 160px;
}

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

.pc_reco_side img {
width: 145px;
}
.pc_reco_side_icon {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
gap: 20px;
}

.side_icon {
display: flex;
align-items: center;
color: #3a5171;
}

.side_icon img {
width: 20px;
height: auto;
}

.side_icon span {
font-size: 14px;
color: #3a5171;
font-weight: bold;
margin-left:5px;
line-height: 35px;
}
.pc_reco_side_icon_sns {
margin-top:25px;
display: flex;
justify-content: center;
gap: 10px;
padding: 0;
list-style: none;
}

.side_icon_sns {
display: flex;
align-items: center;
}

.side_icon_sns img {
width: 35px;
height: auto;
}

.hatena-module-custom-topmain .urllist-see-more {
width: 50%;
margin: auto;
padding: 0px 0px 25px 0px;
margin-top: -15px;
}

.hatena-module-custom-topmain-pickup .urllist-see-more {
width: 50%;
padding: 0px 0px 10px 0px;
margin: auto;
}

.urllist-item-inner {
overflow: hidden;
}

.urllist-see-more a {
color: #ffffff;
border-radius: 5px;
font-weight: bold;
transition: 0.3s;
position: relative;
top: 0;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .30);
padding: 10px;
font-size: 14px;
background-color: #3a5171;
border: none;
}

.urllist-see-more a::before {
content: "\f006 ";
font-family: blogicon;
display: inline-block;
margin-right: 0.5em;
font-size: 12px;
}

.urllist-see-more a::after {
content: "";
display: block;
}

.urllist-see-more a:hover {
background-color: #50657b;
box-shadow: 0 0 #ffffff;
}



/* ---検索調整--- */
.search-form .search-module-button,
.search-result-form .search-result-button {
height: 30px;
width: 30px;
cursor: pointer;
right: 7px;
}

.search-form .search-module-input,
.search-result-form .search-result-input {
padding:10px 30px 10px 15px;
}
/* ---コンテンツデザイン--- */
/* ---タグデザイン--- */
.hatena-module-custom-pickup-tag a {
color: #333333 !important;
background-color: #e9e9e9 !important;
border-radius: 5px;
border: 1px solid #bdb3b3;
}

.hatena-module-custom-pickup-tag .hatena-urllist li a {
position: relative;
}

.hatena-module-custom-pickup-tag .hatena-urllist li a::after {
content: attr(data-count);
display: none;
}

.hatena-module-custom-pickup-tag .hatena-urllist li a::before {
content: "";
}

.hatena-module-custom-pickup-tag .hatena-urllist li a::before {
content: attr(data-count);
display: none;
}

/* ---おすすめ特集--- */
.hatena-module-custom-reco {
margin-top: 75px;
background: none;
}
/* ---トップに戻るボタンのスタイル--- */
.block-page-top {
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff000;
box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.10);
position: fixed;
bottom: 20px;
right: 20px;
display: none;
justify-content: center;
align-items: center;
z-index: 1;
transition: bottom 0.3s ease;
text-decoration: none;
color: black;
}

.block-page-top a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}

.icon-arrow-top:before {
content: '';
border: solid black;
border-width: 0 2.5px 2.5px 0;
display: inline-block;
padding: 5px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-top: 3px;
}

/* ---記事下企業名と記事投稿経過日--- */
.entry-footer-section {
display: none;
}

#sub-frame-error {
display: none !important;
background-color: #ffffff !important;
}


.icon-generic {
display: none !important;
}

/* ---記事下注目記事--- */
.hatena-module-custom-ranking01 li .urllist-image {
width: 20% !important;
}

/* ---記事下プロフィールカード--- */
.entry-footer-profile {
border: 1px solid #262626;
border-top: 5px solid #262626;
box-sizing: border-box;
width: 100%;
padding: 8px;
}

.profile-cards-list .profile-card-container {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}

.entry-footer-profile-title {
color: #262626;
font-size: 110%;
font-weight: bold;
margin-left: 20px;
margin-top: 10px;
}

.entry-footer-profile-body {
display: -webkit-flex;
display: flex;
width: 100%;
box-sizing: border-box;
}

.entry-footer-profile-left {
width: 20%;
padding: 20px;
}

.entry-content img,
.entry-content video {
max-width: 100%;
height: auto;
box-shadow: 0 3px 8px rgb(0 0 0 / 26%);
}

.entry-footer-profile-right {
width: 80%;
padding: 20px 20px 20px 0;
}

.entry-footer-profile-icon {
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 3% auto;
}

.entry-footer-profile-id {
font-weight: bold;
font-size: 100%;
text-align: center;
}

.entry-footer-profile-description {
margin-bottom: 10px;
}

.profileimg {
box-shadow: none !important;
}

/* ---プロフィール画像ない時のプロフィール画像--- */

.user {
display: inline-block;
position: relative;
border-radius: 50%;
background-color: #d7d7d7;
width: 100px;
height: 100px;
font-size: 100px;
overflow: hidden;
}

.user::before,
.user::after {
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
background-color: #a8a8a8;
content: "";
}

.user::before {
top: 0.15em;
width: 0.4em;
height: 0.4em;
}

.user::after {
bottom: -0.4em;
width: 0.8em;
height: 0.8em;
}

/* ---目次--- */
.entry-content .table-of-contents {
border: none;
background-color: #f3faff;
color: #2d3639;
list-style: square;
line-height: 30px;
}

.entry-content .table-of-contents li {
margin-top: 4px;
list-style-type: decimal;
font-size: 16px;
}

.table-of-contents li ul li {
font-size: 14px !important;
list-style-type: disc !important;
}


.table-of-contents:before {
content: "目次";
color: #2d3639;
font-weight: bold;
font-size: 1.3em;
}


/*--- 記事内--- */
.item_btn a {
background: #d5ebf9;
border-radius: 10px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0px auto 30px;
max-width: 80%;
padding: 10px 25px;
transition: 0.3s ease-in-out;
font-weight: bold;
color: #2d3539;
letter-spacing: 3px;
text-align: center;
}

.item_btn a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 1rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(45deg);
}

.item_btn a:hover {
background: #e7f6ff;
}

.item_btn a:hover:after {
right: 0.8rem;
}

.item_btn_under_arrow a {
background: #d5ebf9;
border-radius: 10px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0px auto 30px;
max-width: 80%;
padding: 10px 25px;
transition: 0.3s ease-in-out;
font-weight: bold;
color: #2d3539;
letter-spacing: 3px;
text-align: center;
}

.item_btn_under_arrow a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 1rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: top 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(135deg);
}

.item_btn_under_arrow a:hover {
background: #e7f6ff;
}

.item_btn_under_arrow a:hover:after {
top: 55%;
}

.labocolumns {
display: inline-flex !important;
margin: 0 !important;
}

.labocolumns li {
margin-right: 3%;
}

.labocolumns li:last-child {
margin-right: 0;
}

.labocolumns3 {
display: flex;
flex-wrap: wrap;
margin: 0 !important;
}

.labocolumns3 li {
margin-right: 3%;
width: 31%
}

.labocolumns3 li:nth-child(3) {
margin-right: 0;
}

.labocolumns3 li:nth-child(6) {
margin-right: 0;
}

.labocolumns3 p {
margin: 0 0 15px 0;
}

.kansuu {
position: relative;
padding: 10px;
background-color: #f3faff;
font-size: 18px;
border-left: solid 10px #bbdff9;
margin: 40px auto 0px;
}

.kansuu label {
font-size: 15px;
}

.kansuu textarea {
padding: 10px;
font-size: 16px;
width: 99%;
resize: none;
overflow-y: auto;
field-sizing: content;
margin: 10px auto 0px;
}

.copybutton {
position: absolute;
top: -25px;
right: 0px;
background-color: #3a5171;
color: #ffffff;
font-size: 14px;
padding: 5px 10px;
border: none;
border-radius: 5px;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .30);
transition: 0.3s;
display: flex;
align-items: center;
}

.copybutton.blogicon-snippet {
font-size: 20px;
}

.copybutton:hover {
background-color: #53637b;
box-shadow: none;
}

textarea {
overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}

.marker-yellow {
background: linear-gradient(transparent 55%, #fffbb3 0%);
}

.marker-red {
background: linear-gradient(transparent 55%, #ffeded 0%);
}

.keyboard {
padding: 0 7px;
margin: 0 5px;
background: #fdfdfd;
border-radius: 5px;
border: solid 1px #c1c1c1;
}

.pickup_list {
padding: 10px 50px;
border: solid 1px #d5d5d5;
box-shadow: 0px 2px 2px #dbdbdb9e;
}

.pickup_list p {
border-bottom: 1px dashed #e5e5e2;
}

.product_introduction {
--border-color: #407096;
padding: 5px 1em;
position: relative;
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}

.product_introduction::after,
.product_introduction::before {
content: "";
height: 100%;
width: 0.75em;
position: absolute;
bottom: 0;
border-top: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}

.product_introduction::before {
border-left: 2px solid var(--border-color);
left: 0;
}

.product_introduction::after {
border-right: 2px solid var(--border-color);
right: 0;
}


/* ---製品掲載用--- */
h3 a {
cursor: pointer;
}

.item_area {
border: dashed 10px #030400;
border-image: linear-gradient(to bottom, #8ab6db, #2b5c82) 1;
}

.item_area a {
cursor: pointer;
}

.item_sub {
display: flex;
align-items: center;
}

.item_left {
width: 45%;
}

.item_left {
width: 45%;
}

.item_left img {
box-shadow: none !important;
padding: 20px;
}

.item_right {
margin: auto !important;
display: grid !important;
margin-top: 1rem !important;
padding: 10px;
width: 430px;
}

.item_button a {
background: #BE0100;
border-radius: 10px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
max-width: 95%;
padding: 7px 5px;
transition: 0.3s ease-in-out;
font-weight: bold;
letter-spacing: 3px;
text-align: center;
margin: auto;
display: inline-block;
color: #fff;
width: 100%;
}

.item_button a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 0.8rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 10px;
height: 10px;
border-top: solid 3px currentColor;
border-right: solid 3px currentColor;
transform: translateY(-50%) rotate(45deg);
}

.item_button a:hover {
background: #d72e2e;
}

.item_button a:hover:after {
right: 0.6rem;
}

.item_name {
background: #fff;
color: #BE0100;
border-radius: 30px;
font-size: 14px;
margin: 4px 30px;
padding: 5px 10px;
letter-spacing: 1px;
line-height: 17px;
}

.item_en {
font-size: 30px;
font-weight: bold;
text-align: right;
}

.item_en_zei {
font-size: 1.5vh;
}

.item_more {
margin-left: 5px;
font-size: 18px;
margin: 5px auto;
}

.right_table tr:last-child {
border-width: 5px;
border-style: solid;
border-color: #fff;
}

.right_table tr:nth-last-child(2) {
border-width: 3px;
border-style: solid;
border-color: #fff;
border-top: none;
}

.right_table td:first-child {
width: 35%;
text-align: center;
}

.right_table td {
border-width: 3px !important;
border-style: solid !important;
border-color: #dfdfdf !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
padding: 10px 5px !important;
}

.right_table,
.entry-content table {
display: inline-table;
}

/* ---レビュー掲載用--- */
.hatena-module-custom-topmain-review .hatena-module-title {
border-left: 10px solid #ffb6ba !important;
border-bottom: none !important;
padding-left: 10px;
}

.revico-widget img {
width: 76px !important;
box-shadow: none !important;
border-radius: 0px !important;
}

.block-brand-detail--product-review-item-name a {
font-size: 14px;
line-height: 18px;
}

.labo-review-content {
background-color: #e9e7e7;
padding: 0px 1px 1px 1px;
border-radius: 5px;
}

.labo-review-section {
background-color: #e9e7e7;
padding: 10px;
border-radius: 5px;
text-align: center;
font-weight: bold;
margin-bottom: -20px !important;
}

.revico-multicomment-top .revico-comment-footer {
width: 90% !important;
padding-bottom: 15px !important;
}

.revico-multicomment-top .revico-comment-footer .revico-comment-footer--paging-buttons {
display: none !important;
}

/* ---リンク用--- */
.link_area {
position: relative;
margin: 10px auto 20px;
float: left;
width: 100%;
border: solid 3px;
display: flex;
}

.link_icon {
font-size: 25px;
vertical-align: middle;
}

.link_title {
display: inline-block;
position: absolute;
top: -10px;
left: 7px;
padding: 0 9px;
background: #fff;
font-size: 16px;
line-height: 1;
font-weight: bold;
}

.link_title a:hover,
.link_title a:active,
.link_title a:focus {
opacity: 1.0 !important;
}

.link_area img {
width: 40%;
margin: 20px;
box-shadow: none;
float: left;
border: solid 1px #e3e3e3;
}

.link_text {
padding: 20px 15px 20px 20px;
font-weight: bold;
font-size: 16px;
}

.link_text_title {
font-weight: bold;
font-size: 18px;
color: #656565;
margin-bottom: 5px;
}

.link_area a {
display: block !important;
width: 100% !important;
height: 100%;
}

/* ---色別--- */
.link_navy {
color: #3b536f;
border-color: #3b536f;
}

.link_lightblue {
color: #0c7ec2;
border-color: #0c7ec2;
}

.link_red {
color: #e93e3e;
border-color: #e93e3e;
}

.link_orange {
color: #ef9c42;
border-color: #ef9c42;
}

.link_gray {
color: #444;
border-color: #444;
}

.link_green {
color: #016e38;
border-color: #016e38;
}

/* ---手順--- */
.step_gray {
border-radius: 10px;
background: #f0f0f0;
margin-bottom: 0px;
font-size: 100%;
padding: 10px;
}

.step_gray_arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #f0f0f0 transparent transparent transparent;
margin-left: 20px;
margin-bottom: 0px;
}

.step-wrap {
counter-reset: count;
margin: 2em 0;
position: relative;
}

.step-content {
padding: 0 0 1.3em 2em;
margin: 0;
position: relative;
}

.step-content::before {
content: "";
display: block;
width: 13px;
height: 13px;
background: #3a5171;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: 8px;
left: 3px;
box-shadow: 0 0 0 2px #3a5171;
}

.step-content::after {
content: "";
display: block;
height: calc(100% - 35px);
border-left: dotted 5px #c9cfd3;
position: absolute;
top: 30px;
left: 7px;
}

.step-label {
color: #3a5171;
font-weight: bold;
font-size: 18px;
}

.step-label::after {
counter-increment: count;
content: counter(count);
position: relative;
left: .3em;
}

.step-body {
margin-top: .5em;
padding: 0 0 1em;
border-bottom: dotted 2px #ddd;
}

.step-wrap> :last-of-type::after {
display: none;
}

/* ---アコーディオン--- */
details summary {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
padding: 10px;
margin: 0px !important;
background: #d5ebf9;
cursor: pointer;
}

details summary::-webkit-details-marker {
display: none;
}

details summary::after {
content: "\f008";
font-family: blogicon;
}

/* ---折りたたみ部分--- */
details ul {
list-style: none;
font-size: 14px;
margin: 0px !important;
padding: 8px 12px !important;
opacity: 0;
transform: translateY(-20px);
border: 2px solid#d5ebf9;
}

details ul li {
padding: 12px !important;
}

details ul li:not(:last-child) {
border-bottom: 1px solid #d5ebf9;
}

/* ---open時の動き--- */
details[open] summary {
border-radius: 0px 0px 0 0;
}

details[open] summary::after {
content: "\f007";
font-family: blogicon;
}

details[open] ul {
opacity: 1;
transform: translateY(0);
transition: all 0.5s ease;
}

/* ---////// デスクトップ //////--- */
/* ---PCヘッダデザイン トップメインカラム--- */
.titleimg img {
max-width: 100%;
}

#content {
margin-top: 0;
}

.blog-description {
margin: 10px 0;
}

.blog-header {
border-bottom: none;
background: #ffffff;
}

.block-header-title--catchcopy {
color: #999;
font-weight: 400;
line-height: 1.3em;
margin: 0 0 17px;
}

.block-header-title {
font-size: 11px;
padding-left: 10px;
}

.block-header-utility--links-list {
padding: 0 20px 0 0;
margin: 0 13px 10 0;
}

.block-footer-main--inner {
padding: 100px 25px 98px;
width: 1200px;
margin: auto;
}

.block-header-inner {
height: auto;
padding: 5px;
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 1200px;
margin: auto;
}

.block-header-utility--links-lists {
font-size: 16px;
font-weight: bold;
color: #2e4055;
display: flex;
padding-left: 70px;
margin-top: 20px;
margin-bottom: -18px;
}

.block-header-utility--links-lists li a:hover {
color: #4e6785;
}


/* position: fixed;
z-index: 9999;
background: #fff;
width: 100%;
top: 0;
}*/
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}

html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ---PCヘッダサポートボタン--- */
.copilot-accordion-ui {
background-color: #ffeb3b;
padding: 8px;
border-radius: 6px;
width: fit-content;
transition: background-color 0.3s ease;
}

.copilot-accordion-ui summary {
all: unset;
display: block;
font-weight: bold;
cursor: pointer;
}
.copilot-accordion-ui summary::-webkit-details-marker,
.copilot-accordion-ui summary::marker,
.copilot-accordion-ui summary::after {
display: none;
content: none;
}

.copilot-accordion-plus {
display: block;
transition: opacity 0.2s ease;
}

.copilot-accordion-plus:hover {
opacity: 0.8;
}

.copilot-accordion-minus {
display: none;
}

.copilot-accordion-ui[open] {
background-color: #fff;
border: 2px solid #ffeb3b;
padding: 0px 0px 0px 15px;
}
.copilot-accordion-ui[open] .copilot-accordion-plus {
display: none;
}
.copilot-accordion-ui[open] .copilot-accordion-minus {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}

.copilot-accordion-minus a {
text-decoration: none;
font-weight: 500;
color: #333;
transition: color 0.2s ease;
}
.copilot-accordion-minus a:hover {
opacity: 0.8;
}
.copilot-accordion-close {
background-color: #ffeb3b;
padding: 6px 10px;
border-radius: 5px;
font-weight: bold;
white-space: nowrap;
transition: opacity 0.2s ease;
}

.copilot-accordion-close:hover {
opacity: 0.8;
}


.block-header-utility--links ul{
display: flex;
align-items: center;
gap: 18px;
}
.blog-title {
margin: auto;
background: #fff;
position: fixed;
z-index: 99;
top: 0;
right: 0;
left: 0;
}

.btn,
a.btn,
button.btn {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 0.5rem;
}

.menu-list {
list-style: none;
display: flex;
margin: 10px auto;
width: 100%;
justify-content: space-around;
}

a.btn-flat {
overflow: hidden;
padding: 5px 20px;
border-radius: 0;
background: #d5ebf9;
color: #2d3639;
min-width: 232px;
border: solid 2px #2d3639;
margin: 5px;
}

a.btn-flat span {
position: relative;
}

a.btn-flat:before {
position: absolute;
top: 0;
left: 30px;
width: 150%;
height: 500%;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-76%) translateY(-70%) rotate(135deg);
transform: translateX(-76%) translateY(-70%) rotate(135deg);
background: #fff100;
}

a.btn-flat:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}

.navbar:not(.is-touch) {
border-bottom: 1px solid #ffffff00;
}
/* ---ヘッダー二段目--- */
.pc_navi2_main {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: auto;
align-items: center;
justify-content: center;
background: #3a5171;
}

.pc_navi2_main li {
position: relative;
}

.pc_navi2_link {
text-decoration: none;
font-weight: 500;
color: #ffffff;
padding: 15px 10px;
display: flex;
align-items: center;
width: 100%;
cursor: pointer;
min-width: 148px;
text-align: center;
}

.pc_navi2_link:hover {
opacity: 0.8;
}

.has-dropdown {
position: relative;
}
.pc_navi2_main .blogicon-external,
.pc_navi2_main .blogicon-chevron-right,
.pc_navi2_main .blogicon-home {
margin-left: 5px;
}

.has-dropdown:hover .dropdown {
display: block;
}

.has-dropdown .dropdown {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: #fff;
border: 2px solid #3a5171;
box-shadow: 6px 6px 6px rgba(0,0,0,0.1);
min-width: 130px;
z-index: 1000;
overflow: hidden;
}

.has-dropdown .dropdown li:nth-child(odd) {
background-color: #dceffd;
}
.has-dropdown .dropdown li:nth-child(even) {
background-color: #f3faff;
}

.has-dropdown .dropdown li {
border-bottom: 1px solid #3a5171;
}


.has-dropdown .dropdown li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
color: #3a5171;
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease;
font-size: 14px;
font-weight: 500;
}

.has-dropdown .dropdown li a:hover {
color: #5b6f8e;
}

.dropdown-down {
margin-left: 6px;
display: inline-block;
}
.dropdown-up {
margin-left: 6px;
display: none;
}
.has-dropdown:hover .dropdown-down {
display: none;
}
.has-dropdown:hover .dropdown-up {
display: inline-block;
}

.brand-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 2px solid #3a5171;
padding: 0.5rem 0;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
z-index: 1000;
min-width: 220px;
}

.brand-dropdown li {
border-bottom: 1px solid #d0d9e5;
}

.brand-dropdown li:last-child {
border-bottom: none;
}

.brand-dropdown li a {
display: flex;
align-items: center;
gap: 10px;
padding: 0.5rem 1rem;
color: #3a5171;
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease;
}

.brand-dropdown li a:hover {
color: #5b6f8e;
background-color: #f3faff;
}

.brand-dropdown img {
width: 80px;
height: auto;
}

/* ---メインカラム記事一覧タイトル行数設定（トップページ）--- */
.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 !important;
position: relative;
}

.hatena-module-custom-topmain .hatena-module-title {
border-left: 10px solid #d5ebf9 !important;
border-bottom: none !important;
padding-left: 10px;
}

#main-inner .hatena-module-custom-topmain .urllist-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
font-size: 16px;
min-height: 65px;
}

.entry {
margin-top: 35px;
}

#main .hatena-urllist {
justify-content: start !important;
}

#main .hatena-module-custom-topmain .hatena-urllist>li {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.30);
padding: 10px 10px 0 10px;
width: 32%;
margin-right: 15px;
display: inline-table;
}

#main .hatena-module-custom-topmain .hatena-urllist>li:nth-of-type(3n) {
margin-right: 0px;
}

.hatena-module-custom-topmain .hatena-module-title {
border-left: 10px solid #d5ebf9 !important;
border-bottom: none !important;
padding-left: 10px;
}

#main-inner .hatena-module-custom-topmain-pickup {
background: #fefff6;
padding-top: 10px;
}

#main-inner .hatena-module-custom-topmain-pickup .urllist-title-link {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
font-size: 14px;
}

#main .hatena-module-custom-topmain-pickup .hatena-urllist>li {
border-bottom: solid 2px #f1eebe;
padding: 10px;
margin-bottom: 10px;
width: 48%;
}

#main .hatena-module-custom-topmain-pickup .urllist-image {
width: 40% !important;
margin-right: 10px;
}

#main .hatena-module-custom-topmain-pickup .hatena-urllist>li:nth-of-type(2n) {
margin-right: 0px;
}

.hatena-module-custom-topmain-pickup .hatena-module-title {
border-left: 10px solid #fff100 !important;
border-bottom: none !important;
padding-left: 10px;
}

.hatena-urllist li img {
max-width: 350px;
height: auto;
transition: transform 0.5s ease;
}

#main .urllist-with-thumbnails li .urllist-image {
width: 100%;

}

.hatena-urllist li img:hover {
transform: scale(1.1);
}

/* ---メインカラム記事一覧タイトル行数設定（トップページ以外）--- */
#main-inner .archive-entries .entry-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.entry-title {
text-align: left;
}

/* ---サブカラム 記事一覧タイトル行数設定--- */
#box2-inner .urllist-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

#main .hatena-module-custom-ranking01 .hatena-urllist>li {
width: 100%;
}

/* ---フッタデザイン--- */
.block-footer>.container {
display: block;
min-width: 100%;
}

.block-footer-main {
background: #262626;
color: #f7f7f7;
}

.block-footer-main a {
color: #f7f7f7;
}

.block-footer-sub--inner {
padding: 17px 0;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: auto;
}

.block-footer-main--header {
margin: 0 0 62px;
display: flex;
justify-content: flex-start;
align-items: center;
}

.block-footer-main--header-catchcopy {
font-size: 16px;
}

.block-footer-main--header-logo {
margin: 0 81px 0 0;
}

.block-footer-main--header-logo-img {
width: 200px;
height: 39px;
}

.block-footer-main--grid {
margin: 0 0 0 -50px;
display: flex;
justify-content: space-between;
}

.block-footer-main--item {
width: 100%;
margin: 0 0 0 50px;
}

.block-footer-main--item-title {
font-size: 14px;
margin: 0 0 18px;
}

.block-footer-main--item-list {
line-height: 1.54;
margin: 0 0 8px;
font-size: 12px;
}

.block-footer-main--item-title-sub {
color: #fff000;
font-family: Lato, sans-serif;
font-size: 12px;
letter-spacing: .2em;
margin: 6px 0 0;
display: block;
}

.block-footer-main--item-lists {
font-size: 13px;
margin: 0 0 38px;
}

.block-footer-main--item-lists {
padding-inline-start: 0px;
}

.block-footer-main--item-body {
margin-inline-start: 0px;
}

.block-footer-main--item-body> :last-child {
margin-bottom: 0;
}

.block-footer-main--item-img-secom {
text-align: right;
}

/* ---フッタデザイン(下段部分)--- */
.block-footer-sub {
background: #f7f7f7;
}

.block-footer-sub--utility-lists {
font-size: 12px;
line-height: 1;
margin: 5px 0 9px;
display: flex;
}

.block-footer-sub--utility-list {
border-right: 1px solid #ddd;
padding: 0 16px 0 0;
margin: 0 16px 0 0;
}

.block-footer-sub--utility-list>a {
color: #3c3c3c;
}

.block-copyright {
font-family: Lato, sans-serif;
color: #3c3c3c;
font-size: 10px;
line-height: 1;
}

.block-footer-mcj--logo img {
width: 129px;
height: 26px;
}

.block-footer-mcj {
background: #fff;
}

.block-footer-mcj--inner {
padding: 10px 30px;
display: flex;
justify-content: flex-end;
align-items: center;
width: 1200px;
margin: auto;
}

.pane-footer {
overflow: auto;
}

/* ---////// スマートフォン //////--- */
@media only screen and (max-width: 767px) {
#main-inner .hatena-module-custom-topmain .urllist-title-link {
font-size: 14px;
}

h1.titleimg {
margin-top: 70px;
margin-bottom: 0px;
}

h2 {
font-size: 140% !important;
}

h3 {
font-size: 120% !important;
}

h4 {
font-size: 110% !important;
}

.foot-share {
display: none;
}

.block-header-title {
width: 70%;
}

.block-header-inner {
justify-content: space-between;
}

.block-header-utility {
display: none;
}

.pane-footer {
display: none;
}

.variable-rectangle-ad {
height: 5vw;
}

.entry-footer-profile-body {
-webkit-flex-wrap: nowrap;
flex-wrap: wrap;
}

.entry-footer-profile-left {
width: 100%;
padding: 20px 20px 0 20px;
}

.entry-footer-profile-right {
width: 100%;
padding: 0 20px 20px 20px;
}

.item_btn a {
max-width: 90%;
}

.item_btn_under_arrow a {
max-width: 90%;
}

.pc_navi2 {
display: none;
}

.block-header-inner {
border-bottom: 1px solid #dededf;
}

.hatena-module-custom-topmain .urllist-see-more {
width: 90%;
padding: 10px 0px 20px 0px;
}

.hatena-module-custom-topmain-pickup .urllist-see-more {
width: 90%;
}
.side-pickup li {
width: 49%;
display: inline-block;
}

/* ---SPハンバーガーメニュー--- */
/* メニュー表示中のオーバーレイ */

.drawer_hidden {
display: none;
}

.drawer_open {
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
position: relative;
z-index: 999;
cursor: pointer;
}

.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background: #3A5171;
transition: 0.5s;
position: absolute;
}

.drawer_open span:before {
bottom: 8px;
}

.drawer_open span:after {
top: 8px;
}
.drawer_text {
font-size: 12px;
color: #3A5171;
margin-top: 40px;
text-align: center;
}
.drawer_open:hover span {
opacity: 0.8;
}
#drawer_input:checked~.drawer_open span {
background: rgba(255, 255, 255, 0);
}

#drawer_input:checked~.drawer_open span::before {
bottom: 0;
transform: rotate(45deg);
background-color: #3A5171;
}

#drawer_input:checked~.drawer_open span::after {
top: 0;
transform: rotate(-45deg);
background-color: #3A5171;
}

.sp_topicon {
margin-right: -5%;
}

.sp_topicon a {
display: flex;
align-items: center;
flex-direction: column;
}
.sp_topicon a:hover {
opacity: 0.8;
}

.sp_topicon_icon {
font-size: 30px;
margin-bottom: -10px;
color: #3A5171;
margin-top: 5px;
}

.sp_topicon_text {
font-size: 12px;
color: #3A5171;
}

.nav_content {
position: fixed;
top: 70px;
left: 0;
width: 100%;
max-width: 100%;
height: 100vh;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background: #fff;
padding-top: 35px;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);
transform: translateX(100%);
transition: transform 0.4s ease;
z-index: 9999;
}

#drawer_input:checked ~ .nav_content {
transform: translateX(0);
}

.menu-search form {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.menu-search input {
flex: 1;
padding: 8px;
}
.menu-search button {
padding: 8px 16px;
background: #3A5171;
color: #fff;
font-weight: bold;
border: none;
}

.nav_title {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #3A5171;
font-size: 18px;
margin: 50px 0 15px;
text-align: center;
white-space: nowrap;
}
.nav_title::before,
.nav_title::after {
content: "";
flex: 1;
border-bottom: 2px solid #3A5171;
margin: 0 10px;
}

.nav_icon_group {
display: flex;
justify-content: space-around;
margin-bottom: 15px;
flex-wrap: wrap;
align-items: flex-end;
}

.nav_icon_group img {
max-width: 90px;
width: 80%;
height: auto;
}
.nav_content a:hover {
opacity: 0.8;
}

.nav_icon {
text-align: center;
margin: 10px;
}
.nav_label {
font-size: 14px;
margin-top: 5px;
font-weight: 500;
color: #3A5171;
}
.nav_toptext {
font-size: 12px;
margin-bottom: 10px;
}
.nav_brand_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
align-items: end;
}

.nav_brand_grid img {
max-height: 60px;
max-width: 170px;
width: 90%;
}

.double_text{
font-size: 12px;
margin-top: 5px;
font-weight: 500;
color: #3A5171;
}
.nav_section_colored {
background: #D5EBF9;
padding: 20px 0px;
margin-top: 30px;
text-align: center;
color: #3A5171;
}
.nav_heading {
font-weight: bold;
text-align: center;
margin: 10px 0 5px;
}

.block-header-title--catchcopy {
margin: 0 0 5px;
}
.last_nav_icon_group {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 15px;
justify-items: center;
box-sizing: border-box;
padding: 5px 10px 60px 10px;
width: 100%;
margin-bottom: 70px;
}

.last_nav_icon_group img {
max-width: 60px;
width: 95%;
height: auto;
}
.last_nav_icon_group .nav_label{
font-size: 12px;
}

/* ---SP記事内--- */
.labocolumns {
margin: 0 !important;
padding: 0 !important;
}

.labocolumns li {
margin-bottom: 7px;
}

.labocolumns_sp2 {
margin: 0 !important;
padding: 0 !important;
justify-content: space-between;
}

.labocolumns_sp2 li {
margin-bottom: 7px;
width: 47%;
display: inline-block;
}

.labocolumns_sp2 p {
margin: 0 0 5px 0;
}

.labocolumns3 li {
margin-right: 0px;
}

.pickup_list {
padding: 5px 30px;
}

/* ---記事下プロフィールカード--- */
.entry-footer-profile-body {
-webkit-flex-wrap: nowrap;
flex-wrap: wrap;
}

.entry-footer-profile-left {
width: 100%;
padding: 20px 20px 0 20px;
}

.entry-footer-profile-right {
width: 100%;
padding: 0 20px 20px 20px;
}

.entry-footer-profile {
border: 1px solid #262626;
border-top: 5px solid #262626;
box-sizing: border-box;
width: 100%;
padding: 8px;
}

.profile-cards-list .profile-card-container {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}

.entry-footer-profile-title {
color: #262626;
font-size: 110%;
font-weight: bold;
margin-left: 20px;
margin-top: 10px;
}

.entry-footer-profile-body {
display: -webkit-flex;
display: flex;
width: 100%;
box-sizing: border-box;
}

.entry-footer-profile-left {
width: 20%;
padding: 20px;
}

.entry-content img,
.entry-content video {
max-width: 100%;
height: auto;
box-shadow: 0 3px 8px rgb(0 0 0 / 26%);
}

.entry-footer-profile-right {
width: 80%;
padding: 20px 20px 20px 0;
}

.entry-footer-profile-icon {
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 3% auto;
}

.entry-footer-profile-id {
font-weight: bold;
font-size: 100%;
text-align: center;
}

.entry-footer-profile-description {
margin-bottom: 10px;
}

.profileimg {
box-shadow: none !important;
}

/* ---プロフィール画像ない時のプロフィール画像--- */

.user {
display: inline-block;
position: relative;
border-radius: 50%;
background-color: #d7d7d7;
width: 100px;
height: 100px;
font-size: 100px;
overflow: hidden;
}

.user::before,
.user::after {
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
background-color: #a8a8a8;
content: "";
}

.user::before {
top: 0.15em;
width: 0.4em;
height: 0.4em;
}

.user::after {
bottom: -0.4em;
width: 0.8em;
height: 0.8em;
}

/* ---SPフッタ---*/
/* ---SPフッタメイン---*/
.sp-block-footer-main {
background: #262626;
color: #f7f7f7
}

.sp-block-footer-main a {
color: #f7f7f7;
font-size: 12px;
}

.sp-block-footer-main--inner {
padding: 40px 20px 38px
}

.sp-block-footer-main--body {
margin: 0 0 40px
}

.sp-block-footer-main--logo {
text-align: center;
}

.sp-block-footer-main--logo img {
width: 140px;
}

.sp-block-footer-main--logo-catchcopy {
font-size: 10px;
display: block;
}

#bottom-editarea .sp-section {
width: 100%;
margin-bottom: 0;
}

.sp-block-footer>.container {
display: block;
width: 100%;
}

/* ---トップに戻るボタンのスタイル--- */
.block-page-top {
width: 35px;
height: 35px;
right: 10px;
}

.icon-arrow-top:before {
padding: 4px;
border-width: 0 1px 1px 0;
}

/* ---SPフッタサブ--- */
.sp-block-footer-utility {
background: #1d1d1d;
color: #f2f2f2;
}

.sp-block-footer-utility--item>:last-child {
margin-bottom: 0;
}

.sp-block-footer-utility--lists {
font-size: 11px;
margin: 0 0 17px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}

.sp-block-footer-utility--inner {
padding: 20px 20px 22px;
display: flex;
justify-content: space-between;
align-items: center;
}

.sp-block-footer-utility--item.utility-item--secom {
margin: 0 0 0 10px;
}

.sp-block-footer-utility a {
color: #f2f2f2;
}

.sp-block-footer-utility--list {
border-right: 1px solid #333;
letter-spacing: -.05em;
padding: 0 8px 0 0;
margin: 0 8px 0 0;
}

.sp-block-footer-mcj {
background: #fff;
}

.sp-block-footer-mcj--logo-img {
width: 100px;
}

.sp-block-footer-mcj--inner {
text-align: center;
padding: 12px 12px;
}
}

/* --- /// 画面サイズ別調整用 /// --- */
/* --- 超小型端末 ～249px --- */
@media (max-width: 249px) {
.link_area img {
display: none;
}
.link_text {
padding: 10px 5px;
}
.sp_topicon {
display: none;
}
.block-header-title--logo-img {
max-width: 100px;
}
.block-header-title--catchcopy{
display: none;
}
.nav_toptext{
display: none;
}
.nav_label.brandlabel{
display: none;
}
}

/* --- スマホ ～365px --- */
@media (max-width: 365px) {
.pc_reco_side img {
width: 150px;
}
}

/* --- ～399px --- */
@media (max-width: 399px) {
.pc_reco img {
max-width: 90px !important;
}
}

/* --- ～410px --- */
@media (max-width: 410px) {
.link_area {
width: 100%;
}
.link_area a {
display: contents;
}
.link_area img {
height: 80px;
width: 80px;
object-fit: cover;
margin: 30px 10px;
}
.link_text {
margin: 15px 5px;
min-width: 55%;
font-size: 12px;
}
}

/* --- ～456px --- */
@media (max-width: 456px) {
.pc_reco img {
max-width: 160px !important;
}
.pc_reco_side img {
width: 100px;
}
.pc_reco_side_icon {
display: table;
margin: auto;
}
}
/* --- ～465px --- */
@media (max-width: 465px) {
.pc_reco_side img {
width: 160px;
}
}

/* --- ～600px --- */
@media (max-width: 600px) {
.pc_reco_side img {
width: 190px;
}
.side-pickup li {
width: 100%;
}
}

/* --- ～637px --- */
@media (max-width: 637px) {
.pc_reco_side img {
width: 200px;
}
.side_icon {
display: block;
}
}

/* --- ～737px --- */
@media (max-width: 737px) {
.pc_reco_side img {
width: 145px;
}
}

/* --- ～767px --- */
@media (max-width: 767px) {
.pc_reco_side li:nth-child(3) {
margin-right: 0px !important;
}
.entry-footer-profile-left {
width: 100%;
padding: 0px;
}
.entry-footer-profile-icon {
display: block;
width: 150px;
height: 150px;
border-radius: 50%;
margin: auto;
}
.entry-footer-profile-right {
width: 100%;
padding: 20px;
}
.text_sub {
display: block;
}
}
/* --- ～768px --- */
@media (max-width: 768px) {
.text_sub {
display: block;
}
}
/* --- ～799px --- */
@media (max-width: 799px) {
.pc_reco_side {
justify-content: space-evenly;
}
.pc_reco_side img {
width: 135px;
}
.block-header-utility--links-lists {
font-size: 14px;
}
}

/* --- ～800px --- */
@media (max-width: 800px) {
.pc_reco_side {
justify-content: space-evenly;
}
.pc_reco_side img {
width: 135px;
}
}
/* --- ～987px --- */
@media (max-width: 987px) {
.link_text {
padding: 15px 10px 10px 10px;
min-width: 55%;
font-size: 15px;
}
.link_text_title {
font-size: 15px !important;
}
.text_sub {
display: none;
}
.link_area img {
height: 80px !important;
width: 80px !important;
object-fit: cover;
margin: 30px 10px;
}
}
/* --- ～991px --- */
@media (max-width: 991px) {
.item_sub {
display: inline-block;
}
.item_left {
width: 80%;
margin: auto;
}
.item_left img {
padding: 30px 10px 10px 10px;
}
.item_right {
width: auto;
}
.right_table {
font-size: 12px;
}
.item_more {
margin-left: 0px;
}
.right_table td {
padding: 0px;
}
.item_button a {
max-width: 100%;
}
}

/* --- ～1020px --- */
@media (max-width: 1020px) {
.block-brand-detail--product-review-list-content {
display: block !important;
}
.revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button {
background-position: 110px 10px !important;
}
.block-header-utility--links ul {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0;
margin: 0;
align-items: flex-end;
}
.block-header-utility--links ul li:first-child {
width: auto; 
}
.block-header-inner,
.mouselaboheader {
display: flex;
align-items: center;
}
.pc_navi2_link {
padding: 15px 5px;
min-width: 90px;
font-size: 13px;
}
}
/* --- ～1200px --- */
@media (max-width: 1200px) {
.text_sub {
display: none;
}
}
/* --- ～1260px --- */
@media (max-width: 1260px) {
.block-header-utility--links-lists {
padding-left: 5px;
margin-top: 8px;
margin-bottom: 5px;
flex-wrap: wrap;
}
}
/* --- ～1315px --- */
@media (max-width: 1315px) {
#main .hatena-module-custom-topmain .hatena-urllist>li {
width: 47%;
}
#main .hatena-module-custom-topmain .hatena-urllist>li:nth-of-type(3n) {
margin-right: 15px;
display: none;
}
#main .hatena-module-custom-topmain .hatena-urllist>li:nth-of-type(2n) {
margin-right: 0px;
}
#main .hatena-module-custom-topmain-pickup .hatena-urllist>li {
width: 100%;
}
#main .hatena-module-custom-topmain-pickup .urllist-image {
height: 80px;
width: 80px !important;
object-fit: cover;
}
#main .customized-footer .related-entries.hatena-urllist>li {
width: 47%;
}
}
/* --- PC表示：768px以上 --- */
@media (min-width: 768px) {
.sp_topicon,
.nav,
.sp-pane-footer {
display: none;
}
}

/* --- PC表示：992px以上 --- */
@media (min-width: 992px) {
.br_sp {
display: none !important;
}
}