/* ================================================================ */
/* ================================================================ */

/* ============== */
/* カスタム用色変更 */
/* ============== */
:root{
	--bg-haikei: #eeeff2; /* 全体の背景色□同背景0□ */
	--haikei-waku: #fefefe;	/* 中部分枠背景色 □同背景1□ */
	--post-pg-iro: #f5f8fa; /* 投稿枠背景□同背景3#f6f6f6□ */
	--month-date: #e0e0e0; /* ■■投稿日付eeeより濃い 投稿枠内小文字色 */
	--jino-iro: #555555; /* 濃いアクセント色□同色00□ */
	--kuro-gray: #aaaaaa;	/* 続きを読む背景色□同色A□ */
	--kuro-usu: #cccccc;	/* 続きを読むから戻る背景色□同色B□ */
	--link-iro: #1078e8; /* 未訪問リンク□#0088D1#88C3FF同色01□ */
	--link-visit: #999999; /* 既訪問リンク□同色02□ */
	--link-hover: #A0D8FF; /* マウスが載ったとき□同色03□ */
	--link-hover-mae: #FFBB77; /* マウスが載ったとき□同色03□ */
	--pink-momo: #FF5D9B; /* 予備同色04□ */
	--sky-sora: #A0D8FF; /* 予備同色05□ */
	--btnbg-sora:#e5f1fb; /* デフォボタンの背景 */
	--waku-btn: #0078d7; /* デフォボタンのborder */
	--siro: #FFFFFF;
	--kuro: #08131a; /* #111111; */
	--doskin-sky:#5babfa;
	--doskin-ususky:#7cc8ff;/* カテゴリリンク□ */
	--twi-sky:#0088ff;
	--twi-ususky:#e8f5fe;
	--twi-ao:#35abf2;
	--twi-mizu:#b2defc;
	--twi-usu:#eff8fe;
	--twi-koi:#0055ff;
}



/* ============== */
/* ■全体共通装飾 */
/* ============== */
html{ box-sizing: border-box;font-size: 1rem;}

body {
font-family: -apple-system,BlinkMacSystemFont,"メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-size: 1rem;
	font-weight: 400;
    font-kerning: normal;
    line-height: 1.5;
	margin: 0;
	padding: 0;
	background-color: var(--siro);	/* ■■全体の背景色 */
	color: var(--kuro);/*  */
	font-feature-settings: "palt" 1; /*読みやすい字間 */
	letter-spacing: .04em;
	font-kerning: normal;
	-webkit-font-smoothing: antialiased; /*アンチエイリアスをなんとか */
  -moz-osx-font-smoothing: grayscale;
}

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: var(--link-iro); }		/* 未訪問リンク□同色01□ */
	a:visited { color: var(--link-iro); }	/* 既訪問リンク□同色02□ */
	a:hover { color: var(--link-hover); }	/* マウスが載ったとき□同色03□ */

	/* ------------------------- */
	/* ▼URLが書かれた場合の装飾 */
	/* ------------------------- */
	.url {
		word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
	}

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

em {
	font-style: normal;
	font-weight: normal;
    margin: 0 ;
    padding: 0 ;
    background-image: none;
}

em.decorationE {/* form.css重複回避(.decorationEを効かせるため) */
	font-style: normal;
	font-weight: normal;
		font-size: 1.5rem;	
}


/* ================================================================ */
/* ================================================================ */





section.tegalog {
    max-width: 650px; /* デフォ700 */
    margin: 40px auto 0;
}
iframe {
    max-width: 100%;
}
.postarea form {
    background: var(--post-pg-iro);/* #f6f6f6;*/
    padding: 10px;
}
.postarea textarea.tegalogpost {
    width: 100%; 
    border: 1px solid var(--kuro-usu);/* #ccc;*/
    padding: 8px;
    font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-height: 1.6em;
	height: 5em;				/* 高さ */
	box-sizing: border-box;		/* サイズ解釈方法 */
	overflow-wrap: break-word;	/* 折り返し方法 */
	overflow: auto;				/* はみ出した場合の処理 */
}
.postarea p.line-textarea {
    margin: 0;
}
.postarea p.line-control {
    margin: 10px 0 0;
}
.postarea input.postbutton {
    background: #5babfa;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 20px;
    cursor: pointer;
	transition: .3s;
	margin: 0 0 10px 0;
}
.postarea input.postbutton:hover {
    background: #7cc8ff;
}
.decoBtns input[type=button] { /*はみ出した場合の処理*/
    border-radius: 3px;
    border: 1px solid var(--kuro-usu);
    background: white;
	margin: 0 2px 10px;} 


span.catChecks label {
    margin-right: 5px;
    font-size: 90%;
}
ul.cattree {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border: 1px solid #d6d6d6;
    padding: 15px;
    border-radius: 2px;
    position: relative;
}

ul.cattree .depth2{
    display: flex;
    flex-wrap: wrap;
	list-style: none;
	border: 1px solid #fff;
    padding: 2px;
    position: relative;
}

ul.cattree li {
	font-size: 90%;
	margin-right: 15px;
    padding: 0;
    position: relative;
    z-index: 2;
}
ul.depth2 li {
	font-size: 90%;/*ul.cattree liに対して90%*/
	margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}
ul.hashtaglist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    background: var(--post-pg-iro);/*#f0f0f0;*/
    padding: 15px;
    border-radius: 2px;
}
ul.hashtaglist li {
	font-size: 85%;
	margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}
ul.cattree li:before, ul.cattree li:after,
ul.hashtaglist li:before, ul.hashtaglist li:after {
    display: none;
}





.onelogbox {
    max-width: 700px;
	margin: 1em auto 3.5em;/* デフォ30px 5em auto 5em上のマージン空間のみ */
	padding: 2.25em 1.5em 0 1.5em;				/* 内側の余白1em 1em 0 1em; */
	border-bottom: 1px dashed var(--kuro-usu);
	/* line-height: 2.25rem;文章の行間 */
	position: relative;/* deco-kijiの親・消さない */
	height:auto;
}


/* 　極小タイトル非表示セット(deco-mini以下と同時設定)ココから */ 
p > span.decorationF.deco-kiji{
	margin: -10px 0 0 0 ;	/* 16px相当をマイナスマージンで調整・消さない-32px 0 0 0 ; */
	vertical-align: top;
}







/*IF(-onelog)トップページ */
	.yohaku{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1.1rem;
	line-height: 1.8rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
/* 　極小タイトル非表示セット(deco-mini以下と同時設定)ここまで */ 

.onelog	.yohaku{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1.125rem;
	line-height: 2.25rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}

@media all and (max-width: 600px) {	.yohaku{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1rem;
	line-height: 1.8rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
/* 　極小タイトル非表示セット(deco-mini以下と同時設定)ここまで */ 

.onelog	.yohaku{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1rem;
	line-height: 2.25rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
}
/* 　お知らせの画像調整2 */
.yohaku .deco-float {
  float: left;
  margin: 25px 15px 15px 0;
  width: auto;
}


/*IF(onelog)単独ページ*/
	.yohaku2{
		margin: 36px 0;
	padding: 0;		
	font-size: 1.1rem;
	line-height: 1.8rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
/* 　極小タイトル非表示セット(deco-mini以下と同時設定)ここまで */ 

.onelog	.yohaku2{
		margin: 36px 0;
	padding: 0;		
	font-size: 1.125rem;
	line-height: 2.25rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}

@media all and (max-width: 600px) {	.yohaku2{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1rem;
	line-height: 1.8rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
/* 　極小タイトル非表示セット(deco-mini以下と同時設定)ここまで */ 

.onelog	.yohaku2{
		margin: 0 0 30px 0;
	padding: 0;		
	font-size: 1rem;
	line-height: 2.25rem;	/* 1.6行の高さ */
	border: 1px solid var(--siro);/* 消さない--post-pg-iro */
	}
}
/* 　お知らせの画像調整2 */
.yohaku2 .deco-float {
  float: left;
  margin: 35px 15px 15px 0;
  width: auto;
}





p.oneloginfo {
    text-align: right;
   font-size: 0.9rem;
	color: #979797;
}
p.oneloginfo a.categorylink {/* カテゴリ四角  */
    display: inline-block;
    text-decoration: none;
    color: #717171;/* #979797  */
    border: 1px solid;
    padding: 3px 6px 0px;/* デフォは1 6  */
    border-radius: 2px;
    margin: 0 4px 0 0;
}
p.oneloginfo a.categorylink:hover {
    border-color: #717171;/* #979797  */
	background: var(--doskin-ususky);
	color: white;
}
p.situation {
    font-size: 90%;
    color: #FFF;
}
span.situation-postno {
    border: 1px solid;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    line-height: 1.6em;
}
p.dateseparator {
    display: none;
    font-size: 90%;
    color: white;
    background: #ccc;
    width: fit-content;
    padding: 3px 5px;
    line-height: 1.6em;
    margin: 0 auto -20px 0;
}
p.dateseparator.fixedseparator {
    display: block;
}

/* --------------------------------
p.pagenums {

a.pagenumlink {

a.pagenumlink.pagenumhere {
 */

.comment {
    word-break: break-word;
}

.readmorebutton {
display: inline-block;	/* インラインブロック化 */
}

a.readmorebutton {
    margin: 20px auto;
    border: 1px solid;
    text-decoration: none;
    color: var(--link-iro);
    width: 100%;
    text-align: center;
    padding: 10px 0 10px; /* デフォall 10px */
	border-radius: 3px;
}
a.readmorebutton.readmoreclose {
    padding: 1px 8px;
    font-size: 85%;
    margin-left: 5px;
}
p.poweredby {
    text-align: right;
    color: #929292;
    font-size: 12px;
}



a.nsfw {
    position: relative;
    overflow: hidden;
    display: block;
  }
  a.nsfw img {
    filter: blur(15px);
  }
  a.nsfw:before {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f071";
    vertical-align: middle;
    margin-right: 5px;
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
    background: #0000003a;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-size: 50px;
    margin: auto;
    top: 0;
    padding: 20% 0 0;
  }
  @media (min-width: 768px) {
    a.nsfw:before {
      font-size: 70px;
    }
  }

/* 1記事n行しか表示しないホームの続きを読む */
.tudukibox {
display: inline-block;	/* インラインブロック化 */
}

a.tudukibox {
    margin: 20px auto;
    border: 1px solid;
    text-decoration: none;
    color: var(--link-iro);
    width: 100%;
    text-align: center;
    padding: 10px 0 10px; /* デフォall 10px */
	border-radius: 3px;
}




/* 1記事n行しか表示しないホームの続きを読む */

	/* -------------------- */
	/* ▼ページタイトル区画 */
	/* -------------------- */
	.pagetitle {
	padding: 0.75em 10px 0;		/* 内側の余白量 */
	font-size: 1.7rem;
	letter-spacing: 0.1em;/* 字間 */
	}
	.pagetitle a:visited { color: var(--link-iro); }		/* 未訪問リンク□同色01□ */

.subtitle{padding:10px;font-size: 0.6em;		/* 文字サイズ */
letter-spacing: -0.05em; /*字間 */}

.description{
margin:10px;		font-size: 0.75em;		/* 文字サイズ */}



/* ================================================================ */
/* ================================================================ */




	/* ---------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ) */
	/* ---------------------------------------------- */
	/* D:削除(Delete) */
	.decorationD {
		color: var(--link-visit);						/* 文字色 */
		text-decoration-line: line-through;	/* 取り消し線 */
		text-decoration-color: var(--pink-momo);			/* 線の色 */
	}


	/* E:強調(Emphasis) */
	.decorationE {
		font-style: normal;
	/* font-weight: bold;*/
	 background: linear-gradient(transparent 60%, var(--siro) 60%);　/*文字サイズ(1.67倍) */
		font-size: 1.5rem;	
	}



	/* Q:引用(Quote) */
	.decorationQ {
		border-left: 5px double var(--link-iro);	/* 左側の枠線□同色01□ */
		margin: 1em 0.3em 1em 1em;			/* 外側の余白 */
		padding: 0.75em 0.5em;				/* 内側の余白 */
	background-color: var(--post-pg-iro);	/* #FFF背景色 □同背景1□ */
		line-height: 1.7;	/* 行の高さ */
		font-size: 0.95em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
	.decorationQ::before,
	.decorationQ::after {
		content: '';	/* 標準で付加されてしまう引用符を無効にする */
	}
	.decorationQ + br {
		display: none;	/* 引用直後の改行を無効化する */
	}
	/* S:小文字(Small) */
	.decorationS {
		font-size: 0.8em;
	}
	/* T:極小文字(Tiny) */
	.decorationT {
		font-size: 0.6em;
	}
	/* U:下線(Underline) */
	.decorationU {
	font-style: normal;
	text-decoration-line: none;
		background: linear-gradient(transparent 60%, var(--sky-sora) 60%);
	}

/* ================================================ */
/* ▼自由装飾用の装飾の例 */
/* 自由装飾は [F:myclass:対象文字] の記法で <span class="deco-myclass">対象文字</span> のようにマークアップされる機能です。あらかじめclassを用意しておくことで自由な装飾を個数制限なく使い分けられます。 */
/* ---------------------- */	
/* 投稿者の自由な記述によって意図せずページが崩れてしまうのを防ぐために、適用されるclass名の先頭には必ず deco- が付加されます。 */

/* 　--------title_line　下線-------- */
	.deco-title_line {
	position: relative;
    top: 22px;
		margin: 0 0 0 -0.6em;			/* 外側の余白 left詰め */
		padding: 0 0.5em 0 0.6em;				/* 内側の余白 */
	background: linear-gradient(transparent 80%, var(--link-iro) 80%);
	/* transparent開始色の 終了位置%, 終了色の 開始位置%)　数字小さいほど太い */
		font-size: 1.3em;	/* 　文字サイズ(1.3倍) */
		font-weight: bold;
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
/* 　--------タイトル用　下線ここまで-------- */

/* ===========================【doシリーズ用】タイトル用　下線ここまで-============================- */
/* 　--------タイトル用2　下線--------
.deco-title2 {
	position: relative;
    top: 22px; */
		/* margin: 0 0 0 -0.6em;			外側の余白 left詰め */
		/* padding: 0 0.5em 0 0.6em;				内側の余白 */
	/* background: linear-gradient(transparent 75%, var(--sky-sora) 75%);
		font-size: 1.3em;	　文字サイズ(1.3倍) */
		/* font-weight: bold;
		display: block;		ブロック化：※Ver 2.2.0以降必須の記述 */
/* 	}
　--------タイトル用　下線ここまで-------- */

/* 　--------タイトル用2　題下に空白有り-------- 
.deco-title22 {
	position: relative;*/
		/* margin: 0 0 0 -0.6em;			外側の余白 left詰め */
		/* padding: 0 0.5em 0 0.6em;				内側の余白
	background: linear-gradient(transparent 75%, var(--sky-sora) 75%); */
	/* transparent開始色の 終了位置%, 終了色の 開始位置%)　数字小さいほど太い */
		/* font-size: 1.3em;	　文字サイズ(1.3倍) */
		/* font-weight: bold;
		display: block;		ブロック化：※Ver 2.2.0以降必須の記述 */
	/* }
　--------タイトル用　下線ここまで-------- */
/* ===========================【doシリーズ用】タイトル用　下線ここまで-============================- */
.deco-title2 {
	font-size: 2rem;	/* 　文字サイズ(1.3倍) */
	line-height: 1.5;
	font-feature-settings: "palt" 1;
    color: #08131a;
	font-weight: 700;}

.deco-title22 {
	font-size: 2rem;	/* 　文字サイズ(1.3倍) */
	line-height: 1.5;
	font-feature-settings: "palt" 1;
    color: #08131a;
	font-weight: 700;}

/* 　--------タイトル用2　下線-------- */
.grandhome .deco-title2 {
	position: relative;
    top: 22px;
		margin: 0 0 0 -0.6em;			/* 外側の余白 left詰め */
		padding: 0 0.5em 0 0.6em;				/* 内側の余白 */
	background: linear-gradient(transparent 75%, var(--sky-sora) 75%);
	/* transparent開始色の 終了位置%, 終了色の 開始位置%)　数字小さいほど太い */
		font-size: 1.3em;	/* 　文字サイズ(1.3倍) */
		font-weight: bold;
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
/* 　--------タイトル用　下線ここまで-------- */

/* 　--------タイトル用2　題下に空白有り-------- */
.grandhome .deco-title22 {
	position: relative;
		margin: 0 0 0 -0.6em;			/* 外側の余白 left詰め */
		padding: 0 0.5em 0 0.6em;				/* 内側の余白 */
	background: linear-gradient(transparent 75%, var(--sky-sora) 75%);
	/* transparent開始色の 終了位置%, 終了色の 開始位置%)　数字小さいほど太い */
		font-size: 1.3em;	/* 　文字サイズ(1.3倍) */
		font-weight: bold;
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
/* 　--------タイトル用　下線ここまで-------- */


.postidlink .deco-title2  {
				text-decoration: none;
				/* color: #55ff22;				字の色 */
}
.deco-kiji a.postidlink:link   {
				text-decoration: none;
				color: var(--jino-iro);				
				} 	/*字の色 */


 /*.postidlink .deco-title2:hover  {
				text-decoration: none;
				color: var(--link-hover);				
				}	字の色 */

/*.postidlink .deco-title2:visited  {
				text-decoration: none;
				color: var(--jino-iro);				
				}	 字の色 */
.deco-kiji a.postidlink:hover  {
				text-decoration: none;
				color: var(--link-hover);				
				}	 /*字の色 */


/* 　--------タイトル用　下線ここまで-------- */



/* 　タイトル用3_サイドにライン */
	.deco-title_side {
		border-left: 7px solid var(--link-iro);	/* 左側の枠線□同色01□ */
		margin: 0 0 0 -0.3em;			/* 外側の余白 left詰め */
		padding: 0.3em 0.5em 0 0.2em;				/* 内側の余白 */
		background-color: var(--haikei-waku);	/* #FFF背景色 □同背景1□ */
		font-size: 1.3em;	/* 　文字サイズ(1.3倍) */
		font-weight: bold;
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}



/* 　タイトル用 強調より大きく */
	.deco-title {
		font-size: 1.3em;	/* 　文字サイズ(1.3倍) */
		font-style: normal;
		font-weight: bold;
		background: linear-gradient(transparent 60%, var(--sky-sora) 60%);
	}



/* 　タイトル用 強調より大きく */
	.deco-title3 {
    background: var(--sky-sora);
    border-radius: 3px;
    padding: 0.2rem 1rem;
    color: var(--haikei-waku);
font-weight: 400;}

/* 　タイトル用 強調より大きく */
	.deco-note {
		font-size: 2rem;	/* 　文字サイズ(1.3倍) */
	line-height: 1.5;
	font-feature-settings: "palt" 1;
    color: #08131a;
	font-weight: 700;}



	/* Q:引用(Quote)_白背景用 */
	.deco-inyou {
		border-left: 5px double var(--link-iro);	/* 左側の枠線□同色01□ */
		margin: 0.5em 0.3em 0.5em 1em;			/* 外側の余白 */
		padding: 0.75em 0.5em;				/* 内側の余白 */
	background-color: var(--post-pg-iro);	/* #FFF背景色 □同背景1□ */
		line-height: 1.7;	/* 行の高さ */
		font-size: 0.9em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
	.deco-inyou::before,
	.deco-inyou::after {
		content: '';	/* 標準で付加されてしまう引用符を無効にする */
	}
	.deco-inyou + br {
		display: none;	/* 引用直後の改行を無効化する */
}


	/* Q:引用(Quote)_白背景用 */
	.deco-inyou0 {
		/* border-left: 5px double var(--link-iro);	左側の枠線□同色01□ */
		margin: 0.5em;			/* 外側の余白 */
		padding: 1em;				/* 内側の余白 */
	background-color: var(--post-pg-iro);	/* #FFF背景色 □同背景1□ */
		line-height: 1.7;	/* 行の高さ */
		font-size: 0.9em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
	.deco-inyou0::before,
	.deco-inyou0::after {
		content: '';	/* 標準で付加されてしまう引用符を無効にする */
	}
	.deco-inyou0 + br {
		display: none;	/* 引用直後の改行を無効化する */
}

	/* Q:引用(Quote)_【右そろえ】 */
	.deco-inyou0R {
		margin: 0.5em 0.3em 0.5em 1em;			
		padding: 0.75em 1em;		
		background-color: var(--post-pg-iro);	
		line-height: 1.7;	
		font-size: 0.9em;
		text-align: right;	
		display: block;	
	}

	/* Q:引用(Quote)_白背景用border-leftなしフォントサイズ普通 */
	.deco-inyou0Bw {
		/* border-left: 5px double var(--link-iro);	左側の枠線□同色01□ */
		margin: 0.5em 0.3em 0.5em 1em;			/* 外側の余白 */
		padding: 0.75em 1em;				/* 内側の余白 */
	background-color: var(--haikei-waku);	/* #FFF背景色 □同背景1□ */
		line-height: 1.4rem;	/* 行の高さ */
		font-size: 1em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}

	/* Q:引用(Quote)_【右そろえ】白背景用border-leftなしフォントサイズ普通 */
	.deco-inyou0BwR {
		margin: 0.5em 0.3em 0.5em 1em;			/* 外側の余白 */
		padding: 0.75em 1em;				/* 内側の余白 */
		background-color: var(--haikei-waku);	/* #FFF背景色 □同背景1□ */
		line-height: 1.7rem;	/* 行の高さ */
		font-size: 1em;					/* 文字サイズ */
		text-align: right;	
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}



	/* Q:引用(Quote)_yohaの枠で囲まれた実線 */
	.deco-inyoux {
		border: 4px solid var(--twi-ao);	/* 左側の枠線□同色01□ */
		margin: 1em 0.3em 1em 1em;			/* 外側の余白1em 0.3em 1em 1em */
		padding: 2em 4em;				/* 内側の余白0.75em 0.5em; */
	background-color: var(--haikei-waku);	/* #FBFBFB背景色 □同背景1□ */
		line-height: 1.5;	/* 行の高さ */
		font-size: 0.95em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}
	.deco-inyou::before,
	.deco-inyou::after {
		content: '';	/* 標準で付加されてしまう引用符を無効にする */
	}
	.deco-inyou + br {
		display: none;	/* 引用直後の改行を無効化する */
}

	/* Q:引用(Quote)_yohaの枠で囲まれた実線 */
	.deco-inyouxL {
		border: 4px solid var(--twi-ao);	/* 左側の枠線□同色01□ */
		margin: 1em 0.3em 1em 1em;			/* 外側の余白1em 0.3em 1em 1em */
		padding: 2em 4em;				/* 内側の余白0.75em 0.5em; */
	background-color: var(--haikei-waku);	/* #FBFBFB背景色 □同背景1□ */
		line-height: 1.5;	/* 行の高さ */
		font-size: 1.1em;					/* 文字サイズ */
		display: block;		/* ブロック化：※Ver 2.2.0以降必須の記述 */
	}



/* 　お知らせの画像調整 */
	.deco-yose1 {
    display: grid;
    width: 100%;
	grid-template-columns: 80px 1fr;
	margin: 5px 0 0;
}

	.deco-yose2 {
display: flex;
    flex-direction: column;
}
/* 　お知らせの画像調整2 */
.deco-float {
  float: left;
  margin: 5px 15px 15px 0;
  width: auto;
}





/* ================================================================================= */
/* ===================================ここから下共通CSSでもいいんじゃない？======================================= */

/* 　大きな文字で表示- */
	.deco-scream {
		font-size: 1.67em;	/* 　文字サイズ(1.67倍) */
}
	.deco-deka {
	font-size: 1.5em;	/* 　文字サイズ(1.67倍) */
	font-weight: bold;
}

/* 　カラー強調 */
	.deco-pink {
	font-weight: bold;
	color: var(--pink-momo);	
}
	.deco-ao {
	font-weight: bold;
	color: var(--link-iro);	
}

/* 　デフォルトE:強調(Emphasis) */
	.deco-kyou {
		font-style: normal;
		font-weight: bold;
		background: linear-gradient(transparent 60%, var(--sky-sora) 60%);
	}

	/* デフォルトU:下線(Underline) */
	.deco-underline {
		text-decoration-line: underline;	/* 線位置 */
		text-decoration-style: double;		/* 線種類 */
		text-decoration-color: skyblue;		/* 線配色 */
	}


/* 　極小タイトル非表示セット(993onelogbox,1169yohakuと同時設定)ココカラ */ 
	.deco-mini {
		color: var(--siro);			/* 文字色 */
	font-size: 0.1px;
		top: 0px; /*追記*/
	position: absolute; /* ==993onelogboxの子・消さない== */
}
.deco-kiji {
	top: 0px; /*追記*/
	font-size: 1em;
		color: var(---jino-iro);
}

/* 　極小タイトル非表示セット(993onelogbox,1169yohakuと同時設定)ココマデ */ 

.deco-ppp {/*class追加用*/
	font-size: 1em;
}




/* 　等幅フォントで表示(ソース等の掲載用)- */
	.deco-code {
		display: inline-block;	/* インラインブロック化 */
		font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;	/* 等幅 */
		background-color: var(--haikei-waku);	/* 背景色 */
		color: var(--kuro-gray);			/* 文字色 */
		border: 1px solid var(--bg-haikei);	/* 枠線 */
		border-radius: 3px;		/* 角丸 */
		padding: 0px 5px;		/* 内側の余白量 */
		font-size: 0.8em;
}

/* 　区切り用の薄い横線を引く-separator */
	.deco-sikiri {
		display: block;					/* ブロック化 */
		border-bottom: 1px dotted gray;	/* 下線 */
	}

/* 　丸で囲む */
.deco-maru {
    display: inline-block;
    border: 1px solid var(--jino-iro);
    border-radius: 3em;
    margin-top: 0.5em;
    padding: 0 0.5em;
    font-size: 0.8em;
}

/* 　丸で囲む */
.deco-maru2 {
    display: inline-block;
    border: 1px solid var(--jino-iro);
    border-radius: 1.5em;
    margin-top: 0.5em;
    padding: 0 1em;
    font-size: 0.8em;
}





/* ================================================ */
/* ▼投稿欄・リスト装飾用の装飾の例■www.nishishi.com/cgi/tegalog/usage/#howtouse-chardecoration-list */
/* 自由装飾は [L:myclass: ～ ] のように、2文字以上の任意の英数字を指定すると、class名だと解釈されます */
/* 指定された文字列には接頭辞として listdeco- が付加され、この場合は listdeco-myclass というclass名として出力されます。 */
/* ================================================ */

.listdeco-tume{
margin:0.2em 0 0 0;}




/* ▼複数画像まとめ */
/* ▼onelogcontent→onelogboxに変更(commentの箱の箱) */
.onelogbox [class*="deco-pict"] {
	height: 200px;
	width: 100%;
	margin-bottom: -15px;
	display: flex;
	border-radius: 15px;
	padding: 0.5em 0;
}
@media all and (min-width: 800px) {/*800以上*/
	.onelogbox [class*="deco-pict"] {
		height: 300px;
		padding: 1em 0;
	}
}
.onelogbox .deco-pict3 {
	flex-flow: column;
	flex-wrap : wrap;
}
.onelogbox .deco-pict4 {
	flex-wrap : wrap;
}
.onelogbox .deco-pict2 .imagelink {
	width: 50%;
}
.onelogbox .deco-pict3 .imagelink:first-of-type {
	height: 100%;
	width: 50%;
}
.onelogbox .deco-pict3 .imagelink:nth-of-type(2),
.onelogbox .deco-pict3 .imagelink:nth-of-type(3) {
	height: 50%;
	width: 50%;
}
.onelogbox .deco-pict4 .imagelink {
	height: 50%;
	width: 50%;
}
.onelogbox [class*="deco-pict"] .imagelink img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.onelogbox [class*="deco-pict"] br {
	display: none;
}
.onelogbox .deco-pict2 .imagelink:first-of-type img,
.onelogbox .deco-pict3 .imagelink:first-of-type img {
	border-radius: 15px 0 0 15px;
	padding-right: 2px;
}
.onelogbox .deco-pict2 .imagelink:nth-of-type(2) img {
	border-radius: 0 15px 15px 0;
	padding-left: 2px;
}
.onelogbox .deco-pict3-2 .imagelink:first-of-type img {
	border-radius: 0 15px 0 0;
	padding-left: 2px;
}
.onelogbox .deco-pict3-2 .imagelink:nth-of-type(2) img {
	border-radius: 0 0 15px 0;
	padding-left: 2px;
}
.onelogbox .deco-pict4 .imagelink:first-of-type img {
	border-radius: 15px 0 0 0;
	padding-right: 2px;
	padding-bottom: 2px;
}
.onelogbox .deco-pict4 .imagelink:nth-of-type(2) img,
.onelogbox .deco-pict3 .imagelink:nth-of-type(2) img {
	border-radius: 0 15px 0 0;
	padding-left: 2px;
	padding-bottom: 2px;
}
.onelogbox .deco-pict4 .imagelink:nth-of-type(3) img {
	border-radius: 0 0 0 15px;
	padding-right: 2px;
	padding-top: 2px;
}
.onelogbox .deco-pict4 .imagelink:nth-of-type(4) img,
.onelogbox .deco-pict3 .imagelink:nth-of-type(3) img {
	border-radius: 0 0 15px 0;
	padding-left: 2px;
	padding-top: 2px;
}
/* ================================================ */








	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	/* ▽画像ボックス(FIGオプション指定時) */
	.embeddedpictbox {
		margin: 0;					/* 外側の余白を消す */
		padding: 0;					/* 内側の余白を消す */
		display: inline-table;		/* 横方向に並べる */
		border-collapse: collapse;	/* displayをinline-tableにする場合に必要 */
		border: 1px solid var(--haikei-waku);	/* 枠線 */
		vertical-align: top;		/* 行内では上に寄せる */
	}
		/* キャプション */
		.embeddedpictbox figcaption {
			display: table-caption;		/* キャプションが画像幅から外に出ないようにする */
			caption-side: bottom;		/* キャプションの位置(上にしたければtop) */
			font-size:  0.875rem;			/* 文字サイズ0.8em */
			margin: 0 1px;
			text-align: center;			/* センタリング */
			background-color:var(--btnbg-sora);	/* 背景色#e0eee0,var(--btnbg-sora) */
		}

		/* 画像ボックスに含まれる画像 */
		.embeddedpictbox img {
		vertical-align: middle;/* コメント */
	}



	/* ▽画像リンク */
	.imagelink {
		display: inline-block;
		line-height: 1;				/* 表示形態によっては画像の下に余計な空白が出るのを防ぐ対策 */
		/*vertical-align: inherit;	 同上 */
		margin:0 auto;
		}

	/* ▽画像そのもの */
	.embeddedimage {
		/* max-width: 100%;	横方向にはみ出ないようにする */
		/* max-height: 700px;	大きくなりすぎないようにする */
		/* width: auto;	画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
	/* height: auto;	高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
	    max-height: 500px;
    width: auto;
}

/* 単独ページの画像サイズ */
	.onelog .embeddedimage {
	    max-height: 650px;
    width: auto;
}

	.onelog .deco-imgsize img{
  width:300px;
max-height:auto;
}

/* 画像回り込み */
.grandhome .deco-imgbox,.deeppage .deco-imgbox,.toppage .deco-imgbox{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:200px;
	max-height:auto;
}
/* 画像回り込み */
.grandhome .yohaku::after,.deeppage .yohaku::after,.toppage .yohaku::after {
  content: "";
  display: block;
  clear: both;
}


	/* ▽フラグ付き画像 (※設定や採用記法によって出力パターンが複数あるため、あらゆるパターンに対応させるべく同じスタイルを2重に指定しています。) */
	figure.nsfw {
		overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
	}
	.imagelink.nsfw {
		overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
	}
	img.nsfw {
		filter: blur(9px);	/* ぼかす */
	}

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		/* 小型モバイル環境のみ */
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: auto;
			height: auto;
		}
	}









	/* --------------- */
	/* ▼埋め込みTweet */	/* これはツイートが埋め込まれる処理「前」用の装飾です。実際に埋め込まれるツイートはTwitter側のiframeで装飾されますので、てがろぐ側では指定できません。(ただし横幅を制限することはできます。→後述) */
	/* --------------- */
	blockquote.twitter-tweet {
		background-color: #f8f8f8;
		border: 1px dashed #ddd;
		border-radius: 9px;
		margin: 0.3em 0;
		padding: 1em;
		font-size: 0.95em;
		color: var(--link-visit);
		text-shadow: 1px 1px 1px var(--haikei-waku);
	}

	/* ▼埋め込みツイートの横幅を強制的に制限 */
	div.twitter-tweet {
		max-width: 350px !important;
	}



















	/* …………………… */
	/* ▼投稿の情報表示 */
	/* …………………… */
	.oneloginfo {
	margin: 0;			/* 外側の余白 */
	padding: 0 0 0.7em 0;/* 投稿枠下段の余白・旧0.5 */
		color: var(--kuro-gray);		/* ■■投稿時間文字色 */
	text-align: right;	/* 左寄せ→右 */
}
		/* ‥‥‥‥‥‥‥‥‥ */
		/* ▼投稿日時のリンク */
		/* ‥‥‥‥‥‥‥‥‥ */
		.postdate {
			display: inline-block;		/* インラインブロック化 */
			/* background-color: #cceecc;	背景色 */
			color: var(--month-date);				/* ■■投稿日付 投稿枠内小文字色 */
			border-radius: 0.5em;		/* 角丸 */
			margin: 0;					/* 外側の余白 */
			padding: 0 0 0.5em;			/* 内側の余白 */
			line-height: 1.2;				/* 行の高さ */
			/* text-shadow: 1px 1px 1px white,  -1px 1px 1px white,  1px -1px 1px white,  -1px -1px 1px white;	影 */
}
		.postdate a {
				text-decoration: underline;
				color: var(--link-iro);				/* 投稿枠内小文字色 */
				}
				.postdate a:hover {
					text-decoration: underline;
					color: color: var(--link-iro);				/* 文字色 */
				}


		/* ■■投稿日付 */
		.postdate .date {
				font-weight: bold;		/* 	太字 */
				font-size: 0.7rem;			/* 文字サイズ */
		}
		/* 時刻 */
		.postdate .time {
			display: inline-block;
			font-size: 0.8em;			/* 文字サイズ */
		}
		/* 経過時間 */
		.postdate .past {
			display: inline-block;
			font-size: 0.6em;			/* 文字サイズ */
}


/*投稿枠内 投稿欄編集アイコン */
		.modeedit {
	font-size: 0.5em;		/* 経過時間・文字サイズ */
					text-decoration: none;
		}

			.modeedit a {
				font-size: 16px; 
				text-decoration: none;
				color: var(--link-iro);				/* 投稿枠内小文字色 */
				}
			.modeedit a:hover {
					text-decoration: none;
					color: var(--kuro-usu);			/* あえて目立たなくしてます(--link-iro) */
				}


/* ChatGPTくんにきいたアイコン周り */
.user-info-container {
  display: flex; /* 子要素を横並びにする */
  align-items: center; /* 垂直方向の中央揃え */
  gap: 10px; /* アイコンとテキストの間隔 */
}

.usericon-wrapper {
  display: flex; /* アイコンを中央に配置するためにFlexboxを使用 */
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
}

	/* ユーザーアイコンを丸に(四角ならまるごとクラス消去) */
.usericon{
    display: inline-block;
    border-radius: 3em;
}

.text-info {
  display: flex; /* 日付と名前を縦並びにする */
  flex-direction: column; /* 縦方向の並び */
  /* align-items: flex-start; /* 左揃え（デフォルトですが明示的に） */
}

.postdate, .username {
  color:var(--kuro-gray); /* #007bff; 青色（図に合わせた例） */
  font-size: 0.8em; /* 文字サイズ（調整してください） */
  /* margin-bottom: 5px; 日付と名前の間隔 */
}

.username {
  margin-bottom: 0; /* 最後の要素なので下マージンなし */
}
/* ChatGPTくんにきいたアイコン周り */





















/* ======================== */
/* ■入力フォームの表示領域 */		
/* ※これはQUICKPOST用です。新規投稿専用画面や編集画面ではCGI内蔵のCSSが使われるため、ここの記述は適用されません。 */
/* ======================== */


	/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
	/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
	/* ------------------------------------------------ */
	.line-control {
		margin: 0.25em 0;	/* 外側の余白量 */
	}

	/* ------------ */
	/* ▼投稿ボタン */
	/* ------------ */
	
	/* iOSでのボタンの色が変わらないことへの対応 1/2 */
	input[type="submit"] {
		  -webkit-appearance: none;
			}
	/* iOSでのボタンの色が変わらないことへの対応 2/2 */
input{
	background-color: #fff;
	color: #777;
	border: 1px solid #aaa;    /* 枠の指定 */
}
	
	
	.postbutton {
		display: inline-block;		/* インラインブロック化 */
		background-color: var(--haikei-waku);		/* 背景色 □同色02□ */
		color: var(--link-iro);				/* 文字色 */
		font-size: 1rem;			/* 文字サイズ */
		/* font-weight: bold;			太字 */
		text-decoration: none;		/* 下線を消す */
		padding: 0.2em 0.75em;		/* 内側の余白量 */
		border: 1px solid var(--link-iro);	/* 枠線 */
		border-radius: 3px;			/* 枠の角丸 */
	}
	/* ▼投稿ボタンにマウスが載ったとき */
	.postbutton:hover {
		background-color: var(--link-iro);	/* 背景色 □同色03□*/
		border-color: var(--jino-iro);	/* 枠線色 */
		color: var(--haikei-waku);				/* 文字色 */
	}

	/* ------------------ */
	/* ▼文字装飾ボタン群 */
	/* ------------------ */
	/* 掲載領域全体 */ .decoBtns { display: inline-block; margin-top: 0.5em; }
/* 全ボタン装飾 */ .decoBtns input { min-width: 32px; min-height: 28px; margin:1px; 
background-color:var(--bg-haikei); border: 1px solid var(--kuro-gray); cursor: pointer; border-radius: 3px; font-size: 14px; vertical-align: middle; }
	/* マウス載る際 .decoBtns input:hover { background-color:var(--btnbg-sora); border-color: var(--waku-btn); } */
	/* 太字  :B */ .decoBtnB { font-weight: bold; }
	/* 取消線:D */ .decoBtnD { text-decoration: line-through; text-decoration-color: red; text-decoration-style: double; }
	/* 強調  :E */ .decoBtnE { font-weight: bold; color: blue; }
	/* 斜体  :I */ .decoBtnI { font-style: italic; }
	/* 引用  :Q */ .decoBtnQ {  }
	/* 小さめ:S */ .decoBtnS {  }
	/* 極小  :T */ .decoBtnT { font-size: 11px !important; }
	/* 下線  :U */ .decoBtnU { text-decoration: underline; text-decoration-color: red; }
	/* 文字色:C */ .decoBtnC { color: red; }
	/* 背景色:M */ .decoBtnM { color: blue; }

	/* ＝＝＝＝＝＝＝＝＝ */
	/* ※モバイル用の調整 */
	/* ＝＝＝＝＝＝＝＝＝ */
	@media all and (min-width: 601px) {
		/* ▼文字装飾ボタン群 */
		.decoBtns { margin-top: 0; }
	}
	@media all and (max-width: 600px) {
		.postform {
			margin: 0.5em;
			padding: 0.75em 0.5em;
		}
	}

	/* -------------------------------- */
	/* ▼カテゴリ選択チェックボックス群 */	/* ★Ver 3.0.0以降で使用 */
	/* -------------------------------- */
	.catChecks { font-size:0.9em; padding-top: 0.5em; }
	.catChecks label { display:inline-block; cursor:pointer; margin:0 0.75em 0 0; }
	.catChecks label:hover { text-decoration:underline; }
	.catChecks input { min-width:0; min-height:0; margin-right:0.2em; }

	/* 投稿欄下部：「鍵付き」チェックボックスと「個別鍵」ボタンの間を詰める一時的なスタイル */
	.funcUIs .catChecks { margin:0 0.75em 0 0; }
	.funcUIs .catChecks label { margin: 0; }






/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */



	/* ＝＝＝＝＝＝＝＝＝ */
	/* ※モバイル用の調整 */
/* ＝＝＝＝＝＝＝＝＝ */

	@media all and (max-width: 600px) {
		.mainarea {
			margin: 0 1em 0;		/* 外側の余白 */
			padding: 0.5em;		/* 内側の余白 */
		}
		.pagetitle {
			padding: 0 0.5em;	/* 内側の余白 */
		}
		.pagetitle small {
			display: inline-block;
			font-size: 1.1rem;
		}
		.modified {
			font-size: 0.8em;
		}
}
















		/* ‥‥‥‥‥‥ */
		/* ▼カテゴリ名 */
		/* ‥‥‥‥‥‥ */
			.categories {
			font-size: 0.7rem;		/* 文字サイズ */
			}

			/* ▽カテゴリリンク1つ */
				.categorylink {
				display: inline-block;
				text-decoration: none;		/* リンクの下線を消す */
				}

				/* カテゴリリンク */
				.categories a {
				text-decoration: underline;
				color: color: var(--month-date);				/* 文字色 投稿枠内小文字色 */
}
				.categories a:hover {
					text-decoration: underline;
					color: color: var(--link-iro);				/* 文字色 */
				}


			/* ▽カテゴリリンクにマウスが載ったとき */
			.categorylink:hover {
			text-decoration: underline;	/* 下線を表示 */
			color: color: var(--link-iro);				/* 文字色 */
			}
			/* ▽カテゴリ間のセパレータ */
			.catseparator {
				display: inline-block;
				margin: 0 2px;			/* 左右に1pxの余白 */
				color: color: var(--month-date);		/* 投稿枠内小文字色 */
			}

				/* ▽カテゴリアイコン */
				.categoryicon img {
					height: 1.2em;
					width: auto;
					vertical-align: text-top;
					margin: 0 1px;
				}

	/* ＝＝＝＝＝＝＝＝＝ */
	/* ※モバイル用の調整 */
	/* ＝＝＝＝＝＝＝＝＝ */

	@media all and (max-width: 600px) {		
		.onelogbox {
	margin: 0 0 1em 0;					/* ■■投稿内容の箱・外側余白・下マージンで余白 */
	padding: 2em 0em 0 0em;				/* 内側の余白1em 1em 0 1em; */
		border-bottom: 1px dashed #ccc;
	}
	
	/* 横幅600px以下 コメントの編集ボタン 
		.onelogsupplement {
			text-align: center;
			background-color: #f5f5f5;
			color: gray;
			font-size: 0.6em;
			width: 5em;
			margin-top: 0.25em;
		}
			.onelogsupplement span {
				display: inline-block;
	}*/
	
	
	
			.length {
				font-size: 0.8em;
			}

		.postedby {
			display: inline-block;
		}
	}

	@media all and (max-width: 374px) {		/* 横幅374px以下 */
		.postdate {
			padding: 0.5em 0.5em;
		}
		.postdate .time {
			font-size: 0.7em;
		}
	}

	@media all and (max-width: 350px) {		/* 横幅350px以下 */
		.postdate .date {
			font-size: 0.85em;
		}
		.postdate .time {
			font-size: 0.6em;
		}
		.editlink {
			font-size: 0.75em;
		}
		.newsign {
			font-size: 0.25em;
			letter-spacing: -1px;
		}
	}

/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
.passkeyform {
	display: inline-block;
	margin: 0;
	padding: 0.6em;
	background-color: var(--haikei-waku);
	border: 1px solid var(--link-iro);
	border-radius: 0.25em;
	color: var(--link-iro);
}

	/* ▼鍵違いエラーの表示 */
	.passkeyerror {
		display: block;
		color: white;
		background-color: var(--link-iro);
		font-weight: bold;
		line-height: 1;
		margin: 0 0 0.5em 0;
		padding: 0.33em 0.25em;
	}

	/* ▼入力フォーム枠 */
	.passkeybox {
		display: block;
	}

		/* ▼入力欄前のガイド文 */
		.passkeyguide {
	margin-right: 0.1em;
		font-size: 0.8em;				/* 文字サイズ */
		}
		/* ▼鍵入力欄 */
		.passkeyinput {
			width: 10em;
			margin: 0 0.25em 3px 0;
		}
		/* ▼送信ボタン */
		.passkeysubmit {
		color: var(--jino-iro);
		}


/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */	
/* 各投稿の個別ページでのみ表示される囲みナビ用の装飾です。表示項目の取捨選択や詳細な装飾方法は https://www.nishishi.com/cgi/tegalog/custom/#customizecss-utilitylinkbox をご覧下さい。 */
/* ====================================================================== */
/* ============　■■個別ページの設定　======================= */
.utilitylinks {
	margin: 6em auto 3em;	/* 外側の余白量 */
	padding: 1.5em 1em 0.5em;					/* 内側の余白量 */
	border: 1px solid var(--post-pg-iro);			/* 枠線 */
	border-radius: 0.5em;				/* 枠の角丸 */
	background-color: var(--post-pg-iro);		/* 背景色□同背景3□ */
	font-size: 0.8em;				/* 文字サイズ */
	line-height: 2;		/* 行の高さ */
}
/* ▼ナビのリンクリスト */
.utilitylinks ul {
	color: (--jino-iro);			/* 文字色 */
	margin: 0 0.5em 0;				/* 外側の余白 */
	padding: 0 ;				/* 内側の余白 */
	list-style-type: none;		/* リスト先頭記号の省略 */
}

.utilitylinks a {
text-decoration: none;		/* 下線を消す */}

/* .utilitylinks ul ul {
	list-style-type: disc;		リスト先頭記号
} */

@media all and (max-width: 600px) {
	.utilitylinks {
		margin: 1.5em auto;
	}
}

.udate li,.ucat li {
	list-style-type: none;		/* リスト先頭記号の省略 */
	
}

.udate,.ucat {
	margin: 0 0 2em 0;		/* カテゴリの区切り余白 */
}

.utilitylinks ul li span:is(.uchead, .udhead)::before {
    content: "■";
	margin: 0 0.2em 0 0.4em;/* この投稿と同じカテ〜この投稿日時に〜の前に■を追加 */
	
}

.utilitylinks li.udate ul[class*="links"] li {
	display: flex;
	width: 100%;
    flex-wrap: wrap;/* 項目を左右両端にわける */
    justify-content: space-between;
	padding: 0.4em 0 0.2em 0;
border-bottom: 1px solid var(--kuro-gray);}


.utilitylinks > ul > li.ucat > ul.categorylinks > li.ucat{
	display: flex;
	width: 100%;
    flex-wrap: wrap;/* カテゴリあり */
    justify-content: space-between;
	padding: 0.4em 0 0.2em 0;
border-bottom: 1px solid var(--kuro-gray);}

/* noカテゴリのリストの整地
.utilitylinks > ul > li.ucat{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid var(--kuro-gray);
padding: 0 0 0.3rem 0;} */

.utilitylinks > ul > li.ucat .cat-{padding:0 0 0 7px;/*positionをrelativeに指定*/}

.utilitylinks > ul > li.ucat > span.revlink{float:right;
	position: relative;
padding:0 7px 0 0;/*positionをrelativeに指定*/}


/*タイトル用　下線のスタイリング*/
.utilitylinks > ul > li.ucat > span.revlink::after {
		position: absolute; /*positionをabsoluteに指定*/
		content: "";
		background-color: var(--kuro-gray); /*下線の色*/
		width: 605px; /*線の長さ*/
		height: 1px; /*線の太さ*/
		bottom: -1px; /*マイナスで↓方向*/
		right: 0%;  /*線伸びる方向？*/
		transform: translateX(-1);　/*線のスタート位置_X→方向に(マイナスは←方向)*/
		}

/* ==============================================ココまで============ */
/* ====記事の個別ページ下・この投稿日時に関連する投稿================================*/
/* この投稿と同じカテゴリに属する投稿orどのカテゴリにも属していない投稿だけを見る======= */




/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	text-align: center;		/* 中央寄せ */
}

	/* ------------------------------------ */
	/* ▼ページ前後移動リンク群ボックス全体 */
	/* ------------------------------------ */
	.pagelinks {
		margin: 0.15em;		/* 外側の余白 */
	}

	/* ▼ページ移動リンクの文字 */
	.pagelinks a {
		/* font-weight: bold;	 太字 */
	}

	/* -------------------------------- */
	/* ▼ページ番号リンク群ボックス全体 */
	/* -------------------------------- */
	p.pagenums {
	margin: 0.5em;		/* 外側の余白 */
	    text-align: center;
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
    display: inline-block;
    text-decoration: none;
	background: var(--haikei-waku);/* #000000*/
	border: 1px solid var(--link-iro);
	padding: 0.2em 0.3em;
	margin: 0px 2px 0px 2px;
	font-size: 1em;			
	font-weight: bold;
    color: var(--link-iro);
    width: 25px;
    height: 25px;
    line-height: 27px;
}
	
	/* ▽現在のページ番号の装飾 */
	a.pagenumlink.pagenumhere {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: var(--link-iro);	/* 背景色 */
		color: var(--haikei-waku);				/* 文字色 */
		/* border-radius: 1em;			角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: var(--link-hover);	/* 背景色 */
		color: var(--haikei-waku);				/* 文字色 */
		/* border-radius: 0.3em;		角丸 */
	}



	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
	.pagehome {
		margin: 0.15em;		/* 外側の余白 */
		font-weight: bold;	/* 太字 */
	}

/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
    max-width: 650px;
    margin: 40px auto 0;
}
	
	
	/* ------------ */
	/* ▼下段の段組の構成 */
	/* ------------ */
	.columnbox {
		display: flex;				/* 段組 */
		box-sizing: border-box;
		width: 100%;
	}
		.columnbox > div {
	flex: 1;				/* 段の幅（均等） */
	
		}
		.columnbox > div:not(:first-child) {  
			/* 先頭以外の段に対して */
			border-left: dashed 1px var(--kuro-usu);	/* 左側の枠線　ドット */
			padding-left: 1em;			/* 	左側の余白 */
		 } 

	/* 段組の2行目以降 */
	.columnbox + .columnbox {
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px dashed var(--kuro-usu);/* カラムボックスのドット  */
	}

	/* ------------------------------ */
	/* ▼日付一覧リスト・日付検索区画 */
	/* ------------------------------ */
	.datelistarea {
		margin: 0;	/* 外側の余白量 */
		padding: 0;	/* 内側の余白量 */
	}
	/* ▼見出し */
	.datelistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: var(--jino-iro);						/* ■■日付一覧見出し色 */
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}

		/* …………………………… */
		/* ▼日付リンクリスト区画 */
		/* …………………………… */
		/* ▽日付リスト(年単位) */
		.datelimitlist {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0 0 0 20px;	/* 内側の余白量 */
			padding: 0.5em 0.5em 0.5em 1.5em;		/* 内側の余白量 */
			border-radius: 0.5em;	/* 角丸 */
		}
		/* ▽日付リスト(月単位) */
		.datelimitsublist {
			margin: 0;				/* 外側の余白量 */
			padding: 0 0 0 5px;		/* 内側の余白量 */
			list-style-type: none;	/* リストの先頭記号(なし) */
			font-size: 0.9em;		/* 文字サイズ */
		}
			/* ――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月表示を横に並べる */	/* 縦に並べたい場合は、この区画を削除して下さい。 */
			/* ――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .datelimit-month {
				display: inline-block;
				margin-right: 0.9em;
			}
			/* ―――――――――――――――――――――――――――――――――――― */
			/* ▽年表記が単独で存在する場合に、月リンク内に含まれる年表記を非表示にする */	/* 年表記も表示したい場合は、この区画を削除して下さい。(詳細解説→ https://www.nishishi.com/cgi/tegalog/custom/#customizecss-datelist ) */
			/* ―――――――――――――――――――――――――――――――――――― */
			.datelimitlist .datelimitsublist .year {
				display: none;
			}

		/* ▽日付リスト内の該当件数 */
		.datelimitlist .num {
			font-size: 0.85em;		/* 文字サイズ */
			color: #616161;			/* 日付一覧文字色(6)←これ */
			margin-left: 0.3em;		/* 外側左の余白量 */
		}

	/* ------------------------ */
	/* ▼ハッシュタグリスト区画 */
	/* ------------------------ */
	.hashtaglistarea {
		margin: 0;	/* 外側の余白量 */
		padding: 0;	/* 内側の余白量 */
	}
	/* ▼見出し */
	.hashtaglistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: var(--jino-iro);						/* ■■ハッシュタグ見出し色 □同色00□ */
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}
		/* ▽ハッシュタグリスト */
		.hashtaglist {
			list-style-type: none;	/* リストの先頭記号(なし) */
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.75em;		/* 内側の余白量 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
		}

		/* ▽ハッシュタグリストの1項目 */
		.hashtaglist li {
			display: inline-block;	/* インラインブロック化(横に並べる) */		/* ※ハッシュタグ一覧を横に並べたくない場合は、この行を削除して下さい。 */
		}

		/* ▽ハッシュタグリスト内の該当件数(5)←こういう */
		.hashtaglist .num {
			font-size: 0.9em;		/* 文字サイズ */
			color: var(--link-visit);		/* 文字色ク□同色02□ */
			margin-left: 0.25em;	/* 外側左の余白量 */
	}
	
/* ハッシュダグリストの項目前に#アイコンを付ける */	
	ul.hashtaglist .taglink::before{ content: '\23';
		font-family: "Material Icons Round";
		font-size: 16px;
		margin: 0 0;
		
		
		
}

	/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */
	.categoryarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 0.3em 0;					/* カテゴリとハッシュタグの間の内側の余白量 */
	}
	/* ▼見出し */
	.categoryarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: var(--jino-iro);						/* 文字色 □同色00□ */
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}
	.categoryTree {
	}
	
	
	/* 記事内と下のリストのカテゴリーリンクの項目前にFolderアイコンを付ける */
.categorylink::before,.catlink::before {
	content:"\e2c7";
	font-family: "Material Icons Round";
	font-size: 16px;
	vertical-align: middle;
	margin: 0 2px 0 0;
}
.depth2 .catlink::before {
	
	content: '\2517';/*U+2517*/
	font-size: 14px;
	vertical-align: middle;
	margin: 0 2px 0 0;
}
	
		/* ▽カテゴリツリー */
		.categoryTree ul {
			/* padding-left: 30px;もともと */
		/*list-style-type: disc; 点の種類 */
		  padding-left:20px;/* 点を消したあと調整 */
	}
	/* ▽カテゴリツリーの点消してます */
	.categoryTree li {
	list-style:none;}
	
	/* サブカテゴリ */
	.cattree ul {
		padding-left: 30px;
	}
	
		/* ▽カテゴリツリー内の該当件数▽該当件数と同じでは？ */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.85em;
			color: #aaa;
		}

		/* ………………………………………………………………………………………… */
		/* ▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等） */
		/* ………………………………………………………………………………………… */
		/* ▽カテゴリアイコン */
		.categoryTree .caticon img {
			height: 1.2em;				/* アイコンの高さを1.2文字分に制限する */
			width: auto;				/* アイコンの横幅は自動調整する */
			vertical-align: text-top;	/* アイコンの上端位置をテキストの上端に合わせる */
		}

		/* ▽カテゴリ名 */
		.categoryTree .cattext {
		}

		/* 間隔調整：カテゴリアイコンとカテゴリ名が並ぶ際には間隔を空ける */
		.categoryTree .caticon + .cattext,
		.categoryTree .cattext + .caticon {
			margin-left: 3px;
		}

		/* ▽該当件数▽カテゴリツリー内の該当件数と同じでは？ */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.2em;
			font-size: 0.85em;
			color: var(--link-visit);/* カテゴリ件数(5)←こういう□同色02□ */
		}
		.depth2 .num {/* サブカテゴリの件数 */
			display: inline-block;
			margin-left: 0.2em;
			font-size: 0.85rem;
			color: var(--link-visit);/* カテゴリ件数(5)←こういう□同色02□ */
		}
		/* ▽カテゴリ概要文 */
		.categoryTree .catdescription {
			font-size: smaller;
			color: #555;
		}

	/* ---------------- */
	/* ▼複合検索窓区画 */
	/* ---------------- */
	.complexsearcharea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.complexsearcharea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: #116666;						/* 文字色 */
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}

		/* ▽検索フォーム形式の切り替えリンク */
		.siwtchsearchbox {
			font-size: 0.8em;
		}

		/* ▽複合検索フォーム */
		#complexsearch {
			display: none;	/* 複合検索窓は、最初は非表示にしておく */
		}

			/* 検索オプションリスト */
			.searchoptions {
				font-size: 0.9em;
				margin: 0.75em 0 1em 1em;
				padding: 0 0 0 0.5em;
			}

			/* 項目名 */
			.solabel {
				display: inline-block;
				min-width: 5em;
			}

			/* セレクトボックス */
			.searchoptions select {
				max-width: 175px;
			}

	/* -------------------- */
	/* ▼新着投稿リスト区画 */
	/* -------------------- */
	.latestpostarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.latestpostarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: var(--link-visit);						/* 文字色 □同色02□*/
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}
		/* ▽新着投稿グリスト */
		.latestpostlist {
			margin: 0;			/* 外側の余白量 */
			padding: 0.6em 0.5em 0.3em 1.7em;		/* 内側の余白量 */
			line-height: 1.25;		/* 行の高さ */
		}
			/* 各項目 */
			.latestpostlist li {
				margin: 0.75em 0;
			}
			/* タイトルリンク以外の項目 */
			.latestpostlist span {
				display: inline-block;
				font-size: 0.8em;
			}
				.latestpostlist .postdate { color: gray; background:none; padding:0; }	/* 投稿日付 */
				.latestpostlist .posttime { color: gray; }	/* 投稿時刻 */
				.latestpostlist .username { color: #558855; }	/* 投稿者名 */
				.latestpostlist .userid   { color: #555588; }	/* 投稿者ID */
				.latestpostlist .postid   { color: gray; }		/* 投稿番号 */
				.latestpostlist .length   { color: gray; }	/* 本文文字数 */

	/* -------------------- */
	/* ▼画像一覧リスト区画 */
	/* -------------------- */
	.imagelistarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.imagelistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
		color: var(--jino-iro);						/* 文字色 □同色00□*/
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}

		/* ………………………………………… */
		/* ▼新着画像リスト内の各画像の装飾 */	/* ここで画像の縦横サイズを制限しておかないと、原寸で表示されてしまいますので注意して下さい！ */
		/* ………………………………………… */
		.imagelistbox {
			margin: 0;				/* 外側の余白量 */
			text-align: center;		/* センタリング */
		}
			/* ▽画像リストの1項目枠 */
			.imagelistitem {
				display: inline-block;
				width: 30%;				/* 横方向に少なくとも3つは並べたい(※後のmax-widthの影響で4つ以上並ぶこともある) */
				max-width: 100px;		/* 横幅最大値 */
				max-height: 100px;		/* 高さ最大値 */
				margin: 1%;				/* 周囲の余白量 */
				vertical-align: middle;	/* 枠の下部に余計な空白ができるのを防ぐ */
				overflow: hidden;		/* 画像がぼかされている場合に、ぼかしが枠からはみ出ないようにする */
			}

				/* ▽画像リストの1項目内の画像そのもの */
				.imagelistbox .oneimage {
					width: 100%;
					height: auto;			/* 画像の高さは自動調整 */
					aspect-ratio: 1/1;		/* 画像を正方形にする */
					object-fit: cover;		/* 縦横比が合わなければトリミング */
					vertical-align: middle;	/* 画像下部に余計な空白ができるのを防ぐ */
				}

		/* ▼総数・総サイズの情報 */
		.imagesinfo {
			margin: 0.25em 0;		/* 外側の余白量(上下→左右) */
			text-align: right;		/* 右寄せ */
		}
			.totalimgfiles {
				font-size: 0.7em;		/* 文字サイズ */
			}
			.totalimgsizes {
				font-size: 0.6em;		/* 文字サイズ */
			}

	/* ---------------- */
	/* ▼カレンダー区画 */
	/* ---------------- */
	.calendararea {
		margin: 0 0 1em 0;	/* 外側の余白量 */
		padding: 0;	/* 内側の余白量 */
	}
	/* ▼見出し */
	.calendararea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */    
		color: var(--jino-iro);						/* ■カレンダー見出し色□同色00□ */
		/* text-shadow: 1px 1px 1px white;		文字の影 */
	}

		/* ▽カレンダーカバー */
		.calendarplace {
			margin: 1em 0;			/* 外側の余白量 */
			padding: 0;				/* 内側の余白量 */
			background-color: #fff;	/* 背景色 */
			line-height: 1.5;		/* 行の高さ */
			overflow: auto;			/* はみ出る場合の処理 */
		}

		/* ▽カレンダーテーブル */
		.calendar {
			border-collapse: collapse;	/* 枠を結合 */
			/* border: 1px solid var(--kuro-gray);	テーブル外側の枠線□同色00□ */
			margin: 0.5em auto;				/* 外側の余白 */
			text-align: center;
			line-height: 1.5;
			font-size: 0.85rem;
			width: 80%;
}
/* ▽カレンダー段のアンダーライン */
.calendar tr {
    border-bottom: 1px solid var(--kuro-gray);
}

/* 土日の色変え */
.calendar .sun, .calendar .sat {
    background-color: var(--post-pg-iro);
}


		.calendar th,
		.calendar td {
			/* border: 1px solid var(--kuro-gray);	テーブル内側の枠線□同色00□ */
			padding: 2px;				/* セル内側の余白 */
			text-align: center;			/* 中央寄せ */
			font-size: 0.9em;			/* 文字サイズ */
			line-height: 1;				/* 行の高さ */
		}
			/* 年月キャプション */
			.calendar caption {
	color: var(--jino-iro);		/* 文字色□同色00□ */
	text-align: left;
			}

			/* 曜日行 */
			.daysofweek th {
			background-color: var(--bg-haikei);	/* ■カレンダー曜日背景・□同背景0□*/
			color: var(--kuro-usu);				/* 文字色 */
				font-weight: normal;
				padding: 6px 0;
				font-size: 0.8em;
				line-height: 1;
			}

			/* 日付数値の装飾（リンクになる場合も、ならない場合も共通）リンク以外の日付色 */
			.calendar a,
			.calendar .nolink {
				display: inline-block;	/* インラインブロック化 */
				/* border-radius: 50%;		角丸 */
				padding: 0.5em;			/* 内側の余白 */
				width: 1.2em;			/* 横幅 */
				height: 1.1em;			/* 高さ */
				background-color: transparent;
				color: var(--kuro-usu);				/* 文字色 */
			}

			/* 日付数値のリンク（※リンクになる場合だけの装飾） */
			.calendar td a {
				text-decoration: none;		/* 下線を消す */	
				/* background-color: var(--kuro-gray);	背景色 □同色A□ */
				color: var(--jino-iro);				/* 文字色 */
				color: #777777;				/* 文字色 */
				font-weight: bold;
}

			/* 日付数値のリンクにマウスが載った際 */
			.calendar td a:hover {
				background-color: var(--kuro-usu);	/* 背景色 □同背景0□ */
				color: var(--jino-iro);				/* 文字色 □同色00□ */
}

			/* 今日の枠（カレンダー内での「今日」のセルだけの装飾） */
			.today {
				background-color:var(--twi-ususky);	/* 背景色 */
			}

			/* 前の月/次の月の余白調整 
.calendarlinks {
		margin: 0 0 0 3em;							
			}*/


			/* 前の月/次の月の余白調整 */
	.c_links {
	padding: 0 2.5em;							/* 外側の余白量 */
			}

.calbtm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 0.3rem;
    font-size: 0.8rem;
    font-weight: bold;
}

.calbtm div:nth-child(2) {
    text-align: right;
}








	/* -------------- */
	/* ▼その他の区画 */
	/* -------------- */
	.otherarea {
		margin: 1em 0 0 0;						/* 外側の余白 */
		padding: 1em 0 0 0;						/* 内側の余白 */
		border-top: 1px dashed var(--kuro-usu);		/* カラムボックスと同じ色 上端の枠線 */
	}

	/* ＝＝＝＝＝＝＝＝＝ */
	/* ※モバイル用の調整 */
	/* ＝＝＝＝＝＝＝＝＝ */
	@media all and (max-width: 600px) {
	.subarea {
			margin: 0 1em 0;		/* 外側の余白 */
			padding: 0.5em;		/* 内側の余白 */
			/* margin: 0.5em;
			padding: 1em 0.5em;
			border-radius: 1.2em; */
		}
			.columnbox {
				display: block;
			}
				.columnbox > div {
					display: block;
		width: auto;
							padding-top: 1em;
				}
				.columnbox > div:not(:first-child) {
					border-left: none;
					padding-left: 0;
					border-top: 1px dashed var(--haikei-waku);/* 上端の枠線 ドット */
		padding-top: 1em;
		padding-left: 1em;
				}

			.hashtaglist {
				font-size: 0.9em;
			}
				.hashtaglist .taglink {
					word-break: break-all;
				}

			.otherarea {
				font-size: 0.9em;
			}
	}

	


	


/* ============ */
/* ■フッタ領域 */
/* ============ */

	footer { margin: 2em auto 4em auto; text-align: right;
	padding:0 90px 0 0;}
	
	
	/* HOMEへ戻るリンク */
	.backlink {
		margin: 1.2em 0 1.8em 0;
	}

	/* Powered-by表記のデザイン */
	.poweredby {
		font-size: 0.85em;
	}
	
	a .kari{margin: 0 3px 0 0;
	}





	/* アイコンフォントのサイズ指定 */
	footer .material-icons-round.md20{ font-size: 20px; vertical-align: middle;padding: 0 0 3px 3px;}
.material-icons-round.md16{ font-size: 16px; vertical-align: middle; }
.material-icons-round.md20{ font-size: 20px; vertical-align: middle; }
.material-icons-round.md24{ font-size: 24px; vertical-align: middle; }
	

	
	
	
/* スクロールバーの幅の設定SafariとChromeのみ */
html::-webkit-scrollbar {
width: 15px;
height: 10px;
}

/* スクロールの背景の設定 */
html::-webkit-scrollbar-track {
		border-radius: 5px;
		background: var(--haikei-waku);
/*box-shadow: 0 0 2px #fff inset; スクロールの背景の設定 */
}

/* スクロールのつまみ部分の設定 */
html::-webkit-scrollbar-thumb {
border-radius: 8px;
background: var(--link-visit);
	}
	
/*    上に戻るボタン*/
	.ue_btn, .sita_btn {
	position: fixed;
	z-index: 5000;
	bottom: 3vmin;
	right: 3vmin;
	border-radius: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--jino-iro);
	text-decoration: none;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease;
} 	

  .ue_btn:hover, .sita_btn:hover{ background-color: var(--kuro-gray);}
  
  .ue_btn .material-icons-round.md24 {
	color: var(--haikei-waku);
	font-size: 30px;
  }

  .sita_btn .material-icons-round.md24 {
	color: var(--haikei-waku);
	font-size: 30px;
  }

.ue_btn {
  bottom: 85px; /* 上に戻るボタンの位置 */
}

.sita_btn {
  bottom: 40px; /* 下に移動するボタンの位置 */
}