@charset "utf-8";

/* Responsive: yes */

/*-- p2 css */
@charset "UTF-8";/*!
  Theme: hbm-simple-p2
  Author: Hatena Blog Team
  Responsive: yes
*/.hatena-module-custom-hidden{display:none}.hatena-module-body__detail{background:#505050}.urllist-see-more a,.SingleContact__btn{background:#505050;border:1px solid #505050}#GoTopBtn{background:#505050}html{font-size:62.5%;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}body{font-size:1.6rem}html,body{word-wrap:break-word;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.5;color:#010101}*{background-repeat:no-repeat;padding:0;margin:0}*,:before,:after{box-sizing:border-box}:before,:after{text-decoration:inherit;vertical-align:inherit}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,[type=button],[type=reset],[type=submit] [role=button]{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}optgroup{font-weight:700}button{overflow:visible}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,select{text-transform:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;height:auto}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.pc_block{display:block}@media only screen and (max-width: 767px){.pc_block{display:none}}.pc_inline{display:inline}@media only screen and (max-width: 767px){.pc_inline{display:none}}.sp_block{display:none}@media only screen and (max-width: 767px){.sp_block{display:block}}.sp_inline{display:none}@media only screen and (max-width: 767px){.sp_inline{display:inline}}li{list-style:none}a{text-decoration:none;color:inherit;transition:.5s}a:hover{transition:.2s;opacity:.5}button{border:none;background:none}.ft_mid{font-weight:500}.ft_bold{font-weight:700}.hatena-module-search-box .hatena-module-title{display:none}.defFlex,.archive-entries,#entry-footer-secondary-modules .hatena-module-related-entries .related-entries{display:flex;flex-wrap:wrap;gap:24px}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .related-entries{flex-direction:column}}.archive-entries section,.urllist-categories,.archive-entries section .categories,.entry-categories,.hatena-module-category .hatena-urllist{display:flex;flex-wrap:wrap;gap:6px}.archive-entries section .category>a,.urllist-categories a,.archive-entries section .categories a,.entry-categories a,.hatena-module-category .hatena-urllist a{display:inline-block;background-color:#fff;color:#505050;font-size:12px;margin:0;padding:.3em .9em;border-radius:6px;border:1px solid #dddddd;line-height:1.5}@media only screen and (max-width: 767px){.archive-entries section .category>a,.urllist-categories a,.archive-entries section .categories a,.entry-categories a,.hatena-module-category .hatena-urllist a{font-size:10px}}.urllist-date-link{margin:0 0 4px}.archive-date a:before,.urllist-date-link a:before,.entry-date a:before{content:"";background-image:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/data.svg?version=4d776f2b7a248fe0227f52f5e9d786);background-repeat:no-repeat;display:inline-block;height:1.6rem;width:1.6rem;background-position:0 0}.archive-date a:before{margin-top:-2px}.urllist-date-link time{color:#626262;font-size:13px;vertical-align:top}.urllist-title-link{display:-webkit-box;font-size:18px;font-weight:600;line-height:1.6;margin:0 0 8px;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.urllist-entry-body{margin-top:1em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#747474}@media only screen and (max-width: 767px){.urllist-title-link{font-size:16px}}.pager{display:block;margin:auto;position:relative}.pager-next .pager-arrow,.page-archive .pager-next .pager-arrow,.pager-prev .pager-arrow,.page-archive .pager-prev .pager-arrow,.autopagerize_insert_before .pager-prev a:before,.autopagerize_insert_before .pager-next a:before{position:absolute;top:0;bottom:0;width:.5em;height:.5em;margin:auto;border-top:1px solid;border-left:1px solid;text-indent:100%;overflow:hidden}.autopagerize_insert_before .pager-prev a:before,.autopagerize_insert_before .pager-next a:before{content:""}.pager-next .pager-arrow,.page-archive .pager .pager-next .pager-arrow,.autopagerize_insert_before .pager-next a:before{right:-1em;transform:rotate(135deg)}.pager-prev .pager-arrow,.page-archive .pager .pager-prev .pager-arrow,.autopagerize_insert_before .pager-prev a:before{left:-1em;transform:rotate(315deg)}.pager-prev:nth-last-of-type(1){border-right:none;padding:0}.urllist-image{width:100%}.urllist-image-link{display:block;aspect-ratio:16/9}.urllist-image-link .urllist-image{display:block;border-radius:6px;overflow:hidden;margin:0 0 18px;aspect-ratio:16/9;object-fit:cover}@media only screen and (max-width: 767px){.urllist-image-link .urllist-image{margin:0 0 12px}}.defBlock .date span,.archive-entries section .date span,#entry-footer-secondary-modules .hatena-module-related-entries .ele .date span{color:#626262;font-size:12px;line-height:13px;vertical-align:top}@media only screen and (max-width: 767px){.defBlock .date span,.archive-entries section .date span,#entry-footer-secondary-modules .hatena-module-related-entries .ele .date span{line-height:9px}}.defBlock .ttl,.archive-entries section .ttl,#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{display:block;font-size:16px;font-weight:700;line-height:1.6;margin:0 0 24px}@media only screen and (max-width: 767px){.defBlock .ttl,.archive-entries section .ttl,#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{font-size:14px;line-height:1.5;margin:0 0 9px}}.urllist-see-more a,.SingleContact__btn{display:block;width:78%;max-width:450px;color:#fff;text-align:center;font-size:16px;padding:12px;position:relative;border-radius:6px}@media only screen and (max-width: 767px){.urllist-see-more a,.SingleContact__btn{font-size:14px}}.blog-header{width:100%;padding:8px calc(50% - 600px) 0;background:#fff}@media only screen and (max-width: 1279px){.blog-header{padding:16px 5vw 0}}@media only screen and (max-width: 767px){.blog-header{position:static;height:auto;padding:18px 5vw 14px;border-bottom:1px solid #eee}}.blog-header-inner{position:relative;max-width:1200px;margin:0 auto;padding-right:180px}@media only screen and (max-width: 767px){.blog-header-inner{padding:0 50px 0 0}}#hbm-head-media-logo{width:calc(100% - 240px);font-weight:700;font-size:33px;line-height:1.4;display:block;margin:0 0 10px}@media only screen and (max-width: 1024px){#hbm-head-media-logo{font-size:30px}}@media only screen and (max-width: 767px){#hbm-head-media-logo{width:calc(100% - 30px);font-size:18px;margin:0 0 6px}}.blog-description{font-size:14px;line-height:1.4}@media only screen and (max-width: 767px){.blog-description{font-size:12px;transform:scale(.9);margin:0 0 0 -5%}}.blog-header .header-search{display:block;position:absolute;top:50%;right:0;width:170px;z-index:2;transform:translateY(-50%);width:240px}@media only screen and (max-width: 767px){.blog-header .header-search{display:none}}.header-search .search-module-input,.header-search .search-result-input{font-size:1.2rem;padding:10px 16px;border:none;border-radius:6px;width:100%}@media only screen and (max-width: 1279px){.header-search .search-module-input,.header-search .search-result-input{font-size:14px}}.header-search .search-module-button,.header-search .search-result-button{width:30px}.navbar-toggle-nav{display:none}@media only screen and (max-width: 767px){.navbar-toggle-nav{display:block;position:fixed;top:10px;right:10px;margin:auto;text-align:center;z-index:1000}}.navbar-toggle-btn{display:block;width:52px;height:52px;background-color:#fff;cursor:pointer}.navbar-toggle-btn>span{display:block;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-16px;width:32px;height:2px;border-radius:2px;background:#333;content:"";transition:all .3s ease-in-out}.navbar-toggle-btn>span:first-child{top:calc(50% - 8px)}.navbar-toggle-btn>span:nth-child(2){top:calc(50% + 8px)}.navbar-toggle-btn.-open span:first-child{top:50%;transform:rotate(45deg)}.navbar-toggle-btn.-open span:nth-child(2){top:50%;transform:rotate(-45deg)}.navbar-toggle-btn.-open span:nth-child(3){background-color:transparent}.navbar{display:block;position:sticky;padding:0 3vw;box-shadow:0 1px 1px #0000001a;width:100%;z-index:999;background:#fff;top:-1px}@media only screen and (max-width: 767px){.navbar{position:fixed;transition:transform .3s ease-out;transform:translateY(-101%);padding:24px 7vw;top:0;left:0;right:0}.navbar.-open{transform:translateY(0);padding-top:70px;box-shadow:0 4px 4px #0003}}.navbar.not-fixed{position:relative;top:0}.navbar-inner{position:relative;max-width:1240px;margin:0 auto}@media only screen and (max-width: 767px){.navbar-inner{scrollbar-width:none;-ms-overflow-style:none;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar-inner::-webkit-scrollbar{display:none}}.navbar-list{display:flex;justify-content:center;align-items:center;margin:0}@media only screen and (max-width: 767px){.navbar-list{margin:0;padding:0;list-style:none;flex-direction:column}}.navbar-list a{display:inline-block;font-size:16px;font-weight:600;line-height:1.5;margin:12px 0;padding:4px 1.5em}@media only screen and (max-width: 767px){.navbar-list a{display:flex;justify-content:center;align-items:center;text-align:center;background:transparent;font-size:16px}}.navbar .header-search{display:none}@media only screen and (max-width: 767px){.navbar .header-search{display:block;padding-bottom:20px;background-color:#fff}}.breadcrumb{width:100%;padding:16px 5vw;background:#f8f8f8;margin-bottom:0!important}@media only screen and (max-width: 767px){.breadcrumb{margin:0;padding:8px 5vw}}@media only screen and (max-width: 767px){.breadcrumb .breadcrumb-inner{padding:0 12px 0 0;position:relative}}.breadcrumb .breadcrumb-inner.active:before{display:inline-block}.breadcrumb a,.breadcrumb span{color:#747474;font-size:12px}@media only screen and (max-width: 767px){.breadcrumb a,.breadcrumb span{transform:scale(.8)}}.hatena-module-custom-pickupSlider{position:relative;margin-bottom:80px;background:#010101}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider{margin-bottom:40px}}.hatena-module-custom-pickupSlider .recent-entries-item-inner{position:relative;max-width:100%;margin:auto;display:grid;grid-template-rows:auto;grid-template-areas:"entries-image entries-image" "date-link entry-body" "entries-title entry-body" "entries-categories entry-body";gap:0 4%;grid-template-columns:2fr 1fr;padding:16px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner{grid-template-areas:"entries-image" "entries-title" "date-link" "entries-categories" "entry-body";gap:0;grid-template-columns:auto;margin-left:0;margin-right:0;padding:0 0 20px}.hatena-module-custom-pickupSlider .recent-entries-date-link,.hatena-module-custom-pickupSlider .recent-entries-title,.hatena-module-custom-pickupSlider .recent-entries-categories,.hatena-module-custom-pickupSlider .recent-entries-entry-body{margin-left:2vw;margin-right:2vw}}.hatena-module-custom-pickupSlider .recent-entries-image-link{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:entries-image}.hatena-module-custom-pickupSlider .recent-entries-date-link{-ms-grid-row:3;-ms-grid-column:1;grid-area:date-link}.hatena-module-custom-pickupSlider .recent-entries-title{-ms-grid-row:5;-ms-grid-column:1;grid-area:entries-title}.hatena-module-custom-pickupSlider .recent-entries-categories{-ms-grid-row:7;-ms-grid-column:1;grid-area:entries-categories}.hatena-module-custom-pickupSlider .recent-entries-entry-body{-ms-grid-row:3;-ms-grid-row-span:5;-ms-grid-column:3;grid-area:entry-body;font-size:14px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-image-link{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.hatena-module-custom-pickupSlider .recent-entries-date-link{-ms-grid-row:5;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-title{-ms-grid-row:3;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-categories{-ms-grid-row:7;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-entry-body{-ms-grid-row:9;-ms-grid-row-span:1;-ms-grid-column:1}}.hatena-module-custom-pickupSlider .hatena-module-title{display:none}.hatena-module-custom-pickupSlider .hatena-module-body{background:#222;margin:auto;width:100%;overflow:hidden}.hatena-module-custom-pickupSlider .hatena-module-body:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;width:50px;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#fff);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:loadingAnime 1s infinite linear}@keyframes loadingAnime{to{transform:rotate(1turn)}}.hatena-module-custom-pickupSlider .hatena-module-body.st-load:before{display:none}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-body{padding:0 10px 12px}.hatena-module-custom-pickupSlider .hatena-module-body.swiper-initialized{padding:0 0 12px}}.hatena-module-custom-pickupSlider .hatena-module-body ul{display:flex;justify-content:center}.hatena-module-custom-pickupSlider .hatena-module-body.swiper-initialized ul{justify-content:flex-start}.hatena-module-custom-pickupSlider .hatena-module-body li{opacity:0;transition:opacity .3s ease}.hatena-module-custom-pickupSlider .hatena-module-body.st-load li{opacity:1}.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item{min-width:100%}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item{padding-top:16px}}.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item.swiper-slide{min-width:auto;padding-bottom:10px}.hatena-module-custom-pickupSlider .urllist-date-link a,.hatena-module-custom-pickupSlider .urllist-title-link,.hatena-module-custom-pickupSlider time,.hatena-module-custom-pickupSlider .urllist-entry-body{color:#fff}.hatena-module-custom-pickupSlider .hatena-module-title a{display:block;width:90px;height:90px;color:#fff;border:1px solid #ffffff;border-radius:50%;text-align:center;padding:33px 0 0;margin:0 32px 0 0}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-title a{font-size:12px;transform:scale(.9);width:50px;height:50px;margin:0 0 5px;padding:20px 0 0}}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{width:100%;margin-bottom:20px;min-height:46.6875vw}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{max-width:none;position:relative;display:block;width:100%;margin:0 auto 20px}}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link:hover{opacity:1}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link img{width:100%;border-radius:6px;margin:0}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link img{max-width:none;position:absolute;top:0;left:0;object-fit:cover;display:block;width:100%;height:100%}}@media only screen and (min-width: 1200px){.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item.swiper-slide{max-width:800px}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{max-width:800px;min-height:432px}}.hatena-module-custom-pickupSlider .urllist-date-link{margin-bottom:8px}.hatena-module-custom-pickupSlider .urllist-date-link a:before{content:"";background-image:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/data-white.svg?version=4d776f2b7a248fe0227f52f5e9d786);display:inline-block;height:1.6rem;width:1.6rem;vertical-align:middle;margin-right:2px}.hatena-module-custom-pickupSlider .urllist-title-link{font-weight:700;font-size:20px;line-height:1.7;color:#fff;margin-bottom:8px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .urllist-title-link{font-size:18px;line-height:1.5}}.hatena-module-custom-pickupSlider .urllist-categories{margin-bottom:8px}.hatena-module-custom-pickupSlider .swiper-pagination{bottom:16px}.hatena-module-custom-pickupSlider .swiper-pagination-bullet{background:#fff}.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .urllist-item.swiper-slide,.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .recent-entries-item-inner .recent-entries-image-link{max-width:1200px!important}@media only screen and (min-width: 1217px){.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .urllist-item.swiper-slide{margin:0 16px}.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .recent-entries-item-inner{padding:16px 0}}.hatena-module-custom-news{display:block;width:90vw;max-width:1200px;margin:0 auto 72px}.hatena-module-custom-news .hatena-module-title{margin:43px auto 28px;display:flex;align-items:center}.hatena-module-custom-news .hatena-module-title a{font-size:14px}.hatena-module-custom-news .hatena-module-title:before{content:"News";display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){.hatena-module-custom-news .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}.hatena-module-custom-news .hatena-module-body{margin:0 auto 72px}@media only screen and (max-width: 767px){.hatena-module-custom-news .hatena-module-body{margin:0 auto}}.hatena-module-custom-news .hatena-module-body .recent-entries{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:24px}.page-index #main-inner .hatena-module-title:before{content:"Articles"}.page-index #main-inner .hatena-urllist{flex-wrap:wrap;gap:24px}.page-index #main-inner .hatena-module-body .hatena-urllist{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.page-index #main-inner .hatena-urllist .urllist-item{width:100%;background-color:#fff;border-radius:6px;padding:20px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 48px) / 3)}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link{width:100%}.page-index #main-inner .hatena-urllist .urllist-item .urllist-item-inner>*:last-child{margin-bottom:0}@media only screen and (max-width: 1200px){.page-index #main-inner .hatena-urllist{flex-wrap:wrap;gap:12px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 24px) / 3)}}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 12px)/2);padding:10px}}@media only screen and (max-width: 430px){.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link{font-size:14px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-categories a{font-size:10px}}.page-index #main-inner .hatena-urllist .urllist-image-link{display:block}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-urllist .urllist-image{width:100%}}.hatena-module-custom-news .hatena-module-body li{width:calc(25% - 18px)}#box2 #box2-inner .hatena-module .hatena-urllist{display:flex;flex-wrap:wrap;gap:24px}#box2 #box2-inner .urllist-entry-body{font-size:80%}#box2 #box2-inner .archive-module-year{width:100%}#box2 #box2-inner .hatena-module.hatena-module-category .hatena-urllist{gap:6px 10px}@media (min-width: 768px) and (max-width:900px){.hatena-module-custom-news .hatena-module-body li,.page-index #main-inner .hatena-module-recent-entries.hatena-urllist .urllist-item,#box2 #box2-inner .hatena-module .urllist-with-thumbnails li{width:calc(50% - 12px)}}@media only screen and (max-width: 767px){#box2 #box2-inner .hatena-module .urllist-with-thumbnails{display:block}.hatena-module-custom-news .hatena-module-body li{width:100%;margin-bottom:24px}.hatena-module-custom-news .hatena-module-body li:last-child{margin-bottom:0}}.page-index #main-inner .hatena-module-title{margin:0 auto 28px;display:flex;align-items:center}.page-index #main-inner .hatena-module-title a{font-size:14px}.page-index #main-inner .hatena-module-title:before{display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}.page-index #main-inner .hatena-module-custom-special .hatena-module-title:before{content:"Special Feature"}.page-index #main-inner .hatena-module-custom-special .hatena-urllist{flex-direction:column}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item{position:relative;width:100%;margin-bottom:24px;padding:20px}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:last-child{margin-bottom:0}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:before{position:absolute;top:0;left:15px;content:"";width:52px;height:55px;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/icon-special.svg?version=4d776f2b7a248fe0227f52f5e9d786) no-repeat;z-index:10}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:before{left:10px;background-size:contain}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-image-link{width:50%;float:left;margin-right:1em}.page-index #main-inner .hatena-module-custom-special .urllist-with-thumbnails li .urllist-image{margin-right:20px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-image-link{width:100%}.page-index #main-inner .hatena-module-custom-special .urllist-with-thumbnails li .urllist-image{margin-right:0}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-title-link{font-size:20px;width:auto}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-title-link{font-size:18px;line-height:1.5}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-categories{margin:0 0 12px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-categories{margin:0 0 4px}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-entry-body{font-size:1.6rem;line-height:1.7}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-entry-body{font-size:1.4rem}}.page-index #main-inner .hatena-module{margin-bottom:80px}.urllist-see-more{margin-top:40px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module{margin-bottom:60px}}.urllist-see-more a{margin:0 auto}.urllist-with-thumbnails li .urllist-image{margin-bottom:1rem}#content-inner{background:#f8f8f8;padding:50px calc(50% - 600px) 90px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media only screen and (max-width: 1279px){#content-inner{padding:50px 5vw 90px}}@media (min-width:768px) and (max-width: 900px){#content-inner{display:block}}@media only screen and (max-width: 767px){#content-inner{flex-direction:column;padding:32px 24px}}#content-inner #wrapper{width:73%}@media only screen and (max-width: 1279px){#content-inner #wrapper{width:68%}}@media only screen and (max-width: 1279px){.static-page-layout-header-footer #content-inner #wrapper{width:100%}.static-page-layout-header-footer #content-inner{padding:56px calc(50% - 540px) 90px}}@media only screen and (max-width: 900px){#content-inner #wrapper{width:100%}}@media (max-width: 767px){.page-static_page #content-inner{padding:16px calc(50% - 540px);background:#fff}}#content-inner #box2{width:23%}@media only screen and (max-width: 1279px){#content-inner #box2{width:28%}}@media only screen and (max-width: 900px){#content-inner #box2{width:100%}}.AboutMedia{background:#ebebeb;border-radius:6px;padding:24px;margin:0 0 32px}@media only screen and (max-width: 900px){.AboutMedia{margin:40px 0 36px}}.AboutMedia__ttl{font-size:18px;font-weight:700;margin:0 0 12px;line-height:1.5}@media only screen and (max-width: 767px){.AboutMedia__ttl{text-align:center;margin:0 0 16px}}.AboutMedia__image{margin:0 0 12px;text-align:center}@media only screen and (max-width: 767px){.AboutMedia__image{text-align:center;margin:0 0 13px}}.AboutMedia__des{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.AboutMedia__des{line-height:1.7}}.AboutMedia__comment{font-size:14px;text-align:center;font-weight:500;margin:24px 0 20px;padding:24px 0 0;border-top:1px solid #bfbfbf}@media only screen and (max-width: 767px){.AboutMedia__comment{margin:20px 0;padding:16px 0 0}}.AboutMedia__links{display:flex;justify-content:center;align-items:center;gap:16px}#box2 .hatena-module-title{font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #747474;margin:50px 0 25px}#box2 .hatena-module-title>a{font-weight:700}@media only screen and (max-width: 767px){.page-static_page #box2{padding:0 7%}#box2 .hatena-module-title{margin:32px 0 20px}}#box2 .urllist-item-inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px 0}#box2 .urllist-with-thumbnails .urllist-item-inner{flex-direction:row;gap:0 15px;align-items:center}@media only screen and (max-width: 767px){#box2 .urllist-item-inner{margin:0 0 18px}}#box2 .urllist-item-inner .urllist-image-link{border-radius:50%;overflow:hidden;margin:0;aspect-ratio:1/1;order:0}@media only screen and (max-width: 767px){#box2 .urllist-image-link{margin:0 10px 0 0}}#box2 .urllist-image-link .urllist-image{margin:0;aspect-ratio:1/1}#box2 .urllist-item-inner>*{order:1}#box2 .urllist-item-inner .urllist-title-link{font-weight:500;font-size:16px;line-height:1.7;margin-bottom:0;order:0}#box2 .urllist-with-thumbnails .urllist-title-link{width:calc(100% - 85px)}@media only screen and (max-width: 767px){#box2 .urllist-item-inner .urllist-title-link{line-height:1.6}#box2 .urllist-with-thumbnails .urllist-title-link{width:calc(100% - 65px)}}#box2 .hatena-module-category .hatena-urllist li{display:inline}#box2 .hatena-module-category .hatena-urllist a{font-size:14px;padding:4px 12px}@media only screen and (max-width: 767px){.archive-header-category{margin-bottom:2em}}.archive-module-calendar th{padding:10px 0}.archive-module-calendar th,.archive-module-calendar td{padding:8px 0}.archive-module-calendar th{font-size:12px;text-align:center}.archive-module-months .archive-module-month{margin-bottom:4px}.archive-module-year>a,.archive-module-month>a{font-size:16px;line-height:1.7}.calendar-day{width:30px;height:30px}.calendar-day a{color:#fff;display:inline-block;width:25px;height:25px;border-radius:50%;background:#222;line-height:26px;text-align:center}.hatena-module-links li{line-height:1.5}.page-index #main-inner .hatena-module-entries-access-ranking .hatena-module-title:before{content:"Ranking"}.entries-access-ranking{counter-reset:ranking}.entries-access-ranking-item{position:relative;counter-increment:ranking;overflow:hidden}.entries-access-ranking-item:before{display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:#333;color:#fff;font-size:14px;font-weight:400;line-height:24px;text-align:center;z-index:1;content:counter(ranking);border-radius:50%}.entries-access-ranking-item.rank-1:before{background:#d1be37}.entries-access-ranking-item.rank-2:before{background:#b1b1b1}.entries-access-ranking-item.rank-3:before{background:#978475}#box2 .hatena-urllist:not(.urllist-with-thumbnails) .entries-access-ranking-item{padding-left:30px}@media (max-width:900px){.side-pickup{text-align:center}}.side-pickup li{margin-bottom:16px}.blog-footer{height:219px;padding:37px calc(50% - 600px) 0}@media (min-width:768px) and (max-width:900px){.blog-footer{height:270px}}@media only screen and (max-width: 767px){.blog-footer{padding:22px 5vw 0;border-top:1px solid #eee}}.blog-footer__logo{display:block;max-width:200px;margin:0 auto 22px;text-align:center}@media only screen and (max-width: 767px){.blog-footer__logo{margin:0 auto 7px}}.blog-footer__nav{text-align:center;margin:0 0 35px}@media only screen and (max-width: 767px){.blog-footer__nav{margin:0 0 18px}}.blog-footer__nav a{color:#747474;font-size:14px;border-right:1px solid #747474;padding:0 10px 0 0;margin:0 10px 0 0}@media only screen and (max-width: 767px){.blog-footer__nav a{font-size:12px;padding:0 7px 0 0;margin:0 7px 0 0}}.blog-footer__nav a:nth-last-of-type(1){border-right:none;padding:0;margin:0}.blog-footer__copy{font-size:12px;text-align:center;color:#747474}@media only screen and (max-width: 767px){.blog-footer__copy{transform:scale(.9)}}#GoTopBtn{opacity:.5;width:50px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;cursor:pointer;transition:.5s}@media only screen and (max-width: 900px){#GoTopBtn{width:35px;height:35px;bottom:20px}}@media only screen and (max-width: 900px){.page-entry #GoTopBtn{bottom:80px}}#GoTopBtn:hover{transition:.2s;opacity:.5}#GoTopBtn img{width:22px}@media only screen and (max-width: 767px){#GoTopBtn img{width:10px}}form.search-form{border:1px solid #747474;border-radius:6px;position:relative}form.search-form input[type=text]{font-size:14px;padding:9px 13px;border:none;border-radius:6px;width:100%}@media only screen and (max-width: 767px){form.search-form input[type=text]{padding:13px}}form.search-form input[type=submit]{width:20px;height:20px;position:absolute;top:.7rem;right:1rem;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/icon-search.svg?version=4d776f2b7a248fe0227f52f5e9d786);color:transparent;border:none}@media only screen and (max-width: 767px){form.search-form input[type=submit]{top:1rem}}#box2-inner form.search-form{margin:40px 0 60px}@media only screen and (max-width: 767px){#box2-inner form.search-form{margin:35px 0}}@keyframes ani_sea{0%{position:fixed;transform:translateY(-70px)}to{position:fixed;transform:translateY(0)}}#box2-inner .hatena-module-search-box:nth-of-type(1).active{animation:ani_sea 1s forwards}#box2-inner .hatena-module-search-box:nth-of-type(1) form.search-form{margin:0}#header-modules .hatena-module-search-box.active,#entry-header-modules .hatena-module-search-box.active{animation:ani_sea 1s forwards}#main-inner h2.archive-heading{font-size:26px!important;font-weight:700;line-height:1.5;margin-bottom:32px}@media only screen and (max-width: 767px){#main-inner h2.archive-heading{font-size:20px!important;margin-bottom:20px}}.page-archive .archive-entries{margin-bottom:24px}.page-archive .pager{margin:40px 0}.archive-entries .archive-entry{display:flex;flex-direction:column;flex-wrap:nowrap;padding-top:0;width:calc(33.3% - 16px)}.archive-entry .archive-entry-header,.archive-entry .categories,.archive-entry .archive-entry-body{order:1}.archive-entries .archive-entry .entry-thumb-link{position:relative;order:0;aspect-ratio:16/9;margin:0 0 1em;border-radius:6px;overflow:hidden;transition:none}.archive-entries .archive-entry .entry-thumb{width:100%;height:100%;margin:0}.archive-entries .archive-entry .entry-title{padding:0;margin:0 0 12px}@media only screen and (max-width: 900px){.archive-entries .archive-entry{width:calc(50% - 12px)}}@media only screen and (max-width: 767px){.archive-entries .archive-entry .entry-title{margin:0 0 8px}}.archive-entries .archive-entry .entry-title a{display:block;font-size:16px;font-weight:700;line-height:1.6}@media only screen and (max-width: 767px){.archive-entries .archive-entry .entry-title a{font-size:14px;line-height:1.5}}@media only screen and (max-width: 767px){.archive-entries .archive-entry .categories{display:none}}.archive-entries .archive-entry .archive-entry-body{display:none}.entry-date{padding:0 0 11px}@media only screen and (max-width: 767px){.entry-date{padding:0 0 5px}}.entry-date img,.entry-date span{display:inline-block;vertical-align:top}.entry-date img{width:16px;margin:0 7px 0 0}@media only screen and (max-width: 767px){.entry-date img{width:9px;margin:0 5px 0 0}}.entry-date span,.entry-date a{color:#626262;font-size:14px}@media only screen and (max-width: 767px){.entry-date span,.entry-date a{font-size:12px}}.entry-title{padding:0 0 16px}@media only screen and (max-width: 767px){.entry-title{padding:0 0 11px}}.entry-title a{font-size:26px;line-height:1.5;font-weight:700}@media only screen and (max-width: 767px){.entry-title a{font-size:20px;line-height:1.4}}.entry-categories{padding:0 0 40px}@media only screen and (max-width: 767px){.entry-categories{padding:0 0 18px}}.entry-content .table-of-contents{margin:0 auto 65px;border:1px solid #d0d0d0;padding:22px 40px;border-radius:6px}@media only screen and (max-width: 767px){.entry-content .table-of-contents{margin:0 auto 40px;padding:16px 16px 16px 40px}}.entry-content .table-of-contents a{display:block;font-size:16px;line-height:2;text-decoration:underline}@media only screen and (max-width: 767px){.entry-content .table-of-contents a{font-size:14px;line-height:1.4;margin:0 0 10px}}@media only screen and (max-width: 767px){.entry-content .table-of-contents a:nth-last-of-type(1){margin:0}}.SingleReader{margin:0 auto 40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;border-radius:6px;overflow:hidden;background:#505050}@media only screen and (max-width: 767px){.SingleReader{flex-direction:column;align-items:center;padding:0 0 8px;margin:0 auto 32px}}.SingleReader__image{overflow:hidden;max-width:50%}@media only screen and (max-width: 767px){.SingleReader__image{margin:0 auto 8px;overflow:inherit;max-width:100%}}.SingleReader__image img{width:100%;max-width:none;height:100%;object-fit:cover}@media only screen and (max-width: 767px){.SingleReader__image img{width:100%;max-width:100%;height:auto}}.SingleReader__detail{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0}@media only screen and (max-width: 767px){.SingleReader__detail{width:100%}}.SingleReader__detail__text{color:#fff;font-size:22px;line-height:1.6;text-align:center;font-weight:500;margin:8px 0}@media only screen and (max-width: 767px){.SingleReader__detail__text{font-size:16px}}.SingleReader__detail__btn{margin:0 auto;text-align:center}.SingleReader__detail__btn span{font-size:14px}@media only screen and (max-width: 767px){.SingleReader__detail__btn span{font-size:12px}}.SingleContact{margin:0 auto 65px;padding:36px 0 40px;border:1px solid #707070;border-radius:6px}@media only screen and (max-width: 767px){.SingleContact{margin:0 auto 30px;padding:18px 1.4rem 20px}}.SingleContact__icon{width:46px;margin:0 auto 20px}@media only screen and (max-width: 767px){.SingleContact__icon{width:32px;margin:0 auto 10px}}.SingleContact__ttl{font-size:22px;font-weight:700;text-align:center;margin:0 0 19px}@media only screen and (max-width: 767px){.SingleContact__ttl{font-size:16px;margin:0 0 11px}}.SingleContact__text{font-size:16px;line-height:2;text-align:center;margin:0 0 25px}@media only screen and (max-width: 767px){.SingleContact__text{font-size:14px;line-height:1.6;margin:0 0 20px;text-align:left}}.SingleContact__btn{margin:0 auto}@media only screen and (max-width: 767px){.SingleContact__btn{width:100%}}#entry-footer-secondary-modules .hatena-module-html .hatena-module-title{display:none}#entry-footer-secondary-modules .hatena-module-related-entries{margin:0 auto 28px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title{margin:43px auto 28px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{content:"Released";display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}#entry-footer-secondary-modules .hatena-module-related-entries .ele{display:block}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{font-size:12px}}#entry-footer-secondary-modules .hatena-module-related-entries .ele .image{max-height:196px}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .ele .image{max-height:95px}}#entry-footer-secondary-modules .hatena-module-related-entries .related-entries .related-entries-item{width:calc((100% - 48px) / 3)}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .related-entries .related-entries-item{width:100%}}.SnsIcons{position:fixed;z-index:30;top:43%;left:16px;width:65px}@media only screen and (max-width: 900px){.SnsIcons{width:100%;display:flex;background:#fff;bottom:0;top:auto;left:0;padding:10px 0;align-items:center;justify-content:center;box-shadow:0 -3px 5px -2px #0000001a}}.SnsIcons__text{text-align:center;font-size:12px;line-height:1.3;font-weight:500;margin:0 0 8px}.SnsIcons__list img{width:39px}.sns-icon-fb{background:#fff;border-radius:50%}@media only screen and (max-width: 900px){.SnsIcons__text{width:22%;margin-bottom:0}}.SnsIcons__border{width:50px;margin:0 auto 12px}@media only screen and (max-width: 900px){.SnsIcons__border{display:none}}@media only screen and (max-width: 900px){.SnsIcons__list{display:flex;width:70%}}.SnsIcons__list a{display:block;width:39px;height:39px;margin:0 auto 19px}@media only screen and (max-width: 900px){.SnsIcons__list a{margin:0 auto}}.SnsIcons__list a:nth-last-of-type(1){margin:0 auto}.pager{display:flex;justify-content:space-between;margin:0 7%;background:#fff;padding:24px 40px;border-radius:6px;text-align:center;gap:20px}@media only screen and (max-width: 767px){.pager{padding:16px 24px}}.pager .pager-next,.pager .pager-prev{flex:1 1 50%;position:relative;font-size:16px;color:#505050}@media only screen and (max-width: 767px){.pager .pager-next,.pager .pager-prev{font-size:14px;line-height:1.25}}.pager-prev{text-align:left}.pager-next{text-align:right}@media only screen and (max-width: 767px){.pager .pager-next{margin:0}}.entry{background:#f8f8f8}@media only screen and (max-width: 767px){.page-entry #content-inner{padding:0 calc(50% - 540px) 90px}}@media (min-width: 768px) and (max-width:900px){.entry-inner{width:90vw;margin:auto}}.page-entry .entry-header{position:relative}.entry-header-menu{position:absolute;top:20px;right:20px}.entry-header-menu{background-color:#fff;color:#505050;padding:6px 14px;border-radius:6px;margin:0 5px 5px 0;border:1px solid #dddddd}.entry-header{background:#fff;border-radius:5px 5px 0 0;padding:45px 0 0}@media only screen and (max-width: 767px){.entry-header{border-radius:3px 3px 0 0;padding:16px 0 0}}.entry-header .entry-date,.entry-header .entry-title,.entry-header .entry-categories,.entry-header .social-buttons{width:86%;margin:0 auto}.entry-content{background:#fff;font-size:18px;line-height:2.1}@media only screen and (max-width: 900px){.entry-content{font-size:1.6rem}.entry-content>p:nth-of-type(1) img{border-radius:0;width:100%;max-width:90vw;margin:0}.entry-content .hatena-asin-detail{flex-direction:column;gap:20px 0}.entry-content .hatena-asin-detail .hatena-asin-detail-image{width:9rem}.entry-content .hatena-asin-detail .hatena-asin-detail-info{margin:20px 0 0}}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700}.entry-content h1{line-height:1.8}@media only screen and (max-width: 767px){.entry-content h1{line-height:1.5}}@media only screen and (max-width: 767px){.entry-content>iframe{min-width:100%!important}}.entry-content>p img{margin:0 auto 35px;border-radius:6px}@media only screen and (max-width: 767px){.entry-content>p img{margin:0 auto 16px}}.entry-content>p a{text-decoration:underline}.entry-content table{border:1px solid #505050;border-collapse:collapse}.entry-content li,.entry-content dt,.entry-content dd{line-height:2.1}.entry-content ul li{list-style:disc}.entry-content ul ul li{list-style:circle}.entry-content ul ul ul li{list-style:square}.entry-content ol li{list-style:decimal}.entry-content ol ol,.entry-content ol ul,.entry-content ul ol,.entry-content ul ul{padding-bottom:0;padding-top:0}.entry-content dd{margin:0 0 1em 1.5em}.entry-content dt,.entry-content th{font-weight:800}.entry-content pre{background:#f7f8f9;padding:.5rem 1rem;border-radius:6px;font-size:.8em;line-height:1.7}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{padding:2.5em 0 1em;line-height:1.5}.entry-content h2{border-bottom:1px solid #707070}.entry-content h4{border-bottom:1px solid #707070;margin-bottom:16px}.entry-content h5{position:relative}.entry-content h5:before{content:"";display:block;width:15px;border-bottom:1px solid #707070;position:absolute;top:64%;left:-22px}@media only screen and (max-width: 767px){.entry-content h5:before{width:12px;left:-19px}}.entry-content blockquote{position:relative;box-sizing:border-box;font-style:italic;color:#464646;background:#e0e0e0;border-left:none}.entry-content blockquote:before{display:inline-block;position:absolute;top:-6px;left:-15px;content:"“";font-family:sans-serif;color:#e0e0e0;font-size:70px;line-height:1;z-index:2}.entry-content blockquote:after{position:absolute;content:"";left:0;top:0;border-width:0 0 40px 40px;border-style:solid;border-color:transparent #ffffff}.entry-content blockquote p{position:relative;padding:0;margin:10px 0;z-index:3;line-height:1.7}.entry-content blockquote cite{display:block;text-align:right}.entry-content blockquote cite a{color:#888;font-size:14px;line-height:1.5}@media only screen and (max-width: 767px){.entry-content blockquote cite a{font-size:12px}}.entry-footer{padding:0 7%}.entry-footer-section{margin-bottom:1em;font-size:12px;color:#747474}.entry-footer .social-buttons{padding:0 0 40px;margin:0}@media only screen and (max-width: 767px){.entry-footer .social-buttons{padding:0 0 28px}}@media only screen and (max-width: 430px){.entry-footer .customized-footer .urllist-title-link{font-size:14px}.entry-footer .customized-footer .urllist-entry-body{font-size:12px}}.entry-footer .customized-footer .hatena-module:nth-of-type(1){padding:0 0 20px}@media only screen and (max-width: 767px){.entry-footer .customized-footer .hatena-module:nth-of-type(1){padding:0}}.entry-footer .customized-footer .hatena-module:nth-of-type(2){margin:0 auto 60px;border-radius:0 0 6px 6px}@media only screen and (max-width: 767px){.entry-footer .customized-footer .hatena-module:nth-of-type(2){margin:0 auto 18px}}.entry-footer-modules .hatena-module-profile .hatena-module-body{padding:0 0 0 245px;width:80vw;max-width:800px;margin:0 auto;position:relative}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body{padding:0}}.entry-footer-modules .hatena-module-profile .hatena-module-body:before,.entry-footer-modules .hatena-module-profile .hatena-module-body:after{content:"";display:block;position:absolute;width:46px;height:2px;background:#1a1a1a;transform:rotate(-45deg)}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body:before,.entry-footer-modules .hatena-module-profile .hatena-module-body:after{width:23px;height:1px}}.entry-footer-modules .hatena-module-profile .hatena-module-body:before{top:0;left:0}.entry-footer-modules .hatena-module-profile .hatena-module-body:after{bottom:0;right:0}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-activities{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-activities{font-size:12px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .hatena-follow-button-box{margin:16px 0 0}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-icon-link{display:block;width:194px;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;overflow:hidden}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-icon-link{position:static;transform:translateY(0);width:97px;margin:0 auto 12px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .id{display:block;margin:0 0 16px}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .id{text-align:center}}.entry-footer-modules .hatena-module-profile .hatena-module-body .id span{font-size:18px;font-weight:700}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .id span{font-size:14px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-description p{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-description p{font-size:12px}}.page-about .entry-content{padding-top:50px}@media (min-width:768px) and (max-width:900px){.variable-rectangle-ad{height:83.5vw;max-height:345px;display:flex;justify-content:center;align-items:center}}.archive-description{font-size:1.6rem}.static-page-layout-header-footer #content-inner{justify-content:center}.urllist-see-more-link,.recent-entries-see-more-link,.SingleContact__btn{position:relative}.urllist-see-more-link:after,.recent-entries-see-more-link:after,.SingleContact__btn:after{width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);position:absolute;top:0;bottom:0;right:0;left:136px;margin:auto;content:"";vertical-align:middle;transition:all .3s}.urllist-see-more a:hover,.SingleContact__btn:hover{color:#505050;background:#fff;opacity:1}.urllist-see-more-link:hover:after,.recent-entries-see-more-link:hover:after,.SingleContact__btn:hover:after{left:176px;border-top:2px solid #505050;border-right:2px solid #505050}.writer{display:flex;justify-content:space-between;align-items:center}.writer-profile{width:80%}.entry-content .writer-proifle-body{line-height:1.6}.entry-content .writer-image{margin-right:24px}.entry-content .writer-image img{border-radius:50%;font-weight:700}.writer-name-item{font-weight:700}.writer-id{margin-left:16px;display:inline-block}.entry-content .writer-sns{padding-left:0}.entry-content .writer-sns li{list-style-type:none}.writer-sns li img{width:24px;height:24px;vertical-align:text-bottom;margin-right:8px}.profile-card-container{position:relative}.profile-card-container:before,.profile-card-container:after{content:"";width:48px;height:48px;position:absolute}.profile-card-container:before{transform:rotate(315deg);border-top:3px solid #505050;top:16px;left:0}.profile-card-container:after{transform:rotate(135deg);border-top:3px solid #505050;bottom:16px;right:0}.profile-cards-list .profile-card-container{border:none}@media (max-width: 767px){.writer{display:block;text-align:center}.entry-content .writer-image{margin-right:0}.writer-profile{width:100%}.writer-proifle-body,.entry-content .writer-sns{text-align:left}}@media (min-width: 901px){.page-entry #content-inner{padding:20px 100px 90px}#content-inner #wrapper{max-width:900px;margin:0 auto}}.entry-content{padding:0 7% 60px}.entry-content p,.entry-content ol,.entry-content ul,.entry-content dl{padding:1.8rem 0;margin:0}.entry-content,.entry-content .table-of-contents{margin-top:0}.entry-content h1{font-size:2.4rem}.entry-content h2,.entry-content h3{font-size:2.2rem}.entry-content h2{margin-bottom:1.5em;margin-top:0}.entry-content h4,.entry-content h5{font-size:2rem}.entry-content h5{margin-left:24px}.entry-content h5,.entry-content h6{font-size:1.8rem}.entry-content h6{font-weight:400}.entry-content blockquote{border:0;font-size:1.8rem;padding:16px 16px 16px 32px;margin:0}@media only screen and (max-width: 900px){.entry-content,.entry-content blockquote{font-size:1.6rem}}.entry-content blockquote p:first-child{margin-top:10px}.entry-content .table-of-contents li{list-style:inherit}.entry-content table{width:auto;margin:0}.entry-content table th{background-color:#e0e0e0}.entry-content table th,.entry-content table td{border:1px solid #505050;padding:0 .5rem}.entry-content ul,.entry-content ol{padding-left:20px}.entry-content hr{margin:0}.entry-content div.footnote{margin-top:48px}.entry-header-modules .hatena-module-related-entries .related-entries,.entry-header-modules .hatena-module-recent-entries .recent-entries,.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking,.entry-footer-modules .hatena-module-related-entries .related-entries,.entry-footer-modules .hatena-module-recent-entries .recent-entries,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking{display:flex;flex-wrap:wrap;gap:24px}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-related-entries .related-entries,.entry-header-modules .hatena-module-recent-entries .recent-entries,.entry-footer-modules .hatena-module-related-entries .related-entries,.entry-footer-modules .hatena-module-recent-entries .recent-entries{flex-direction:column}.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking{gap:12px}}.entry-header-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-header-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item,.entry-footer-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-footer-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{width:calc((100% - 48px) / 3)}.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{background-color:#fff;border-radius:6px;padding:20px}.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{background-color:#fff;border-radius:6px;padding:8px}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-header-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-footer-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-footer-modules .hatena-module-recent-entries .recent-entries .recent-entries-item{width:100%}}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{width:calc((100% - 12px)/2)}.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{padding:10px}}.entry-header-modules .hatena-module-title,.entry-footer-modules .hatena-module-title{font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #747474;margin:50px 0 25px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{display:none}.entry-footer-modules .hatena-module-related-entries{margin:0}.entry-header-modules,.entry-footer-modules{margin:0 auto 28px}.entry-header-modules{padding:0 7% 60px}


/* ============================================
Variables
============================================ */
:root {
--main-bg-color: #e6f4ff;
--secondary-bg-color: #ffffff;
--main-text-color: #2c2c2c;
--secondary-text-color: #5284a6;
--main-under-line-color: #ffe6ee;
--dashed-line-color: #d9d9d9;
--shadow-color: #0000000d;
}
/* ============================================
reset
============================================ */
body {
color: var(--main-text-color);
}

/* ============================================
header
============================================ */
.blog-header {
padding: 0;
}

#hbm-head-media-logo {
display: flex;
margin: 0;
}

.custom-image {
height: 80px;
}

.header-right .header-navbar {
margin-right: 5%;
}

.navbar-list a {
font-weight: 500;
white-space: nowrap;
}

.nav-angle-right {
margin-left: 16px;
}

.blog-header-inner {
display: flex;
align-items: center;
position: static;
padding-right: 0;
justify-content: space-between;
}

.header-navbar {
display: flex;
}

.blog-header .header-search {
position: static;
display: flex;
transform: none;
}

.navbar-inner {
display: none;
}

.header-right {
display: flex;
align-items: center;
/* gap: 64px; */
}


@media only screen and (max-width: 1200px) {
    .header-right{
        margin-right: 5%;
    }
}


@media only screen and (max-width: 767px) {
.header-right {
    display: none;
}

.navbar-inner {
    display: block;
}
}

/* ============================================
slider
============================================ */

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

.hatena-module-custom-pickupSlider .hatena-module-body {
background-image: url(https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398329889731);
background-size: cover;
background-position: center;
padding: 40px 0 56px;
}

.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item.swiper-slide {
padding: 0;
}

.hatena-module-custom-pickupSlider .urllist-title-link {
color: var(--main-text-color);
border-bottom: 1px dashed var(--dashed-line-color);
padding-bottom: 8px;
margin-bottom: 12px;
}

/* 記事日付のアイコン削除 */
.hatena-module-custom-pickupSlider .urllist-date-link a:before {
content: none;
}

.hatena-module-custom-pickupSlider .recent-entries-item-inner {
background-color: var(--secondary-bg-color);
padding: 25px;
border-radius: 20px;
grid-template-areas: "entries-image entries-contents";
grid-template-columns: auto 1fr;
max-width: 96%;
gap: 0 2%;
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

/* コンテンツをgridで並べ直す */
.slider-article-contents {
grid-area: "entries-contents";
}

.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link {
min-height: unset;
}

/* bullet */
.hatena-module-custom-pickupSlider .swiper-pagination-bullet {
background: #ff9fd1;
}

@media only screen and (max-width: 767px) {
.hatena-module-custom-pickupSlider .hatena-module-body.swiper-initialized {
    padding: 32px 0 48px;
}

.hatena-module-custom-pickupSlider .recent-entries-item-inner {
    grid-template-areas: "entries-image" "entries-contents";
    grid-template-columns: unset;
    max-width: 100%;
    gap: 0;
}

.hatena-module-custom-pickupSlider .urllist-title-link {
    font-size: 16px;
}
}

/* ============================================
common
============================================ */
/* カテゴリタグ */
.archive-entries section .category > a,
.urllist-categories a,
.archive-entries section .categories a,
.entry-categories a,
.hatena-module-category .hatena-urllist a {
background-color: var(--main-bg-color);
color: var(--secondary-text-color);
border: 1px solid var(--main-bg-color);
}

/* 記事日付 */
.archive-date a:before,
.urllist-date-link a:before,
.entry-date a:before {
content: none;
}

.urllist-date-link time {
color: #a8a8a8;
}

/* もっと見るボタン */
.urllist-see-more a,
.SingleContact__btn {
background-color: var(--secondary-bg-color);
color: var(--main-text-color);
border-radius: 50px;
max-width: 300px;
}

.urllist-see-more-link:after,
.recent-entries-see-more-link:after,
.SingleContact__btn:after {
border-top: 1px solid var(--main-text-color);
border-right: 1px solid var(--main-text-color);
left: 136px;
}

/* top見出し */
.hatena-module-custom-news .hatena-module-title,
.page-index #main-inner .hatena-module-title,
.list-contents .hatena-module-title {
display: inline-flex;
position: relative;
align-items:flex-end;
}

.hatena-module-custom-news .hatena-module-title a,
.page-index #main-inner .hatena-module-title a,
.list-contents .hatena-module-title p {
font-size: 21px;
font-weight: 700;
z-index: 1;
}

.hatena-module-custom-news .hatena-module-title::before,
.page-index #main-inner .hatena-module-title::before,
.list-contents .hatena-module-title::before {
display: inline-block;
font-size: unset;
margin: 0;
z-index: 1;
}

.hatena-module-custom-news .hatena-module-title::after,
.page-index #main-inner .hatena-module-title::after,
.list-contents .hatena-module-title::after {
content: "";
display: block;
width: 100%;
height: 10px;
background-color: var(--main-under-line-color);
position: absolute;
bottom: 2px;
left: 0;
}

/* 記事見出し */
.entry-title {
border-bottom: 1px dashed var(--dashed-line-color);
}

/* ============================================
entry
============================================ */
.entry {
background: var(--secondary-bg-color);
border-radius: 10px;
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

.no-entry .entry-content {
border-radius: 10px;
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

.pager,
.entry-header {
background-color: unset;
}

.pager {
margin: 0;
padding: 23px 25px;
}

/* ============================================
banner
============================================ */
/* 初期リリースでは非表示 */
.hatena-module-custom-banner {
color: var(--main-text-color);
border-radius: 50px;
}

/* ============================================
main
============================================ */
#content-inner {
background-color: var(--main-bg-color);
}

/* ============================================
main
============================================ */

/* entries */

#main-inner .hatena-urllist .urllist-item {
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

/* 記事見出し下line */
#main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link {
border-bottom: 1px dashed var(--dashed-line-color);
}

/* ============================================
news
============================================ */
.hatena-module-custom-news .hatena-module-title::before {
content: url("https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398336353108");
}
.hatena-module-custom-news .hatena-module-title {
margin: 0 auto 28px;
}

/* ============================================
todays-topic
============================================ */
.page-index #main-inner .hatena-module-custom-todays-topic .hatena-module-title::before {
content: url("https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398336353109");
}



.hatena-module-custom-todays-topic {
    width: 48%;
    display: block;
    float: left;
} 

#main-inner .hatena-module-custom-todays-topic .hatena-urllist.urllist-with-thumbnails .urllist-item{
    width: 100%;
}

#main-inner .hatena-module-custom-todays-topic .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    border-bottom: none;
}


.page-index #main #main-inner .hatena-module-custom-todays-topic .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    padding: 0;
    margin: 0;
}


.hatena-module-custom-todays-topic .urllist-categories {
    border-top: 1px dashed var(--dashed-line-color);
    padding-top: 15px;
    margin-top: 15px;
}



@media only screen and (max-width: 680px) {
    .hatena-module-custom-todays-topic {
        width: 100%;
        float: inherit;
    } 
}





/* ============================================
trivia
============================================ */
.page-index #main-inner .hatena-module-custom-trivia .hatena-module-title::before {
content: url("https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398336353112");
}


.hatena-module-custom-trivia {
    width: 48%;
    display: block;
    float: right;
}

#main-inner .hatena-module-custom-trivia .hatena-urllist.urllist-with-thumbnails .urllist-item{
    width: 100%;
}

#main-inner .hatena-module-custom-trivia .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    border-bottom: none;
}

.page-index #main #main-inner .hatena-module-custom-trivia .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    padding: 0;
    margin: 0;
}

.hatena-module-custom-trivia .urllist-categories {
    border-top: 1px dashed var(--dashed-line-color);
    padding-top: 15px;
    margin-top: 15px;
}

@media only screen and (max-width: 680px) {
    .hatena-module-custom-trivia {
        width: 100%;
        float: inherit;
    } 
}




/* ============================================
column
============================================ */
.page-index #main-inner .hatena-module-custom-column .hatena-module-title::before {
content: url("https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398336353106");
}

#main-inner .hatena-module-custom-column{
    clear: both;
}


.page-index #main #main-inner .hatena-module-custom-column .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    border-bottom: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.hatena-module-custom-column .urllist-categories{
    margin-top: 15px;
}



/* ============================================
sidebar-top
============================================ */
#box2 {
background-color: var(--secondary-bg-color);
border-radius: 10px;
padding: 25px;
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

#box2 .hatena-module-title {
font-size: 16px;
font-weight: 700;
padding: 0 0 10px;
margin: 0 0 16px;
border-bottom: 1px dashed var(--dashed-line-color);
}

/* about */
.AboutMedia__ttl {
text-align: start;
}
.AboutMedia {
background: unset;
padding: 0;
}

.AboutMedia .urllist-see-more {
margin-top: 1em;
}

.AboutMedia .urllist-see-more a {
margin: 0;
width: auto;
padding: 5px;
font-size: 14px;
}

@media only screen and (max-width: 900px) {
.AboutMedia {
    margin-top: 0;
}
.AboutMedia .urllist-see-more {
    margin: 1em auto 0;
}
.AboutMedia .urllist-see-more a {
    margin: 0 auto;
}
}

/* ranking */
#box2 .urllist-item-inner .urllist-image-link {
border-radius: unset;
/* INFO: 画像が1:1なのでうまく表示されない */
/* aspect-ratio: 16 / 9; */
}

/* INFO: 画像が1:1なのでうまく表示されない */
/* #box2 .urllist-image-link .urllist-image {
aspect-ratio: 16 / 9;
} */

#box2 .entries-access-ranking-item {
overflow: visible;
}

#box2 .entries-access-ranking-item:before {
top: -7px;
left: -7px;
}

#box2 .hatena-module-entries-access-ranking {
padding: 0 0 32px;
}

@media screen and (max-width: 900px) {
#content-inner #box2 {
    margin-top: 32px;
}
}

/* ============================================
footer
============================================ */

.footer-nav-inner {
/* background-color: var(--main-bg-color); */
display: grid;
grid-template-columns: auto auto auto;
justify-content: space-between;
position: relative;
align-items: end;
}

.footer-nav-inner::before {
content: "";
position: absolute;
background: var(--main-bg-color);
top: 0;
bottom: 0;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
z-index: -1;
}

.footer-nav-links a {
white-space: nowrap;
}

.footer-nav-img {
width: 200px;
}

.footer-nav-items {
display: grid;
align-content: space-between;
justify-items: center;
padding-bottom: 7%;
padding-top: 10%;
}

.footer-nav-links {
display: flex;
gap: 60px;
}

.footer-nav-logo img {
width: 256px;
margin-bottom: 20px;
}

@media only screen and (max-width: 1279px) {
.footer-nav-inner {
    align-items: end;
}
.blog-footer {
    padding: 50px 5vw 90px;
}
.footer-nav-links {
    gap: 15px;
}
.footer-nav-img {
    width: 150px;
}
}

@media only screen and (max-width: 900px) {
.footer-nav-img {
    display: none;
}
.footer-nav-inner {
    grid-template-columns: 1fr;
    padding: 0px 10%;
}
.footer-nav-links {
    flex-direction: column;
    width: 100%;
    gap: 30px;
}
.footer-nav-links a {
    display: flex;
    padding-bottom: 5px;
    border-bottom: 1px dashed var(--dashed-line-color);
    justify-content: center;
    /* icon */
    background-image: url(https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398329897484);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: auto;
    background-position: right center;
}
.footer-nav-items {
    padding: 30px 0 40px;
    gap: 20px;
}
.nav-angle-right {
    display: none;
}
}

/* ============================================
list
============================================ */
.list-contents .hatena-module-title::before {
content: url("https://cdn.blog.st-hatena.com/files/6802418398310534591/6802418398336353107");
}

.list-contents {
margin-bottom: 40px;
}

.list-contents-inner {
display: grid;
grid-template-columns: 60% auto;
gap: 40px;
margin-top: 32px;
}

.list-contents-inner .list-box {
border-radius: 10px;
border: 1px solid var(--main-text-color);
position: relative;
padding: 40px;
}

.list-contents-inner .list-label {
font-weight: 700;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background: var(--secondary-bg-color);
padding: 0 40px;
white-space: nowrap;
}

.list-contents .urllist-categories {
gap: 10px;
}

@media only screen and (max-width: 767px) {
.list-contents-inner {
    grid-template-columns: 1fr;
}
.list-contents .urllist-categories a {
    font-size: 15px;
}
}

/* ============================================
[TOP]初期リリースで非表示にするもの
============================================ */


.hatena-module-custom-banner {
display: none;
}

/* ============================================
bread-crumb
============================================ */
/* INFO: mainコンテンツのpaddingと同様の左右padding設定 */
#top-box .breadcrumb {
padding: 50px calc(50% - 600px) 0;
background-color: var(--main-bg-color);
}

@media only screen and (max-width: 1279px) {
#top-box .breadcrumb {
    padding: 50px 5vw 0;
}
}

@media only screen and (max-width: 768px) {
#top-box .breadcrumb {
    padding: 20px 5vw 20px;
}
}

/* ============================================
category
============================================ */

.page-archive .archive-entries .archive-entry{
    background: #ffffff;
    padding: 20px;
    border-radius:6px;
    box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

.page-archive-category .archive-entries .archive-entry {
background: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

.page-archive-category .archive-entries .archive-entry-body {
display: block;
}



@media only screen and (min-width: 900px) {
.page-archive-category .archive-entries .archive-entry {
    width: auto;
}

.page-archive-category .archive-entries {
    flex-direction: column;
}

.page-archive-category .archive-entries section {
    display: grid;
    grid-template-areas:
    "entry-image entry-header"
    "entry-image entry-body"
    "entry-image entry-categories";
    grid-template-columns: 250px auto;
    align-items: start;
    column-gap: 30px;
    align-items: center;
}

.page-archive-category .archive-entries section a {
    grid-area: entry-image;
}

.page-archive-category .archive-entries .archive-entry-header {
    grid-area: entry-header;
}
.page-archive-category .archive-entries .categories {
    grid-area: entry-categories;
}
.page-archive-category .archive-entries .archive-entry-body {
    grid-area: entry-body;
}
}




/* ============================================
error
============================================ */

#error {
display: flex;
justify-content: center;
flex-direction: column;
margin-bottom: 32px;
}

#error .error-messages p,
#error .error-messages h1 {
text-align: center;
padding: 0;
font-size: 28px;
font-weight: 700;
}

#error .error-messages p {
margin-top: 80px;
margin-bottom: 30px;
}

#error .error-messages h1 {
color: #a8a8a8;
}

#error .urllist-see-more {
margin-top: 60px;
}

/* ============================================
about
============================================ */
#about {
display: grid;
grid-template-columns: 1fr 1fr;
justify-items: center;
gap: 8px;
margin-top: 60px;
}

.about-img_1,.about-img_3{
    position: relative;
    padding-right: 45%;
}

.about-img_1 .text-img{
    position: absolute;
    top: 0px;
    transform: rotate(-5deg);
    width: 40%;
    right: 40px;
}

.about-img_2{
    position: relative;
    padding-left: 45%;
    margin: 30px 0;
}

.about-img_2 .text-img{
    position: absolute;
    top: 0px;
    transform: rotate(-5deg);
    width: 30%;
    left: 80px;
}

.about-img_3 .text-img{
    position: absolute;
    top: 30px;
    transform: rotate(-5deg);
    width: 40%;
    right: 40px;
}

.about-logo-img{
    width: 70%;
    margin: 30px auto 0;
    display: block;
}

@media screen and (max-width: 1000px) {
#about {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
.about-logo-img{
    width: 100%;
    margin: 30px 0 0;
}

}

#about .about-right img {
margin-top: 80px;
float: right; /* 画像を左寄せにする */
width: 80%;
}

#about .about-right span {
position: relative;
display: inline-block;
}

#about .about-right .about-text {
font-size: 12px;
position: relative;
z-index: 0;
}

#about .about-right span::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 10px;
background-color: var(--main-under-line-color);
z-index: -1;
bottom: 2px;
}

/* ============================================
記事　マークダウン調整
============================================ */
.h2_heading{
    margin: 40px 0 30px;
}

.h3_heading{
    margin: 40px 0 20px;
}

#main #main-inner .h3_heading h3{
    position: relative;
    font-size: 1.8rem;
    padding: 0 0 0 15px;
}

.h3_heading h3::before{
    position: absolute;
    top: 8%;
    left: 0px;
    width: 5px;
    height: 80%;
    content: '';
    border-radius: 3px;
    background: #FFC8DA;
}

.h4_heading{
    margin: 40px 0 20px;
}

.h4_heading h4{
    border-bottom: dashed 1px #D9D9D9;
    display: inline;
    padding: 0 0 5px;
    font-size: 1.6rem;
}



#main-inner .shikaku_title{
    border: 1px solid #D9D9D9;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow-wrap: break-word;
    word-break: break-word;
}

#main-inner .shikaku_table_wrap{

}


#main-inner .shikaku_title th{
    font-size: 1.5rem;
    font-weight: 600;
    border: 1px solid #D9D9D9;
    background-color:#FAFAFA;
}

#main-inner .shikaku_title td{
    font-size: 1.5rem;
    border: 1px solid #D9D9D9;
    padding: 20px 20px;
}

#main-inner tr:last-child th{
    border-radius: 0 0 0 10px;
}

#main-inner tr:last-child td{
    border-radius: 0 0 10px 0;
}

#main-inner .shikaku_title ol{
    padding: 0px 0 0 20px;
}

#main-inner .shikaku_table_wrap .shikaku_table_title{
    border-radius: 10px 0 0 0;
    background-color: #E6F4FF;
    padding: 30px 20px;
    width: 20%;
    color: #5284A6;
    font-size: 1.6rem;
    font-weight: 800;
}

#main-inner .shikaku_table_wrap .shikaku_table_text{
    padding: 0 20px;
    background-color: #E6F4FF;
    border-radius: 0 10px 0 0;
    color: #5284A6;
    font-size: 1.6rem;
    font-weight: 800;
}


@media screen and (max-width: 767px) {

    #main-inner .shikaku_title th{
        line-height: 2.2rem;
    }

    #main-inner .shikaku_title td{
        padding: 10px 10px;
    }
    #main-inner .shikaku_table_wrap .shikaku_table_title{
        padding: 20px 10px;
        width: 20%;
    }

    #main-inner .shikaku_table_wrap .shikaku_table_text{
        padding: 0 10px;
    }

}




/* ============================================
global footer
============================================ */
/*---------------------*/
/*	clearfix 
/*---------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/*=====================*/
/*	フッター 
/*=====================*/

#GlobalFooter {
width: 80%;
margin: 15px auto 10px;
padding-top: 8px;
/* border-top: solid 3px #2798e3; */
font-size: 75%;
line-height: 1.5;
}

#FooterLogo {
width: 10%;
float: left;
padding-top: 30px;
text-align: center;
}

@media screen and (max-width: 1000px) {
#FooterLogo {
    display: none;
}
}

#FooterService {
width: 85%;
float: left;
margin-left: 10px;
display: inline; /* dobble margin bugfix for ie6 */
}

#FooterServiceHead {
margin-bottom: 8px;
}

#GlobalFooter .FooterTitle {
width: 80%;
float: left;
font-size: 117%;
font-weight: bold;
color: #333;
}

#GlobalFooter #FooterServiceHead p.FooterHeadLink {
text-align: right;
}

#GlobalFooter #FooterServiceHead p.FooterHeadLink a {
float: right;
padding-right: 20px;
color: #09f !important;
}

#GlobalFooter #FooterServiceHead p.FooterHeadLink img {
vertical-align: text-top;
}

#FooterServiceCont dl {
padding: 1px 0 0;
background: url(../img/cmn/fline_blue.gif) repeat-y 100px;
}

#FooterServiceCont dl dt {
width: 100px;
float: left;
padding-bottom: 5px;
margin-right: 15px;
color: #2798e3;
}

#FooterServiceCont dl dt.pl {
padding-bottom: 10px;
}

#FooterServiceCont dl dd {
float: left;
margin: 0 10px 3px 0;
padding: 0 9px 0 0;
border-right: 1px solid #999;
white-space: nowrap;
}

#FooterServiceCont dl dt.pl::after {
clear: both;
content: ".";
display: block;
opacity: 0;
}

#FooterServiceCont dl dd a:hover {
text-decoration: underline;
}

#FooterServiceCont dl dd.last {
border-right: none;
}

#FooterCorp {
clear: both;
}

#FooterCorpInfo {
float: left;
width: 90%;
margin: 10px 0 0 0;
padding-top: 5px;
border-top: 1px solid #2798e3;
display: inline; /* dobble margin bugfix for ie6 */
}

@media screen and (max-width: 1440px) {
#FooterCorpInfo {
    width: 80%;
}

#FooterServiceCont dl{
    margin-bottom: 20px;
}

#FooterServiceCont dl:last-child{
    margin-bottom: 0px;
}

#FooterServiceCont dl dd{
    margin: 0 10px 10px 0;
}
}

#FooterCorpId {
width: 300px;
float: left;
}

#FooterCorpName {
width: 100px;
float: left;
margin-top: 2px;
}

#copyright {
width: 190px;
float: left;
margin: 3px 0 0 10px;
font-size: 81.6%;
color: #333;
line-height: 1.2;
}

#FooterCorpLink {
float: left;
}

#FooterCorpLink ul li {
float: left;
margin: 0px 10px 7px 0;
padding: 3px 9px 0px 0;
border-right: 1px solid #999;
font-size: 93.3%;
line-height: 1.2;
}

#FooterCorpLink ul li.last {
border-right: none;
margin-right: 0;
padding-right: 0;
}

#privacy {
float: left;
margin: -15px 0 10px 10px;
display: inline; /* dobble margin bugfix for ie6 */
}

@media screen and (max-width: 767px) {
#privacy {
    margin: 0;
}
}

/*=====================*/
/*	フォント
/*=====================*/

#GlobalFooter a {
color: #666666;
text-decoration: none;
}

#GlobalFooter a:hover {
color: #666666;
text-decoration: underline;
}

#GlobalFooter dt {
width: 30%;
box-sizing: border-box;
}

#GlobalFooter dd {
padding: 10px;
margin: 0;
box-sizing: border-box;
}

#GlobalFooter .flex {
display: flex;
flex-wrap: wrap;
}

/* INFO: 上書き */
#FooterLogo img {
height: 90px;
}

#GlobalFooter {
width: 100%;
margin-top: 40px;
}

#main .entry-content h1{
    padding: 0 0 16px;
}

#main .entry-content h2{
    padding: 20px 0 10px;
}

#main .entry-content h3{
    padding: 20px 0 10px;
}

.page-about .entry-content{
    border-radius: 10px;
}

.page-index #main #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link{
    padding: 0 0 15px;
    margin-bottom: 15px;
}

#main .entry-title {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

#main .entry-content h2{
    background: linear-gradient(transparent 70%, #FFC8DA 70%);
    display: inline;
    padding: 0 1px 0px;
    border-bottom: none;
}

#main .entry-content p{
    padding: 0;
    margin: 1.8rem 0;
}


@media screen and (max-width: 767px) {
#wrapper{
    width: 94%!important;
    margin: 0 auto;
}

}

@media screen and (max-width: 580px) {
.page-index #main-inner .hatena-module-body .hatena-urllist{
    display: block;
    margin: 0 auto;
}
.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{
    width: calc((100% - 12px) / 1);
    padding: 10px;
    margin-bottom:30px;
}

#main-inner .archive-entries{
    display: block;
}

#main-inner .archive-entries .archive-entry{
    width: 100%;
    margin-bottom: 30px;
}
#main-inner .archive-entries .archive-entry:last-child{
    margin-bottom: 0px;
}
}

/* ============================================
記事の吹き出し用
============================================ */
/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
  position: relative;
  width: calc(100% - 82px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
  border-radius: 6px;
  border: 2px solid #ddd;
  box-shadow: 0 3px 8px -2px rgba(0,0,0,.16);
  background-color: #fff;
  z-index: 1;
  box-sizing: border-box;
}
.entry-content .l-fuki {
  margin: 20px auto 36px 0;
}
.entry-content .r-fuki {
  margin: 20px 0 36px auto;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
  position: absolute;
  content: "";
  top: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  background-color: #fff;
  z-index: 2;
}
.entry-content .l-fuki::before {
  right: -7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
  left: -7px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -6px;
  border-radius: 50%;
  border: 3px solid #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 5px #aaa;
  box-sizing: border-box;
}
.entry-content .l-fuki::after {
  right: -82px;
}
.entry-content .r-fuki::after {
  left: -82px;
}
@media screen and (min-width: 478px) {
  .entry-content .l-fuki::after,
  .entry-content .r-fuki::after {
    width: 80px;
    height: 80px;
  }
  .entry-content .l-fuki,
  .entry-content .r-fuki {
    width: calc(100% - 106px);
  }
  .entry-content .l-fuki::after {
    right: -106px;
  }
  .entry-content .r-fuki::after {
    left: -106px;
  }
}
.morino_nomal::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135520.jpg);}
.morino_akire::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135524.jpg);}
.morino_kiduki::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135528.jpg);}
.morino_ehhen::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135532.jpg);}
.morino_yaruki::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135535.jpg);}
.yoshida_nomal::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135539.jpg);}
.yoshida_yareyare::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135543.jpg);}
.yoshida_kiduki::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135547.jpg);}
.yoshida_ehhen::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135550.jpg);}
.yoshida_kangae::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/shikakumynavi/20250618/20250618135553.jpg);}