#container{margin:0 auto 3rem;padding:1.5rem 1.25rem 2.5rem; max-width:560px;background:#fff;line-height:1.5;word-wrap:break-word} #top-editarea sss{border-bottom:1px solid #ccc;margin-bottom:2rem;padding-bottom:2rem} @media screen and (min-width:600px){#container{padding:1.5rem 1.5rem 2.5rem}} .page-entry footer{margin-top:6rem} .topMenu{ & .categories a{transform:scale(1.05);margin-right:20px} & table,& td{border:none!important} & table{width:350px;margin:0 auto} & td{width:33%;padding:15px 0} & td:nth-of-type(2){width:60%;text-align:left} & td br+a{margin-top:18px} } #ac{line-height:1;opacity:.9;margin:1rem} a[class*='category-link'].category-スクフェス{font-size:13px} .ad1{display:none!important} .mm{background:#f3969a;border-radius:3px;display:inline-block; color:#fff;font-size:11px;text-decoration:none;position:relative;bottom:7px; width:82px;height:20px;line-height:20px} .mm:before{content:'\f048';font-family:blogicon;margin-right:3px;position:relative;top:.8px} /* box2 */ #box2{font-size:15px} #goBtm a,#goTop a,.toX{font-size:1.125rem;padding:1.125rem 1.5rem;text-decoration:none} body.page-index #goTop, body.page-index #toIndex a:not(.toX), body:not(.page-index) #toIndex .toX, body.page-archive #top-editarea sss, body:not([class*=category-]) #top-editarea sss, body:not(.page-index) .hatena-module-custom-menu .hatena-module-title, body.page-index .hatena-module-recent-entries, body:not(.page-index) .hatena-module-entries-access-ranking, body:not(.page-index) .hatena-module-search-box, body:not(.page-index) .hatena-module:not(.hatena-module-recent-entries) .hatena-module-title, body:not(.page-index):not(.page-entry) .hatena-module:last-of-type, body.page-static_page #box2, body.page-archive:not(.page-index) #box2, body.category-心理 .related-entries-image-link, .hatena-module-related-entries .hatena-module-title, .recent-entries-category-link.category-★{display:none!important} /*.hatena-module-custom-menu .hatena-module-title,*/ body.page-index .hatena-module:last-of-type .hatena-module-title, body.page-entry .hatena-module:last-of-type .hatena-module-title, .hatena-module:last-of-type table{display:none} .hatena-module:last-of-type #ac table{display:inline-table} /* body:not(.page-index) .hatena-module-custom-menu{border-top:none} */ .hatena-module-title,.hatena-module-body > ul, .urllist-see-more,.topMenu{margin:0 auto;max-width:480px;display:block} .hatena-module-recent-entries li{padding:.5rem 0} .hatena-module-recent-entries .urllist-with-thumbnails .urllist-image{position:relative;top:2px} .related-entries-item + li{margin-top:8px} .recent-entries-see-more-link{display:block;font-size:0;padding-top:1.5rem} .recent-entries-see-more-link:after{content:'more »';font-size:15px} .hatena-module-html + .hatena-module-html{margin-top:0;padding-top:1.5rem;border-top:0} .hatena-module-html + .hatena-module-html + .hatena-module-html{margin-top:2.25rem;padding-top:2.25rem;border-top:1px solid #ccc} .urllist-title-link{font-size:110%;max-width:calc(100% - 60px);display:inline-block} .urllist-item recent-entries-item{margin-top:1rem} .urllist-with-thumbnails .urllist-item-inner{position:relative} .urllist-with-thumbnails .urllist-item-inner:hover a, .urllist-with-thumbnails .urllist-item-inner:hover div[class$=link]{opacity:.8} .urllist-with-thumbnails .urllist-image-link{position:absolute;width:100%;height:44px;z-index:9} .urllist-with-thumbnails .urllist-image-link + div, .urllist-with-thumbnails .urllist-image-link + div + a, .urllist-with-thumbnails .urllist-image-link + div + a + div{padding-left:54px} body.category-心理 .related-entries.urllist-with-thumbnails .urllist-image-link + div, body.category-心理 .related-entries.urllist-with-thumbnails .urllist-image-link + div + a, body.category-心理 .related-entries.urllist-with-thumbnails .urllist-image-link + div + a + div{padding-left:0} /* body.page-index .hatena-module:last-of-type:before, body.page-entry .hatena-module:last-of-type:before{content:'↓';margin-bottom:2.5rem;display:block} .hatena-module:last-of-type td:nth-of-type(2){text-align:left} body.page-index .hatena-module:last-of-type .hatena-module-title, body.page-entry .hatena-module:last-of-type .hatena-module-title{cursor:pointer;display:inline-block} */ .entry-footer-html center{height:20px;margin-bottom:2.5rem} .entry-footer-html center > *{transform:scale(1.15);height:20px} #copyUrl,#webClap{ background:#5c8ce4;border-radius:3px;color:#fff; cursor:pointer;display:inline-block;text-decoration:none; font:normal normal normal 12px/20px Arial,sans-serif; position:relative;top:-6px;width:96px;height:20px} #webClap{background:rgb(243 150 154);width:77px}/*#e4b45c*/ #copyUrl span>span,#webClap span{margin:0 3px 0 -1px; font-family:'Noto Emoji',Arial,sans-serif} .entry-footer-html a.c{color:#3d3f44;font-size:14px;margin:2.25rem 0} .emoji{font-family:'Noto Emoji',Arial,sans-serif} #ac table,#ac td{border:0!important;pointer-events:none} #ac table{margin:0 auto;max-width:200px;line-height:1} #ac tr{float:left;width:50%} #ac td{width:60%;padding:0;display:inline-block} #ac td:first-child{text-align:right} #ac td:last-child{text-align:left;width:40%} #ac td:first-child:after{content:'：'} .hatena-asin-detail{margin:0 auto 5px!important;max-width:360px!important;width:90%!important} /* .comment-box{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ccc;} .topMenu.categories{display:flex;justify-content:space-around} .urllist-see-more{font-size:0;padding:1.5rem 0 0} .urllist-see-more-link:after{content:'more »';font-size:15px} body.page-index .toI,body:not(.page-index) .toN{display:none} */ /* module */ .lazy{background-image:none!important} .twitter-tweet-button{background-color:#000;border-radius:3px} .twitter-tweet-button:hover{background-color:#333} .embed-card,.embed-webcard,.twitter-tweet{margin:0 auto!important;max-width:360px !important;width:90%!important} iframe[src]:not([class]){border-radius:2px;display:block;margin:0 auto 3px} .entry-content iframe[src]:not([class]) + p:not([class]){margin-top:2px} /* #index .bd{border-radius:3px;margin-bottom:.25rem;height:80px;overflow:hidden;align-content:center;display:grid} #index{border-bottom:1px solid #ccc;text-align:center;font-size:95%;margin-bottom:2.25rem;padding:.25rem 0 2rem} #index img{width:100%;height:auto} body:not(.page-entry.category-コンパス) #top-editarea{display:none} */ span[itemtype]{display:inline-block;text-align:center;width:100%;line-height:0;position:relative} span[itemtype]+br{display:none} .count div[id^="AD"],#box2 table+div, .categories .category-★{display:none!important} .entry-categories:before{color:var(--color-light);content:"カテゴリ：";font-size:14px;margin-right:-2px;position:relative;top:0;text-align:right} .page-index .hatena-module:first-of-type{margin-top:.5rem;padding-top:0;border-top:0} .hatena-module hr.sep:before{content:'⋄'} body{background-image:url('https://cdn-ak.f.st-hatena.com/images/fotolife/k/kalikan/20211206/20211206202836.png');background-repeat:repeat;background-attachment:scroll;background-position:0 0} .page-index header{display:none} body{-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden} #page-index .hatena-module a{color:#2EA9DF} #page-index .hatena-module-recent-entries a{color:#005CAF} a{color:inherit} .entry-content .date{position:relative;top:1px} .date a,.urllist-date-link,.hatena-urllist .urllist-date-link a,.hatena-urllist .urllist-entry-body{ font-size:13px;text-decoration:none!important;color:var(--color-light)} .hatena-urllist .urllist-entry-body{margin-top:3px} .hatena-module-title{color:#555;line-height:1;text-align:center;margin-bottom:1.5rem} .hatena-module-title a{color:inherit;text-decoration:none} .hatena-module-category{text-align:right} /* index */ .page-archive .archive-entry:first-of-type{ border-top:0;margin-top:-2rem} .page-index #news{max-width:500px;margin:0 auto} body:not(.page-index) #news, body:not(.page-index) #blog-title, body:not(.page-index) #index .sep, body.page-index #wrapper, .related-entries.urllist-with-thumbnails .urllist-entry-body{display:none} body.page-about #blog-title{ border-bottom:1px solid #ccc;padding-bottom:1rem} .noImg{background-size:contain;background-repeat:no-repeat;width:100%} .c.noImg{margin:0 auto} .hatena-module-search-box .search-form{margin:0 auto 1rem;max-width:240px} .search-form input::placeholder{color:transparent} .hatena-module{margin-top:2.25rem;padding-top:2.25rem;border-top:1px solid #ccc} body.page-index .hatena-module{margin-top:2.5rem;padding-top:2.5rem} /* .hatena-module-recent-comments .hatena-module-body{margin:0 auto;max-width:calc(480px - 1.5rem)} .hatena-module-recent-comments{margin-top:2.5rem} #box2 .hatena-module .hatena-urllist.recent-comments li{padding-top:.25rem} #box2 .hatena-module .hatena-urllist.recent-comments li:nth-of-type(n + 7){display:none} */ .siteInfo button{font-size:.75rem;padding:.3rem .5rem .2rem} .entryTop{line-height:1;margin-bottom:1rem} .entryTop img{box-shadow:none;width:80px} .entry-content .imgTxt p{line-height:1.5;margin:0} .recent-comments .user-id img{vertical-align:middle;position:relative;bottom:1px} .pager-permalink a{display:inline-block;overflow:hidden;height:1.6rem;width:5em} body.page-entry .pager-prev a:before{content:"« 次の記事"} body.page-entry .pager-next a:before{content:"前の記事 »"} .page-entry .pager{display:none} .pager{font-size:15px;position:relative;height:1.6em} .pager-prev,.pager-next{position:absolute} .pager-next{text-align:right;right:0} .pager-prev a:before{content:"« "} .pager-next a:after{content:" »"} table{border-top:1px solid #e4e4e4; font-size:95%;margin:0 0 1.7rem;width:100%} td,th{border-bottom:1px solid #e4e4e4;padding:.5rem} p.entry-description{-webkit-line-clamp:3!important; font-size:95%;line-height:1.4;margin-bottom:0} #toTop,#toMenu{ display:none;font-size:30px;line-height:30px;margin:0; position:fixed;width:100%;text-align:center;left:0} #toTop{top:0} #toMenu{bottom:0} #toTop>a,#toMenu a{ /*color:#9FD6D2*/ color:#aaa;display:inline-block;text-align:center; width:60px;opacity:0.5;padding:0} body:not(.page-archive) p.entry-description{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .e:after{content:'\f009';font-family:blogicon;font-size:.7rem;display:inline-block;margin:0 2px 0 2px} img{border-radius:2px;box-shadow:0 0 1px #AAA} .p:hover{position:relative;opacity:1;text-decoration:none} .p span{display:none;position:fixed; top: calc(50vh - 185px); left: calc(50vw - 132.5px); width:265px} .p:hover img{max-width:100%;box-shadow:none} .p.i:hover > img{opacity:0} .p.i span{top:0} .p:hover span{border:none;display:block;z-index:1} p.date{margin:-1.6em 0 2.4em} p.date a{text-decoration:none} p.date a:before{margin-right:3px;vertical-align:initial;position:relative;top:1.5px} p.date + p.date{margin-top:-2.4em} .entry-content .hList{font-size:1.1rem;margin-bottom:-1rem} .table-of-contents>li{margin-left:-.5rem} .table-of-contents li li{margin-left:-1rem} *:not(td)>hr{border:0;font-family:inherit;margin:5.25rem 0;line-height:1} *:not(td)>hr,hr.sep,hr.dot,hr.dsh{background-color:transparent;box-sizing:content-box; clear:both;font-size:15px;position:relative;width:100%;height:1rem} *:not(td)>hr:not([class]):before,hr.sep:before,hr.dot:before,hr.dsh:before{ color:#555;content:'◆';display:block;font-family:'Helvetica', Arial', ans-serif; line-height:1;position:absolute;text-align:center;width:100%;height:1rem} hr.dsh:before{content:'- - - - - - - - - - - - - - - - - - - - - - - - -';line-height:1} hr.dot{margin:5rem 0} hr.dot:before{content:'…'} hr.cps,hr.tap,hr.mod{margin:6.25rem 0;height:21px;width:100%; background:no-repeat 50%/21px url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/kalikan/20180417/20180417165650.png)} hr.tap{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/kalikan/20181229/20181229080057.png)} hr.mod{background:no-repeat 50%/25px url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/kalikan/20220105/20220105154837.png);height:25px} hr.bdr{border-top:1px solid #ccc;height:0;margin:1rem 0} hr.bdr:before{content:''} .search-result .archive-heading:before, .search-result .archive-heading:after{content:''} .entry-content img,.recent-entries-item img{border-radius:2px;max-width:90%} .urllist-with-thumbnails li:not(:first-child){padding-top:.75rem} span#entryGatchagachaSpan p iframe{margin:1.6em 0 0!important}span#entryGatchagachaSpan p,span#entryGatchagachaSpan p+p iframe{margin:0!important}span#entryGatchagachaSpan p+p iframe{margin-bottom:-1pc!important}.board{font-family:Osaka−等幅,ＭＳ\ ゴシック,'monospace';line-height:1} .page-archive .archive-entry:last-of-type{border-bottom:1px solid #ccc;padding-bottom:2.5em} /* decoration */ .b{ font-size:1.03rem; font-weight:bold} .c u{display:block; margin-bottom:1em} .clear{clear:both} a.c{display:block} .c{text-align:center}.l{text-align:left!important}.r{text-align:right} ss{display:inline}.s,ss{font-size:15px;line-height:1.6}.ss{font-size:14px;line-height:1.5} .ss img{margin-bottom:0}.ss iframe{margin-bottom:-2px} sss{font-size:14px;display:inline-block;width:100%;text-align:center;opacity:.8} .f0{font-size:0!important}.fd{font-size:1rem}.fl{ font-size:1.1rem} .op0{opacity:0!important} .db,.bl{display:block}.db.c{margin:0 auto} .dn,.hide{ display:none} .half{display:block; margin-top:-0.8em} .lh0{line-height:0}.lh1{line-height:1}.lh125{line-height:1.25}.lh15{line-height:1.5} .top0{margin-top:-1.6rem !important} .top05{ margin-top:-1.1rem !important} .top1{ margin-top:-.6rem !important} .top24{margin-top:.8rem !important} .btm0{margin-bottom:-1.6rem !important} .btm05{ margin-bottom:-.8rem !important} b.mb5{display:inline-block} .w100{width:100%!important} .m0{margin:0!important} .mt1{margin-top:1px}.mt3{margin-top:3px}.mt5{margin-top:5px} .mb1{margin-bottom:1px}.mb3{margin-bottom:3px}.mb5{margin-bottom:5px} .pt1{padding-top:1px}.pt2{padding-top:2px}.pt3{padding-top:3px}.pt4{padding-top:4px}.pt5{padding-top:5px} .pb1{padding-bottom:1px}.pb3{padding-bottom:3px}.pb5{padding-bottom:5px} .ul, .ul a{ text-decoration:underline !important} a.nb{text-decoration:none !important} .nb img{box-shadow:none!important} .cImg{text-align:center;line-height:1.5} left{text-align:left}center{text-align:center}right{text-align:right} .point, .points{background-color:#fdfdfd;border:1px solid #ddd;line-height:1.25;padding:1.25rem .75rem 1.2rem 5px} .point ul, .point ol,.points ul, .points ol{margin:0} .point > p:not([class]), .points > p:not([class]){display:none} .point li, .points li{margin-left:-5px} .point li + li, .points li + li{margin-top:1em} .point{margin:-.75rem 0} .entry-content label[for]{cursor:pointer;text-decoration:underline} a[onclick]:hover{cursor:pointer} a:hover, .entry-content label[for]:hover{ opacity:0.7} input[id],input[id] + *{display:none} input[id]:checked + *{display:block;text-align:center} mark{background:linear-gradient(transparent 60%, #eaffff 0); border-radius:3px;color:#222;font-size:105%;font-weight:bold;margin:0 1.5px;padding:0 1.5px} .entry-content h1,.entry-content h2{ padding-bottom:.1em;border-bottom:1px solid #d2d7e5} .entry-content h1,.entry-content h2, .entry-content h3,.entry-content h4,.entry-content h5,.h3,.h4,.h5{ font-weight:bold;line-height:1.3;margin:1em 0 .8em} .entry-content h1,.entry-content h2, .entry-content h3,.h3{font-size:1.175rem} .entry-content h4,.h4{font-size:1.05rem} .entry-content h5{font-size:1rem} .entry-content p:not([class]){margin:1.7rem 0} .entry-content br + p:not([class]){margin-top:0} /* shrBtn ha#00a4de tw#1DA1F2 li#00C300 pl#999 */ .entry-header-html .bd.c{line-height:1;margin:.5rem 0;padding:0 0} .entry-footer-html .bd.c{border-top:1px solid #d2d7e5;line-height:1;margin:1.5rem 0 .5rem;padding:1.5rem 0 0} .shrBtn{align-items:center;border-bottom:1px solid #d2d7e5;display:flex;font-size:12px;justify-content:center;line-height:1.1;margin:0 auto 1.5rem;padding:0 0 2rem;width:100%} .entry-header-html .shrBtn{border-bottom:0;padding:0} .shrBtn a{border:1px solid #3d3f44;border-radius:3px;box-shadow:0 1px #3d3f44;color:inherit;line-height:1.25;text-align:center;text-decoration:none;margin:0;padding:.25rem 0;width:32.666%} .shrBtn a:nth-of-type(2){margin:0 1.5%} .shrBtn i{font-size:1rem;line-height:1.25!important} .comment-box ul li:first-of-type{border-top:0} .page-archive .archive-entry{display:flex;flex-flow:column;position:relative} .page-archive .entry-thumb{border-radius:2px;box-shadow:0 0 1px #AAA;float:none;margin:0 auto;width:100%;height:80px;position:relative; bottom:1rem} .page-archive .archive-entry-header{order:1;display:flex;flex-flow:column-reverse} .entry-thumb-link{text-align:center;margin:1.75rem auto -1rem;width:100%;max-width:240px;position:relative;top:1rem;z-index:1} .page-archive .entry-title{order:2;margin:1.5rem 0 .3rem;z-index:2} .page-archive .archive-entry-body{order:4;width:75%;margin:.5rem auto 0} .page-archive .entry-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center} .page-archive .date{position:absolute;top:2.5rem;width:100%} .page-archive:not(.page-index) .categories{order:3;text-align:center;margin:0 auto} .archive-entry-tags-wrapper, .badge-type-pro,.comment-metadata .hatena-star-star-container, body.page-archive:not([class*='category-']) section[data-uuid='10328749687214487673'], body.page-archive:not([class*='category-']) section[data-uuid='17680117127019782114'], body.page-archive:not([class*='category-']) section[data-uuid='26006613672850496'], body.page-index .aheadL,body.page-index .aheadR, body.page-archive[class*='category-'] .aheadL, .user-name-paren,.user-name-hatena-id, .entry-footer-section,.hatena-citation, .entry-tags-wrapper,.recent-comment-time, blockquote button{display:none!important} .page-archive:not([class*='category-']) section[data-uuid='10328749687214487673'], .page-archive:not([class*='category-']) section[data-uuid='17680117127019782114'], .page-archive:not([class*='category-']) section[data-uuid='26006613672850496']{border-top:0;padding-top:0} .fa,.fas{font-weight:400!important} .entry-title{font-size:1.35rem;line-height:1.5;margin:.3rem 0 .5rem} body:not(.page-archive) .entry-title{font-size:1.5rem} .breadcrumb-link:first-of-type span:after{content:'ページ'} .hatena-module-related-entries .urllist-title-link{font-size:15px} #box2{text-align:center} .urllist-item{text-align:left} .customized-footer{line-height:1} .hatena-module.hatena-module-related-entries{margin-top:1rem} .read-more-comments{border-top:0!important} body:not(.page-entry) .hatena-module.hatena-module-related-entries{border-bottom:1px solid #ccc;margin:2rem 0;padding:2rem 0} .openMenu{margin-top:2rem} body.page-archive .pager{margin-bottom:1rem} html,body{font-family:arial,sans-serif} .entry-content{line-height:1.7;padding:0 0 7.5rem} pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}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}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}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}[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}[hidden],template{display:none}.clearfix:after{content:' ';display:table;clear:both}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}#globalheader-container{color:var(--color-light)}#blog-description,.bd{font-size:.8rem;font-weight:400;color:var(--color-light)}.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 -10px;padding-bottom:1.5em;padding-top:0}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50vw;max-height:200px}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}#top-box{margin:0 auto 1.5em}.breadcrumb{font-size:.85rem;color:var(--color-light)}.entry-header{position:relative;margin-bottom:2.5rem;text-align:center}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none !important;border:1px solid #d2d7e5;-webkit-transition:all .2s;transition:all .2s;padding:.2em .5em;font-size:.75rem}.entry-header-menu a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-header-menu a img,.entry-header-menu a svg{vertical-align:top;margin-right:.3em}.customized-header{margin:.8em 0}.entry-content,.entry-footer{margin:auto}.entry-content a{text-decoration:underline}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #d2d7e5;color:#3d3f44}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content blockquote{margin:1em 0;padding:5px 5px 5px 15px;border-left:2px solid var(--color-light)}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content code,.entry-content pre{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#f7f8f9;border:0;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;line-height:1.3;font-size:15px;padding:10px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background-color:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:95%;margin:0 2px;padding:0 5px;background-color:#f7f8f9;border-radius:3px}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#f7f8f9;border-color:#d2d7e5}.entry-content .entry-see-more{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none !important;border:1px solid #d2d7e5;-webkit-transition:all .2s;transition:all .2s;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.entry-content .entry-see-more:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-content .entry-see-more img,.entry-content .entry-see-more svg{vertical-align:top;margin-right:.3em}.entry-footer-section{color:var(--color-light);font-size:.8rem}.entry-footer-section a{color:var(--color-light)}.entry-footer-section a:hover{color:#3067cb;color:rgb(35, 85, 165)}.comment-box{text-align:center}.comment-box ul li{border-top:1px solid #d2d7e5;padding:1.25rem 0}.comment-box .comment{list-style:none;margin:0 0 15px;padding:0;line-height:1.7;font-size:.85rem;text-align:left}comment-box .entry-comment{padding:10px 10px 10px 70px;border-bottom:1px solid #d2d7e5;position:relative}.comment-box .read-more-comments{padding:0}.comment-box .hatena-id-icon{position:absolute;top:calc(1.25rem+5px);left:0;width:50px !important;height:50px !important;border-radius:50%}.comment-user-name,.comment-content,.comment-metadata{margin:0 0 0 60px}.comment-user-name{font-weight:700}.comment-content{word-wrap:break-word;font-size:.85rem}.comment-content p{margin:0 0 .6em}.comment-metadata{color:var(--color-light);font-size:.8rem;margin-top:-5px}.comment-metadata a{color:var(--color-light)}.hatena-module{-webkit-box-sizing:border-box;box-sizing:border-box}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0}.hatena-module-profile .id{display:block;font-weight:700;margin-bottom:0}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.urllist-date-link a{text-decoration:none}.hatena-module-search-box .search-form{border:1px solid #d2d7e5;border-radius:3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-form:hover{border-color:var(--color-light)}.hatena-module-search-box .search-module-input{padding:5px;color:#3d3f44;background:0;border:0;outline:0;height:20px;width:90%}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=4f1cb770a72175570fc55ef0e22b7c) no-repeat 100%;background-size:20px 20px;border:0;outline:0;text-indent:-9999px;position:absolute;top:5px;right:5px;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem}#footer,#footer a{color:var(--color-light)}#footer p{margin:.5em auto}.page-about dd{margin-bottom:1.5em}.page-about dd:last-child{margin-bottom:0}.archive-header-category{text-align:center}.archive-header-category h2{display:none}.page-archive .archive-entry{margin-bottom:2.5em;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.3;border-top:1px solid #ccc;padding-top:2.5em}.page-archive .archive-entry-header{text-align:center}.page-archive .entry-thumb{background-size:cover}.page-archive .entry-description{margin:0;font-size:.85rem;line-height:1.5}.page-archive .social-buttons{display:none;margin-top:.3em}div.footnote{font-size:.85rem;margin:6.4rem 0 -2.4rem}.social-buttons .social-button-item{margin-bottom:0} .toComment{cursor:pointer} .hatena-asin-detail .hatena-asin-detail-image-link, .hatena-asin-detail > a{flex-basis:100px;height:100px} .entry-content div:not(.tweet) ul:not([class]){padding:0 0 0 2rem} .entry-content div.tweet ul:not([class]){padding-left:40px} .profile-about{width:100%;text-align:center;position:relative;bottom:15px} .hatena-follow-button-box{position:relative;left:54px;bottom:29px} .categories{line-height:1} .categories a,a.button, .hatena-urllist .urllist-category-link, .leave-comment-title,.read-more-comments a{ background-color:#fefefe;border:1px solid #d2d7e5; border-radius:3px;color:#3d3f44;cursor:pointer; display:inline-block;font-size:14px;width:4.75rem; overflow hidden;padding:.4rem 0; text-align:center;text-decoration:none!important } .hatena-urllist .urllist-category-link{ font-size:12px;line-height:1.65;width:3.75rem; margin:5px 0 0 53px;padding:0} .hatena-urllist .urllist-category-link{margin-left:0} .hatena-urllist .urllist-category-link + .urllist-category-link{margin-left:0} //*thumbnail:66px;width:calc(100% - 60px)*/ .urllist-title-link{display:inline-block} #box2 .hatena-urllist.categories{display:flex;max-width:420px} #box2 .hatena-urllist.categories li{ margin:0 auto;padding:.25rem 0!important} #box2 .hatena-urllist.categories a{ align-items:center;justify-content:center;display:flex;height:7rem;width:1rem;padding:0 .75rem} a.button,.leave-comment-title,.read-more-comments a{background:#f0f0f0;border-color:var(--color-light);border-radius:3px;color:#111;font-size:13px;padding:1px 8px;width:auto} .entry{margin-bottom:2.25em} a.button:hover,.leave-comment-title:hover, .read-more-comments a:hover{background:#ccc;opacity:1} .categories a:hover,.hatena-urllist .urllist-category-link:hover{ background-color:#f7f8f9;border-color:#b2bad2; color:#3d3f44;text-decoration:none} .categories a img, .categories a svg, .leave-comment-title img,.leave-comment-title svg, .hatena-urllist .urllist-category-link img, .hatena-urllist .urllist-category-link svg{ vertical-align:top;margin-right:.3em} .cboxPhoto{border-radius:0px} .embed{background-color:#fefefe;border:1px solid #eee;border-radius:2px;display:block; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:11px;line-height:1;text-align:left; text-decoration:none!important;width:82%!important;max-width:320px!important;margin:5px auto!important;padding:12px 6px} .embed em{display:flex;font-style:normal;line-height:1.5} .embed em>span{padding:0 6px} .embed b{font-size:15px;line-height:1.4;-webkit-line-clamp:2} .embed b,.embed b+span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3rem} .embed:hover b{text-decoration:underline!important} .embed b+span{-webkit-line-clamp:3;padding:5px 0 0} .embed foot{color:#6b7377;display:flex;padding:12px 6px 0} .embed img{box-shadow:none!important} .embed em img{width:80px;height:80px;margin:0 6px} .embed em span+img,.embed em span+br+img{width:70px;height:70px} .embed foot img{vertical-align:top;width:14px;margin-right:3.5px} lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:center center;cursor:pointer;max-width:720px}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all 0.2s cubic-bezier(0,0,.2,1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} lite-youtube{border-radius:2px;box-shadow:0 0 1px #AAA;margin:1.6rem auto 0;max-width:320px;max-height:180px;background-size:320px} lite-youtube + span{display:inline-block;font-size:14px;text-align:center;margin-top:5px;width:100%} .deck{font-size:.9rem;font-weight:bold;margin-bottom:1.4rem;text-align:center} .deck img{margin-bottom:3px}.deck b{font-weight:normal;} .deckCard td{font-size:103%;text-align:center} .deckCard td + td{font-size:100%;padding:1.25em .25em;text-align:left} .deckFt{margin-bottom:3.5em}.deckFt img{margin:-3px 5px 0;width:28px} .deckFt table{margin:-0.8em 0 0;}.deckFt b a{text-decoration:none} .deckFt img + span{position:relative;top:-1px} .ard{font-size:95%}.ard img{margin-bottom:3px;width:90px} .heroList table{font-size:.9rem} .heroList img{width:30px;margin-right:6px} span.red{color:#d32f2f;font-size:.9rem;font-weight:bold} .heroList h3 a{text-decoration:none} .heroList td a{align-items:center;display:flex} .bsDeck table{border-collapse:collapse;border-spacing:0;border-top:0;margin:0 auto;width:100%;overflow:auto;font-size:14px}.bsDeck td,.bsDeck table th{border:1px solid #d2d7e5;padding:5px 7px}.bsDeck th{background:#f7f8f9;font-weight:700} .category-界放 .entry-content{font-size:15px;line-height:1.7} .category-界放 .entry-content strong{font-size:16px} .category-界放 img.hatena-fotolife{height:310px;width:auto} .category-界放 .c img.hatena-fotolife{display:inline;height:auto;width:auto} .img{border-radius:3px 3px 0 0;font-size:0;margin-bottom:-9px;width:256px;overflow:hidden} .entry-content .img img{border-radius:3px 3px 0 0!important;box-shadow:none!important;max-width:100%} .mov{border-radius:3px 3px 0 0;display:block;overflow:hidden;height:380px} .mov,.mov video{cursor:pointer;margin:0 auto;width:256px} .img,.mov,.tweet{border:1px solid rgba(15, 70, 100, .12);display:block;margin:0 auto 5px;text-align:left;max-width:90%} .img span[itemtype],.icon span[itemtype]{top:0;overflow:hidden} .tweet{border-radius:3px;color:#222;line-height:18px;padding:10px;text-decoration:none!important;width:236px;clear:both;margin:0 auto} .tweet:hover{background-color:rgba(160, 200, 220, .12);cursor:pointer;opacity:1} .tweet ul{position:relative;margin:0} .tweet li{float:left;list-style:none;margin-bottom:8px} .tweet li b,.tweet li span,.tweet .txt, .tweet .day{clear:both;color:#222;font-size:14px} .tweet li.name span{display:block;margin-top:-2px} .tweet li span,.tweet .day{color:#8899A6} .tweet li.icon{position:absolute;left:0;top:1px} .tweet li.logo{float:right} .tweet li.logo img{box-shadow:none;width:18px;height:18px;max-width:100%} .tweet li.logo img,.tweet li.logo i{margin-top:2px} .tweet li.logo.x img{width:14px;height:14px} .tweet li.icon img{border-radius:50%;margin-right:8px;width:34px;height:34px} .tweet .txt a,.tweet .txt span,.tweet i{color:#2b7bb9;text-decoration:none} .tweet .day{margin:5px 0 -3px;text-align:right} .tweet .day+.txt{margin-top:1rem;border-top:1px solid rgba(15, 70, 100, .12);padding-top:1rem} .tweet img{box-shadow:none!important} .img + .tweet,.mov + .tweet{border-top:0;border-radius:0 0 3px 3px;margin-top:-5px} .entry-content .img.p2 img,.entry-content .img.p3 img, .entry-content .img.p4 img{border-radius:0!important} .img.p2 span[itemscope],.img.p3 span[itemscope], .img.p4 span[itemscope]{float:left;width:50%} .img.p2 span img, .img.p3 span[itemscope]:first-of-type img{width:200%;max-width:200%;position: relative;left:-50%;} .img.tt span,.img.sq span{max-height:192px} .img.tt span img{position:relative;top:-75px} .img.p2v span[itemscope]{height:96px} .img.p2v span img{position:relative;top:-48px} .tweet + sss{padding-top:5px} .entry-content > img{display:flex;margin:0 auto -1rem} blockquote p{margin:0!important;font-size:15px} :root{--color-light:#666} html,body,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,hr.sep,hr.dsh{color:#303134} .c_666{color:#666} @media (prefers-color-scheme: dark) { body,#container{background:#1d2327} html, body, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, hr.sep, hr.dsh{color:#f1f1f1} .res,a.embed{color:#202124} .hatena-module-title{color:#ccc} .hatena-module-search-box .search-module-button{background-color:#fff} .categories a, a.button, .hatena-urllist .urllist-category-link,.leave-comment-title, .read-more-comments a{background-color:#2f2f2f;border:1px solid #d2d7e5;color:#f1f1f1} .point, .points{background:inherit} .c_666{color:#ccc} .entry-content pre:not(.lang-aa){background:transparent;border:1px solid #f7f8f9;border-radius:2px} mark{background:linear-gradient(transparent 88%, pink 0);color:#ddd} .img,.mov,.tweet{border:1px solid #f1f1f1} .tweet li b,.tweet li span,.tweet .txt,.tweet .day{color:#f1f1f1} #ac *{color:#f1f1f1!important}/*filter:invert(100)*/ }