/* Responsive: yes */
/* */
@charset "utf-8";@import "https://fonts.googleapis.com/css?family=Roboto";@import "https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}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;-moz-box-sizing:content-box;-webkit-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 #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{display:block;*zoom:1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display:inline;*zoom:1}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html,body{font-family:'Roboto','Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', sans-serif;background:#FAFAFA;font-size:14px;font-weight:200;line-height:24px;color:#757575;margin:0;padding:0}a{color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#727272;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #dddddd;color:#454545}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important}.btn:hover{background-color:#f5f5f5;text-decoration:none !important}.btn-small{padding:2px 10px !important;font-size:11px !important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:bold}#globalheader-container{background-color:#303F9F;color:#fff}#container #content{display:block;*zoom:1;width:960px;margin:0 auto}#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.globalheader-off #container{padding-top:0}#main{width:100%;float:none}#box2{width:100%;float:none;margin-top:40px}#box2-inner{width:960px;.clearfix; overflow:hidden}.hatena-module{text-align:left;padding-right:20px;width:300px;float:left;&:nth-child(3n+1) { clear: both}} #blog-title{margin:0 0 -5em;padding:5em 0 10em;background-color:#3F51B5;box-shadow:0 2px 5px rgba(0,0,0,0.26);text-align:center}#blog-title-inner{margin:0 auto}#title{margin:0;font-size:3.25em;font-weight:200;line-height:1.45em}#title a{color:#ffffff;position:relative;padding-bottom:5px}#title a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);background-color:#FE7FAB;-webkit-transition:all .3s ease;transition:all .3s ease}#title a:hover::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}#blog-description{font-weight:400;font-size:1.2em;margin:.4em 0 0;color:#fff;opacity:0.5}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}#top-box{margin:0 auto 0;padding:23px 0 23px;background:#f1f1f1;box-shadow:0 2px 5px rgba(0,0,0,0.26)}#top-box .breadcrumb{width:960px;margin:0 auto}.entry{position:relative;margin-bottom:30px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:2px;overflow:hidden;-webkit-animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;-webkit-animation-fill-mode:both;-webkit-animation-name:slideUp;-webkit-animation-name:slideUp;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes "slideUp"{0%{-webkit-transform:translateY(6.25em);transform:translateY(6.25em);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes "slideUp"{0%{-webkit-transform:translateY(6.25em);transform:translateY(6.25em);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}.entry-header{padding:14px 14px 24px 104px;position:relative;border-bottom:1px solid #ddd}.entry-title{font-weight:400;margin:0.4em 0;line-height:1.2em}.date{position:absolute;top:24px;left:24px}.date a{color:#757575;text-decoration:none;display:block;width:56px;font-weight:bold;text-align:center}.hyphen{display:none}.date-year::after{content:'/'}.date-day{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:20px;font-weight:bold;text-shadow:none;background:#3F51B5;border-radius:50%}.categories{margin-top:10px}.categories a{margin-right:10px}.categories a:before{font-family:"blogicon";content:"\f04A";margin-right:5px;display:inline-block}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;bottom:-10px;right:30px}.entry-header-menu a{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important}.entry-header-menu a:hover{background-color:#f5f5f5;text-decoration:none !important}.entry-content{padding:24px;font-size:16px;line-height:24px}.entry-content p{margin:0 0 1em 0}.entry-content img{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 0.8em 0;line-height:1.5;color:#212121}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:130%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table img{max-width:none}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:1px solid #dddddd;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{white-space:pre;background-color:#fafafa;padding:16px;margin:30px 0;border-radius:2px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.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{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}span.synConstant{color:#d44950}span.synComment{color:#999}span.synIdentifier{color:#000080}span.synStatement{color:#2f6f9f}span.synType{color:#4f9fcf}span.synPreProc{color:#333;font-weight:bold}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{padding:0 24px 24px}.entry-footer-section{font-size:80%;color:#999999}.entry-footer-section a{color:#999999}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px 0;padding:0;font-size:95%;line-height:1.7}.comment-box li{padding:10px 0 10px 80px;position:relative}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{width:50px !important;height:50px !important;background-clip:padding-box;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}.comment-box .comment-user-name a{display:block;word-wrap:break-word}.comment-box li:nth-child(odd) .comment-user-name{position:absolute;top:10px;left:0;width:70px}.comment-box li:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-user-name{margin:0 0 10px 0;font-weight:bold}.comment-content{font-size:90%;word-wrap:break-word;margin:0 0 10px 0;position:relative;min-height:40px;padding:10px;font-size:14px;background-color:#f1f0f0;border-radius:1.3em;max-width:100%;min-width:50%;color:#212121;display:inline-block}.comment-content p{margin:0}.comment-box li:nth-child(even) .comment-user-name{position:absolute;top:10px;right:0;width:70px;text-align:right}.comment-box li:nth-child(even){padding:10px 80px 10px 0}.comment-box li:nth-child(even) .comment-content{float:right}.comment-box li:nth-child(odd) .comment-content:after{top:1.3em;left:-10px;border-top:5px solid transparent;border-right:10px solid #f1f0f0;border-bottom:5px solid transparent;content:'';position:absolute;display:block}.comment-box li:nth-child(even) .comment-content:after{top:1.3em;right:-10px;border-top:5px solid transparent;border-left:10px solid #f1f0f0;border-bottom:5px solid transparent;content:'';position:absolute;display:block}.comment-box li .comment-delete-button img{position:absolute;top:9px}.comment-box li:nth-child(odd) .comment-delete-button img{left:60px;text-align:right}.comment-box li:nth-child(even) .comment-delete-button img{right:60px;text-align:left}.comment-metadata:before{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-metadata{font-size:80%;color:#999999;margin:0}.comment-box li:nth-child(even) .comment-metadata{text-align:right}.comment-box li:nth-child(even) .comment-metadata:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-metadata a{color:#999999}.leave-comment-title{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important;outline:0;outline-offset:0;border:0;border-radius:2px;transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24)}.leave-comment-title:hover{background-color:#f5f5f5;text-decoration:none !important}#box2{line-height:1.5}.hatena-module{margin-bottom:60px}.hatena-module-title{font-weight:bold;margin-bottom:15px;font-size:120%}.hatena-module-title a{color:#454545;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-top-right-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:5px;background-clip:padding-box}.hatena-module-profile .id{display:block;font-weight:bold;font-size:110%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.hatena-urllist li{padding:8px 0;border-bottom:1px solid #dddddd;line-height:1.5}.hatena-module-search-box .search-form{background-clip:padding-box;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px 20% 5px 0;color:#454545;outline:none;height:20px;width:80%;border-bottom:1px solid #dddddd;border:0;background-image:linear-gradient(#FE7FAB,#FE7FAB),linear-gradient(#dddddd,#dddddd);background-size:0 2px,100% 1px;background-repeat:no-repeat;background-position:center bottom,center calc(100% - 1px);background-color:transparent}.hatena-module-search-box .search-module-input:focus{outline:none;background-image:linear-gradient(#FE7FAB,#FE7FAB),linear-gradient(#dddddd,#dddddd);-webkit-animation:input-highlight .5s forwards;animation:input-highlight .5s forwards;box-shadow:none;background-size:0 2px,100% 1px}@-webkit-keyframes "input-highlight"{0%{background-size:0 2px,100% 1px;}100%{background-size:100% 2px,100% 1px;}}@keyframes "input-highlight"{0%{background-size:0 2px,100% 1px;}100%{background-size:100% 2px,100% 1px;}}.hatena-module-search-box .search-module-button{width:30px;height:30px;background:rgba(48,48,48,.5) url(https://cdn-ak.f.st-hatena.com/images/fotolife/j/jclv/20140722/20140722174438.png) no-repeat center center;border:0 none;outline:none;position:absolute;top:-4px;right:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;cursor:pointer;text-indent:-9999px}.hatena-module-search-box .search-module-button:hover{background-color:rgba(48,48,48,.3)}.pager{margin:1em 0;display:block;*zoom:1;font-size:16px}.pager a{color:#727272;text-decoration:none}.pager a:hover{opacity:.7}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager .pager-prev{float:left;text-align:center;width:50%}.pager .pager-next{float:right;text-align:center;width:50%}.pager-next .pager-arrow{display:none}.pager-next a:before{font-family:"blogicon";content:"\f006";display:block;font-size:32px;margin-bottom:10px}.pager-prev .pager-arrow{display:none}.pager-prev a:before{font-family:"blogicon";content:"\f005";display:block;font-size:32px;margin-bottom:10px}#footer{padding:30px 0;text-align:center;color:#ffffff;line-height:1.5;font-size:1.2em;background-color:#3F51B5}#footer p{margin:0}#footer a{color:#ffffff;text-decoration:none}#footer address img{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}.page-about dt{font-size:16px;font-weight:bold;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #container #content{margin:24px auto 0}.page-archive .archive-entries{margin-bottom:30px;padding:0 24px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:2px;overflow:hidden;-webkit-animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;-webkit-animation-fill-mode:both;-webkit-animation-name:slideUp;-webkit-animation-name:slideUp;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.page-archive .archive-entries .archive-entry{position:relative;padding:24px 0;border-bottom:1px solid #ddd}.page-archive .archive-entries .archive-entry:last-child{border-bottom:none}.page-archive .archive-entries .date{position:static}.page-archive .archive-entries .date a{width:auto;text-align:left;letter-spacing:0.2em}.page-archive .archive-entries .entry-title{font-weight:400;margin:0;line-height:1.2em;padding:0;position:relative}.page-archive .archive-entries .categories{padding:0 0 14px;margin-top:5px}.page-archive .archive-entries .entry-description{margin:0 0 1em;line-height:1.7em}.page-archive #blog-title{margin:0;padding:5em 0 5em}.profile-icon{box-shadow:0 1px 4px #999;border-radius:50% !important}.leave-comment-title:before{font-family:"blogicon";content:"\f01D";padding-right:5px}a.entry-see-more{display:inline-block;text-decoration:none;background-color:#43A047;color:#fff;height:36px;line-height:36px;padding:0 20px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:center;font-size:14px;letter-spacing:1px;-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}a.entry-see-more:hover{-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)}a.entry-see-more:after{font-family:"blogicon";content:"\f001";margin-left:6px}.hatena-module-recent-comments .hatena-id-icon{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}.hatena-follow-button-box{margin:1.7em 0}.hatena-follow-button{color:#fff !important;padding:4px 10px !important;background:#E40A5D !important;border:0 none !important;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.hatena-follow-button:before{color:#fff !important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'blogicon';font-weight:normal;padding-right:3px;content:"\f001"}.hatena-follow-button.unsubscribing:hover{color:#fff !important;-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)}.hatena-follow-button-box .subscription-count{height:26px;line-height:26px;padding:0 8px}.header-image-enable #blog-title #blog-title-inner{background-size:cover;margin:0 0 -5em;padding:5em 0 10em;background-position:center !important}.header-image-enable #blog-title{padding:0}.header-image-enable #blog-title #blog-description{font-weight:400;opacity:1.0}.header-image-only #blog-title #blog-title-inner{background-size:cover;margin:0 0 -5em;padding:5em 0 10em;background-position:center !important}.header-image-only #blog-title{padding:0}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}}@media (max-width: 1024px){#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}#blog-title-inner{width:100%}#container #content,#top-box .breadcrumb{width:95%}}@media (max-width: 767px){#globalheader-container{position:static}#main{width:100%;float:none}#title{margin:0;font-size:2.8em}.comment-content{min-width:90%}}.header-blog-icon{display:none}@media (max-width: 767px){#blog-title{padding:5em 0 10em}.header-blog-icon{display:block;text-align:center;margin-top:2.5em}.header-blog-icon img{width:60px;height:60px;-webkit-border-top-right-radius:60px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:60px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:60px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:4px solid #FAFAFA;background:#FAFAFA}}
/* */
/* */
body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/D/Doraneko1986/20160902/20160902101233.png');
}
/* */
/* フォント */
body {
font: 16px/1.8 "メイリオ", "YuGothic", "Yu Gothic", 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "Meiryo", Helvetica, Arial, sans-serif;
}
h1.entry-title a {
font: 18px/1.8 "メイリオ", "YuGothic", "Yu Gothic", 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "Meiryo", Helvetica, Arial, sans-serif;
color: #757575;
font-weight: bold;
}
/* 最初のもじを大きくする */
h1::first-letter {
font-size: 80px;
line-height: 1;
float: left;
}
/* 2カラムレイアウト */
#main {
width: 600px;
float: left;
}
#box2 {
width: 300px;
padding: 24px;
float: right;
margin-top: 0;
margin-bottom: 60px;
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 2px;
-webkit-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-webkit-animation-name: slideRight;
-webkit-animation-name: slideRight;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(6.25em);
transform: translateX(6.25em);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideRight {
0% {
-webkit-transform: translateX(6.25em);
transform: translateX(6.25em);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
#box2-inner {
width: auto;
}
.hatena-module {
text-align: left;
padding-right: 0;
width: 300px;
float: left;
}
@media (max-width: 1024px) {
#main, #box2, .hatena-module {
width: 100%;
float: none;
}
#box2 {
padding: 0;
background-color: transparent;
box-shadow: none;
border-radius: initial;
-webkit-animation-duration: initial;
-webkit-animation-duration: initial;
-webkit-animation-fill-mode: none;
-webkit-animation-fill-mode: none;
-webkit-animation-name: initial;
-webkit-animation-name: initial;
-webkit-animation-timing-function: initial;
-webkit-animation-timing-function: initial;
}
}
/* カスタムカラー */
/* グローバルヘッダー（一番上のはてなロゴ等があるエリア） */
#globalheader-container {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242,0.8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,0.8) 0%, rgba(84,163,238,0.8) 50%, rgba(54,144,240,0.8) 51%, rgba(30,105,222,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 *//*グローバルヘッダー背景色*/
color: #fff;
border-bottom: 2px solid #FF708E;
}
/* ヘッダー（ブログ名があるエリア） */
#blog-title {
background-color: #78B9FF;
}
#title a {
color: #ffffff;
}
/* タイトルをホバーした際のカラー */
#title a:after {
background-color: #FFFFFF;
}
/* フッター */
#footer {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242,0.8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,0.8) 0%, rgba(84,163,238,0.8) 50%, rgba(54,144,240,0.8) 51%, rgba(30,105,222,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 *//*フッター背景色*/
color: #fff;
border-top: 3px solid #FEEF6D;
}
/* 日付 */
.date-day {
background: #4CAF50;
color: #fff;
}
/* 続きを読む */
a.entry-see-more {
background-color: #6ebc6c;
color: #fff;
}
/* 読者になる */
.hatena-follow-button {
color: #fff !important;
background: #F94877!important;
}
/* ----- グローバルナビゲーション ---- */
#menu {
position: relative;
width: 100%;
padding-left: 0px;
margin: 0px 0 0px 0;
height: 65px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242,0.8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,0.8) 0%, rgba(84,163,238,0.8) 50%, rgba(54,144,240,0.8) 51%, rgba(30,105,222,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(109,179,242,0.8) 0%,rgba(84,163,238,0.8) 50%,rgba(54,144,240,0.8) 51%,rgba(30,105,222,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 *//*グローバルメニュー背景色*/
border-bottom: 3px solid #FFC83F;
}
.menu-inner{
width: 900px;
margin: 0 auto;
height: 40px;
}
#menu li {
list-style-type: none;
float: left;
height: 40px;
text-align: center;
width: 20%;
}
#menu li a {
display: block;
color: #ffffff;/*グローバルメニュー文字色*/
font-size: 80%;
font-weight: bold;
line-height: 70px;
}
#menu li:hover a {
color: #00DFFC;
background: #ffffff;
transition: all .5s;
opacity: 0.6
}
.menu-toggle{
display: none;
}
/* ----- 見出しスタイル ----- */
.entry-content h2 {
background:url(http://cdn-ak.f.st-hatena.com/images/fotolife/D/Doraneko1986/20140809/20140809183507.png) no-repeat left center;
padding: 20px 0px 7px 75px;
color: #141414;
font-weight: bold;
line-height: 1.5em;
border-bottom: 3px solid #6ebc6c; }
.entry-content h3 {
background:url(http://cdn-ak.f.st-hatena.com/images/fotolife/D/Doraneko1986/20140809/20140809182956.png) no-repeat left center;
color: #141414;
padding: 20px 0px 7px 70px;
font-weight: bold;
line-height: 1.5em;
border-bottom: 3px solid #6ebc6c; }
.entry-content h4 {
padding: 3px 10px 3px 10px;
font-size: 125%;
font-weight: bold;
border-left: 20px solid #4CAF50;
line-height: 1.5em;
border-bottom: 2px solid #6ebc6c; }
/* カエレバ・ヨメレバ （レスポンシブver.2） */
.booklink-box, .kaerebalink-box{
width:78%;
margin: 1em 0 1em;
padding:0 8%;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
margin:15px 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
text-align:center;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:15px;
margin-bottom:5px;
line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8pt;
margin-top:10px;
line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
font-size:8pt;
margin-bottom:3px;
}
.booklink-link2, .kaerebalink-link1{
margin-bottom:3px;
}
.kaerebalink-link1 img, .booklink-link2 img{
display:none;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkbellemaison, .shoplinkcecile, .shoplinkkakakucom, .shoplinkbk1, .shoplinkehon, .shoplinkkino, .shoplinktoshokan{
width:100%;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a, .shoplinktoshokan a{
display:inline-block;
float:left;
width:45%;
height:15px;
overflow:hidden;
border-radius:6px;
border:1px solid #dcdcdc;
margin:5px 5px 0 5px;
padding:10px 0px;
text-align:center;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
background-color:#ffffff;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkkindle a:hover, .shoplinkrakukobo a:hover, .shoplinkyahoo a:hover, .shoplinkseven a:hover, .shoplinkbellemaison a:hover, .shoplinkcecile a:hover, .shoplinkkakakucom a:hover, .shoplinkbk1 a:hover, .shoplinkehon a:hover, .shoplinkkino a:hover, .shoplinktoshokan a:hover{
color:#fff;
}
.shoplinkamazon a{
color:#ff9900;
}
.shoplinkamazon a:hover{
background-color:#ff9900;
}
.shoplinkrakuten a{
color:#bf0000;
}
.shoplinkrakuten a:hover{
background-color:#bf0000;
}
.shoplinkkindle a{
color:#1a8dcc;
}
.shoplinkkindle a:hover{
background-color:#1a8dcc;
}
.shoplinkrakukobo a{
color:#d50000;
}
.shoplinkrakukobo a:hover{
background-color:#d50000;
}
.shoplinkyahoo a{
color:#ff0033;
font-size:10px;
}
.shoplinkyahoo a:hover{
background-color:#ff0033;
}
.shoplinkseven a{
color:#ff6501;
}
.shoplinkseven a:hover{
background-color:#ff6501;
}
.shoplinkbellemaison a{
color:#84be24;
}
.shoplinkbellemaison a:hover{
background-color:#84be24;
}
.shoplinkcecile a{
color:#8d124b;
}
.shoplinkcecile a:hover{
background-color:#8d124b;
}
.shoplinkkakakucom a{
color:#051D93;
}
.shoplinkkakakucom a:hover{
background-color:#051D93;
}
.shoplinkbk1 a{
color:#0786cb;
}
.shoplinkbk1 a:hover{
background-color:#0786cb;
}
.shoplinkehon a{
color:#000066;
}
.shoplinkehon a:hover{
background-color:#000066;
}
.shoplinkkino a{
color:#003e92;
}
.shoplinkkino a:hover{
background-color:#003e92;
}
.shoplinktoshokan a{
color:#212121;
}
.shoplinktoshokan a:hover{
background-color:#212121;
}
.booklink-footer{
clear:left;
}
/* -----hatena-star-containerコード strat----- */
.hatena-star-container {
padding-top: 5px;
padding-bottom: 5px;
}
.hatena-star-container a {
display: inline-block;
vertical-align: bottom;
width: 32px;
height: 60px;
margin: 2px;
line-height: 1;
position: relative;
}
.hatena-star-container .hatena-big-star-star-container {
width: 18px;
height: 18px;
left: 50%;
margin: 0 0 0 -10px;
position: relative;
background: #ffffff !important;
border: 1px solid #cccccc !important;
overflow: visible;
}
.hatena-star-container .hatena-big-star-star-container:after,
.hatena-star-container .hatena-big-star-star-container:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.hatena-star-container .hatena-big-star-star-container:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 3px;
margin-left: -3px;
}
.hatena-star-container .hatena-big-star-star-container:before {
border-color: rgba(255, 255, 255, 0);
border-top-color: #cccccc;
border-width: 4px;
margin-left: -4px;
}
.hatena-star-container .hatena-big-star-star-container > .hatena-star-star {
background: transparent;
position: absolute;
top: 0;
left: 0;
padding: 4px!important;
}
.hatena-star-container .hatena-star-user {
width: 32px;
height: 32px;
margin-left: -16px;
position: absolute;
top: 27px;
left: 50%;
max-width: inherit;
border-radius: 16px;
background: #fff;
}
/*シェアボタン*/
.share-flat{
margin-bottom: 10px;
text-align: center;
}
.share-flat-inner a {
position: relative;
display: inline-block;
width: 15%;
height: 40px;
line-height: 20px;
border-radius: 5px;
font-size: 16px;
text-align: center;
color: #ffffff;
text-decoration: none;
}
.share-flat .small-text{
font-size: 10px;
}
.share-flat .hatena-bookmark-button{
background: #00A4DE;
}
.share-flat .twitter-button{
background: #55ACEE;
}
.share-flat .googleplus-button{
background: #C53727;
}
.share-flat .facebook-button{
background: #405BA7;
}
.share-flat .pocket-button{
background: #EE4256;
}
.share-flat .line-button{
position:relative;
top: 1px;
background: #00C300;
}
.share-flat a:hover{
opacity: 0.6;
}
@media screen and (min-width: 480px) {
.line-hide{
display: none;
}
.share-flat-inner a{
width: 18%;
}
}
/* -----フォローボタンコード ----- */
.follow-btn{
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.follow-btn a {
display: inline-block;
height: 45px;
line-height: 22px;
width: 25%;
font-size: 14px;
text-align: center;
text-decoration: none;
}
.follow-btn .hatena {
color: #3D3F44;
border: 2px solid #3D3F44;
background: #ffffff;
}
.follow-btn .twitter {
color: #00ACEE;
border: 2px solid #00ACEE;
background: #ffffff;
}
.follow-btn .feedly {
color: #70CA3B;
border: 2px solid #70CA3B;
background: #ffffff;
}
.follow-btn .hatena:hover {
color: #ffffff;
background: #3D3F44;
transition: all .3s;
}
.follow-btn .twitter:hover {
color: #ffffff;
background: #00ACEE;
transition: all .3s;
}
.follow-btn .feedly:hover {
color: #ffffff;
background: #70CA3B;
transition: all .3s;
}
.text-small{
font-size: 8px;
}
/*サイドバーフォローボタン*/
.sidebar-follow-buttons{
width: 100%;
text-align: center;
letter-spacing: -.40em;
}
.sidebar-follow-buttons a {
display: inline-block;
letter-spacing: normal;
position: relative;
width: 47%;
font-size: 18px;
text-align: center;
text-decoration: none;
padding:6% 0;
margin:1%;
overflow: hidden;
z-index:2;
}
.sidebar-follow-buttons a:hover {
color:#fff;
}
.sidebar-follow-buttons a:before, .sidebar-follow-buttons a:after {
position:absolute;
content:'';
width:100%;
height:50%;
left:0;
z-index:-1;
transition: 0.3s;
}
.sidebar-follow-buttons a:before {
top:0;
}
.sidebar-follow-buttons a:after {
bottom:0;
}
.sidebar-follow-buttons .inner-text {
font-size:16px;
padding-left:5px;
}
.sidebar-follow-buttons .hatena {
color: #ffffff;
border: 1px solid #38393C;
background: #38393C;
}
.sidebar-follow-buttons .hatena:hover {
color: #38393C;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .hatena:hover:before,.sidebar-follow-buttons .hatena:hover:after {
height: 0;
background:#38393C;
}
.sidebar-follow-buttons .facebook {
color: #ffffff;
border: 1px solid #305097;
background: #305097;
}
.sidebar-follow-buttons .facebook:hover {
color: #305097;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .facebook:hover:before,.sidebar-follow-buttons .facebook:hover:after {
height: 0;
background:#305097;
}
.sidebar-follow-buttons .twitter {
color: #ffffff;
border: 1px solid #55acee;
background: #55acee;
}
.sidebar-follow-buttons .twitter:hover {
color: #55acee;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .twitter:hover:before,.sidebar-follow-buttons .twitter:hover:after {
height: 0;
background:#55acee;
}
.sidebar-follow-buttons .instagram {
color: #ffffff;
border: 1px solid #3f729b;
background: #3f729b;
}
.sidebar-follow-buttons .instagram:hover {
color: #3f729b;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .instagram:hover:before,.sidebar-follow-buttons .instagram:hover:after {
height: 0;
background:#3f729b;
}
.sidebar-follow-buttons .feedly {
color: #ffffff;
border: 1px solid #6cc655;
background: #6cc655;
}
.sidebar-follow-buttons .feedly:hover {
color: #6cc655;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .feedly:hover:before,.sidebar-follow-buttons .feedly:hover:after {
height: 0;
background:#6cc655;
}
.sidebar-follow-buttons .googleplus {
color: #ffffff;
border: 1px solid #db4a39;
background: #db4a39;
}
.sidebar-follow-buttons .googleplus:hover {
color: #db4a39;
background: #ffffff;
transition: all .3s;
}
.sidebar-follow-buttons .googleplus:hover:before,.sidebar-follow-buttons .googleplus:hover:after {
height: 0;
background:#db4a39;
}
/* -----Milliard----- */
.ssImg{
height: 80px;
width: 80px;
padding: 0;
}
.ssTitle{
font-size: 90%;
}
.ssPanel{
border-top: 1px solid rgb(228, 228, 228) !important;
border-bottom: none !important;
width: 49% !important;
height: 100px !important;
float: left !important;
margin-right: 1% !important;
}
.ssLimitedContainerHeader > div > div > div{
color: #ffffff ;
background: #1976D2;
font-size: 16px ;
padding: 10px 5px 10px 10px !important;
margin-top: 15px;
}
/* サイドバーのタイトルの下に下線を入れる */
.hatena-module-title{
padding-left: 10px;
border-bottom: 3px solid #6ebc6c;
}
/* トップ画面でのフッターを消去 */
.page-index .entry-footer{
display: none;
}
/* 画像をセンタリングして線でくくる */
.hatena-fotolife {
margin: 0 auto;
display: block;
border: 1px solid black;
}
/* 「続きを読む」の文字を横に広くする */
.entry-see-more{
width: 50%;
}
/*サイドバータブメニュー*/
.tab{
display: inline-block;
padding: 8px 15px 5px 15px;/*横に入りきらない場合はこの２番目と４番目の数字を小さく*/
background: #f0f0f0;/*反応していないタブの背景色*/
border-radius: 5px 5px 0 0;
font-size: 12px;/*横に入りきらない場合はここの数字を小さく*/
cursor: pointer;
}
.active{
color: white;
background: #6ebc6c;/*反応しているタブの背景色*/
border-radius: 5px 5px 0 0;
}
.hatena-module-title2{
border-bottom: 3px solid #6ebc6c;/*タブの下線*/
}
/* 引用のデザイン1 */
.entry-content blockquote {
padding: 20px 55px;
background: rgba(245,245,245,0.8);
color: #222;
position: relative;
border: solid 1px #fff;
margin: 0.8em 0;
}
/* 引用のデザイン2 */
.entry-content blockquote:before {
color: rgba(200, 200, 200, 1);
content: "“";
font-family: serif;
font-size: 600%;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
}
/* 引用のデザイン3 */
.entry-content blockquote:after {
content: "”";
font-family: serif;
position: absolute;
bottom: 0;
right: 0;
font-size: 600%;
color: rgba(200,200,200,1);
line-height: 0;
}
/* ページトップへ戻るボタン */
#pagetop {
position:fixed;
bottom:10px;
right:10px;
padding:10px 20px;
color:#fff;
font-size:20px;
text-decoration:none;
background:#6ebc6c;
border-radius: 10px;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px rgba(0,30,0,0.5);
}
/* ページトップへ戻るボタン：ホバー時 */
#pagetop:hover {
cursor: pointer;
opacity: 0.8
}
/* ----- POPULAR_ENTRY ----- */.htbl_popular_entries {
height: 100%;
width: 100%;
}.htbl_popular_entry {
position: relative;
background: #ddd;
width: 100%; height: 100px;
overflow: hidden;
margin-top: 1px;
border-radius: 1px;
}.htbl_popular_entry_img { position: relative;
top: -9px;
min-height: 118px;
}.htbl_popular_entry_text {
position: absolute;
top: 0px; word-break: break-all;
overflow: hidden;
background: rgba(77, 77, 77, 0.42);
width: 90%;
height: 100px;
margin-top: 0px; padding: 0 5%;
color: rgba(255, 255, 255, 0.985);
text-shadow: -1px 1px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out; }.htbl_popular_entry_text:hover { background: rgba(255, 255, 255, 0.05);
color: transparent; text-shadow: none; padding-top: 100px; }.htbl_popular_entry_text span.entry_title { display: table-cell;
vertical-align: middle;
text-align: center; height: 100px;
font-size: 18px;
}.htbl_popular_entry_text span.entry_date { position: absolute; bottom: 0;
right: 5px;
font-size: 10px;
color: rgba(255, 255, 255, 0.4);
text-shadow: none;
}.htbl_popular_entry_text span.entry_hatebu { position: absolute;
left: 5px;
bottom: 0px;
}
/* -----youtubeが重くならないコード strat----- */
.youtube {
display: inline-block;
position: relative;
overflow: hidden;
width: 320px;
height: 180px;
}
.youtube::before {
position: absolute;
content: "Click to Play";
color: #fff;
text-align: center;
font-size: 22px;
font-weight: bold;
line-height: 180px;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
transition: all 0.3s;
}
.youtube:hover::before {
background: rgba(0, 0, 0, 0.7);
cursor: pointer;
transition: all 0.3s;
}
/* -----404 Not Found時のJavaScriptコード strat----- */
.sorry_content{
font-size: small;
}
#feed {
margin-top: 10px;
font-size: small;
}
.feed_thumbnail {
margin: 2px 10px 2px 0;
float: left;
min-width: 100px;
max-width: 100px;
}
.feed_hatena_count {
margin-left: 5px;
}
img#Doraneko1986{
display:block;
}
/* import media queries */
@media (-webkit-min-device-pixel-ratio: 2) {
}
/*iPadmin4までのiPadの横、およびiPadPRO縦*/
@media only screen and (max-device-width: 1024px) {
}
@media only screen and (max-device-width: 980px) {
}
/*iPadPRO以外のiPad縦*/
@media only screen and (max-device-width: 768px) {
}
/*iPhone6Plus横*/
@media only screen and (max-device-width: 736px) {
}
@media only screen and (max-device-width: 667px) {
}
@media only screen and (max-device-width: 568px) {
}
@media only screen and (max-device-width: 773px) {
}
@media only screen and (max-device-width: 731px) {
}
@media only screen and (max-device-width: 640px) {
}
/*iPhone6Plus縦*/
@media only screen and (max-device-width: 414px) {
}
@media only screen and (max-device-width: 375px) {
}
@media only screen and (max-device-width: 320px) {
}
@media only screen and (max-device-width: 435px) {
}
header#blog-title{
height: auto;
padding: 0;
margin: 0;
}
div#blog-title-inner a img{
display:block;
}
/* ==================
Aboutページ用css
================== */
div section {
margin: 50px auto;
width: 900px;
}
div section h1,
table caption {
font-size: 14px;
border-left: 5px solid #4D9BE8;
line-height: 1;
padding: 0 0 0 10px;
margin: 0 0 20px 0;
text-align: left;
font-weight: 900;
}
div section header {
display: block;
width: 430px;
padding: 20px;
float: right;
}
div section header h2 {
width: 400px;
margin: 0 0 20px 0;
padding: 0;
font-size: 16px;
font-weight: 900;
}
div section header p {
widows: 400px;
font-size: 12px;
text-align: left;
padding: 0;
line-height: 18px;
}
/* ==================
Aboutページーーテーブル用css
================== */
#skill {
clear: both;
width: 600px;
margin: 0px auto;
padding: 30px 0;
}
table {
text-align: left;
width: 550px;
margin: 30px auto;
}
table tr {
font-size: 13px;
}
tbody {
background-color: #fff;
margin: 0;
}
thead {
background-color: #2D2D2D;
color: #fff!important;
margin: 0;
}
thead tr th {
background-color: #2D2D2D;
color: #666666!important;
font-size: 15px;
padding: 5px;
margin: 0;
}
table tr th {
padding: 5px;
}
table tr td {
padding: 5px;
color: #666666;
}
table tr:nth-child(2n) {
background-color: #E2E1DE;
}
tfoot tr td {
text-decoration: underline;
font-size: 12px;
font-style: italic;
color: #b8b8b8;
padding: 0;
}