/* =========================================
   物語る亀
   PC版 デザインCSS
   ========================================= */


/* <system section="theme" selected="aero2"> */
@import"https://fonts.googleapis.com/css?family=Maven+Pro:700";html{margin:0;padding:0}body{margin:0;padding:0;color:#000;background:#022b5c url(https://cdn.blog.st-hatena.com/css/theme/aero2/bg.jpg?version=d422509bd0b39c8cdd48718768287a) repeat-x fixed top center;font-family:Maven Pro,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}a{color:#0e4b84}a:visited{color:#3c6b97}a:hover{color:#1673c9}pre{padding:10px;background:#fafafa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:inset 0 0 5px #0003}#globalheader-container{background:#ffffff80;box-shadow:0 0 10px #0006}#container{width:800px;margin:0 auto;text-align:center}#container-inner{text-align:left}#blog-title{padding:40px 0}#title{margin:0;display:inline-block;font-size:35px;text-shadow:0 2px 2px rgba(0,0,0,.5);-moz-text-shadow:0 2px 2px rgba(0,0,0,.5);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.5);filter:dropshadow(color=#333333,offX=0,offY=2)}#title a{text-decoration:none;color:#fff}#blog-description{display:inline-block;*display: inline;*zoom: 1;color:#fff;margin:0;padding-left:1em;font-size:13px;text-shadow:0 2px 2px rgba(0,0,0,.7);-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7);filter:dropshadow(color=#333333,offX=0,offY=2)}.header-image-enable #blog-title,.header-image-only #blog-title{padding:20px 0}.header-image-enable #blog-title #title{padding:20px 0 0 20px}.header-image-enable #content,.header-image-only #content{margin-top:0}#top-box,#top-editarea,#bottom-editarea{font-weight:700;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.5);font-size:14px}.breadcrumb{margin-bottom:10px}.breadcrumb a{color:#fff}#content{margin:10px 0}#content-inner{box-shadow:0 0 5px #0000004d;border-radius:10px;background:#ffffff80;background:url(https://cdn.blog.st-hatena.com/css/theme/aero2/opacity5.png?version=d422509bd0b39c8cdd48718768287a) repeat\	}#main{background:#fff;background:#fff \	;border-radius:10px 0 0 10px;padding:20px;float:left;width:510px;box-shadow:5px 0 10px -10px #000000b3;min-height:800px}* html #main{box-shadow:0 0 #fff0}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{float:right;width:240px;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}#box2{float:right;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}#box2:after{content:"";display:block;clear:both}#content-inner:after{content:"";display:block;clear:both}.entry-content{font-size:13px;line-height:1.8;margin:1em 0;font-family:Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.entry{margin-bottom:50px;position:relative}.date{display:flex;background:#00000080;background:#666 \	;color:#fff;padding:5px 15px 5px 20px;position:relative;left:-20px;text-shadow:0 1px 2px #000;-moz-text-shadow:0 1px 2px #000;-webkit-text-shadow:0 1px 2px #000;border-radius:0 3px 3px 0;width:fit-content}.date a{color:#fff;text-decoration:none}.date-last-updated{color:#fff}.entry-title{font-size:20px;padding:10px 0;margin:0}.entry-title a{text-decoration:none}.categories a{font-size:11px;color:#454545;background:#fff;padding:3px 6px;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-decoration:none;white-space:nowrap}.categories a:hover{color:#333;text-decoration:none;background:#ebebeb;border:1px solid #bbb}.entry-footer-section{font-style:italic;color:#666;margin:0}.entry-footer-time a{color:#666}.entry-footer-time a:hover{color:#1673c9}.pager{display:inline;margin-right:10px}.pager{text-align:center}.pager a{background:#00000080;color:#fff;padding:5px 15px;margin:0 2px;font-size:13px;border-radius:3px;text-decoration:none;line-height:1.5;word-wrap:break-word;display:inline-block;max-width:200px}.pager a:hover{color:#fff!important;background:#000000b3}.entry-content h1{font-size:16px;margin:.5em 0}.entry-content h2{font-size:15px;margin:.5em 0}.entry-content h3{font-size:14px;margin:.5em 0}.entry-content p{margin:.5em 0}.entry-content img{max-width:500px}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3{border-bottom:1px dashed #999}.entry-content ul,.entry-content ol{margin:0 0 0 1.5em;padding:0}a.keyword{color:#000;text-decoration:none;border-bottom:1px solid #DEDEDE}pre.lang-aa{font-size:13px;line-height:14px}.entry-header-menu a{font-size:13px;display:inline;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;padding:3px 10px;line-height:18px;background:#5297de;text-decoration:none;background:-o-linear-gradient(top,#73b0ee 0%,#3675b4 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#3675b4));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#3675b4))";zoom:1;font-weight:700;border:1px solid #447296;text-shadow:0 -1px 0px #164a5a;-moz-text-shadow:0 -1px 0px #164a5a;-webkit-text-shadow:0 -1px 0px #164a5a;position:absolute;top:0;right:0}.entry-header-menu a:hover{background:#2f81d5;background:-o-linear-gradient(top,#73b0ee 0%,#1f62a7 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#1f62a7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#1f62a7))";zoom:1;border:1px solid #2066ad;text-shadow:0 -1px 0px #164A5A;text-decoration:none;color:#fff!important}.entry-footer{margin-top:30px;margin-bottom:80px;font-size:13px}.entry-footer .social-buttons{margin:10px 0}.comment{padding:0;list-style:none}.comment-user-name{display:block;color:#666;line-height:40px;margin:0}.comment-content{margin-bottom:.5em;line-height:1.7;font-family:Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.comment-content p{margin:0;word-wrap:break-word}.comment-metadata{margin:0}.comment li{margin-bottom:2px}.comment-metadata,.comment-metadata a{text-decoration:none;font-style:italic;color:#666}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;margin-top:10px;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#5297de;color:#fff;padding:6px 15px;text-decoration:none;background:-o-linear-gradient(top,#73b0ee 0%,#3675b4 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#3675b4));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#3675b4))";font-weight:700;border:1px solid #447296;text-shadow:0 -1px 0px #164a5a;-moz-text-shadow:0 -1px 0px #164a5a;-webkit-text-shadow:0 -1px 0px #164a5a}.leave-comment-title:hover{color:#fff;background:#2f81d5;background:-o-linear-gradient(top,#73b0ee 0%,#1f62a7 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#1f62a7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#1f62a7))";zoom:1;border:1px solid #2066ad;text-shadow:0 -1px 0px #164A5A;text-decoration:none}.comment .hatena-id-icon{position:relative;left:-5px;top:15px;padding:13px 17px 12px 11px;background:transparent url(https://cdn.blog.st-hatena.com/css/theme/aero2/comment.png?version=d422509bd0b39c8cdd48718768287a) no-repeat center}.comment-user-name .hatena-id-icon{position:relative;left:-5px}#box2 .hatena-module{width:200px;margin:20px 20px 50px}#box2 .hatena-module-title{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.7);-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7)}.hatena-module{font-size:13px}.hatena-module-title{color:#0e4b84;margin:0 0 .5em;font-size:20px;padding:0 0 .4em;border-bottom:1px dashed #666}.hatena-module-title a,.hatena-module-title a:visited{color:#fff;text-decoration:none}.hatena-module-title a:hover{color:#dfdfdf}.hatena-module ul{margin:0;padding:0;list-style:none}.hatena-module li{padding-bottom:1em;line-height:1.5}.hatena-module li.archive{border-top:1px dashed #666;margin-top:.5em;padding-top:.5em}.urllist-item{padding:10px 0;border-bottom:1px dotted #666}.hatena-module .profile-icon{display:block;margin-bottom:5px}.hatena-module-body .id a{font-size:13px;text-decoration:none;font-weight:700}.hatena-module-body .profile-description{margin:0 0 5px;line-height:1.5}form.search-form{margin-top:10px}form.search-form input{border:none;vertical-align:middle}.search-form .search-module-input{width:168px;background:-moz-linear-gradient(top,#eee 0%,#eee 50%,#fff 100%);padding:3px;margin:0;font-size:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;background:#0003;box-shadow:0 -1px #454545}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left: -5px;cursor:pointer;background:#565656 url(https://cdn.blog.st-hatena.com/images/theme/search_w.png?version=d422509bd0b39c8cdd48718768287a) 50% 50% no-repeat;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}#footer{clear:both;text-align:center;margin:30px 0}#footer a{color:#fff;font-weight:700;text-decoration:none;text-shadow:0 2px 2px #000;-moz-text-shadow:0 2px 2px #000;-webkit-text-shadow:0 2px 2px #000;font-style:normal}.hatena-embed.hatena-fotolife,.hatena-embed.twitpic{padding:10px 10px 30px;margin:1em 0;background:transparent;display:inline-block;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff;text-align:center}.hatena-embed.hatena-fotolife{background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=d422509bd0b39c8cdd48718768287a) no-repeat right bottom}.hatena-embed.twitpic{padding:10px}.hatena-embed.hatena-fotolife .hatena-embed-image,.hatena-embed.twitpic .hatena-embed-image{display:inline-block;max-width:488px}.hatena-embed.hatena-fotolife .hatena-embed-body,.hatena-embed.hatena-fotolife .hatena-embed-body a,.hatena-embed.twitpic .hatena-embed-body,.hatena-embed.twitpic .hatena-embed-body a{text-align:center;font-family:Homemade Apple,cursive;color:#454545;font-size:16px;margin-top:10px}.hatena-embed.hatena-coco,.hatena-embed.foursquare{margin:1em 0;box-shadow:0 1px 5px #00000029}.hatena-embed.hatena-coco{border:1px solid #e2d279;padding:20px 30px;background:#faf9e6 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=d422509bd0b39c8cdd48718768287a) no-repeat right bottom}.hatena-embed.hatena-coco .hatena-embed-image,.hatena-embed.foursquare .hatena-embed-image{width:100px;height:100px}.hatena-embed.foursquare{border:1px solid #C1D5DB;padding:20px 30px;background:#e6eff2 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=d422509bd0b39c8cdd48718768287a) no-repeat right bottom}.hatena-embed.hatena-bookmark{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=d422509bd0b39c8cdd48718768287a) no-repeat 10px top;position:relative}.hatena-embed.hatena-bookmark a{text-decoration:underline}.hatena-embed.hatena-bookmark .hatena-embed-image{max-height:50px}.hatena-embed.hatena-haiku{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=d422509bd0b39c8cdd48718768287a) no-repeat 5px 5px}.hatena-embed.hatena-monolith{width:478px;padding:15px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=d422509bd0b39c8cdd48718768287a) no-repeat right bottom}.hatena-embed.hatena-monolith .hatena-embed-image{display:block;float:left;max-width:98px;border:1px solid #dfdfdf}.hatena-embed.hatena-monolith .hatena-embed-body{float:left;width:368px;margin-left:10px}.hatena-embed.hatena-monolith:after{content:"";display:block;height:0;visibility:hidden;clear:both}.hatena-embed.twitter{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575}.hatena-embed.atnd{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575;font-family:PT Sans Caption,Helvetica,ヒラギノ角ゴ Pro W3,HiraKakuProN-W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif}.hatena-embed-detail.atnd-detail{font-size:20px;font-weight:700;color:#262626}.hatena-embed-detail.atnd-detail:hover{color:#ea1f00;text-decoration:none}.hatena-embed.atnd .content-body{font-size:12px;color:#222}.page-about dt{font-size:16px;font-weight:700}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .entry-content img.profile-icon{height:16px;width:16px}.page-archive #main-inner .entry-title{font-size:18px;margin:.5em 0;padding:0}.page-archive #main-inner .entry-title a{color:#333}.page-archive #main-inner section{margin-bottom:40px}.page-archive #main-inner .archive-entry p{font-size:14px;line-height:1.5}.page-archive .categories{margin-bottom:.5em}

/* </system> */


/* <system section="background" selected="pattern-08"> */
body {
  background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/pattern-08.jpg?version=d422509bd0b39c8cdd48718768287a');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
}
/* </system> */


/* =========================================
   記事本文
   ========================================= */

.entry-content {
  font-size: 17px;
  line-height: 1.8;
  color: #222222;
}


/* 本文リンク */

.entry-content a {
  word-break: break-word;
}


/* =========================================
   記事タイトル
   ========================================= */

.entry-title {
  position: relative;

  margin-bottom: 28px;

  padding:
    8px
    5px
    14px;

  border-bottom: 4px solid #d5d5d5;

  font-size: 30px;
  font-weight: bold;

  line-height: 1.45;

  word-break: normal;
  overflow-wrap: break-word;
}

.entry-title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -4px;

  z-index: 2;

  width: 20%;
  height: 4px;

  background: #3498db;
}

.entry-title a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;

  text-decoration: none;
}


/* =========================================
   見出し h3
   ========================================= */

.entry-content h3 {
  margin-top: 45px;
  margin-bottom: 22px;

  padding: 13px 18px;

  border-left: 7px solid #0b610b;
  border-radius: 4px;

  background: #e8f5e8;

  color: #173b17;

  font-size: 24px;
  font-weight: bold;

  line-height: 1.5;
}


/* =========================================
   見出し h4
   ========================================= */

.entry-content h4 {
  margin-top: 38px;
  margin-bottom: 20px;

  padding: 13px 16px;

  border-radius: 4px;

  background: #d8f6ce;

  color: #111111;

  box-shadow:
    0 0 6px rgba(224, 112, 0, 0.45);

  font-size: 21px;
  font-weight: bold;

  line-height: 1.5;
}


/* =========================================
   見出し h5
   ========================================= */

.entry-content h5 {
  margin-top: 32px;
  margin-bottom: 18px;

  padding: 9px 15px;

  border-left: 7px solid #0b610b;

  background: #f3f3f3;

  color: #333333;

  font-size: 18px;
  font-weight: bold;

  line-height: 1.5;
}


/* =========================================
   強調ボックス
   ========================================= */

.accent-box {
  box-sizing: border-box;

  margin: 25px 0;

  padding: 1.5em;

  border-radius: 5px;

  background: #eeeeee;

  line-height: 1.75;
}


/* =========================================
   目次
   ========================================= */

.table-of-contents {
  box-sizing: border-box;

  margin: 30px 0;
  padding: 20px 25px;

  border: 1px solid #dddddd;
  border-radius: 6px;

  background: #fafafa;

  line-height: 1.8;

  /* 標準の●・○を消す */
  list-style: none;
}


/* 「目次」の見出し */

.table-of-contents::before {
  content: "目次";

  display: block;

  margin-bottom: 12px;
  padding-bottom: 8px;

  border-bottom: 2px solid #0b610b;

  color: #222222;

  font-size: 22px;
  font-weight: bold;
}


/* すべてのリスト記号を消す */

.table-of-contents,
.table-of-contents ul {
  list-style: none;
}

.table-of-contents li {
  list-style: none;
}


/* 一番上の項目 */

.table-of-contents > li {
  margin: 7px 0;

  padding-left: 0;
}


/* 下位階層 */

.table-of-contents ul {
  margin-top: 5px;
  margin-bottom: 8px;

  padding-left: 22px;
}


/* 下位項目 */

.table-of-contents ul li {
  position: relative;

  margin: 4px 0;

  padding-left: 14px;
}


/* 下位項目だけ › を表示 */

.table-of-contents ul li::before {
  content: "›";

  position: absolute;

  left: 0;
  top: 0;

  color: #888888;

  font-weight: bold;
}


/* リンク */

.table-of-contents a {
  color: inherit;

  text-decoration: none;
}

.table-of-contents a:hover {
  text-decoration: underline;
}


/* =========================================
   旧シェアボタン
   ========================================= */

.share-3d {
  margin: 20px 0;

  text-align: center;
}

.share-3d-inner {
  display: flex;

  justify-content: center;

  gap: 8px;

  flex-wrap: wrap;
}

.share-3d-inner a {
  position: relative;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  min-width: 100px;
  height: 42px;

  padding: 4px 12px;

  border-radius: 5px;

  color: #ffffff !important;

  font-size: 15px;

  line-height: 1.2;

  text-align: center;
  text-decoration: none;

  transition:
    opacity 0.2s,
    transform 0.1s;
}

.share-3d .small-text {
  font-size: 10px;
}


/* はてな */

.share-3d .hatena-bookmark-button {
  background: #00a4de;

  box-shadow: 0 3px #08799e;
}


/* X / 旧Twitter */

.share-3d .twitter-button {
  background: #111111;

  box-shadow: 0 3px #555555;
}


/* Facebook */

.share-3d .facebook-button {
  background: #405ba7;

  box-shadow: 0 3px #2c4373;
}


/* Pocket
   旧記事との互換性用に残す
*/

.share-3d .pocket-button {
  background: #ee4256;

  box-shadow: 0 3px #c0392b;
}


/* Google+
   サービス終了済み。
   旧記事に残っていても目立たせない。
*/

.share-3d .googleplus-button {
  display: none;
}


.share-3d-inner a:hover {
  opacity: 0.8;
}

.share-3d-inner a:active {
  top: 3px;

  box-shadow: none;

  transform: translateY(1px);
}


/* =========================================
   ヨメレバ・カエレバ
   ========================================= */

.booklink-box,
.kaerebalink-box {
  box-sizing: border-box;

  width: 100%;

  margin: 20px 0;
  padding: 22px;

  overflow: hidden;

  border: 3px double #cccccc;
  border-radius: 6px;

  background: #ffffff;

  font-size: 13px;
}


/* 商品画像 */

.booklink-image,
.kaerebalink-image {
  float: left;

  min-width: 160px;

  margin: 0 20px 10px 0;

  text-align: center;
}

.booklink-image img,
.kaerebalink-image img {
  display: block;

  max-width: 160px;
  height: auto;

  margin: 0 auto;
}


/* 商品情報 */

.booklink-info,
.kaerebalink-info {
  margin: 0;

  overflow: hidden;

  line-height: 1.55;
}


/* 商品名 */

.booklink-name,
.kaerebalink-name {
  margin-bottom: 18px;

  line-height: 1.5;
}

.booklink-name > a,
.kaerebalink-name > a {
  font-size: 16px;
  font-weight: bold;
}


/* 詳細 */

.booklink-detail,
.kaerebalink-detail {
  margin-bottom: 14px;

  font-size: 12px;

  line-height: 1.55;
}


/* Powered / 日付 */

.booklink-powered-date,
.kaerebalink-powered-date {
  margin-top: 8px;
  margin-bottom: 14px;

  font-family: Verdana, sans-serif;

  font-size: 10px;

  line-height: 1.4;
}


/* =========================================
   商品リンク
   ========================================= */

.booklink-link2,
.kaerebalink-link1 {
  margin-top: 12px;
}

.booklink-link2 a,
.kaerebalink-link1 a {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  width: calc(33.333% - 7px);
  min-height: 42px;

  margin: 5px 6px 0 0;
  padding: 8px 6px;

  border-radius: 5px;

  background: #ffffff;

  font-size: 13px;
  font-weight: bold;

  line-height: 1.3;

  text-align: center;
  text-decoration: none;

  transition:
    opacity 0.2s,
    background-color 0.2s;
}

.booklink-link2 a:hover,
.kaerebalink-link1 a:hover {
  opacity: 0.65;
}

.booklink-link2 a:active,
.kaerebalink-link1 a:active {
  position: relative;

  top: 1px;
}


/* Amazon */

.shoplinkamazon a {
  color: #d97800 !important;

  border: 1px solid #ff9901 !important;
}


/* 楽天 */

.shoplinkrakuten a {
  color: #c20004 !important;

  border: 1px solid #c20004 !important;
}


/* Kindle */

.shoplinkkindle a {
  color: #007dcd !important;

  border: 1px solid #007dcd !important;
}


/* 価格.com */

.shoplinkkakakucom a {
  color: #314995 !important;

  border: 1px solid #314995 !important;
}


/* Yahoo */

.shoplinkyahoo a {
  color: #7b0099 !important;

  border: 1px solid #7b0099 !important;
}

.shoplinkyahoo img {
  display: none;
}


/* 古いフッター */

.booklink-footer {
  display: none;

  clear: both;
}


/* =========================================
   会話吹き出し
   ========================================= */

.p-right,
.p-left {
  position: relative;

  box-sizing: border-box;

  width: calc(100% - 110px);

  margin-top: 28px;
  margin-bottom: 38px;

  padding: 16px 15px;

  border: 1px solid #bbbbbb;
  border-radius: 10px;

  background: #ffffff;

  line-height: 1.75;
}


/* 左側吹き出し */

.p-left {
  margin-left: auto;
}

.entry-content .p-left {
  margin-left: 100px;
}


/* =========================================
   吹き出しの三角
   ========================================= */

.p-right::before,
.p-left::before {
  content: "";

  position: absolute;

  top: 17px;

  width: 15px;
  height: 15px;

  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;

  background:
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0) 50%,
      #ffffff 50%
    );
}

.p-right::before {
  right: -9px;

  transform:
    rotate(-45deg)
    skew(15deg, 15deg);
}

.p-left::before {
  left: -9px;

  transform:
    rotate(135deg)
    skew(15deg, 15deg);
}


/* =========================================
   キャラクター画像
   ========================================= */

.p-right::after,
.p-left::after {
  content: "";

  position: absolute;

  top: -18px;

  width: 75px;
  height: 75px;

  border: 1px solid #bbbbbb;
  border-radius: 50%;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


/* 右側 */

.p-right::after {
  right: -100px;
}


/* 左側 */

.p-left::after {
  left: -100px;
}


/* カエル */

.img-kaeru::after {
  background-image:
    url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/monogatarukam/20240223/20240223071154_120.jpg");
}


/* 亀爺 */

.img-kameji::after {
  background-image:
    url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/monogatarukam/20240223/20240223071139_120.jpg");
}


/* 主 */

.img-aruji::after {
  background-image:
    url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/monogatarukam/20240223/20240223071000_120.jpg");
}


/* =========================================
   記事内画像
   ========================================= */

.entry-content img {
  max-width: 100%;
  height: auto;
}


/* =========================================
   引用
   ========================================= */

.entry-content blockquote {
  margin: 25px 0;

  padding: 16px 20px;

  border-left: 5px solid #aaaaaa;

  background: #f7f7f7;

  color: #444444;

  line-height: 1.75;
}


/* =========================================
   表
   ========================================= */

.entry-content table {
  max-width: 100%;

  border-collapse: collapse;
}

.entry-content th,
.entry-content td {
  padding: 8px 10px;

  border: 1px solid #cccccc;
}


/* =========================================
   PCフッター
   元設定を維持
   ========================================= */

#footer {
  display: none;
}