@charset "UTF-8";

/* フォントのスタイルシートをHTMLで読み込ませる <link href='https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap' rel='stylesheet'/> */

/* 文字の装飾 */
body {
color: #535353;
font-family: Noto Sans JP, sans-serif ;
font-size: 16px;
}

.onelogbox .comment {
    line-height: 2em;
 }
 
 h1.maintitle a{
 color: #535353;
 font-size: 30px;
 font-weight: 700;
 }

/* リンクの色 */
a {
color: #729C0B;
}

a:hover {
color: #bfd38e;
}

/* 続きを読む・畳むの装飾 */
.onelogbox a[href="#readmore"],
.onelogbox a[href="#readclose"]  {
font-family: Noto Sans JP, sans-serif ;
width: 100%;
text-align: center;
margin: auto;
padding: 10px;
}

/* 投稿の中のカテゴリボックスをちょっと大きく */
.onelogbox p.oneloginfo .categories a.categorylink {
    padding: 3px 6px;
}

/* 投稿の中のハッシュタグリンク */
.onelogbox a.taglink {
    background: #eeeeee;
}

/* 投稿の外のハッシュタグリンク */
a.taglink {
    background: #eeeeee;
}

ul.hashtaglist li {
color: #729C0B;
background: #eeeeee;
}

/* ハッシュタグの個数を非表示 */
.hashtaglist .num {
 display: none;
 }
 
 /* カテゴリ投稿数を非表示 */
 .cattree .num {
  display: none;
  }
 
 /* 月ごとの投稿数を非表示 */
 .datelimitlist .num {
 display: none;
 }
 
 /* 投稿編集アイコンを大きく */
 .onelogbox p.oneloginfo i {
    font-size: 20px;
    }
 
 /* サイドカラムのカテゴリアイコンを大きく */
 ul.cattree.depth1  li:before {
 font-size: 18px;
 }
 
 /* サイドカラムのRSSとスパナアイコンを左揃えに */
p.sidebar_icons {
    text-align: left;
}
/* サイドカラムのアイコンを大きく */
p.sidebar_icons i {
    font-size: 26px;
    padding: 10px;
    margin-right: 5px;
}

/* 背景 */
body {
background :#F7F7F7;
}

/* メインカラムの背景 */
.body_wrap {
background :#F7F7F7;
}

/* フッターの背景の色 */
footer {
background: #F7F7F7;
padding: 10px 0 ;
}

/* 画面が大きくてもサイドカラムを画面下部に */
@media (min-width: 1030px) {
  .contents {
   display: flex;
   flex-direction: column;
  }
 }
 
 /* メインカラムの幅 */
 @media (min-width: 1030px) {
  .contents .mainarea {
     width: fit-content;
    margin-right: 0;
  }
}
 
 /* サイドカラムのマージンautoを消して端に寄せる */
 .contents .subarea {
 margin: 20px;
}

/* 画像リンクにマウスを乗せたときふわっと透明に */

.comment a{
display: block;
}

.comment a:hover {
opacity: 0.7;
transition: 0.3s;
}

