/* <system section="theme" selected="push-up"> */
@charset "UTF-8";/*!
  Theme: Push-up
  Author: Hatena Blog Team
  Description: オピニオン系ブログを書いて欲しいテーマです
  Responsive: yes
 */body{font-size:17px;color:#42424b;font-family:Helvetica Neue,Segoe UI,sans-serif;background:#111;word-wrap:break-word;overflow-wrap:break-word}@media screen and (max-width:750px){body{font-size:14px}}header{text-align:center}input::-ms-input-placeholder{color:#aaa39c;font-weight:400}input::-webkit-input-placeholder{color:#aaa39c;font-weight:400}input::-moz-placeholder{color:#aaa39c;font-weight:400}#wrapper{background:#fff;padding:0 0 100px}@media screen and (max-width:750px){#wrapper{padding:0 0 10px}}#main{width:730px;margin:auto}@media screen and (max-width:750px){#main{width:100%}}#main-inner{*zoom: 1}#main-inner:before,#main-inner:after{content:"";display:table}#main-inner:after{clear:both}.pager{font-size:18px;display:flex;justify-content:space-between;align-items:baseline}@media screen and (max-width:750px){.pager{font-size:14px;padding:0 14px}}.pager a,.pager a:visited,.pager a:active{color:#42424b;text-decoration:none}.pager a:hover,.pager a:focus{color:#ff6200}.pager-prev,.pager-next{max-width:40%}.pager-next{position:relative;text-align:right;margin:0 40px 0 0}.pager-next a:after{content:"";position:absolute;top:-2px;right:-40px;width:30px;height:30px;background-size:100%;background-image:url(https://cdn.blog.st-hatena.com/css/theme/push-up/images/rdirection.svg?version=f5154c74e6e38109ce2f0c7b9afd51)}@media screen and (max-width:750px){.pager-next{margin:0 27px 0 0}.pager-next a:after{content:"";position:absolute;top:1px;right:-27px;width:20px;height:20px;background-size:90%}}.pager-prev{position:relative;float:left;margin:0 0 0 40px}.pager-prev :before{content:"";position:absolute;top:-2px;left:-40px;width:30px;height:30px;background-size:100%;background-image:url(https://cdn.blog.st-hatena.com/css/theme/push-up/images/ldirection.svg?version=f5154c74e6e38109ce2f0c7b9afd51)}@media screen and (max-width:750px){.pager-prev{margin:0 0 0 27px}.pager-prev :before{content:"";position:absolute;top:1px;left:-27px;width:20px;height:20px;background-size:100%}}.pager-arrow{display:none}.search-form,.search-result-form{display:flex;margin:0 auto;max-width:450px;border:none}.search-form .search-module-input,.search-result-form .search-result-input{color:#42424b;border:none;display:block;box-sizing:border-box;padding:10px;font-size:15px;height:40px;width:100%}@media screen and (max-width:750px){.search-form .search-module-input,.search-result-form .search-result-input{font-size:14px;height:35px}}.search-form .search-module-button,.search-result-form .search-result-button{border:none;text-indent:-9999px;width:40px;height:40px;padding:0;background-image:url(https://cdn.blog.st-hatena.com/css/theme/push-up/images/searchicon.svg?version=f5154c74e6e38109ce2f0c7b9afd51);background-position:center;background-size:auto 50%;background-repeat:no-repeat;cursor:pointer}@media screen and (max-width:750px){.search-form .search-module-button,.search-result-form .search-result-button{height:35px}}.archive-heading{position:relative;font-weight:700;font-size:20px;color:#0e0f10;text-align:center;padding:100px 0 0;margin:0 auto 100px}@media screen and (max-width:750px){.archive-heading{font-size:16px!important;padding:0 14px;margin:0 0 14px}}@media screen and (max-width:750px){.archive-description{padding:0 14px;margin:0 0 14px}}.archive-entry{position:relative;padding:35px}@media screen and (max-width:750px){.archive-entry{padding:40px 14px 30px;font-size:13px}}.archive-entry:nth-child(odd){background:#f8f5f0}.archive-entry:last-child{margin:0 0 35px}.archive-entry a,.archive-entry a:visited,.archive-entry a:active{color:#111;text-decoration:none}.archive-entry a:hover,.archive-entry a:focus{color:#ff6200}.archive-entry .entry-description{margin:0}.archive-entry .entry-thumb-link{float:right;margin:0 0 10px 10px}@media screen and (max-width:750px){.archive-entry .entry-thumb-link{margin:0 0 5px 5px}}.archive-entry .entry-thumb{float:none;width:100px;height:100px}@media screen and (max-width:750px){.archive-entry .entry-thumb{width:50px;height:50px}}.archive-date{position:absolute;top:35px;right:35px}@media screen and (max-width:750px){.archive-date{top:14px;right:14px;font-size:14px}}.archive-date a,.archive-date a:visited,.archive-date a:active{color:#9d9a94;text-decoration:none}.archive-date a:hover,.archive-date a:focus{color:#ff9300}.entry-title{text-align:center;display:block;font-size:38px;line-height:1.1;padding:0 0 5px;margin:30px 0;position:relative}@media screen and (max-width:750px){.entry-title{font-size:28px;margin:0 0 20px}}.entry-title:before{content:"";position:absolute;bottom:-10px;left:50%;width:96px;height:4px;margin:0 0 0 -48px;background:#ff6200}@media screen and (max-width:750px){.entry-title:before{bottom:-6px;height:3px}}.categories{text-align:center;margin:0 0 20px}@media screen and (max-width:750px){.categories{margin:0 0 14px}}.categories a{display:inline-block;font-size:11px;padding:3px 20px;background:#111;color:#fff;text-decoration:none}@media screen and (max-width:750px){.categories a{font-size:9px;padding:3px 15px}}.categories a:visited,.categories a:active{color:#fff;text-decoration:none}.categories a:hover,.categories a:focus{color:#fff;background:#555}.hatena-star-add-button{margin:10px 0 0!important}@media screen and (max-width:750px){.hatena-star-add-button{margin:5px 0 0!important}}#globalheader-container{background:#111}#globalheader{color:#fff}#blog-title{display:flex;justify-content:center;align-items:center;color:#fff;height:400px;box-sizing:border-box;padding:0 0 37px}@media screen and (max-width:750px){#blog-title{height:100%;padding:14px}}#blog-title #blog-title-inner{display:flex;justify-content:center;align-items:center;height:200px;width:90%}@media screen and (max-width:750px){#blog-title #blog-title-inner{width:100%;min-width:100px}}#blog-title h1{max-width:800px;font-size:40px;line-height:1.1;margin:0 50px 30px;display:inline-block;position:relative}@media screen and (max-width:750px){#blog-title h1{font-size:30px;margin:0 20px 20px}}#blog-title h1:after{content:"";position:absolute;bottom:-17px;left:25%;height:7px;width:50%;background:linear-gradient(to right,#ff6200,#ff9300)}@media screen and (max-width:750px){#blog-title h1:after{bottom:-13px;height:4px}}@media all and (-ms-high-contrast:none){#blog-title h1 *::-ms-backdrop,#blog-title h1 h1:before{bottom:-10px}}#blog-title h2{max-width:800px;font-size:18px;line-height:1.1;margin:0 70px;font-weight:400}@media screen and (max-width:750px){#blog-title h2{font-size:14px;margin:0 25px}}#blog-title a{color:#fff;text-decoration:none}#blog-title a:visited,#blog-title a:active{color:#fff}#blog-title a:hover,#blog-title a:focus{color:#ff6200}.header-image-enable #blog-title h1:after,.header-image-only #blog-title h1:after{background:#fff}@media screen and (max-width:750px){.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{width:100%;min-width:100px}}.header-image-only #blog-title h1{position:static}.header-image-only #blog-title h1:after{position:static}.header-image-only #blog-title a{font-size:1px}#top-editarea{background-color:#fff;text-align:center;padding:10px 30px}@media screen and (max-width:750px){#top-editarea{padding:10px 14px}}#top-box{position:relative}.breadcrumb{margin:0!important;color:#c9c8c8;background:#fff;font-size:15px;padding:10px 30px}@media screen and (max-width:750px){.breadcrumb{font-size:14px;padding:0 14px}}.breadcrumb a,.breadcrumb a:visited,.breadcrumb a:active{color:#c9c8c8;text-decoration:none}.breadcrumb a:hover,.breadcrumb a:focus{color:#ff9300}@media screen and (max-width:750px){.page-entry{background-size:100%}}.entry{padding:130px 0}@media screen and (max-width:750px){.entry{padding:50px 14px}}.entry.mode-markdown .entry-content h1{font-size:38px;line-height:1.2;color:#ff6200;border-bottom:1px solid #D1D1D1;padding:0 0 7px}@media screen and (max-width:750px){.entry.mode-markdown .entry-content h1{font-size:28px;padding:0 0 4px}}.entry.mode-markdown .entry-content h2{font-size:37px;line-height:1.2;color:#ff9300;border-bottom:none}@media screen and (max-width:750px){.entry.mode-markdown .entry-content h2{font-size:27px}}.entry-header{padding:0 0 14px;position:relative}.entry-header a{color:#0e0f10;text-decoration:none}.entry-header a:hover,.entry-header a:focus{color:#ff6200}.entry-header-menu{font-size:15px;position:absolute;top:-50px;left:0}@media screen and (max-width:750px){.entry-header-menu{top:-30px;font-size:14px}}.entry-date{font-size:15px;position:absolute;top:-50px;right:0}@media screen and (max-width:750px){.entry-date{top:-30px;font-size:14px}}.entry-date a{color:#9d9a94;text-decoration:none}.entry-date a:hover,.entry-date a:focus{color:#ff9300}.date-last-updated{color:#9d9a94}.entry-categories a:link,.entry-categories a:visited,.entry-categories a:active{color:#fff;text-decoration:none}.entry-categories a:hover{background:#555}.entry-categories a{display:inline-block;font-size:11px;padding:3px 20px;background:#111}@media screen and (max-width:750px){.entry-categories a{font-size:9px;padding:3px 15px}}.entry-category-link{margin:0 0 4px}.entry-content{line-height:1.7}.entry-content a{color:#ff9300;text-decoration:none}.entry-content a:hover,.entry-content a:focus{color:#ff6200}.entry-content h1,.entry-content h2,.entry-content h3{font-size:35px;line-height:1.2;color:#0e0f10;border-bottom:1px solid #D1D1D1;padding:0 0 5px}@media screen and (max-width:750px){.entry-content h1,.entry-content h2,.entry-content h3{font-size:25px;padding:0 0 3px}}.entry-content h4{font-size:30px;color:#0e0f10}@media screen and (max-width:750px){.entry-content h4{font-size:20px}}.entry-content h5{font-size:20px;color:#42424b}@media screen and (max-width:750px){.entry-content h5{font-size:20px}}.entry-content h6{font-size:17px;color:#42424b}@media screen and (max-width:750px){.entry-content h6{font-size:14px}}.entry-content .hatena-fotolife{margin:0 10px 10px 0}.entry-content .hatena-image-right{margin:0 0 10px 10px}.entry-content .hatena-asin-detail{background:#f8f5f0;border:none;padding:14px}.entry-content .hatena-asin-detail img{border:1px solid #7E7F84}.entry-content blockquote{border-left:10px solid #F8F5F0;padding:0 0 0 15px}@media screen and (max-width:750px){.entry-content blockquote{border-left:7px solid #F8F5F0;padding:0 0 0 5px;margin:14px}}.entry-content table{border-collapse:collapse;text-align:center;width:100%}@media screen and (max-width:750px){.entry-content table{font-size:13px}}.entry-content table th,.entry-content table td{border:1px solid #111;padding:7px 14px;margin:0}@media screen and (max-width:750px){.entry-content table th,.entry-content table td{padding:3px 7px}}.entry-content table th{color:#fff;background:#111}.entry-content table td{background:#f8f5f0}.entry-content .code{background:#111;color:#fff;padding:14px}.entry-content hr{border:none;border:1px solid #D1D1D1}.entry-footer a{color:#ff9300;text-decoration:none}.entry-footer a:hover,.entry-footer a:focus{color:#ff6200}.entry-footer .hatena-module-related-entries{padding:50px 0 10px}.entry-footer .hatena-module-related-entries .related-entries{padding:0}.entry-footer .hatena-module-related-entries .hatena-module-title{font-weight:700;font-size:25px;color:#0e0f10;text-align:center;width:150px;margin:0 auto 50px;position:relative}@media screen and (max-width:750px){.entry-footer .hatena-module-related-entries .hatena-module-title{font-size:20px;width:100px;margin:0 auto 10px}}.entry-footer .hatena-module-related-entries .urllist-item{padding:15px 0}@media screen and (max-width:750px){.entry-footer .hatena-module-related-entries .urllist-item{padding:10px 0}}.entry-footer .hatena-module-related-entries .urllist-item a{color:#0e0f10;text-decoration:none}.entry-footer .hatena-module-related-entries .urllist-item a:hover,.entry-footer .hatena-module-related-entries .urllist-item a:focus{color:#ff9300}.entry-footer .hatena-module-related-entries .urllist-item-inner{position:relative;color:#9d9a94}.entry-footer .hatena-module-related-entries time{font-size:15px;margin:3px 0}@media screen and (max-width:750px){.entry-footer .hatena-module-related-entries time{font-size:13px}}.entry-footer .hatena-module-related-entries img{margin:15px 0 0 5px;float:right;height:80px;width:auto}.entry-footer .hatena-module-related-entries .urllist-date-link a,.entry-footer .hatena-module-related-entries .urllist-date-link a:visited,.entry-footer .hatena-module-related-entries .urllist-date-link a:active{color:#9d9a94;text-decoration:none}.entry-footer .hatena-module-related-entries .urllist-date-link a:hover,.entry-footer .hatena-module-related-entries .urllist-date-link a:focus{color:#ff9300}.entry-footer .hatena-module-related-entries .urllist-title-link{font-size:25px;line-height:1.1;display:block;width:100%;font-weight:700;position:relative;margin:3px 0}.entry-footer .hatena-star-add-button{margin:0!important}.comment-box{margin:70px 0 0}@media screen and (max-width:750px){.comment-box{margin:0}}.comment-box a,.comment-box a:visited,.comment-box a:active{color:#fff;text-decoration:none}.comment-box a:hover,.comment-box a:focus{color:#fff;background:#555}.comment{list-style:none;padding:0}.comment p{margin:5px 0}.comment li{padding:10px 0}@media screen and (max-width:750px){.comment{padding:5px 0}}.comment a,.comment a:visited,.comment a:active{color:#42424b;text-decoration:none}.comment a:hover,.comment a:focus{color:#ff9300;background:#fff}.leave-comment-title{font-size:13px;color:#fff;background:#111;padding:10px 20px;text-align:center;width:100px;display:block;margin:auto}@media screen and (max-width:750px){.leave-comment-title{padding:10px 14px}}.leave-comment-title a,.leave-comment-title a:visited,.leave-comment-title a:active{color:#fff;text-decoration:none}.leave-comment-title a:hover,.leave-comment-title a:focus{background:#555}#box2{display:flex;justify-content:center;background:#111;color:#fff;padding:100px 50px}@media screen and (max-width:1000px){#box2{padding:10% 5%}}@media screen and (max-width:750px){#box2{padding:0}}.browsing-with-smartphone #box2{flex-direction:column;align-items:center}@media screen and (max-width:750px){.browsing-with-smartphone #box2{display:block}}#box2-inner{max-width:730px;display:flex;flex-wrap:wrap;align-items:stretch}#box2-inner .hatena-module{padding:40px 20px;width:50%;box-sizing:border-box;border:1px solid #111;background-color:#ff8900}@media screen and (max-width:1320px){#box2-inner .hatena-module{padding:7% 2%}}@media screen and (max-width:750px){#box2-inner .hatena-module{max-width:none;width:100%;padding:40px 14px;border:1px solid #FF9A00}}#box2-inner .hatena-module:nth-child(4n){background:#ff6c00}#box2-inner .hatena-module:nth-child(3n){background:#ff9d00}#box2-inner .hatena-module:nth-child(7n){background:#ff7600}#box2-inner .hatena-module a,#box2-inner .hatena-module a:visited,#box2-inner .hatena-module a:active{color:#fff;text-decoration:none}#box2-inner .hatena-module a:hover,#box2-inner .hatena-module a:focus{color:#fcfcfc80}#box2-inner .hatena-module ul{list-style-type:none;margin:0;padding:0}#box2-inner .hatena-module li{line-height:1.3;padding:7px}@media screen and (max-width:750px){#box2-inner .hatena-module li{padding:5px}}#box2-inner .hatena-module-title{font-weight:700;font-size:25px;margin:0 0 30px;position:relative;text-align:center}@media screen and (max-width:750px){#box2-inner .hatena-module-title{font-size:20px;margin:0 0 20px}}#box2-inner .hatena-module-title:before{content:"";position:absolute;bottom:-5px;left:50%;width:40px;margin:0 0 0 -20px;height:2px;background:#fff}@media screen and (max-width:750px){#box2-inner .hatena-module-title:before{left:50%;width:36px;margin:0 0 0 -18px}}#box2-inner .profile-activities,#box2-inner .recent-comment-time{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#box2-inner .hatena-module-profile{background:#ff6200}#box2-inner .hatena-module-profile .hatena-module-body{position:relative}#box2-inner .hatena-module-profile .id{position:absolute;top:0;left:75px}#box2-inner .hatena-module-profile .profile-activities{position:absolute;top:15px;left:75px;margin:5px 0}#box2-inner .hatena-module-profile p{line-height:1.3;margin:10px 0}@media screen and (max-width:750px){#box2-inner .hatena-module-profile p{margin:5px 0}}#box2-inner .hatena-module-profile .hatena-follow-button{border:none!important}#box2-inner .hatena-module-recent-comments .recent-comment-time{opacity:.8}#box2-inner .hatena-module-archive .archive-module-year,#box2-inner .hatena-module-category .hatena-module-body{column-width:10em}#box2-inner .hatena-module-recent-entries .urllist-image,#box2-inner .hatena-module-related-entries .urllist-image{width:80px;height:80px;float:right;margin:0 0 0 7px}#box2-inner .hatena-module-recent-entries time,#box2-inner .hatena-module-related-entries time{opacity:.7}#box2-inner .hatena-module-recent-entries .urllist-category-link,#box2-inner .hatena-module-related-entries .urllist-category-link{display:inline-block;opacity:.8;font-size:11px;padding:1px 10px;margin:0 2px 0 0;background:#ff9f45}@media screen and (max-width:750px){#box2-inner .hatena-module-recent-entries .urllist-category-link,#box2-inner .hatena-module-related-entries .urllist-category-link{font-size:9px;padding:2px 7px;margin:3px 2px 0 0}}.search-form{background-color:#fcfcfcb3}.search-form input{background-color:transparent}#footer-inner{background:#111;padding:50px 0;text-align:center}@media screen and (max-width:750px){#footer-inner{font-size:13px;padding:30px 14px}}#footer-inner p{color:#fcfcfc80;margin:0}#footer-inner a,#footer-inner a:visited,#footer-inner a:active{color:#fcfcfc80;text-decoration:none}#footer-inner a:hover,#footer-inner a:focus{color:#fcfcfc4d}#bottom-editarea{background:#111;color:#fff;padding:0 50px;*zoom: 1}@media screen and (max-width:750px){#bottom-editarea{padding:30px 14px}}#bottom-editarea:before,#bottom-editarea:after{content:"";display:table}#bottom-editarea:after{clear:both}.page-index.header-image-enable #blog-title-content h1{max-width:100%;font-size:65px;padding:0 0 10px;margin:0 0 35px;line-height:1.2}@media screen and (max-width:1000px){.page-index.header-image-enable #blog-title-content h1{font-size:60px;padding:0;margin:0 0 20px;line-height:1.1}}@media screen and (max-width:750px){.page-index.header-image-enable #blog-title-content h1{font-size:40px;margin:0 14px 20px;padding:0 0 5px}}.page-index.header-image-enable #blog-title-content h1:after{height:10px}@media screen and (max-width:1000px){.page-index.header-image-enable #blog-title-content h1:after{height:7px}}@media screen and (max-width:750px){.page-index.header-image-enable #blog-title-content h1:after{height:5px}}.page-index.header-image-enable #blog-title-content h2{font-size:25px}@media screen and (max-width:1000px){.page-index.header-image-enable #blog-title-content h2{font-size:20px}}@media screen and (max-width:750px){.page-index.header-image-enable #blog-title-content h2{font-size:15px}}.page-index #blog-title{height:80vh;min-height:600px;padding:37px 0}@media screen and (max-width:750px){.page-index #blog-title{min-height:400px;background-size:cover}}.page-index #blog-title-content{max-width:1000px}@media screen and (max-width:1000px){.page-index #blog-title-content{max-width:800px}}.page-index #blog-title-content h1{font-size:100px;margin:0 0 50px;padding:0 0 10px;line-height:1.2}@media screen and (max-width:1000px){.page-index #blog-title-content h1{font-size:80px}}@media screen and (max-width:750px){.page-index #blog-title-content h1{font-size:50px;margin:0 14px 35px;padding:0}}@media screen and (max-width:400px){.page-index #blog-title-content h1{font-size:45px}}.page-index #blog-title-content h1:after{height:15px}@media screen and (max-width:1000px){.page-index #blog-title-content h1:after{height:10px;bottom:-10px}}@media screen and (max-width:750px){.page-index #blog-title-content h1:after{height:5px}}.page-index #blog-title-content h2{font-size:40px;line-height:1.2}@media screen and (max-width:1000px){.page-index #blog-title-content h2{font-size:30px}}@media screen and (max-width:750px){.page-index #blog-title-content h2{font-size:20px;margin:0 14px}}@media screen and (max-width:400px){.page-index #blog-title-content h2{font-size:17px}}.page-index #top-editarea{background-color:#fff}.page-index .entry+.entry{margin:50px 0 0}@media screen and (max-width:750px){.page-about{background-size:100%}}.page-about #wrapper{padding:0;margin:0}.page-about .entry-content{color:#fff;background:#ff6200;padding:30px;margin:0}@media screen and (max-width:750px){.page-about .entry-content{padding:30px 14px}}.page-about .entry-content a{color:#fff;border-bottom:1px solid #F8AE86}.page-about .entry-content a:visited,.page-about .entry-content a:active{color:#fff;text-decoration:none}.page-about .entry-content a:hover,.page-about .entry-content a:focus{color:#f8ae86}.page-about dl{margin:0}.page-about dt,.page-about dd{text-align:center;margin:0 auto}@media screen and (max-width:750px){.page-about dt,.page-about dd{padding:0 0 5px}}.page-about dt{position:relative;font-weight:700;color:#ffb389;padding:30px 0 0;margin:auto auto 20px}@media screen and (max-width:750px){.page-about dt{font-size:13px;padding:15px 0 0;margin:auto auto 10px}}.page-about dt:before{content:"";position:absolute;bottom:-8px;left:50%;width:46px;height:4px;margin:0 0 0 -23px;background:#ffb389}@media screen and (max-width:750px){.page-about dt:before{bottom:-3px;height:2px}}.page-about dd{font-size:20px;margin:auto auto 20px}@media screen and (max-width:750px){.page-about dd{font-size:17px;margin:auto auto 10px}}.page-about dd:last-child{margin:auto;padding:0 0 30px}@media screen and (max-width:750px){.page-about dd:last-child{padding:0 0 20px}}.page-about ul{list-style:none;padding:0;margin:0}.page-about h1,.page-about h2,.page-about h3{color:#fff}.page-about h4{color:#ffe3d3}.page-about h5{color:#ffcaac}.page-about h6{color:#fdb48a}.page-about table td,.page-about .hatena-asin-detail{color:#42424b}.page-about table td a,.page-about .hatena-asin-detail a{color:#ff9300;text-decoration:none;border:none}.page-about table td a:hover,.page-about .hatena-asin-detail a:hover,.page-about table td a:focus,.page-about .hatena-asin-detail a:focus{color:#ff6200}.page-about code{border:1px solid rgba(252,252,252,.5);background:#fcfcfc33}@media screen and (max-width:750px){.page-archive{background-size:100%}}.page-archive .archive-category-link{margin:0 0 4px}.page-archive .search-result{padding:0 14px}@media screen and (max-width:750px){.page-archive .archive-header-category{margin:0 0 14px}}.page-archive .search-result-form{background:#f4f3ef}.page-archive .search-result-form .search-result-button{position:static}

/* </system> */

/* <archive> */
.archive-entry:nth-child(odd) {
    background: #FFF;
}
/* </archive> */

/* <about> */
#blog-title {
	background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/y/yukiaox/20200301/20200301035446.jpg) no-repeat center;
	background-size: cover;
}
.page-entry #blog-title h1, .page-about #blog-title h1{
    line-height: 1.1;
    margin: 0 0px 30px;
}

@media screen and (max-width: 750px) {
#blog-title h2 {
    font-size: 12px;
}
.page-about dt:before {
    background: #ff6200;
}
}


.about-coment {
    margin: 20px 0 20px 0;
    padding: 0px 30px 20px 30px;
    border-bottom: 1px dotted #000;
}


.about-coment p {
    font-size: 14px;
}
.page-about .entry-content {
    color: #000;
    background: #CCC;
    padding: 30px 0 60px 0;
    margin: 0;
	/*border: solid 3px #000;
	box-sizing: border-box;*/
	border-radius: 7px;
}
/*aboutページ、デフォdl（プロフィール〜読者までを囲うエリア）*/	.page-about dl {	    text-align: center;	    margin: 0;	}	/*aboutページ、デフォdt（プロフィール等のタイトル）*/	.page-about dt {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
	margin-bottom: 15px;
}
/*aboutページ、デフォdd→吹き出し風に*/
.page-about dd:last-child {
    margin: auto;
    padding: 0 0 0px;
}
.page-about dd {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: 0.5em auto 1.5em;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #676F74;
	font-size: 16px;
	background: #FFF;
	border: solid 2px #000;
	box-sizing: border-box;
	border-radius: 5px;
	}
	.page-about dd:before{
		content: "";
		position: absolute;
		top: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		/*border-bottom: 12px solid #ff6200;*/
		border-bottom: 12px solid #FFF;
		z-index: 2;
	}
	.page-about dd:after{
		content: "";
		position: absolute;
		top: -29px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 14px solid #000;
		z-index: 1;
	}
.page-about dd div.info {
    padding: 7px 10px;
}
.page-about dd div.info span.about-subscription-count {
	display: block;
}
.page-about .entry-content a:active, .page-about .entry-content a:visited {
    color: #676F74 !important;
}
.page-about .entry-content a {
    /*color: #fff;*/
    color: #676F74 !important;
    border-bottom: 1px solid #676F74;
}
/* </about> */

.page-index #blog-title {
	background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/y/yukiaox/20200301/20200301035446.jpg) no-repeat center;
	background-size: cover;
}

#blog-title h1 {
    max-width: 900px;
    font-size: 40px;
    line-height: 1.1;
    margin: 0 50px 30px;
    display: inline-block;
    position: relative;
}

.page-index #blog-title-content h1:after {
    height: 10px;
}
@media screen and (max-width: 1000px) {
.page-index #blog-title-content h1:after {
    height: 5px;
    bottom: -10px;
}
}

.page-index #blog-title-content h1 {
    padding: 0 0 10px;
    line-height: 1.2;
}

.page-index #blog-title-content h2 {
    font-size: 22px;
    line-height: 1.3;
}
@media screen and (max-width: 1000px) {
.page-index #blog-title-content h2 {
    font-size: 18px;
}
}
@media screen and (max-width: 400px) {
.page-index #blog-title-content h2 {
    font-size: 13px;
}
}


/* <記事> */
.entry-title {
    text-align: center;
    display: block;
    font-size: 26px;
    line-height: 1.3;
    padding: 0 0 5px;
    margin: 30px 0;
    position: relative;
}
h2.kiji {
  /*color: #364e96;*//*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #CCC;/*上線*/
  border-bottom: solid 3px #CCC;/*下線*/
  font-size: 18px;
}
h3.kiji {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #CCC;/*左線*/
  font-size: 18px;
}
/* </記事> */

/* <目次> */
.table-of-contents {
    margin-left: 0;
    padding: 15px 10px 15px 35px;  /* 枠内の余白(上右下左) */
    font-size: 100%; /* 文字サイズ */
    border:dotted 1px #777; /* 線の種類と色 */
    background:#f7f7f7;  /* 背景 */
}
.table-of-contents:before {
    content: "目次";
    font-size: 110%;
    font-weight:bold;   /* 文字の太さ　通常はnormal */
    color:#000;  /* 文字の色 */
}
/*大見出し*/
.table-of-contents li{
    font-weight:bold; /* 通常はnormal */
    list-style-type:decimal;   /* マークの種類 */
}
/*中見出し*/
.table-of-contents li ul li{
    margin-left:0px;
    font-weight:normal;    
    list-style-type:disc;
}
/*小見出し*/
.table-of-contents li ul li ul li{
    list-style-type:lower-latin;
}
/* </目次> */

/* <リスト> */
ul.kiji, ol.kiji{
	border: solid 3px #CCC;
	padding: 15px 15px 15px 30px;
}

/* マーカー */
.marker {
    font-weight: bold;
    display: inline;
    background: linear-gradient(transparent 70%, #FFCC99 70%);
    margin: 10px 0 10px 0;
}

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
/* WordPressで自動挿入されるPタグの余白を対処 */
.cstmreba p {
	margin: 0;
	padding: 0;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
	width:100%;
	display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
	font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
	display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
	float:left;
	width:31%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background: #39F; border:2px solid #39F; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a { background:#ea5404; border: 2px solid #ea5404;} /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a { background:#f8485e; border: 2px solid #f8485e;} /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#39F;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a:hover { color:#ea5404; } /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a:hover { color:#f8485e; } /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
	clear:both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.cstmreba .booklink-image,
	.cstmreba .kaerebalink-image,
	.cstmreba .tomarebalink-image {
		width:100%;
		float:none;
	}
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.cstmreba .booklink-info,
	.cstmreba .kaerebalink-info,
	.cstmreba .tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		float:none;
		width:85%;
		min-width:85%;
		margin: 10px auto !important;
	}
	.cstmreba .booklink-link2>div:last-child,
	.cstmreba .kaerebalink-link1>div:last-child,
	.cstmreba .tomarebalink-link1>div:last-child {
		margin-bottom: 10px auto !important;
	}
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}
/*=================================================================================
	/カエレバ・ヨメレバ・トマレバ
=================================================================================*/