-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.min.css
1 lines (1 loc) · 33.3 KB
/
style.min.css
1
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}article,aside,footer,header,menu,nav,section{display:block;border:0}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}a,p{margin:0;padding:0;font-size:100%;vertical-align:baseline}a{display:inline-block;padding:.5em;margin:-.5em}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}.toparea,.message,form>div:nth-last-of-type(2),#output1047970>div:last-of-type{display:none}body{font-family:"Rounded Mplus 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO","HGMaruGothicMPRO",'Hiragino Kaku Gothic ProN','Helvetica,Arial','sans-serif';color:#363636;font-size:15px;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset;width:100%;padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-right);background:#f2f2f2;overflow-scrolling:touch;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-kerning:normal;font-kerning:normal;-webkit-animation:1s pageFeedin ease-in;animation:1s pageFeedin ease-in}.feedout{-webkit-animation:1s pageFeedout ease-in;animation:1s pageFeedout ease-in}@-webkit-keyframes pageFeedin{from{opacity:0;background:#fff}to{opacity:1}}@keyframes pageFeedin{from{opacity:0;background:#fff}to{opacity:1}}@-webkit-keyframes pageFeedout{from{opacity:1}to{opacity:0;background:#fff}}@keyframes pageFeedout{from{opacity:1}to{opacity:0;background:#fff}}::-moz-selection{background:rgba(60,165,145,.2)}::selection{background:rgba(60,165,145,.2)}footer,header{background:#00ab95;color:#f3f3f3}footer,#header-content{margin:0 auto;padding:30px;text-align:center}footer a,header a{text-decoration:none;color:#f3f3f3}a{color:#00ab95;text-decoration:none;-webkit-transition:.3s;transition:.3s}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:palt;font-feature-settings:palt}.post-body p{text-indent:1em;margin:.5em 0}.post-body ul{line-height:100%;margin:10px 0}.post-body li{margin:.5em 0}.post-body table{margin:10px auto}.post-body th{border-bottom:solid 1px}.post-body td{padding:0 5px}@font-face{font-family:'Rounded Mplus 1c';font-style:normal;font-weight:400;src:local('Rounded-X M+ 2c regular'),local('rounded-x-mplus-2c-regular');src:url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Regular.eot);src:url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Regular.woff2) format('woff2'),url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Regular.woff) format('woff'),url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Regular.ttf) format('truetype');font-display:swap}@font-face{font-family:'Rounded Mplus 1c';font-style:normal;font-weight:700;src:local('Rounded-X M+ 2c bold'),local('rounded-x-mplus-2c-bold');src:url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Bold.eot);src:url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Bold.woff2) format('woff2'),url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Bold.woff) format('woff'),url(//cdn.rawgit.com/2001Y/YTech/5f4576bc/Font/RoundedMplus1c/RoundedMplus1c-Bold.ttf) format('truetype');font-display:swap}.post-body>.separator:first-of-type a{pointer-events:none;cursor:default}.post-body>.separator:first-of-type img{max-width:calc(100%+2em);margin:0 0 10px -1em}.separator{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.separator img{max-width:100%;max-height:90vmin;border-radius:3px}.youtube{max-width:500px;width:100%;padding-top:56.25%;margin:0 auto;position:relative}.youtube iframe{width:100%;height:100%;position:absolute;top:0;left:0}.post-main a img{-webkit-transition:.3s ease;transition:.3s ease}.post-main a:hover img{opacity:.7}.post-list,.post-tmb-img,.newer-page div,.koukoku,.older-page div,.home-page div,.newer-post div,.older-post div{-webkit-transition:.3s;transition:.3s}.post-list:hover,.newer-page div:hover,.older-page div:hover,.home-page div:hover,.newer-post div:hover,.older-post div:hover{background:#f1f1f1}.post-link:not(:first-of-type) .post-tmb{display:-webkit-box;display:-ms-flexbox;display:flex}.post-tmb-img{border:solid 1px #e4e4e4;border-radius:28.1666665px;-o-object-fit:cover;object-fit:cover}.post-link:first-of-type .post-tmb-img{width:100%;height:100%;background:url('data:image/jpeg;base64,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') center/cover no-repeat}.post-link:not(:first-of-type) .post-tmb-img{background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wNTUgMTAuMDU1Ij48c3R5bGU+LmEsLmMsLmQsLmUsLmZ7ZmlsbDpub25lO30uYntjbGlwLXBhdGg6dXJsKCNhKTt9LmMsLmQsLmUsLmZ7c3Ryb2tlOiNjNmM1YzU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5je3N0cm9rZS13aWR0aDowLjA3OHB4O30uZHtzdHJva2Utd2lkdGg6MC4wNzhweDt9LmV7c3Ryb2tlLXdpZHRoOjAuMDc4cHg7fS5me3N0cm9rZS13aWR0aDowLjA3OHB4O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjAyNyAuMDI3KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0wIDBoMTB2MTBoLTEweiIvPjwvY2xpcFBhdGg+PGcgY2xhc3M9ImIiPjxjaXJjbGUgY2xhc3M9ImMiIGN4PSI1LjAyNyIgY3k9IjUuMDI3IiByPSI0LjM2NiIvPjxjaXJjbGUgY2xhc3M9ImMiIGN4PSI1LjAyNyIgY3k9IjUuMDI3IiByPSIyLjY5NiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMy4xMTkgMTAuMDI3di0xMG0zLjgxMiAwdjEwbTMuMDk2LTYuOTAzaC0xMG0wIDMuODA3aDEwIi8+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjUuMDI3IiBjeT0iNS4wMjciIHI9IjEuOTA2Ii8+PHBhdGggY2xhc3M9ImUiIGQ9Ik0uMDI3LjAyN2wxMCAxMCIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNLjAyOSAxMC4wMjZsOS45OTctOS45OTciLz48cGF0aCBjbGFzcz0iZCIgZD0iTS4wMjcuNjYzaDEwbS0xMC4wMDIgOC43MjloMTAuMDA1bS05LjM3Mi05LjM2MnY5Ljk5NSIvPjxwYXRoIGNsYXNzPSJmIiBkPSJNOS4zODcuMDN2OS45OTUiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTEwLjAyNSA1LjAyN2gtOS45OTVtNC45OTctNC45OTd2OS45OTUiLz48L2c+PC9zdmc+') center/cover no-repeat}#side-content,.post-list,.post-main,.page-nav div{background:#fefefe}.post-list,.newer-page div,.older-page div,.home-page div,.newer-post div,.older-post div{padding:10px}.post-link{width:100%}.post-link:hover .post-tmb-img{opacity:.7}.post-link:not(:first-of-type) .post-tmb-content{margin-left:10px}.post-category{list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-category a{display:block;text-decoration:none}.post-tmb-content{color:#363636}.page-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.page-nav div{position:relative}.newer-post div:before{content:"\025c0";margin-right:.5em;position:absolute;left:10px}.older-post div:after{content:"\025b6";margin-left:.5em;position:absolute;right:10px}@media screen and (min-width:912px){body{line-height:150%;letter-spacing:.05em}main,#main-content,#Blog1,aside{display:-webkit-box;display:-ms-flexbox;display:flex}main{max-width:970px;margin:0 auto;padding:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.post-list,.post-main,#side-content,.newer-page div,.older-page div,.home-page div,.newer-post div,.older-post div{border:solid 1px #e4e4e4;border-radius:3px}#main-content{min-width:0;width:100%;max-width:650px}aside{width:300px;margin-left:15px}#side-content{width:278px;padding:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#main-content,#Blog1,aside{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.post-link:not(:last-of-type){margin-bottom:10px}.post-link:not(:first-of-type) .post-tmb-img{width:130px;height:130px;-ms-flex-preferred-size:130px;flex-basis:130px;-webkit-flex-basis:130px}.post-link:not(:first-of-type) .post-tmb-content{-ms-flex-preferred-size:calc(100% - 140px);flex-basis:calc(100% - 140px)}.post-tmb-content h2{font-size:1.3em;margin-bottom:5px}.post-meta{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.post-day{padding-right:.5em}.post-time{padding-right:1em}.post-category li:not(:last-of-type){padding-right:.5em}.post-main{padding:15px}.page-nav a{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-nav a:first-child{margin-right:10px}.page-nav div{text-align:center;-ms-flex-preferred-size:50%;flex-basis:50%}.br{display:none}}@media screen and (max-width:911px){body{font-size:90%;line-height:130%;letter-spacing:.01em}#main-content{margin:10px 0}.post-main,#side-content,.page-nav{border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.post-list,.page-nav a:first-child div{border-bottom:solid 1px #e4e4e4}.post-link:first-of-type .post-list{border-top:solid 1px #c6c6c6}.post-link:not(:first-of-type) .post-tmb-img{width:110px;height:110px;-ms-flex-preferred-size:110px;flex-basis:110px}.post-link:not(:first-of-type) .post-tmb-content{width:calc(100% - 120px);-ms-flex-preferred-size:calc(100% - 120px);flex-basis:calc(100% - 120px)}.post-main,#side-content{padding:10px}.page-nav{margin-top:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.post-main h1{font-size:1.3em;padding-bottom:10px}.post-main h2{color:#fff;font-size:1.3em;padding:15px 20px;background:#00ab95}.post-main h3{color:#232323;font-size:1.2em;padding:.15em .5em .4em 2em;margin:1em 0 .5em 0;border-bottom:1px solid #8ddbba;position:relative}.post-main h3:before,.post-main h3::after{position:absolute;content:'';border-radius:50%}.post-main h3:before{width:18px;height:18px;background:#00ab95;top:.2em;left:.2em;z-index:2}.post-main h3:after{width:13px;height:13px;background:#8ddbba;top:.7em;left:.7em}.post-main h4{font-size:1.1em;margin:15px 0 10px 0;padding-bottom:5px;border-bottom:solid 2px #8ddbba;position:relative}.post-main h4:after{content:"";width:20%;border-bottom:solid 2px #00ab95;bottom:-2px;display:block;position:absolute}aside h4{font-family:'Dosis';font-size:1.2em;padding:10px;border-top:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;background:#fbfbfb;overflow:hidden}@media screen and (min-width:912px){.post-main h2{margin:25px -15px 20px}aside h4{margin:10px -10px}}@media screen and (max-width:911px){.post-main h2{margin:25px -10px 15px}aside h4{margin:10px -10px}}aside div:not(:last-of-type){margin-bottom:10px}.BlogSearch form,.post-category{display:-webkit-box;display:-ms-flexbox;display:flex}.BlogSearch input:first-of-type{width:100%;margin-right:5px}.BlogSearch input:last-of-type{min-width:60px;max-width:60px}.BlogSearch form{position:relative}.BlogSearch input,.BlogSearch label{-webkit-transition:all .3s;transition:all .3s;font-size:15px}.BlogSearch input{font-family:'Rounded-M+',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO","HGMaruGothicMPRO",'Hiragino Kaku Gothic ProN','Helvetica,Arial','sans-serif';line-height:0;padding:3px;background:#fff;border-radius:3px;border:solid 1px #e4e4e4}.BlogSearch label{position:absolute;top:.5em;left:.5em;color:#aaa;line-height:1.3}.BlogSearch input:first-of-type::-webkit-input-placeholder{line-height:1.8;padding-left:5px}.BlogSearch input:first-of-type:focus{padding-left:1.7em;border:solid 1px #00ab95;outline:0}.BlogSearch input:focus+label{opacity:1}.BlogSearch input:focus+label+input{border:solid 1px #00ab95}.search-icon{opacity:0}.side-sns{font-size:.9em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.side-sns a{color:#f8f8f8;text-decoration:none;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:.3s;transition:.3s}.side-sns a:hover{-webkit-box-flex:2;-ms-flex:2;flex:2}.side-sns a:not(:last-child){margin-right:5px}.side-sns div{height:60px;padding:1px;border:solid 1px #c6c6c6;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s;transition:.3s}.side-sns:hover div{opacity:.6}.side-sns div:hover{padding:0;background:#f8f8f8;opacity:1}.side-sns span{text-align:center;height:1em;width:0;overflow:hidden;opacity:0;-webkit-transition:.3s;transition:.3s}.side-sns div:hover span{width:5em;margin-left:.5em;opacity:1}.icon-google-plus:before{content:"\e904"}.icon-twitter:before{content:"\e903"}.icon-rss:before{content:"\e907"}.icon-google-plus{background:#dc4e41}.icon-twitter{background:#1da1f2}.icon-rss{background:#ffa500}.icon-google-plus:hover,.icon-google-plus span{color:#dc4e41}.icon-twitter:hover,.icon-twitter span{color:#1da1f2}.icon-rss:hover,.icon-rss span{color:#ffa500}.icon-twitter:hover{border:solid 2px #1da1f2}.icon-google-plus:hover{border:solid 2px #dc4e41}.icon-rss:hover{border:solid 2px #ffa500}@media screen and (max-width:911px){.side-sns{margin:0 10px}}#my-music{color:#363636;text-decoration:none;margin-bottom:10px;display:block}#my-music>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#my-music .meta{margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}#my-music span{display:block}#artwork{width:70px;height:70px;border-radius:5px;-o-object-fit:cover;object-fit:cover}#track{font-size:15px}#album{font-size:13px}#artist{font-size:10px}.PopularPosts{position:-webkit-sticky;position:sticky;top:10px}.PopularPosts ol{list-style:none;counter-reset:number}.PopularPosts li{font-size:13px;letter-spacing:.01em;line-height:120%;position:relative;z-index:0}.PopularPosts li:before{color:#fff;font-size:13px;text-align:center;letter-spacing:0;line-height:145%;width:1.5em;height:1.5em;border-radius:50%;background:rgba(0,0,0,.8);counter-increment:number;content:counter(number);display:block;position:absolute;z-index:1;top:-5px;left:-5px}.PopularPosts li:not(:last-of-type){margin-bottom:10px}.PopularPosts img{width:70px;height:70px;-ms-flex-preferred-size:70px;flex-basis:70px;margin-right:5px;border:solid .5px #c6c6c6;border-radius:19px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MC41IDcwLjQ2Ij48ZGVmcz48c3R5bGU+LmEsLmJ7ZmlsbDpub25lO3N0cm9rZTojYzdjNmM2O3N0cm9rZS1taXRlcmxpbWl0OjEwO30uYntzdHJva2UtbGluZWNhcDpzcXVhcmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Jb3NJY29uIDcwcHg8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImEiIGN4PSIzNS4yMyIgY3k9IjM1LjIyIiByPSIzMC4zMiIvPjxjaXJjbGUgY2xhc3M9ImEiIGN4PSIzNS4yNyIgY3k9IjM1LjIzIiByPSIxOC43MiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjIuMDEgNjkuOTZ2LTY5LjQ2bTI2LjQ4IDB2NjkuNDZtMjEuNDctNDcuOTVoLTY5LjQ2bTAgMjYuNDRoNjkuNDYiLz48Y2lyY2xlIGNsYXNzPSJhIiBjeD0iMzUuMjUiIGN5PSIzNS4yMSIgcj0iMTMuMjQiLz48cGF0aCBjbGFzcz0iYSIgZD0iTS41LjVsNjkuNDMgNjkuNDNtLTY5LjM5IDBsNjkuNDItNjkuNDMiLz48cGF0aCBjbGFzcz0iYiIgZD0iTS41IDQuOTFoNjkuNDZtLTY5LjQ2IDYwLjY0aDY5LjVtLTY1LjA5LTY1LjA1djY5LjQzbTYwLjY0LTY5LjQzdjY5LjQzbTQuNDEtMzQuN2gtNjkuNDJtMzQuNjktMzQuNzN2NjkuNDMiLz48L3N2Zz4=') center/cover no-repeat;-o-object-fit:cover;object-fit:cover}.PopularPosts span{-ms-flex-preferred-size:calc(100% - 75px);flex-basis:calc(100% - 75px)}.PopularPosts a{color:#363636;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex}.koukoku{width:300px;height:250px;border-radius:3px;background:url('//cdn.rawgit.com/2001Y/YTech/ef25bb26/img/cat.jpeg') center/cover no-repeat;overflow:hidden}.koukoku:hover{opacity:.7}@media screen and (max-width:911px){.koukoku{margin:0 auto}.koukoku:last-of-type{margin-bottom:10px}}#nav-checkbox{display:none}nav{background:#008473}nav a{color:#fff;display:block;text-decoration:none}nav ul{list-style:none}nav li{-webkit-transition:.3s;transition:.3s}nav a{padding:5px 10px}nav li:hover{background:rgba(0,0,0,.3)}@media screen and (min-width:912px){nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:911px){header{position:relative}nav ul{padding:5px 0;margin:0}nav{width:100%;height:0;overflow:hidden}nav,.nav-icon,.nav-border,.nav-border:before,.nav-border:after{-webkit-transition:.2s;transition:.2s}#nav-checkbox:checked+label+nav{height:calc(2em+10px * 2+15px)}header label{position:absolute;right:10px;top:10px}.nav-icon{display:inline-block;position:relative;width:40px;height:40px;border-radius:50%;background:#00ab95;margin-left:auto}.nav-border,.nav-border:before,.nav-border:after{display:block;position:absolute;top:50%;width:14px;height:2px;background:#fff;border-radius:1px}.nav-border{left:50%;margin:-1px 0 0 -7px}.nav-border:before,.nav-border:after{content:'';left:0}.nav-border:before{margin-top:-6px}.nav-border:after{margin-top:4px}#nav-checkbox:checked+label .nav-icon,.nav-icon:hover{background:#8ddbba}#nav-checkbox:checked+label .nav-border:before,#nav-checkbox:checked+label .nav-border:after{margin-top:0}#nav-checkbox:checked+label .nav-border:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-checkbox:checked+label .nav-border{background:transparent}#nav-checkbox:checked+label .nav-border:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}}@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'),local('Dosis-Bold'),url("//fonts.gstatic.com/s/dosis/v6/22aDRG5X9l7obljtz7tihnYhjbSpvc47ee6xR_80Hnw.woff2") format('woff2');font-display:swap}@font-face{font-family:'YTech-iConFont';font-weight:normal;font-style:normal;src:url("//cdn.rawgit.com/2001Y/YTech/09af4709/Font/YTech-iConFont.woff") format('woff');font-display:swap}[class*=" icon-"],[class^="icon-"]{font-family:'YTech-iConFont';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-save:before{content:"\e900"}.icon-search:before{content:"\e901"}.icon-line:before{content:"\e902"}.icon-pocket:before{content:"\e905"}.icon-evernote:before{content:"\e906"}.center{text-align:center}.left{text-align:left}.right{text-align:right}.g{background:#e6e6e6;border:1px solid #ccc;border-radius:4px;padding:20px;margin:15px}[id^="twitter-widget"]{margin:0 auto}.toc{padding-left:1.7em}.toc li{margin:0}[class^="blog-card"]{color:#363636;width:100%}[class^="blog-card"]>div{font-weight:bold;max-width:500px;width:auto;border:1px solid #ddd;border-radius:5px;padding:12px;margin:10px auto;background:#f7f7f7;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex}[class^="blog-card"]>div:hover{background:rgba(0,0,0,.05)}[class^="blog-card"]>div>div{font-size:.95em;line-height:120%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[class^="blog-card"] img:first-child{width:100px;height:100px;-ms-flex-preferred-size:100px;flex-basis:100px;border-radius:5px}.blog-card-left>div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.blog-card-left>div>div{margin-right:10px}.blog-card-right>div>div{margin-left:10px}.blog-card-left img:last-child{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.blog-card-right img:last-child{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.download,.button{color:#00ab95;border:2px solid #00ab95;border-radius:10px;margin:10px;padding:10px 40px;display:inline-block;margin-bottom:20px;background:#fff;text-decoration:none;font-weight:bold;line-height:normal;cursor:pointer}.download:hover,.button:hover{background:#00ab95;color:#fff!important;text-decoration:none}.last-comment,[class*="balloon"]{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.last-comment a,[class*="balloon"] a{color:#363636;text-align:center;text-decoration:none;line-height:120%;letter-spacing:0;width:50px}[class*="balloon"] div{background:url(//sites.google.com/site/y20010920t/file/2001Y.png) center/cover}.last-comment img,[class*="balloon"] div{width:50px;height:50px;-ms-flex-preferred-size:46px;flex-basis:46px;border-radius:50%;-webkit-transition:.3s;transition:.3s;-o-object-fit:cover;object-fit:cover}.last-comment a:hover img,[class*="balloon"] a:hover div{-webkit-transform:scale(1.1);transform:scale(1.1)}[class*="balloon"] span{margin-top:3px;display:block}.last-comment>span,[class*="balloon"] p{color:#363636;width:100%;margin:0;padding:21.5px;border:2px solid #363636;border-radius:10px;background:#fff;position:relative;display:block}.last-comment>span:after,.last-comment>span:before,[class*="balloon"] p:after,[class*="balloon"] p:before{content:'';width:0;height:0;display:block;position:absolute}.last-comment>span:after,[class*="balloon"] p:after{border:10px solid transparent;top:12.5px}.last-comment>span:before,[class*="balloon"] p:before{border:11px solid transparent;top:11.5px}.last-comment>span:after,.balloon-left p:after{border-right-color:#fff;left:-19.5px}.last-comment>span:before,.balloon-left p:before{border-right-color:#363636;left:-23.5px}.balloon-right p:after{border-left-color:#fff;right:-19.5px}.balloon-right p:before{border-left-color:#363636;right:-23.5px}@media screen and (min-width:770px){.last-comment,[class*="balloon"]{padding:20px}}@media screen and (max-width:769px){.last-comment,[class*="balloon"]{padding:10px 0}}@media screen and (min-width:414px){.last-comment>span,.balloon-left p{margin-left:20px}.balloon-right p{margin-right:20px}}@media screen and (max-width:413px){.last-comment a,[class*="balloon"] a{display:none}.last-comment>span,.balloon-left{margin-left:10px}.balloon-right{margin-right:10px}}#hitokoto-frame{background:#a9d0f5;border:solid 4px #1c74d4;border-radius:5px}.hitokoto-talk{padding:0!important}.hitokoto-talk span{display:block;margin:0;padding:0}.hitokoto-talk .hitokoto-content{position:relative;width:auto;min-height:50px;border-radius:10px;background:#fff}.hitokoto-talk .hitokoto-content:before{position:absolute;left:-20px;display:block;width:0;height:0;content:'';border:10px solid transparent;border-right-color:#fff}@media screen and (min-width:769px){#hitokoto-frame{margin:auto;padding:1em 2em}.hitokoto-talk{margin:15px 0 15px}.hitokoto-talk .hitokoto-icon{float:left;width:auto}.hitokoto-talk .hitokoto-content{margin-left:80px;padding:20px}.hitokoto-talk .hitokoto-icon img{max-width:100%;height:auto;vertical-align:bottom;border:2px solid #fff;border-radius:50%}.hitokoto-talk .hitokoto-content:before{top:20px}}@media screen and (max-width:768px){#hitokoto-frame{padding:5px 20px}.hitokoto-talk .hitokoto-content{margin:20px 5px 20px 5px;padding:15px}.hitokoto-talk .hitokoto-content:before{top:15px}.hitokoto-talk .hitokoto-icon img{display:none}}.feed-item-desc{display:none}#noscript{font-size:14px;color:white;text-align:center;background:rgba(255,0,0,.8);width:100vw;height:35px;position:fixed;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width:651px) and (min-width:375px){#noscript br{display:none}.lv1:before{content:" - "}}@media(max-width:650px){.lv1{display:none}.lv2:before{content:" - "}#noscript br{display:none}}@media(max-width:375px){.lv2:before{content:""}#noscript br{display:inline}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.diff{font-size:90%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.diff span{text-align:center;display:block}.hikaku{margin-left:auto;margin-right:auto;word-break:break-all}.hikaku,.hikaku tbody,.hikaku tr,.hikaku td{border:none!important;text-align:center}.hikaku img{width:300px}.merit_demerit{width:85%;margin:20px auto}.merit_demerit ul{padding:0 30px 15px 30px;position:relative}.merit_demerit ul:after{content:"";width:calc(100% - 25px);height:calc(100% - 17px);border-radius:25px;position:absolute;top:13px;left:10px;z-index:-1}.merit_demerit ul:first-of-type:after{border:solid #58ace1 2px}.merit_demerit ul:last-of-type:after{border:solid #ff0507 2px}.merit_demerit li{list-style-type:none}.merit_demerit li:before{content:"\0030fb";font-weight:800;margin-right:3px}.merit_demerit ul:first-of-type li:before{color:#58ace1}.merit_demerit ul:last-of-type li:before{color:#ff0507}.merit_demerit ul:before{color:#fff;font-size:80%;font-weight:600;padding:7px 20px;margin:0 0 10px -5px;text-align:center;border-radius:20px;display:inline-block}.merit_demerit ul:first-of-type:before{content:"メリット";background:#58ace1}.merit_demerit ul:last-of-type:before{content:"デメリット";background:#ff0507}@media screen and (min-width:769px){.merit_demerit{display:table}.merit_demerit ul{width:50%;display:table-cell}.merit_demerit ul:last-of-type{margin-left:20px}}.check{position:relative;vertical-align:baseline;background:#fff;border-radius:0 3px 3px 3px;border:3px solid;border-color:#f00;padding:15px;width:90%;margin:0 auto;margin-top:40px;margin-bottom:30px}.check:before{position:absolute;content:"Check !";font-weight:bold;font-size:14px;background:#f00;color:#fff;max-width:80%;border:1px solid;border-color:#f00;border-radius:8px 8px 0 0;margin:-45px -10px 0 -18px;padding:3px 10px 1px 10px}@media screen and (max-width:911px){.check:before{margin:-40px -10px 0 -18px}}.merit_demerit ul:first-of-type li:before{color:#58ace1}.merit_demerit ul:last-of-type li:before{color:#ff0507}.merit_demerit ul:before{color:#fff;font-size:80%;font-weight:600;padding:7px 20px;margin:0 0 10px -5px;text-align:center;border-radius:20px;display:inline-block}.merit_demerit ul:first-of-type:before{content:"メリット";background:#58ace1}.merit_demerit ul:last-of-type:before{content:"デメリット";background:#ff0507}@media screen and (min-width:769px){.merit_demerit{display:table}.merit_demerit ul{width:50%;display:table-cell}.merit_demerit ul:last-of-type{margin-left:20px}}.app3{padding:12px;border-radius:5px;border:1px solid #ddd;max-width:450px;width:auto;font-weight:bold;background:#f7f7f7;margin:10px auto;position:relative}.app3:after{content:"";clear:both;display:block}.app3 img{float:left;width:100px;height:100px;margin:0!important;cursor:auto}.app3 div{padding:0;line-height:120%}.app3 div:first-of-type{margin:0 0 0 112px}.app3 div:nth-of-type(2){position:absolute;right:12px;bottom:12px}.amazon{padding:12px;border-radius:5px;border:1px solid #ddd;max-width:450px;width:auto;font-weight:bold;background:#f7f7f7;margin:10px auto;position:relative}.amazon:after{content:"";clear:both;display:block}.amazon img{float:left;width:150px;height:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:auto;-o-object-fit:cover;object-fit:cover}.amazon div{padding:0;line-height:120%}.amazon div:first-of-type{margin:0 0 0 162px}.amazon div:nth-of-type(2){position:absolute;right:12px;bottom:12px}.amazon div:nth-of-type(2):after{content:" - Amazon"}.shopping{display:block}.shopping>div{font-weight:bold;line-height:120%;border:1px solid #ddd;border-radius:5px;max-width:450px;width:auto;background:#f7f7f7;padding:12px;margin:10px auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.shopping img{width:150px;height:150px;-ms-flex-preferred-size:150px;flex-basis:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:auto;-o-object-fit:cover;object-fit:cover}.shopping>div div:nth-of-type(2){position:absolute;right:12px;bottom:12px}#disqus{margin:10px 5px 0 5px}pre,.code{font-family:Inconsolata,Osaka,Consolas,Courier New,Courier,Monaco,monospace;letter-spacing:.01em}.code{font-size:.8em;padding:3px 5px;border-radius:3px;background:#e5e5e5}pre{font-size:.9em;color:#d8d8d8;line-height:1.2;margin:10px 0;padding:20px;border-radius:5px;background:#282b2e;display:block;overflow-x:auto;position:relative}.css:before,.html:before,.js:before{font-family:'Rounded-M+',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO","HGMaruGothicMPRO",'Hiragino Kaku Gothic ProN','Helvetica,Arial','sans-serif';color:#fff;line-height:1;padding:8px 10px 5px 10px;border-radius:5px;-webkit-transition:.3s;transition:.3s;display:block;position:absolute;top:15px;right:15px}.html:before{content:"HTML";background:#f1672e}.css:before{content:"CSS";background:#2ba8dc}.js:before{content:"JavaScript";background:#f1bf22}pre:hover .html:before,pre:hover .html:after,pre:hover .css:before,pre:hover .css:after,pre:hover .js:before,pre:hover .js:after{opacity:.3}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#6897bb}.hljs-keyword,.hljs-selector-tag,.hljs-deletion{color:#cc7832}.hljs-variable,.hljs-template-variable,.hljs-link{color:#629755}.hljs-comment,.hljs-quote{color:#808080}.hljs-meta{color:#bbb529}.hljs-string,.hljs-attribute,.hljs-addition{color:#6a8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e8bf6a}.hljs-emphasis{font-style:italic}.separator a{cursor:pointer}.light-box{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;bottom:0;right:0;left:0;background:url(//rawgit.com/2001Y/YTech/master/load.svg) no-repeat center,rgba(250,250,250,.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99999;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.copy{color:#fff;font-size:1.5em;text-align:center;padding:6px;border-radius:6px;background:rgba(250,250,250,.3);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.light-box.open img{max-width:70vw;max-height:70vh;border-radius:3px;-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.25);box-shadow:0 8px 16px rgba(0,0,0,0.25)}.delay{opacity:0;visibility:hidden}.close{-webkit-animation:.3s feedout;animation:.3s feedout;opacity:0;visibility:hidden}.open{-webkit-animation:.3s feedin;animation:.3s feedin;opacity:1;visibility:visible}@-webkit-keyframes feedin{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes feedin{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes feedout{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes feedout{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}#nopage{color:#36ff07;height:15em;padding:20px;background:#1c1c1c}@media screen and (min-width:912px){#nopage{border-radius:6px}}.all-siema{position:relative}.siema>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.all-siema button{width:25px;height:25px;margin:auto 30px;border:0;background:0;position:absolute;top:0;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.all-siema button:first-of-type{left:10%;border-bottom:rgba(248,248,248,.7) 2px solid;border-left:rgba(248,248,248,.7) 2px solid}.all-siema button:last-of-type{right:10%;border-top:rgba(248,248,248,.7) 2px solid;border-right:rgba(248,248,248,.7) 2px solid}