/* <system section="theme" selected="smooth"> */
@charset "UTF-8";/*!
Theme: Smooth
Author: Hatena Blog Team
Responsive: yes
*//*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}html,body{background:#f9fafb;font-family:helvetica,Segoe UI,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;color:#293030}html{line-height:1}body{font-size:17px;line-height:1.6}img{vertical-align:baseline}a{color:#293030}a:hover{color:#586767;transition:all .3s}.date{margin:0 0 .7em;font-size:.9rem}.date a{color:#6f8383}.date a:hover{color:#a5b3b3}.date-last-updated{color:#6f8383;font-size:.9rem}#globalheader-container{position:sticky;top:0;background:#f9fafb}#container{word-wrap:break-word}#blog-title{max-width:1280px;margin:auto;padding:4% 5%;text-align:center}#title{font-size:150%;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-weight:400}@media (min-width: 768px){#title{font-size:215%}}#blog-description{font-size:90%;font-weight:400}#content-inner{width:100%;display:flex;flex-direction:column}@media (min-width: 768px){#content-inner{flex-direction:row;margin:auto;padding:0 20px}}@media (min-width: 1200px){#content-inner{width:1200px}}#wrapper{flex:0 0 100%;max-width:100%}@media (min-width: 768px){#wrapper{flex:0 0 75%;max-width:75%}}@media (min-width: 1020px){#main{padding:0 3% 0 0}}.header-image-enable #blog-title,.header-image-only #blog-title{padding:0 0 1.5em}@media (min-width: 1200px){.header-image-enable #blog-title,.header-image-only #blog-title{width:1160px}}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{display:flex;align-items:center;justify-content:center;height:50vw;max-height:200px}@media (min-width: 1200px){.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{background-size:100%}}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}.breadcrumb{font-size:.9rem}.categories{margin-bottom:2em}.categories a{display:inline-block;background:#e9f0f2;margin:0 .3em 0 0;padding:0 10px;font-size:12px}.pager{text-align:center;margin:3em .8em}@media (min-width: 1020px){.pager{margin:0}}.pager a{display:inline-block;width:100%;background:#eff1f5;padding:.7em 1.2em;border:none;font-weight:400;font-size:.9rem;color:#293030}.pager a:hover{background-color:#e9ecf1;text-decoration:none}.pager .pager-next,.pager .pager-prev{width:100%;padding:.5em 0}.pager .pager-prev+.pager-next{margin-left:1em;padding-left:1em}@media (min-width: 768px){.pager .pager-prev+.pager-next{margin-left:1.5em;padding-left:1.5em}}.pager.permalink{display:flex;justify-content:center;align-items:center;text-align:center}.hatena-urllist{padding-left:0;list-style:none}.hatena-urllist li{border-top:1px dotted #cfd8d8;padding-top:10px;padding-bottom:10px}.hatena-urllist .archive-module-year,.hatena-urllist .archive-module-month{line-height:2}.hatena-urllist .urllist-date-link a{color:#6f8383}.hatena-urllist .urllist-category-link{display:inline-block;background:#e9f0f2;margin:.5em .3em 0 0;padding:3px 10px;font-size:12px;line-height:1.3}.hatena-urllist .urllist-category-link:hover{background:#d9e5e9;text-decoration:none;transition:background .3s}.hatena-urllist .urllist-entry-body{margin-top:10px}.hatena-module{margin-bottom:3em;padding-left:20px;padding-right:20px;font-size:.85rem}.hatena-module:last-child{margin-bottom:0}.hatena-module-title{margin-bottom:12px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:20px}.hatena-module-body{font-size:15px}.hatena-module-body .urllist-title-link{font-size:100%}.hatena-module-body .archive-module-button{display:inline-block;width:15px;height:15px}.hatena-module-body .archive-module-hide-button,.hatena-module-body .archive-module-show-button{position:absolute;overflow:hidden;width:15px;height:15px;text-indent:-15px}.hatena-module-body .archive-module-hide-button:after,.hatena-module-body .archive-module-show-button:after{content:"";top:50%;display:inline-block;position:absolute;width:8px;height:8px;margin-top:-.1em;border-top:1px solid #6f8383;border-right:1px solid #6f8383}.hatena-module-body .archive-module-hide-button{transform:rotate(135deg);margin-top:.2em}.hatena-module-body .archive-module-show-button{transform:rotate(45deg);margin-top:.2em}@media (min-width: 481px){.search-result-form{margin:0 1em}}.search-result+p{background:#fff;border:1px solid #f0f1f1;margin:0 0 3em;padding:8% 0;font-weight:700;text-align:center}.search-form,.search-result-form{position:relative;width:100%;background:#fff;margin:auto;border:1px solid #eee;box-sizing:border-box}.search-form:hover,.search-result-form:hover{border-color:#ddd}.search-module-input,.search-result-form .search-result-input{width:90%;height:30px;padding:5px;background:#fff;border:none;outline:none}.search-module-input::-webkit-input-placeholder,.search-result-form .search-result-input::-webkit-input-placeholder,.search-module-input::-placeholder,.search-result-form .search-result-input::-placeholder{color:#9faba9}.search-module-button,.search-result-form .search-result-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=4f1cb770a72175570fc55ef0e22b7c) no-repeat right center;background-size:20px 20px;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;opacity:.5;cursor:pointer}.search-module-button:hover,.search-result-form .search-result-button:hover{opacity:.85}#top-box{margin:0 auto;padding:0 10px}@media (min-width: 768px){#top-box{padding:0 20px}}@media (min-width: 1200px){#top-box{max-width:1200px}}.entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:2em;padding:8% 5%}@media (min-width: 768px){.entry{padding:8% 9% 5%}}.entry-header{position:relative;margin-bottom:1.5em}@media (min-width: 481px){.entry-header{margin-bottom:3em}}.entry-header-menu{position:absolute;top:0;right:0;margin-bottom:1em}.entry-header-menu a{background:#f9fafb;border:1px solid #cfd8d8;padding:5px 10px;font-size:.9rem}.entry-header-menu a:hover{background:#f3f5f7;text-decoration:none}.entry-title{margin-bottom:.5em;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:130%;font-weight:400;line-height:1.5}@media (min-width: 768px){.entry-title{font-size:190%}}.entry-content{line-height:1.85}.entry-content a{color:#119e4d}.entry-content a:hover{color:#0c7037}.entry-content a.keyword{-webkit-text-decoration:underline dotted #cfd8d8;text-decoration:underline dotted #cfd8d8}.entry-content a.keyword:hover{color:#586767;-webkit-text-decoration:underline dotted #ffffff;text-decoration:underline dotted #ffffff}.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:1.5em 0 .8em;line-height:1.3}.entry-content h1{padding-bottom:15px;font-size:190%;border-bottom:1px solid #cfd8d8}.entry-content h2{font-size:165%}.entry-content h3{padding-bottom:10px;font-size:140%;border-bottom:1px solid #cfd8d8}.entry-content h4{font-size:130%}.entry-content h5{padding-bottom:10px;font-size:120%;border-bottom:1px solid #cfd8d8}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0;line-height:1.7}.entry-content ul li ul,.entry-content ol li ul,.entry-content dd li ul,.entry-content ul li ol,.entry-content ol li ol,.entry-content dd li ol{margin-bottom:0}.entry-content dl{margin-top:2em}.entry-content dl dt{margin-bottom:.8em}.entry-content p{margin:0 0 .7em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content blockquote{position:relative;padding:9px 15px 9px 40px;border:1px solid #f0f1f1}@media (min-width: 1020px){.entry-content blockquote{padding:20px 20px 20px 60px}}.entry-content blockquote:before{display:inline-block;position:absolute;top:10px;left:10px;vertical-align:middle;content:"“";font-size:40px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;color:#6f8383;line-height:1}@media (min-width: 1020px){.entry-content blockquote:before{left:15px;font-size:70px}}.entry-content blockquote p{margin-bottom:0}.entry-content blockquote cite{display:block;margin-top:.5rem;text-align:right;font-size:85%;line-height:1.3}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block}.entry-content table th,.entry-content table td{border:1px solid #f0f1f1;padding:5px 10px}.entry-content table th{background:#f9fafb}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#293030;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;font-size:.9rem;padding:10px;color:#ccc}@media (min-width: 768px){.entry-content pre{font-size:.85rem;padding:15px}}.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 .1em;padding:0 5px;border-radius:3px}.entry-content .table-of-contents{background:#f9fafb;margin-left:0;padding:15px 10px 15px 35px;font-size:16px}@media (min-width: 768px){.entry-content .table-of-contents{padding:20px 20px 20px 50px}}.entry-footer{margin-top:1em}.entry-footer-modules .hatena-module{padding:0}.entry-footer-section{margin-bottom:8px;color:#6f8383;font-size:.9rem}.entry-footer-section a{color:#6f8383}.entry-footer-ad{margin-left:-9%;margin-right:-9%}.comment-box{margin:0 -5%;padding:5% 5% 0;border-top:1px solid #f0f1f1}@media (min-width: 768px){.comment-box{margin:0 -11%;padding:20px 11% 0}}.comment-box .leave-comment-title{background:#f9fafb;border:1px solid #cfd8d8;padding:.5rem 1rem;font-size:.9rem}.comment-box .leave-comment-title:hover{background:#f3f5f7}.comment-box .comment{list-style:none;padding-left:0}.comment-box .comment a{color:#119e4d}.comment-box .comment a:hover{color:#0c7037}.comment-box .comment .comment-user-id{font-size:14px;font-weight:700}.comment-box .comment .entry-comment{padding:20px 0 0;border-top:1px solid #f0f1ff;color:#6f8383}.comment-box .comment .entry-comment:first-child{padding-top:0;border-top:none}.comment-box .comment .entry-comment .comment-content{word-wrap:break-word}.comment-box .comment .entry-comment .comment-content p{font-size:14px}.comment-box .comment .entry-comment time{font-size:12px}.comment-box .comment .read-more-comments{font-size:14px}@media (min-width: 1020px){.comment-box .comment .read-more-comments{margin-right:25px}}.comment-box .comment .read-more-comments a{position:relative;display:inline-block}.comment-box .comment .read-more-comments a:after{content:"";top:20%;left:-20px;display:inline-block;position:absolute;width:8px;height:8px;border-top:1px solid #119e4d;border-right:1px solid #119e4d;transform:rotate(135deg);margin-top:1px}#box2{flex:0 0 100%;max-width:100%;background:#fff3;padding:1em 0}@media (min-width: 768px){#box2{flex:0 0 25%;max-width:25%}}#box2 .hatena-urllist>li:last-child{border-bottom:1px dotted #cfd8d8}.hatena-module-profile .profile-icon-link{display:inline;float:left;margin-right:.7em}.hatena-module-profile .profile-icon-link .profile-icon{border-radius:400px}@media (min-width: 1020px){.hatena-module-profile .profile-icon-link{display:block;float:none;margin-right:0}}.hatena-module-profile .id{display:block}.hatena-module-profile .id a{color:#119e4d;font-weight:700}.hatena-module-profile .id a:hover{color:#0c7037}.hatena-module-profile .profile-description p{font-size:80%}.archive-module-calendar .calendar-day a{color:#119e4d;font-weight:700}.archive-module-calendar .calendar-day a:hover{color:#0c7037}.hatena-module-recent-comments .user-id span{font-size:12px;opacity:.7}#footer{background:#fff;margin-top:2em;padding-top:2rem;padding-bottom:2rem;text-align:center;font-size:.9rem;color:#6f8383}#footer a{color:#6f8383}#footer p{margin:.5em auto}.archive-header-category{margin-bottom:.3em}.page-archive .archive-heading{margin:.5em .7em 1.3em;line-height:1.5}@media (min-width: 1020px){.page-archive .archive-heading{margin:.5em 0 1.3em}}.page-archive .archive-entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:30px;padding:9% 6% 6%}@media (min-width: 768px){.page-archive .archive-entry{padding:6%}}@media (min-width: 768px){.page-archive .archive-entry .entry-title{font-size:150%}}

/* </system> */

/* <system section="background" selected="f5f5f5"> */
body{background:#f5f5f5;}
/* </system> */
/*----- -----*/
/*----- -----*/


li{
    margin:1em 0;
}

/*-----記事下のおすすめ記事のタイトルデザイン-----*/
.recoment{
position: relative;
margin-bottom:0.2rem;
padding:0.5rem 0rem;
color:#3f3f3f;
font-weight:bold;
font-size:20px;
text-align:center;
}

.recoment:before {
content:'おすすめ記事';
background: linear-gradient(transparent 60%, #FFD57A 50%);
}
.recoment span:before, .recoment span:after{
position:absolute;
top:48%;
width:25%;
border-top:3px dashed;
content:'';
}
.recoment span:before{
left:0rem;
}
.recoment span:after{
right:0rem;
}
/*-----記事下のおすすめ記事のタイトルデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*====================ここから下は 完成デザイン====================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/


/*=================================================================*/
/*=================================================================*/

/*-----パンくずリスト-----*/
.breadcrumb-inner{
  margin-top:0em;
  font-weight:900;
  position: relative;
  padding:0.5em 0.5em;
  border-radius: 10px;
  background-color: #F7F7F7;
}
.breadcrumb-link span{
content:none;
font-size:0;
}
.breadcrumb-link:before {
font-family:blogicon;
content:'\f017';
margin:0 3px 0 3px;
}
.breadcrumb-link:after {
content:'ホーム';
}
.breadcrumb-child-link:before{
font-family:'blogicon';
content:'\f022';
margin:0 3px 0 3px;
}
.breadcrumb-link{
color:#3f3f3f;
}
.breadcrumb-child-link{
color:#3f3f3f;
}
.breadcrumb-gt {
display: none;
}
span.breadcrumb-child::before {
content: "▶︎";
font-size: 10px;
color:#3f3f3f;
padding: 0 5px;
vertical-align:middle;
}
.page-entry .breadcrumb {
    margin-bottom: 0em;
}
.breadcrumb-child:last-child {
display:none;
}

@media(max-width:750px){
#top-box {
    margin: 0 auto;
    padding: 0 0px;
}
}
/*-----パンくずリスト（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----記事内容が載っているメイン部分に影をつける-----*/
.entry{
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  border-radius:10px;
  border:3px solid #3f3f3f;
  margin:1em 0 0 0 ;
}
/*-----記事内容が載っているメイン部分に影をつける（ここまで）-----*/

/*-----サイドバー上の余白-----*/
#box2{
padding:0 0 0 0 ;
  margin:1.8em 0 ;
}

.page-entry #box2{
margin:0.8em 0;
}
.page-entry .entry{
margin:0 0 ;
}
/*-----サイドバー上の余白（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----カテゴリーページの記事のカード型デザイン-----*/
.page-archive .archive-entries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-archive .archive-entries .archive-entry {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: auto;
    margin:5px 5px 1em 5px ;
    border-radius:10px;
}

.page-archive .archive-entries .archive-entry:hover {
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}

@media (min-width: 481px) {
   .page-archive .archive-entries .archive-entry {
        width: 48%;
} 
}

.archive-entry-header {
    display: flex;
    flex-direction: column-reverse;
    order: 2;
    width: 100%;
}

.page-archive .archive-entries .entry-title {
    line-height: 1.5;
    font-size: 18px;
    margin: .5em 0;
    padding: 0;
    font-weight: bold;
}

.page-archive .entry-title a {
    font-size: 18px;
}

.page-archive .archive-entries .entry-thumb-link {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.15) 0px 2px 5px -1px, rgba(0, 0, 0, 0.2) 0px 1px 3px -1px;
    width: 100%;
    height: auto;
}

.page-archive .entry-thumb {
    background-size: cover;
    background-position: 50%;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    transition: .25s ease-in-out;
}

.page-archive .archive-entries .categories {
    order: 3;
    margin: 0;
    padding: 0;
}

.page-archive .entry-thumb::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    opacity: 0;
    transition: .25s ease-in-out;
}

.page-archive .archive-entries .archive-entry:hover .entry-thumb {
    transform: scale(1.05);
}

.page-archive .archive-entries .archive-entry:hover .entry-thumb::before {
    opacity: 1;
}

.archive-entry-body {
    display: none;
}
/*-----カテゴリーページの記事のカード型デザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----コピーボタン-----*/
.copy_btn {
  width:100%;
  padding: 10px 0;
  color:#3f3f3f;
  font-size:10px;
  font-weight:900;
  background:#F0B531;
  border: solid 3px #3f3f3f;
  border-radius: 10px;
  transition: .4s;
  text-align: center;
  display: inline-block;
  box-shadow: 0 3px 0 #3f3f3f; /* 影の太さ・色 */
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
  margin:0 0 30px 0;
}
 
.copy_btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.copy_btn:hover {
	cursor: pointer;
}
/*-----コピーボタン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----記事ページの記事タイトルのリンク表示を消す-----*/
.page-entry .entry-title{
pointer-events:none;
}
/*-----記事ページの記事タイトルのリンク表示を消す（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----サイドバーデザイン-----*/
/*-----サイドバーの背景-----*/
.hatena-module{
  background:#fff;
  margin:-1em 0em 3em 0em!important;
  padding:1em 20px 1em 20px;
  border-radius: 10px;
  font-weight: bold;
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  border:3px solid #3f3f3f;
}
/*-----サイドバータイトル-----*/
.hatena-module-title {
    position: relative;
    background: #F7F7F7;/* 背景色 */
    border: 3px solid #3f3f3f;
    margin-bottom: 15px;/* 下余白 */
    font-family: 'Noto Sans Japanese';
    text-align: center;
    border-radius: 10px;
    line-height: 1.4;
    padding: 0.5em 0.5em 0.5em 0.5em;/* タイトル内の余白 */
    font-weight: 900;
    box-shadow: 0px 8px 0 -3px #f0b531, 0px 7.5px 0 0px #3f3f3f;
    font-size:100%;
    white-space: nowrap;
}

.hatena-module-title a {
color:#3f3f3f;
}

/*-----サイドバー（プロフィール）-----*/
.hatena-module-profile .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f2bb";/* アイコンフォント */
  position: absolute;
  top:3px;
  left :0.5em;
  color:#3f3f3f;
}
/*-----サイドバー（検索）-----*/
.hatena-module-search-box .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f01a";
  position: absolute;
  top:3px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:20px;
}
/*-----サイドバー（月刊アーカイブ）-----*/
.hatena-module-archive .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f043";
  position: absolute;
  top:3px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:20px;
}
/*-----サイドバー（最新記事）-----*/
.hatena-module-recent-entries .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f024";
  position: absolute;
  top:3px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:20px;
}
/*-----サイドバー（注目記事）-----*/
.hatena-module-entries-access-ranking .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f01b";
  position: absolute;
  top:3px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:20px;
  color:#3f3f3f;
}
/*-----サイドバー（カテゴリー）-----*/
.hatena-module-category .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f022";
  position: absolute;
  top:-4px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:25px;
}
/*-----サイドバー（HTML）-----*/
.hatena-module-html .hatena-module-title:before {
  font-family: "blogicon";
  content: "\f004";
  position: absolute;
  top:3px;
  left:0.5em; 
  color:#3f3f3f;
  font-size:20px;
}
/*-----サイドバーデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----サイドバーのカテゴリー項目のカテゴリー-----*/
.hatena-module-category li{
  text-align:left;
  box-sizing: border-box;
  width:100%;
  padding: 0.5em 0em 0.5em 1.5em ;
  background-color: #EEEFEF; /* 背景色 */
  border-radius: 50px;
  text-decoration: none; /* 文字の下線を消す */
  border:none;
  margin:0.6em auto;
}

.hatena-module-category li a{
display: block;　
}

.hatena-module-category li:hover{
  box-shadow: none;
  background:#F0B531;
}
/*-----サイドバーのカテゴリー項目のカテゴリー（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----サイドバーの最新記事における記事部分のデザイン-----*/
.urllist-title-link.recent-entries-title-link.urllist-title.recent-entries-title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin:0 0 0 5px;
}
.urllist-with-thumbnails li .urllist-image {
    margin: 0 0 0 0;
}
.urllist-image.recent-entries-image{
  border-radius:5px;
  width: 100%;
  box-sizing: border-box;
}
.urllist-item-inner.recent-entries-item-inner{
  font-size:11px;
  line-height:1.6;
  letter-spacing:0em;
  height:100%;
  padding:0 0px;
  display: flex;
  justify-content: center;
  align-items: center;

}
/*-----サイドバーの最新記事における記事部分のデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----サイドバー（月刊アーカイブ【カレンダー】）のデザイン-----*/
.archive-module-calendar .archive-module-calendar-selector {
    display: inline-block;
    margin-bottom: 0em;
}
.archive-module-calendar .archive-module-calendar-selector {
  border:2px solid #3f3f3f;
  padding:0 10px;
  border-radius:50px;
  color:#3f3f3f;
}
.archive-module-calendar .calendar-day a {
  color: #3f3f3f;
  font-weight: bold;
  background:#f0b531;
  border-radius:50px;
  padding:3px ;
}
.archive-module-calendar .calendar-day a :hover{
color: #3f3f3f;
}
/*-----サイドバー（月刊アーカイブ【カレンダー】）のデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----フッターデザイン-----*/
#footer{
margin:0;
background:#F0B531;
font-weight:bold;
color:#3f3f3f;
}
#footer a{
color:#3f3f3f;
}
/*-----フッターデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----カテゴリー-----*/
.categories a {
	display: inline-block;
	margin: 1em 0em 0em 0em;
	padding: 0.4em 0.9em ;
	line-height: 1;
	text-decoration: none;
	color: #3f3f3f;
	font-weight:900;
	background-color: #F0B531;
	border-radius: 50px;
	font-size:10px;
	text-align:center;
}
div.entry-categories.categories{
margin: 0px 0px 0px 0px;
}
.categories{
}
/*-----カテゴリー（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----コメントを書くボタンのデザイン-----*/
.comment-box{
  display:block;
  justify-content:center;
  align-items:center;
  font-weight:900;
}

.leave-comment-title.js-leave-comment-title{
  display: inline-block;
  text-align:center;
  width:100%;
  box-sizing: border-box;
  padding: 5px 3em 5px 3em ;
  background-color: #EDF0F1; /* 背景色 */
  box-shadow: 0px 8px 0 -3px #f0b531, 0px 8px 0 0px #3f3f3f ;
  border-radius: 10px;
  text-decoration: none; /* 文字の下線を消す */
  border:3px solid #3f3f3f;
  margin:0 auto;
  transition: .4s;
}

.leave-comment-title.js-leave-comment-title:hover {
 transform: translate(0em, 9px);
    box-shadow: 0px 0px 0 -3px #f0b531, 0px 0px 0 0px #3f3f3f ;
  background:#F7F7F7;
}

/*-----コメントを書くボタンのデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----続きを読むボタンデザイン-----*/
.entry-see-more{
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:900;
  text-align:center;
  width:100%;
  box-sizing: border-box;
  padding: 3px 3em 3px 3em ;
  background-color: #F7F7F7; /* 背景色 */
  box-shadow: 0px 8px 0 -3px #f0b531, 0px 8px 0 0px #3f3f3f ;
  border-radius: 10px;
  text-decoration: none; /* 文字の下線を消す */
  border:3px solid #3f3f3f;
  margin:0 auto;
  color:#3f3f3f!important;
  transition: .4s;
}

.entry-see-more:hover {
 transform: translate(0em, 9px);
    box-shadow: 0px 0px 0 -3px #f0b531, 0px 0px 0 0px #3f3f3f ;
  background:#F7F7F7;
}
/*-----続きを読むボタンデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----ボトムメニューデザイン-----*/
.mini-text{
    font-size:10px;/*文字大きさ*/
}
ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:45px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#3f3f3f;/*背景色*/
    border-top:8px solid #F0B531;
    box-shadow: 2px 0 0 2px #3f3f3f;
    z-index:10002;
    transition: 0.5s;  
    display:flex;
    justify-content:center;
    align-items:center;
}
ul.bottom-menu.hide {
  transform:translateY(45px);
}
ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#F7F7F7;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/
    border: 1px solid #3f3f3f;
    border-top: 2px solid #3f3f3f;
}
.bottom-menu li a {
    display: block;
    color:#3f3f3f;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;
    font-weight:bold;
}
.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/
}
/*-----ボトムメニューデザイン（ここまで）-----*/

/*-----ボトムメニューデザインの展開メニュー-----*/
ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;
}
.menu-second-level{
    position:absolute;
    bottom:0;
    width:100%;
    font-size: 10px;
    font-weight: 900;
    background:#F0B531;
    height:25px;
    color:#3f3f3f;
    border-radius:0 0 10px 10px;
    box-sizing:border-box;
    box-shadow: 0 0 0 2px #3f3f3f;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-second-level li a{
    position:relative;
    color: #3f3f3f;
    line-height:30px;/*文字の縦幅*/
    justify-content: center;  
    border-radius:10px; 
    background:#f7f7f7;
    box-shadow: 0 0 0 2px #3f3f3f;
    white-space: nowrap;
    width:90%;
}

.menu-second-level i{
    margin-bottom:30px;
    font-size: 40px;
    line-height: 1.1;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.menu-width-max ul.menu-second-level {
    position:absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;
    positon:relative;
}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 88px;/*高さ*/
    visibility: visible;
    opacity: 1;
}
    
li.menu-width-max ul.menu-second-level li {
    float: center;
    width: calc(100%);
    border: none;
    background-color:rgba(0,0,0,0.7);
    padding:10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*-----ボトムメニューデザインの展開メニュー（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----シェアボタン-----*/
.share-btn-type2 {
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
  
}
.share-btn-type2 .share-btn__item {
  width: 24%;
  height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  transition: all .3s;
  background-color: #00A4DE;
  box-shadow: 0 4px #038ebf;
}
.share-btn-type2 .share-btn__item--hatebu {
  background-color: #00A4DE;
  box-shadow: 0 4px #038ebf;
}
.share-btn-type2 .share-btn__item--facebook {
  background-color: #1778F2;
  box-shadow: 0 4px #1366ce;
}
.share-btn-type2 .share-btn__item--twitter {
  background-color: #1BA1F3;
  box-shadow: 0 4px #1280c3;
}
.share-btn-type2 .share-btn__item--pocket {
  background-color: #EF4155;
  box-shadow: 0 4px #c3293b;
}
.share-btn-type2 .share-btn__item:hover {
  transform: translateY(4px);
  box-shadow: 0 0 #333;
}
/*-----シェアボタン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----新しい目次デザイン-----*/
.entry-content .table-of-contents a {
    color:#212121;
    display: inlite-block;
    text-decoration: none;
}

.entry-content .table-of-contents {
    position: relative;
    padding: 4em 2em 1em 2em;    
    margin: 30px 5px 30px 5px;
    background: #EDF0F1;
    border-radius: 20px;
    font-size: 80%;
}

.entry-content .table-of-contents::before {
    content: "今回の記事の内容";
    position: absolute;
    top: 15px;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, 0%);
    background-color: #212121 ;
    padding: 5px 5em 5px 5em;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
    text-align:center;
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.entry-content .table-of-contents li {
    list-style-type: decimal-leading-zero;
    margin: 0.3em 0 1em 2em;
    line-height: 1.6em;
    font-weight: 800;
    padding-left: 5px;
    color:#D2D8D9;
}

.entry-content .table-of-contents li ul li {
    list-style-type: none;
    margin: 0.3em 0em 0em 0em;
    font-weight: normal;
    font-size: 100%;
    font-weight:500 ;
}

.entry-content .table-of-contents li ul li:before {
    content: "\f006";
    font-family: blogicon;
    margin: 0em 1.3em 0em -1.8em;
    padding-left:-50px;
    color: #D2D8D9;
}
/*-----新しい目次デザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----テーブルデザイン-----*/

/*-----邪魔なはてなブログの元々の設定を無効化-----*/
.entry-content table th, .entry-content table td {
  border: none;
}
/*-----邪魔なはてなブログの元々の設定を無効化（ここまで）-----*/

/*-----上部分-----*/
table.brwsr0 {
font-size: 12px;
margin: 30px auto 0 auto;
border-collapse: separate;
display:table;
border-top:2px solid #3f3f3f;
border-left:2px solid #3f3f3f;
border-right:2px solid #3f3f3f;
border-bottom:1px solid #3f3f3f;
}

table.brwsr0 th {
padding: 6px 10px;
vertical-align: middle;
text-align: center;
color: #3f3f3f;
background:#f0b531;
border-bottom:2px solid #3f3f3f;
font-weight:900;
}

table.brwsr0 td {
padding: 10px 10px;
vertical-align: middle;
text-align: center;
font-weight:900;
background:#F7F7F7;
}

table.brwsr0 th.r0,
table.brwsr0 td.r0 {
width: 100%;
}
/*-----上部分（ここまで）-----*/

/*-----メインの部分-----*/
table.brwsr1 {
font-size: 12px;
margin: 0 auto 30px auto;
border-collapse: collapse;
display:table;
border-top:1px solid #3f3f3f;
border-left:2px solid #3f3f3f;
border-right:2px solid #3f3f3f;
border-bottom:2px solid #3f3f3f;
}

table.brwsr1 th {
padding: 6px 10px;
vertical-align: middle;
text-align: center;
color: #3f3f3f;
background:#f0b531;
border-bottom:2px solid #3f3f3f;
font-weight:900;
}

table.brwsr1 td {
padding: 6px 10px;
vertical-align: middle;
text-align: center;
font-weight:900;
background:#F7F7F7;
border-top:2px dashed #DCDDDD;
border-bottom:2px dashed #DCDDDD;
}

table.brwsr1 th.r1 {
width: 175px;
background:#EEEFEF;
border:none;
border-top:2px dashed #DCDDDD;
border-bottom:2px dashed #DCDDDD;
}

table.brwsr1 th.r2,
table.brwsr1 td.r2 {
width: 100px;
}

table.brwsr1 th.r3,
table.brwsr1 td.r3 {
width: 100px;
}

table.brwsr1 th.r4,
table.brwsr1 td.r4 {
width: 100px;
}

table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4{
text-align: center;
}
/*-----メインの部分（ここまで）-----*/

/*-----テーブルデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----吹き出しデザイン-----*/
.talk-Ltxt ul{
line-height:2.2;
margin:0 0 0 1.5em;
font-size:13px;
font-weight:700;
letter-spacing:0em;
}

.talk-Ltxt p{
margin:0 0 0 0 !important;
line-height:2;
font-size:13px;
font-weight:700;
}

.talk {
margin-bottom: 30px;
margin-top: 30px;

}

.talk figure img {
width: 100%;
height: 100%;
border: 3px solid #EEEFEF;
border-radius: 50%;
vertical-align: middle;
}

/* 画像の下のテキスト */
.talk-imgname {
padding: 0 0 0 0;
font-size: 13px;
text-align: center;
font-weight:700;
}

p.talk-text {
margin: 0 0 8px;
}

p.talk-text:last-child {
margin-bottom: 0px;
}

/* 回り込み解除 */
.talk:after,.talk:before {
clear: both;
content: "";
display: block;
}

/* 左画像 */
figure.talk-Limg{
margin:0 0 0 0!important;
}

.talk-Limg {
margin-left: 0px;
margin-top: -1px;
float: left;
width: 60px;
height: 60%;
}

/* 吹き出しテキスト */
.talk-Ltxt {
color: #3f3f3f;
font-weight:500;
position: relative;
margin-left: 73px;
padding: 18px 10px 18px 18px;
border: 3px solid #EEEFEF;
background-color: #EEEFEF;
border-radius: 10px;
}

/* 左の三角形を作る */
.talk-Ltxt:before {
position: absolute;
content: '';
border: 15px solid transparent;
border-right: 20px solid #EEEFEF;
top: 15px;
left: -28px;
}
/*-----吹き出しデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----関連記事・おすすめ記事のブログカードデザイン-----*/

/***おすすめ記事デザインカード型***/
[class^="recommend"] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.recommend-container {
    padding: 0px 0vw;
    background: #fff;
}

.recommend-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 10px auto;
    list-style: none;
}

.recommend-item {
    border: solid 1px #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.recommend-figure {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
}

.recommend-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: .3s ease-in-out;
}

.recommend-title {
    display: block;
    padding: 7px;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
    letter-spacing:0.03em;
    text-align:center;
}

.recommend-link {
    text-decoration: none;
    color: #3f3f3f!important;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
}

.recommend-link:hover .recommend-figure img {
    transform: scale(1.2);
}

.recommend-figure::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: .2s ease-in-out;
}

.recommend-link:hover .recommend-figure::before {
    opacity: 1;
}

.recommend-item {
	margin: 0 0px 0px 0;
	width: calc(25% - 40px / 4);
}

.recommend-item:nth-child(4n) {
	margin-right: 0;
}

@media screen and (max-width:640px) {
	.recommend-item {
		width: calc(50% - 10px / 2);
		margin-bottom:10px;
	}

	.recommend-item:nth-child(3n) {
		margin-right: 0px;
	}

	.recommend-item:nth-child(2n) {
		margin-right: 0px;
	}
}

.recommend-container {
    padding: 0px 0px 0 0 !important;
}

/*-----関連記事・おすすめ記事ブログカードデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----あわせて読みたい（画像ありVer）-----*/
.thumb_link{
  margin:3em auto;
  clear:both;
  background-color:#fff;
  position: relative;
  overflow: initial;
  border-radius: 10px;
  border:solid 3px #3f3f3f;
  transition-duration:0.5s;
}

.thumb_link:hover{
  transition-duration:0.5s;
  background:#F7F7F7;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 5px 5px 13px 2px rgb(0 0 0 / 10%);
}

.entry-content .thumb_link a{
  color:#3f3f3f;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  display: block;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding: 30px 10px 10px 10px;
}

.thumb_link:before{
  content:"あわせて読みたい";
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translate(-50%, -50%);
  font-size:10px;
  font-weight:900;
  text-align:center; 
  box-shadow: 0 0 0 3px #3f3f3f;
  height:3em;
  background-color:#F0B531;
  color:#3f3f3f;
  border-radius: 5px 5px 0px 0px ;
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.thumb_link img{
  margin-right:0.5em;
  padding:0;
  width:auto;
  height:auto;
  max-width:120px;
  max-height:120px;
  float:left;
  border-radius:5px;
  display: flex;
  align-items: center;
}
/*-----あわせて読みたい（画像ありVer）（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----あわせて読みたい（画像なしVer））-----*/
.emphasize-link {
  position: relative;
  margin:60px 0 30px 0!important;
  padding: 1em 2em 1em 2em;
  border: 3px solid #3f3f3f;
  background-color: #fff;
  font-weight:bold;
  border-radius: 0px 10px 10px 10px;
}

.emphasize-link p:last-child {
  margin-bottom: 0;
}
.emphasize-link::before {
  font-family: "blogicon";
  position: absolute;
  bottom: 100%;
  left: -3px;
  padding: 1px 16px;
  content: "\f013      あわせて読みたい";
  font-weight: 900;
  font-size:13px;
  transform: scale(1);
  background-color: #F0B531;
  border: 3px solid #3f3f3f;
  color: #3f3f3f;
  border-radius: 10px 10px 0px 0px;
}
/*-----あわせて読みたい（画像なしVer）（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----リスト（箇条書き）デザイン-----*/
/*-----check-----*/
.check1  {
  border: solid 3px #1FAB37;
  padding: 1.5em 1em 1em 3em!important;
  position: relative;
  border-radius: 10px;
  background:#ECFAEE;
  margin:30px 0 30px 0!important;
}

.check1  li {
  line-height: 1.5!important;
  padding: 0em 0;
  list-style-type: none!important;
  font-weight: bold;/* 太字 */
}
.check1  li:before {
  /*リストのアイコン*/
  font-family: "blogicon";
  content: "\f029";
  transform: scale(0.8); 
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #FFF; /*アイコン色*/
  background:#1FAB37;
  padding:1.5px 5px 0.5px 5px;
  border-radius: 50px;
}

.check1  li:after {
  /*タブ*/
  color: #fff;
  font-family: "blogicon";
  position: absolute;
  left: 20px;
  top: -1.2em;
  content: '\f029    Check';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  background:#1FAB37;
  padding: 5px 20px 5px 20px;
  border-radius: 50px;
  font-weight: bold;/* 太字 */
}
/*-----check（ここまで)-----*/

/*-----point-----*/
.check2  {
  border: solid 3px #016AC0;
  padding: 1.5em 1em 1em 3em!important;
  position: relative;
  border-radius: 10px;
  background:#F2F9FF;
  margin:30px 0 30px 0!important;
}

.check2  li {
  line-height: 1.5!important;
  padding: 0em 0;
  list-style-type: none!important;
  font-weight: bold;/* 太字 */
}

.check2  li:before {
  /*リストのアイコン*/
  font-family: "blogicon";
  content: "\f727";
  transform: scale(0.8); 
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #FFF; /*アイコン色*/
  background:#016AC0;
  padding:1.5px 5px 0.5px 5px;
  border-radius: 50px;
}

.check2  li:after {
  /*タブ*/
  color: #fff;
  font-family: "blogicon";
  position: absolute;
  left: 20px;
  top: -1.2em;
  content: '\f727    Point';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  background:#016AC0;
  padding: 5px 20px 5px 20px;
  border-radius: 50px;
  font-weight: bold;/* 太字 */
}
/*-----point（ここまで）-----*/

/*-----注意-----*/
.check3  {
  border: solid 3px #ef5350;
  padding: 1.5em 1em 1em 3em!important;
  position: relative;
  border-radius: 10px;
  background:#ffebee;
  margin:30px 0 30px 0!important;
}

.check3 li {
  line-height: 1.5!important;
  padding: 0em 0;
  list-style-type: none!important;
  font-weight: bold;/* 太字 */
}
.check3  li:before {
  /*リストのアイコン*/
  font-family: "blogicon";
  content: "\f041";
  transform: scale(1); 
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #fff; /*アイコン色*/
  background:#ef5350;
  padding:1px 5px 1px 5px;
  border-radius: 50px;
}

.check3  li:after {
  /*タブ*/
  color: #fff;
  font-family: "blogicon";
  position: absolute;
  left: 20px;
  top: -1.2em;
  content: '\f041              注意';/*アイコンコード＋文字*/
  transform: scale(1); 
  letter-spacing: 0.05em;/*字間*/
  background:#ef5350;
  padding: 5px 20px 5px 20px;
  border-radius: 50px;
  font-weight: bold;/* 太字 */
}
/*-----注意（ここまで）-----*/

/*-----まとめ-----*/
.check4  {
  border: solid 3px #212121;
  padding: 1.5em 1em 1em 3em!important;
  position: relative;
  border-radius: 10px;
  background:#F7F7F7;
  margin:30px 0 30px 0!important;
}

.check4  li {
  line-height: 1.5!important;
  padding: 0em 0;
  list-style-type: none!important;
  font-weight: bold;/* 太字 */
  border-bottom: 1px dashed #212121 ;
}

.check4  li:before {
  /*リストのアイコン*/
  font-family: "blogicon";
  content: "\f024";
  transform: scale(0.8); 
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #212121; /*アイコン色*/
  background:#F0B531;
  padding:1.5px 5px 0.5px 5px;
  border-radius: 50px;
  box-shadow: 0px 0px 0px 2px #212121;
}

.check4  li:after {
  /*タブ*/
  color: #212121;
  font-family: "blogicon";
  position: absolute;
  left: 20px;
  top: -1.2em;
  content: '\f010      まとめ';/*アイコンコード＋文字*/
  transform: scale(1); 
  letter-spacing: 0.05em;/*字間*/
  background:#F0B531;
  padding: 5px 20px 5px 20px;
  border-radius: 50px;
  font-weight: bold;/* 太字 */
  box-shadow: 0px 0px 0px 2px #212121;
}
/*-----まとめ（ここまで)-----*/
/*-----リスト（箇条書き）デザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/***-----ステップバーデザイン-----***/
.step-wrap1 {
 counter-reset:count;
 margin: 2em 0;
 position: relative;
}
.step-content1 {
 padding: 0em 0 1.3em 2em;
 margin: 0;
 position: relative;
}
.step-content1::before {
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background: #3f3f3f;
 border: solid 3.5px #f0b531;
 border-radius: 50%;
 position: absolute;
 top: 5px;
 left: 5px;
 box-shadow: 0 0 0 2px #3f3f3f;
}
.step-content1::after {
 content: "";
 display: block;
 height: calc(100% - 35px);
 border-left: dotted 5px #6D767B;
 position: absolute;
 top: 30px;
 left: 10px;
}
.step-title1 {
 font-weight: bold;
 font-size: 120%;
}
.step-label1 {
 color: #6D767B;
 font-weight: bold;
 position:relative;
 top:-2px;

}
.step-label1::after {
 counter-increment:count;
 content:counter(count);
 position: relative;
 left: .3em;
}
.step-body1 {
 margin-top: .5em;
 padding: 0 0 1em;
 border-bottom: dotted 2px #ddd;
}
.step-wrap1 > :last-of-type::after {
 display: none;
}
/***-----ステップバーデザイン（ここまで）-----***/

/*=================================================================*/
/*=================================================================*/

/***-----追従するトップへ戻るボタン-----***/
#page-top1 {
    position: fixed;
    right: 25px;
    bottom: 20px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #F0B531;
    color: #3f3f3f;
    padding: 15px 17px ;
    border-radius: 50%;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}
/***-----トップへ戻るボタン（ここまで）-----***/

/*=================================================================*/
/*=================================================================*/

/***-----トップへ戻るボタン（記事の一番下に表示されるもの）-----***/
#page-top {
    display: block;
    font-weight: bold;
    padding: 0.7em;
    text-align: center;
    background: #3f3f3f; /*背景色*/
    color: #F0B531; /*文字色*/
    transition: 0.1s;
    margin-top:10px;
}
/***-----トップへ戻るボタンのマウスオーバー時-----***/
#page-top:hover {
    color: #F7F7F7; /*文字色*/
}
/***-----トップへ戻るボタン（ここまで）-----***/

/*=================================================================*/
/*=================================================================*/

/*-----右と左どちらが過去で未来の記事か判断するためのデザイン-----*/
.pager .pager-prev:before {
content: "未来の記事(NEXT)";
  position: relative;
  top: 0;
  left: 0px;
  display: block;
  font-size: 10px;
  font-weight:900;
  color: #3f3f3f;
  clear: both;
  background: #F0B531;
  box-sizing: border-box;
  height: 100%;
  width: 100px;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-right: auto;
  margin-left: 10px;
  margin-top:3px;
  margin-bottom:10px;
}
.pager .pager-next:before {
content: "過去の記事(BACK)";
  position: relative;
  top: 0;
  right: 0px;
  display: block;
  font-size: 10px;
  font-weight:900;
  color: #3f3f3f;
  clear: both;
  background: #F0B531;
  box-sizing: border-box;
  height: 100%;
  width: 100px;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-right: 10px;
  margin-left: auto;
  margin-top:3px;
  margin-bottom:10px;
}
/*-----右と左どちらが過去で未来の記事か判断するためのデザイン-----*/

/*=================================================================*/
/*=================================================================*/

/*-----前・次の記事にいくボタンのデザイン-----*/

/* Pager */
.pager {
  width: 100%;
  font-size: 10px;
  margin: 0px 0;
  text-align: center;
  display: block;
}
.pager-next a,
.pager-prev a {
  position: relative;
  display: inline-block;
  line-height: 1.5;
  background: #EEEFEF;
  height: 50px;
  width: 75%;
  padding: 5px 5px;
  color:#3f3f3f ;
  font-size:10px;
}

.pager-next a:after {
  position: absolute;
  top: 0;
  right: -40px;
  display: block;
  font-size: 20px;
  font-weight:900;
  color: #3f3f3f;
  clear: both;
  content: ">";
  background: #F0B531;
  box-sizing: border-box;
  height: 50px;
  width: 40px;
  box-shadow:0 0 0 3px #3f3f3f;
  border-radius:0 10px 10px 0;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pager-prev a:after {
  position: absolute;
  top: 0;
  left: -40px;
  display: block;
  font-size: 20px;
  font-weight:900;
  color: #3f3f3f;
  clear: both;
  content: "<";
  background: #F0B531;
  box-sizing: border-box;
  height: 50px;
  width: 40px;
  box-shadow:0 0 0 3px #3f3f3f;
  border-radius: 10px 0 0 10px ;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pager-next a{
  float: right;
  right: 45px;
  margin-right:0px;
  font-weight:900;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:0 0 0 3px #3f3f3f;
  border-radius:10px 0 0 10px;
}
.pager-prev a{
  float: left;
  left: 45px;
  margin-left:0px;
  font-weight:900;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:0 0 0 3px #3f3f3f;
  border-radius:0 10px 10px 0;
}
/*-----前・次の記事にいくボタンのデザイン（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----（見出しデザイン）-----*/
/*-----見出しサイズ-----*/
.entry-title{
font-size: 1.1rem;
}
.entry-content h2 {
font-size: 1rem;
}
.entry-content h3 {
font-size: 1rem;
}
.entry-content h4 {
font-size: 1rem;
}
.entry-content h5 {
font-size: 0.8rem;
}
.entry-content h6 {
font-size: 1rem;
}
/*-----見出しサイズ(ここまで)-----*/

/*-----（h1）-----*/
h6 {
    padding: 1rem 2rem;
    box-shadow: 0 5px #3f3f3f;
    border: 3px solid #3f3f3f;
    border-radius: 10px;
    background-color: #F0B531;
    color: #3f3f3f;
    font-weight: bold;
    text-align: center;	
    pointer-events: none;
    clear:  both;
}
/*-----（h1）(ここまで)-----*/

/*-----（h3）-----*/
h3 {
  position: relative;
  overflow: hidden;
  padding: 1.3rem 2rem 1.3rem 5rem !important;
  word-break: break-all;
  border: 3px solid #3f3f3f !important;
  border-radius: 12px 12px 12px 12px;
  background-color:#F7F7F7;
}

h3:before {
  position: absolute;
  font-size: 2.5rem;
  top: -3px;
  left: -3px;
  bottom:-3px;
  padding:5px 5px;
  color: #fff;
  border: 3px solid ;
  border-color: #3f3f3f;
  border-radius: 10px 0px 0px 10px;
  background: #F0B531;
  display:flex;
  justify-content:center;
  align-items:center;
}

body{
  counter-reset: number 0;
}
h3::before {
    counter-increment: number 1;
    content: counter(number,decimal-leading-zero);
    color: #212121;
}
/*-----（h3）(ここまで)-----*/

/*-----（h4）-----*/
h4 {
	background: #F7F7F7;
	padding: 1rem 1rem 1rem 2.5rem;
	position: relative;
    border-radius: 10px;
    border: 3px solid #3f3f3f !important;
	}
h4:before {
    position: absolute;
    top: 20%;
    left: 15px;
    width: 10px;
    height: 60%;
    content: '';
    border-radius: 10px;
    background: #F0B531;
    border: 2px solid #3f3f3f;
}
/*-----（h4）（ここまで）-----*/

/*-----（h5）-----*/
h5{
    position: relative;
    padding: 0.5rem 1rem !important;
    border: 3px solid #3f3f3f!important;
    border-radius: 10px;
    box-shadow: 0px 8px 0 -3px #f0b531, 0px 7.5px 0 0px #3f3f3f;
    background-color: #F7F7F7;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px !important;
}
/*-----（h5）（ここまで）-----*/

/*-----（h6）-----*/
h6 {
    position: relative;
    padding: 1rem 2rem;
    border-radius: 10px;
    background-color: #3f3f3f;
    color: white;
    font-weight: bold;
}
h6::before {
    position: absolute;
    top: 100%;
    left: 40px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #3f3f3f;
    border-width: 10px;
    content: "";
}
/*-----（h6）（ここまで）-----*/
/*-----（見出しデザイン）（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----フォント指定-----*/
.entry-content {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}

.entry-title {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
/*-----フォント指定（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----基本設定-----*/
strong, em, b { 
  padding :0 0.2em; 
}
.entry-content {
font-size:16px;
line-height:2;
margin:0em 0em;
letter-spacing: 0.03em;
}
.entry-content p {
  margin-bottom : 2em; 
}
/*-----基本設定（ここまで）-----*/

/*=================================================================*/
 /*========================細かな部分の設定========================*/
/*=================================================================*/

/*-----ブログ全体の背景色-----*/
div#container{
background:#F7F7F7;
}
/*-----ブログ全体の背景色（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----記事一覧やカテゴリ一覧の日付を消す-----*/
.archive-entries .date {
display: none;
}
/*-----記事一覧やカテゴリ一覧の日付を消す（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*----- タイトル画像上下の余白を調整-----*/
#blog-title {
margin: 0px auto 0px auto;
padding: 0;
}
/*-----タイトル画像上下の余白を調整（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----はてなブログをはじめようを非表示にする-----*/
.footer-action-wrapper{
display:none;
}
.guest-footer-content{
display:none;
}
/*-----はてなブログをはじめようを非表示にする（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----はてなブログ開発ブログ等のリンクを非表示にする-----*/
.touch-item-list{
display:none;
}
/*-----はてなブログ開発ブログ等のリンクを非表示にする（ここまで）
-----*/

/*=================================================================*/
/*=================================================================*/

/*-----画面の横揺れ防止-----*/
html,
body {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
/*-----画面の横揺れ防止（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*-----トップ画面に表示される記事のコメントを書く・フォローする等のボタンを消す-----*/
.page-index .entry-footer{
    display: none;
}
/*-----トップ画面に表示される記事のコメントを書く・フォローする等のボタンを消す（ここまで）-----*/

/*=================================================================*/
/*=================================================================*/

/*記事下にあるユーザーネームと何日前の投稿なのかを表す文字を消す設定*/
.entry-footer-section {
display: none;
}
/*記事下にあるユーザーネームと何日前の投稿なのかを表す文字を消す設定*（ここまで）/

/*=================================================================*/
/*=================================================================*/

 /*太字に蛍光マーカーを引く設定*/
strong{
    background: linear-gradient(transparent 60%, #FFD57A 50%);
}
 /*太字に蛍光マーカーを引く設定（ここまで）*/

/*=================================================================*/
/*=================================================================*/

/*マウスオーバー時に下線を表示させない設定*/
a:hover {
text-decoration: none;
}
/*マウスオーバー時に下線を表示させない設定（ここまで）*/

/*=================================================================*/
/*=================================================================*/

 /*スムーススクロールを行う設定*/
html {
    scroll-behavior: smooth;
}
/*スムーススクロールを行う設定（ここまで）*/

/*=================================================================*/
/*=================================================================*/

/* ヘッダーの「タイトル」と「ブログの説明」を隠す*/
#title  {
visibility: hidden;
}
#blog-description {
visibility: hidden;
}
/* ヘッダーの「タイトル」と「ブログの説明」を隠す（ここまで）*/

/*=================================================================*/
/*=================================================================*/

/*-----リンクの設定-----*/
/*-----リンクの色-----*/
.entry-content a{
   color: #337ab7;
   text-decoration:　none;
 }
/*-----リンクの色（ここまで）-----*/

/*-----リンクにカーソルを合わせた時の効果-----*/
.entry-content a:hover {
   color: #0066c0;
 }
/*-----リンクにカーソルを合わせた時の効果（ここまで）-----*/
/*-----リンクの設定（ここまで）-----*/

/*=================================================================*/
 /*==================細かな部分の設定（ここまで）==================*/
/*=================================================================*/


/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/
/*=================================================================*/

/*-----予備デザイン-----*/
/*-----あわせて読みたい（画像なしVer）-----*/
.emphasize-link1 {
  position: relative;
  margin:3em 0em 3em 0em!important;
  padding: 1em 2em 1em 2em;
  border: 3px solid #ED7C21;
  background-color: #FFF5EA;
  font-weight:bold;
}

.emphasize-link1 p:last-child {
  margin-bottom: 0;
}
.emphasize-link1::before {
  font-family: "blogicon";
  position: absolute;
  bottom: 102%;
  left: -3px;
  padding: 1px 16px;
  content: "\f013      あわせて読みたい";
  font-weight: bold;
  transform: scale(1);
  background-color: #ED7C21;
  color: #fff;
  border-radius: 6px 6px 0px 0px;
}
/*-----あわせて読みたい（画像なしVer）（ここまで）-----*/

/*-----あわせて読みたい（画像ありVer）-----*/
.thumb_link2 {
  box-sizing:border-box;
  width:100%;
  margin:3em 0em 3em 0em;
  clear:both;
  background-color:#FFF5EA;
  position: relative;
  padding: 40px 10px 10px 10px;
  box-sizing: border-box;
  overflow: initial;
  border-radius: 10px;
  border:solid 3px #ED7C21;
  transition-duration:0.5s;
  
}

.thumb_link2:hover{
  transition-duration:0.5s;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 5px 5px 13px 2px rgb(0 0 0 / 10%);
}

.entry-content .thumb_link2 a{
  color:#3f3f3f;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  display: block;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.thumb_link2:before{
  content:"あわせて読みたい";
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%, -50%);
  font-size:13px;
  font-weight:bold;
  width:100%;
  text-align:center; 
  border:3px solid #ED7C21;
  box-sizing: border-box;
  padding: 0.2em 0 ;
  background-color:#ED7C21;
  color:#fff;
  border-radius: 10px 10px 0px 0px ;
}

.thumb_link2 img{
  margin-right:0.5em;
  padding:0;
  width:auto;
  height:auto;
  max-width:120px;
  max-height:120px;
  float:left;
  border-radius:5px;
  display: flex;
  align-items: center;
}
/*-----あわせて読みたい（画像ありVer）（ここまで）-----*/
/*-----予備デザイン（ここまで）-----*/