/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Sawarabi+Gothic&display=swap');*/
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp_s.css');

:root{
	--haikei-iro: #e8ecef!important; /* 全体背景色 */
	--mainarea-iro: #f8f8f8!important; /* コンテンツエリアの背景 */
	--mozi-iro: #272727; /* メイン文字色 */
}

/*** 更新履歴の設定 ***/
/*時間を表示させない*/
span.posttime {display: none;}
/*カテゴリーの文字色*/
span.catname {color: gray!important;}
/*タイトルの文字サイズ*/
ul.latestpostlist li a {font-size: 15px;}
ul.latestpostlist li {margin-bottom: 10px;}
/*「更新履歴」の文字サイズ*/
div.latestlistarea p.latestlisttitle {font-size: 17px!important;}

/*小説本文だけ文字サイズ・行間・フォントの種類を変える*/
/*スマホのみ*/
@media screen and (max-width: 480px) {
	div.comment {
		font-size: 16px!important;
		line-height: 2em!important;
		font-family: YakuHanMPs, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	}
}

@media screen and (min-width: 481px) and (max-width: 979px) {
	div.comment {
		font-size: 17px!important;
		line-height: 2em!important;
		font-family: YakuHanMPs, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	}
}

/*パソコンのみ*/
@media screen and (min-width: 980px) {
	div.comment {
		font-size: 19px!important;
		line-height: 2.2em!important;
		font-family: YakuHanMPs, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	}
}

/*ボタンデザイン*/
/*https://front-end-tools.com/generatebutton/*/
.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  border-radius: 10px;
  width: 200px;
  height: 40px;
  font-weight: bold;
  transition: 0.3s;
  background-color: #097fe0;
}
.original-button:hover {
  opacity: .7;
}

/*いいねボタン用*/
.newiine_btn {margin-bottom: 20px;}

/*SNSシェアボタン用
https://www.nishishi.com/blog/2022/05/sns_share_btns.html*/
/* ▼各ボタン共通の装飾 */
div.box28 div.sns-share .snssharebtn {
   display: inline-block;   /* インラインブロック化 */
   background-color: #ccc;  /* 背景色 */
   color: white;            /* 文字色 */
   border-radius: 3px;      /* 角丸 */
   line-height: 25px;       /* 行高 */
   font-size: 14px;         /* 文字サイズ */
   font-weight: bold;       /* 太字 */
   padding: 0 0.75em;       /* 内側余白(上下→左右) */
   text-decoration: none;   /* リンクの下線を消す */
   vertical-align: bottom;  /* 下端を揃える */
}
/* ▼各ボタンの配色 */
div.box28 div.sns-share .snsbtn-bluesky { background-color: #1185FE; }
div.box28 div.sns-share .snsbtn-x { background-color: #000000; }
div.box28 div.sns-share .snsbtn-facebook { background-color: #1877f2; }
div.box28 div.sns-share .snsbtn-line { background-color: #00c300; }
div.box28 div.sns-share .snsbtn-hatenabookmark { background-color: #00a4de; }
div.box28 div.sns-share .snsbtn-copy { background-color: green; }

/* 一言フォーム用ボタン */
/*https://dubdesign.net/download/html-css/button-design/#i-26*/
.button_solid015 {
  text-align: center;
}
.button_solid015 p {
  margin-bottom: 2px;
  font-weight: 600;
  color: #6bb6ff;
  letter-spacing: 0.04rem;
  display: inline-block;
  position: relative;
}
.button_solid015 p:before, .button_solid015 p:after {
  display: inline-block;
  position: absolute;
  top: 45%;
  width: 20px;
  height: 3px;
  border-radius: 5px;
  background-color: #6bb6ff;
  content: "";
}
.button_solid015 p:before {
  left: -30px;
  -webkit-transform: rotate( 50deg );
  transform: rotate( 50deg );
}
.button_solid015 p:after {
  right: -30px;
  -webkit-transform: rotate( -50deg );
  transform: rotate( -50deg );
}
.button_solid015 a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 330px;
  padding: 10px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 50px;
  
  text-decoration: none;
}
.button_solid015 a:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid015 a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  transition: 0.2s ease-in-out;
/*  content: "\f184";
  font-family: "Line Awesome Free","Line Awesome Brands"; */
  font-size: 24px;
  font-weight: 900;
  transform: translateY(-54%);
}

/*BOXデザイン*/
/*https://turicco.com/box/#toc9*/
/*一部だけ線の色を変える*/
.box28 {
	margin: 2em auto;
	padding:2em;/*内側余白*/
	border: 2px solid #eee;	
	position: relative;
	z-index: 0;
	text-align: center;
}
.box28:before {
	border-top:2px solid #c6d4c6;
	border-left:2px solid #c6d4c6;
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	width: 20px;
	height: 20px;
	z-index: 1;
}

/*区切り線デザイン*/
/*https://switch-box.net/css-hr-decorations.html*/
hr {
  height: 0;
  margin: 20px 0;
  padding: 0;
  border: 0;
}
hr {
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent));
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}

.categorylink {background-color: #fabf13!important;}/*カテゴリーリンクの背景色*/
/*ユーティリティリンク枠設定*/
.utilitylinks {
	display: revert!important; /*非表示を解除*/
	text-align:center;
}
.uchead {display: none;} /*この投稿と同じカテゴリに属する投稿：は非表示*/
.utilitylinks ul {list-style: none;}

:where(body.onelog) .pageln { display: revert!important;} /*個別ページのナビゲーションリンク非表示を解除*/
body.onelog :where(.freespacearea) { display: revert!important;} /*個別ページにフリースペース非表示を解除*/