/* <system section="theme" selected="life"> */
@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i";/*!
  Theme: Life
  Author: Hatena Blog Team
  Responsive: yes
*//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;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}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{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}button,html [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{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}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}template{display:none}[hidden]{display:none}.clearfix:after{content:" ";display:table;clear:both}html,body{font-family:PT Sans,Helvetica Neue,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#3d3f44;background-color:#fff}body{overflow-x:hidden}@media(min-width:768px){body.globalheader-off{padding-top:1.5em;padding-bottom:1.5em}body.globalheader-off #container-inner{margin-top:0}}a{color:#5684d7}a:hover{color:#3067cb}h1,h2,h3,h4,h5,h6{color:#2e3034}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#2e3034;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#3067cb}#globalheader-container{position:sticky;top:0;color:#3d3f44;background-color:#fff}#container,#footer{padding-left:10px;padding-right:10px}@media(min-width:768px){#container,#footer{width:720px;margin:auto;padding-left:0;padding-right:0}}@media(min-width:1020px){#container,#footer{width:960px}}#container{background:#fff;line-height:1.5;word-wrap:break-word}@media(min-width:768px){#container-inner{padding:1.5em;margin-top:1.5em}}#blog-title{text-align:center;margin:0;padding-bottom:1.5em;padding-top:1em}@media(min-width:481px){#blog-title{padding-bottom:1.5em;padding-top:2em}}@media(min-width:768px){#blog-title{margin:1.5em 0 0;padding-top:0}}@media(min-width:768px){.page-index #blog-title{margin:3em 0 0;padding-bottom:2em}}#title{font-size:1rem}@media(min-width:768px){#title{font-size:1.1rem}}.page-index #title{font-size:1.2rem}@media(min-width:768px){.page-index #title{font-size:1.3rem}}#blog-description{font-size:.7rem;font-weight:400;color:#959c9e}@media(min-width:768px){#blog-description{font-size:.8rem}}.page-index #blog-description{font-size:.8rem}.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 -10px;padding-bottom:1.5em;padding-top:0}@media(min-width:768px){.header-image-enable #blog-title,.header-image-only #blog-title{margin:0 auto}}.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}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}#top-editarea{margin:0 auto 1em}#top-box{margin:0 auto 1.5em}.breadcrumb{font-size:.85rem;color:#959c9e}@media(min-width:768px){#content{padding-top:1em}}@media(min-width:768px){.page-index #content{padding-top:2em}}.entry{margin-bottom:3em}@media(min-width:768px){.entry{margin-bottom:6em}}.entry-header{text-align:center;position:relative;margin-bottom:2em}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.2em .5em;font-size:.75rem}.entry-header-menu a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-header-menu a img,.entry-header-menu a svg{vertical-align:top;margin-right:.3em}.date{font-size:.8rem}.date a{text-decoration:none;color:#959c9e}.date a:hover{color:#3067cb}.date-last-updated{color:#959c9e;font-size:.8rem}.entry-title{font-size:1.3rem;font-weight:400;margin:.4em 0}@media(min-width:768px){.entry-title{font-size:1.5rem}}.page-entry .entry-title{font-size:1.6rem}@media(min-width:768px){.page-entry .entry-title{font-size:1.8rem}}@media(min-width:1020px){.page-entry .entry-title{font-size:2rem}}.entry-categories{margin:.8em 0}.categories a{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.2em .5em;font-size:.75rem;margin:0 .1em}.categories a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.categories a img,.categories a svg{vertical-align:top;margin-right:.3em}.customized-header{margin:.8em 0}.entry-content,.entry-footer{margin:auto}@media(min-width:768px){.entry-content,.entry-footer{max-width:720px}}.entry-content{line-height:1.7;max-width:720px;font-size:.9rem}@media(min-width:768px){.entry-content{font-size:1rem}}.entry-content a{text-decoration:underline}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #d2d7e5;color:#3d3f44}.entry-content p{margin:1em 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;line-height:1.3}.entry-content h1,.entry-content h2{padding-bottom:.1em;border-bottom:1px solid #d2d7e5}.entry-content h1{font-size:140%}@media(min-width:1020px){.entry-content h1{font-size:160%}}.entry-content h2{font-size:130%}@media(min-width:1020px){.entry-content h2{font-size:150%}}.entry-content h3{font-size:120%}@media(min-width:1020px){.entry-content h3{font-size:130%}}.entry-content h4{font-size:110%}@media(min-width:1020px){.entry-content h4{font-size:120%}}.entry-content h5{font-size:100%}@media(min-width:1020px){.entry-content h5{font-size:110%}}.entry-content h6{font-size:95%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}.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 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 table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}@media(min-width:768px){.entry-content table{font-size:.9rem}}.entry-content table th,.entry-content table td{border:1px solid #d2d7e5;padding:5px 10px}.entry-content table th{background:#f7f8f9}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content blockquote{margin:1em 0;padding:5px 5px 5px 15px;border-left:2px solid #959c9e}@media(min-width:1020px){.entry-content blockquote{margin:1.5em 3em;padding:5px 20px}}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#f7f8f9;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;line-height:1.3;font-size:.8rem;padding:10px}@media(min-width:1020px){.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 2px;padding:0 5px;background-color:#f7f8f9;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #d2d7e5;margin:2em auto}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#f7f8f9;border-color:#d2d7e5}.entry-content .entry-see-more{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;width:100%;box-sizing:border-box;text-decoration:none}.entry-content .entry-see-more:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.entry-content .entry-see-more img,.entry-content .entry-see-more svg{vertical-align:top;margin-right:.3em}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;border:1px solid #d2d7e5}.entry-footer-section{color:#959c9e;font-size:.8rem}.entry-footer-section a{color:#959c9e}.entry-footer-section a:hover{color:#3067cb}.comment-box{margin:1em 0}.comment-box .comment{list-style:none;margin:0 0 15px;padding:0;line-height:1.7;font-size:.85rem}@media(min-width:768px){.comment-box .comment{font-size:.9rem}}.comment-box .entry-comment{padding:10px 0 10px 60px;border-bottom:1px solid #d2d7e5;position:relative}.comment-box .entry-comment:first-child{border-top:1px solid #d2d7e5}.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:#3d3f44;font-size:.85rem}.comment-content p{margin:0 0 .6em}.comment-metadata{color:#959c9e;margin:0;font-size:.8rem}.comment-metadata a{color:#959c9e}.leave-comment-title{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;padding:.6em 1em}.leave-comment-title:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.leave-comment-title img,.leave-comment-title svg{vertical-align:top;margin-right:.3em}.pager{text-align:center;margin:3em auto}.pager a{display:inline-block;text-align:center;padding:.8em 1.2em;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s}.pager a:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.pager a img,.pager a svg{vertical-align:top;margin-right:.3em}.pager.permalink{display:flex;justify-content:center;align-items:center;text-align:center}@media(min-width:768px){.pager.permalink{width:70%}}.pager.permalink a{color:#3d3f44!important;border:none;padding:0;font-weight:400;font-size:.9rem}@media(min-width:768px){.pager.permalink a{font-size:1.1rem}}.pager.permalink a:hover{background-color:transparent;color:#3067cb!important}.pager.permalink .pager-next,.pager.permalink .pager-prev{width:50%;padding:.5em 0}.pager.permalink .pager-prev+.pager-next{border-left:1px solid #d2d7e5;margin-left:1em;padding-left:1em}@media(min-width:768px){.pager.permalink .pager-prev+.pager-next{margin-left:1.5em;padding-left:1.5em}}#box2-inner{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start}@media(min-width:481px){#box2-inner{flex-direction:row;margin-left:-20px}}@media(min-width:1020px){#box2-inner{margin-left:-30px}}#box2-inner>.ad{width:100%}#box2-inner .hatena-module{width:100%}@media(min-width:481px){#box2-inner .hatena-module{width:50%;padding-left:20px}}@media(min-width:768px){#box2-inner .hatena-module{width:33.3333%}}@media(min-width:1020px){#box2-inner .hatena-module{padding-left:30px}}.hatena-module{box-sizing:border-box;margin-bottom:2em;font-size:.85rem}@media(min-width:768px){.hatena-module{font-size:.85rem}}.hatena-module-title{margin-bottom:.6em;padding-bottom:.2em;border-bottom:1px solid #d2d7e5;font-size:1rem}.hatena-module-title a{color:#3d3f44;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.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{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:.5em 0;line-height:1.5}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist .urllist-category-link{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;font-size:.8rem;overflow:hidden;color:#3d3f44;background-color:transparent;text-decoration:none!important;border:1px solid #d2d7e5;transition:all .2s;font-size:.75rem;font-size:.7rem;padding:.1em .3em;line-height:1.2}.hatena-urllist .urllist-category-link:hover{color:#3d3f44;background-color:#f7f8f9;text-decoration:none;border-color:#b2bad2}.hatena-urllist .urllist-category-link img,.hatena-urllist .urllist-category-link svg{vertical-align:top;margin-right:.3em}.hatena-urllist .urllist-title-link{line-height:1.3}.hatena-urllist .urllist-date-link a{color:#959c9e}.hatena-urllist .urllist-entry-body{margin-top:.3em;line-height:1.4}.hatena-module-search-box .search-form{border:1px solid #d2d7e5;border-radius:3px;width:100%;box-sizing:border-box;position:relative}.hatena-module-search-box .search-form:hover{border-color:#959c9e}.hatena-module-search-box .search-module-input{padding:5px;color:#3d3f44;background:none;border:none;outline:none;height:20px;width:90%}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=3587c7afa0c5a68bb54ada32765e86) 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}.hatena-module-search-box .search-module-button:hover{opacity:.85}#footer{margin-top:2em;padding-bottom:2rem;text-align:center;font-size:.8rem;color:#959c9e}#footer a{color:#959c9e}#footer p{margin:.5em auto}.page-about dd{margin-bottom:1.5em}.page-about dd:last-child{margin-bottom:0}.archive-header-category{text-align:center}.page-archive .archive-entry{margin-bottom:3em;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.3}.page-archive .archive-entry-header{text-align:center}.page-archive .entry-title{margin:.2em auto}.page-archive .categories{text-align:center;margin:.4em auto}.page-archive .entry-thumb{width:80px;height:80px;background-size:cover}@media(min-width:768px){.page-archive .entry-thumb{width:120px;height:120px}}.page-archive .entry-description{margin:0;font-size:.85rem;line-height:1.5}@media(min-width:768px){.page-archive .entry-description{font-size:.9rem}}.page-archive .social-buttons{display:block;margin-top:.3em}

/* </system> */

/* <system section="background" selected="fff"> */
body{background:#fff;}
/* </system> */
/* =========================================
   PC：記事ページだけ幅960pxに統一（中央寄せ）
========================================= */
@media screen and (min-width: 769px) {

  body.entry-page #container,
  body.entry-page .content,
  body.entry-page .content-inner,
  body.entry-page #wrapper,
  body.entry-page #main,
  body.entry-page #main-inner,
  body.entry-page .entry {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* =========================================
   スマホ：記事ページだけ画面いっぱいに広げる
========================================= */
@media screen and (max-width: 768px) {

  body.entry-page #container,
  body.entry-page .content,
  body.entry-page .content-inner,
  body.entry-page #wrapper,
  body.entry-page #main,
  body.entry-page #main-inner,
  body.entry-page .entry,
  body.entry-page .entry-content,
  body.entry-page .entry-body,
  body.entry-page article {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  /* スマホのトップ画像も全幅に */
  body.entry-page .header-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 180px !important;
    margin: 0 auto !important;
  }
}
@media screen and (min-width: 769px) {

  .entry,
  #main,
  #main-inner,
  #wrapper,
  #container {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}
@media screen and (max-width: 768px) {

  .entry,
  .entry-content,
  .entry-body,
  #main,
  #main-inner,
  #wrapper,
  #container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  .header-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 180px !important;
    margin: 0 auto !important;
  }
}
.entry-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 20px 0 10px;
  line-height: 1.4;
}


.entry h1 {
  font-family: 'Yu Mincho', 'Hiragino Mincho ProN', 'MS Mincho', serif;
  font-size: 22px !important;
  font-weight: bold;
  line-height: 1.3;
  background-color: #003366;
  color: #ffffff !important;
  padding: 12px 15px;
  border-radius: 6px;
  margin: 0 0 15px 0;
}
.entry h1 a {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* 記事タイトル直下の日付（2026-04-12） */
.entry-header > p:first-of-type {
  font-size: 18px;
  color: #000000;   /* ← 黒色 */
  text-align: right;
  margin: 5px 0 10px;
  font-family: 'Yu Mincho', serif;
}


/* 記事タイトル下カテゴリー */
.entry-categories a {
  color: #2a7f62 !important;
  font-family: 'Yu Mincho', serif;
  font-size: 18px;
}

.entry-categories a:hover {
  color: #cc3300 !important;
  transform: none !important;
  transition: none !important;
}

/* サイドバー */
#sidebar,
#box2,
.hatena-module {
  font-family: 'Yu Mincho', serif !important;
  font-size: 17px !important;
  line-height: 1.6;
}

/* サイドバー見出し */
.hatena-module-title {
  color: #333333 !important;
}

/* サイドバーリンク */
.hatena-module a {
  color: #0066cc !important;
}

.hatena-module a:hover {
  color: #cc3300 !important;
}

/* サイドバータイトル装飾 */
.sidebar-title {
  width: 100%;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 6px 0;
  box-sizing: border-box;
}

/* サイドバー内の拡大アニメーション無効化 */
.hatena-module a:hover,
.hatena-module li:hover,
.hatena-module span:hover,
#box2 *:hover,
.hatena-module *:hover {
  transform: none !important;
  transition: none !important;
}
/* 記事タイトル直下の日付（2026-04-12） */
.entry-header > p:first-of-type {
  font-size: 18px;
  color: #000000;   /* ← 黒色 */
  text-align: right;
  margin: 5px 0 10px;
  font-family: 'Yu Mincho', serif;
}
/* カテゴリーを中央寄せ＋枠付きに */
.categories {
  text-align: center;
  margin: 10px 0 15px;
}

.categories a {
  display: inline-block;
  padding: 6px 14px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 8px;
  font-size: 16px;
  color: #2a7f62 !important;
  text-decoration: none;
  font-family: 'Yu Mincho', serif;
}

.categories a:hover {
  background: #f0f0f0;
  color: #cc3300 !important;
}
/* 年月日をまとめて右寄せ・黒色にする */
.entry-header .date-year,
.entry-header .date-month,
.entry-header .date-day,
.entry-header .hyphen {
  color: #000000 !important;
  font-size: 18px;
  font-family: 'Yu Mincho', serif;
}

/* 日付全体を右寄せにする */
.entry-header {
  text-align: right;
}
/* 文字（本文）を最前面にする */
.entry-content {
  position: relative;
  z-index: 2;
}

/* つつじ画像のコンテナを背面に固定 */
.right-flower {
  position: absolute;
  top: 30px;
  right: -40px;
  width: 330px;
  z-index: 1;
  pointer-events: none;
}

/* つつじ画像の濃さとグラデーション（統合版） */
.right-flower img {
  width: 100%;
  height: auto;
  opacity: 0.95;
 filter: blur(0px);   /* ← ここだけ追加すればOK */
 
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,1) 10%,        /* 花は鮮明 */
    rgba(0,0,0,1) 40%,       /* 芯の少し上までは鮮明 */
    rgba(0,0,0,0.10) 100%,     /* ← 枝芯の部分を強めにぼかす（0.4に調整） */
    rgba(0,0,0,0.0) 100%     /* 下は完全にぼかす */
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 40%,
    rgba(0,0,0,0.4) 55%,
    rgba(0,0,0,0.0) 100%
  );
}
   サイドバー
================================ */
#sidebar,
#box2,
.hatena-module {
  font-family: 'Yu Mincho', serif !important;
  font-size: 17px !important;
  line-height: 1.6;
}

/* サイドバー見出し */
.hatena-module-title {
  color: #333333 !important;
}

/* サイドバーリンク */
.hatena-module a {
  color: #0066cc !important;
}

.hatena-module a:hover {
  color: #cc3300 !important;
}

/* サイドバータイトル装飾 */
.sidebar-title {
  width: 100%;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 6px 0;
  box-sizing: border-box;
}

/* サイドバー内の拡大アニメーション無効化 */
.hatena-module a:hover,
.hatena-module li:hover,
.hatena-module span:hover,
#box2 *:hover,
.hatena-module *:hover {
  transform: none !important;
  transition: none !important;
}

/* ================================
   フッター側カテゴリーのアニメーション無効化
================================ */
.entry-footer *,
.entry-footer *:hover {
  transform: none !important;
  transition: none !important;
}

/* ================================
   テーブル・その他
================================ */
/* 表の文字色 */
#box2 table td {
  color: #000000 !important;
}

/* フォトライフ画像枠線 */
.hatena-fotolife.custom-border {
  border: 2px dashed #3399ff;
  border-radius: 10px;
}

/* 緑のスター */
.green-star {
  color: #00cc00 !important;
}

/* 明朝体クラス */
.mincho-text {
  font-family: 'Yu Mincho', 'Hiragino Mincho ProN', 'MS Mincho', serif !important;
}


/* トップに戻るボタン */
#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 5px;
  background: #6c9;
  color: #ffffff !important;
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none;
  display: none;
  font-size: 12px;
  z-index: 1000;
}

body #back-to-top:hover {
  background: #58a !important;
  color: #e6e6e6 !important;
}



/* サイドバーのプロフィール説明文を濃くする（確実に効く版） */
.hatena-module-profile .hatena-module-body {
  color: #000000 !important;
  font-weight: 1000 !important;
  font-size: 18px !important;   /* ← 読みやすくしたい場合 */
  line-height: 1.0 !important;
}


.header-image {
  width: 938px !important;
  height: 200px !important;
  margin: 20px auto !important;        /* ← 影が落ちるスペース */
  overflow: visible !important;        /* ← 影を隠さない */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
  border-radius: 12px !important;
  background-size: cover;
  background-position: center;
}
.header-image {
  border: 2px solid rgba(0,0,0,0.25) !important;
  border-radius: 12px !important;
}


.entry-categories a {
  border-radius: 4px !important;   /* ← 角丸 */
  padding: 4px 10px !important;     /* ← 角丸が綺麗に見える余白 */
  border: 1px solid rgba(0,0,0,0.18) !important; /* ← 薄い枠線（上品） */
}


.pager a {
  border-radius: 4px !important;
  padding: 6px 12px !important; /* ← 角丸が綺麗に見える余白 */
  border: 1px solid rgba(0,0,0,0.18) !important; /* ← 上品な薄い枠線 */
}


.pager-next a {
  color: #ff0000 !important;
  border-color: rgba(0,0,0,0.18) !important;
}

/* 通常時 */
.pager-next a {
  color: #2a7f62 !important;
  border-color: rgba(0,0,0,0.18) !important;
}

/* hover 時 */
.pager-next a:hover {
  color: red !important;
}




/* 通常時 */
.comment-next a {
  color: #2a7f62 !important;!
  border-color: rgba(0,0,0,0.18) !important;
}

.entry-categories a {
  padding-top: 5px !important;
  padding-bottom: 3px !important;
  display: inline-block;
}
/* サイドバーの項目が横並びになる問題を修正（縦並びに戻す） */
.hatena-module,
.hatena-module-body,
#box2,
#sidebar {
  display: block !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* サイドバー内のリストを縦並びに強制 */
.hatena-module ul,
.hatena-module li {
  display: block !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
/* サイドバーの横並びを解除して縦並びに戻す */
#sidebar,
#sidebar ul,
#sidebar li,
.hatena-module,
.hatena-module-body {
  display: block !important;
  flex-direction: column !important;
  width: 100% !important;
}
/* サイドバーと記事本文の文字色を濃い黒に強制 */
#sidebar,
#sidebar *,
.entry-content,
.entry-content * {
  color: #000000 !important;
}
/* 記事本文とサイドバーの文字を最も濃い黒に強制 */
.entry-content,
.entry-content * ,
#sidebar,
#sidebar * {
  color: #000000 !important;
}
/* タイトルは左寄せのまま */
.entry-title {
  text-align: left !important;
}

/* 日付だけ右寄せ */
.date-year,
.date-month,
.date-day,
.hyphen {
  display: inline-block;
  text-align: right;
}

.entry-header .date-year,
.entry-header .date-month,
.entry-header .date-day,
.entry-header .hyphen {
  color: #000000 !important;
  font-size: 18px;
  font-family: 'Yu Mincho', serif;
}

/* 日付全体を右側に寄せる */
.entry-header p {
  text-align: right !important;
}
/* 記事タイトルを少し大きくする */
.entry-title {
  font-size: 28px !important;   /* ← 今より少し大きい */
  line-height: 1.2 !important;  /* ← 行間を整えて美しく */
}
/* 次のページを中央寄せにする */
.pager {
  text-align: center !important;
}

.pager a {
  display: inline-block !important;
  margin: 0 auto !important;
}
/* サイドバー内の画像だけ中央寄せ */
#sidebar img,
.hatena-module img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* サイドバー内の画像リンクを中央寄せ */
#sidebar .hatena-module-body a {
  display: block !important;
  text-align: center !important;
}

/* 画像自体の余白調整（任意） */
#sidebar .hatena-module-body img {
  display: inline-block !important;
}
/* サイドバーの横並びを完全に解除して縦並びに戻す */
#sidebar,
#sidebar ul,
#sidebar li,
.hatena-module,
.hatena-module-body {
  display: block !important;
  flex-direction: column !important;
  width: 100% !important;
}
/* 記事本文内の画像を中央寄せ */
.entry-content img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 記事本文の文字を濃い黒にする */
.entry-content,
.entry-content * {
  color: #000000 !important;
}
#footer img,
.site-footer img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.entry-content,
.entry-content * {
  color: #000000 !important;
}
/* フッター内のリンクを中央寄せ */
#footer,
#footer p,
#footer a,
.site-footer,
.site-footer p,
.site-footer a {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 記事本文の文字を完全な黒に強制 */
.entry-content,
.entry-content * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important; /* ← lifeテーマ対策の決め手 */
}
.entry-content {
  font-weight: 600 !important;  /* 少し太くして視認性UP */
  line-height: 1.8 !important;  /* 行間を広げて読みやすく */
}
/* サイドバーの説明文を濃い黒にする */
#sidebar .hatena-module-body,
#sidebar .hatena-module-body * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important; /* ← lifeテーマ対策の決め手 */
}

/* 青いボックス内の文字を白に強制 */
.entry-content .hatena-fotolife,
.entry-content .hatena-fotolife *,
.entry-content .blue-box,
.entry-content .blue-box * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* POP-UP ボタンの文字を白に強制 */
.popup-btn,
.popup-btn *,
.popup-btn-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* サイドバーのモジュールを横並びにする */
#box2-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important; /* モジュール間の余白 */
}

/* 各モジュールを横に並べる */
#box2-inner .hatena-module {
  width: calc(50% - 10px) !important; /* 2列にする */
  box-sizing: border-box !important;
}
/* プロフィールのロゴ画像を非表示にする */
.hatena-module-profile .profile-icon {
  display: none !important;
}
/* スマホの本文を完全な黒に強制 */
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }
}

/* スマホ全体の文字色を完全な黒に強制 */
@media screen and (max-width: 768px) {
  body,
  body * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }
}
/* スマホの本文フォントサイズを大きくする */
@media screen and (max-width: 768px) {
  .entry-content {
    font-size: 18px !important;   /* ← おすすめサイズ */
    line-height: 1.9 !important;  /* 読みやすさUP */
  }
}
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    font-weight: 600 !important;   /* ← これが決定打 */
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
  }
}
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
    font-weight: 600 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
  }
}
@media screen and (max-width: 768px) {
  html,
  body,
  .entry-content,
  .entry-body,
  .article-entry,
  .entry-content * ,
  .entry-body * ,
  .article-entry * {
    color: #000 !important;
    font-weight: 600 !important;
    line-height: 2 !important;
    font-size: 1.3em !important;
    letter-spacing: 0.06em !important;
    word-break: break-word !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
    padding: 0 14px !important;
    text-shadow: 0.03em 0.03em 0 rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2);
  }
}
.emoji-red {
  color: #ff0000 !important;
  -webkit-text-fill-color: #ff0000 !important;
}
.emoji-blue {
  color: #0066ff !important;
  -webkit-text-fill-color: #0066ff !important;
}
.emoji-yellow {
  color: #ffcc00 !important;
  -webkit-text-fill-color: #ffcc00 !important;
}
/* 地図リンク */
.entry .map-link {
  width: 790px;
  margin: 5px auto 0;
  text-align: right;
  display: block;
  color: #0066cc !important;
  text-decoration: none;
}

.entry .map-link:hover {
  color: #cc3300 !important;
  text-decoration: underline;
}

/* サイドバー内の文字・項目を右寄せにする */
#box2 .hatena-module,
#box2 .hatena-module-title,
#box2 .hatena-module-body,
#box2 .hatena-module-body ul,
#box2 .hatena-module-body ul li {
  text-align: right !important;
}
/* 主な受賞歴モジュールの右寄せ */
#box2 .hatena-module .hatena-module-body p,
#box2 .hatena-module .hatena-module-body div,
#box2 .hatena-module .hatena-module-body a {
  text-align: right !important;
  display: block !important;
}

/* カテゴリー一覧ページのタイトルを枠で囲む */
.archive-entry > .archive-date + * {
  display: block;
  background: #003366;
  color: #ffffff !important;
  padding: 14px 18px;
  border-radius: 8px;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1.6;
}
.header-image {
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
}
/* 記事エリアを左寄せに戻す（Lifeテーマ標準） */
#container,
.content,
.content-inner,
#main,
#main-inner,
.entry {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 1100px !important; /* Lifeテーマの標準幅 */
  box-sizing: border-box;
}
/* ================================
   Life テーマの中央寄せを解除して左寄せに戻す
================================ */

/* 記事全体を左寄せに戻す */
#main,
#main-inner,
#content-inner,
.entry {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 1100px !important;
  text-align: left !important;
}

/* 記事タイトルを左寄せ */
.entry-title {
  text-align: left !important;
}

/* カテゴリーを左寄せ */
.entry-categories,
.categories {
  text-align: left !important;
}

/* 日付も左寄せ */
.entry-header .date,
.archive-date {
  text-align: left !important;
}
/* ================================
   Life テーマの中央寄せを完全に解除
================================ */

/* テンプレートが中央寄せしている親要素を解除 */
#wrapper,
#main,
#main-inner {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 1100px !important;
  width: auto !important;
  text-align: left !important;

}

/* 記事本体 */
.entry {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* 記事タイトル */
.entry-title {
  text-align: left !important;
}

/* カテゴリー（すでに左寄り） */
.entry-categories,
.categories {
  text-align: left !important;
}

/* 日付 */
.entry-header .date,
.archive-date {
  text-align: left !important;
}
/* ================================
   taroyan 専用：Life テーマ中央寄せ解除
   （3.10 の CSS を正しく上書きする版）
================================ */

/* ブログ全体を左寄せに戻す */
#wrapper {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
}

/* メインカラムを左寄せに戻す */
#main,
#main-inner {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
  text-align: left !important;
}

/* 記事本体（中央寄せを解除） */
.entry {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: none !important;   /* ← 880px / 960px の固定幅を無効化 */
  width: 100% !important;
  text-align: left !important;
  padding-left: 10px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}

/* 記事タイトルを左寄せ */
.entry-title {
  text-align: left !important;
}

/* カテゴリー（すでに左寄り） */
.entry-categories,
.categories {
  text-align: left !important;
}

/* 日付も左寄せ */
.entry-header .date,
.archive-date {
  text-align: left !important;
}
/* ================================
   Life テーマ中央寄せを完全に解除
================================ */

/* ブログ全体の中央寄せを解除 */
#wrapper {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
}

/* メインカラムの中央寄せを解除 */
#main,
#main-inner {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
  text-align: left !important;
}

/* 記事本体 */
.entry {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  width: 100% !important;
}
/* 記事一覧・記事本体を包むブロックを中央に */
.archive-entries {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.entry {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box;
}
.header-image {
  max-width: 960px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  background-size: cover;
  background-position: center;
}
/* ================================
   中央寄せを阻害しているCSSを無効化
================================ */

/* 全幅固定を解除して中央寄せを許可 */
#container,
.content,
.content-inner,
.entry-content {
  max-width: none !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0;
}

/* entry の中央寄せ阻害を解除 */
.entry {
  max-width: 960px !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 10px !important;
  box-sizing: border-box;
}
/* 記事全体を包むブロックを中央に */
.archive-entries {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.entry {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}
/* 記事全体を中央に寄せる（最重要） */
.archive-entries {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#main-inner,
#content-inner {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.entry {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}
/* 記事欄の幅を広げる（中央のまま） */
.archive-entries,
.entry {
  max-width: 1000px !important;   /* ← ここを広げるだけでOK */
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 記事欄に枠を付ける */
.entry {
  border: 1.5px solid #cccccc !important;   /* ← 上品な薄い枠 */
  border-radius: 10px !important;           /* ← 角丸で柔らかく */
  padding: 15px !important;                 /* ← 内側の余白を確保 */
  background: #ffffff !important;           /* ← 白背景で読みやすく */
  box-sizing: border-box;
}

/* カテゴリーを中央に */
.entry-categories,
.categories {
  text-align: center !important;
  width: 100%;
  display: block;
}

/* カテゴリーのリンクを中央に並べる */
.entry-categories a,
.categories a {
  display: inline-block !important;
}
/* 日付を右寄せ（あなたのブログ構造に100%一致） */
.entry-header .date {
  text-align: right !important;
  width: 100% !important;
  display: block !important;
  margin: 0 0 10px 0 !important;
  font-size: 18px !important;
  color: #000000 !important;
}
/* 記事タイトル（青帯）の上の余白を消す */
.entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 日付の上の余白も消す（必要な場合） */
.entry-header .date {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.archive-entries {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.entry {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.archive-entries {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.archive-entries {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* 次のページ（一覧ページ）だけカテゴリーを枠にする */
.archive .categories a {
  display: inline-block !important;
  padding: 6px 14px !important;
  background: #3399ff !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  text-decoration: none !important;
  margin: 5px 0 !important;
}

/* スマホの文字を濃く・太くする（最終版） */
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    font-weight: 600 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
  }
}

/* スマホの文字を確実に濃くする（最強版） */
@media screen and (max-width: 768px) {
  body,
  body * {
    font-weight: 700 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
  }
}

/* スマホの文字を大きく・濃くする */
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    font-size: 19px !important;   /* ← ここで大きくする */
    font-weight: 600 !important;  /* ← 太くして濃く見せる */
    color: #000 !important;       /* ← 黒でくっきり */
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
    line-height: 1.9 !important;  /* ← 読みやすさUP */
  }
}
/* スマホの文字を最大限濃く・太く・大きくする（最強版） */
@media screen and (max-width: 768px) {
  body,
  body * {
    font-size: 20px !important;        /* ← さらに大きく */
    font-weight: 700 !important;       /* ← 最大限太く */
    color: #000000 !important;         /* ← 真っ黒で濃く */
    -webkit-text-fill-color: #000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
    line-height: 1.9 !important;       /* ← 読みやすさUP */
  }
}
/* スマホの文字を22pxにする（強制反映版） */
@media screen and (max-width: 768px) {
  .entry-content,
  .entry-content * {
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
    line-height: 1.9 !important;
  }
}

/* スマホの文字サイズを確実に22pxにする（突破版） */
@media screen and (max-width: 768px) {
  body,
  body .entry-content,
  body .entry-content * {
    font-size: 22px !important;
    line-height: 1.9 !important;
    font-weight: 600 !important;
    color: #000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
  }
}
/* スマホの文字を確実に濃く・太く・大きくする（突破版） */
@media screen and (max-width: 768px) {
  body,
  body * {
    font-size: 22px !important;
    font-weight: 700 !important;          /* ← 最大の太さ */
    color: #000000 !important;            /* ← 真っ黒に強制 */
    -webkit-text-fill-color: #000 !important;
    font-family: "Noto Sans JP", "Yu Gothic", sans-serif !important;
    line-height: 1.9 !important;
  }
}

/* サイドバー全体を左寄せにする（突破版） */
#box2,
#box2 .hatena-module,
#box2 .hatena-module-title,
#box2 .hatena-module-body,
#box2 .hatena-module-body p,
#box2 * {
  text-align: left !important;
}
/* 八幡公園の説明文だけ左寄せにする */
.hachiman-desc {
  text-align: left !important;
}
.hachiman-desc p {
  text-align: left !important;
}
/* 八幡公園の説明文だけ左寄せにする（最終版） */
.hachiman-desc {
  text-align: left !important;
}
.hachiman-desc * {
  text-align: left !important;
}
/* 八幡公園の説明文だけ左寄せにする（最終版） */
.hachiman-desc {
  text-align: left !important;
}
.hachiman-desc * {
  text-align: left !important;
}
/* 八幡公園の説明文だけ左寄せにする（最終版） */
.hachiman-desc,
.hachiman-desc * {
  text-align: left !important;
}
/* ===========================
   サイドバー全体の余白調整
=========================== */
.hatena-module {
  margin-bottom: 22px !important;
  padding: 12px 14px !important;
  background: #fffdf7 !important;
  border: 1px solid #e5d9b6 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
  font-family: "Yu Mincho", serif !important;
}

/* モジュールタイトル（例：リンク、最新記事など） */
.hatena-module-title {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #5a4632 !important;
  border-bottom: 1px solid #d8c7a1 !important;
  padding-bottom: 4px !important;
  margin-bottom: 10px !important;
}

/* ===========================
   サイドバーのリンク（通常）
=========================== */
.hatena-module-body a {
  color: #004488 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.hatena-module-body a:hover {
  text-decoration: underline !important;
}

/* ===========================
   park-info リンクを特別ボタン化
=========================== */
.hatena-module-body a[href*="park-info"] {
  display: block !important;
  background: #fff4d6 !important;
  border: 2px solid #d2b48c !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  color: #5a4632 !important;
  text-align: center !important;
  margin-top: 6px !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

.hatena-module-body a[href*="park-info"]:hover {
  background: #ffe8b0 !important;
}

/* ===========================
   PDFリンク（主な受賞歴）を整える
=========================== */
.hatena-module-body a[href$=".pdf"],
.hatena-module-body a[href*="drive.google.com"] {
  display: block !important;
  padding: 6px 8px !important;
  margin-bottom: 6px !important;
  background: #f7f7f7 !important;
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  font-size: 15px !important;
}

.hatena-module-body a[href$=".pdf"]:hover,
.hatena-module-body a[href*="drive.google.com"]:hover {
  background: #eee !important;
}
.emoji-red {
  color: #ff0000 !important;
  -webkit-text-fill-color: #ff0000 !important;
}
.emoji-blue {
  color: #0066ff !important;
  -webkit-text-fill-color: #0066ff !important;
}
.emoji-green {
  color: #00aa44 !important;
  -webkit-text-fill-color: #00aa44 !important;
}

.emoji-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
a.keyword {
  color: blue !important;
}

/* スマホ（768px以下）専用の設定 */
@media screen and (max-width: 768px) {

  /* 本文と本文内のすべての要素を太くする */
  .entry-content,
  .entry-content * {
    font-weight: 700 !important;
  }

  /* キーワードリンク（a.keyword）の色指定もスマホで維持 */
  a.keyword {
    color: blue !important;
  }
}

@media screen and (max-width: 480px) {
  .entry-title-box {
    padding: 0.5em 0.5em;
  }
}

@media screen and (max-width: 480px) {
  .entry-title,
  .entry-title * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 480px) {
  .entry-title {
    font-size: 1.2em !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
  }

  .entry-title::before,
  .entry-title::after {
    max-width: 100% !important;
  }

 .text-black {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.entry-content .text-black {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}