/* <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> */

nav {
    background-color: #fafafa;/ グローバルナビの背景色 /
    width: 100%;
}
nav,nav a {
    color: #ffffff;/ 文字の色 /
}
nav ul li {
    list-style: none;
}
nav ul li .blogicon-chevron-down {
    padding-left: 10px;
    color: #999999;/ 矢印アイコンの色 /
    vertical-align: text-bottom;
}
nav > ul {
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0 auto;
    max-width: 1174px;/ ページの幅に合わせて調整 /
}
nav > ul > li {
    text-align: center;width: 100%;
}
nav > ul > li dl dd ul li a,
nav > ul > li > a,
nav > ul > li dl dt {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 46px;
    padding: 0 3px;
    font-size: 13px;
    background-color: #333333;/ メニュー・親カテゴリ(リンク)の背景色 /
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
}
nav > ul > li > a br {
    display: none;
}
nav > ul > li dl dd ul li a br {
    display: none;
}
nav > ul > li dl {
    margin: 0;
}
nav > ul > li dl dd {
    display: none;
    margin: 0;
}
nav > ul > li dl dd ul {
    padding: 0;
}
nav > ul > li dl dd ul li a {
    background-color: #0d0d0d;/ 子カテゴリの背景色 /
}
nav > ul > li > a:hover,nav > ul > li dl dt:hover {
    color: #fff;
    background-color: #666666;/ メニュー・親カテゴリにマウスを乗せたときに背景色を変更 /
}
nav > ul > li dl dd ul li a:hover {
    color: #fff;
    background-color: #474747;/ 子カテゴリにマウスを乗せたときに背景色を変更 /
}
nav > ul > li dl dt:hover .accBtn .accIcon::after,
nav > ul > li dl dt:hover .accBtn .accIcon::before {
    background-color: #cccccc;/ 親カテゴリの横にあるアイコンの色 /
}  


.entry-title {
font-size: 24px;
}


.accBtn {
    cursor: pointer;
    position: relative;
}
.accBtn.active .accIcon {
    margin-top: -3px;
}
.accBtn .accIcon {
    width: 15px;
    height: 3px;
    margin-top: -8px;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
}
.accBtn.active .accIcon::before,
.accBtn.active .accIcon::after {
    width: 15px;
    height: 3px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.accBtn.active .accIcon::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.accBtn .accIcon::before {
    width: 15px;
    height: 3px;
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #999999;/ +アイコンの色(MENUの横) /
}
.accBtn .accIcon::after {
    height: 15px;
    width: 3px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    background-color: #999999;/ 〃 /
}
nav .spMenu {
    display: none;
    margin: 0;
}
/ タブレット・PC(幅1200px以下) /
@media screen and (max-width: 1200px) {
    nav > ul > li dl dd {
        width:110%;
    }
    nav > ul > li dl dd ul li a br {
        display:block;
    }
}
/ タブレット(幅760px以下) /
@media screen and (max-width: 760px) {
    nav > ul > li > a br {
        display: block;
    }
    nav ul li small {
        font-size: 95%;
    }
    nav > ul > li dl dd {
        width: 200%;
    }
}
/ スマホ(幅480px以下) /
@media screen and (max-width: 480px) {
    nav .spMenu {
        display: block;
        padding: 15px;
        line-height: 30px;
        background-color: #333333;/ メニューの背景色(閉じた状態) /
    }
    nav > ul{
        display: none;
    }
    nav > ul li {
        width: 100%;
    }
    nav > ul > li dl dt,nav > ul > li > a {
        background-color: #212121;/ メニュー・親カテゴリの背景色 /
        border-bottom: 1px solid #040404;/ 〃 の下にある線 /
    }
    nav > ul > li dl dd ul li a br {
        display: none;
    }
    nav > ul > li > a br {
        display: none;
    }
    nav > ul > li dl dd {
        width: 100%;
    }
    nav > ul > li dl dd ul li a {
        background-color: #171717;/ 子カテゴリの背景色 /
    }
    nav > ul > li dl dt:hover .accBtn .accIcon::after,
    nav > ul > li dl dt:hover .accBtn .accIcon::before {
        background-color: #cccccc;/ +アイコンの色(MENUの横) /
    }
}

/* 見出しカスタマイズ */ 
.entry-content h2 {
background: #f0f0f0;/*背景の色*/
padding: 0.5em;
border-radius:0.5em;/*角を丸く*/
font-size: 23px; /*文字の大きさ*/
font-weight:bold; /*太字に*/
}
 
.entry-content h3{
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #5c5c5c;/*上線*/
border-bottom: solid 3px #5c5c5c;/*下線*/
font-size: 20px; /*文字の大きさ*/
font-weight:bold; /*太字に*/
}
 
.entry-content h4 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
background: transparent;/*背景透明に*/
border-left: solid 5px #4e525a;/*左線*/
font-size: 18px; /*文字の大きさ*/
font-weight:bold; /*太字に*/