/* */ @charset "utf-8"; /* Theme: Cinnamon Author: OGURA_Daiki Description: ミニマルでレスポンシブな2カラムテーマです。 コントラストを抑えて、可読性と目に優しい感じを目指してます。 Responsive: yes */ 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:.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:-.5em}sub{bottom:-.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:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}input[type="text"]{border:1px solid #e4e4e4;line-height:28px;text-indent:3px;margin:3px auto}pre{border:1px solid #ddd;margin:0 0 10px;padding:20px;white-space:pre;}pre > code{margin:0;padding:0;white-space:pre;border:0;background:transparent}code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:'Ricty Discord','Ricty','Monaco','Consolas','Courier New',Courier,monospace,sans-serif}pre.code{background-color:#2f2d28;color:#eee;border:1px solid #7b482e;border-radius:2px}.synSpecial{color:#5fd7ff}.synType{color:#f6810d}.synComment{color:#87d787}.synPreProc{color:#ff87af}.synIdentifier{color:#87d7ff}.synConstant{color:#e992a9}.synStatement{color:#f9ec60}hr{margin:1.5rem auto}.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}.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}html,body{font-family:"メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;color:#454545;background-color:#f4f3ec;font-weight:normal}a{color:#1487bd;text-decoration:none;}a:hover{text-decoration:none}a.keyword{text-decoration:none;color:#454545;border-bottom:1px solid #e1e1e1}.entry-see-more{display:inline-block;border-radius:50%;padding:40px 15px;margin:10px 0;background-color:#ea4b1c;color:#fff}h1,h2,h3,h4,h5,h6{font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;text-rendering:optimizeLegibility;color:#171717;}h1 .keyword,h2 .keyword,h3 .keyword,h4 .keyword,h5 .keyword,h6 .keyword{text-decoration:none;color:inherit;border-bottom:none;cursor:text}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:1.6em 0 .8em 0;line-height:1.5}h1{font-size:180%;}h1 + h2{margin-top:0}h2{font-size:170%;color:#3c465c;}h2 + h3{margin-top:0}h3{font-size:150%;color:#557279;}h3 + h4{margin-top:0}h4{font-size:130%;color:#557279}h5{font-size:120%;color:#557279}h6{font-size:105%;color:#557279}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{font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;text-rendering:optimizeLegibility;color:inherit !important}a[name^="fn-"]{position:relative;}a[name^="fn-"]:hover:before{z-index:99999;position:absolute;content:"";display:inline-block;left:35px;top:2px;width:20px;height:15px;transform:rotate(-45deg);background-color:#ffba1c}a[name^="fn-"]:hover:after{z-index:99999;position:absolute;display:inline-block;left:42px;background-color:#ffba1c;border-bottom:2px solid #f1a700;border-right:3px solid #d49400;font-size:90%;color:#171717;content:attr(title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-indent:6px;width:230px;height:20px;line-height:22px;padding:5px}table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}th,td{border:1px solid #ddd;padding:5px 10px}th{background-color:#69553c;color:#fefefe;font-size:105%}td{background-color:#fefefe}.entries-access-ranking.urllist-with-thumbnails .urllist-item{position:relative;min-height:180px}.entries-access-ranking.urllist-with-thumbnails .urllist-item-inner{position:absolute;z-index:0;width:100%;max-width:380px;height:100%;margin:auto}.entries-access-ranking.urllist-with-thumbnails .urllist-image{position:absolute;width:100%}.entries-access-ranking.urllist-with-thumbnails .urllist-title{position:absolute;z-index:500002;width:100%;height:100%;box-sizing:border-box;padding:15px 10px 0;text-align:center;text-rendering:optimizeLegibility;font-size:26px;line-height:27px;text-overflow:ellipsis;color:#f4f3ec !important;background:radial-gradient(rgba(6,47,76,0.04),rgba(3,20,37,0.8))}.entries-access-ranking.urllist-with-thumbnails .urllist-title:hover{background:radial-gradient(rgba(6,47,76,0),rgba(3,20,37,0.5))}.entries-access-ranking.urllist-with-thumbnails .urllist-categories{position:absolute;z-index:500003;width:100%;max-height:55%;box-sizing:border-box;bottom:0;padding:0 5px}.entries-access-ranking.urllist-with-thumbnails .urllist-item{position:relative;min-height:170px}.entries-access-ranking.urllist-with-thumbnails .urllist-category-link{background:none;border:none;color:rgba(23,224,232,0.79);font-family:Futura,'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;font-weight:bold;font-size:15px;margin:0;padding:0;}.entries-access-ranking.urllist-with-thumbnails .urllist-category-link:first-child{font-size:23px;color:rgba(250,82,32,0.94)}.entries-access-ranking.urllist-with-thumbnails .urllist-category-link:nth-child(2){color:rgba(195,255,17,0.83)}.entries-access-ranking.urllist-with-thumbnails .urllist-category-link:nth-child(3){color:rgba(17,240,105,0.97)}.entries-access-ranking.urllist-with-thumbnails .urllist-date-link.related-entries-date-link{display:none}.hatena-urllist a,.urllist-title-link,.urllist-title,archive-module-month-title{color:#3f1c03}.urllist-item{margin:5px auto}.urllist-item-inner{overflow:hidden}.entries-access-ranking-title-link{font-weight:normal;font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;text-rendering:optimizeLegibility;color:#3f1c03;word-break:break-all;word-wrap:break-word}.urllist-categories{visibility:visible;margin:2px auto 10px;text-align:justify}.urllist-category-link{display:inline-block;border-radius:2px;background-color:#efd48b;border:1px solid #edb22e;padding:2px 4px 0 4px;margin:3px 2px}.profile-icon{width:32px;height:32px}.hatena-follow-button-box{margin:10px 0}.hatena-follow-button{display:inline-block;*display:inline;*zoom:1;border-radius:2px;line-height:18px;text-align:center;vertical-align:middle;cursor:pointer;text-decoration:none;padding:2px 5px !important;padding-left:7px !important;width:auto !important;font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;text-align:center !important;color:#454545 !important;background:#ffba1c !important;border:0 none !important;border-bottom:3px solid #b47f22 !important;border-right:1px solid #c87134 !important;font-style:normal;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.hatena-follow-button:hover{background:#f1a700 !important;border-bottom-color:#996c1d !important;color:#454545 !important !important}.hatena-follow-button:before{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'blogicon';font-weight:bold;font-size:11px;padding-right:3px;color:#454545 !important;content:'\f048'}.hatena-follow-button .subscribing{color:#555 !important}.btn,.button,button,input[type="submit"]{display:inline-block;*display:inline;*zoom:1;border-radius:2px;line-height:18px;text-align:center;vertical-align:middle;cursor:pointer;text-decoration:none;padding:4px 10px 4px;margin-bottom:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:12px;font-weight:bold;color:#fff;background-color:#766769;border:none;border-right:2px solid #a0391b;border-bottom:3px solid #543a31;text-decoration:none !important;}.btn:hover,.button:hover,button:hover,input[type="submit"]:hover{background-color:#645859;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}.twitter--follow__button--box{margin:10px 0}.twitter--follow__button{background-color:#55acee;border-right:2px solid #2f6475;border-bottom:3px solid;border-bottom-color:#3a638b;padding:3px 6px 2px;}.twitter--follow__button:hover{background:#2996ea;border-bottom-color:#34597d;color:!important}.twitter--follow__button:before{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'blogicon';font-size:16px;padding-right:3px;content:'\f035';vertical-align:bottom}.twitter--follow__button .label{vertical-align:top}.facebook-follow-button{background:#3274bd !important;color:#fff !important;border-radius:3px;border-right:2px solid #25446c;border-bottom:3px solid;border-bottom-color:#1c3e7e;padding:3px 6px 1px;}.facebook-follow-button:before{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'blogicon';font-size:16px;padding-right:5px;content:'\f036';vertical-align:bottom}.facebook-follow-button:hover{background:#4988cf !important;color:#fff !important !important;border-right:2px solid #25446c;border-bottom:3px solid #2653aa}.sns-share--area{margin:10px auto;padding:0}.sns-share--area li{display:inline-block;list-style-type:none;margin-right:15px;}.sns-share--area li:last-child{margin-right:0}.sns-share--link{display:block;color:#fff;border-radius:50%;width:45px;height:45px;line-height:47px;text-align:center;margin:0}.sns-share--bookmark{background-color:#1487bd}.sns-share--twitter{background-color:#55acee}.sns-share--facebook{background-color:#3274bd}.sns-share--rss{background-color:#75ca1c}.sns-share--pocket{background-color:#e54889}#globalheader-container{overflow:hidden;background-color:rgba(105,85,60,0.75);color:#fefefe;width:100%}#container{width:100%;}#container #content{min-width:320px;width:80%;margin:0 auto;padding-top:30px;background-color:#f4f3ec;}#container #content:after{display:block;height:0;clear:both;content:" "}#container #content-inner{overflow:hidden;width:90%;margin:auto}#main{width:62%;float:left}#box2{width:33%;min-width:320px;float:right}#box2-inner{width:95%;min-width:305px;margin:auto 0 auto auto}#blog-title{background-color:rgba(76,49,27,0.75);margin:0 0 0 0;text-align:center;overflow:visible}#blog-title-inner{height:100%;width:100%;padding:40px 0 45px}#title{font-weight:normal;margin:auto;color:#fefefe;font-size:45px}#blog-description{color:#fefefe;font-weight:lighter;font-size:80%;margin:5px 0 0 0}.header-image-enable #blog-title,.header-image-enable #blog-description{text-align:center}.header-image-enable #blog-title-inner{background-size:cover}.header-image-enable #title{margin:70px auto}#top-box{margin:10px auto 20px;font-size:90%;}#top-box .breadcrumb{border:1px solid #ddd;padding:10px}.entry{position:relative;margin-bottom:60px}.entry-header{padding:0 0 10px 0;margin-bottom:25px;position:relative;border-top:2px solid #c9b93f;border-bottom:2px solid #c9b93f}.entry-title{box-sizing:border-box;color:#530e0e;margin:10px auto 20px auto;padding:45px 0 20px;line-height:1.2;font-size:210%}.date{margin:auto;text-align:left;position:absolute;right:0;}.date a{display:inline-block;padding:4px 2px;background-color:#774b46;width:110px;text-align:center;border-radius:3px}.date time{background-color:#774b46;border:dashed 1px #fff;display:block;width:95%;border-radius:2px;margin:auto;color:#fff}.hyphen{visibility:hidden}.categories{box-sizing:border-box;color:#530e0e;margin:auto;height:40px;padding:3px 0;font-size:80%;font-weight:normal;font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;}.categories a{border-radius:2px;color:#171717;border-top:1px solid #840000;border-left:2px solid #6c353d;border-right:2px solid #cc0503;border-bottom:2px solid #b03645;background-color:#f4f3ec;margin-right:3px;padding:4px 6px;text-decoration:none}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;right:0;top:15px;}.entry-header-menu a{display:inline-block;*display:inline;*zoom:1;line-height:3.8;color:#fff;background-color:#b03645;text-align:center;vertical-align:middle;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer;font-size:12px;font-weight:bold;height:45px;width:45px;}.entry-header-menu a:hover{background-color:#c43e4f}.entry-content{font-size:100%;text-align:justify;line-height:1.7;padding-bottom:10px;border-bottom:1px solid #ddd;}.entry-content a{word-wrap:break-word;word-break:break-all}.entry-content p{margin:0 0 1em 0;font-size:16px;}.entry-content p code{word-wrap:break-word;word-break:break-all}.entry-content img{max-width:100%;border:1px solid #ddd;max-width:100%;padding:5px;border-radius:3px}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#fff;}.entry-content .hatena-asin-detail li,.entry-content .itunes-embed li{line-height:1.4}blockquote{border:1px solid #ddd;background-color:#ededed;border-radius:2px;margin:0 0 10px;padding:20px;}blockquote p{margin-top:0;margin-bottom:0}.entry-footer{margin-top:10px}.entry-footer-section{font-size:80%;color:#999;}.entry-footer-section a{color:#999}.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 60px;border-bottom:1px solid #ddd;position:relative;}.comment-box li:first-child{border-top:1px solid #ddd}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px !important;height:50px !important;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.comment-user-name{margin:0 0 10px 0;font-weight:bold}.comment-content{font-size:90%;margin:0 0 10px 0;word-wrap:break-word;}.comment-content p{margin:0 0 10px 0}.comment-metadata{font-size:80%;color:#999;margin:0;}.comment-metadata a{color:#999}.leave-comment-title{display:inline-block;*display:inline;*zoom:1;border-radius:2px;line-height:18px;text-align:center;vertical-align:middle;cursor:pointer;text-decoration:none;padding:4px 10px 4px;margin-bottom:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:12px;text-decoration:none;font-weight:bold;color:#fff;background-color:#926256;border-bottom:3px solid #553131;border-right:2px solid #c31f44;text-decoration:none !important;}.leave-comment-title:hover{background-color:#a7776a;text-decoration:none !important}.hatena-module{font-size:14px;margin-bottom:47px}.hatena-module-title{color:#204c73;font-weight:bold;margin-bottom:8px;font-size:120%;line-height:2;}.hatena-module-title a{color:#204c73;}.hatena-module-title a:hover{color:#2996be}.hatena-module-body{text-align:justify;font-size:90%}.hatena-module-profile .profile-icon{width:auto;height:auto;float:left;margin:0 10px 10px 0;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;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 #ddd;line-height:1.5;}.hatena-urllist li a{text-decoration:none}.hatena-module-search-box .search-form{width:100%}.hatena-module-search-box .search-module-input{width:90%;padding:3px;color:#454545;background-color:#fff;border:none;outline:none}.hatena-module-search-box .search-module-button{display:none}.hatena-module-category li{display:inline-block;border-radius:3px;background-color:#ededed;border:1px solid #ddd;padding:3px 5px;margin:5px}.pager{overflow:hidden;font-size:80%;}.pager a{color:#1487bd;text-decoration:none;}.pager a:hover{text-decoration:underline}.pager .pager-prev{float:right;}.pager .pager-prev:after{content:" »"}.pager .pager-next{float:left;}.pager .pager-next:before{content:"« "}.pager .pager-prev,.pager .pager-next{display:block;margin:1em 0}.pager-arrow{display:none}#footer{border-top:solid 12px #8a704f;background-color:#69553c;padding:30px 0;text-align:center;color:#fff;line-height:1.5;font-size:80%;}#footer p{margin:0}#footer a{color:#fff}.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-about img.profile-icon{width:64px !important;height:64px !important;border-radius:50%}.page-archive .archive-entries{position:relative;}.page-archive .archive-entries .archive-entry{margin-bottom:3em}.page-archive .archive-entries .entry-title{font-size:130%;margin:0 0 .5em}.page-archive .archive-entries .categories{margin:0 0 1em;border-bottom:1px solid #393e40;padding-bottom:.8em}.page-archive .archive-entries .entry-description{font-size:100%;margin:0 0 1em;line-height:1.5em}.table-of-contents{border-left:#b8716a groove 15px;list-style:none;margin:35px auto;padding:10px 0 20px 28px;background-color:#eaeaea;}.table-of-contents ul{list-style:none;padding-left:25px;margin-bottom:8px auto 13px auto}.table-of-contents li{margin:4px auto}.table-of-contents a{color:#794040;font-size:16px}.table-of-contents:before{display:block;content:"目次";width:90%;font-size:26px;margin-bottom:20px;border-bottom:1px solid #ad9696;color:#681893}::-moz-selection{background-color:#01916b;color:#fff}::selection{background-color:#01916b;color:#fff}#top-editarea{margin:0 auto;width:100%;background-color:rgba(43,22,8,0.84)}.custom-header--navigation{min-width:320px;width:72%;margin:auto;background-color:rgba(48,21,10,0.4)}.custom-header{margin:0;padding:0;list-style-type:none;text-align:left}.custom-header__li{list-style-type:none;min-width:80px;text-align:center;display:inline-block;vertical-align:middle;height:40px;line-height:37px;overflow:hidden;box-sizing:border-box;margin:0 1px;background-color:#ffa21c;color:#fefefe;border-top:2px solid #2fbd87;border-bottom:4px solid rgba(39,39,39,0.18);transition:background-color .3s ease-in 0,border-top .4s ease-out 0;}.custom-header__li:hover{background-color:#5b111e;border-top:2px solid #dffa3d}.custom-header__li a{display:inline-block;min-width:60px;height:100%;padding:0 10px;font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;font-weight:normal;text-rendering:optimizeLegibility;color:inherit}#bottom-editarea{margin:50px auto 0;width:100%;}#bottom-editarea #custom-footer{min-width:320px;width:72%;margin:auto}@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){#container #content{width:97%}#container #content-inner{width:100%}.entry-header-menu{top:10px;right:0}.custom-header--navigation{width:97%}}@media (max-width:768px){#main{width:405px}}@media (max-width:767px){#globalheader-container{position:static}#blog-title{margin:0}#container{width:100%}#container #content{width:97%}#container #content-inner{width:97%}#main{width:405px;float:none}#box2{width:85%;float:none}.hatena-module{margin:0 auto 30px;float:none}.entry-header-menu{top:10px;right:0}}@media (max-width:480px){#title{font-size:35px}#blog-title-inner{padding:20px 0 25px;background-position:center !important}.entry-title{font-size:190%}#main{width:100%;float:none}#box2{float:none;width:100%;min-width:310px}#box2-inner{width:100%;margin:auto}#blog-title{margin-top:0}#title{margin:0}.header-image-enable #blog-title #blog-title-inner{height:auto !important;}.header-image-enable #blog-title #blog-title-inner #title{margin:auto}.custom-header--navigation{display:none}.sns-share--area{text-align:center}.sns-share--area li{margin-right:11px}}#cina--categories__select{margin:0 15px;background-color:#fefefe;vertical-align:middle}.cina--loading{-webkit-animation:cina--blink 1.5s ease-in-out infinite alternate;-moz-animation:cina--blink 1.5s ease-in-out infinite alternate;animation:cina--blink 1.5s ease-in-out infinite alternate}.custom-header__li{list-style-type:none;min-width:80px;text-align:center;display:inline-block;vertical-align:middle;height:40px;line-height:37px;overflow:hidden;box-sizing:border-box;margin:0 1px;background-color:#ffa21c;color:#fefefe;border-top:2px solid #2fbd87;border-bottom:4px solid rgba(39,39,39,0.18);transition:background-color .3s ease-in 0,border-top .4s ease-out 0;}.custom-header__li:hover{background-color:#5b111e;border-top:2px solid #dffa3d}.custom-header__li a{display:inline-block;min-width:60px;height:100%;padding:0 10px;font-family:'Helvetica Neue','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;font-weight:normal;text-rendering:optimizeLegibility;color:inherit}.breadcrumb--root{box-sizing:border-box;color:#530e0e;padding:0 0 8px 0;margin-top:-20px;font-size:80%}.breadcrumb--row{margin:2px auto}.breadcrumb--urlprop{border:none !important;background-color:inherit !important;color:#454545}.breadcrumb--child:before{content:'>';margin:0 6px}@-moz-keyframes cina--blink{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes cina--blink{0%{opacity:0}100%{opacity:1}}@-o-keyframes cina--blink{0%{opacity:0}100%{opacity:1}}@keyframes cina--blink{0%{opacity:0}100%{opacity:1}} /* */ h4 { padding: 1rem 2rem; color: #ffffff; background: #094; -webkit-box-shadow: 5px 5px 0 #98fb98; box-shadow: 5px 5px 0 #98fb98; } h5 { position: relative; padding: 1rem 2rem; border-bottom: 6px solid #094; } h5:before { position: absolute; bottom: -6px; left: 0; width: 20%; height: 6px; content: ''; background: #00cc5b; }.shoplinkseven a, .shoplinkamazon a, .shoplinkkindle a, .shoplinkrakuten a, .shoplinkyahoo a { transition: all ease-in-out .3s; display: block; text-decoration: none; text-align: center; padding: 13px; } .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:24%; 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: 13px; 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:#ff0033; border:2px solid #ff0033; 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:#ff0033;} /* 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; } } /***** 解像度480px以下のスタイル *****/ @media screen and (max-width:480px){ .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { width: 49%; margin: 0.5%; } } .table-of-contents{ padding: 20px 10px 20px 40px; border-radius: 5px; background: #fffff0; } h3 { position: relative; line-height: 1.4; padding:0.25em 1em; display: inline-block; top:0; } h3:before, h3:after { position: absolute; top: 0; content:''; width: 8px; height: 100%; display: inline-block; } h3:before { border-left: solid 1px black; border-top: solid 1px black; border-bottom: solid 1px black; left: 0; } h3:after { content: ''; border-top: solid 1px black; border-right: solid 1px black; border-bottom: solid 1px black; right: 0; }