仮投稿

諸事情ありで公開状態で一時的に置いています。気にしないでくだちい。

/* ### ブログタイトルの文字色 ### */
#title a{
  color: brown !important; 
}
/* ### ブログ説明の文字色 ### */
#blog-description{
  color: black !important; 
}


/* <system section="theme" selected="smooth"> */
@import "/css/theme/smooth/smooth.css";
/* </system> */

/* <system section="background" selected="custom"> */
body{ background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/K/KAJIMA_mapi428/20250727/20250727150446.jpg'); background-repeat: repeat-y; background-color:transparent; background-attachment: scroll; background-position: center top;}
/* </system> */


#container {
  display: flex;
}

#main {
  width: 690px ;
}




/* サイドバー 吹き出し */
.hatena-module-title {
    color: #555;
    font-size: 110%;/* 文字サイズ */
    position: relative;
    padding: .5em 0;
    background-color: #fff;
    border: 2px solid #77B8DA;
    border-radius: 6px;
    text-align:center;
    margin-bottom: 15px;/* 下余白 */
}
.hatena-module-title::before,
.hatena-module-title::after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: '';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    margin-left: -10px;
}
.hatena-module-title::before {
    border-top: 15px solid #77B8DA;
}
.hatena-module-title::after {
    margin-top: -2px;
    border-top: 15px solid #fff;
}



.entry-content h3 {
  border-left: 4px solid #333;
  background-color: #f0f8ff;
  padding: 0.5em;
}

    


/* サイドバーの背景色を設定 */
#box2 {
  background-color: rgba(255, 255, 255, 0.9); /* 白背景・90%不透明 */
  padding: 10px;
  border-radius: 8px; /* お好みで角を丸く */
}

/* スマホ表示にも適用（必要なら） */
@media screen and (max-width: 768px) {
  #box2 {
    background-color: rgba(255, 255, 255, 0.95);
  }
}
    
    
    /* サイドバーのリンク（はてなID、ニックネーム）の文字色変更 */
#box2 a {
  color: #1e90ff;  /* 青色に変更 */


/* サイドバーのリンクにマウスオーバーしたときの色 */
#box2 a:hover {
  color: #ff4500;  /* 例: オレンジ色（#ff4500）に変更 */
}

/* プロフィールセクション */
#box2 .profile {
  font-family: 'Lato', sans-serif;  /* フォント変更 */
  font-size: 10px;                  /* サイズ変更 */
  color: #444;                      /* 色変更 */
}


/*目次ルーズリーフ*/
.entry-content .table-of-contents {
    display: inline-block;
    padding: 0 1em 1em;
    background: #ffffff14;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 8px dotted #e1e1e2;
    box-shadow: 0px 0px 0 7px #ffffff, 1px 0px 0 7px #959595d4, 2px 0px 0 7px #fff, 3px 0px 0 7px #898989de,
                4px 0px 0 7px #fff, 5px 0px 0 7px #858585de, 4px 0px 10px 9px #b8b8b896;
}
.entry-content .table-of-contents::before {
    content: "目次";
    display: block;
    position: static;
    margin: .3em 0 .4em;
    padding: 0;
    border-bottom: 2px solid #ddd;
    font-size: 1rem;
    font-weight: normal;
    text-align: start;
}
.entry-content .table-of-contents li {
    list-style-type: decimal;
    margin: 0 0 0 1em;
    font-size: 1.1em;
}
.entry-content .table-of-contents li ul {
    margin: 0 0 1em .5em;
    padding: 0;
}
.entry-content .table-of-contents li ul li {
    list-style-type: decimal;
    color: #8d8d8d;
    font-size: .9em;
}
.entry-content .table-of-contents a {
    color: #5a5a5a;
    text-decoration: none;
    position: relative;
    display: block;
    line-height: 2em;
    background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, #666 100%);
    background-size: 8px 100%,100% 2em;
}


.entry-content p { margin:0}