/* <system section="theme" selected="10328749687191215643"> */
/* </system> */h2 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;/*見出し1*/
}
h3 {
	padding: .8em .45em;
	background-color: #d9333f;
	border-radius: 50px;/*見出し2*/
}
h5 {
	padding: .5em .75em;
	background-color: #e6e6e6;
}/*背景色*/
h6 {
	padding-bottom: .5em;
	border-bottom: 1px solid #808080;
	font-size: 175%;
}/*下線グレー*/
.table-of-contents:before{
    content: "目次";
    font-size: 120%;
    font-weight: bold;/*目次欄に目次の文字を入れる*/
}
.table-of-contents{
    padding: 20px 10px 20px 40px;
    border-radius: 5px;
    background: #e8d3d1;/*背景色はここから変更*/
}
.table-of-contents li,
.table-of-contents ul{
    list-style-type: decimal;
}
/*続きを読むデザイン*/
.entry-content .entry-see-more {
 padding:0;
 width: 150px;
 height: 50px;
 line-height: 50px;
 color: #FFF;/*文字色*/
 background-color:#a74040;/*背景色*/
 font-size: 18px;
 font-weight: 500;
 text-align: center;
 display: inline-block;
 text-decoration: none;
 -webkit-border-radius: 0px;/*角丸はここを『30』*/
 border-radius: 0px; /*角丸はここを『30』*/
 box-shadow: 0 4px 0 #800000;/*影の色*/
 text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
 position: relative;
}
.entry-content .entry-see-more:hover {
 color: #FFF;/*押した後の文字色*/
 background-color:#a74040;/*背景色*/
 box-shadow: 0px 8px 0px #800000;/*押した後の影の色*/
 top: -4px;
}
.test11:active {
 top: 3px;
 box-shadow: none;
}
Theme Name: Notebook
Theme URI: http://blog.hatena.ne.jp/-/store/theme/10328749687191215643
Description: 自分のブログ用に書いたレスポンシブデザインのテーマです。質問・要望・バグ報告等はサンプルブログ内の専用記事にてお願いします。** ソースコードGitHub: https://github.com/f-space/NotebookSASS(SCSS)で記述しているためコンパイルできる環境が必要です。** リンク-サンプルブログ：[http://custom-theme.hatenablog.com/]-作者のメインブログ：[http://www.f-sp.com/]** 更新履歴GitHubの[https://github.com/f-space/Notebook/commits/master:title=コミットログ]を参照。
Author: fspace
Author URI: http://blog.hatena.ne.jp/fspace/
*/
@charset "UTF-8";/*! Responsive: yes *//*! Copyright (c) 2016 F_ | Released under the MIT license: http://opensource.org/licenses/mit-license.php *//*! Based on boilerplate Theme | Copyright (c) 2013 Hatena Co., Ltd | MIT license *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */img,legend{border:0}.entry-content table,table{border-collapse:collapse;border-spacing:0}legend,td,th{padding:0}#top-box .breadcrumb-child:hover,#top-box .breadcrumb-link:hover,.btn-large:hover,.btn-small:hover,.btn:hover,.entry-categories a:hover,.entry-content a.entry-see-more:hover,.entry-header-menu a:hover,.hatena-module-category a:hover,.hatena-urllist .urllist-category-link:hover,.leave-comment-title:hover,.page-archive .archive-entries .categories a:hover{transform:scale(1.05,1.05)}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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}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}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{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 silver;margin:0 2px;padding:.35em .625em .75em}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold");font-weight:700}.entry-content a,.hatena-module-html .note a{color:#a74040;text-decoration:none}.entry-content a:visited,.hatena-module-html .note a:visited{color:#cb644f}.entry-content a:hover,.hatena-module-html .note a:hover{color:#793b3b}#top-box .breadcrumb-child,#top-box .breadcrumb-link,.btn,.btn-large,.btn-small,.entry-content a.entry-see-more,.entry-header-menu a,.leave-comment-title{position:relative;z-index:0;display:inline-block;text-align:center;color:#faefec}#top-box .breadcrumb-child:active,#top-box .breadcrumb-child:last-child,#top-box .breadcrumb-link:active,#top-box .breadcrumb-link:last-child,.btn-large:active,.btn-small:active,.btn:active,.entry-content a.entry-see-more:active,.entry-header-menu a:active,.leave-comment-title:active{color:#a74040}#top-box .breadcrumb-child:active::before,#top-box .breadcrumb-child:last-child::before,#top-box .breadcrumb-link:active::before,#top-box .breadcrumb-link:last-child::before,.btn-large:active::before,.btn-small:active::before,.btn:active::before,.entry-content a.entry-see-more:active::before,.entry-header-menu a:active::before,.leave-comment-title:active::before{background-color:#faefec;background-clip:padding-box;border:.25em solid #a74040}#top-box .breadcrumb-child::before,#top-box .breadcrumb-link::before,.btn-large::before,.btn-small::before,.btn::before,.entry-content a.entry-see-more::before,.entry-header-menu a::before,.leave-comment-title::before{top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;content:"";display:block;background-color:#a74040;border-radius:.5em}.entry-categories a,.hatena-module-category a,.hatena-urllist .urllist-category-link,.page-archive .archive-entries .categories a{display:inline-block;text-align:center;color:#faefec;background-color:#cb644f;border-radius:.5em}.entry-categories a:active,.hatena-module-category a:active,.hatena-urllist .urllist-category-link:active,.page-archive .archive-entries .categories a:active{color:#cb644f;background-color:#faefec}.entry-categories a,.hatena-module-category a{margin:0 .5em .5ex 0;padding:5px 10px;font-weight:700;font-size:14px}.hatena-urllist .urllist-category-link,.page-archive .archive-entries .categories a{margin:0 .25em .25ex 0;padding:2px 5px;font-weight:400;font-size:12px}a{color:inherit;text-decoration:none}.keyword{border-bottom:solid 1px #cb644f}h1 .keyword:not(:hover),h2 .keyword:not(:hover),h3 .keyword:not(:hover),h4 .keyword:not(:hover),h5 .keyword:not(:hover),h6 .keyword:not(:hover){border-bottom:none}.keyword:hover::after{content:"";font-family:blogicon;display:inline-block;vertical-align:text-bottom;margin-left:.25em;font-size:80%;color:#cb644f;transform:scaleX(-1)}.btn,.entry-content a.entry-see-more,.entry-header-menu a,.leave-comment-title{padding:5px 20px;font-weight:700;font-size:14px}.btn-small{padding:3px 10px;font-weight:400;font-size:12px}.btn-large{padding:13px 19px;font-weight:700;font-size:17px}
#blog-title{margin:10px ;font-size:22px!important;color:#0066CC}.header-image-enable #blog-title #blog-title-inner{position:relative}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{height:200px;background-position:center center!important;background-size:cover;background-clip:padding-box;border-radius:30px}#blog-title #blog-title-content{margin:5px 20px 10px;line-height:1.2}.header-image-enable #blog-title #blog-title-content{position:absolute;left:0;bottom:0;margin:5px 30px}.header-image-only #blog-title #blog-title-content{display:none}#blog-title 
#title{display:inline;margin:0 .25em;font-weight:700;font-size:4rem;color:#008b8b;white-space:nowrap}.header-image-enable #blog-title #title a{font-weight:700;color:#ccc;text-shadow:none}#blog-title #blog-description{display:inline-block;margin:0 .25em;font-weight:700;font-size:1rem;color:#ccc}.header-image-enable #blog-title #blog-description{font-weight:700;color:#ccc;text-shadow:none}#top-box{margin:10px auto}#top-box .breadcrumb{font-weight:700;margin:10px 0}#top-box .breadcrumb-child,#top-box .breadcrumb-link{box-sizing:border-box;margin:5px;padding:5px 20px}#top-box .breadcrumb-child [itemprop=title],#top-box .breadcrumb-link [itemprop=title]{display:inline-block;min-width:150px;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#top-box .breadcrumb-gt,.entry-date .hyphen{display:none}#top-box .breadcrumb-child::before,#top-box .breadcrumb-link::before{transform:skewX(30deg)}#top-box .breadcrumb-child:last-child:hover,#top-box .breadcrumb-link:last-child:hover{transform:none}#footer{padding:20px 0;font-size:80%;text-align:center;color:#ccc}.entry-header{position:relative;margin-bottom:20px;padding-bottom:10px;padding-left:1em;border-bottom:dashed 3px #a74040}.entry-header::before{height:60px;min-height:60px;max-height:60px;content:'';display:block}.entry-title{margin:5px 0;color:#a74040}.entry-date{width:123px;min-width:123px;max-width:123px;height:51px;min-height:51px;max-height:51px;position:absolute;left:-30px;top:0;font-weight:700;color:#faefec;background-color:#a74040;border-radius:5px 20px 20px 5px}.entry-date .date-month,.entry-date .date-year{left:10px;text-align:right;white-space:nowrap;position:absolute}.entry-date:hover{box-shadow:3px 3px 3px #793b3b}.entry-date .date-year{top:5px;width:35px;vertical-align:top;font-size:16px}.entry-date .date-month{bottom:5px;width:43px;vertical-align:bottom;font-size:20px}.entry-date .date-day{position:absolute;right:25px;bottom:5px;text-align:right;vertical-align:bottom;font-size:36px;white-space:nowrap}.entry-categories{display:flex;flex-flow:row wrap;margin:5px 0}.entry-categories.no-categories{display:none;margin:0}.entry-footer,.social-buttons{margin:10px 0}.entry-header-menu{position:absolute;left:-120px;bottom:0}.entry-footer-section{text-align:center;font-size:80%;color:#cb644f}.comment-box ul{list-style:none;margin:10px 0;padding:0}.comment-box li.entry-comment{position:relative;padding:10px 10px 10px 70px;border-bottom:dashed 1px #cb644f}.entry-content,.entry-content h1{border-bottom:dashed 3px #a74040}.comment-box li.entry-comment:first-child{border-top:dashed 1px #cb644f}.comment-box li.read-more-comments{margin-top:5px;color:#a74040}.comment-box .hatena-id-icon{width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;position:absolute;top:10px;left:10px;border-radius:3px}.comment-user-name{margin:0 0 5px;font-weight:700}.comment-content{margin:5px 0;font-size:90%;word-wrap:break-word}.comment-metadata{margin:5px 0;font-size:80%;color:#5f5f5f}.leave-comment-title{display:table;margin:0 1em 0 auto}.entry-content{padding-bottom:10px}h1 .entry-content a,h2 .entry-content a,h3 .entry-content a,h4 .entry-content a,h5 .entry-content a,h6 .entry-content a{color:inherit}.entry-content p{margin:1ex .5em;line-height:1.5}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:3ex 0 2ex}.entry-content h1{padding:1ex 0 1ex 1em;font-size:160%}.entry-content h2{padding:1ex 0 1ex 1em;font-size:150%;border-left:solid 10px #a74040;border-top:solid 1px #a74040;border-bottom:solid 1px #a74040}.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{padding:.5ex 0 .5ex 1em}.entry-content h3{font-size:140%;border-left:solid 10px #5f5f5f;border-top:solid 1px #5f5f5f;border-bottom:solid 1px #5f5f5f}.entry-content h4{font-size:130%;border-left:solid 5px #a74040;border-bottom:solid 1px #a74040}.entry-content h5{font-size:110%;border-bottom:solid 1px #5f5f5f}.entry-content h6{font-size:100%}.entry-content hr{width:80%}.entry-content dl,.entry-content ol,.entry-content ul{margin:10px 2em;line-height:1.75}.entry-content dl dl,.entry-content dl ol,.entry-content dl ul,.entry-content ol dl,.entry-content ol ol,.entry-content ol ul,.entry-content ul dl,.entry-content ul ol,.entry-content ul ul{margin:0 2em}.entry-content ol,.entry-content ul{padding-left:1.5em}.entry-content table{margin:20px auto}.entry-content table img{max-width:none}.entry-content table td,.entry-content table th{border:1px solid #5f5f5f;padding:5px 10px}.entry-content table th{background-color:#cb644f;color:#faefec}.entry-content blockquote{margin:20px 2em;padding:20px;border:1px solid #c5c5c5}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{margin:20px 5px;padding:10px 15px;line-height:1.2;font-family:inherit;border:1px solid #c5c5c5;white-space:pre;word-wrap:normal;overflow-wrap:normal}.entry-content code,.entry-content pre.code,.entry-content pre>code{font-family:Monaco,Consolas,"Courier New",Courier,monospace,sans-serif}.entry-content pre.code{background-color:transparent}.entry-content code{margin:0;padding:.25ex .25em;font-size:90%;color:#2c2c2c;background:0 0;border:2px dotted transparent;border-radius:.5em}.entry-content code:hover{background-color:rgba(203,100,79,.1);border-color:#cb644f}.entry-content pre>code{margin:0;padding:0;font-size:inherit;color:inherit;background:0 0;border:none;border-radius:0}.hatena-module-links a:hover::after,.hatena-urllist .urllist-date-link::before,.page-archive .archive-entries .date::before,.pager .pager-next::before,.pager .pager-prev::before{font-family:blogicon}.entry-content pre>code:hover{background:0 0}.entry-content .synStatement,.entry-content .synType{color:#34f}.entry-content .synIdentifier{color:#454545}.entry-content .synConstant{color:#c42}.entry-content .synPreProc{color:#34f}.entry-content .synComment{color:#493}.entry-content .synSpecial{color:#c42}.entry-content a.entry-see-more{display:table;margin:20px auto;padding:5px 50px}.hatena-module{margin-bottom:50px;line-height:1.5}.hatena-module:last-child{margin-bottom:0}.hatena-module-title{text-align:center;font-weight:700;padding:1ex 1em;color:#a74040;border-top:dashed 2px #cb644f;border-bottom:dashed 2px #cb644f}.hatena-module-body{margin-top:20px;padding:0 .5em}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-radius:5px}.hatena-module-profile .id{display:block;margin-bottom:10px;font-weight:700}.hatena-module-profile .profile-activities{font-size:75%}.hatena-module-profile .profile-description{clear:both;margin:2ex 0;font-size:90%}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:1ex .25em;border-bottom:1px solid #5f5f5f}.hatena-urllist .urllist-image-link img{margin:0 .5em 0 0;border-radius:15%}.hatena-urllist .urllist-date-link{font-size:80%;color:#cb644f}.hatena-urllist .urllist-date-link::before{content:""}.hatena-urllist .urllist-title-link{margin:5px 0 10px;font-size:90%;line-height:1.2}.hatena-urllist .urllist-title-link:hover{background:linear-gradient(transparent 60%,rgba(203,100,79,.5))}.hatena-urllist .urllist-categories{display:flex;flex-flow:row wrap}.hatena-module-search-box .search-form{position:relative;border:1px solid #5f5f5f;border-radius:5px}.hatena-module-search-box .search-module-input{top:0;right:0;bottom:0;left:0;display:block;position:relative;box-sizing:border-box;width:100%;padding:5px 30px 5px 5px;background:0 0;border:none;outline:0}.hatena-module-search-box .search-module-button{display:block;position:absolute;right:0;top:0;bottom:0;width:20px;margin:0 5px;text-indent:-9999px;background:url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=4dd741a907213e900600e22f5c7647) right center no-repeat;border:none;outline:0;cursor:pointer;opacity:.5}.hatena-module-search-box .search-module-button:hover{opacity:.85}.hatena-module-links a:hover::after{content:"";vertical-align:bottom;margin-left:.5em;color:#cb644f}.hatena-module-category ul{display:flex;flex-flow:row wrap}.hatena-module-category li{padding:5px 0;border-bottom:none}.pager::after{content:'';display:block;clear:both}.pager .pager-next,.pager .pager-prev{display:flex;align-items:center;box-sizing:border-box;width:45%;margin:10px 0;padding:10px 20px;font-weight:700;font-size:90%;color:#a74040;background:#fff;border-radius:20px/50%}.pager .pager-next a,.pager .pager-prev a{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager .pager-next a:hover,.pager .pager-prev a:hover{background:linear-gradient(transparent 60%,rgba(203,100,79,.5))}.pager .pager-prev{float:left;text-align:left;flex-flow:row nowrap}.pager .pager-prev::before{content:"";flex:0 0 auto;margin-right:.5em}.pager .pager-next{float:right;text-align:right;flex-flow:row-reverse nowrap}.pager .pager-next::before{content:"";flex:0 0 auto;margin-left:.5em}.pager .pager-arrow{display:none}.page-about dl:last-of-type{margin:50px 10px 20px}.page-about dl:last-of-type dt{float:left;display:block;width:12em;margin:0;font-weight:700;color:#a74040}.page-about dl:last-of-type dd{display:block;margin:0}.page-about dl:last-of-type dd::after{content:'';display:block;clear:both;margin-bottom:20px;border-bottom:dotted 2px #a74040}.page-archive .archive-entries,.page-archive .archive-heading{border-bottom:dashed 3px #a74040}.page-archive .archive-heading{margin:0 0 20px;padding-bottom:5px;font-size:1rem;color:#a74040}.page-archive .archive-entries .archive-entry{margin:10px 0;padding:0 10px 10px;border-bottom:solid 1px #a74040}.page-archive .archive-entries .archive-entry:last-child{border-bottom:none}.page-archive .archive-entries .date{font-size:90%;color:#cb644f}.page-archive .archive-entries .date::before{content:""}.page-archive .archive-entries .entry-title{line-height:1.2;color:#a74040}.page-archive .archive-entries .categories{display:flex;flex-flow:row wrap;margin:5px 0 10px}.page-archive .archive-entries .entry-thumb{border-radius:15%}.page-archive .archive-entries .entry-description{margin:0 0 10px;font-size:90%}.page-archive span.highlight{display:inline-block;box-sizing:content-box;margin:0;padding:0;font-weight:inherit;color:inherit;background-color:transparent;border:none;border-radius:0;animation-name:u04ec86a9;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in}@keyframes u04ec86a9{from{transform-origin:center bottom;transform:translateY(0) scale(1.05,.75)}to{transform-origin:center bottom;transform:translateY(-.5ex) scale(.95,1.1)}}.hatena-module-html .note{font-size:90%}.hatena-module-html-apps{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start}.hatena-module-html-apps .app{flex:0 1 200px;margin:10px 20px}.hatena-module-html-apps .app-icon{display:block;margin:5px auto;width:96px;height:96px}.hatena-module-html-apps .app-name{margin:5px 0;font-weight:700;text-align:center}.hatena-module-html-apps .app-description{margin:5px 0;font-size:80%;text-align:center}#ad-footer,#ad-header{margin:20px 0}#ad-footer{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center}#ad-footer>.adsbygoogle{flex:1 0 300px;margin:10px 20px}#ad-sidebar{clear:right;float:right;width:336px;margin:50px 0}#ad-entry-footer{display:none}.adsbygoogle{text-align:center}@media (max-width:1076px){#ad-footer,#ad-sidebar{display:none}#ad-entry-footer{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;margin:20px 0}#ad-entry-footer>.adsbygoogle{flex:1 0 300px;margin:5px 10px}}@media (max-width:720px){#ad-entry-footer>.adsbygoogle:not(:first-child){display:none!important}}:root,body{background-color:#4c4c4c;color:#454545;font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic Pro","Yu Gothic",Meiryo,"MS PGothic",sans-serif;word-wrap:break-word;overflow-wrap:break-word}#globalheader-container{position:fixed;top:0;left:0;width:100%;background-color:#793b3b;color:#faefec}#container{box-sizing:border-box;width:1076px;margin:0 auto 30px;padding-top:37px}.globalheader-off #container{padding-top:0}#box2,.entry,.page-archive #main{box-sizing:border-box;padding:30px 20px;background-color:#fff;background-clip:padding-box}#content::after{content:'';display:block;clear:both}#main{float:left;margin:0;padding:0;border:none;background:0 0}.entry,.page-archive #main{width:720px;margin-bottom:20px;border:0 solid #454545;border-radius:30px}.entry:last-child,.page-archive #main:last-child{margin-bottom:0}#box2{float:right;width:336px;border:0 solid #454545;border-radius:30px}@media (-webkit-min-device-pixel-ratio:2){.hatena-module-search-box .search-module-button{background:url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=4dd741a907213e900600e22f5c7647) right center no-repeat;background-size:20px 20px}}@media (max-width:1076px){#box2,#main{float:none}#container{width:720px}#box2{width:100%;margin-top:20px}#box2-inner{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}.hatena-module{flex:1 1 252px;margin-left:10px;margin-right:10px}.entry-header-menu{left:auto;right:0;top:0;bottom:auto}}@media (max-width:720px){#globalheader-container{position:static}#container{width:100%;padding:0 10px}.entry,.page-archive #main{width:100%;font-size:90%}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{height:100px}.header-image-enable #blog-title #title{font-size:1rem}#blog-title #blog-description,.breadcrumb{display:none}.pager .pager-next,.pager .pager-prev{width:75%}}