@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oooh Baby&display=swap');
:root{
--primary-font-color:#203405;
--secondary-font-color:#353535;
--title-font-color:#002db3;
--main-bg-color:#fff;
--color-blue:#006FBF;
--color-pink:#FF7473;
--color-yellow:#FFC952;
--contents-width:900px;
}
html{
font-size:62.5%;
text-rendering:optimizeLegibility;
scroll-behavior:smooth;
-webkit-text-stroke-width:.14px !important;
background-image:url(./bg.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
min-height:100vh;
min-height:100svh;
}
body{
min-width:320px;
line-height:1.6;
color:var(--primary-font-color);
font-size:1.6rem;
letter-spacing:0.05rem;
animation:fadein 1.2s ease;
}
@keyframes fadein{
	0%{
	opacity:0;
	}
	100%{
	opacity:1
	}
}
a:link { color:var(--color-blue); }
a:visited { color:#309; }
a:hover { color:var(--color-pink); }
input[type='text'], select {
padding:2px;
border:1px solid skyblue;
background-color:#fff;
border-radius:3px;
}
input[type='submit'], input[type='button'] {
padding:2px .5em;
border:1px solid #aaa;
background-color:#eee;
border-radius:3px;
}
ul { padding-left:2em; }
/* ************ Twiemoji */
img.emoji {
height:1em;
width:1em;
margin:0 .05em 0 .1em;
vertical-align:-0.1em;
}
/* ------------------------------------ */
/* ▼ header                            */
/* ------------------------------------ */
#header {
padding:1em;
position:relative;
z-index:1;
}
#header h1 {
line-height:1;
font-family:'Oooh Baby', cursive;
}
#header h1 a {
color:var(--primary-font-color);
text-decoration:none;
padding-bottom:.3em;
display:block;
}
body.home #header h1 a {
font-size:2em;
}
.subtitle, .description {
font-size:1.2rem;
}
.scroll { display:none; }
.home #header {
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}
.home #header > div {
margin:0 auto;
max-width:var(--contents-width);
}
.home .scroll { display:block; text-align:center; }
.home .scroll a { color:#fff; }
.home .scroll span {display:block;}
body:not(.home) .subtitle, body:not(.home) .description { display:none; }
.postarea {
margin:0 auto;
max-width:var(--contents-width);
}
/* ************ Toppage */
/* ------------------------------------ */
/* ▼ nav                               */
/* ------------------------------------ */
.nav_link { margin:2rem 0; padding:0; text-align:center; }
.nav_link li {
display:inline-block;
font-size:2em;
}
.nav_link li a {
display:block;
width:2em;
height:1em;
line-height:1;
color:var(--primary-font-color);
text-decoration:none;
overflow:hidden;
}
.nav_link li#nav_link1 a::before { content:'\f015'; display:block; font-family:'Font Awesome 6 Free'; font-weight:900;}
.contents {
padding:2em 0;
font-size:1.5rem;
}
main {
margin-bottom:3em;
padding:2em 0;
position:relative;
background-color:rgba(255,255,255,.7);
}
main::before {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-1;
background-image:url(./bg.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
filter:blur(10px);
}
main > * {
margin:auto;
max-width:var(--contents-width);
}
.infospace { display:none; }
.home .infospace, .onelog .infospace + .infospace { margin-bottom:20px; display:block; }
 .onelog .infospace + .infospace h2 { display:none; }
.infospace > p, .infospace > div {
padding-left:20px;
}
main > h2, .infospace h2, .cornertitle {
margin-top:.2em;
padding:1em;
font-family:'Oooh Baby', cursive;
font-size:1.6em;
position:relative;
}
main > h2::before, .infospace h2::before, main > h2::after, .infospace h2::after {
content:'';
display:block;
background-color:#eee;
position:absolute;
mix-blend-mode:multiply;
}
main > h2::before, .infospace h2::before {
width:2em;
height:2em;
border-radius:70% 60% 50% 50% / 50% 60% 70% 80%;
top:.3em;
left:0;
}
main > h2::after, .infospace h2::after {
width:1.4em;
height:1.4em;
border-radius:70% 50% 70% 50% / 40% 80% 60% 70%;
top:1.2em;
left:1em;
}
body:not(.home) main > h2 { display:none; }
.situation { font-size:.9em; }
.situation:empty { display:none; }
.dateseparator { display:none; }
/* ------------------------------------ */
/* ▼ article                           */
/* ------------------------------------ */
article {
}
body:not(.onelog) article {
padding:2px 1em;
border-bottom:1px solid #ccc;
}
body:not(.onelog) article#pos1 {
border-top:1px solid #ccc;
}
body:not(.onelog) .onelogbox {
display:flex;
gap:16px;
width:100%;
align-items:flex-end;
}
body:not(.onelog) .onelogbox h2 {
font-size:1em;
text-align:start;
flex:1;
max-width:78%;
}
body:not(.onelog) .post-content { display:none; }
.newsign:empty { display:none; }
.newsign {
display:inline-block;
color:#f55;
font-size:0.8em;
margin-right:0.35em;
}
h2.title a {
color:var(--primary-font-color);
text-decoration:none;
}
body:not(.onelog) h2.title a {
text-overflow: ellipsis;
overflow: hidden;

display:inline-block;
width:100%;
}
.onelog h2.title {
margin:.5em 0;
padding:0;
}
.onelog h2.title::before {
margin:0 auto 1em;
content:'';
display:block;
width:40%;
height:2px;
background:var(--primary-font-color);
}
.onelog h2.title::after {
margin:1em auto;
content:'';
display:block;
width:20%;
height:2px;
background:var(--primary-font-color);
}
.onelog h2.title {
margin:.5em 0;
padding:.5em 0;
}
.info {
font-size:.8em;
}
.info a:link, .info a:visited, .info a:hover {
text-decoration:none;
color:var(--primary-font-color);
}
.info time {
color:gray
}

.info .categories {
margin-left:3px;
}
.info .categorylink {
padding:3px;
border:1px solid #ccc;
background-color:#eee;
font-family:sans-serif;
border-radius:2px;
}
.onelog .info {
margin-top:1em;
text-align:right;
}
body:not(.onelog) .newsign { margin-left:-.9em; font-size:1em; }
.onelogbox.logstatus-fixed {
position:relative;
}
.onelogbox.logstatus-fixed .fixed {
display:inline-block;
width:.8em;
height:1.6em;
overflow:hidden;
position:absolute;
top:0;
left:-.9em;
}
.onelogbox.logstatus-fixed .fixed::before {
content:'\f08d';
color:var(--secondary-font-color);
font-family:'Font Awesome 6 Free';
font-weight: 900;
}
.onelog .infospace { float:right; width:fit-content; font-size:.8em;}
.nameform input[type="text"] {max-width:50vw;}
.post-content { padding:1em; }
.post-content, .onelogbox h2 {font-family:'YuMincho','Yu Micho',serif;}
.onelogbox h2 {text-align:center;clear:both;}
.post-content .taglink {
display:inline-block;
margin:0 3px;
text-decoration:none;
word-break:break-all;
}
.post-content .taglink:hover {
color:blue;
text-decoration:underline;
}
.readmorebutton, .readmorebutton.readmoreclose {
width:100%;
text-align:center;
padding:0.5em 3em;
margin-top:.5em;
border:1px solid;
border-radius:1em;
line-height:1;
transition:.5s;
display:inline-block;
}
.readmorebutton:link,
.readmorebutton:visited {
color:var(--primary-font-color);
text-decoration:none;
}
.readmorebutton:hover {
color:var(--main-bg-color);
background-color:var(--primary-font-color);
border-color:var(--primary-font-color);
}
.readmorearea {
transition:.5s;
}
.post-footer {
margin:0;
background-color:transparent;
font-size:.8em;
text-align:right;
}
.onelog .info {
margin-top:2.4em;
padding-top:1.2em;
border-top:1px solid;
}
.post-footer, .post-footer a:link{color:var(--primary-font-color);}
.categories {
}
.categorylink {
text-decoration:none;
}
.categorylink:hover {
text-decoration:underline;
}
.catseparator {
display:inline-block;
margin:0 1px;
}
.categoryicon img/*本文内*/, .caticon img/*カテゴリ一覧内*/ {
height:1.2em;
width:auto;
vertical-align:middle;
margin:0 1px;
}


/* ------------------------------------ */
/* ▼ページ前後移動リンク群ボックス全体 */
/* ------------------------------------ */
.pagenavi {
margin:1.5em 0px;
padding:0.5em 0px;
text-align:center;
display:flex;
flex-direction:row;
width:100%;
justify-content:center;
align-items:center;
}
.pagehome a, .prevlink, .nextlink {
margin:0 .7em;
padding:0 .7em;
}
.pagehome a {
display:inline-block;
height:100%;
}
.prevlink {order:1}
.linkseparator {display:none}
.nextlink {order:3}
.pagenavi a {
color:var(--primary-font-color)!important;
text-decoration:none;
font-size:1em;
border-radius:1em;
transition:.5s;
background-color:rgba(255,255,255,.3);
}
.pagenums {
font-weight:bold;
order:2;
}
.pagenums:empty {
display:none;
}
.pagenumlink {
padding:0.2em 0.5em;
font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
font-weight:bold;
}
.pagenavi a:hover {
background-color:#fff;
color:var(--primary-font-color)!important;
border-radius:0.3em;
}
.pagenavi .pagenumhere {
background-color:var(--primary-font-color);
color:var(--main-bg-color)!important;
}
.home .pagenavi {display:none;}
.onelog .prevlink::after { content:'\f106'; font-family:'Font Awesome 6 Free'; font-weight: 900; display:block; transform:rotate(-90deg); }
.onelog .nextlink::after { content:'\f106'; font-family:'Font Awesome 6 Free'; font-weight: 900; display:block; transform:rotate(90deg); }
/* ------------------------------------ */
/* ▼sub area                           */
/* ------------------------------------ */
aside {
margin-top:3em;
padding-bottom:2em;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
gap:16px;
justify-content:center;
background-color:var(--main-bg-color);
}
.subarea {
width:calc((100% / 3) - 16px);
padding:0 1em;
background:rgba(255,255,255,.6);
border-radius:0.5em;
}
.subarea a {
color:var(--primary-font-color);
}
.subarea.search, .subarea.images, .subarea.latestpost, .subarea.archives, .subarea.viewmode, .subarea.calender {
display:none;
}
.cornertitle {
font-family:'Oooh Baby', cursive;
}
.cornertitle + div {
margin:0.5em 0;
padding:0.5em;
}
.subarea ul ul {
margin:0;
padding:0 0 0 1em;
}
.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(--secondary-font-color); }
.subarea select option { color:var(--primary-font-color); }
.subarea .searchbox, .subarea .complexsearch { margin:0; padding:0; }
.queryinput { width:calc(100% - 50px); }
.searchtarget {
margin:0;
line-height:1.3;
}
.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; }
.hashtaglist { list-style-type:none; padding:0 .75em; line-height:1; }
.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:30%;
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 { line-height:1.25; }
.latestpostlist .postdate { color:var(--secondary-font-color); }
.latestpostlist .posttime { color:var(--secondary-font-color); }
.latestpostlist .username { color:#558855; }
.latestpostlist .userid   { color:#555588; }
.latestpostlist .postid   { color:var(--secondary-font-color); }
.latestpostlist .length   { color:var(--secondary-font-color); }
.datelimitlist { line-height:1.25; }
.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;
}
.subarea .num {
color:#99a;
margin-left:.3em;
}
.freespaceedit { text-align:right; }
.calendar {
border-collapse:collapse;
border:1px solid #eee;
width:100%;
}
.calendar th, .calendar td {
border:1px solid #eee;
padding:2px;
text-align:center;
font-size:.9em;
line-height:1;
}
.calendar caption {
color:darkgreen;
}
.daysofweek th {
background-color:#e6e6e6;
font-weight:normal;
padding:6px 0;
font-size:.8em;
line-height:1;
}
.calendar a, .calendar .nolink {
display:inline-block;
border-radius:50%;
width:2em;
height:2em;
line-height:2;
background-color:transparent;
}
.calendar td a {
text-decoration:none;
background-color:#eee;
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:green; color:#fff; }
.calendar .today { background-color:#ffffcc; }
.calendarlinks { text-align:center; line-height:1; }
.calendarlinks a {text-decoration:none; font-size:.9em; }

/* ------------------------------------ */
/* ▼ footer                            */
/* ------------------------------------ */
#footer {
margin-top:2em;
}
#footer a { text-decoration:none; }
#footer a:link    { color:white; }
#footer a:visited { color:white; }
#footer .backlink {
text-align:center;
margin:0.5em;
}
.poweredby, .modified, #footer .small { margin:0; padding-left:1em; line-height:1.2; font-size:.8em; color:#fff; background-color:rgba(0,0,0,.3)}
.poweredby { padding-top:1em; }
#footer .small {padding-bottom:1em; }
#footer .small a::after { content:' / '; color:#000; text-decoration:none;}
#footer .small a:last-child::after { content:''; }
.fixedAdminLink {
position:fixed;
top:10px;
right:10px;
z-index:9;
}
.fixedAdminLink a {
margin:2px 3px;
padding:5px;
display:inline-block;
font-size:1.4em;
width:calc(1.4em + 10px);
height:calc(1.4em + 10px);
line-height:1.3;
border-radius:50%;
color:#000;
background-color:#fff;
text-align:center;
text-decoration:none;
}
/* ************ ページ上部へ戻るリンク */
.topagetop a {
margin:2px 3px;
padding:5px;
display:inline-block;
font-size:1.4em;
width:calc(1.4em + 10px);
height:calc(1.4em + 10px);
line-height:1.3;
border-radius:50%;
color:#000;
background-color:#fff;
text-align:center;
text-decoration:none;
position:fixed;
bottom:15px;
right:15px;
transition:all .3s ease-in-out;
z-index:10;
}
.topagetop a:hover{
bottom:20px;
}
/* ………………………………… ……………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- 標準スタイルシート for Ver 3.8.2 */
/* ………………………………………………………………………………………… */
/* ------------------------- */
/* ▼URLが書かれた場合の装飾 */
/* ------------------------- */
.url { word-break:break-all; }
/* ---------------------------------------------------- */
/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */
/* ---------------------------------------------------- */
/* B:太字(Bold) */
.decorationB {
font-weight:bold;		/* 太字 */
}
/* D:削除(Delete) */
.decorationD {
color:#888;	/* 文字色 */
text-decoration-line:line-through;	/* 取り消し線 */
text-decoration-color:var(primary-font-color);			/* 線の色 */
}
/* E:強調(Emphasis) */
.decorationE {
text-decoration:underline wavy #900;
font-style:normal;
font-weight:bold;
}
/* I:斜体(Italic) */
.decorationI {
font-style:italic;		/* 斜体 */
}
.decorationI .decorationI {
transform:skewX(-30deg);
font-style:normal;
display:inline-block;
font-size:.94em;
}
/* Q:引用(Quote) */
.decorationQ {
padding:1em;
border:1px solid #ccc;
border-radius:5px;
background-color:#eee;
font-size:0.95em;
display:block;
position:relative;
}
.decorationQ a {
display:block;
color:#aaa;
text-align:right;
font-style:italic;
}
.decorationQ::before { content:''; }
.decorationQ + br {
display:none;	/* 引用直後の改行を無効化する */
}
/* S:小文字(Small) */
.decorationS {
font-size:0.8em;	/* 文字サイズ */
}
/* T:極小文字(Tiny) */
.decorationT {
font-size:0.6em;	/* 文字サイズ */
}
/* U:下線(Underline) */
.decorationU {
text-decoration-line:underline;	/* 線位置 */
text-decoration-style:dashed;		/* 線種類 */
}
/* ---------------------- */
/* ▼自由装飾用の装飾の例 */
/* ---------------------- */
.deco-scream { }
.deco-code {
display:inline-block;	/* インラインブロック化 */
font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;	/* 等幅フォント */
background-color:snow;	/* 背景色 */
color:black;			/* 文字色 */
border:1px solid #eee;	/* 枠線 */
border-radius:3px;		/* 角丸 */
padding:0px 3px;		/* 内側の余白量 */
}
.deco-separator {
display:block;					/* ブロック化 */
border-bottom:1px dotted gray;	/* 下線 */
}

/* ---------------------------------------------------- */
/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像 */
/* ---------------------------------------------------- */
/* B:太字(Bold)に含まれる画像に対する装飾 */
.decorationB img {
box-shadow:5px 5px 5px yellowgreen;		/* 右下に黄緑色の影を付ける */
}
/* D:削除(Delete)に含まれる画像に対する装飾 */
.decorationD img {
opacity:0.5;	/* 半透明にする */
}
/* E:強調(Emphasis)に含まれる画像に対する装飾 */
.decorationE img {
outline:8px ridge rgba(50, 236, 70, 0.6);		/* 浮き上がる淡緑色の枠線を付加 */
}
/* I:斜体(Italic)に含まれる画像に対する装飾 */
.decorationI img {
box-shadow:-5px 5px 5px pink;	/* 左下に黄緑色の影を付ける */
}
/* Q:引用(Quote)に含まれる画像に対する装飾 */
.decorationQ img {
vertical-align:middle;			/* 行の上下方向で真ん中に寄せる */
}
/* S:小文字(Small)に含まれる画像に対する装飾 */
.decorationS img {
border-radius:15px;			/* 半径15pxで角丸にする */
vertical-align:middle;			/* 行の上下方向で真ん中に寄せる */
}
/* T:極小文字(Tiny)に含まれる画像に対する装飾 */
.decorationT img {
max-height:75px;				/* 高さを最大75pxに抑える */
width:auto;					/* 横幅は縦横比を維持する */
vertical-align:middle;			/* 行の上下方向で真ん中に寄せる */
}
/* U:下線(Underline)に含まれる画像に対する装飾 */
.decorationU img {
box-shadow:5px 5px 5px skyblue;	/* 右下に空色の影を付ける */
}
/* -------------- */
/* ▼埋め込み画像 */
/* -------------- */
.embeddedimage {
max-width:100%;	/* 横方向にはみ出ないようにする */
max-height:240px;	/* 大きくなりすぎないようにする */
width:auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
height:auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
}
/* -------------- */
/* ▼埋め込み動画 */
/* -------------- */
.embeddedmovie { }
/* --------------- */
/* ▼埋め込みTweet */
/* --------------- */
blockquote.twitter-tweet {
background-color:#f8f8f8;
border:1px dashed #ddd;
border-radius:9px;
margin:0.3em 0;
padding:1em;
font-size:0.95em;
color:#999;
text-shadow:1px 1px 1px #fff;
}
/* -------------------- */
/* ▼検索語のハイライト */
/* -------------------- */
.searchword {
font-weight:bold;
background:linear-gradient(transparent 60%, #aaf0aa 60%);
}


/* ======================== */
/* ■入力フォームの表示領域 */
/* ======================== */
.postform { padding:1em; }
.postform p { margin:0; }
/* ------------ */
/* ▼本文入力欄 */
/* ------------ */
textarea.tegalogpost {
border:2px green solid;	/* 枠線 */
border-radius:0.67em;		/* 枠の角丸 */
background-color:white;	/* 背景色 */
padding:0.5em;				/* 内側の余白量 */
margin-bottom:0.25em;		/* 外側下の余白量 */
box-sizing:border-box;		/* サイズ解釈方法 */
width:100%;				/* 横幅 */
height:4.3em;				/* 高さ */
overflow-wrap:break-word;	/* 折り返し方法 */
overflow:auto;				/* はみ出した場合の処理 */
}
/* ▽プレースホルダ(※入力文字数がゼロの際にだけ見える薄文字)の装飾 */
textarea.tegalogpost:placeholder-shown { color:#777; }			/* 通常時 */
textarea.tegalogpost:focus:placeholder-shown { color:#bbb; }	/* カーソルが入ったとき */
textarea.tegalogpost:-ms-input-placeholder { color:#aaa; }		/* for IE */
/* 横幅800px以下の環境の場合 */
@media all and (max-width:800px) {
textarea.tegalogpost {
font-size:16px;	/* 文字サイズ */
padding:0.4em;		/* 内側の余白量 */
}
}
/* ------------------------------------------------ */
/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
/* ------------------------------------------------ */
.line-control {
margin:0.25em 0;
}
/* ------------ */
/* ▼投稿ボタン */
/* ------------ */
.postbutton[type="submit"] {
background:green;			/* 背景色 */
color:white;				/* 文字色 */
font-weight:bold;			/* 太字 */
padding:0.25em 1em;		/* 内側の余白量 */
border:1px solid green!important;	/* 枠線 */
}
/* ▼投稿ボタンにマウスが載ったとき */
.postbutton[type="submit"]:hover {
background-color:#00cc00;	/* 背景色 */
}
/* ------------------ */
/* ▼文字装飾ボタン群 */	/* ★Ver 1.4.0以降で使用 */
/* ------------------ */
/* 掲載領域全体 */ .decoBtns { display:inline-block; margin-top:0.5em; }
/* 全ボタン装飾 */ .decoBtns input { min-width:32px; min-height:28px; margin:1px; background-color:#eee; border:1px solid #aaa; cursor:pointer; border-radius:3px; font-size:14px; vertical-align:middle; }
/* マウス載る際 */ .decoBtns input:hover { background-color:#e5f1fb; border-color:#0078d7; }
/* 太字  :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:800px) {
/* ▼文字装飾ボタン群 */
.decoBtns { margin-top:0; }
}
/* -------------------------------- */
/* ▼カテゴリ選択チェックボックス群 */	/* ★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; }

/* ‥‥‥‥‥‥ */
/* ▼編集リンク */
/* ‥‥‥‥‥‥ */
.editlink a {
display:inline-block;	/* インラインブロック化 */
font-size:0.82em;		/* 文字サイズ */
color:black;			/* 文字色 */
text-decoration:none;	/* 下線を消す */
background-color:#eee;	/* 背景色 */
border:1px solid #ccc;	/* 枠線 */
border-radius:0.5em;	/* 枠の角丸 */
padding:0 0.5em;		/* 内側の余白量 */
}

/* ▽編集リンクにマウスが載ったとき */
.editlink a:hover {
color:white;			/* 文字色 */
background-color:#08f;	/* 背景色 */
border-color:#08f;		/* 枠線の色 */
}
/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
.passkeyform {
display:inline-block;
margin:0;
padding:0.6em;
}
/* ▼鍵違いエラーの表示 */
.passkeyerror {
margin:0 0 .2em;
padding:3px 3px 3px 13px;
border:1px solid #eab2b2;
display:block;
color:#900;
background-color:#fbf0f0;
}
/* ▼入力フォーム枠 */
.passkeybox {
display:block;
}
/* ▼入力欄前のガイド文 */
.passkeyguide { margin:0 0 .5em; display:block; }
/* ▼鍵入力欄 */
.passkeyinput {
width:10em;
margin:0 0.25em 3px 0;
}
/* ▼送信ボタン */
.passkeysubmit {
}

/* ====================================================================== */
/* ■投稿の個別ページに追加表示されるユーティリティリンク群の装飾         */
/* ====================================================================== */
.utilitylinks { display:table; font-size:.8em; }

/* ================================================= */
/* レスポンシブ対応                                  */
/* ================================================= */
@media all and (min-width:600px) {
	.onelog .post-content {
	margin:1em auto;
	max-width:40em;
	font-size:1.1em;
	}
}
@media screen and (max-width:600px){
	main, aside { padding:2em 10px; }
	.pagenavi { flex-direction:column; gap:1em; }
	.subarea { width:100%; }
	.embeddedmovie {
	display:inline-block;
	max-width:100%;	/* はみ出ないようにする */
	width:auto;
	height:auto;
	}
}
@media all and (max-width:480px) {
	body:not(.onelog) article { padding:2px .5em; }
	body:not(.onelog) .onelogbox { flex-direction:column; gap:0; align-items:flex-start; }
	body:not(.onelog) h2.title { width:100%; max-width:fit-content; }
	.info { width:100%; text-align:end; }
	.post-content { font-size:1em; }
}
/* ver3.8.8以降 */
.embeddedpictbox { display:inline-table; border-collapse:collapse; position:relative; }
.embeddedpictbox img { border-radius:5px; }
.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:5px; }
.imagelink.nsfw img{ filter:blur(7px); }
.imagelink.nsfw::after { content:'\f071'; font-family:'Font Awesome 6 Free'; font-weight: 900; color:#fff; background-color:rgba(0,0,0,.5); display:inline-block; width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:2em; text-align:center; height:100%; padding-top:3em; text-decoration:none; }
.imagelink img { vertical-align: middle; transition:.5s; }
.imagelink:hover img { transform:scale(1.1); }
/* 新着画像一覧 */
.imagesearch { margin:2px; border:1px solid #ccc; display:inline-block; width:30%; overflow:hidden; }
.imagesearch .oneimage { margin:0; width:100%; }
.imagesearch .oneimage.nsfw { filter:blur(3px) grayscale(1); }