@charset "utf-8";
/*  **********************
てがろぐスキン「ポストイット」
Ver. 2024/08/09 19:46
https://10prs.com
 ************************ */
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Zen+Maru+Gothic:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap&text="');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css');
:root{
--primary-font-color:#2d3405;
--secondary-font-color:#ccc;
--title-font-color:#002db3;
--main-bg-color:#f8f7f7;
--color-blue:#006FBF;
--color-pink:#FF7473;
--color-yellow:#FFC952;
--contents-width:600px;
}
html{
background-color:var(--main-bg-color);
}
body{
min-width:320px;
line-height:1.6;
color:var(--primary-font-color);
letter-spacing:.05em;
animation:fadein 1.2s ease;
}
@keyframes fadein{
	0%{ opacity:0; }
	100%{ opacity:1; }
}
a { transition:.3s; }
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; }
/* ------------------------------------ */
/* ▼ global_header                      */
/* ------------------------------------ */
.global_header {
padding:20px 0;
	& > * {
	margin:0 auto;
	max-width:var(--contents-width);
	}
	& h1 {
	line-height:1.1;
	}
	& h1 a {
	display:block;
	color:var(--primary-font-color);
	font-family:'Concert One', cursive;
	text-align:center;
	text-decoration:none;
	}
}
.reverse_link { font-size:.8em; text-align:center; }
.situation { margin:0 0 1em 0; font-size:.8em; }
.situation:empty { display:none; }
.dateseparator { font-size: .8em; text-align:center; }
.dateseparator.fixedseparator { display:none; }
/* ------------------------------------ */
/* ▼ main_contents                     */
/* ------------------------------------ */
.main_contents {
margin:20px auto;
max-width:var(--contents-width);
}
/* ------------------------------------ */
/* ▼ onelogbox                          */
/* ------------------------------------ */
.onelogbox {
margin:2em 1.2em;
padding-top:3em;
border:1px solid var(--secondary-font-color);
position:relative;
font-family:'Zen Maru Gothic', sans-serif;
border-radius:5px;
	& .postdate {
	padding:7px 50px 7px 10px;
	display:inline-block;
	position:absolute;
	top:.5em;
	left:-16px;
	overflow:hidden;
	color:#fff;
	background-color:#333;
	font-family:'Concert One', cursive;
	font-size:1.1em;
	border-radius:2px;
	}
	& .postdate::after {
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:150%;
	content:'';
	transform:translateX(20%) translateY(-45%) rotate(130deg);
	}
	& .postdate.Sun::after { background:#ff7f7f; }
	& .postdate.Mon::after { background:#ffbf7f; }
	& .postdate.Tue::after { background:#ff4da6; }
	& .postdate.Wed::after { background:#7fffff; }
	& .postdate.Thu::after { background:#7fffbf; }
	& .postdate.Fri::after { background:#ffff7f; }
	& .postdate.Sat::after { background:#bf7fff; }
	& .post_title { display:none; }
}
/* 記事本文 */
.post_content {
padding:1em;
font-size:.9em;
	& .taglink {
	display:inline-block;
	margin:0 3px;
	text-decoration:none;
	word-break:break-all;
	}
	& .taglink:hover {
	color:blue;
	text-decoration:underline;
	}
}
/* 記事フッタ */
.post_footer {
margin:0;
padding:3px .5em;
font-size:.9em;
text-align:right;
	& .categories::before {
	content:'\f07b';
	color:#ccc;
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	}
	& .categories:empty {
	display:none;
	}
	& .categorylink {
	color:var(--primary-font-color);
	font-size:.9em;
	text-decoration:none;
	}
	& .categorylink:hover {
	text-decoration:underline;
	}
	& .categorylink:first-child {
	margin-left:.2em;
	}
	& .catseparator {
	display:inline-block;
	margin:0 1px;
	}
}
/* 新着マーク */
.newsign {
padding:2px 3px;
display:inline-block;
position:absolute;
top:-1px;
right:-1px;
height:calc(1.6em + 4px);
max-width:6em;
overflow:hidden;
color:#fff;
background-color:deeppink;
font-family:'Concert One', cursive;
font-size:.8em;
font-weight:bold;
border-radius:0 5px 0;
}
/* 先頭固定記事 */
.newsign .fixed::before {
padding:3px;
display:block;
width:calc(100% + 6px);
position:absolute;
top:0;
left:-3px;
content:'Pinned';
background:#444;
text-align:center;
}
.newsign:empty { display:none; }
/* 隠すボタン */
.readmorebutton, .readmorebutton.readmoreclose {
width:100%;
text-align:center;
padding:.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;
}
/* いいねボタンやシェアリンク */
.response {
padding-left:0;
border-top:1px solid #ddd;
display:flex;
list-style:none;
width:100%;
}
.response li {
padding:2px 0;
flex:1;
text-align:center;
}
.iine_btn, details.sharelinks > summary {
filter:grayscale(100%);
transition:.3s ease-in-out;
}
.iine_btn:hover, .newiine_clickedtoday .iine_btn, details.sharelinks > summary:hover { filter:grayscale(0); }
.newiine_count, .share .text {
font-size:.9em;
color:var(--secondary-font-color);
}
details.sharelinks {position:relative;}
details.sharelinks > summary { list-style:none; cursor:pointer; }
details.sharelinks > summary span { font-size:.8em; color:var(--secondary-font-color); }
details.sharelinks ul.sharelinks {
margin:.5em auto;
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; text-decoration:none; 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{
padding:2px 4px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
line-height:14px
color:#fff;
background:#0009;
}
/* 記事単体表示 */
.onelog {
	& .main_contents { display:flex; flex-direction:column; }
	& .situation { order:1 }
	&  .onelogbox { order:2 }
	& .utilitylinks { order:4 }
	& .pagenavi { order:3; }
}
/* ------------------------------------ */
/* ▼ページ前後移動リンク群ボックス全体           */
/* ------------------------------------ */
.pagenavi {
margin:1.5em 0px;
padding:.5em 0px;
display:flex;
flex-direction:row;
justify-content:center;
width:100%;
text-align: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;
}
.pagenumlink {
padding:.2em .5em;
font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
font-weight:bold;
}
.pagenavi a:hover {
background-color:#555;
color:#fff!important;
border-radius:.3em;
}
.pagenavi .pagenumhere {
background-color:var(--primary-font-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:flex; align-items:center; }
.onelog .prevlink { padding-left:16px; }
.onelog .prevlink::before { margin-right:auto; content:'\f106'; font-family:'Font Awesome 6 Free'; font-weight:900; display:block; transform:rotate(-90deg); }
.onelog .nextlink { padding-right:16px; }
.onelog .nextlink::after { margin-left:auto; content:'\f106'; font-family:'Font Awesome 6 Free'; font-weight:900; display:block; transform:rotate(90deg); }
/* ------------------------------------ */
/* ▼sub area                           */
/* ------------------------------------ */
#utility_links {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
gap:16px;
justify-content:center;
}
.subarea {
width:calc((100% / 3) - 16px);
padding:0 1em;
background:rgba(255,255,255,.6);
border-radius:.5em;
}
.cornertitle {
font-size:1.2em;
font-family:'Concert One', cursive;
}
.cornertitle + div {
margin:.5em 0;
padding:.5em;
font-size:.9em;
}
.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:100px;
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 #8cd98c;
width:100%;
}
.calendar th, .calendar td {
border:1px solid #ace3ac;
padding:2px;
text-align:center;
font-size:.9em;
line-height:1;
}
.calendar caption {
color:darkgreen;
}
.daysofweek th {
background-color:#d9ffd9;
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:#ace3ac;
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                             */
/* ------------------------------------ */
#page_bottom {
margin-top:2em;
padding-inline:1em;
line-height:1.2;
font-size:.8em;
	& .copyright {
	display: flex;
	justify-content: center;
	place-items: center;
	}
	& .modified { text-align:right; }
	& .material {
	list-style:none;
	font-size:.9em;
	text-align:right;
	 & li { display:inline; }
	 & li:not(:last-child)::after { content:'/'; }
	}
	& a { text-decoration:none; }
	& a:link { color:var(--primary-font-color); }
	& a:visited { color:var(--primary-font-color); }
	& a:hover { color:var(--color-blue); }
	& a:active { color:#ccffcc; }
}
/* ------------------------------------ */
/* ▼ fixed utility                      */
/* ------------------------------------ */
.admin_link {
display:flex;
flex-direction:column;
position:fixed;
z-index:1;
top:10px;
right:10px;
}
label#open_form_btn::after { content:none; }
.admin_link > a, .admin_link > #open_form_btn, #open_utility_links  {
margin:2px 3px;
padding:5px;
display: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;
overflow:hidden;
cursor:pointer;
}
.admin_link > *{
animation:float_y 2s ease-in-out infinite alternate, float_x 2s ease-in-out infinite alternate;
}
.admin_link > a img { margin-top:3px; width:1.1em; height:1.1em; }
@keyframes float_y {
	0% { margin-top:0px; transform:rotate(-7deg);}
	100% { margin-top:1px; transform:rotate(7deg);}
}
@keyframes float_x {
	0% { margin-right:5px; }
	100% { margin-left:0px; }
}
#utility_links_toggle, #close { display:none; }
#open_utility_links { display:block; }
#open_utility_links span { top:11px; left:9px; }
#open_utility_links span, #open_utility_links span:before, #open_utility_links span:after {
position:absolute;
height:3px;/*線の太さ*/
width:25px;/*長さ*/
border-radius:3px;
background:#555;
display:block;
content:'';
cursor:pointer;
}
#open_utility_links span:before { bottom:-8px; }
#open_utility_links span:after { bottom:-16px; }
#close {
display:none;
position:fixed;
z-index:99;
top:0;
left:0;
width:100%;
height:100%;
background:black;
opacity:0;
transition:.3s ease-in-out;
}
#utility_links {
overflow:auto;
position:fixed;
top:0;
left:0;
z-index:9999;
width:90%;
height:100%;
background:#fff;
transition:.3s ease-in-out;
-webkit-transform:translateX(-105%);
transform:translateX(-105%);
}
#utility_links_toggle:checked ~ #close {
display:block;
opacity:.5;
}
#utility_links_toggle:checked ~ #utility_links {
-webkit-transform:translateX(0%);
transform:translateX(0%);
box-shadow:6px 0 25px rgba(0,0,0,.15);
}
.to_newpost span {
display:none;
}
/* ………………………………… ……………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- 標準スタイルシート for Ver 3.8.2 */
/* ………………………………………………………………………………………… */
/* ---------------------------------------------------- */
/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */
/* ---------------------------------------------------- */
/* B:太字(Bold) */
.decorationB { font-weight:bold; }
/* D:削除(Delete) */
.decorationD { color:#888; text-decoration-line:line-through; text-decoration-color:var(--primary-font-color) }
.decorationD .decorationD { display:inline-block; position:relative; 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:強調(Emphasis) */
.decorationE {
text-decoration:underline wavy #900;
font-style:normal;
font-weight:bold;
}
/* I:斜体(Italic) */
.decorationI { font-style:italic; }
/* Q:引用(Quote) */
q::before, q::after {
content:none;
}
.decorationQ {
padding:1em;
border:1px solid #ccc;
border-radius:5px;
background-color:#eee;
font-size:.95em;
display:block;
position:relative;
}
.decorationQ::after {
content:'"';
font-family:'Secular One', sans-serif;
position:absolute;
top:-.55em;
right:0;
color:#ccc;
font-size:6em;
}
/* S:小文字(Small) */
.decorationS { font-size:.8em; }
/* T:極小文字(Tiny) */
.decorationT { font-size:.6em; }
/* U:下線(Underline) */
.decorationU {
text-decoration-line:underline;
text-decoration-style:dashed;
}
/* ---------------------- */
/* ▼自由装飾用の装飾の例     */
/* ---------------------- */
.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 var(--secondary-font-color);
}
ruby { position:relative; }
ruby rt { position:relative; top:1.4ex; }
/* -------------------- */
/* ▼検索語のハイライト       */
/* -------------------- */
.searchword {
font-weight:bold;
background:linear-gradient(transparent 60%, #aaf0aa 60%);
}
/* ▼編集リンク */
.edit a, a.edit {
display:inline-block;
font-size:.8em;
color:black;
text-decoration:none;
background-color:#eee;
border:1px solid #ccc;
border-radius:.5em;
padding:0 .5em;
}
.edit a:hover, a.edit:hover {
color:#fff;
background-color:#08f;
border-color:#08f;
}
/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾                */
/* ============================================================ */
.passkeyform {
display:inline-block;
margin:0;
padding:.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 .25em 3px 0; }
/* ▼送信ボタン */
.passkeysubmit {}
/* ====================================================================== */
/* ■投稿の個別ページに追加表示されるユーティリティリンク群の装飾                           */
/* ====================================================================== */
.utilitylinks {
margin:2em auto 1em;
padding:.5em;
display:table;
font-size:.8em;
}
.utilitylinks ul {
color:var(--primary-font-color);
}
/* ================================================= */
/* レスポンシブ対応                                      */
/* ================================================= */
@media all and (max-width:800px) {
	textarea.tegalogpost { font-size:16px; padding:.4em; }
}
@media screen and (max-width:600px){
	/* ▼文字装飾ボタン群 */
	.decoBtns { margin-top:0; }
	/* ▼コンテンツブロック */
	main, aside { padding:0 10px; }
	.subarea { width:100%; }
	/* ▼埋め込み動画 */
	.embeddedmovie { display:inline-block; max-width:100%; width:auto; height:auto; }
}
@media all and (max-width:480px) {
	/* ▼投稿情報カラム */
	.onelogside { width:64px; }
	/* ▼投稿本文 */
	.post_content { font-size:.9em; }
	.onelog .prevlink, .onelog .nextlink { width:100%; }
	.onelog .nextlink { margin-top:1em; }
	details.sharelinks ul.sharelinks { max-width:150%; }
}
/* ================================================= */
/* モード別表示                                      */
/* ================================================= */
.mode-gallery .post_content {
	&>.embeddedpictbox,
	&>.imagelink>.embeddedimage {
	max-width:150px;
	max-height:200px;
	vertical-align:top;
	}
}