/* <system section="theme" selected="17680117126987361304"> */
/*!
  Theme: SquarePlates
  Author: rokuzeudon
  Responsive: yes
  Description:
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import url("https://fonts.googleapis.com/css?family=Montserrat:800|Noto+Sans+JP:400,700,900&subset=japanese");@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp_s.min.css");html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.archive-entry .entry-thumb{position:relative;z-index:0}.archive-entry .archive-entry-body,.archive-entry .archive-entry-header,.archive-entry .categories{position:relative;z-index:1}body{font-family:YakuHanJPs,Helvetica Neue,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#111;background:#f8f8f8;line-height:1.8;letter-spacing:.06em}a{color:#1487bd}a:hover{color:#0f668f}a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#111}h1,h2,h3,h4,h5,h6{color:#111;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0f668f}#globalheader-container{background-color:#111;color:#fff}#blog-title-content,#bottom-editarea,#content-inner,#footer,#top-box,#top-editarea{margin:auto;padding-left:1em;padding-right:1em;box-sizing:border-box;width:100%}@media (min-width:992px){#blog-title-content,#bottom-editarea,#content-inner,#footer,#top-box,#top-editarea{max-width:88rem}}@media (max-width:480px){#content-inner{padding:0}}#content-inner{display:flex;justify-content:space-between;flex-direction:column}@media (min-width:992px){#content-inner{flex-direction:row}}#wrapper{flex:1}#bottom-editarea,#top-editarea,#wrapper{margin-bottom:1rem}#blog-title{margin:0 auto 1em;padding:2em 0;text-align:center;background:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.06)}@media (min-width:768px){#blog-title{padding:3em 0;text-align:left}}@media (min-width:1200px){#blog-title{margin:0 auto 3em}}#title{margin:0;font-size:1.8rem;font-weight:900;font-family:YakuHanJPs,Montserrat,Noto Sans JP,sans-serif}@media (min-width:992px){#title{font-size:2rem}}#title a{color:#111}#blog-description{font-weight:400;font-size:.8rem;margin:1em 0 0}.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 0 1em;padding:0;box-shadow:none}@media (min-width:1200px){.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 auto 1em}}.header-image-enable #blog-title-inner,.header-image-only #blog-title-inner{display:flex;flex-direction:row;align-items:center;text-align:left}.breadcrumb{margin:0 auto 1em;padding:.4em 1.2em;border-radius:1rem;font-size:.8rem;background:#fff;white-space:nowrap;overflow-x:auto}.breadcrumb-child-link,.breadcrumb-link{color:#919191;text-decoration:none}.breadcrumb-child-link:hover,.breadcrumb-link:hover{color:#111;text-decoration:underline}.breadcrumb-gt{display:inline-block;color:#919191;-webkit-transform:scaleX(.6);transform:scaleX(.6)}.entry{position:relative;margin-bottom:2rem;box-shadow:0 .2em 1em rgba(0,0,0,.06);background:#fff}.entry-inner{margin:auto;padding:2em;max-width:48rem;font-size:100%}@media (max-width:480px){.entry-inner{padding:1em}}@media (min-width:1200px){.entry-inner{font-size:120%;padding-top:5rem}}.entry-header{padding-bottom:1em;margin-bottom:2em;border-bottom:1px solid #ddd;position:relative}.date{margin-bottom:.5em;font-size:.9em;font-family:YakuHanJPs,Montserrat,Noto Sans JP,sans-serif}.date a{color:#919191;text-decoration:none}.date a:hover{text-decoration:underline}.entry-title{margin:0 0 .3em;font-size:1.6em}.categories{margin:.5em 0;font-size:.9em}.categories a{display:inline-block;margin-right:.5em;color:#111;text-decoration:none}.categories a:hover{text-decoration:underline}.categories a:before{content:"#";display:inline;font-weight:700}.entry-header-menu{position:absolute;top:0;right:0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .8em}.entry-content h1{font-size:1.5em}@media (min-width:992px){.entry-content h1{font-size:1.7em}}.entry-content h2{font-size:1.4em}@media (min-width:992px){.entry-content h2{font-size:1.5em}}.entry-content h3{font-size:1.2em}@media (min-width:992px){.entry-content h3{font-size:1.3em}}.entry-content h4{font-size:1.1em}.entry-content h5{font-size:1em}.entry-content h6{font-size:.9em}.entry-content dd,.entry-content ol,.entry-content ul{margin:0 0 1em 1.5em;padding:0}.entry-content dd li ol,.entry-content dd li ul,.entry-content ol li ol,.entry-content ol li ul,.entry-content ul li ol,.entry-content ul li ul{margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8em}@media (min-width:992px){.entry-content table{font-size:.9em}}.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f8f8f8}.entry-content blockquote{border:1px solid #ddd;margin:0 0 10px;padding:20px}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content code,.entry-content pre{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#f8f8f8;border:none;overflow:scroll;white-space:pre;line-height:1.3;font-size:.8em;padding:10px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;background-color:#f8f8f8;border-radius:3px}.entry-content hr{width:50%;border:none;border-top:1px solid #ddd;margin:2em auto}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;border:1px solid #ddd}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer-section{color:#919191;font-size:.9em}.comment-box{margin:1em 0}.comment-box .comment{list-style:none;margin:0 0 15px;padding:0;line-height:1.7;font-size:.85em}.comment-box .entry-comment{padding:10px 0 10px 60px;border-bottom:1px solid #ddd;position:relative}.comment-box .entry-comment:first-child{border-top:1px solid #ddd}.comment-box .read-more-comments{padding:10px 0}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important;border-radius:3px}.comment-user-name{margin:0 0 .4em;font-weight:700}.comment-content{margin:0 0 .4em;word-wrap:break-word;color:#111;font-size:.85em}.comment-content p{margin:0 0 .6em}.comment-metadata{color:#919191;margin:0;font-size:.8em}.comment-metadata a{color:#919191}.leave-comment-title{padding:.6em 1em;font-size:.85em;border:1px solid #ddd}.pager{display:flex;justify-content:flex-end;margin-bottom:2rem;font-size:.9em}.pager .pager-next,.pager .pager-prev{display:block;width:50%}.pager .pager-next{text-align:right}.pager .pager-next a,.pager .pager-prev a{display:inline-block;width:96%;padding:20px;box-sizing:border-box;color:#919191;background:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.06);text-decoration:none;transition:.06s ease-out}.pager .pager-next a:hover,.pager .pager-prev a:hover{color:#111;background:#f8f8f8}#box2{margin-bottom:2rem;width:100%}@media (max-width:480px){#box2{padding:0 1em;box-sizing:border-box}}@media (min-width:992px){#box2{width:23rem;margin:0 0 2rem 1em}}.hatena-module{box-sizing:border-box;margin-bottom:3em;font-size:.85rem}@media (min-width:768px){.hatena-module{font-size:.9rem}}.hatena-module-title{margin-bottom:.6em;padding:.2em .6em;border-bottom:1px solid #ddd;font-size:1rem;font-weight:700;color:#fff;background:#111}.hatena-module-title a{color:#fff;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .hatena-module-body{padding:.8em;box-sizing:border-box;background:#fff}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0}.hatena-module-profile .id{display:block;font-weight:700;margin-bottom:.5em}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{display:-ms-grid;display:grid;-ms-grid-columns:1fr .8em 1fr;grid-template-columns:1fr 1fr;grid-gap:.8em;list-style:none;margin:0;padding:0}.hatena-urllist li a{color:#919191;background:#fff;line-height:1;text-decoration:none;transition:.2s ease-out}.hatena-urllist li a:hover{color:#111;background:#f8f8f8}.hatena-urllist .urllist-category-link{font-size:.7rem;padding:.1em .3em;color:#fff;background:#111}.hatena-urllist .urllist-category-link:hover{color:#919191;background:#111}.hatena-urllist .urllist-category-link:before{content:"# ";display:inline;font-weight:700}.hatena-urllist .urllist-date-link a{color:#919191}.hatena-urllist .urllist-entry-body{margin-top:.3em}.hatena-urllist .urllist-categories{margin:0 0 1em}.hatena-urllist .bookmark-widget-counter{background:transparent}.hatena-urllist .archive-module-year .archive-module-month{margin:.4em 0 0 2em}.hatena-module-category li a{display:block;padding:.5em;box-sizing:border-box;width:100%;height:100%}.hatena-module-search-box .search-form{border:1px solid #ddd;border-radius:3px;background:#fff;width:100%;box-sizing:border-box;display:flex;align-items:center}.hatena-module-search-box .search-module-input{flex:1 0;padding:5px;color:#111;background:none;border:none;outline:none;height:20px}.hatena-module-search-box .search-module-button{width:24px;height:24px;margin-right:5px;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.7 15l-3.4-3.3h-.1a5.4 5.4 0 0 0 .9-3.1 5.6 5.6 0 1 0-5.6 5.6 5.4 5.4 0 0 0 3.1-.9.1.1 0 0 0 .1.1l3.3 3.3a1.1 1.1 0 0 0 .8.3 1.6 1.6 0 0 0 .9-.3 1.4 1.4 0 0 0 0-1.7m-8.2-2.7a3.8 3.8 0 0 1-3.7-3.8 3.8 3.8 0 0 1 3.7-3.8 3.9 3.9 0 0 1 3.8 3.8 3.8 3.8 0 0 1-3.8 3.8'/%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3C/svg%3E") no-repeat 50%;background-size:20px 20px;border:none;outline:none;color:transparent;overflow:hidden;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem}#footer,#footer a{color:#919191}#footer p{margin:.5em auto}.page-index .pager .pager-next a,.page-index .pager .pager-prev a{width:100%;margin:2px 0 0}.page-archive #wrapper{background:transparent}.archive-header-category{margin-bottom:.6rem}@media (max-width:480px){.archive-header-category{margin-bottom:1px}}.archive-header-category .archive-heading{margin:0;padding:.4em .6em;font-size:1.8rem;font-weight:900;color:#fff;background:#111}@media (max-width:480px){.archive-header-category .archive-heading{padding:1rem;box-sizing:border-box}}.archive-header-category .archive-heading:before{content:"# ";display:inline;font-weight:700}.archive-entries{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1px 1fr;grid-template-columns:1fr 1fr;grid-gap:1px}@media (max-width:480px){.archive-entries{-ms-grid-columns:1fr;grid-template-columns:1fr}}.archive-entry{position:relative;padding:1em 1em 4em;overflow:hidden}.archive-entry .entry-title{margin:0}.archive-entry .entry-title-link{color:#fff;background:transparent;transition:.2s ease-out}.archive-entry .entry-title-link:hover{text-decoration:underline}.archive-entry .entry-thumb-link{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.archive-entry .entry-thumb{margin:0;width:100%;height:100%;background-size:cover;background-position:50%;-webkit-filter:brightness(25%);filter:brightness(25%)}.archive-entry .entry-description{margin:0;font-size:.85rem;line-height:1.4;color:#919191;background:transparent}.archive-entry .social-buttons{display:block;margin-top:.3em}a.archive-category-link{color:#fff;background:#111;text-decoration:none}a.archive-category-link:hover{color:#fff;text-decoration:underline}a.archive-category-link:before{content:"# ";display:inline;font-weight:700}.archive-entry{background:#333;transition:.2s ease-out}.archive-entry:hover{background:#454545;transition:.06s ease-out}.archive-entry .entry-description,.archive-entry .entry-thumb,.archive-entry .entry-title-link{transition:.2s ease-out}.archive-entry:hover .entry-title-link{color:#111;background:#fff;transition:.06s ease-out}.archive-entry:hover .entry-description{background:#111;background:ease-out .06s}.archive-entry:hover .entry-thumb{-webkit-filter:brightness(80%);filter:brightness(80%);transition:.06s ease-out}.page-about .entry-content dt{font-weight:700;border-bottom:1px solid #ddd;margin-bottom:.5em}.page-about .entry-content dd{margin-left:0;margin-bottom:2em}
/* </system> */

.entry-content b {
	  background: -webkit-linear-gradient(transparent 60%, #66ffcc 60%)!important;
	  background: -o-linear-gradient(transparent 60%, #66ffcc 60%)!important;
	  background: linear-gradient(transparent 60%, #66ffcc 60%)!important;
}

#menubar{
    width:100%;
}
#menubar ul{
    display:table;
    width:100%;
    margin: 0; 
    padding: 0;
    background-color: #FFFFFF;
}
#menubar li{
    display: table-cell;
    width:20%;
    padding:0;
    background-color: #000000;
}
#menubar li a{
    display: block;
    margin:0 auto;
    padding:5px;
    border: 0px solid #FFFFFF;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
}
#menubar li a:hover{
    background-color: #808000;
}



.entry-content h3 {
  padding: 6px 10px;
  border-left: 8px solid #29b6b7;
  border-bottom: 1px solid #29b6b7;
  color: #333;
  line-height: 1.5;
  background-color: #f5f5f5;
}


h4 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}



h5 {
  border-bottom: solid 3px skyblue;
  position: relative;
}

h5:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

/*太文字マーカー*/
.entry-content strong {
background: linear-gradient(transparent 60%, #ff99cc 40%);
}

.article-btn a{
 display:block;
 text-decoration:none;
 padding:7px 10px;
 border-radius:4px;
 font-weight:bold;
 color:#e34c26;/* ボタンの文字色 */
 background-color:white;/* ボタンの背景色 */
 border:2px solid #e34c26;/* ボタン枠の背景色 */
 transition:all 0.5s;
 text-align:center;
}
.article-btn a:hover{
 color:white;/* マウスオーバー時のボタンの文字色 */
 background-color:#e34c26;/* マウスオーバー時のボタンの背景色 */
 border:2px solid #e34c26;/* マウスオーバー時のボタン枠の背景色 */
}

/*=== article window ===*/
.article-area{
    background-color:lavender;/*背景色*/
}
.article-container{
    width: 90%;/*画像表示の幅*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-sizing: border-box;
    margin: 0px auto;
    padding:0px;
    text-align:center;}
.article-box{
    box-sizing:border-box;
    border:5px solid lightyellow;/*画像の枠色*/
    width:25%;
    padding:0px;
    margin:30px 15px;/*画像周りの空白*/
    overflow:hidden;}
.article-img img{
    width:100%;
    display:block;
    object-fit:cover; 
    transition-duration: 0.5s;/*ゆっくり戻る*/}
.article-img:hover img{/*マウスオーバーで拡大表示*/
    transform: scale(1.1);/*1.1倍に表示*/
    transition-duration: 0.5s;/*ゆっくり拡大*/}

/*=== smartphone ２列表示 ===*/
@media(max-width: 767px){
.article-container {
    width:100%;
    flex-wrap: wrap;/*折り返し表示（２列）*/
    justify-content:space-between;
    padding:8px;}
.article-box {
    width:45%;
    padding:0px;
    margin:8px;}
.article-img img{
    width:100%;
    padding:0;
    object-fit:cover;}}
.page-entry .article-area{display:none;}
/*=== end of article window ===*/