/* ………………………………………………… */
/* CMSkin CSSひな形 https://10prs.com/    */
/* Ver.2023/04/09 17:28                    */
/* ………………………………………………… */

/* フォント・配色カスタマイズ用 ================================
てがろぐ管理画面からフォントや配色を変更したい場合は以下の部分を
管理画面＞設定＞フリースペース＞「上書きスタイルシート」欄に
カット＆ペーストし、「外側スキンに [[FREE:EXTRACSS]] の記述が
ある箇所にのみ出力する」にチェックを入れ保存してください
※その場合このskin-cms.cssの以下の部分は削除してください
============================================================= */
/* ウェブフォント用外部CSS読み込み */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css");
@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=Lato&display=swap');

/* CSS変数設定 */
:root{
--main-text-color:#595959;/* 基本の文字色 */
--dark-text-color:#0078a2;/* 暗めの文字色 */
--light-text-color:#999;/* 薄めの文字色 */
--main-bg-color:#fff;/* 全体の背景色 */
--main-bg2-color:#666;/* コピーライトっもじ */
--dark-bg-color:#34495E;/* 暗めの背景色 */
--light-bg-color:#EFEFEF;/* 薄めのの背景色 */
--light-bg2-color:#25394d;/* iine波形 */
--post-bg-color:#fff;/* 記事表示部分の背景色 */
--a-color:#009DBF;/* リンク文字色 */
--visited-color:#009DBF;/* 訪問済みリンク文字色 */
--hover-color:#D7E6E8;/* マウスホバー時リンク文字色 */
--base-font-size:1.6rem;/* 基本文字サイズ */
--small-font-size:1.1rem;/* 小さい文字サイズ */
--main-font:YakuHanJP, 'Noto Sans JP',"IBM Plex Sans JP",TBUDGothic R,"メイリオ",Meiryo,"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;* 基本フォント名 */
--midashi-font:"Lato",YakuHanJP, 'Noto Sans JP',"IBM Plex Sans JP",Gothic MB101,"メイリオ",Meiryo,"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/* サイト・記事タイトルフォント名 */
--icon-font:'Font Awesome 6 Free','Line Awesome Brands';/* アイコンフォント名 */
--novel-font:"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/* 小説フォント名 */
--contents-width:700px;/* 表示大枠幅 */
--box-border-color:#;/* 記事表示ボックスの線色 */
--box-bg-color:#fff;/* 記事表示ボックスの背景色 */
--box-radius:1px;/* 記事表示ボックスの角丸 */
--btn-border-color:#009DBF;/* ボタンの線色 */
--btn-bg-color:#009DBF;/* ボタンの背景色 */
--btn-radius:20px;/* ボタンの角丸 */
}
/* ======== フォント・配色・表示非表示カスタマイズ用 ここまで */

/* パーツ表示非表示用 =================================
※スキンHTMLから該当箇所を削除する方を推奨※
てがろぐの管理画面から変更したい場合は以下の部分を
管理画面＞設定＞フリースペースにカット＆ペーストし
header.html16行目付の近skin-cms.css呼び出しタグより下に
[[FREESPACE:数字]]と追記してください
===================================================== */
.sub_title,/* 副タイトル */
.descprition,/* 一行概要文 */
.breadcrumb,/* パンくずリスト */
.reverse_link,/* 表示順切り替えリンク */
.yomiage,/* 読上リンク */
#utility_links,/* 下記ボックス群丸ごと全部 */
	.subarea.search,/* 検索フォーム */
	.subarea.hashtags,/* ハッシュタグ一覧 */
	.subarea.categories,/* カテゴリ一覧 */
	.subarea.images,/* 新着画像一覧 */
	.subarea.latestpost,/* 新着投稿一覧 */
	.subarea.archives,/* 日付別ログ一覧 */
	.subarea.freespace,/* フリースペース */
	.subarea.viewmode,/* モード別表示一覧 */
	.subarea.calender/* カレンダー */
{/* display:none!important */}
/* ======== 表示非表示カスタマイズ用 ここまで */

/* ====================== 基本スタイル */
*, *:before, *:after {
box-sizing: border-box
}
html{
font-size: 62.5%;
background-color:var(--main-bg-color);
text-rendering:optimizeLegibility;
scroll-behavior:smooth;
text-align: justify;
overflow-wrap:break-word;
}


body{
min-width:320px;
line-height:1.8;
color:var(--main-text-color);
font-size:var(--base-font-size);
font-family:var(--main-font);
letter-spacing:.05rem;
animation:fadein 1.2s ease;

background-image: url('');
         background-attachment: fixed;background-repeat: repeat;

}

@keyframes fadein{
	0%{ opacity:0; transform:translateY(-10px); }
	100%{ opacity:1; transform:translateY(0); }
}
a { text-decoration:none; transition:.3s; }
a:link { color:var(--a-color); }
a:visited { color:var(--visited-color); }
a:hover { color:var(--hover-color); }
img, video, iframe, audio {  width:auto; max-width:100%; }
input, select {
padding:2px;
border:1px solid var(--btn-border-color);
background-color:#fff;
border-radius:var(--btn-radius);
}
button, input[type='submit'], input[type='button'] {
padding:2px .5em;
border:1px solid var(--btn-border-color);
background-color:var(--btn-bg-color);
border-radius:var(--btn-radius);
cursor:pointer;
}

select { background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23999" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" /></svg>') no-repeat right 4px center / 10px auto; }
table { border-collapse:collapse; }
details summary { list-style:none; cursor:pointer; }

:is(.global_nav, .admin_link) label { cursor:pointer; }
:is(.global_nav, .post_title, .admin_link)  a { color:var(--main-text-color); }
[class$='title'] {
font-family:var(--midashi-font);

}

:is(.main_title)  a { color:#2d2d2d; }
[class$='title'] {
font-family:var(--midashi-font);

}


img.emoji {/* Twemoji用 */
height:1em;
width:1em;
margin:0 .05em 0 .1em;
vertical-align:-.1em;
}

/* ====================== header */
body > header {
padding:1em;
}
body > header hgroup {
}
.main_title,
.sub_title ,
.descprition {
line-height:1.1;
text-align:center;
}
.main_title {  font-family:"Lato",'sans-serif';
  text-transform: uppercase;padding: .8em;font-size: 1.8em;font-weight:normal;
}
.sub_title {
}
.descprition {
font-family:var(--midashi-font);
font-size:var(--small-font-size);
}

/* ====================== global_nav */
@media (width < 800px) {
	body > header {
	padding-top:48px;
	}
}
.global_nav {
width:100%;
height:10px;
position:fixed;
top:0;
left:0;
z-index:10;
background-color:#009DBF;text-align:center;
}
#for_global_nav,
#close_nav_btn,
#close_nav_btn span {
display:none;
}
#open_nav_btn {
display:block;
position:absolute;
right:calc(50% - 24px);
bottom:-26px;
width:48px;
height:40px;
line-height:40px;
background-color:#009DBF;
font-size:var(--small-font-size);

text-align:center;
text-transform:uppercase;
}
#open_nav_btn::after {
display:block;
position:absolute;
bottom:-12px;
width:100%;
content:'\f107';
font-family:var(--icon-font);
font-weight:900;
text-align:center;
}
.global_nav_content {
position:fixed;
z-index:999;
top:-120%;
left:0;
width:100%;
height:100vh;
background:#009DBF;
transition:all 0.6s;
}
#for_global_nav:checked ~ .global_nav_content {
padding-top:2em;
top:0;
}
.global_nav .cattree {
line-height:2;
list-style:none;
}
.global_nav .cattree a {color:#2d2d2d;
display:inline-block;
width:100%;
text-align:center;
}



.global_nav .cattree.depth1 > li {
border-bottom:1px solid;
}
.global_nav .cattree.depth1 > li > a {
font-weight:600;
}
.global_nav .cattree.depth2 > li {
border-top:1px dashed;
}
.global_nav .cattree.depth3 {
display:none;
}
.global_nav .utility_links {
display:none;
}
#for_global_nav:checked ~ .global_nav_content #close_nav_btn {
margin:0 auto;
display:block;
position:relative;
width:100%;
height:100%;
}
#close_nav_btn::before,
#close_nav_btn::after {
content:'';
display:block;
width:4px;
height:26px;
position:absolute;
top:5px;
left:50%;
background:#fff;
border-radius:3px;
}
#close_nav_btn::before {
transform:rotate(45deg);
}
#close_nav_btn::after{
transform:rotate(-45deg);
}
#close_nav_btn:hover::before,
#close_nav_btn:hover::after{
background-color:#666;
}


.rss_link a::before {
content:'\f09e';
font-family:var(--icon-font);
font-size:24px;
}
@media (width >= 800px) {
	#open_nav_btn,
	#close_nav_btn {
	display:none;
	}
	.global_nav {
	position:relative;
	height:40px;
	overflow:visible;
	}
	.global_nav_content {
	position:static;
	height:40px;
	}
	.global_nav .cattree {
	line-height:40px;
	}
	.global_nav .cattree.depth1 {
	display:flex;
	width:90%;
	height:40px;
	}
	.global_nav .cattree.depth1 li {
	width:100%;
	}
	.global_nav .cattree.depth1 > li,
	.global_nav .cattree.depth2 > li {
	border-width:0;
	}
	.global_nav .cattree.depth2 {
	position:relative;
	z-index:0;
	background-color:#009DBF;
	visibility:hidden;
	opacity:0;
	border-radius:0 0 3px 3px;
	transition:all .2s ease;
	}
	.global_nav .cattree.depth1 li:hover .cattree.depth2 {
	z-index:1;
	visibility:visible;
	opacity:1;
	}
	.global_nav .cattree.depth1 li.rss_link { width:fit-content; }
	.rss_link a { padding:0 10px; }
	.rss_link span { display:none; }
	.global_nav .utility_links {
	padding:20px 0 6px;
	width:3em;
	display:block;
	position:absolute;
	right:10px;
	bottom:-16px;
	background-color:#009DBF;
	font-weight:900;
	transition:all .2s ease;
	}
	.global_nav .utility_links a {
	display:block;
	line-height:1;
	font-size:var(--small-font-size);
	text-align:center;
	}
	.global_nav .utility_links span {
	display:block;
	text-transform:uppercase;
	}
	.global_nav .utility_links a::before {
	content:'\f107';
	font-family:var(--icon-font);
	height:0;
	display:block;
	visibility:hidden;
	opacity:0;
	}
	.global_nav .utility_links:hover {
	bottom:-22px;
	}
	.global_nav .utility_links:hover a::before {
	height:initial;
	visibility:visible;
	opacity:1;
	}
}
/* ====================== breadcrumb */
.breadcrumb:has(.situation:empty) {
display:none;color:#34495E;
}
.breadcrumb {
padding:2px 1em;
width:100%;
line-height:1.2;
font-size:.8em;color:#34495E;
}
.breadcrumb > *:not(:last-child)::after,
.breadcrumb .situation-onecatname-cover:not(:last-child)::after {
content:'\f105';
color:#2d2d2d;
font-family:var(--icon-font);
font-weight:900;
}
.breadcrumb .situation {color:#34495E;
display:inline-block;
max-width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.breadcrumb .situation span:last-child {
font-weight:900;color:#34495E
}
.breadcrumb > *:empty {
display:none;color:#34495E;
}
@media (width >= 600px) {
	.breadcrumb {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;color:#34495E;
	}
	.breadcrumb .situation {
	display:inline;color:#34495E;
	}
}
/* ====================== contents */
.contents {
margin-inline:1em;
}
main {
margin:0 auto 10px;
max-width:var(--contents-width);
}
@media (width >= 900px) {/* 画面幅901px以上の時に2カラムにするとか */
	.contents {
	display:flex;
	gap:20px;
	}
	main {
	max-width:calc(1100px - 300px);
	flex:1;
	}
	#utility_links {
	margin-top:1.25em;
	width:300px;
	display:block;
	}
	#utility_links > .subarea {
	width:300px;padding-top:1.25em;
	}
}
/* 新着画像スライダー */
.latest_img_slider {
overflow-x:hidden;
}
.latest_img_slider div {
display:flex;
min-width:100%;
width:100vw;
width:min-content;
/* 枚数が多いほど流れが速くなるので下記の行の数値を調整してください */
animation:30s linear infinite sliderAnimation;
}
.latest_img_slider .imagelistitem {
margin:10px;
display:inline-block;
width:400px;
height:209px;
overflow:hidden;
}
.latest_img_slider .imagelistitem img {
width:400px;
height:209px;
position:relative;
aspect-ratio:1/1;
object-fit:cover;
}
/*.latest_img_slider .oneimage.nsfw { filter:blur(10px) grayscale(1); }*/
@keyframes sliderAnimation {
	100% {
	transform:translateX(-50%);
	}
}
/* カテゴリID「update」のみ新着リスト */
body:not(.home) .updatelist,
.updatelist :is(.posttime, .username) {
display:none;
}
.updatelist {
margin:1.25em 0;
}
.update_title {
padding:.5rem 1rem;
border-bottom:1px solid  var(--box-border-color);
font-size:1.5em;font-family:var(--midashi-font);
}
.updatelist .latestpostlist {
padding:.5em 1em 1em 1em;
}
.updatelist li {
border-bottom:1px dotted;
display:flex;
width:100%;
align-items:center;
}

.updatelist .postlink {
flex:1;
order:2;
}
.updatelist .postdate {
margin-right:1em;
order:1;
}

/* 表示順切り替えリンク */
.reverse_link { margin:1.25em 0; font-size:.8em; text-align:center; }
.onelog .reverse_link { display:none; }
/* 「限定条件」表示行 */
.situation:empty { display:none; }
/* 日付境界バー */
.dateseparator { text-align:center; }
.dateseparator a { font-size:.8em; }
.home .dateseparator,
.dateseparator.fixedseparator { display:none; }

/* ====================== main */
.post_content ul { padding-left:1em; }

/* コンテンツ表示ボックス共通 onelogbox */
:where(.onelogbox) {
border:1px solid var(--box-border-color);
background-color:var(--box-bg-color);
border-radius:0px;

}

.home article.logstatus-fixed {
display:block;
}

article {
margin:1.25em 0 2.6em 0;
position:relative;padding:1.2em 0em 1em 0em;
}


/* post_header */
.post_header {
padding:.5em 0.5em;
line-height:1.2;
border-bottom:0px solid var(--box-border-color);
width:100%;
}
.post_header .post_title a {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.logstatus-lock .post_title a::before {
content:'\f023';
font-family:var(--icon-font);
font-weight:900;
}
.post_header .user {
}
.iconarea img {
width:1.2em;
height:1.2em;
border-radius:50%;
vertical-align:middle;
}
.username {
color:var(--main-text-color);
font-size:var(--small-font-size);
font-weight:bold;
}



/* 新着・先頭固定フラグ */
.newsign {
position:absolute;
top:0;
right:0;
}
article:not(.logstatus-fixed) .newsign {
padding:3px 8px;
width:fit-content;
line-height:1;
top:10px;
right:-12px;
color:#fff;
background-color:#2b90d9;
font-weight:900;
z-index:1;
}
article:not(.logstatus-fixed) .newsign::after {
position:absolute;
content:'';
top:100%;
right:0;
border:none;
border-bottom:solid 5px transparent;
border-left:solid 10px rgb(149, 158, 155);
}
.newsign:empty,
.newsign .fixed {
display:none;
}
.logstatus-fixed .newsign::before {
content:'\f08d';
color:var(--light-text-color);
font-family:var(--icon-font);
font-weight:900;
}
/* post_footer */
.post_footer {
padding:0 1em;
line-height:1.3;
font-size:.9em;
text-align:right;
}
/* アイコンフォント共通設定 */
.post_footer .categories::before,
.yomiage a::before,
a.edit::before,
a.delete::before {
font-family:var(--icon-font);
font-size:1.6rem;
}


/* 投稿時間・相対時間 */
.post_footer time {
display:block;
text-align:right;
}
.post_year {
}
.post_month {
}
.post_date {
}
.post_week {
}
.post_time {
}
.relativetime::before {
content:'・';
}
.relativetime::after {
}


/* 読上リンク */
.yomiage {
}
.yomiage a::before {
content:'\f028';
font-weight:900;
}
/* 編集・削除リンク（※フリースペース編集リンクと共通） */
:is(a.edit, a.delete) span {
display:none;
}
a.edit::before {
content:'\f044';
}
a.delete::before {
content:'\f1f8';
font-weight:900;
}
/* 投稿本文 */
.post_content {
padding:1em;
}
@media (width >= 800px) {
	.post_content {
	padding-inline:1.6em;;
	}
}
/* url */
.url { word-break:break-all; }


/* 続きを読む */
.readmorebutton {margin:8px 0px 0px 0px;border-radius:0px;
padding:5px 5px;
border:0px solid #d2e9f1;width:100%;text-align:center;
font: normal 18px/1.3 ;background-color:#d2e9f1;
}

.readmoreclose {margin:8px 0px 0px 0px;border-radius:0px;
padding:5px 5px;
border:0px solid #d2e9f1;width:100%;text-align:center;
font-size:.9em;background-color:#d2e9f1;
}



.readmorearea{
    animation: appear .7s ease;
  }
  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }







/* 埋め込み画像・動画・Tweet */
.post_content img{ height:auto; max-height:500px; object-fit:cover; }
.embeddedpictbox {
display:inline-table;
border-collapse:collapse;
position:relative;
}
.embeddedpictbox img { border-radius:0px; }
.embeddedpictbox figcaption {
display:table-caption;
caption-side:bottom;
font-size:.8em;
text-align:center;
position:absolute;
top:0;
width:100%;
color:#fff;
background:rgba(0,0,0,.3);
padding:3px;
border-radius:5px 5px 0 0;
}
.imagelink {
position:relative;
display:inline-block;
overflow:hidden;
border-radius:0px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;	border: 1px solid #ddd;

}
.imagelink img { vertical-align: middle; transition:.5s; }


/* NSFWフラグ画像 */
.imagelink.nsfw img{ filter:blur(10px); }
.imagelink.nsfw::after {
content:'\f071';
font-family:var(--icon-font);
font-weight:900;
display:grid;
place-content:center;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
color:#fff;
background-color:rgba(0,0,0,.8);
font-size:5em;
}

.imagesearch:has(.nsfw)::after,
.latest_img_slider .imagelistitem:has(.nsfw)::after {
content:'\f071';
font-family:var(--icon-font);
font-weight:900;
color:#fff;
background-color:rgba(0,0,0,.5);
display:grid;
place-content:center;
width:100%;
position:absolute;
top:0;
left:0;
font-size:3em;
height:100%;
text-decoration:none;
}


/* 新着画像一覧NSFWフラグ */
.imagesearch { margin:2px; display:inline-block; width:30%; overflow:hidden; }
.imagesearch .oneimage { margin:0; width:100%; }
.oneimage.nsfw { filter:blur(7px) grayscale(.8); }
.imagesearch .oneimage.nsfw { filter:blur(3px) grayscale(.8); }
.imagesearch:has(.nsfw),
.latest_img_slider .imagelistitem:has(.nsfw) {
position:relative;
display:inline-block;
overflow:hidden; border-radius:10px;
}
.embeddedmovie { display:inline-block; width:100%; max-width:100%; object-fit:contain; }
blockquote.twitter-tweet, blockquote.instagram-media {
background-color:#f8f8f8;
border-radius:var(--btn-radius);
margin:.3em 0;
padding:1em;
font-size:.8em;
color:#999;
}


/* 記事リンク埋め込み引用 */
.inQ {
display:block;
color:var(--main-text-color);
}
/* 記事内ページリンク用区切り */
.deco-hr {
margin:1.5em 0;
display:block;
text-align:center;
}
.deco-hr + br { display:none; }
/* B:太字 */
.decorationB { font-weight:700; }
/* D:削除 */
.decorationD { color:#888; text-decoration-line:line-through; text-decoration-color:var(--main-text-color) }
.decorationD .decorationD { display:inline-block; position:relative; }
.decorationD .decorationD {text-decoration:none;}
.decorationD .decorationD::after {
content:'';
display:inline-block;
width:100%;
height:.5em;
background-color:rgba(0,0,0,.7);
position:absolute;
top:.6em;
left:0;
}
/* E:強調 */
.decorationE {
	font-style: normal;
    font-weight: bold;
    margin: 0 0.2em;
    padding: 0 0.2em;color:#f49d9c;font-size: 1.2em;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #E2F2F2 50%);font-family:'Noto Sans JP';
}
/* I:斜体 */
.decorationI { font-style:italic; }
.decorationI .decorationI {
transform:skewX(-30deg);
font-style:normal;
display:inline-block;
font-size:.94em;
}

/* Q:引用(Quote) */


.decorationQ {
    max-width: 800px;
    position: relative;
    padding: 1.5em 2.5em 1.5em 3.5em;
    color: #7f7f7f;
    background-color: #f2f2f2;
}

.decorationQ::before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 2em;
    height: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%231499cb'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.decorationQ p {
    margin-top: 0;
}

.decorationQ p:last-of-type {
   margin-bottom: 0;
}







.decorationQ + br {
		display: none;	/* 引用直後の改行を無効化する */
	}




.deco-o {
  background: #d2e9f1; /*背景色*/
  padding: 0.7em;/*文字周りの余白*/
  color: #27687f;/*文字を白に*/
    line-height: 3.0;border-radius:10px;margin: 0.8em 0em;
	}

.deco-p {font-weight:  700; font-family:YakuHanJP, 'Noto Sans JP',"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background: linear-gradient(transparent 80%, #d2e9f1 80%);color: #009DBF;
	}

.deco-q {
font-size: 1.3em;	/* 文字サイズ */
  line-height: 1.7;
font-weight:700;background: linear-gradient(transparent 90%, #e6e6fa 90%);color: #000;
	}



.deco-r{
       font-family:YakuHanJP, 'Noto Sans JP',"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体",  "Yu Gothic Medium", "游ゴシック Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.5em;margin-bottom: 1.2rem;color: #2d2d2d;font-weight:  700;


	}


.deco-r:before{
    font-family:'FontAwesome';
	content:'\f058';color: #009DBF;
	margin-right: 0.8rem;font-size: 1.2em;margin-bottom: 1rem;

	}



.deco-c {
display: block;
  text-align: center;

	}

.deco-m{font-weight:  700; 
font-family:YakuHanJP, 'Noto Sans JP',"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体",  "Yu Gothic Medium", "游ゴシック Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.2em;margin-bottom: 1.2rem;color: #2d2d2d;
	}

.deco-m:before{
    font-family:'FontAwesome';
	content:'\f0a9';color: #009DBF;
	margin-right: 0.8rem;font-size: 1.2em;margin-bottom: 1.2rem;

	}






/* S:小文字 */
.decorationS { font-size:.8em; }
/* T:極小文字 */
.decorationT { font-size:.6em; }
/* U:下線 */
.decorationU {
text-decoration-line:underline;
text-decoration-style:dashed;
}
/* リスト */
.decorationL + br { display:none; }

/* code */
.deco-code {
padding:0px 3px;
display:block;
color:#000;
font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
background-color:var(--light-bg-color);
}
/* ルビ */
ruby { position:relative; }
ruby rt { position:relative; top:1.4ex; }
/* 鍵付き投稿 */
.passkeyform {
display:inline-block;
margin:0;
padding:.6em;
}
.passkeybox, .passkeyguide  { display:block; }
.passkeyinput { width:10em; margin: 0 0.25em 3px 0;}
.passkeyerror, .nodata, .nolist {
margin:0 0 .2em;
padding:3px 3px 3px 13px;
border:1px solid #eab2b2;
display:block;
color:#900;
background-color:#fbf0f0;
}
/* ▼検索語のハイライト */
.searchword {
font-weight:bold;
color:var(--dark-text-color);
background:linear-gradient(transparent 70%, #ffafdc 30%);
}
/* 文字装飾領域内に含まれた画像を装飾 */
.decorationB img {
}
.decorationD img {
}
.decorationE img {
}
.decorationI img {
}
.decorationQ img {
}
.decorationS img {
}
.decorationT img {
}
.decorationU img {
}
/* いいねボタン・シェアリンク */
.response {
width:100%;
list-style:none;
display:flex;
align-items:center;
}
article:not(.res_memo) .response {
background-color:;
}
.response li {
flex:1;
text-align:center;
}
.newiine_btn {
padding:0;
border:0 none;
background-color:transparent;
}
.iine_btn span, details.sharelinks > summary span{
display:none;
}
.iine_btn::before, details.sharelinks > summary::before {
font-family:var(--icon-font);
font-size:24px;
color:var(--light-text-color);
}
.iine_btn::before {
content:'\f004';
}
details.sharelinks > summary::before {
content:'\f1e0';
font-weight:900;
}
.iine_btn, details.sharelinks > summary {
transition:.3s ease-in-out;
}
.newiine_clickedtoday .iine_btn::before { color:#d52c4d; }
.newiine_count, .share .text {
font-size:1.2rem;
color:var(--light-text-color);
}
details.sharelinks {position:relative;}
details.sharelinks > summary span { font-size:1.2rem; color:var(--light-text-color); }
details.sharelinks ul.sharelinks {
padding:.6em;
width:max-content;
position:absolute;
z-index:1;
right:0;
text-align:start;
background:rgba(255,255,255,.8);
font-size:.8em;
}
details.sharelinks[open] ul.sharelinks { animation:fadeIn .5s ease; }
@keyframes fadeIn {
	0% { opacity:0; transform:translate(0,-10px); }
	100% { opacity:1; transform:translate(0,0); }
}
ul.sharelinks li { display:inline-block; }
ul.sharelinks li:not(:last-child) { margin-right:2px; }
ul.sharelinks li a { padding:2px 4px; color:#fff; border-radius:3px; }
a.Twitter { background-color:#1DA1F2; }
a.Facebook { background-color:#1877f2; }
a.Hatena { background-color:#008fde; }
a.LINE { background-color:#00b900; }
a.Pocket { background-color:#ee4056; }
a.copy { background-color:#555; }
.url-copied{ display:none }
.url-copied span{
background:#0009;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
color:#fff;
padding:2px 4px;
box-sizing:border-box;
line-height:14px
}
/* 記事単体表示時のページ移動リンクをユーティリテイリンクの上に */
.onelog main { display:flex; flex-direction:column; }
.onelog article { order:1 }
.onelog .utilitylinks { order:3 }
.onelog .pagenavi { order:2; }

/* 記事単体表示ページのユーティリティリンク群 */
.utilitylinks {color:var(--main-text-color);
margin:2em auto 1em;
padding:.5em;
display:table;
font-size:.8em;
}
.utilitylinks ul {
list-style:none;
}
.utilitylinks ul ul {
margin-left:1em;
}
/* ページ移動リンク */
.pagenavi {
margin:1.5em 0px;
padding:.5em 0px;
text-align:center;
display:flex;
flex-direction:row;
width:100%;
justify-content:center;
}
.pagehome a, .prevlink, .nextlink {
margin:0 .7em .2em .7em;
padding:0 .7em;
}
.pagehome a {
display:inline-block;
}
.prevlink {order:1}
.linkseparator {display:none}
.nextlink {order:3}
.pagenavi a {
color:var(--main-text-color)!important;
text-decoration:none;
font-size:1em;
border-radius:1em;
transition:.5s;
background-color:#d2e9f1;
}
.pagenums {
font-weight:bold;
order:2;
}
.pagenumlink {
padding:.2em .5em;
font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
font-weight:bold;
}
.pagenavi a:hover {
background-color:#e7e7eb;
color:#fff!important;
border-radius:.3em;
}
.pagenavi .pagenumhere {
background-color:var(--main-text-color);
color:var(--main-bg-color)!important;
}


/* 記事単体 */
.onelog .pagenavi { flex-wrap:wrap; }
.onelog .pagehome { margin-bottom:1em; width:100%; text-align:center; }
.onelog .prevlink, .onelog .nextlink {
width:calc(50% - 1.4em);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
overflow:hidden;
}
.onelog .prevlink { padding-left:16px; }
.onelog .prevlink::before,
.onelog .nextlink::before { display:block; content:'\f106'; font-family:var(--icon-font); font-weight:900; }
.onelog .prevlink::before { margin-right:auto; transform:rotate(-90deg); }
.onelog .nextlink { padding-right:16px; }
.onelog .nextlink::before { margin-left:auto; content:'\f106'; transform:rotate(90deg); }
@media (width <= 490px) {
	.onelogbox { font-size:.9em; }
	.onelog .prevlink, .onelog .nextlink { width:100%; -webkit-line-clamp:2;}
	.onelog .nextlink { margin-top:1em; }
	details.sharelinks ul.sharelinks { max-width:150%; }
}


/* カテゴリIDに「novel」を含む記事 */
body:not(.home) .novel {
border:0;
display:flex;
flex-direction:column;
background-color:transparent;
}
body:not(.home) .novel .post_content {
margin:0 auto;
max-width:40em;
font-family:var(--novel-font);
}
body:not(.onelog) .novel .post_content {
margin-bottom:1.em;
padding-bottom::0;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:10;
overflow:hidden;
}

body:not(.home) article.novel:not(.logstatus-lock) .post_content::first-line {
font-size:var(--small-font-size);
}
body:not(.home) .novel .post_header { order:1; }
body:not(.home) .novel .post_footer { order:3; }
body:not(.home) .novel .post_content { order:2; }
body:not(.home) .novel .response { order:4; background-color:transparent; }


/* 記事内ページリンク */
.sep_link {
padding:.5em;
width:100%;
position:fixed;
bottom:0;
left:0;
background:rgba(255,255,255,.6);
text-align:center;
transition:.5s;
}
.sep_link a {
display:inline-block;
color:#555;
background:#e7e7eb;
border-radius:50%;
height:30px;
width:30px;
line-height:30px;
}
.sep_link a:hover { background:#fdeff2; }
.sep_link a + a { margin-left:.5em; }
.sep_link .active { background:#e4d2d8; }

/* カテゴリIDに「memo」を含む記事 */
body:not(.home) .memo {
margin-inline:auto;
display:flex;
flex-wrap:wrap;
align-items:center;
max-width:800px;
font-size:1em;
}
body:not(.home) .memo .post_header {
padding-right:0;
border-bottom:0 none;
width:min-content;
}
body:not(.home) .memo .post_header .user {
width:15px;
display:block;
line-height:1;
text-align:center;
}

body:not(.home) .memo .post_header .iconarea img {
width:0px;
height:0px;
width:15px;
}
body:not(.home) .memo .post_header .username {
display:inline-block;
}
body:not(.home) .memo .post_title {
display:none;
}
body:not(.home) .memo .post_footer {
padding:0;
flex:1;
}
body:not(.home) .memo .post_footer,
body:not(.home) .memo .post_footer time {
text-align:right;
}
body:not(.home) .memo .post_content {
padding-top:20px;
width:100%;
}
body:not(.home) .memo .response {
}
/* カテゴリID「res_memo」 */
body:not(.home) article.res_memo {
justify-content:flex-end;
align-items:flex-start;
border:0 none;
background:transparent;
}
body:not(.home) article.res_memo .post_header {
order:1;
margin-right:auto;
padding-left:0;
width:fit-content;
}
body:not(.home) article.res_memo .post_footer {
order:3;
margin-left:75px;
padding:0 .5em .5em;
background:var(--box-bg-color);
text-align:right!important;
border-radius:0 0 6px 6px;
}
body:not(.home) article.res_memo .post_footer > *{
text-align:right!important;
}
body:not(.home) article.res_memo .post_content {
order:2;
padding-top:1em;
width:calc(100% - 75px);
position:relative;
background:var(--box-bg-color);
border-radius:6px 6px 0 0;
min-height:79px;
}
body:not(.home) article.res_memo .post_content::before {
width:0;
height:0;
border-style:solid;
border-width:10px 17.3px 10px 0;
border-color:transparent var(--box-bg-color) transparent transparent;
content:'';
display:block;
position:absolute;
left:-17px;
}
body:not(.home) article.res_memo .response {
order:4;
margin-left:75px;
border:0 none;
}

/* ====================== utility_links */
aside {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
gap:16px;
justify-content:center;
background:var(--box-bg-color);
border-radius:0px;
}
.subarea {
width:calc((100% / 3) - 16px);
padding:0 1em;
}
@media (width <= 480px) {
	.subarea { width:100%; }
}
.cornertitle {
font-size:1.5rem;font-family:var(--midashi-font);
}
.cornertitle + div {
margin:.5em 0;
padding:.5em;
}
.subarea ul {
padding-left:1em;
line-height:1.2;
}
.subarea .num {
color:var(--light-text-color);
margin-left:.3em;
}

/* 検索フォーム */
.siwtchsearchbox, .searchtarget, .latestpostlist span, .datelimitsublist, .datelimitboxoptions, .subarea .num, .totalimgsizes { font-size:.8em; }
.subarea form { margin:.5em 0; padding:.9em .6em; }
.subarea select { width:calc(100% - 50px); color:var(--light-text-color); }
.subarea select option { color:var(--main-text-color); }
.subarea .searchbox, .subarea .complexsearch { margin:0; padding:0; }
.queryinput { width:calc(100% - 50px); }
.searchtarget {
margin:0;
}
.siwtchsearchbox a:last-child { display:none; }
#complexsearch[style$="block;"] + .siwtchsearchbox a:first-child{ display:none; }
#complexsearch[style$="block;"] + .siwtchsearchbox a:last-child{ display:inline; }
#complexsearch { display:none; }
.searchoptions {
margin-top:.75em;
padding-left:1em;
font-size:var(--small-font-size);
}
.solabel {
display:inline-block;
min-width:5.5em;
}
.searchoptions select { max-width:175px; }
/* ハッシュタグ一覧 */
ul.hashtaglist { list-style:none; padding-left:0; line-height:1.4; }
.hashtaglist li { display:inline; }
/* カテゴリ一覧 */
.cattext {}
.caticon + .cattext, cattext + .caticon { margin-left:3px; }
.catdescription { font-size:smaller; color:#555; }


/* 新着画像一覧 */
.imagelistbox { margin:0; text-align:center; }
.imagelistbox .oneimage {
width:100%;
height:auto;
max-width:100px;
max-height:100px;
aspect-ratio:1/1;
object-fit:cover;
margin:1%;
vertical-align:middle;
}
.imagesinfo { margin:.25em 0; text-align:right; }
.totalimgfiles { font-size:.9em; }

/* 新着投稿一覧 */
.latestpostlist :is(.postdate, .posttime, .postid,.length)  { color:var(--light-text-color); }
.latestpostlist .username { color:#555; }
.latestpostlist .userid   { color:#555588; }
.datelimitlist .datelimitsublist .datelimit-month {
display:inline-block;
margin-right:.5em;
}
.datelimitsublist .year { display:none; }
.datelimitboxoptions { display:block; }
.datelimitboxoptions label {
display:inline-block;
margin-right:.5em;
}
/* フリースペース */
.freespaceedit { text-align:right; }
/* カレンダー */
.calendar {
border:1px solid var(--light-text-color);
width:100%;
}
.calendar :is(th, td) {
border:1px solid var(--light-text-color);
padding:2px;
text-align:center;
font-size:.9em;
line-height:1;
}
.calendar :is(caption, th) {
font-weight:900;
}
.daysofweek th {
background-color:var(--light-bg-color);
font-weight:normal;
padding:6px 0;
font-size:.8em;
line-height:1;
}
.calendar :is(a, .nolink) {
display:inline-block;
border-radius:50%;
width:2em;
height:2em;
line-height:2;
}
.calendar td a {
background-color:#d7e2ee;
color:black;
}
tr[class^='week'] td:first-child { background-color:#ffebef }
tr[class^='week'] td:last-child { background-color:#e0f6ff }
.calendar td a:hover { background-color:var(--main-text-color); color:#fff; }
.calendar .today { background-color:#ffffcc; font-weight:900; }
.calendarlinks { text-align:center; line-height:1; }
.calendarlinks a { font-size:.9em; }

/* ====================== footer */
body > footer {
margin-top:2em;
padding:1em .5em;
line-height:1.2;
color:var(--main-bg-color);
background-color:#009DBF;
}
body > footer :is(a, a:visited, a:hover) {
color:var(--main-bg-color);
}
.copyright,
.modified,
.material {
text-align:center;color:var(--main-bg-color);
}
.material li {
display:inline-block;
font-size:var(--small-font-size);
}
.material li:not(:last-child)::after {
content:' /';
}
.material a {
font-weight:900;color:var(--main-bg-color);
}

/* ====================== 認証モーダル */
dialog:modal {
width:100%;
height:100vh;
max-width:100vw;
max-height:100%;
border:0;
position:fixed;
top:0;
left:0;
background-color:transparent;
display:grid;
place-content:center;
overscroll-behavior:contain;
}
dialog::backdrop{
background-color:rgba(255,255,255,.7);
backdrop-filter:blur(30px);
}
/* 認証メッセージボックス */
#gate .gate_content {
margin:0 1em;
padding:2em;
width:fit-content;
background-color:#fff;
text-align:center;
box-shadow:0 0 20px rgba(150,150,150,.4);
}
.gate_btns {
margin-top:1em;
}
/* for js off user */
noscript p {
width:100%;
height:100vh;
max-width:100vw;
max-height:100%;
display:grid;
place-content:center;
position:fixed;
z-index:99;
background-color:#fff;
text-align:center;
}
noscript p small {
color:red;
}
/* ====================== 記事Noリンクポップアップ */
#popupContent {
padding:1em;
max-width:600px;
line-height:1.2;
position:absolute;
z-index:1;
background:rgba(255,255,255,.9);
font-size:1.3rem;
}
/* ====================== クイックポスト・管理用リンク */
.admin_link {
position:fixed;
z-index:11;
right:20px;
top:20px;
}
#open_quickpost,
:is(#open_form, #close_form) span,
#quickpost {
display:none;
}
#open_form,
.to_adminpage {
display:grid;
place-content:center;
width:60px;
height:60px;
background-color:#fff;
border-radius:50%;
}
#open_form::before {
content:'\f305';
font-family:var(--icon-font);
font-size:36px;
font-weight:900;
}
.to_adminpage {
margin-top:.5em;
margin-left:auto;
width:36px;
height:36px;
}
.to_adminpage span {
display:none;
}
.to_adminpage::before {
content:'\f013';
font-family:var(--icon-font);
font-size:24px;
font-weight:900;
}
#open_quickpost:checked ~ #quickpost {
width:100%;
height:100vh;
position:fixed;
top:0;
left:0;
display:block;
background-color:rgba(0,0,0,.6);
}
.postarea {
margin:3em auto 0;
padding:1em;
max-width:var(--contents-width);
background-color:#fff;
}
.postform { padding:.5em 0;  }
.postform p { margin:0; }
#close_form {
margin:0 auto;
display:block;
position:relative;
width:36px;
height:36px;
background-color:#fff;
border-radius:50%;
}
#close_form:hover {
background-color:#555;
}
#close_form::before,
#close_form::after {
content:'';
display:block;
width:4px;
height:26px;
position:absolute;
top:5px;
left:16px;
background:#ccc;
border-radius:3px;
}
#close_form::before {
transform:rotate(45deg);
}
#close_form::after{
transform:rotate(-45deg);
}
/* ====================== ページ上部に戻る */
.go_page_top a {
width:calc(1.4em + 10px);
height:calc(1.4em + 10px);
display:grid;
place-content:center;
position:fixed;
z-index:10;
bottom:15px;
right:15px;
color:#000;
background-color:#fff;
font-size:1.4em;
border-radius:50%;   
transition:all .3s ease-in-out;
}
.go_page_top span { display:none; }
.go_page_top a:hover{ bottom:20px; }
.go_page_top a::before { content:'\f102'; font-family:var(--icon-font); font-weight:900; }

/* ------------------------------------ */
/* サイトマップモード                   */
/* ------------------------------------ */
.onelogbox.sitemap {
}
.sitemap div {
padding:.5em 1em;
position:relative;
}
.sitemap .logtitle a { color:var(--main-text-color); }
.sitemap .post_footer { padding:0; }
.sitemap .post_footer { padding:0; }
.sitemap div:not(:last-child) {
border-bottom:1px dashed var(--box-border-color);
}
.selected-cat .sitemap .post_footer time {
}

/* ------------------------------------ */
/* ギャラリーモード                     */
/* ------------------------------------ */
.gallery {
display:flex;
flex-wrap:wrap;
gap:10px;
place-content:space-around start;
}
.gallery > div {
background-color:var(--box-bg-color);
position:relative;
border-radius:var(--btn-radius);
padding:.5em 1em;
margin-bottom:1.2rem;
}
.gellery_header {
position:relative;
}
.gallery_title a {
display:block;
color:var(--main-text-color);
}
.gallery > div > :is(.embeddedpictbox, .imagelink) { margin:0 6px;}
.gallery .embeddedimage {
width:100%;
height:auto;
aspect-ratio:1/1;
object-fit:cover;
vertical-align:middle;
}
.one_pictbox { width:calc(25% - 10px); }
.one_pictbox .gellery_header {
min-height:calc(100% - 3.6em);
}
.one_pictbox .gallery_title {
position:absolute;
z-index:1;
width:100%;
height:100%;
}
.one_pictbox .gallery_title a {
height:100%;
}
.one_pictbox.logstatus-lock .gallery_title a::after {
content:'\f023';
display:grid;
place-content:center;
height:100%;
font-family:var(--icon-font);
font-size:3em;
font-weight:900;
}
.one_pictbox .gallery_title a span {
padding:1px 3px;
display:block;
width:100%;
position:absolute;
bottom:0;
background-color:rgba(255,255,255,.7);
font-size:0.8em;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.one_pictbox .imagelink { pointer-events: none; vertical-align: middle; }
.one_pictbox .post_footer { padding: 0 6px 6px; line-height:1; }
.gallery_tags:not(:empty)::before { content:'\f02b'; font-family:var(--icon-font); font-weight:900; }
.pictcount {
font-size:1.2rem;
position: absolute;
top: 0;
right: 0;
padding: 0 2px;
background: #fff;
border-radius: 0 5px;
z-index:1;
}
.gallery .newsign {
padding:0 5px;
width:fit-content;
top:-10px;
left:-10px;
color:var(--main-bg-color);
background-color:#f32626;
font-weight:900;
transform:rotate(-15deg);
border-radius:3px;
}
.pictcount::before{
margin-right:2px;
content:'\f302';
font-family:var(--icon-font);
}
.pictcount span { display:none; }
.all_pictbox {
width:100%;
}
.all_pictbox .gallery_title a { padding-left:6px; }
.all_pictbox .post_content { padding: 0 6px 6px; line-height:1.3; font-size:.8em; }
.all_pictbox > :is(.embeddedpictbox, .imagelink) { max-width:calc(25% - 12px); }
.all_pictbox  {  }
.all_pictbox .newsign { right:-10px; left:auto; transform:rotate(15deg); }
@media (width <= 480px) {
	.one_pictbox { width:calc(100% - 10px); }
	.all_pictbox > :is(.embeddedpictbox, .imagelink) { max-width:calc(50% - 12px); }
}
/* ---------------------------------------------------- */
/* ▼クイックポストフォーム周りはほぼ公式デフォルトです */
/* ---------------------------------------------------- */
textarea.tegalogpost {
margin-bottom:.25em;
padding:.5em;
border:2px solid;
width:100%;
line-height:1.3;
background-color:#fff;
border-radius:6px;font-family:YakuHanJP, 'Noto Sans JP','Josefin Sans', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'sans-serif';
}
.line-control { margin:.25em 0; }
.postbutton[type="submit"] { font-weight:bold; padding:.25em 1em; }
.postbutton[type="submit"]:hover { border:1px solid green!important; color:#fff; background-color:#00cc00; }
/* 掲載領域全体 */ .decoBtns { display:inline-block; margin-top:.5em; }
/* 全ボタン装飾 */ .decoBtns input { min-width:32px; min-height:28px; margin:1px;  font-size:14px; vertical-align:middle; }
/* マウス載る際 */ .decoBtns input:hover { background-color:#e5f1fb; border-color:#0078d7; }
/* 太字  :B */ .decoBtnB { font-weight:700; }
/* 取消線: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; }
.catChecks { font-size:.9em; padding-top:.5em; }
.catChecks label { display:inline-block; cursor:pointer; margin:0 .75em 0 0; }
.catChecks label:hover { text-decoration:underline; }
.catChecks input { min-width:0; min-height:0; margin-right:.2em; }
#imglistButton, #closeimglistButton { margin:2px; position:relative; z-index:4; }
table.images th, table.images td {border:1px solid; font-size:.7em; }
table.images img { width:100px; height:auto; }



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




.post_footer .categories:empty {
display:none;
}
.post_footer .categories::before {


color:#2b90d9;

}



	
h6 {
    display: flex;
    align-items: center;
font-family:"Lato", sans-serif;
font-size: 1.7em;
	color: var(--hi-iro);	margin-bottom: 0.8rem;font-weight:normal;
}

h6:before,
h6:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

h6:before {
    margin-right: 1rem;
}

h6:after {
    margin-left: 1rem;
}