@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=M+PLUS+Rounded+1c:wght@300;400;700;900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Quicksand);

/* ………………………………………………………………… */
/* ブログタイプ(オリジナル)スキン用 */
/* ………………………………………………………………… */

/* html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}

/* Table of Contents：
   -------------------
■全体共通装飾
▼リンクの装飾
▼URLが書かれた場合の装飾
▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字
▼自由装飾用の装飾の例
▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像
▼埋め込み画像
▼埋め込み動画
▼埋め込みTweet
▼検索語のハイライト

■ページレイアウト
▼メイン段の装飾
▼サブ段の装飾

■段組構成
▼大外枠の装飾
※サイドバーを左側に配置したい場合は、ここの値を「 row-reverse 」に変更して下さい。値が「 row 」だとサイドバーは右側に配置されます。
▼メイン段の装飾
▼サブ段の装飾
※サイドバーの幅を調節したい場合は、ここの値を増減させて下さい。(標準は 25% )

■ページ最上部(ヘッダ)領域
▼コントロールリンク群
▼ヘッダ大ボックス
※背景グラデーションの指定もここ。
▼サイト名
▼サイト概要文
▼最終更新日時＋RSSフィード枠

■入力フォームの表示領域
▼本文入力欄
▼投稿コントロール部分(ボタンや字数カウンタなど)
▼投稿ボタン
▼文字装飾ボタン群
▼カテゴリ選択チェックボックス群

■メイン(ログ掲載)領域
▼表示限定案内枠
※表示限定案内の先頭に加える記号の指定はここ。
▼日付境界バー

■投稿ボックス(一発言)ごとの表示
▼投稿ヘッダ
▼カテゴリ名
▼投稿本文
▼本文内に含まれるハッシュタグリンク
▼投稿フッタ

■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾
▼鍵違いエラーの表示
▼入力フォーム枠
▼入力欄前のガイド文
▼鍵入力欄
▼送信ボタン

■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾

■ページナビゲーション領域
▼ページ前後移動リンク群ボックス全体
▼ページ番号リンク群ボックス全体
▼限定解除リンク(＝HOMEに戻るリンク)

■サブ領域（サイドバー）
▼検索窓区画
▼カテゴリツリー区画
▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等）
▼新着投稿リスト区画
▼カレンダー区画
▼日付一覧リスト・日付検索区画
▼ハッシュタグリスト区画
▼フリースペース区画
▼画像一覧リスト区画
▼その他の情報表示

■ページ最下部(フッタ)領域
▼フッタボックス					※背景グラデーションの指定もここ。
▼フッタ内フリースペース
▼著作権表示(Poweredby)のデザイン
*/


/* ============== */
/* ■全体共通装飾 */
/* ============== */
:root {
--main-site-color: #5a5;
--main-bg-color: #eaecaf;
--main-border-color: green;
--sub-site-color: #fbfce6;
--sub-bg-color: #eaecaf;
--link-color: #996633;
--visited-color: #996633;
--hover-color: #cc9966;
--main-btn-link-color: green;
--onelogbox-color: #deb887;
--logheader-bg-color: #f5f5bb;
--logtitle-color: #63650b;
--readmore-btn-color: #996633;
--editlink-bg-color: #e0e0a3;
--editlink-border-color: #85880f;
--pagelinks-color: yellowgreen;
--pagelinks-bg-color: #eef9c1;
--pagenums-bg-color: #8ebb2e;
--pagenums-border-color: #81aa2a;
--calendar-color: #dde075;
--calendar-cap-color: #888a20;
--calendar-week-color: #e5e797;
}

body {
font-family: 'Quicksand', sans-serif;
margin: 0;
padding: 0;
line-height: 1.4;
background-color: #fff;
}
ul { list-style:none; 
}

@media screen and (min-width:835px){
.sp { display: none; }
}
@media screen and (max-width: 834px){
.pc { display: none; }
}

/* -------------- */
/* ▼リンクの装飾 */
/* -------------- */
a:link { color: var(--link-color); }
a:visited { color: var(--visited-color); }
a:hover { color: var(--hover-color); }
a { text-decoration:none; }

/* ------------------------- */
/* ▼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: red;
}
/* E:強調(Emphasis) */
.decorationE {
color: orange;
font-style: normal;
font-weight: bold;
}
/* I:斜体(Italic) */
.decorationI {
font-style: italic;
}
/* Q:引用(Quote) */
.decorationQ {
margin: 1em 0.3em 1em 1em; 
padding: 0.75em 0.5em; 
border-left: 5px double #5a5;
background-color: #efd;	
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 {
text-decoration-line: underline;
text-decoration-style: double;
text-decoration-color: orange;
}

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

.deco-flex {
display: flex;
gap: 1em;
align-items: start;
justify-content: start;
flex-wrap: wrap;
}

/* ------------------------- */
/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像 */	
/* この部分は、文字装飾領域内に含まれた画像を装飾するための記述です。 */
/* ------------------------- */
/* B:太字(Bold)に含まれる画像に対する装飾 */
.decorationB img {
outline: 4px ridge yellow;
}
/* D:削除(Delete)に含まれる画像に対する装飾 */
.decorationD img {
opacity: 0.5;
}
/* E:強調(Emphasis)に含まれる画像に対する装飾 */
.decorationE img {
outline: 8px ridge rgba(220, 250, 90, 0.6);
}
/* I:斜体(Italic)に含まれる画像に対する装飾 */
.decorationI img {
box-shadow: -5px 5px 5px yellowgreen;
}
/* Q:引用(Quote)に含まれる画像に対する装飾 */
.decorationQ img {
vertical-align: middle;
}
/* S:小文字(Small)に含まれる画像に対する装飾 */
.decorationS img {
border-radius: 15px;
vertical-align: middle;
}
/* T:極小文字(Tiny)に含まれる画像に対する装飾 */
.decorationT img {
max-height: 75px;
width: auto;
vertical-align: middle;
}
/* U:下線(Underline)に含まれる画像に対する装飾 */
.decorationU img {
box-shadow: 5px 5px 5px orange;
}

/* -------------- */
/* ▼埋め込み画像 */
/* -------------- */
/* ▽画像ボックス(FIGオプション指定時) */
.embeddedpictbox {
margin: 0;
padding: 0;
display: inline-table;
border-collapse: collapse;
border: 1px solid #e0e0a3;
vertical-align: top;
}
/* キャプション */
.embeddedpictbox figcaption {
display: table-caption;
caption-side: bottom;
font-size: 0.8em;
text-align: center;
background-color: #e0e0a3;
}

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

/* ▽画像リンク */
.imagelink {
display: inline-block;
line-height: 1;
vertical-align: inherit;
}

/* ▽画像そのもの */
.embeddedimage {
max-width: 100%;
max-height: 240px;
width: auto;
height: auto;
}

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

/* -------------- */
/* ▼埋め込み動画 */
/* -------------- */
@media all and (max-width: 600px) {
.embeddedmovie {
display: inline-block;
max-widtwidth: 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: #999;
text-shadow: 1px 1px 1px #fff;
}

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

/* -------------------- */
/* ▼検索語のハイライト */
/* -------------------- */
.searchword {
font-weight: bold;
background: linear-gradient(transparent 60%, #fd9 60%);
}

/* ================== */
/* ■ページレイアウト */
/* ================== */
.pagecover {
max-width: 1250px;			
/* 最大横幅（横幅の最大値を変更したい場合はここを修正して下さい。横幅の最大値を無制限にしたい場合はこの行を削除して下さい。） */
margin: 0 auto;
padding: 0;
box-sizing: border-box;
background-color: #fff;
}

/* ---------------- */
/* ▼メイン段の装飾 */
/* ---------------- */
.contents .mainarea {
margin: 0;
padding: 1em;
}
/* -------------- */
/* ▼サブ段の装飾 */
/* -------------- */
.contents .subarea {
margin: 0;
padding: 1.25em;
}

/* ========================== */
/* ■段組構成（画面の幅が800px以上ある広い場合限定） */
/* ※段組(2カラム構成)にしたくない場合は、この区画を全削除して下さい。 */
/* ========================== */

@media all and (min-width: 800px) {

/* -------------- */
/* ▼大外枠の装飾 */
/* -------------- */
.contents {
display: flex;
flex-direction: row;
/* サイドバーを左側に配置したい場合は、ここの値を「 row-reverse 」に変更して下さい。 */
}

/* ---------------- */
/* ▼メイン段の装飾 */
/* ---------------- */
.contents .mainarea {
flex: 3;
/* (A)：メイン段の幅(割合)を調節したい場合は、ここと下記(B)の値を合わせて増減させて下さい。 */
}

/* -------------- */
/* ▼サブ段の装飾 */
/* -------------- */
.contents .subarea {
flex: 1;
/* (B)：サイドバーの幅(割合)を調節したい場合は、ここと上記(A)の値を増減させて下さい。 */
background-color: var(--sub-bg-color);
}

}

/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
margin: 0;
padding: 0;
}

/* ---------------------- */
/* ▼コントロールリンク群 */
/* ---------------------- */
.controllinks {
margin: 0;
padding: 0.34em;
text-align: right;
}
/* リンクボタン */
.controllinks a {
display: inline-block;
margin: 0 0.1em;
padding: 1px 1.2em;
color: #008;
text-shadow: 1px 1px 1px white;
background-color: #a3e0a3;
border: 1px solid #73d073;
border-radius: 1em;
font-size: 0.85em;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
}
.controllinks a:hover {
background-color: #e0e0a3;
border-color: #d0d073;
}

/* ------------------ */
/* ▼ヘッダ大ボックス */
/* ------------------ */
.headerbox {
background: linear-gradient(217deg, #ff8, white 42%, #aea);
min-height: 10rem;
border-style: solid;
border-color: var(--main-site-color);
border-width: 5px 0;
}
/* 834px以下 */
@media screen and (max-width: 834px){
.headerbox {
min-height: 3rem;
}
}
/* ▼サイト名 */
h1 {
margin: 0;
padding: 1.5rem 0 0 1.5rem;
line-height: 1;
}
h1 a {
text-decoration: none;
}
/* ▽メインタイトル */
.maintitle {
font-size: 2.0rem;
display: inline-block;
}
/* ▽サブタイトル */
.subtitle {
font-size: 1.2rem;
display: inline-block;
}

/* ▼サイト概要文 */
.descriptionbox {
margin: .5rem 0;
padding: .5rem;
text-shadow: 1px 1px 0px white;
}

/* ▼最終更新日時＋RSSフィード枠 */
.lastmodifiedbox {
margin: 0;
padding: 1em;
font-size: 0.9em;
text-align: right;
color: gray;
}
/* 更新日時 */
.lastmodified {
color: black;
}
/* RSSフィードへのリンク(ボタン型に装飾) */
.rssfeedlink a {
display: inline-block;
margin-left: .5rem;
border: 1px solid var(--pagelinks-color);
border-radius: .2rem;
background-color: #fff;
text-decoration: none;
padding: 1px .5rem;
}
.rssfeedlink a:hover {
background-color: var(--pagelinks-color);
color: white;
}

/* 834px以下 */
@media screen and (max-width: 834px){
/* ヘッダーメニュー */
.header { display: flex; justify-content: space-between; align-items: center; padding: .3rem 0 0 1rem; box-sizing: border-box;
}
.logo { font-size: 1.4rem;
}
.logo h1 { display:inline-block; padding: 1rem 0rem;
}
.drawer-hidden { display: none;
}
.drawer-open { display: flex; height: 40px; width: 45px; justify-content: center; align-items: center; position: relative; z-index: 1000; cursor: pointer; background-color: var(--main-site-color); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; top: -3px; right: 10px;
}
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background: #fff; transition: 0.5s; position: absolute;
}
.drawer-open span:before { bottom: 8px;
}
.drawer-open span:after { top: 8px;
}
#drawer-check:checked ~ .drawer-open span { background: rgba(255, 255, 255, 0);
}
#drawer-check:checked ~ .drawer-open span::before { bottom: 0; transform: rotate(45deg);
}
#drawer-check:checked ~ .drawer-open span::after { top: 0; transform: rotate(-45deg);
}
.drawer-content { width: 80%; height: 100%; position: fixed; top: 0; right: 100%; z-index: 999; background: #fff; transition: .5s; padding: 0px;
}
.hamburger-top { position: relative; background-color: var(--main-site-color); text-align: center; padding: 15px 15px; font-size: 22px; font-weight: bold; text-align: center; letter-spacing: 5px; color: #f7f6f5;
}
.category { background-color: var(--main-site-color); font-size: 18px; padding: 10px 15px; color: #f7f6f5; font-weight: bold;
}
.drawer-content ul{ padding: 0px;
}
.drawer-content ul li{ list-style-type: none; font-size: 16px; border-bottom:1px solid #cccccc;
}
.drawer-content ul li:last-child{ border-bottom:0;
}
.drawer-content a{ display: block; text-decoration: none; color: var(--link-color); margin: 0px; padding: 12px 25px; transition: .5s;
}
.drawer-content li a:hover{ color: #f7f6f5; background: var(--hover-color); border-bottom: none;
}
.hamburger-bottom { background-color: var(--main-site-color); height: 100px;
}
#drawer-check:checked ~ .drawer-content { right: 20%; position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%;
}
#nav-close { display: none; position: fixed; z-index: 998; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; transition: .3s ease-in-out;
}
#drawer-check:checked ~ #nav-close { display: block; opacity: .5;
}
}

/* 835px以上 */
@media screen and (min-width: 835px){

.menu-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
grid-template-rows: 4rem;
gap: 2px;
justify-content: center;
align-items: center;
margin: .5rem auto;
width: calc(100% - 2rem);
}
a.menu-grid__item {
background-color: var(--main-btn-link-color);
border: 2px solid var(--main-border-color);
border-radius: 2px;
font-size: .8rem;
color: #fff;
font-weight: bold;
padding: .8rem 0;
text-align: center;
display: block;
}
a.menu-grid__item:hover {
opacity: .7;
}
}

/* ======================== */
/* ■入力フォームの表示領域 */
/* ※これはQUICKPOST用です。新規投稿専用画面や編集画面ではCGI内蔵のCSSが使われるため、ここの記述は適用されません。 */
/* ======================== */
.postform {
background-color: #eee;
margin: 0 0 1rem;
padding: 1rem;
}
.postform p {
margin: 0;
}

/* ------------ */
/* ▼本文入力欄 */
/* ------------ */
textarea.tegalogpost {
border: 2px var(--main-border-color) solid;
border-radius: 0.67em;
background-color: white;
font-size: 0.9rem;
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 {
display: inline-block;
background: var(--main-btn-link-color);
color: white;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
margin: .5rem 1rem 1rem .5rem;
padding: .25rem 1rem;
border: 0px solid green;
border-radius: 1em;
}
/* ▼投稿ボタンにマウスが載ったとき */
.postbutton:hover {
opacity: .7;
}
/* 834px以下 */
@media screen and (max-width: 834px){
.postbutton {
margin: .5rem 1rem .5rem .5rem;
}
}
.changelink {
margin: .5rem 1rem .5rem 1rem;
font-size: .8rem;
}

/* ------------------ */
/* ▼文字装飾ボタン群 */
/* 注：これはボタンそのものを描画するための装飾です。文字装飾のためのスタイルではありません。 */
/* ------------------ */

/* 掲載領域全体 */
.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; }

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


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

/* ▼表示限定案内枠 */
.situation {
margin: 1rem 0;
padding: 1rem 1.5rem;
color: #7f820e;
background-color: #dade62;
border-radius: 3px;
font-weight: bold;
font-size: 1rem;
text-shadow: 1px 1px 1px white, -1px 1px 1px white, 1px -1px 1px white, -1px -1px 1px white;	
}
.situation::before {
content: '';
/* 表示限定案内の先頭に加える記号（何も加えたくない場合はこの行を削除して下さい。） */
}
.situation:empty {
display: none;
/* 表示限定案内が存在しない場合に、枠そのものを描画しないようにする指定。(これを消すと、限定ではない表示時に無駄な枠が描画されてしまいます。) */
}
.situation-postno {
display: none;
}

/* ▼日付境界バー */
.dateseparator{
display: none;
}
/* .dateseparator {
margin: 1em 0;
padding: 0.4em 0.6em;
background-color: #eaecaf;
border-style: solid;
border-color: #b7bb15;
border-width: 1px 0;
}
.dateseparator::before {
content: '';
color: #dde219;
}
.dateseparator .datetitle {
} */
/* 日付境界バーの内側のリンク(ボタン型に装飾) */
/* .dateseparator a {
display: inline-block;
font-size: 0.7em;
border: 1px dotted yellowgreen;
border-radius: 1em;
margin-left: 1em;
padding: 1px 0.75em;
vertical-align: middle;
text-decoration: none;
background-color: #f9fad5;
color: 7c7f0f;
}
.dateseparator a:hover {
border-style: solid;
background-color: yellowgreen;
color: white;
} */

/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */
/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
margin: .5rem 0;
padding: 0 1rem 1rem;
border: 2px solid var(--onelogbox-color);
border-radius: 8px;
}
/* ……………… */
/* ▼投稿ヘッダ */
/* ……………… */
.logheader {
margin: 0 -1rem 0 -1rem;
padding: .75rem;
background-color: var(--logheader-bg-color);
border-radius: 6px 6px 0 0;
}
/* ▼タイトル */
.logtitle {
margin: 0 0 .6rem;
padding: .25rem 0;
line-height: 1.1;
font-size: 1.1rem;
}
.logtitle a {
text-decoration: none;
color: var(--logtitle-color);
}
/* ▼投稿情報枠 */
.loginfo {
margin: 0;
padding: 0;
text-align: right;
font-size: .8rem;
color: gray;
}
.loginfo a {
text-decoration: none;
}
.loginfo img {
vertical-align: middle;
}

/* 投稿ID枠 */		
.postidbox { color: #b2b614; display: inline-block; }
/* 投稿ID */
.postid { color: black; }
/* 経過時間枠 */
.pasttime { color: gray; }
/* 投稿日時枠 */	
.postdatebox { color: #b2b614; display: inline-block; }
/* 投稿日時 */
.postdate { color: black; }
/* 投稿者名枠 */
.usernamebox { display: inline-block; }

/* ▼投稿後間もないことを示すNewサイン */
.newsign {
display: block;
float: right;
margin: 0;
padding: 1px 3px;
vertical-align: top;
font-size: 0.6em;
color: red;
}
.newsign:empty {
display: none;
/* Newサインを表示しない状況では、枠自体を描画しないようにする指定。 */
}
/* ‥‥‥‥‥‥ */
/* ▼カテゴリ名 */
/* ‥‥‥‥‥‥ */
.categories {
display: inline-block;
color: #b2b614;
}
.categories::before {
content: '';		
/* カテゴリ枠の先頭に「《Category:」の表示を追加 */
}
.categories::after {
content: '';
/* カテゴリ枠の末尾に「》」の表示を追加 */
}
.categories:empty {
display: none;
/* カテゴリが1つもない場合は、枠自体を表示しない。 */
}
/* ▽カテゴリリンク1つ */
.categorylink {
display: inline-block;
text-decoration: none;
margin: 0 .2rem;
}
/* リンクの文字色 */
a.categorylink {
border: 1px solid var(--main-border-color);
background-color: var(--main-btn-link-color);
color: #fff;
border-radius: 2px;
padding: 1px .5rem;
min-width: 3rem;
text-align: center;
}
.categorylink::before {
font: var(--fa-font-solid);
content: "\f07b";
margin-right: .2rem;
}
.categorylink:hover {
opacity: .7;
}
/* ▽カテゴリ間のセパレータ */
.catseparator {
display: inline-block;
}
/* ▽カテゴリアイコン */
.categoryicon img {
height: 1.2em;
width: auto;
vertical-align: text-top;
margin: 0 1px;
}
/* …………… */
/* ▼投稿本文 */
/* …………… */
.logbody {
margin: 0;
padding: 1em 0;
}
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
/* ▼本文内に含まれるハッシュタグリンク */
/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
.logbody .taglink {
}
.logbody .taglink:hover {
}
.logbody .readmorebutton {
border: 1px solid var(--readmore-btn-color);
background-color: var(--readmore-btn-color);
color: #fff;
border-radius: 2px;
margin: .2rem .5rem;
padding: 1px 1rem;
min-width: 3rem;
text-align: center;
}
.logbody .readmoreclose {
line-height: 2.0;
}
/* ……………… */
/* ▼投稿フッタ */
/* ……………… */
.logfooter {
margin: 0;
padding: 0;
font-size: .8rem;
color: #555;
text-align: right;
border-top: 1px dashed #ccc;
}
/* 編集リンク */
.editlink-top a {
margin-left: .2rem;
}
.editlink a {
margin: .8rem 0 0;
padding: .3rem .8rem;
display: inline-block;
text-decoration: none;
text-align: center;
vertical-align: text-bottom;
font-size: 1rem;
line-height: 1;
color: var(--editlink-border-color);
background-color: var(--editlink-bg-color);
border: 1px solid var(--editlink-border-color);
border-radius: 5px;
}
.editlink a:hover {
opacity: .7;
}
/* ============================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================ */
.passkeyform {
display: inline-block;
margin: 0;
padding: 0.6em;
background-color: #efe;
border: 1px solid #cec;
border-radius: 0.25em;
}
/* ▼鍵違いエラーの表示 */
.passkeyerror {
display: block;
color: white;
background-color: crimson;
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;
}
/* ▼鍵入力欄 */
.passkeyinput {
width: 10em;
margin: 0 0.25em 3px 0;
}
/* ▼送信ボタン */
.passkeysubmit {
}
/* =============================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */
/* 各投稿の個別ページでのみ表示される囲みナビ用の装飾です。表示項目の取捨選択や詳細な装飾方法は https://www.nishishi.com/cgi/tegalog/custom/#customizecss-utilitylinkbox をご覧下さい。 */
/* =============================== */

.utilitylinks {
margin: 2em 1em 1em 1em;
padding: 0.5em;
border: 1px solid #7a7;
border-radius: 1em;
background-color: #ffd;
font-size: 0.9em;
}
/* ▼ナビのリンクリスト */
.utilitylinks ul {
color: #5a5;
}

/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
margin: 1.0rem 0 1.0rem;
padding: 0 1rem;
text-align: center;
}

/* ------------------------------ */
/* ▼ページ前後移動リンク群ボックス全体 */
/* ------------------------------ */

/* 
.pagelinks {
margin: 1rem 0;
}
.pagelinks-prev a, .pagelinks-next a {
}
.pagelinks-prev {
padding: 0 2rem 0 0;
}
.pagelinks-next {
padding: 0 0 0 2rem;
}
 */
.pagelinks a {
font-weight: bold;
}

/* --------------------------- */
/* ▼ページ番号リンク群ボックス全体 */
/* --------------------------- */

p.pagenums {
margin: 1rem 0;
}
.pagenums a.pagenumlink, .pagelinks-prev a, .pagelinks-next a {
margin: .25rem 0;
padding: 3px .25rem;
display: inline-block;
min-width: 1.67em;
/* 横幅の最小値：※この3値を同じにすると正方形で中央寄せのボックスになる */
min-height: 1.67em;
/* 高さの最小値：※この3値を同じにすると正方形で中央寄せのボックスになる */
line-height: 1.67;			
/* 行の高さ：※この3値を同じにすると正方形で中央寄せのボックスになる */
border: 1px solid var(--pagelinks-color);
border-radius: 3px;
font-size: .8rem;
background-color: var(--pagelinks-bg-color);
text-decoration: none;
}
/* ▽現在のページ番号の装飾 */
.pagenums a.pagenumhere {
border-color: var(--pagenums-border-color);
color: white;
background-color: var(--pagenums-bg-color);
border-radius: 50%;
font-weight: bold;
}
/* ▽リンクにマウスが載った際の装飾 */
a.pagenumlink:hover, .pagelinks-prev a:hover, .pagelinks-next a:hover {
color: white;
background-color: var(--pagelinks-color);
border-color: var(--pagelinks-color);
}

/* ------------------------------- */
/* ▼限定解除リンク(＝HOMEに戻るリンク) */
/* ------------------------------- */

.pagehome {
margin: 2rem auto;
}
.pagehome a {
background-color: var(--main-btn-link-color);
border: 1px solid var(--main-border-color);
font-size: 1rem;
padding: .5rem 6rem;
border-radius: 5rem;
color: white;
}
.pagehome a:hover {
opacity: .7;
}

/* ======================== */
/* ■サブ領域（サイドバー） */
/* ======================== */
.subarea {
}

/* ------------ */
/* ▼検索窓区画 */
/* ------------ */
.searcharea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼検索窓の見出し */
.searcharea .cornertitle {
margin: 0;
color: #36c;
font-weight: bold;
text-shadow: 1px 1px 1px white;
}

/* ▽検索フォーム */
.searchbox {
margin: .5rem 0;
}
/* 入力欄 */
input.queryinput {
border: 2px solid var(--main-border-color);
border-radius: .3em 0 0 .3em;
font-size: 1em;
padding: 0.25em 0.5em;
width: calc(100% - 5rem);
}
/* 検索ボタン */
.searchbox .submitbutton {
background-color: var(--main-btn-link-color);
border: 0px solid var(--main-border-color);
font-size: 1em;
padding: 0.37em 0.67em;
border-radius: 0 .3em .3em 0;
font-weight: bold;
color: white;
display: inline-block;
margin: 0 0 0 3px;
}
.searchbox .submitbutton:hover {
opacity: .7;
color: white;
}

/* ▽検索対象を限定するチェックボックス */
.searchtarget {
margin: 0;
font-size: 0.9em;
line-height: 1.3;
}

/* ▽検索フォーム形式の切り替えリンク */
.siwtchsearchbox {
font-size: .8rem;
padding: 1rem 0 .3rem;
margin-bottom: .5rem;
}
p.siwtchsearchbox a {
background-color: var(--main-btn-link-color);
border: 1px solid var(--main-border-color);
font-size: .8rem;
padding: .37rem .97rem;
border-radius: 50rem;
color: white;
margin: 1rem;
}

/* ▽複合検索フォーム */
#complexsearch {
display: none;
/* 複合検索窓は、最初は非表示にしておく */
}
.complexsearch {
margin-bottom: .5rem;
}
/* 検索オプションリスト */
.searchoptions {
font-size: .9rem;
margin: 1.2rem 0 0;
padding: 0 0 .5rem;
list-style:none;
}
.searchoptions li {
margin: .5rem 0 0;
padding: 0;
}
/* 項目名 */
.solabel {
display: inline-block;
min-width: 5em;
}
/* セレクトボックス */
.searchoptions select {
max-width: 175px;
}

/* -------------------- */
/* ▼カテゴリツリー区画 */
/* -------------------- */
.categoryarea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.categoryarea .cornertitle {
margin: 0;
font-weight: bold;
color: #585;
text-shadow: 1px 1px 1px white;
}
.categoryTree {
background-color: var(--sub-site-color);
border-radius: 0.5em;
border: 1px solid #eee;
margin: .5rem 0;
padding: .6rem;
}
/* ▽カテゴリツリー */
.categoryTree ul {
padding-left: 1rem;
}
/* ▽カテゴリツリー内の該当件数 */
.categoryTree .num {
display: inline-block;
margin-left: 0.4em;
font-size: 0.9em;
color: #aaa;
}

/* ………………………………………………………………………………………… */
/* ▼カテゴリツリー内の各要素（アイコン・カテゴリ名・該当件数・概要等） */
/* ………………………………………………………………………………………… */

/* ▽カテゴリアイコン */
.categoryTree .caticon img {
height: 1.2em;
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.4em;
font-size: 0.9em;
color: #aaa;
}

/* ▽カテゴリ概要文 */
.categoryTree .catdescription {
font-size: smaller;
color: #555;
}

/* -------------------- */
/* ▼新着投稿リスト区画 */
/* -------------------- */
.latestpostarea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.latestpostarea .cornertitle {
margin: 0;
font-weight: bold;
color: #a85;
text-shadow: 1px 1px 1px white;
}
/* ▽新着投稿グリスト */
.latestpostlist {
margin: .5rem 0;
padding: .5rem 1.2rem;
background-color: var(--sub-site-color);
border-radius: 0.5em;
line-height: 1.25;
}
/* 各項目 */
.latestpostlist li {
margin: 0.75em 0;
}
/* タイトルリンク以外の項目 */
.latestpostlist span {
display: inline-block;
font-size: 0.8em;
}
.latestpostlist .postdate { color: gray; }
/* 投稿日付 */
.latestpostlist .posttime { color: gray; }
/* 投稿時刻 */
.latestpostlist .username { color: #558855; }
/* 投稿者名 */
.latestpostlist .userid   { color: #555588; }
/* 投稿者ID */
.latestpostlist .postid   { color: gray; }
/* 投稿番号 */
.latestpostlist .length   { color: gray; }
/* 本文文字数 */

/* ---------------- */
/* ▼カレンダー区画 */
/* ---------------- */
.calendararea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.calendararea .cornertitle {
margin: 0;
font-weight: bold;
color: #585;
text-shadow: 1px 1px 1px white;
}
/* ▽カレンダーカバー */
.calendarplace {
margin: 0.5em 0;
padding: 0.75em;
background-color: var(--sub-site-color);
border-radius: 0.5em;
line-height: 1.5;
overflow: auto;
}
/* ▽カレンダーテーブル */
.calendar {
border-collapse: collapse;
border: 1px solid var(--calendar-color);
width: 100%;
}
.calendar th,
.calendar td {
border: 1px solid var(--calendar-color);
padding: 2px;
text-align: center;
font-size: 0.9em;
line-height: 1;
}
/* 年月キャプション */
.calendar caption {
color: var(--calendar-cap-color);
}
/* 曜日行 */
.daysofweek th {
background-color: var(--calendar-week-color);
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.4em;
width: 1.2em;
height: 1.1em;
background-color: transparent;
}
/* 日付数値のリンク（※リンクになる場合だけの装飾） */
.calendar td a {
text-decoration: none;
background-color: var(--calendar-color);
color: black;
}
.calendar td a:hover {
background-color: var(--main-btn-link-color);
color: white;
}
/* 今日の枠（カレンダー内での「今日」のセルだけの装飾） */
.today {
background-color: #ffffb7;
}

.calendarlinks {
width: 100%;
display: grid;
grid-template-columns: 50% 50%;
}
.calendarlinks-prev {
display: inline-block;
text-align: left;
}
.calendarlinks-next {
display: inline-block;
text-align: right;
}
.calendarlinks-prev a, .calendarlinks-next a {
padding: .2rem 1rem;
font-size: .8rem;
}

/* ------------------------- */
/* ▼日付一覧リスト・日付検索区画 */
/* ------------------------- */

.datelistarea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.datelistarea .cornertitle {
margin: 0;
font-weight: bold;
color: #969;
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;
background-color: var(--sub-site-color);
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: #66a;
margin-left: 0.3em;
}

/* …………………………………… */
/* ▼日付プルダウンメニュー区画 */
/* …………………………………… */

.datelimitbox {
}
.datelimitpull {
border: 2px solid #ccc;
border-radius: .3em;
font-size: 1em;
margin: .5rem 0;
padding: 0.25em 0.5em;
width: calc(100% - 5rem);
background-color: #f0f0f0;
}
.datelimitbox .submitbutton {
background-color: var(--main-btn-link-color);
border: 0px solid var(--main-border-color);
font-size: 1em;
padding: .37em .67em;
border-radius: .3em;
font-weight: bold;
color: white;
display: inline-block;
margin: 0 0 0 3px;
}
.datelimitbox .submitbutton:hover {
opacity: .7;
color: white;
}

/* ▽昇順/降順選択ラジオボタン区画 */
.datelimitboxoptions {
display: block;
font-size: .9rem;
}

/* ▽ラジオボタンのラベル */
.datelimitboxoptions label {
display: inline-block;
margin-right: .5rem;
}

.datelimitboxoptions label input {
vertical-align: top;
}

/* -------------------- */
/* ▼ハッシュタグリスト区画 */
/* -------------------- */

.hashtaglistarea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.hashtaglistarea .cornertitle {
margin: 0;
font-weight: bold;
color: #585;
text-shadow: 1px 1px 1px white;
}
/* ▽ハッシュタグリスト */
.hashtaglist {
list-style-type: none;
margin: 0;
padding: .3rem;
line-height: 1.5;
}
/* ▽ハッシュタグリストの1項目 */
.hashtaglist li {
display: inline-block;
/* ※ハッシュタグ一覧を横に並べたくない場合は、この行を削除して下さい。 */
padding: .2rem;
}
.hashtaglist .taglink {
border: 1px solid var(--main-border-color);
background-color: var(--main-btn-link-color);
color: #fff;
border-radius: 2px 50px 50px 2px;
padding: 1px .5rem;
min-width: 3rem;
text-align: center;
font-size: .8rem;
}
.hashtaglist .taglink:hover {
opacity: .7;
}
/* ▽ハッシュタグリスト内の該当件数 */
.hashtaglist .num {
font-size: 0.9em;
color: #00a;
margin-left: 0.25em;
display: none;
}

/* ----------------- */
/* ▼フリースペース区画 */
/* ----------------- */

.freespacearea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.freespacearea .cornertitle {
margin: 0;
font-weight: bold;
color: #aa5;
text-shadow: 1px 1px 1px white;
}

/* ▽フリースペースの本文 */
.freespacebody {
margin: 0.5em 0;
padding: 0.75em;
background-color: var(--sub-site-color);
border-radius: 0.5em;
line-height: 1.5;
}

/* ▽フリースペースの編集リンク */
.freespaceedit {
margin: 0;
text-align: right;
font-size: 0.75em;
}

/* -------------------- */
/* ▼画像一覧リスト区画 */
/* -------------------- */
.imagelistarea {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px dashed var(--main-border-color);
}
/* ▼見出し */
.imagelistarea .cornertitle {
margin: 0;
font-weight: bold;
color: #c96;
text-shadow: 1px 1px 1px white;
}

/* ………………………………………………………………………………………… */
/* ▼新着画像リスト内の各画像の装飾 */
/* ここで画像の縦横サイズを制限しておかないと、原寸で表示されてしまいますので注意して下さい！ */
/* ………………………………………………………………………………………… */

.imagelistbox {
margin: .5rem 0 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.9em;
}
.totalimgsizes {
font-size: 0.8em;
}

/* ▼その他の情報表示 */
.infotitle {
margin: 1em 0 0 0;
border-bottom: 1px dotted #ccc;
font-size: 0.95em;
}
.infobody {
margin: 0 0 1em 0;
padding-top: 0.25em;
text-align: right;
}

/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */

footer {
margin: 0;
padding: 0;
}

/* ---------------- */
/* ▼フッタボックス */
/* ---------------- */

.footerbox {
min-height: 5rem;
border-style: solid;
border-color: var(--main-site-color);
border-width: 1px 0 9px 0;
text-align: center;
}

/* ▼フッタ内フリースペース */
.footerfreespace {
margin: .5rem 0rem;
padding: 0;
}

.control-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
gap: 2px;
place-content: center;
align-items: center;
margin: .5rem auto;
width: calc(100% - 2rem);
}
.control-grid__item {
}
.control-grid__item a {
background-color: #f8f8f8;
border: 1px solid #ccc;
border-radius: 2px;
font-size: .8rem;
padding: .7rem 0;
text-align: center;
display: block;
}
.control-grid__item a:hover {
border-bottom: 1px solid var(--main-border-color);
}

.copyright {
margin: 1rem auto .5rem; 
padding: 0; 
font-size: 1rem;
text-align: center;
}

.pwbynewadm {
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
}
.poweredby {
margin: 0; 
padding: 1rem; 
font-size: .85em;
}
.newadm {
text-align: right;
padding: 1rem 0; }
.newadm a {
margin-right: .8rem;
font-size: .85em;
}

/* End of file */