@charset "utf-8";
/* ………………………………………………… */
/* CMSkin CSSひな形 https://10prs.com/    */
/* Ver.2023/04/09 17:28                    */
/* ………………………………………………… */

/* フォント・配色カスタマイズ用 ================================
てがろぐ管理画面からフォントや配色を変更したい場合は以下の部分を
管理画面＞設定＞フリースペース＞「上書きスタイルシート」欄に
カット＆ペーストし、「外側スキンに [[FREE:EXTRACSS]] の記述が
ある箇所にのみ出力する」にチェックを入れ保存してください
※その場合このskin-cms.cssの以下の部分は削除してください
============================================================= */
/* ウェブフォント用外部CSS読み込み */
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&family=Klee+One:wght@600&family=Kaisei+Decol:wght@700&family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');

*{
    font-family: 'Quicksand','Noto Sans JP', sans-serif;
}
/* CSS変数設定 */
:root{
--main-text-color:#4f5b5e;/* 基本の文字色 */
--dark-text-color:#000;/* 暗めの文字色 */
--light-text-color:#808080;/* 薄めの文字色 */
--main-bg-color:#cfe2e6;/* 全体の背景色 */
--dark-bg-color:#a0a0a0;/* 暗めの背景色 */
--light-bg-color:#fafafa;/* 薄めのの背景色 */
--post-bg-color:#fff;/* 記事表示部分の背景色 */
--a-color:#0094c8;/* リンク文字色 */
--visited-color:#0094c8;/* 訪問済みリンク文字色 */
--hover-color:#a0d8ef;/* マウスホバー時リンク文字色 */
--base-font-size:1.3rem;/* 基本文字サイズ */
--small-font-size:1.1rem;/* 小さい文字サイズ */
--main-font:'Quicksand','Noto Sans JP', sans-serif;/* 基本フォント名 */
--midashi-font:'Quicksand','Noto Sans JP', sans-serif;/* サイト・記事タイトルフォント名 */
--icon-font:'Line Awesome Free','Line Awesome Brands';/* アイコンフォント名 */
--novel-font:'Klee One', serif;/* 小説フォント名 */
--contents-width:900px;/* 表示大枠幅 */
--box-border-color:#333;/* 記事表示ボックスの線色 */
--box-bg-color:#fff;/* 記事表示ボックスの背景色 */
--box-radius:0px;/* 記事表示ボックスの角丸 */
--btn-border-color:#aaa;/* ボタンの線色 */
--btn-bg-color:#eee;/* ボタンの背景色 */
--btn-radius:3px;/* ボタンの角丸 */
--scrollbar-width: 8px;
}
/* ======== フォント・配色・表示非表示カスタマイズ用 ここまで */

/* パーツ表示非表示用 =================================
※スキン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;
}
body{
min-width:320px;
line-height:1.6;
color:var(--main-text-color);
font-size:var(--base-font-size);
font-family:var(--main-font);
letter-spacing:.05rem;
animation:fadein 1.2s ease;
}
@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(.main_title, .global_nav, .post_title, .admin_link)  a { color:var(--main-text-color); }
[class$='title'] {
font-family:var(--midashi-font);
font-weight:900;
}
img.emoji {/* Twemoji用 */
height:1em;
width:1em;
margin:0 .05em 0 .1em;
vertical-align:-.1em;
}
/* ====================== /* custom scrollbar */
.no-scroll {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
}

.invisible-scrollbar::-webkit-scrollbar {
    display: none;
}

.invisible-scrollbar {
    scrollbar-width: none;
}

body::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(150 150 150);
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar-corner {
    display: none;
}

/* ====================== header */
body > header {
padding:1em;
}
body > header hgroup {
}
.main_title,
.sub_title ,
.descprition {
line-height:1.1;
text-align:center;
}
.main_title {
}
.sub_title {
}
.descprition {
font-family:var(--midashi-font);
font-size:var(--small-font-size);
}


/*========= ナビゲーションのためのCSS ===============*/

/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.drawer_menu a {
	color: inherit;
	text-decoration: none;
}

.drawer_menu a:visited {
	color: inherit;
}


/* PC用ナビゲーション */

.drawer_menu .drawer_nav_wrapper {
	transform: translate(0);
	width: 100%;
	height: 50px;/* PC用メニュー高さ */
	position: relative;
	top: auto;
	right: auto;
	z-index: 10;
	background-color: #ebf6f7;/* PC用メニュー背景色 */
}

.drawer_menu .drawer_nav {
	max-width: 700px;/* コンテンツ幅に合わせる */
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style-type: none;
    background-color: #ebf6f7;
}

.drawer_menu .drawer_nav li {
	font-size: 16px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	/* PC用メニュー高さ */
	line-height: 50px;
	/* PC用メニュー高さ */
	text-align: center;
	list-style-type: none;
}

.drawer_menu .drawer_nav li:hover {
	background-color: #fff;
	/* PC用メニューボタンマウスオーバー背景色 */
}

.drawer_menu .drawer_nav li a {
    display: block;
	color: #2a83a2;
	/* PC用メニューボタン文字色 */
}


/* PC非表示 */

@media screen and (min-width:1001px) {
	.pc-hidden {
		display: none;
		text-align: center;
	}
}

@media screen and (min-width: 1001px) {

	/* ドロップダウンメニュー2階層目 */
	.drawer_menu .drawer_nav li ul.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: -1;
		top: 0;
		margin: 0;
		padding-left: 0;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level {
		visibility: visible;
		z-index: 1;
		top: 50px;
		/* PC用メニューの高さに合わせる */
		transition: all .3s;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 200px;
		/* ドロップダウンメニューボタン横幅 */
		height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #fff;
		/* ドロップダウンメニューの文字の背景色 */
		color: #2a83a2;
		/* ドロップダウンメニューの文字色 */
		font-size: 100%;
		text-decoration: none;
		line-height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #ebf6f7;
		/* ドロップダウンメニューマウスホバー背景色 */
	}

	.touch-btn {
		color: #fff;
		margin-left: 5px;
	}
}

/*+++ Default Button Color +++*/

.drawer_menu .drawer_button {
	color: #fff;
	/* ハンバーガーメニュー文字色 */
	display: none;
}

.drawer_menu .drawer_button .drawer_bar {
	background-color: #7d9eb3;
	/* ハンバーガーメニュー三本線の色 */
}


/* 1000px以下 */

@media screen and (max-width: 1000px) {
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 10;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		right: 0;
	}

	.drawer_menu .drawer_button {
		display: block;
		background-color: #eee;
		color: #426579;
		border: none;
        border-radius: 3px;
		padding: 3px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 35px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(28deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-28deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 6px 6px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_menu_text {
		display: block;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 250px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(250px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin-top: 40px;
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
	}

	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #555;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-align: left;
		padding-left: 20px;
	}

	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		display: block;
	}

	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
	}

	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 40px;
        background-color: #ebf6f7;
	}

	.drawer_menu .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-250px);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.pc-hidden {
		text-align: center;
	}

	.touch-btn {
		color: #555;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
}

/*  ウィジェットタイトル */
.drawer-title {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #555;
	/* ドロワーメニュー内タイトルライン背景色 */
	color: #fff;
}

/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #666;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/* ====================== breadcrumb */
.breadcrumb:has(.situation:empty) {
display:none;
}
.breadcrumb {
padding:2px 1em;
width:100%;
line-height:1.2;
font-size:.8em;
}
.breadcrumb > *:not(:last-child)::after,
.breadcrumb .situation-onecatname-cover:not(:last-child)::after {
content:'\f105';
color:var(--main-text-color);
font-family:var(--icon-font);
font-weight:900;
}
.breadcrumb .situation {
display:inline-block;
max-width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.breadcrumb .situation span:last-child {
font-weight:900;
}
.breadcrumb > *:empty {
display:none;
}
@media (width >= 600px) {
	.breadcrumb {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
	.breadcrumb .situation {
	display:inline;
	}
}
/* ====================== contents */
.contents {
margin-inline:1em;
}
main {
margin:0 auto 20px;
max-width:var(--contents-width);
}
@media (width >= 900px) {/* 画面幅901px以上の時に2カラムにするとか */
	.contents {
	display:flex;
	gap:30px;
    width: 1000px;
    margin: 30px auto;
	}
	main {
	max-width:calc(100% - 50px);
	flex:1;
	}
	#utility_links {
	margin-top:1.25em;
	width:300px;
	display:block;
	}
	#utility_links > .subarea {
	width:100%;
	}
    #utility_links .taglink[title^="-"] {/* 記事内に「#-」を含む記事 */
    display:none!important;
    }
}
/* 新着画像スライダー */
.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%);
	}
}

/* 表示順切り替えリンク */
.reverse_link { margin:1.25em 0; font-size:.8em; text-align:center; }

/* 「限定条件」表示行 */
.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:2em; }

/* コンテンツ表示ボックス共通 onelogbox */
:where(.onelogbox) {
border:0px solid var(--box-border-color);
background-color:var(--box-bg-color);
max-width: 1200px;
border-radius: 10px;
}
.home article.logstatus-fixed {
display:block;
}
article {
margin:1.25em 0;
position:relative;
}
/* post_header */
.post_header {
padding:.5em 1em;
line-height:1.2;
border-bottom:1px 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:var(--main-bg-color);
background-color:var(--main-text-color);
font-weight:900;
}
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:1em 1.5em;
line-height:1.3;
font-size:.9em;
text-align:right;
}
 /* 単独表示ではない状況なら、単独表示用要素は見えなくする */
body:not(.onelog) .forOnePost { display: none; }
 /* 単独表示なら、一覧表示用要素を見えなくする */
body.onelog .forPostList { display: none; }       
/* アイコンフォント共通設定 */
.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 {
}
.post_footer .categories:empty {
display:none;
}
.post_footer .categories::before {
content:'\f518';
font-weight:900;
}
/* 読上リンク */
.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:2em 2em 1em;
}
@media (width >= 800px) {
	.post_content {
	padding-inline:3em;;
	}
}
/* url */
.url { word-break:break-all; }
/* 続きを読む */
.readmorebutton {
padding:2px 4px;
border:1px solid;
font-size:.8em;
}
/* 埋め込み画像・動画・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: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 img { vertical-align: middle; transition:.5s; }
.imagelink:hover img { transform:scale(1.1); }
/* NSFWフラグ画像 */
.imagelink.nsfw img{ filter:blur(7px); }
.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,.5);
font-size:2em;
}
.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:2em;
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:5px;
}
.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:bold; }
/* 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-size: 1.25em;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Quicksand','Noto Sans JP',sans-serif;
}
/* I:斜体 */
.decorationI { font-style:italic; }
.decorationI .decorationI {
transform:skewX(-30deg);
font-style:normal;
display:inline-block;
font-size:.94em;
}
/* Q:引用 */
.decorationQ {
padding:1em;
border:1px solid #ccc;
background-color:#eee;
font-size:.95em;
display:block;
position:relative;
}
.decorationQ::before {
content:'';
}
.decorationQ::after {
content:'"';
font-family:'Secular One', sans-serif;
position:absolute;
top:-.55em;
right:0;
color:#ccc;
font-size:6em;
}
.decorationQ + br { display:none; }
/* 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; }
/* Emax:超強調 */
.deco-Emax{
text-decoration:underline wavy #900;
font-style:normal;
font-weight:bold;
font-size: 1.25em;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Quicksand','Noto Sans JP',sans-serif;
}
/* 1:見出し① */
.decoration1 { 
color:var(--a-color); 
}

/* 鍵付き投稿 */
.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:var(--light-bg-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 {
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: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:#333;
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%; }
}

/* 記事内ページリンク */
.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に「p_log」を含む記事 */
body.nofiltering .p_log {
    display:none;
}
.cat-p_log {
    font-size:;
}
.cat-p_log #utility_links{
     display:none;
}
.cat-p_log .breadcrumb{
    display:none;
}
.cat-p_log .reverse_link{
    display:none;
}
.cat-p_log .subarea.images,
.cat-p_log .subarea.search,
.cat-p_log .subarea.categories{
    display:none;
}
.cat-p_log .post_footer span.relativetime,
.cat-p_log .post_footer span.length,
.cat-p_log .post_footer span.categories{
    display:none;
}
.cat-p_log .post_content img {
    max-height: 700px;
}
/* カテゴリIDの「p_log」をカテゴリ一覧から非表示*/
.catlink.cat-p_log{
    display:none;
}
/* カテゴリIDの「p_log」記事大きさ*/
article#.p_log.onelogbox{
    max-width: 1200px;   
}


/* 記事内ページリンク */
.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; }


/* ====================== utility_links */
aside {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
gap:16px;
justify-content:center;
border-radius:.5em;
}
.subarea {
width:calc((100% / 3) - 16px);
padding:0 1em;
}
@media (width <= 480px) {
	.subarea { width:100%; }
}
.cornertitle {
font-size:1.8rem;
}
.cornertitle + div {
margin:.5em 0;
padding:.5em;
}
.subarea ul {
display: inline;
flex-wrap: wrap;
list-style: none;
border: 0px solid #fff;
border-radius: 2px;
position: relative;
}



/* 検索フォーム */
.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; }
/*========= 検索窓 ===============*/

.searchbox {
    margin-top: 0;
}

input.queryinput{
    display: inline-block;
    width: 200px;
    height: 40px;
    padding: 5px 15px;
    margin:0;
    border: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    outline: none;  
}
input.submitbutton{
    position: relative;
    width: auto;
    height: 40px;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #52adcc;
    background-color: #f3f4f7;
    cursor: pointer;
    vertical-align: bottom;
}
input.submitbutton::after {
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%235bc8c1%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}
.searcharea {
		margin: 0px 0px 0.5em 0px;
		padding: 1em;
		background-color: white;
		border-radius: 1em;
		vertical-align: top;
		min-height: 7em;
	}
	/* ▼見出し */
	.searcharea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		color: #52adcc;						/* 文字色 */
		text-shadow: 1px 1px 1px white;		/* 文字の影 */
	}

		

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

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

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

li {
    list-style-type:none;		/*リストマーカー無しにする*/
}
			/* セレクトボックス */
			.searchoptions select {
				max-width: 175px;
                height: 2em;
				overflow: hidden;
			}


/* ハッシュタグ一覧 */
ul.hashtaglist {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.hashtaglist li {
  display: inline-block;
  margin: 0 .3em .3em 0;
}
ul.hashtaglist li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0 1em;
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  box-sizing: border-box;
}

ul.hashtaglist li a:hover {
  background-color: #66b3cc;
  color: rgba(255, 255, 255, 0.55);
}
ul.hashtaglist li a:before {
  content: "#";
  padding-right: 2px;
}
/* ハッシュタグの投稿数削除 */
ul.hashtaglist .num{
     display: none;
}
ul.cattree li:before, ul.cattree li:after,
ul.hashtaglist li:before, ul.hashtaglist li:after {
    display: none;
}
/* カテゴリ一覧 */
.cattext {}
.caticon + .cattext, cattext + .caticon { margin-left:3px; }
.catdescription { font-size:smaller; color:#555; }
/*カテゴリーの投稿数のデザイン*/
ul.cattree.depth1 {
    display: block;
    list-style: none;
    border: 0px solid #fff;
    border-radius: 2px;
    position: relative;
}
ul.cattree.depth1 li {
    margin: 5px 15px 15px 0;
    background: url(https://blog-imgs-45.fc2.com/t/w/s/twstws/y10.gif) 0 .5em no-repeat;
}
ul.cattree.depth1 li a{
    padding: 5px 30px 5px 10px;
    margin: 15px;
    border-left: 10px;
    border-radius: 2px;
}
ul.cattree.depth1 li a:hover {
    background: #66b3cc;
    color: #fff;
}
ul.cattree.depth1 .num{
    display: inline;
    margin-left: 8px;
    padding: 1px 8px;
    color: #3187a3;
    background: #f0f0f0;
    border-radius: 2em;
}
/* カテゴリーの投稿数削除 */
ul.cattree.depth1 .num{
     display: none;
}
/* 新着画像一覧 */
.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; }
/*========= ボックスデザイン ===============*/
.box-006 {
    display: flex;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #fff9e5;
    color: #f2a0a1;
}

.box-006 p {
    margin: 0;
    padding: 0.3em 0 0 .7em;
    border-left: 1px solid #8fd0e6;
    font-weight: bold;
}
.balloon-002 {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 400px;
    margin-top: 15px;
    padding: 1.2em;
    border-radius: 15px;
    background-color: #ffffff;
    color: #84b9cb;
}

.balloon-002::before {
    position: absolute;
    top: -10px;
    width: 30px;
    height: 15px;
    background-color: #ffffff;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    content: '';
}
/*========= 見出し設定 ===============*/
 h1 {
    margin-top: 0;
    color: #4f5b5e;
}
 h2 {
     background: linear-gradient(transparent 70%, #c1e4e9 70%);
     display: inline-block;
}
h3{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #4f5b5e;
    border-bottom: solid 0px #83ccd2;
}

.h_19{
font-size: 1em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1.4em;
position: relative;
line-height: 1.4;
color:#57595d;/*フォント色*/
}

.h_19:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
font-size: 1em;
left: 0;
top: 0.5em;
color: #59b9c6;
}

.h_20{
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1.4em;
margin-bottom: 0.5em;
position: relative;
line-height: 1.4;
color:#57595d;/*フォント色*/
}

.h_20:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f004";
font-weight: 900;
font-size: 1em;
left: 0;
top: 0.5em;
color: #e8c1d4;
}

.h_21 {
    font-size: 1.7em;
    position: relative;
    padding-left: 25px;
}

.h_21:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #dbede9;
}
.h_21:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #dbede9;
}
.h_22 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.h_22:before, .h_22:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.h_22:before {
  left:0;
}
.h_22:after {
  right: 0;
}
/*========= リストデザイン ===============*/

.box_line {
    display: block;
    margin-bottom:5px;
    padding-left: 30px;
}
ul.sample1{
    list-style: none;
    padding: 0.5em 0.7em;
}
ul.sample1 li{
  position: relative;
  color: #5c9ee7;
  margin-bottom:5px;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold;
}
ul.sample1 li:last-child{
  border:none;
  margin: 0;
}
ul.sample1 li:before{
  font-family: "Font Awesome 5 Free";
  content: "\f004";
  position: absolute;
  left: 5px;
  transition: all 0.8s ease-in-out;
  background-position: bottom;
}
ul.sample1 li:hover:before{
  -webkit-transform:rotateY(-360deg);
  transform:rotateY(-360deg);
  color: red;
}
/* ====================== footer */
body > footer {
margin-top:2em;
padding:1em .5em;
line-height:1.2;
color:var(--main-text-color);
}
body > footer :is(a, a:visited, a:hover) {
color:var(--a-color);
}
.copyright,
.modified,
.material {
text-align:center;
}
.material li {
display:inline-block;
font-size:var(--small-font-size);
}
.material li:not(:last-child)::after {
content:' /';
}
.material a {
font-weight:900;
}

/* ====================== 認証モーダル */
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;
left: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:#fff;
position:relative;
border-radius:5px;
}
.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:.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:'\f02c'; 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;
}
.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: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; }
.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; }