/* */
@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=fe967752226f156c62744b632f2e86)}@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=fe967752226f156c62744b632f2e86)}@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=fe967752226f156c62744b632f2e86);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}
/* */
/* */
/* default */
/* */
.link-btn {
text-decoration: none!important;
color: #fff!important;
font-weight: bold;
display: inline-block;
padding: 10px 15px;
border-radius: 10px;
box-shadow: 0px 8px 10px -6px rgba(0,0,0,.3);
transition: .2s;
}
.link-btn:hover {
box-shadow: none;
transform: translateY(2px);
opacity: .8;
}
/***ボタン中央寄せ用***/
.center {
text-align: center;
margin: 1.5em 0;
}
/***ボタン背景色***/
.ao {
background: #ff8c50;
}
.midori {
background: #008000;
}
.ancar {
background: #0000ff
}
.tgr {
background: #000000
}
.wg {
background: #a52a2a
}
.autoway {
background: #1e90ff
}
.entry-content ol{
border: 3px solid #ffdead;
padding: 10px 30px;
border-radius: 10px;
}
/*続きを読むを大きくする*/
.entry-see-more{
font-size: 200%;
}
/*続きを読むボタン*/
a.entry-see-more {
word-wrap:break-word;
border: solid 1px #ff925b;
padding: 5px 20px;
color:#ff925b;
background:#ffffff;
border-radius: 5px;
}
/*続きを読むボタンのマウスオーバー*/
a.entry-see-more:hover {
word-wrap:break-word;
border: solid 1px #ff925b;
padding: 5px 20px;
color:white;
background:#ff925b;
border-radius: 5px;
}
.entry-content strong{
background: -webkit-linear-gradient(transparent 60%, #FFE4B5 60%)!important;
background: -o-linear-gradient(transparent 60%, #FFE4B5 60%)!important;
background: linear-gradient(transparent 60%, #FFE4B5 60%)!important;
}
.frame1 {
border-radius:10px;
border:3px solid #FFA500;
margin-top: 15px;
margin-bottom: 15px;
padding:15px;
}
.entry-content .table-of-contents::before {
content: "目次";
display: block;
margin: 0 0 .8rem;
padding: 0 0 .4rem;
border-bottom: 1px solid #ddd;
font-size: 0.9rem;
}
h4 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
/*--------------------------------------------------
カエレバ・ヨメレバ・トマレバ WordPressの場合
---------------------------------------------------*/
.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
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;
}
.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: #fff; /* 全体の背景カラー */
overflow: hidden;
border:double #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.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 auto;
padding: 0;
text-align:center;
}
.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 dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* 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 {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 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:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a ,
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/*** 解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.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: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}
/*--------------------------------------------------
ボタンの背景色をRinker風にカスタマイズ
---------------------------------------------------*/
.cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a {
color: #fff;
background: #cf4944 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a {
color: #fff;
background: #f6a306 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
color: #fff;
background: #51a7e8 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkcarpikal a {
color: #fff;
background: #32cd32 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkgoodstuff a {
color: #fff;
background: #800000 !important;
}
.list100 ul {
border: solid 2px #5c9ee7;
padding: 0.5em;
position: relative;
margin-top: 2em;
}
.list100 ul li {
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
}
.list100 ul li:last-of-type {
border-bottom: none;
}
.list100 ul li:before {
/*リスト内のアイコン*/
font-family: "Font Awesome 5 Free";
content: "\f138";/*アイコン種類*/
position: absolute;
left : 0.5em; /*左端からのアイコンまで*/
color: #5c9ee7; /*アイコン色*/
}
.list100 ul li:after {
/*タイトルタブ*/
background: #5c9ee7;
color: #fff;
font-weight: bold;
position: absolute;
left: -2px;
bottom: 100%;
padding: 1px 7px;
content: "この記事はこんな人にオススメ";/*タブの文字*/
letter-spacing: 0.05em;/*字間*/
}
.list101 ol {
counter-reset:number; /*数字をリセット*/
list-style-type: none!important; /*数字を一旦消す*/
padding:0.5em;
border: solid 2px #ffb03f;
}
.list101 ol li {
position: relative;
padding: 0.5em 0.5em 0.5em 35px;
line-height: 1.5em;
}
.list101 ol li:before{
/* 以下数字をつける */
position: absolute;
counter-increment: number;
content: counter(number);
/*数字のデザイン変える*/
display:inline-block;
background: #ffb03f;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;/*円にする*/
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
/*以下 上下中央寄せのため*/
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.list101 ol li:after {/*吹き出しのちょこんと出た部分*/
content: '';
display: block;
position: absolute;
left: 20px;/*左からの位置*/
height: 0;
width: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #ffb03f;
/*以下 上下中央寄せのため*/
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.list8 {
margin: 3em 0 1em 0;
}
.list8-title {
display: inline-block;
padding: 1px 10px 0 10px;
background: #ffb03f;
color: #fff;
letter-spacing: 0.1em;
font-weight: bold;
}
.list8 ul,.list8 ol {
position: relative;
border: solid 2px #ffb03f;
margin: 0;
padding: 0;
}
.list8 ol {
counter-reset: number;
}
.list8 ul li,.list8 ol li {
color: #ffb03f;
line-height: 1.5;
padding: 0.5em 0.9em 0.5em 1.8em;
border-bottom: dashed 1px #ffb03f;
list-style-type: none;
font-weight: bold;
}
.list8 ul li:before {
position: absolute;
font-family: FontAwesome;
content: "\f14a";
left : 0.5em;
color: #ffb03f;
}
.list8 ol li:before {
display: inline-block;
position: absolute;
font-family: "Quicksand", sans-serif;
content: counter(number);
counter-increment: number;
left: 0.5em;
width: 22px;
height: 22px;
background: #ffb03f;
color: white;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 22px;
}
.list8 ul li:last-of-type,.list8 ol li:last-of-type{
border-bottom: none;
}
.balloon2-left {
position: relative;
display: inline-block;
margin: 1.5em 0 1.5em 15px;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 14px;
background: #FFF;
border: solid 3px #a9a9a9;
box-sizing: border-box;
border-radius: 15px;
}
.balloon2-left:before {
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.balloon2-left:after {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #a9a9a9;
z-index: 1;
}
.balloon2-left p {
margin: 0;
padding: 0;
}
.box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #2c2c2f;
background: #f0ffff;/*背景色*/
border: solid 1px #1e90ff;
border-radius: 10px;
}
.box3 p{
margin: 0;
padding: 0;
}
.list1000 ul {
border: solid 2px #ffb03f;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
.list1000 ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;/*ポチ消す*/
}
.list1000 ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left : 1em; /*左端からのアイコンまで*/
color: #ffb03f; /*アイコン色*/
}