/* <system section="theme" selected="12921228815728169090"> */
@charset "utf-8";
/*
	Theme: Written
	Version: 1.0.1
	Author: jclv
	Description: http://jclv.co
           _      __
          (_)____/ /   __
         / / ___/ / | / /
        / / /__/ /| |/ /
     __/ /\___/_/ |___/
    /___/

    Licensed under the MIT license.
*/
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:400,900|Open+Sans:400,700");
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{color:#333;background-color:transparent;font-family:'Open Sans',Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}a{color:#444;text-decoration:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}a:hover{color:#85c226;text-decoration:none}pre{padding:.5em;background:#f7f7f7;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container{width:1020px;background-color:#fff;margin:1px auto 0;padding-top:.5em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container-inner{width:960px;margin:0 auto}#blog-title-inner{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#blog-title{margin:1em 0 2em}#blog-title h1{font-family:Lato,'Open Sans','メイリオ',Meiryo;font-size:2.4em;font-weight:900;margin:.5em 0 0}#blog-title h1 a{color:#333}#blog-title h1 a:hover{color:#85c226;text-decoration:none}header h2{color:#666;font-size:.8em;font-family:'Open Sans',Meiryo;font-weight:100}#top-box{width:960px;margin:0 auto;font-size:.8em}#top-box .breadcrumb{padding-bottom:1.5em;color:#c0c0c0}#top-box .breadcrumb a,#top-box .breadcrumb span{color:#444;padding:0 .1em}#top-box .breadcrumb a:hover{color:#85c226}#content{width:960px;margin:0 auto}#content-inner{text-align:left}#wrapper{width:650px;float:left}#main{float:left;width:650px;min-height:90px;padding-bottom:1em}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{display:none}#box2{width:270px;float:right;text-align:left}#bottom-box{clear:both}#content:after{content:" ";display:block;height:0;visibility:hidden;clear:both}article{padding-bottom:3em}section.day{margin-bottom:40px}.entry{margin-bottom:100px;position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.entry-header{position:relative;padding-bottom:1.7em}.date{font-size:.8em;position:absolute;left:0;bottom:0;line-height:1em}.date a{color:#999}.date .hyphen{display:none}.date .date-month:before,.date .date-day:before{font-size:1.1em;content:'\2022';color:#ccc;padding:0 .3em}.entry-title{text-align:left;margin:0;font-size:1.6em;font-family:Lato,'Open Sans','メイリオ',Meiryo;font-weight:900;line-height:140%}.entry-title-empty{display:none}.entry-title a{position:relative}.categories{position:absolute;bottom:0;right:0;line-height:1em}.categories:before{font-family:FontAwesome;font-size:1em;content:'\f02b';color:#c0c0c0;margin-right:.2em}.categories a{color:#666;font-size:.8em;margin-right:.4em;white-space:nowrap}.categories a:hover{text-decoration:none;color:#808080;border-bottom:2px solid #85c226}.no-categories:before{display:none}.entry-header-menu a{display:block;font-size:.8em;padding:.15em .5em;color:#fff;background:#333;position:absolute;right:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-header-menu a:hover{background:#808080;text-decoration:none}.entry .entry-category-area{padding:5px 0;color:#aaa;font-size:.8em}.entry .entry-category a{color:#444;margin-left:5px;padding:3px 6px;border:1px solid #e0e0e0}.entry .entry-category a:hover{color:#fff;text-decoration:none;border:1px solid #85c226}.entry-footer{display:block;margin-top:30px;color:#444;font-size:.8em}.entry-footer .social-buttons{margin-bottom:15px}.entry-footer-section{color:#999;padding-bottom:1em}.pager{position:relative;height:2em}.pager span{position:absolute}.pager span.pager-next{top:0;right:0}.pager span.pager-prev{top:0;left:0}.pager a{font-size:.8em;color:#444;line-height:1.5em}.pager a span{display:none}.pager span.pager-next a:after{content:'\f054';font-family:FontAwesome;font-size:1em;padding-left:.2em;line-height:3em}.pager span.pager-prev a:before{content:'\f053';font-family:FontAwesome;font-size:1em;padding-right:.2em;line-height:3em}.pager a:hover{color:#85c226}.entry-content{font-size:.94em;line-height:1.7em;margin:1.3em 0}.entry-content img{max-width:650px}.entry-content img.hatena-fotolife{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-content p{margin:.8em 0}.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:150%}.entry-content h2{font-size:140%}.entry-content h3{font-size:130%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol{margin-left:1.5em;padding:0}.entry blockquote{padding:1em;margin:1em 0;color:#808080;border-left:7px solid #e0e0e0}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border:2px solid #d0d0d0}.entry-content table th,.entry-content table td{border:1px solid #e0e0e0;padding:5px 10px}.entry-content table th{background:#fafafa}a.keyword{color:#666;text-decoration:none;border-bottom:1px solid #e0e0e0}a.keyword:hover{border-color:#85c226}pre.lang-aa{font-size:1em;line-height:110%}.comment{margin:0 0 1em;padding:0;font-size:1em;clear:both;}.comment li{list-style:none;padding:.5em 0}.comment-user-name{font-size:1.1em;margin-bottom:.5em}.comment-content p{line-height:1.7em;margin:.5em 0;word-wrap:break-word}.comment-metadata{display:inline}.comment-metadata,.comment-metadata a{color:#c0c0c0}.leave-comment-title{float:right;font-size:1.2em;display:inline-block;*display:inline;*zoom:1;color:#808080;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer}.leave-comment-title:hover{text-decoration:none;color:#85c226}.leave-comment-title:before{content:'\f0e5';color:#808080;font-family:FontAwesome;font-size:1.5em;padding-right:.2em;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.leave-comment-title:hover:before{color:#85c226;content:'\f075'}.hatena-module{font-size:.9em;padding-bottom:50px}.hatena-module-title{text-align:left;font-size:1.2em;font-weight:normal;padding-bottom:10px;color:#666;border-bottom:2px solid #e0e0e0}.hatena-module-title a,.hatena-module-title a:hover,.hatena-module-title a:visited{font-size:1em;color:#444}.hatena-module-title:before{color:#666;font-family:FontAwesome;font-size:1.5em;padding-right:.3em}.hatena-module-body{padding-top:15px}.hatena-module-body ul{margin:0;padding:0;list-style:none}.hatena-module-body ul li{line-height:1.75em}.hatena-module-body ul li.archive{border:none}.hatena-module-profile .id{display:block;line-height:2em}.hatena-module-profile .hatena-module-title:before{content:'\f007'}.profile-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.hatena-module-profile .profile-description{margin:0 0 5px;line-height:1.5em}form.search-form{margin-top:10px}form.search-form input{border:1px solid #ccc;vertical-align:middle}.hatena-module-search-box .hatena-module-title{display:none}.hatena-module-search-box .hatena-module-title:before{content:'\f002'}.search-form .search-module-input{width:130px;padding:.2em .4em;margin:0;font-size:1em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left:-5px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=4d776f2b7a248fe0227f52f5e9d786) 50% 50% no-repeat}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{line-height:1.7em}.hatena-urllist li a{text-decoration:none}.hatena-module-links .hatena-module-title:before{content:'\f135'}.hatena-module-links .hatena-urllist li:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding-right:.4em}.hatena-module-recent-entries ul li div{line-height:1.3em;font-size:.9em}.hatena-module-entries-access-ranking ul li div{line-height:1.3em;font-size:.9em;padding:4px 0}.hatena-module-recent-entries .recent-entries-item-inner{padding:4px 0}.hatena-module-recent-entries .hatena-module-title:before{content:'\f005'}.hatena-module-recent-entries .recent-entries-title-link:before,.hatena-module-entries-access-ranking .entries-access-ranking-title:before{font-family:"Open Sans";content:'\2022';color:rgba(0,0,0,.3);padding-right:.4em}.hatena-module-recent-entries .recent-entries-image,.hatena-module-entries-access-ranking img{vertical-align:top;margin:0 4px 0 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.hatena-module-archive .hatena-module-title:before{content:'\f133'}.hatena-module-entries-access-ranking .hatena-module-title:before{content:'\f091'}.hatena-module-category .hatena-module-title:before{content:'\f02c';padding-right:.1em}.hatena-module-category .hatena-module-body ul:after{content:".";display:block;clear:both;height:0;visibility:hidden}.hatena-module-category .hatena-module-body li{float:left;display:block}.hatena-module-category .hatena-module-body li a:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding:0 .3em}.hatena-module-recent-comments .hatena-module-title:before{content:'\f086'}.hatena-module-recent-comments .recent-comment-time{color:#666;font-style:normal}.hatena-module-circles .hatena-module-title:before{content:'\f0c0'}#footer-box{clear:both}#footer-area1,#footer-area2,#footer-area3,#footer-area4{width:220px;float:left}#footer-area1,#footer-area2,#footer-area3{margin-right:40px}#footer-area4:after{content:"";display:block;height:0;visibility:hidden;clear:both}#bottom-editarea{font-size:.8em;padding-bottom:1em}#footer{clear:both;width:960px;text-align:left;font-size:.8em;padding-top:1em;margin:0 auto}#footer address{margin:0}#footer p{margin:2px 0 3em}#footer a{color:#444}#footer a:hover{color:#85c226;text-decoration:none}#footer a img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.page-about dt{font-size:1.35em;font-weight:normal;color:#999;margin-bottom:.5em}.page-about dd{margin-left:0;margin-bottom:2em}.page-about .etnry-content img.profile-icon{height:16px;width:16px}.page-archive .date{position:static;padding-bottom:1em}.page-archive .archive-entries .entry-title{margin-bottom:.3em;line-height:1.5em}.page-archive .archive-entries section{margin-bottom:30px}.page-archive .archive-entries .categories{margin-bottom:10px;position:static}.page-archive .archive-entries p{font-size:.8em;line-height:1.5em}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}}@media (min-width: 768px) and (max-width: 1024px){#container{width:724px}#container-inner{width:704px}#navigation{width:704px}#main{width:480px}#content{width:704px}#wrapper{width:480px}.entry-content img{max-width:480px}#box2{width:204px}#top-box{width:480px}#footer{width:704px}}@media (max-width: 767px){#globalheader-container{position:static}#container{width:93.75%;word-wrap:break-word;overflow:hidden}#container-inner,#navigation,#wrapper,#content,#top-box{width:100%}#blog-title{text-align:center}#footer{width:93.75%}#main{width:100%;float:none}.entry-content img{max-width:100%}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}.entry-header-menu{top:-30px;left:0}}
/* </system> */

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

.entry-content {
    font-size:16px;
	line-height: 2.0em;
    color: #333333;
    background-color: #ffffff;
}
div.entry-content p {
line-height: 1.8em;
margin-top: 0.3em;
margin-bottom: 0.3em;
}

/**** タイトル 文字色 ****/
.entry-title a{
  color: #333333;
}

/*リンクされた文字*/
.entry-content a{
    color:#3092EE;
	font-weight: bold;
}

h4 {
  position: relative;
  color: #111;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  border :2px solid #555;
  margin: 30px -10px 10px -10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}
h4:after,h4:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
}
h4:after {
  left: 33px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
}
h4:before {
  left: 30px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
}


.entry-title {
    background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/S/SikisimaHisayuki/20150209/20150209230038.gif) repeat-x bottom left;
    font-size: 1.8em;
    margin-bottom: 26px;
    padding-bottom: 1.3em;
    background-color: #fffff;
}

a.entry-see-more{
    display: inline-block;
    width: 200px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    outline: none;
    position: relative;
    background-color: #1abc9c;
    border-radius: 4px;
    color: #fff;
    line-height: 40px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #0e8c73;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
a.entry-see-more::before,
a.entry-see-more::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
a.entry-see-more,
a.entry-see-more::before,
a.entry-see-more::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a.entry-see-more:hover {
    background-color: #31c8aa;
    box-shadow: 0 3px 0 #23a188;
}
a.entry-see-more:active {
    top: 3px;
    box-shadow: none;
}
.entry-content a:hover{
    text-decoration:underline;  // 下線をつける
}
.accent-box {
    background:#E8E8E8;
    padding:1.5em;
}


/* bottom-editarea */
#bottom-editarea {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#footer_menu {
	width: 1000px;  /*contentの幅と合わせる*/
	margin: 0 auto;
	padding: 30px 0 0 0;
	font-size: 90%;
}
#footer_menu h3 {
	color: #737373;
	font-size: 1.1em;
	margin: 0 0 20px 0;
}
#footer_menu p {
	color: #737373;
	margin: 1em 0;
}
#footer_menu ul {
	text-align: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_menu ul li {
	line-height: 1.1em;
	color: #737373;
	margin: 0 0 25px 0;
	padding: 0;
}
#footer_menu ul li a {
	color: #737373;
}
#footer_menu .footer_box01 {
	width: 300px;
	float: left;
	margin: 0;
	margin-bottom:40px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box01 img {
	max-width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
}
#footer_menu .footer_box02 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box03 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_clear {
	clear: both;
}
/* 目次のカスタマイズ */
.entry-content .table-of-contents {
 position:relative;
 border: 2px solid #909090; /* 枠の色はここを変更してください */
 background-color: #FFF; /* 背景カラーです */
 padding: 20px 100px 20px 40px !important;
 border-radius: 5px;
 margin-top: 3em; /* 各々の環境で数字を調節してください */
}
.table-of-contents:after { /* 目次部分 */
 position: absolute;
 font-family: FontAwesome;
 content: '\f03a 目次'; /* 表示名を変えたければここを変更 */
 background: #707070;
 color: #fff;
 right: 0%;
 left: 0%;
 bottom: 100%;
 border-radius: 0px 0px 5px 5px;
 padding: 2px 0 2px 0;
 margin: 0 -3px 0 -3px;/* -で指定しているところはborderと同じ数値にする */
 text-align:center;
 font-size: 1.2em;
 letter-spacing: 2em
 }
.table-of-contents li {
 font-size:1.0em;
 font-weight: bold;
 color:#333;
}
ul.table-of-contents li:before {
font-family: blogicon;
content: “\f029”;
position: absolute;
left: 4.5em;
color: #4eacd1;
}

.table-of-contents a{
 color:#545454;
 padding:5px 0;/* 列の間隔 */
 display: block;
 text-decoration: none;
 transition-duration: 0.3s /* カーソルが戻る時間 */
}

/* 目次のリンク色を黒にしたい */
.table-of-contents:before {
  color: #333333;
}

.hatena-module-title{
   font-size: 16pt;
   color: #4d504c;
   border-top: 2px solid #36A165;
   border-bottom: 2px solid #36A165;
   padding:3px 0px 3px 10px;
}

/*--------------------------------------
  サイドバーのタイトルの横にアイコン設置
--------------------------------------*/
.hatena-module-title:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hatena-module-profile .hatena-module-title:before {content: "\f007";}
.hatena-module-search-box .hatena-module-title:before {content:'\f002'}
.hatena-module-links .hatena-module-title:before {content:'\f0c1'}
.hatena-module-recent-entries .hatena-module-title:before {content:'\f005'}
.hatena-module-archive .hatena-module-title:before {content:'\f187'}
.hatena-module-entries-access-ranking .hatena-module-title:before {content:'\f091'}
.hatena-module-category .hatena-module-title:before {content:'\f02c'}
.hatena-module-recent-comments .hatena-module-title:before {content:'\f086'}
.hatena-module-circles .hatena-module-title:before {content:'\f0c0'}
.hatena-module-related-entries .hatena-module-title:before {content:'\f00b'}

.highligh .hll { background-color: #ffffcc }
.highligh  { background: #ffffff; }
.highligh .c { color: #008000 } /* Comment */
.highligh .err { border: 1px solid #FF0000 } /* Error */
.highligh .k { color: #0000ff } /* Keyword */
.highligh .ch { color: #008000 } /* Comment.Hashbang */
.highligh .cm { color: #008000 } /* Comment.Multiline */
.highligh .cp { color: #0000ff } /* Comment.Preproc */
.highligh .cpf { color: #008000 } /* Comment.PreprocFile */
.highligh .c1 { color: #008000 } /* Comment.Single */
.highligh .cs { color: #008000 } /* Comment.Special */
.highligh .ge { font-style: italic } /* Generic.Emph */
.highligh .gh { font-weight: bold } /* Generic.Heading */
.highligh .gp { font-weight: bold } /* Generic.Prompt */
.highligh .gs { font-weight: bold } /* Generic.Strong */
.highligh .gu { font-weight: bold } /* Generic.Subheading */
.highligh .kc { color: #0000ff } /* Keyword.Constant */
.highligh .kd { color: #0000ff } /* Keyword.Declaration */
.highligh .kn { color: #0000ff } /* Keyword.Namespace */
.highligh .kp { color: #0000ff } /* Keyword.Pseudo */
.highligh .kr { color: #0000ff } /* Keyword.Reserved */
.highligh .kt { color: #2b91af } /* Keyword.Type */
.highligh .s { color: #a31515 } /* Literal.String */
.highligh .nc { color: #2b91af } /* Name.Class */
.highligh .ow { color: #0000ff } /* Operator.Word */
.highligh .sb { color: #a31515 } /* Literal.String.Backtick */
.highligh .sc { color: #a31515 } /* Literal.String.Char */
.highligh .sd { color: #a31515 } /* Literal.String.Doc */
.highligh .s2 { color: #a31515 } /* Literal.String.Double */
.highligh .se { color: #a31515 } /* Literal.String.Escape */
.highligh .sh { color: #a31515 } /* Literal.String.Heredoc */
.highligh .si { color: #a31515 } /* Literal.String.Interpol */
.highligh .sx { color: #a31515 } /* Literal.String.Other */
.highligh .sr { color: #a31515 } /* Literal.String.Regex */
.highligh .s1 { color: #a31515 } /* Literal.String.Single */
.highligh .ss { color: #a31515 } /* Literal.String.Symbol */

.entry-content blockquote {~}
.entry-content blockquote:before {~}
.entry-content blockquote p {~}
.entry-content blockquote cite {~}



/* 表 */
.entry-content table {
width:auto; /* 大きさを自動に */
}
.entry-content table caption{ /* タイトル */
/* font-size: 17px;*/ /* 文字の大きさ */
padding: 0.5px; /* 文字周りの余白 */
}
.entry-content table th { /* 見出しセル */
border: 1px solid #000000; /* 線の太さ・種類・色コード */
background: #B0DFFF; /* 背景色 */
text-align: center; /* 中央揃え */
padding: 0.5em; /* 文字周りの余白 */
width:auto;/* 大きさを自動に */
white-space:nowrap; /* 文字を折り返さない */
}
.entry-content table td { /* 普通のセル */
border: 1px solid #000000; /* 線の太さ・種類・色コード */
padding: 0.5em; /* 文字周りの余白 */
width:auto;/* 大きさを自動に */
white-space:nowrap; /* 文字を折り返さない */
}
/* スクロール */
#scroll01 {
box-sizing: border-box; /* スクロール用の箱*/
overflow-x: scroll; /* 横スクロール */
 -webkit-overflow-scrolling: touch;
border-right:3px solid #E0E0E0; /* 右端の線の太さ・種類・色コード */
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}


/* ========== 2025年8月31日追加更新 ========== */
/* 記事下広告ブロックの余白調整 */
.adsense-under-article {
  margin: 28px 0 20px;
}


/* ========== 基本トーン刷新（色はお好みで） ========== */
:root{
  --accent:#6c63ff;        /* アクセント（紫寄り） */
  --text:#222;             /* 本文色 */
  --muted:#666;            /* 補助テキスト */
  --bg:#fff;               /* 背景 */
  --card:#fff;             /* カード背景 */
  --border:#eee;           /* 枠線/区切り */
  --radius:14px;           /* 角丸 */
  --shadow:0 6px 20px rgba(0,0,0,.06);
}
body{ color:var(--text); background:var(--bg); line-height:1.85; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ opacity:.85; }

/* 見出しを太めに、余白をすっきり */
.entry-title, .entry-header h1, h1, h2, h3{
  font-weight:700;
  letter-spacing:.2px;
}

/* ボタン（アフィCTA想定） */
a.cta-btn{
  display:inline-block; padding:10px 16px;
  background:var(--accent); color:#fff; border-radius:10px;
  font-weight:700; box-shadow:var(--shadow);
}
a.cta-btn:hover{ transform:translateY(-1px); }

/* 画像の角丸＆影（記事内の大きめ画像） */
.entry-content img{
  border-radius:var(--radius);
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}

/* ========== トップ/一覧ページを“カード型”に ========== */
/* 多くのテーマで .entry や .archive-entry をカード化できます */
.page-index .entry, .page-archive .entry,
.page-index .archive-entry, .page-archive .archive-entry{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px; margin:16px 0;
}

/* カードのタイトル余白最適化 */
.page-index .entry-title a, .page-archive .entry-title a{
  display:block; margin-top:6px;
}

/* サムネイルがあるテーマ向け：角丸に */
.entry .entry-thumb img, .archive-entry .entry-thumb img{
  border-radius:12px; width:100%; height:auto; object-fit:cover;
}

/* グリッド化（2列→スマホ1列） */
@media (min-width:840px){
  .page-index .entries, .page-archive .entries,
  .page-index .entry-list, .page-archive .entry-list{
    display:grid; grid-template-columns:1fr 1fr; gap:18px;
  }
  .page-index .entry, .page-archive .entry,
  .page-index .archive-entry, .page-archive .archive-entry{
    margin:0; /* グリッド時は外側余白を消す */
  }
}

/* ========== 目次や囲みの洗練 ========== */
.toc, .table-of-contents, .hatena-notation, .sidebar-module{
  border:1px solid var(--border);
  border-radius:12px; padding:14px 16px; background:#fff;
  box-shadow:var(--shadow);
}

/* ========== 記事下広告ラベルのトーンを整える ========== */
.ad-label{ color:var(--muted); font-size:.85rem; }

/* 既に設定済み：記事下広告の余白 */
.adsense-under-article{ margin:28px 0 20px; }

/* フッター等の小テキストを薄めに */
footer, .entry-footer{ color:#777; }

/* 全体背景をブランドカラーに */
body {
  background:#9FD6D2; /* 象徴カラー */
}

/* 記事本体やサイドバーは白を維持 */
.container, .wrapper, .content, .main, .entry, .sidebar {
  background:#fff !important;
}


/* 本文テキストをより黒く */
.entry-content, 
.entry-content p, 
.entry-content li {
  color: #222 !important;  /* 黒寄りのグレー */
}

/* 見出しも合わせてやや濃く */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: #111 !important;
}

/* ================================
   Asset-Sale.net ブランド統一CSS
   ================================ */

/* 本文テキスト（柔らかい黒寄り） */
.entry-content, 
.entry-content p, 
.entry-content li {
  color: #222 !important;
  line-height: 1.85;
  font-size: 15px;
}

/* 見出しはさらに濃く */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: #111 !important;
  font-weight: 700;
  margin: 1.5em 0 0.8em;
}

/* リンクカラー（ブランドカラー） */
.entry-content a {
  color: #007a77 !important; /* #9FD6D2より濃いめに調整 */
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}
.entry-content a:hover {
  color: #00a39f !important; /* ホバーで明るめに */
  text-decoration-thickness: 2px;
}

/* サイドバーのリンクも統一 */
.sidebar a {
  color: #007a77 !important;
}
.sidebar a:hover {
  color: #00a39f !important;
}

/* ボタン（CTA用） */
a.cta-btn {
  display:inline-block; 
  padding:10px 16px;
  background:#007a77;
  color:#fff !important;
  border-radius:8px;
  font-weight:700;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition: all 0.2s ease;
}
a.cta-btn:hover {
  background:#00a39f;
  transform:translateY(-1px);
}

/* 記事カード・関連エントリ */
.page-index .entry, .page-archive .entry,
.page-index .archive-entry, .page-archive .archive-entry,
#related-entries .related-entries-item {
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:10px;
  padding:16px;
  margin:16px 0;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.page-index .entry-title a, 
.page-archive .entry-title a {
  color:#111 !important;
  font-weight:700;
}

/* ブログカードや埋め込みの外枠 
.hatenablogcard, .embed-card, .embed-blogcard, .embed-webcard {
  background:#fff !important;
  border:1px solid #e5e5e5 !important;
  border-radius:10px;
  padding:12px;
}
*/
/* 全体背景：ブランドカラー */
body {
  background:#9FD6D2;
}

/* 記事本体・サイドは白維持 */
.container, .wrapper, .content, .main, .entry, .sidebar {
  background:#fff !important;
}


/* 本文リンク：通常/ホバー/訪問済/キーボードフォーカス */
.entry-content a{
  color:#007a77 !important;
  text-decoration:underline;
  text-underline-offset:2px;
}
.entry-content a:hover{ color:#008e8a !important; text-decoration-thickness:2px; }
.entry-content a:visited{ color:#005e5b !important; }         /* 少し渋めに */
.entry-content a:focus{
  outline:2px solid #9FD6D2; outline-offset:2px;             /* 可視フォーカス */
}




/* H2セクションを読みやすく区切る */
.entry-content h2{
  border-bottom:2px solid #e5e5e5;
  padding-bottom:.3em; margin:1.8em 0 .9em;
}
.entry-content h3{ margin:1.4em 0 .6em; }

/* 本文コンテンツの左右余白を少し広めに */
.entry{ padding: 16px; }
@media (min-width: 900px){
  .entry{ padding: 24px 28px; }
}
/*
.hatenablogcard, .embed-card, .embed-blogcard, .embed-webcard{
  border:1px solid #e5e5e5 !important;
  border-radius:10px; padding:12px; background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}
*/
.entry-header .date, .entry-footer, .categories, .breadcrumbs, .hatena-follow{
  color:#777 !important; font-size: .92em;
}

a.cta-btn{
  display:inline-block; padding:10px 16px; background:#007a77; color:#fff !important;
  border-radius:8px; font-weight:700; box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:all .15s ease;
}
a.cta-btn:hover{ background:#00a39f; transform:translateY(-1px); }

.entry-content img{ border-radius:8px; }
.entry-content figcaption, .caption, small{ color:#666; font-size:.9em; }






/* --- Sidebar first-char clipping hotfix --- */
#box2, .sidebar { box-sizing: border-box; overflow: visible !important; }

#box2 *, .sidebar * {
  text-indent: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  translate: none !important;
}

/* 行頭が食い込むのを防ぐため、最小限の内側余白だけ付ける */
#box2 .hatena-module-body,
.sidebar .hatena-module-body {
  padding-left: 2.00rem;
}

/* リストも安全側に */
#box2 .hatena-module-body li,
.sidebar .hatena-module-body li {
  list-style-position: outside;
  padding-left: 1.00rem;
}










/* ===== Widen Right Sidebar (Hatena) ===== */
/* 変数っぽく幅をまとめて管理 */
:root {
  --sidebar-pc: 300px;   /* 好みで 300〜360px あたりに */
  --sidebar-tab: 280px;  /* タブレット時 */
  --gutter: 30px;        /* カラム間の余白 */
}

/* PC: 1024px 以上で2カラム横並びを厳密化 */
@media (min-width: 1024px) {
  #content-inner, #content #content-inner, #content-inner-2columns {
    display: flex !important;
    gap: var(--gutter) !important;     /* 余白 */
    align-items: flex-start;
  }

  /* 本文（左） */
  #main, #content #main {
    flex: 1 1 auto !important;
    min-width: 0;                      /* 画像やコードで横スクロールを防ぐ */
  }

  /* 右サイドバー */
  #box2, .sidebar {
    flex: 0 0 var(--sidebar-pc) !important;  /* 幅を固定 */
    max-width: var(--sidebar-pc) !important;
  }
}

/* タブレット: 768〜1023px でも横並びを維持しつつ少し狭める */
@media (min-width: 768px) and (max-width: 1023.98px) {
  #content-inner, #content #content-inner, #content-inner-2columns {
    display: flex !important;
    gap: 16px !important;
  }
  #main, #content #main { flex: 1 1 auto !important; min-width: 0; }
  #box2, .sidebar {
    flex: 0 0 var(--sidebar-tab) !important;
    max-width: var(--sidebar-tab) !important;
  }
}

/* モバイルは従来通り縦積み（何も変えない） */

/* 万一、古いfloatや固定幅が残っていた場合のリセット */
#box2, .sidebar { width: auto !important; float: none !important; }
#main, #content #main { width: auto !important; float: none !important; }

/* サイドバー内の横はみ出し対策 */
#box2, .sidebar { overflow: visible; }
#box2 img, .sidebar img { max-width: 100%; height: auto; }







/* ===== 2カラム全体を白パネル化（本文単体の白を外す） ===== */
@media (min-width: 1024px) {
  /* まず本文側に付いている白背景や影を無効化（テーマ差分吸収） */
  #main, #content #main,
  #main .entry-inner, #main .entry, .entry-inner {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* 2カラムのラッパーに白背景・角丸・影を付与 */
  #content-inner, #content #content-inner, #content-inner-2columns {
    background: #fff !important;
    border-radius: 8px;
    padding: 24px !important;          /* ここが内側の余白。好みで調整OK */
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    overflow: visible;                  /* 角丸内での欠け防止 */
  }
}

/* サイドバー自体には背景を付けない（パネルの上に載せるだけ） */
#box2, .sidebar { background: transparent !important; }


@media (min-width:1024px){
  #content-inner, #content #content-inner, #content-inner-2columns {
    padding: var(--gutter) !important;  /* ガターと同じにして一体感 */
  }
}







/* ===== Page max width (wide) ===== */
:root{
  /* 中央の白パネルの最大幅。好みで 1200〜1440px くらい */
  --page-max: 1200px;
}

/* PCだけページの器を広げる（テーマ差分に強めの上書き） */
@media (min-width: 1024px){
  /* よくあるラッパーを一括指定（テーマごとの差異吸収） */
  #container, #container-inner, 
  #content, #content-inner, #content-inner-2columns,
  .wrapper, .outer, .inner, .blog-main, .entry, .hatenablog-theme-container {
    max-width: var(--page-max) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 白パネルを付けた要素にも幅上限を合わせる（前回の設定を継承） */
  #content-inner, #content-inner-2columns{
    max-width: var(--page-max) !important;
  }

  /* 端の“余白”を少しだけ確保（画面超ワイド対策） */
  body, html { overflow-x: hidden; }
  #content-inner, #content-inner-2columns{ padding-left: 24px; padding-right: 24px; }
}








/* ===== Clean 2-Column Layout (grid版) ===== */
:root{
  --page-max: 1320px;     /* ページ全体の器 */
  --sidebar-pc: 280px;    /* ★サイドバー幅：まずは 280–320px で試す */
  --gutter: 36px;         /* 本文とサイドバーの間隔（見た目の呼吸） */
  --panel-pad-l: 24px;    /* 白パネルの左内側余白 */
  --panel-pad-r: 10px;    /* ★白パネルの右内側余白（これで全体を少し右に余裕） */
  --sidebar-nudge: 30px;   /* ★サイドバーを右に“ちょいズラし” */
}

@media (min-width:1024px){
  /* ページの最大幅を広げる（左右の色帯を減らす） */
  #container, #container-inner, 
  #content, #content-inner, #content-inner-2columns,
  .wrapper, .outer, .inner, .hatenablog-theme-container {
    max-width: var(--page-max) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 2カラムの白パネル（本文+サイドバー） */
  #content-inner, #content-inner-2columns{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) var(--sidebar-pc) !important;
    column-gap: var(--gutter) !important;
    background: #fff !important;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    padding-left: var(--panel-pad-l) !important;
    padding-right: var(--panel-pad-r) !important;
  }

  /* 本文側のリセット（影/白背景が二重にならないように） */
  #main, #content #main,
  #main .entry-inner, .entry-inner, .entry {
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important; float: none !important;
    min-width: 0; /* コードや画像での横スクロール防止 */
  }

  /* サイドバーを細めに、少し右へ寄せる */
  #box2, .sidebar{
    width: auto !important; max-width: var(--sidebar-pc) !important;
    transform: translateX(var(--sidebar-nudge));  /* ★右へ“スッ”と寄せる */
    background: transparent !important;
    overflow: visible;
  }

  /* サイドバー内テキストの折返し最適化（見出し線からはみ出さない） */
  #box2, .sidebar{
    word-break: break-word; overflow-wrap: anywhere; hyphens: auto;
  }

  /* サイドバー見出しの下線を“サイドバー幅いっぱい”に */
  .sidebar .hatena-module-title,
  #box2 .hatena-module-title{
    display: block;
  }
  .sidebar .hatena-module-title::after,
  #box2 .hatena-module-title::after{
    width: 100% !important; /* テーマによっては固定pxなので上書き */
  }
}

/* タブレットは横並びを維持しつつ、少しだけ広く見せる */
@media (min-width:768px) and (max-width:1023.98px){
  #content-inner, #content-inner-2columns{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 280px !important;
    column-gap: 24px !important;
    padding-left: 16px !important; padding-right: 24px !important;
  }
  #box2, .sidebar{ transform: translateX(4px); }
}

/* 念のため：古いfloatレイアウトの影響を無効化 */
#main, #content #main, #box2, .sidebar{ float: none !important; }






/* ===== Sidebar = “ABOUT の下線＋少し”に合わせる ===== */
:root{
  /* ★ここだけ触ればOK。画像の下側赤枠に合う数値にしてください */
  --sidebar-content: 280px;   /* 目安: 240–280px */
  --sidebar-nudge: 8px;       /* 右へ“ちょいズラし” (0〜12pxで微調整) */
  --gutter: 32px;             /* 本文との間隔 */
  --page-max: 1220px;         /* ページの器（必要ならそのまま） */
}

@media (min-width:1024px){

  /* ページの器を中央寄せ & 余白少なめ */
  #container, #container-inner,
  #content, #content-inner, #content-inner-2columns,
  .wrapper, .outer, .inner, .hatenablog-theme-container{
    max-width: var(--page-max) !important;
    width: 100% !important;
    margin-inline: auto !important;
  }

  /* 2カラムの白パネル */
  #content-inner, #content-inner-2columns{
    display: grid !important;
    /* サイドバー列は“見た目幅 + ちょいズラしぶん”に完全一致 */
    grid-template-columns: minmax(0,1fr) calc(var(--sidebar-content) + var(--sidebar-nudge)) !important;
    column-gap: var(--gutter) !important;

    background:#fff !important;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
    padding: 24px 24px 24px 24px !important; /* 右paddingは控えめでOK */
  }

  /* 本文側のリセット（二重背景/影を防ぐ） */
  #main, #content #main, .entry-inner, .entry{
    background:transparent !important;
    box-shadow:none !important;
    float:none !important;
    min-width:0;
  }

  /* === サイドバー本体 === */
  #box2, .sidebar{
    inline-size: var(--sidebar-content) !important; /* ←見た目幅を固定 */
    max-inline-size: var(--sidebar-content) !important;
    width:auto !important; /* 古いwidth指定を無効化 */
    float:none !important;

    /* 右に“スッ”と寄せる（列幅は上で確保済みなので、見た目だけ右へ） */
    transform: translateX(var(--sidebar-nudge));
    background:transparent !important;
    overflow:visible;
    word-break: break-word;
    overflow-wrap:anywhere;
  }

  /* 見出しの下線を“サイドバー幅いっぱい”に揃える */
  #box2 .hatena-module-title,
  .sidebar .hatena-module-title{ display:block; }
  #box2 .hatena-module-title::after,
  .sidebar .hatena-module-title::after{ width:100% !important; }

  /* モジュール内の左右余白を抑え、はみ出し印象を消す */
  #box2 .hatena-module,
  .sidebar .hatena-module{ padding-right: 0; }
  #box2 .hatena-module-body,
  .sidebar .hatena-module-body{ max-width: var(--sidebar-content); }
}

/* タブレット（任意・少し細め） */
@media (min-width:768px) and (max-width:1023.98px){
  #content-inner, #content-inner-2columns{
    display:grid !important;
    grid-template-columns: minmax(0,1fr) 240px !important;
    column-gap: 24px !important;
    padding: 16px 20px !important;
  }
  #box2, .sidebar{ inline-size: 240px !important; transform: translateX(4px); }
}







:root{
  --sidebar-content: 360px;   /* サイドバーの見た目幅（画像の赤枠に合わせる） */
  --sidebar-nudge: 12px;       /* 右へ寄せたい量（0〜12px程度） */
  --gutter: 32px;             /* 本文との間隔 */
  --page-max: 1100px;         /* ページの器 */
}

@media (min-width:1024px){

  /* 白パネル（本文+サイドバー）の器。列幅は“きっちり”固定 */
  #content-inner, #content-inner-2columns{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) var(--sidebar-content) !important;
    column-gap: var(--gutter) !important;
    background:#fff !important;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
    padding:24px !important;
    box-sizing:border-box;
    max-width: var(--page-max) !important;
    margin-inline:auto !important;
  }

  /* 本文側の二重背景/影のリセット */
  #main, #content #main, .entry-inner, .entry{
    background:transparent !important;
    box-shadow:none !important;
    float:none !important;
    min-width:0;
  }

  /* サイドバー本体：列幅に“収める”。右寄せは transform ではなく padding で */
  #box2, .sidebar{
    width: var(--sidebar-content) !important;
    max-width: var(--sidebar-content) !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding-left: var(--sidebar-nudge) !important;  /* ← これで“ほんの少し右へ” */
    /* 以前の指定を無効化 */
    transform: none !important;
    background: transparent !important;
    overflow: visible;
    word-break: break-word; overflow-wrap: anywhere;
  }

  /* 見出しの下線を幅いっぱいに揃える */
  #box2 .hatena-module-title,
  .sidebar .hatena-module-title{ display:block; }
  #box2 .hatena-module-title::after,
  .sidebar .hatena-module-title::after{ width:100% !important; }
}

/* タブレットはお好みで（必要なら） */
@media (min-width:768px) and (max-width:1023.98px){
  #content-inner, #content-inner-2columns{
    display:grid !important;
    grid-template-columns: minmax(0,1fr) 240px !important;
    column-gap:24px !important;
    padding:16px 20px !important;
  }
  #box2, .sidebar{
    width:240px !important; max-width:240px !important;
    padding-left:4px !important; transform:none !important;
  }
}






/* ===== Tight layout for 1100px page ===== */
:root{
  --page-max: 1100px;      /* ページの器は固定 */
  --sidebar-content: 360px;
  --sidebar-nudge: 8px;
  --gutter: 28px;          /* ← 32px だと窮屈なら 24〜28px がおすすめ */
  --panel-pad-l: 8px;      /* 白パネル 左右paddingを極小化 */
  --panel-pad-r: 8px;
}

@media (min-width:1024px){
  /* ページの器 */
  #container, #container-inner,
  #content, #content-inner, #content-inner-2columns,
  .wrapper, .outer, .inner, .hatenablog-theme-container{
    max-width: var(--page-max) !important;
    width: 100% !important;
    margin-inline: auto !important;
  }

  /* 2カラム：本文が残り全部を使う／白パネルの左右paddingを最小化 */
  #content-inner, #content-inner-2columns{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) var(--sidebar-content) !important;
    column-gap: var(--gutter) !important;
    padding-left: var(--panel-pad-l) !important;
    padding-right: var(--panel-pad-r) !important;
    background:#fff !important;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
    box-sizing:border-box;
  }

  /* 本文側の内側余白をゼロに（無駄な余白を回収） */
  #main, #content #main{ padding:0 !important; margin:0 !important; min-width:0; }
  .entry, .entry-inner, .entry-content{ padding:0 !important; margin:0 !important; }

  /* 画像や表が端まで来てもはみ出さないように */
  .entry-content img, .entry-content table{
    max-width:100%; height:auto; box-sizing:border-box;
  }

  /* サイドバーは固定幅＋少し右寄せ（背景ははみ出さない） */
  #box2, .sidebar{
    width: var(--sidebar-content) !important;
    max-width: var(--sidebar-content) !important;
    padding-left: var(--sidebar-nudge) !important;
    transform: none !important;
    background: transparent !important;
    overflow: visible;
  }
}




/* ===== 右側の死に余白を本文へ寄せる（1100px固定） ===== */
:root{
  --page-max: 1100px;         /* 既望通り固定 */
  --sidebar-content: 360px;
  --sidebar-nudge: 12px;
  --gutter: 24px;              /* さらに詰めたいなら 24px へ */
  --panel-pad-l: 8px;
  --panel-pad-r: 0px;          /* ← 白パネル右余白をゼロに */
}

@media (min-width:1024px){

  /* 2カラム：サイドバー列は“中身の幅＋左寄せ分”だけ確保し、余りを作らない */
  #content-inner, #content-inner-2columns{
    display: grid !important;
    grid-template-columns: minmax(0,1fr)
      calc(var(--sidebar-content) + var(--sidebar-nudge)) !important;
    column-gap: var(--gutter) !important;
    padding-left: var(--panel-pad-l) !important;
    padding-right: var(--panel-pad-r) !important;  /* 右の死に余白を撤去 */
    box-sizing: border-box;
    background:#fff !important;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
    max-width: var(--page-max) !important;
    margin-inline:auto !important;
  }

  /* 本文側は余白ゼロ運用 */
  #main, #content #main, .entry, .entry-inner, .entry-content{
    padding:0 !important; margin:0 !important; min-width:0;
    background:transparent !important; box-shadow:none !important;
  }

  /* サイドバー：右には余白を作らず、左だけ“ちょい寄せ” */
  #box2, .sidebar{
    width: var(--sidebar-content) !important;
    max-width: var(--sidebar-content) !important;
    padding-left: var(--sidebar-nudge) !important;  /* ←右へ寄せるのは左paddingで */
    padding-right: 0 !important;                    /* ←右余白はゼロ */
    margin: 0 !important; transform:none !important;
    background:transparent !important; overflow:visible;
    word-break: break-word; overflow-wrap:anywhere;
  }

  /* サイドバー内モジュールの右側余白もカット（テーマ差分吸収） */
  #box2 .hatena-module,
  .sidebar .hatena-module{ padding-right:0 !important; margin-right:0 !important; }
  #box2 .hatena-module-body,
  .sidebar .hatena-module-body{ padding-right:0 !important; margin-right:0 !important; }

  /* 見出しの下線は幅いっぱいに */
  #box2 .hatena-module-title,
  .sidebar .hatena-module-title{ display:block; }
  #box2 .hatena-module-title::after,
  .sidebar .hatena-module-title::after{ width:100% !important; }
}