/* <system section="theme" selected="17680117126993645620"> */
/*
    Theme: Release All Yourself
    Author: せやな (id:release_all)
    Description: スタイリッシュ・1カラム←→2カラム・テーマ
    How To Use: https://www.release-all.com/entry/ReleaseAllYourself
    Responsive: yes
*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c|Noto+Serif+SC');*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;background:#454545;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;color:#454545}body{position:relative}body:before,body:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{transition:.3s;color:#38a1db}a:active,a:hover{outline:0 color:#507ea4}.a-cover{box-shadow:0 0 7px #eb2f06;width:100%;height:100%;display:inline-block}.a-cover:hover{box-shadow:0 1px 30px 7px #eb2f06}b,strong{font-weight:700;color:#222}h2 strong{color:#fef9fb}.-mark{position:relative;font-weight:700;background:linear-gradient(rgba(255,255,255,0) 60%,rgba(26,42,108,.3)60%,rgba(178,31,31,.6) 80%,rgba(253,187,45,.9)95%);text-shadow:0 1px 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;padding:0 0 4px}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;opacity:0}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{color:#1487bd}a:visited{color:#789dae}a:hover{color:#0f5373}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px;margin-bottom:0;line-height:18px;background-color:#fff;text-align:center;vertical-align:middle;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:9pt;font-weight:700;border:1px solid rgba(0,0,0,.2);text-decoration:none}#globalheader-container{background:#fff}#blog-title{text-align:center;font-family:fantasy,'M PLUS Rounded 1c',sans-serif;top:0;z-index:10;font-size:14px;width:100%;display:table;position:fixed;border-bottom:3px solid #666;position:relative}.header-image-enable #blog-title-content:before,.header-image-only #blog-title-content:before{background:rgba(250,250,250,.5)}.blog-title--scrll,.page-entry #blog-title,.blog-title--scrll #title a,.page-archive-category #blog-title{border:none !important;font-size:16px;text-shadow:2px 2px 1px #777,-2px 2px 1px #777,2px -2px 1px #777,-2px -2px 1px #777,-2px 0 1px #777,2px 0 1px #777,0 -2px 1px #777,0 2px 1px #777;position:sticky !important;position:-webkit-sticky !important}#blog-title-content:before{content:'';position:absolute;background:rgba(250,250,250,.3);width:85%;height:60%;margin:auto;display:block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}#blog-title:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2}.container-inner--scrll #blog-title-content:before,.page-entry #blog-title-content:before,.page-archive-category #blog-title-content:before{content:none}#blog-title-inner{vertical-align:middle;display:table-cell;padding:50px 0 36px;height:200px;background-size:cover;background-position:center !important}#blog-title-inner:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}.blog-title-inner--scrll,.page-entry #blog-title-inner,.page-archive-category #blog-title-inner{padding:2px 0 !important;box-shadow:3px 3px 5px rgba(0,0,0,0.3);height:37px !important}.header-image-enable #blog-description,.header-image-enable #title,.header-image-only #blog-description,.header-image-only #title{padding-left:unset !important}#title a{color:#fff;text-decoration:none;text-shadow:2px 2px 1px #444,-2px 2px 1px #444,2px -2px 1px #444,-2px -2px 1px #444,-2px 0 1px #444,2px 0 1px #444,0 -2px 1px #444,0 2px 1px #444;position:relative}.header-image-enable #title a,.header-image-only #title a,.header-image-enable #blog-title #title a{text-shadow:2px 2px 1px #000,-2px 2px 1px #000,2px -2px 1px #000,-2px -2px 1px #000,-2px 0 1px #000,2px 0 1px #000,0 -2px 1px #000,0 2px 1px #000}#content{padding-bottom:80px}.page-archive #content{padding-top:40px;position:relative}.page-archive-category #content{padding-top:240px}.page-archive .content--scrll{padding-top:120px !important}#wrapper{position:relative}.page-archive .archive-entries .archive-entry:last-child{margin-bottom:10px}.page-archive .entry-title{background:rgba(250,250,250,.8);z-index:1;width:90%;height:90%;position:relative;margin:auto;top:6px}.hatena-module-entries-access-ranking .hatena-module-body,.hatena-module-recent-entries .hatena-module-body,.hatena-module-profile .hatena-module-body,.hatena-module-related-entries .hatena-module-body{width:100vw;max-width:100%;padding:0}.hatena-module a{color:#fff}.categories a,a.urllist-category-link,a.breadcrumb-link,.breadcrumb-child{font-size:14px;text-decoration:none;color:#595857;background:#fff;border:3px dotted #e58e26;padding:2px 2px 0;border-radius:6px;display:inline-block;margin:2px 0}a.urllist-category-link{font-size:12px}a.archive-category-link:hover,a.urllist-category-link:hover,.entry-category-link:hover,a.breadcrumb-link:hover,.breadcrumb-child:hover{color:#fff}a.entry-title-link,a.urllist-title-link{color:#595857;text-decoration:none}.urllist-title-link.recent-entries-title-link{width:100%;margin:7px 0}.hatena-module-body{z-index:3;position:relative;max-width:680px;margin:auto}a.urllist-title-link{background:rgba(250,250,250,.7);width:90%;height:90%;margin:7px 12px;font-size:22px;white-space:normal}.urllist-date-link{z-index:1;position:absolute}.page-archive .archive-entry:hover .entry-thumb,.page-archive .archive-entry:hover .entry-title-link{background-size:120%;transition:.5s;animation:furueru2 .1s infinite;opacity:.5}.entry-footer .social-buttons{text-align:center;position:relative;z-index:2}.hatena-module{position:relative;padding:80px 0 0}.hatena-module:before,.hatena-module:after,.social-buttons:before,.social-buttons:after,#wrapper:before,#wrapper:after{content:'';position:absolute;top:100%;width:100%;height:60px;-webkit-clip-path:ellipse(60% 100% at 50% 0);clip-path:ellipse(60% 100% at 50% 0);left:0;z-index:2}.sns-area:before{content:'';position:absolute;max-width:700px;width:93.75%;height:60px;bottom:-8px;-webkit-clip-path:ellipse(60% 100% at 50% 0);clip-path:ellipse(60% 100% at 50% 0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%}#wrapper:before,#wrapper:after{z-index:2}#wrapper:after,.social-buttons:after{top:calc(100% - 8px);background:#fff}.hatena-module:after{top:calc(100% - 8px)}#box2 .hatena-module:last-child:before{background:rgba(250,250,250,.5)}#entry-footer-secondary-modules{width:100%}#box2,.hatena-module,.hatena-module:after{background:#666;color:#fff}.entry-footer .hatena-module,.entry-footer .hatena-module:after{background:#fff;color:#454545}.hatena-module-profile:after{background:#888}.hatena-module-title{text-align:center;margin-bottom:20px;font-family:fantasy,'Noto Serif SC',serif;font-size:18px}.hatena-module-title a{text-decoration:none}.hatena-module:nth-child(3) .hatena-module-title{text-align:center;margin-bottom:20px}ul.hatena-urllist{-ms-overflow-style:none}ul.hatena-urllist::-webkit-scrollbar{display:none}.hatena-module .urllist-item{word-break:break-all;display:inline-flex}.urllist-item-inner{width:100%;display:block;text-align:center;position:relative}a.related-entries-title{font-size:18px}.urllist-entry-body{display:none}.hatena-module-profile{text-align:center;background:#888}.hatena-module-links .hatena-module-body,.hatena-module-search-box .hatena-module-body,.hatena-module-archive .hatena-module-body{padding:0 24px}.profile-icon{border-radius:50%;border:3px solid #bbb;background:#fff;min-width:100px}.hatena-id-link{display:block;color:#fff;text-decoration:none;width:fit-content;margin:auto;text-shadow:2px 2px 1px #777,-2px 2px 1px #777,2px -2px 1px #777,-2px -2px 1px #777,-2px 0 1px #777,2px 0 1px #777,0 -2px 1px #777,0 2px 1px #777}.hatena-id-link:hover{color:#777;text-shadow:2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,-2px 0 1px #fff,2px 0 1px #fff,0 -2px 1px #fff,0 2px 1px #fff}.profile-description{padding:6px 0;margin:6px 0;color:#000}.profile-description p{background:rgba(250,250,250,.6);padding:4px 10px;max-width:680px;margin:auto}.hatena-follow-button-box{display:inline-block;vertical-align:middle}.hatena-module-category li{display:inline-block;border-radius:6px;margin:6px 0}.hatena-module-category li a{font-size:14px;text-decoration:none;color:#000;background:#fff;border:3px dotted #e58e26;padding:2px;border-radius:6px}.hatena-module-category li a:hover{color:#fff}.hatena-module-search-box .hatena-module-body{max-width:300px}.hatena-module-search-box .search-form{border:2px solid #ccc;border-radius:3px;background:#fff;text-align:left;position:relative}.search-form:before{content:'\f01a';font-family:blogicon;transform:rotate(-90deg)}.hatena-module .search-form:before{position:absolute;right:5px;color:#454545;height:34px;font-size:22px}.search-module-input{padding:5px;border:0;outline:0;height:30px;width:calc(100% - 30px)}.search-module-button{width:30px;height:30px;border:0;outline:0;right:5px;position:absolute;opacity:0}.hatena-module-recent-comments .hatena-id-icon{background:#fff;border-radius:50%;width:30px}#bottom-editarea{padding:0 24px 40px;position:relative}#bottom-editarea:before,#footer:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.entry-content,.entry-footer-section,.comment-box,.entry-header,.entry-date,.entry-header .entry-title,.entry-footer,.hatena-module-body,.hatena-star-container,.pager{width:93.75%;margin-right:auto;margin-left:auto}.entry-header{height:170px;padding:12px 0 0;display:inline-block;margin:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;position:relative;background:#fff;z-index:1}.entry-header .entry-title{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:68px;left:50%;position:absolute;text-align:center}.entry-header .entry-title-link{display:inline-block}.entry-categories.categories{text-align:right;bottom:4px;position:absolute;width:fit-content;right:3.125%}.entry-header-menu{position:absolute;bottom:4px;width:fit-content !important;left:3.125%}.entry-content{position:relative;background:#fff;overflow-x:hidden}.entry-content a{display:inline-block}.entry-content a:hover,.hatena-star-add-button,.hatena-big-star-star-container:hover,.hatena-follow-button-box:hover{opacity:.7;animation:furueru2 .1s infinite}.hatena-citation{display:none}.entry-content span>a{display:unset !important}.entry-content ol,.entry-content ul{margin:0 0 2rem 1.5em}.entry-content dd{margin:0 0 0 1.5em}twitter-widget{margin:auto}.box{position:relative;border-radius:6px;margin:0 auto 2rem}.entry-content .box p{margin:0;padding:0 16px 1rem;font-size:16px;position:relative;z-index:0}.entry-content .box p:first-child{border-radius:6px 6px 0 0;padding-top:20px}.entry-content .box p:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.box p:before{content:'';position:absolute;background:#fffff4;top:0;left:0;z-index:-1;width:calc(100% - 8px);height:100%;margin:0 4px}.box p:first-child:before{height:calc(100% - 4px);margin-top:4px;border-radius:4px 4px 0 0}.box p:last-child:before{height:calc(100% - 8px);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.box p+p:last-child:before{height:calc(100% - 4px)}.awasete,.osusume,.gaibu{margin:2rem auto}.awasete:before,.osusume:before,.gaibu:before{content:'合わせて読みたい';position:absolute;top:-14px;background:#fff;width:auto;height:auto;font-size:14px;padding:0 10px 0 30px;border:dotted #e58e26;border-width:3px 0;left:8px;border-radius:16px;z-index:1}.osusume:before{content:'オススメ記事'}.gaibu:before{content:'外部サイト'}.awasete:after,.osusume:after,.awasete:after,.gaibu:after{content:'\f029';position:absolute;top:-11px;font-size:14px;padding:0 8px;font-family:blogicon;color:#e58e26;left:12px;z-index:1}.osusume:after{content:'\f720'}.gaibu:after{content:'\f009';color:#444}.furueru{animation:furueru .1s infinite;display:inline-block}.customized-footer{margin-bottom:-80px}.comment-box{margin-top:140px;z-index:0;position:relative}.comment-box .hatena-star-add-button{animation:none}.hatena-star-container{z-index:0;position:relative}.entry-content:before{content:'';position:absolute;top:12px;left:0;width:100%;height:4px;border-radius:50% 50% 50% 50% / 4px 4px 4px 4px;z-index:1}.google-afc-image{text-align:center;margin-top:80px;margin-bottom:-60px}.pager{position:relative;padding:20px 16px;min-height:88px}.pager-next{text-align:right;margin:20px 0 0}.pager-prev,.pager-next{position:relative;display:inline-block;width:100%;transition:.2s;background:#fff;border-radius:4px}.pager-prev a:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:4px;z-index:-1;transform:rotate(180deg)}.pager-prev:hover,.pager-next:hover,.social-button-item:hover{box-shadow:3px 3px 5px rgba(0,0,0,0.3);opacity:.7;animation:furueru2 .1s infinite}.pager .pager-prev a,.pager-next a{display:inline-block;border-radius:4px;padding:10px 40px;color:#fff;text-decoration:none;font-size:17px;line-height:1.3;opacity:.7;width:100%;text-shadow:2px 2px 1px #999,-2px 2px 1px #999,2px -2px 1px #999,-2px -2px 1px #999,-2px 0 1px #999,2px 0 1px #999,0 -2px 1px #999,0 2px 1px #999}.pager-prev:before,.pager-next:before{content:'\f005';font-family:blogicon;color:#fff;z-index:1;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;position:absolute;padding:0 16px}.pager-next:before{right:0;content:'\f006'}.pager-arrow{display:none}.entry-footer{background:#fff;position:relative;padding:0}#footer{padding:0 20px 40px;color:#fff;text-align:right;font-size:10px;position:relative}#footer a{color:#fff}.pickup{position:relative;height:336px;top:200px;padding:16px 0;z-index:2;background:#3f3f3f;border-top:4px solid #b71540;box-shadow:0 -3px 5px rgba(0,0,0,.3)}.pickup__item--main{width:90%;height:160px;background-position:center;margin:auto;position:relative;background-size:110%;transition:.5s}.pickup-footer{width:100vw;height:162px;top:0;left:50%;border:unset;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.pickup .carousel{height:176px;padding-left:110px}.pickup:before{content:'PICK UP ＞＞';position:absolute;left:10px;font-family:fantasy;z-index:0;top:230px;color:#fff}.pickup__item{width:175px;height:125px;position:relative;background:no-repeat center/cover;animation:RightToLeft 2s forwards ease-out;background-size:180%;transition:.5s;top:16px;margin-right:10px}.pickup__item:hover{background-size:160%}.pickup__item--main:hover{background-size:100%}.pickup__item--main,.pickup__item:nth-child(4),.page-entry .pickup__item:nth-child(1){background-image:url(https://lh3.googleusercontent.com/-zLjhfMZto8U/XDyFO8ryqVI/AAAAAAAABqM/CEYXPrQ15xAL8B3DkmXaRO8OQiorbO0TACE0YBhgL/s1024/thumb-Zero-min.jpg);display:inline-block}.pickup__item--main{display:block}.pickup__item:nth-child(1){display:none}.pickup__item:nth-child(2){background-image:url(https://lh3.googleusercontent.com/-rDANEkoPQ64/XDyJt81TjeI/AAAAAAAABrc/3n-Zuo4_UT4ZVraWEGjh-sF2mf-_yUItwCE0YBhgL/s1024/thumb-standing-min-min.jpg);margin-left:10px}.pickup__item:nth-child(3){background-image:url(https://lh3.googleusercontent.com/-MSbLNkzSSwk/XDyKYyMxyvI/AAAAAAAABrw/dfUXPS-j-7khzQb8oLsCkCeg5yfVQLa9wCE0YBhgL/s1024/thumb-penguin-min.jpg)}.pickup__item:nth-child(4){display:none}.pickup__item:nth-child(5){background-image:url(https://lh3.googleusercontent.com/-Hc0eu3TTaU/XDyKzCh6B-I/AAAAAAAABsE/90le-ecXK4gn19D74148Jrdpc32b9ASxwCE0YBhgL/s1024/thumb-henessy-min-min.jpg)}.pickup__item:nth-child(6){background-image:url(https://lh3.googleusercontent.com/-ugKC4OF-oYI/XDyGFZTJqbI/AAAAAAAABqk/5hcKREkMG8svxNLhW-18FixHlCpIEcNZACE0YBhgL/s1024/thumb-SESAME-min-min.jpg)}.pickup__item:nth-child(7){margin-right:20px;background-image:url(https://lh3.googleusercontent.com/-is53OvSb8jo/XDyLOkib1ZI/AAAAAAAABsk/vWGwRZnZZAoNycxPIwBREA2IFLucLUE5ACE0YBhgL/s1024/thumb-C94-min-min.jpg)}.pickup span{width:100%;position:absolute;left:0;background:rgba(63,63,63,.5);padding:20px 30px;text-align:center;color:#fef9fb;font-weight:600;transform:translate(0,-50%);font-size:15px;padding:10px 5px;top:50%;white-space:normal}.pickup__item--main span{font-size:22px;padding:20px 30px}#new-grobal-menu{height:0}#nav-drawer{width:100%;position:absolute}.nav-unshown{display:none}#nav-open{display:inline-block;width:30px;height:22px;right:8px;line-height:37px;top:11px;z-index:12;position:fixed}#nav-open span,#nav-open span:before,#nav-open span:after{content:'';position:absolute;height:3px;width:25px;border-radius:8px;background:#fef9fb;display:block;cursor:pointer;box-shadow:0 0 4px #000}#nav-open span:before{bottom:-8px}#nav-open span:after{bottom:-16px}#nav-close{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);transition:.1s ease-in-out;z-index:11;top:0}#nav-content{overflow:auto;width:90%;max-width:600px;height:fit-content;background:rgba(250,250,250,.9);transition:.3s ease-in-out;padding:0;-webkit-transform:translate(-50%,-180%);transform:translate(-50%,-180%);border-radius:16px;border:6px solid #444;height:400px;z-index:11;position:fixed;left:50%;box-shadow:2px 4px 8px rgba(0,0,0,0.4)}#nav-content:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:.2}#nav-content>*{padding:0 20px 10px}#nav-content .hatena-module{padding:20px 0 0;margin-bottom:80px}#nav-content .hatena-module-category li a{padding:2px 4px}#nav-input:checked~#nav-close{display:block;opacity:.5}#nav-input:checked~#nav-content{-webkit-transform:translate(-50%,50%);transform:translate(-50%,-50%);top:50%}.search-form:before,.search-field{top:0}#header-search .search-form:before{font-size:28px;line-height:37px;color:#FFF;z-index:12;position:fixed;left:8px;text-shadow:0 0 4px #000}.search-field{-webkit-appearance:none;border-radius:0;filter:alpha(opacity=0);opacity:0;cursor:pointer;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;z-index:12;position:fixed;width:37px;height:24px;padding:4px}.search-field:focus{filter:alpha(opacity=100);opacity:1;width:100%;cursor:text}#content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#content-inner{display:flex;flex-direction:column;width:100%;position:relative;margin:auto}.entry-categories span:nth-child(3) a:nth-child(1),.entry-categories span:nth-child(5) a:nth-child(1){display:none}.entry-categories span:nth-child(3),.entry-categories span:nth-child(5){left:34px;top:2px;position:relative;display:block}.entry-categories span:nth-child(5){top:-14px}.entry{position:relative;margin-bottom:20px}.page-archive .entry-title-link,.urllist-title-link{width:100%;height:100%;-webkit-box-align:center;display:-webkit-box;display:box;font-weight:900;line-height:1.3}.page-archive a.entry-title-link,.urllist-title{position:absolute;padding:10px 5px}.page-archive a.entry-title-link{font-size:30px}a.entry-title-link:hover,.urllist-title-link:hover{animation:furueru2 .1s infinite;opacity:.5}.entry-header .date a{color:#595857}.date entry-date first .date{font-weight:lighter;margin-right:550px}.date a{font-size:70%;text-decoration:none;font-weight:700}.categories.no-categories{margin:0}.archive-entries{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.page-archive .archive-entries .archive-entry{margin-bottom:3em;box-shadow:0 1px 8px rgba(0,0,0,0.3);height:240px;position:relative;padding-top:10px}.archive-entries{display:grid;grid-column-gap:30px;grid-template-columns:repeat(auto-fit,315px);justify-content:center;margin:0 20px}.archive-entry-header{height:100%}.urllist-date-link a,.archive-date a{color:#fff;background:#3f3f3f;padding:4px 5px;border-radius:3px;text-decoration:none;font-weight:700;font-size:12px;display:inline-block}.urllist-date-link a:before,.archive-date a:before{font-family:blogicon;content:"\f043";font-size:85%}.page-archive .date,.date .archive-date{position:absolute;top:6px;left:0;z-index:2}.page-index .categories,.urllist-categories,.archive-entry .categories{position:absolute;bottom:0;right:0;margin:0 .4em .2em;z-index:1;white-space:normal;text-align:right}.entries-access-ranking,.recent-entries,.related-entries{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;height:180px;overflow-y:hidden;margin:0}.entry-thumb-link{top:0;position:absolute;width:100%;height:100%}.page-archive .entry-thumb{width:100%;background-position:center center;background-size:100%;height:100%}.archive-entry-body{order:3;display:none}#top-box{position:relative;height:36px;margin-bottom:-36px;top:130px;max-width:680px;margin-left:auto;margin-right:auto}a.breadcrumb-link,.breadcrumb-child{font-size:17px;padding:6px 10px;height:30px;display:inline}.page-archive-category .breadcrumb-link,.page-archive-category .breadcrumb-child{padding:0 4px}.page-entry .breadcrumb{z-index:2;position:absolute;margin-bottom:0;width:93.75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.page-entry a.breadcrumb-link{padding:0}.page-entry .breadcrumb span{font-size:12px;padding:2px;line-height:2}.entry-header-menu a{display:inline-block;*display:inline;*zoom:1;padding:4px 10px;color:#454545;font-size:9pt;text-decoration:none;font-weight:700;border:1px solid rgba(0,0,0,.2)}.entry-header-menu a:hover{background-color:#f5f5f5}.entry-content{line-height:1.7;padding:50px 16px 10px;top:-16px;margin-bottom:-16px}.entry-content p{margin:0 0 2rem;font-size:17px}.entry-content img{max-width:100%;margin:0 auto 2rem;display:block;padding:0 10px}.entry-content table{border-collapse:collapse;border-spacing:0;margin:0 auto 1.4em}.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}blockquote{border:1px solid #ddd;margin:0 0 2rem;padding:24px 24px 12px;box-shadow:0 3px 6px rgba(0,0,0,0.2)}.entry-content blockquote p{font-size:85%;margin-bottom:1rem;line-height:1.4}blockquote:before{position:absolute;top:10px;content:"“";font-family:sans-serif;font-size:40px;left:-12px;width:30px;height:24px;text-align:center;color:#fff;line-height:44px;font-weight:900;box-shadow:1px 2px 2px rgba(26,42,108,.3)}blockquote:after{position:absolute;content:'';top:34px;left:-12px;border-bottom:solid 6px transparent;border-right:solid 12px rgba(26,42,108,.6)}.entry-content pre{border:1px solid #ddd;padding:20px;white-space:pre;font-weight:900;width:90%;margin:0 auto 1em;font-size:85%}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{color:#595857;font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer-section,.entry-footer-section a{font-size:13px;color:#999;z-index:3;position:relative}.entry-footer-html{position:relative;padding-top:80px}.comment-box ul{list-style:none;padding:0 0 15px;font-size:95%}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #ddd}.comment-box li:first-child{border-top:1px solid #ddd}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{position:absolute;left:0;width:50px;height:50px;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:3px}.comment-user-name{margin:0 0 10px;font-weight:700}.comment-content{font-size:90%;margin:0 0 10px;word-wrap:break-word}.comment-metadata{font-size:80%;color:#999}.comment-metadata a{color:#999}.leave-comment-title{display:inline-block;*display:inline;*zoom:1;padding:4px 10px;color:#454545;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;font-size:9pt;font-weight:700;border:1px solid rgba(0,0,0,.2);margin-bottom:16px}.leave-comment-title:hover{background-color:#f5f5f5}.sectionList{margin-bottom:30px}ul.table-of-contents{position:relative;padding:60px 20px 30px;border:1px solid #dcdcdc;border-radius:6px;font-size:14px;line-height:28px;margin:2.5em auto 2em}.table-of-contents ul{margin:0}.table-of-contents ul ul{display:none}.table-of-contents li{font-weight:900;font-size:14px;margin:0 0 0 1.5em}.table-of-contents ul li{font-weight:100;font-size:12px;margin-left:3em;line-height:24px}.table-of-contents a{color:#454545;text-decoration:none;display:inline}.table-of-contents:before{content:'目次';width:100%;left:0;margin:0;top:0;padding:10px;font-weight:400;position:absolute;text-align:center;font-size:16px;font-family:'Noto Serif SC',serif}#blog-description{display:none}.header-image-enable #blog-description,.header-image-enable #title,.header-image-only #blog-description,.header-image-only #title{padding-left:20px}.archive-header-category{display:none}.page-archive-category #top-box{top:56px;position:relative;text-align:center}.page-archive-category #content{padding-top:96px}.l-fuki,.r-fuki{position:relative;width:fit-content;padding:20px;border-radius:6px;border:2px solid #999;box-shadow:1px 1px 5px #aaa;background-color:#fff;margin:2rem 0}.entry-content .l-fuki{margin:0 110px 2rem auto}.entry-content .r-fuki{margin-left:110px}.l-fuki::before,.r-fuki::before{position:absolute;content:"";width:10px;height:10px;border-right:2px solid #999;border-bottom:2px solid #999;background-color:#fff}.l-fuki::before{right:-7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.r-fuki::before{left:-7px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.l-fuki::after,.r-fuki::after{position:absolute;content:"";width:80px;height:80px;top:-10px;border-radius:40px;border:3px solid #fff;background-size:cover;background-position:center center;box-shadow:1px 1px 5px #aaa}.l-fuki::after{right:-100px}.r-fuki::after{left:-100px}.youjo::after{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/r/release_all/20170928/20170928141313.png)}.google::after{background-image:url(https://cdn-ak2.f.st-hatena.com/images/fotolife/r/release_all/20171025/20171025215058.png)}.youjo2::after{background-image:url(https://lh3.googleusercontent.com/-TclY7e6N5Wo/XGELVmPZLqI/AAAAAAAACC8/GXWV9t3Pswow3B0y3Q4KHSWiMLTwqH9ZQCE0YCw/s1024/youjo2-min.png)}.fuki--small{position:absolute;color:#fef9fb;top:-18px;font-size:11px;width:fit-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;background:linear-gradient(160deg,#1a2a6c,#b21f1f,#fdbb2d);padding:6px 10px;border-radius:3px}.fuki--small:before{position:absolute;content:'';top:100%;border:10px solid transparent;border-top:9px solid rgba(221,113,40,.9);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%}.booklink-box,.kaerebalink-box{padding:15px;margin-bottom:2rem;border:double #CCC;overflow:hidden;font-size:13px}.booklink-image,.kaerebalink-image{width:160px;margin:0 auto 10px;text-align:center}.kaerebalink-image img,.booklink-image img{margin:0}.booklink-info,.kaerebalink-info{overflow:hidden;line-height:1.2;text-align:center}.booklink-name,.kaerebalink-name{margin-bottom:1em}.booklink-powered-date,.kaerebalink-powered-date{font-size:8px;margin-top:10px}.booklink-detail,.kaerebalink-detail{font-size:12px;margin-bottom:1em}.booklink-link2,.kaerebalink-link1{display:flex;flex-wrap:wrap;padding:0 2px 2px}.shoplinkamazon,.shoplinkrakuten,.shoplinkyahoo,.shoplinkkindle,.shoplinkaudible,.shoplinkprimevideo,.shoplinkrakukobo{width:calc(33.3% - 2px);position:relative;margin:2px 1px;box-shadow:1px 2px 4px #ccc}.kaerebalink-link1 img,.booklink-link2 img{margin:0}.booklink-link2 a,.kaerebalink-link1 a{width:100%;height:100%;text-align:center;text-decoration:none;font-weight:800;color:#fff;display:inline-block;font-size:.9em;padding:.5em 0 1.5em;position:relative}.booklink-link2 a:hover,.kaerebalink-link1 a:hover{opacity:.6}.shoplinkamazon:before,.shoplinkrakuten:before,.shoplinkyahoo:before,.shoplinkrakuten:before,.shoplinkkindle:before,.shoplinkaudible:before,.shoplinkprimevideo:before,.shoplinkrakukobo:before{content:'で価格を見る';position:absolute;left:0;top:54%;font-size:11px;width:100%;text-align:center;color:#fff}.shoplinkaudible:before{content:'で聴いてみる'}.shoplinkprimevideo:before{content:'で視聴する'}.shoplinkamazon{background:#ff9901}.shoplinkrakuten{background:#c20004}.shoplinkkindle{background:#007dcd}.shoplinkkakakucom{background:#314995}.shoplinkyahoo{background:#7b0099;font-size:10px}.shoplinkaudible{background:#eb2f06}.shoplinkprimevideo{background:#00a8e0}.shoplinkrakukobo{background:lightseagreen}.appreach{text-align:left;padding:10px;border:1px solid #7c7c7c;overflow:hidden;margin:0 auto 1.6rem;max-width:408px}.appreach:after{content:"";display:block;clear:both}.appreach p{margin:0}.appreach a:after{display:none}img.appreach__icon{float:left;border-radius:10%;overflow:hidden;margin:0 3% 0 0;width:25%;height:auto;padding:0}.appreach__detail{display:inline-block;font-size:20px;line-height:1.5;width:72%;max-width:72%}.appreach__detail:after{content:"";display:block;clear:both}.appreach__name{font-size:16px;line-height:1.5em !important;max-height:3em;overflow:hidden}.appreach__info{font-size:12px !important}.appreach__developper,.appreach__price{margin-right:.5em}.appreach__posted{font-size:80%}.appreach__posted a{margin-left:.5em}.appreach__links{height:40px;margin-top:8px;white-space:nowrap}.appreach__aslink img,.appreach__gplink img{margin-right:8px;height:40px;width:112px;display:unset;padding:0}.appreach__aslink img{width:120px}.entry-content h3{font-size:24px;position:relative;padding:14px 12px;margin:3.2em 0 1.8em 0;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.3);overflow:hidden}.entry-content h3:before{content:'';position:absolute;bottom:0;transform:rotate(90deg);height:8px;width:108px;left:-50px;top:calc(50% - 4px)}.entry-content h4{font-size:21px;position:relative;margin:3rem 0 2rem;padding:0 0 0 8px;border-bottom:4px solid #ccc}.entry-content h4:before{content:"";position:absolute;bottom:-4px;left:0;z-index:2;content:'';width:20%;height:4px}.entry-content h5{position:relative;padding:0 .5em .1rem 2em;margin:3em 0 .8em;font-size:18px}.entry-content h5::after,.entry-content h5::before{content:"";position:absolute;border-radius:100%;top:-.1em;left:-.1em;width:24px;height:24px;opacity:.6}.entry-content h5::after{top:.7em;left:.7em;width:16px;height:16px;opacity:.2}.article-btn{display:inline-block;text-decoration:none;position:relative;padding:10px 17px 10px 30px;font-weight:bold;color:#fef9fb;border:2px solid #666;transition:all .2s;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,0.3);text-align:center;text-shadow:none}.article-btn:after{font-family:FontAwesome;content:'\f138';font-size:16px;margin-left:14px;top:50%;transform:translate(0,-50%);position:absolute;left:0}.article-btn:hover{top:2px;box-shadow:unset;color:#fef9fb}.article-btn:visited{color:#fef9fb}.urllist-item{width:240px;height:160px;box-shadow:0 0 8px #666;margin:8px 10px 0 0}.urllist-item:first-child{margin-left:10px}.urllist-image{width:100%;height:160px !important}#breadcrumb{text-align:center;-webkit-clip-path:ellipse(60% 100% at 50% 0);clip-path:ellipse(60% 100% at 50% 0);width:100vw;left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;background:#fff;height:80px;margin-bottom:-40px;z-index:2}.customized-footer{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;position:relative}.carousel{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap}.carousel li{display:inline-block;word-break:break-all;position:relative}.entry-footer-html{order:1;width:100%}.follow-btn{width:100%;text-align:center;margin-bottom:10px}.follow-btn a{display:inline-block;width:60px;height:60px;line-height:32px;font-size:14px;text-align:center;text-decoration:none;border-radius:50%}.follow-btn .hatena{color:#3d3f44;border:2px solid #3d3f44;background:#fff}.follow-btn .twitter{color:#00acee;border:2px solid #00acee;background:#fff}.follow-btn .feedly{color:#70ca3b;border:2px solid #70ca3b;background:#fff}.follow-btn .hatena:hover{color:#fff;background:#3d3f44;transition:all .3s}.follow-btn .twitter:hover{color:#fff;background:#00acee;transition:all .3s}.follow-btn .feedly:hover{color:#fff;background:#70ca3b;transition:all .3s}.entry-content iframe,.box iframe{margin:0 auto 2em;display:block}.itunes-embed{max-width:360px;margin:0 auto 2.4rem;font-size:80%;padding-bottom:32px;position:relative}.itunes-embed a{display:unset}.itunes-embed-info{line-height:1}li.itunes-embed-preview{margin-bottom:0 !important}.itunes-embed-preview{position:absolute;left:0;text-align:center;width:100%;margin-top:16px !important}small.provided-courtesy-of-itunes{display:none}li.itunes-embed-genre{display:none}.itunes-embed-info>ul:nth-of-type(1){display:grid;grid-template-columns:50px 1fr}.itunes-embed .itunes-embed-info ul li{height:20px}.entry-content .itunes-embed-title{font-size:15px}.itunes-embed-artist{grid-column:1 /span 2;grid-row:1}.itunes-embed-price{grid-column:2;grid-row:2}.itunes-embed-badge img{padding:0}.page-entry .pickup{padding:0}.page-entry .pickup:before{top:50px}.page-entry .pickup__item--main{display:none}.page-entry .pickup__item{width:220px;height:130px;margin:0 10px}.page-entry .pickup span{font-size:18px}.page-entry #new-blog-title,.page-archive-category #new-blog-title{font-size:15px;margin:0 0 0 auto;top:84%;background:radial-gradient(rgba(250,250,250,1)30%,rgba(250,250,250,0));text-shadow:2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,-2px 0 1px #fff,2px 0 1px #fff,0 -2px 1px #fff,0 2px 1px #fff}.page-entry .entry-title{line-height:1.3;margin:14px 0 6px}@media(min-width:480px){.booklink-image,.kaerebalink-image{margin:0 15px 0 0;float:left}}@media(min-width:600px){.entry-header,.entry-content,.entry-title,.entry-date,.entry-categories,.entry-header-menu,.entry-footer,.pager{max-width:680px;margin-left:auto;margin-right:auto}.entry-content{padding:30px 32px 10px}.page-archive a.entry-title-link{font-size:24px}.archive-entries{grid-template-columns:repeat(auto-fit,264px)}.pager-prev,.pager-next{width:48%}.pager-next{float:right;margin:0 0 10px}ul.table-of-contents{max-width:500px;padding:60px 60px 30px}#box2-inner{display:grid;grid-template-columns:1fr 1.4fr 1fr;padding-top:40px}.hatena-module-profile{grid-column:2 / 3;grid-row:2;background:#666;min-width:300px}.profile-description p{font-size:14px}#box2 .hatena-module{padding-top:40px}.hatena-module-entries-access-ranking{grid-column:1 / 4;grid-row:1}.hatena-module-recent-entries{grid-column:1 / 4;grid-row:3}#box2 .hatena-module:before,#box2 .hatena-module:after{display:none}#box2-inner:before,#box2-inner:after{content:'';position:absolute;top:100%;width:100%;height:60px;-webkit-clip-path:ellipse(60% 100% at 50% 0);clip-path:ellipse(60% 100% at 50% 0);z-index:1}#box2-inner:before{background:rgba(250,250,250,.5)}#box2-inner:after{top:calc(100% - 8px);background:#666}.entry-content p{font-size:16px}.grid-container.amazon-img{grid-template-columns:4fr 3fr}.booklink-box,.kaerebalink-box{padding:25px 15px}.booklink-info,.kaerebalink-info{text-align:inherit}.appreach__aslink img,.appreach__gplink img{width:135px}.box{width:80%}}@media(min-width:768px){.sns-area:before{height:40px;bottom:-12px}.pickup{padding:0}.pickup:before{top:50px}.pickup__item{background-size:160%}.pickup__item:hover{background-size:120%}.pickup__item{width:240px;top:16px;height:130px;margin-right:20px}.page-entry .pickup__item{width:240px}.pickup__item--main,.page-entry .pickup__item:nth-child(1){display:none}.pickup__item:nth-child(4){display:inline-block}.pickup span{font-size:18px;padding:10px 5px}.table-of-contents{padding:60px 50px 30px}.itunes-embed{float:left;margin:0 10px 1em auto}}@keyframes fadeIn{0{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0{opacity:0}100%{opacity:1}}@keyframes fadeOut{0{opacity:1}100%{opacity:0}}@keyframes RightToLeft{0{transform:translateX(100px)}30%{transform:translateX(20px)}100%{transform:translateX(0)}}@keyframes scrllRight{0{transform:translateX(0);opacity:0}40%{opacity:1}100%{transform:translateX(8px);opacity:0}}@keyframes SlideDown{0{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes furueru{0{transform:translate(0,0)}25%{transform:translate(6px,4px)}50%{transform:translate(0,0)}75%{transform:translate(6px,-4px)}100%{transform:translate(0,0)}}@keyframes furueru2{0{transform:translate(0,0)}25%{transform:translate(12px,8px)}50%{transform:translate(0,0)}75%{transform:translate(12px,-8px)}100%{transform:translate(0,0)}}@keyframes shake{10%{transform:translate(2.5px,2.5px) rotate(.5deg)}20%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}40%{transform:translate(1.5px,.5px) rotate(.5deg)}60%{transform:translate(2.5px,.5px) rotate(-.5deg)}80%{transform:translate(-1.5px,-.5px) rotate(.5deg)}0,100%{transform:translate(0,0) rotate(0)}}.page-entry .wrap{position:relative;height:200px}.shr-htn{text-align:center;margin:30px 0;background:linear-gradient(160deg,#1a2a6c,#b21f1f,#fdbb2d);color:#fef9fb;padding:10px 0;font-weight:bold;-webkit-transform:translate(-50%,00%);transform:translate(-50%,0);left:50%;position:absolute;width:100vw;z-index:1}.shr-htn .htb{border:unset;margin:10px}.shr-htn .blogicon-bookmark.lg{font-size:100px;background:linear-gradient(rgba(0,0,0,0) 20%,#fff 50%)}.shr-htn .fa{font-size:80px}.shr-lttr{text-align:center;z-index:9;position:absolute;width:100vw;margin-left:-50vw;margin-right:-50vw;left:50%;top:32px}.shr-lttr span{font-size:40px;font-weight:900;line-height:1.5;color:#fff;font-family:fantasy;text-shadow:2px 2px 1px #000,-2px 2px 1px #000,2px -2px 1px #000,-2px -2px 1px #000,-2px 0 1px #000,2px 0 1px #000,0 -2px 1px #000,0 2px 1px #000}.sns-area{display:-webkit-flex;display:flex;margin:-80px -50vw 1em;position:relative;width:100vw;left:50%;z-index:1}.sns-area,.sns-area a{color:#fef9fb;text-decoration:unset}.sns-img{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;left:0;z-index:-1}.sns-img:before{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;content:'';left:0}.sns-wrap{width:100%;text-align:center;z-index:0;padding:56px .5em 1em;-webkit-clip-path:ellipse(100% 100% at 50% 0);clip-path:ellipse(100% 100% at 50% 0)}.sns-shr{width:100%;max-width:600px;top:20px;position:relative;margin:0 auto 2rem}.sns-shr ul{display:flex;justify-content:space-between}.sns-shr li{display:flex;width:24%}.sns-shr li a{width:100%;transition:.3s ease-in-out;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);line-height:1.5;background:transparent}.sns-shr li i{margin:4px}.sns-shr a{margin:6px 4px;padding:10px 0;font-weight:bold}.tw{border:solid #3ca0f0;border-radius:60px 0 30px 0}.fb{border:6px solid #4267b2;border-right:0;border-left:0;padding:6px 0 10px}.htb{border:solid #3ca0dc;border-radius:10px}.pkt{border:solid #f03c50 4px;border-radius:0 0 60px 60px}.tw:hover{background:#3ca0f0}.fb:hover{background:#4267b2}.htb:hover{background:#3ca0dc}.pkt:hover{background:#f03c50}.fllw-lttr{font-size:24px;font-weight:bold;font-family:fantasy;text-shadow:2px 2px 1px #000,-2px 2px 1px #000,2px -2px 1px #000,-2px -2px 1px #000,-2px 0 1px #000,2px 0 1px #000,0 -2px 1px #000,0 2px 1px #000}.sns-fllw{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:80%;margin:0 auto}.sns-fllw a{margin:8px 4px 16px;padding:8px 0 6px 0;width:32%;font-weight:900;border-radius:4px;background:#444;box-shadow:0 0 16px rgba(250,250,250,0.6);border:1px solid #aaa;max-width:160px}.sns-fllw a:nth-child(2){background:#3ca0f0}.sns-fllw a:nth-child(3){background:#3cb446}.sns-fllw a:hover{background:#fff;color:#666}.sns-fllw a:nth-child(2):hover{color:#3ca0f0}.sns-fllw a:nth-child(3):hover{color:#3cb446}@media(min-width:768px){.sns-img{background-attachment:fixed}.sns-shr li{width:20%}.ads-after-entry-share{display:none}}.shr-footer{position:fixed;bottom:0;z-index:99;left:0}.shr-btns{overflow:hidden;table-layout:fixed;display:table;width:100%}.shr-btns li{list-style-type:none;display:table-cell}.shr-footer a{display:block;color:#fff;text-align:center;text-decoration:none;height:32px;line-height:32px}.shr-footer i{margin:0 4px}.shr-footer li{background:#3ca0f0}.shr-footer li:nth-child(2){background:#4267b2}.shr-footer li:nth-child(3){background:#3ca0dc}.shr-footer li:nth-child(4){background:#f03c50}#nav-content:before,body:before,#wrapper:before,.entry-content:before,.hatena-module:before,.profile-description,.social-buttons:before,.hatena-module-category li a:hover,#blog-title:after,#bottom-editarea:before,#footer:before,a.archive-category-link:hover,a.urllist-category-link:hover,.entry-category-link:hover,a.breadcrumb-link:hover,.breadcrumb-child:hover,.sns-area:before,.pager .pager-next a,.pager-prev a:before,.entry-content h2:before,.entry-content h2:after,.entry-content h3:before,.entry-content h3::after,.entry-content h4:before,.entry-content h4::after,.entry-content h5::before,.entry-content h5::after,blockquote:before,.article-btn,.box{background:linear-gradient(to right,#ef8e38,#108dc7)}
/* </system> */

a.entry-title-link:hover, .urllist-title-link:hover {
    animation: none;
}

.page-archive .archive-entry:hover .entry-thumb, .page-archive .archive-entry:hover .entry-title-link {
    animation: none;
}

.entry-content a:hover, .hatena-star-add-button, .hatena-big-star-star-container:hover, .hatena-follow-button-box:hover {
    animation: none;
}

.pager-prev:hover, .pager-next:hover, .social-button-item:hover {
    animation: none;
}

@media (max-width: 600px) {
.page-archive a.entry-title-link {
    font-size: 24px;
}
}

@media (max-width: 470px) {
.entry-header .entry-title{
    font-size: 1.3em;
}
}

@media (max-width: 380px) {
.entry-header .entry-title{
    font-size: 1.25em;
}
}

@media (max-width: 330px) {
.entry-header .entry-title{
    font-size: 1.2em;
}
}

.entry-content h2 {
    font-size: 1.5em;
    position: relative;
    padding: 14px 12px;
    margin: 3.2em 0 1.8em 0;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.entry-content h2:before {
  content: '';
  position: absolute;
  bottom: 0;
  transform: rotate(90deg);
  height: 8px;
  width: 108px;
  left: -50px;
  top: calc(50% - 4px);
}
.entry-content h3 {
font-size: 1.17em;
position: relative;
margin: 3rem 0 2rem;
padding: 0 0 0 8px;
border-bottom: 4px solid #ccc;
}
.entry-content h3:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
}
.entry-content h4 {
position: relative;
padding: 0 .5em .1rem 2em;
margin:3em 0 .8em;
font-size: 1em;
}
.entry-content h4::after, .entry-content h4::before {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: -.1em;
    left: -.1em;
    width: 24px;
    height: 24px;
    opacity: .6;
}
.entry-content h4::after {
    top: .7em;
    left: .7em;
    width: 16px;
    height: 16px;
    opacity: .2;
}
.entry-content h2:before, .entry-content h4::after {
    background: linear-gradient(to right,#ef8e38,#108dc7);
}
.entry-content h3 {
    text-align: unset;
    box-shadow: unset;
    overflow: unset;
}
.entry-content h3:before{
    transform: unset;
    top: unset;
    overflow: unset;
    top: unset;
}
.entry-content h4{
    border-bottom: unset;
}

u {
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ff99ab 70%);
  text-decoration: none;
}

.image-table-fit {
    height: 300px;
}

.image-table-fit>.fit, .image-table-fit>table {
    float: left;
    height: 100%;
}

.image-table-fit>.fit {
    width: 70%;
}

.image-table-fit>table {
    display: inline-table;
    margin-left: 2%;
    width: 28%;
}

.image-table-fit>.fit img {
    object-fit: cover;
    height: 100%;
}

.image-table-fit table td {
    text-align: right;
}

@media only screen and (max-width:620px){
    .image-table-fit>.fit {
        width: 65%;
    }
    
    .image-table-fit>table {
        width: 33%;
    }
}

@media only screen and (max-width:460px){
    .image-table-fit>.fit {
        width: calc(98% - 132px);
    }
    
    .image-table-fit>table {
        width: unset;
        max-width: 132px;
    }
}



#profile_hrktksm, #profile_beny4253 {
    margin-bottom: 1em;
    text-align: center;
}

/* フォローボタン */
.sh-follow-btn-small {
    text-align: center;
  }
  .sh-follow-btn-small a {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
  }
  .sh-follow-btn-small i,
  .sh-follow-btn-small i.lg {
    font-size: 30px;
    margin-right: 12px;
    padding: 15px;
    margin: 2px auto;
}

.sh-follow-btn-small .hatena {
    background-color: #38393C;
}

.sh-follow-btn-small .twitter {
    background-color: #55acee;
}

.sh-follow-btn-small .youtube {
    background-color: #db4a39;
}

.sh-follow-btn-small .instagram {
    background-color: rgb(224, 53, 102);
}

.sh-follow-btn-small .feedly {
    background-color: #6cc655;
}


@media (min-width: 600px) {
.hatena-module-html.profile-parent {
    grid-column: 2 / 3;
    grid-row: 2;
    background: #666;
    min-width: 300px;
}
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*赤い光るボタン*/
.shinybutton {
    display: block;
    width: 100%;
    margin-bottom: 1em;
   }
   .shinybutton a {
    display: block;
    position: relative;
     width: 80%;
     font-weight: bold;
     background-color: #ef5350 ;
     border-radius: 5px;
     box-shadow: 0 3px 0 #e53935;
     color: #ffffff;
     text-align: center;
     text-decoration: none;
     margin: 10px auto;
     padding: 10px 0;
     z-index: 2;
   }
   .shinybutton a:hover {
       box-shadow: none;
       transform: translate3d(0, 3px, 0);
   }
/*赤い光るボタン ここまで*/


/* 記事下プロフィールカード */
.entry-footer-profile {
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
}

.entry-footer-profile-title {
    color: #454545;/* プロフィールタイトル文字色 */
    font-size: 110%;
    font-weight: bold;
    padding: .5em 0 .5em .75em;
}

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

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

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

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

.entry-footer-profile-id {
    font-weight: bold;
    font-size: 100%;
    text-align: center;
}
.entry-footer-profile-description {
    margin-bottom: 10px;
}
/* スマートフォン */
@media only screen and (max-width: 767px) {
  .entry-footer-profile-body {
      -webkit-flex-wrap: nowrap; 
      flex-wrap: wrap;
  }
    .entry-footer-profile-left {
      width: 100%;
      padding: 20px 20px 0 20px;
    }
    .entry-footer-profile-right {
      width: 100%;
      padding: 0 20px 20px 20px;
  }
}
/* フォローボタン */

.entry-footer-follow-buttons {
    text-align: center;
    margin-top: 0;
    width: 100%;
}

.entry-footer-follow-buttons a {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.entry-footer-follow-buttons .inner-text {
    font-size: 11px;
    display: block;
}

.entry-footer-follow-buttons .lg, .content-inner-follow-buttons .fa {
    padding: 15px;
    border-radius: 5px;
    margin: 2px auto;
}

.entry-footer-follow-buttons .hatena {
    color: #38393C;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-hatenablog {
    background: #38393C;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-hatenablog:hover {
    background: #5F6063;
}

.entry-footer-follow-buttons .facebook {
    color: #305097;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-facebook {
    background: #305097;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-facebook:hover {
    background: #5A77B7;
}

.entry-footer-follow-buttons .twitter {
    color: #55acee;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-twitter {
    background: #55acee;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-twitter:hover {
    background: #89C7F7;
}

.entry-footer-follow-buttons .instagram {
    color: #D93177;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-instagram {
    background: #D93177;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-instagram:hover {
    background: #df528d;
}

.entry-footer-follow-buttons .feedly {
    color: #6cc655;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-rss {
    background: #6cc655;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-rss:hover {
    background: #8EDC7A;
}

.entry-footer-follow-buttons .youtube {
    color: #db4a39;
    background-color: transparent;
}

.entry-footer-follow-buttons .blogicon-youtube {
    background: #db4a39;
    color: #ffffff;
}

.entry-footer-follow-buttons .blogicon-youtube:hover {
    background: #de6d5f;
}

.entry-footer-profile::before, .entry-footer-profile::after {
    content: "";
    display: block;
    width: 100%;
    background: linear-gradient(to right,#ef8e38,#108dc7);
}

.entry-footer-profile::before {
    height: 2px;
}

.entry-footer-profile::after {
    height: 1px;
}

/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
position: relative;
width: 80%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
border-radius: 6px;
border: 2px solid #999;
box-shadow: 1px 1px 5px #aaa;
background-color: #fff;
z-index: 1;
}
.entry-content .l-fuki {
margin: 20px 20% 40px 0;
}
.entry-content .r-fuki {
margin: 20px 0 40px 19%;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
position: absolute;
content: "";
top: 16px;
width: 10px;
height: 10px;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
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: 80px;
height: 80px;
top: -10px;
border-radius: 40px;
border: 3px solid #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 1px 1px 5px #aaa;
}
.entry-content .l-fuki::after {
right: -110px;
}
.entry-content .r-fuki::after {
left: -110px;
}
@media screen and (max-width: 620px) {
.entry-content .l-fuki,
.entry-content .r-fuki {
width: 70%
}
.entry-content .l-fuki {
margin-right: 30%;
}
.entry-content .r-fuki {
margin-left: 30%;
}
}
@media screen and (max-width: 478px) {
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
width: 60px;
height: 60px;
border-radius: 30px;
}
.entry-content .l-fuki::after {
right: -84px;
}
.entry-content .r-fuki::after {
left: -84px;
}
}
.will::after {background-image:url(https://cdn1.www.st-hatena.com/users/hr/hrktksm/profile.gif);}
.beny::after {background-image:url(https://cdn1.www.st-hatena.com/users/hr/beny4253/profile.gif);}
.takuya::after {background-image:url(https://cdn1.www.st-hatena.com/users/hr/vestige1226/profile.gif);}
.falbe::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hrktksm/20200213/20200213215554.jpg);}


.box p:first-child {
    border-radius: 6px 6px 0 0;
    padding-top: 20px;
}

.box p {
    margin: 0;
    padding: 0 16px 1rem;
    font-size: 16px;
    position: relative;
    z-index: 0;
}

.box p:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

@media (max-width: 600px) {
.entry-footer-html>.box {
    width: 90%;
}
}