/*==================================================
   全ページ共通レイアウト
==================================================== */
body {
	background: var(--main-back);
}
.pagetop {
	position: fixed;
	right: 30px;
	bottom: -60px;
	z-index: 1;
	text-align: center;
	transition: 0.3s;
	opacity: 0;
}
.scroll .pagetop {
	bottom: 16px;
	opacity: 1;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--mainD);
	color: var(--main-back);
	line-height: 40px;
	overflow: hidden;
	opacity: 0.8;
}
.pagetop a::before {
	content: "\42";
	display: block;
	font-size: 1.2rem;
	font-family: var(--icon);
}

/*==================================================
	#top.wrapper （全体）
==================================================== */
body {
	overflow-x: hidden;
	width: 100vw;
}
#top {
	margin: 0 auto;
}

/*==================================================
	#header
==================================================== */
#header {
}
.hd-inner {
	border-bottom: 3px double var(--baseD);
	padding: 0 1rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 53px;
	padding-bottom: 10px;
}
.hd-inner h1 {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0;
}
.hd-inner h1 a {
	color: var(--main-text);
	text-decoration: none;
}
p.targetposts {
	font-size: 0.8rem;
}
.targetposts .postscount::after {
	content: "piyo";
}

p.targetposts [class^="link-mode"]::before {
	display: inline-block;
	background: var(--mainL);
	width: 1.5rem;
	border-radius: 3px;
	font-family: var(--icon);
	text-align: center;
	vertical-align: bottom;
}
p.targetposts [class^="link-mode"]:first-of-type::before {
	margin-left: 3px;
}
.link-mode-gallery::before {content: "\e006";}
.link-mode-default::before {content: "\62";}

#login-contents {
		border-bottom: 1px solid var(--baseN);
		padding-bottom: 0.5rem;
}
.loginuser {
	display: none;
}
.tega_admin_menu {
	margin-bottom: 0.5rem !important;
}
/* ランダムポーズ
--------------------------------------------*/
#randompose {
	padding-top: 1rem;
}

/* フリースペース１：.home（トップ）のみ表示
--------------------------------------------*/
#hd-free {
	display: none;
	border-bottom: 1px solid var(--baseN);
}
.home #hd-free {
	display: block;
}
.home #hd-free {
	padding: 1rem;
	display: block;
	border-bottom: 1px solid var(--baseN);
}
#hd-free .freewrap:empty {
	display: none;
}

/* いいねボタン・Waveboxリンク */
button.newiine_btn img.emoji {
	width:1.25rem;
	height:1.25rem;
}
.free-p img.emoji {
	vertical-align:middle;
}
a.linkwb {
  display:inline-block;
  border: 1px solid #afa9aa;
  border-radius: 2rem;
  margin: 0.5rem 0.3rem;
  padding: 0 0.5rem;
  text-decoration: none !important;
  font-size: 10px !important;
}


/*----- ボタンクリックで表示切り替え -----*/
.rdtext li {display: none;}
.randomBtn .btnRe {display: none;}
.randomBtn.changed {
	color: var(--subD);
	border-color: var(--subD);
}
.copyBtn {display: none;}
.copyBtn.show {display: inline-block;}

/*----- ボタン -----*/
.clickBtn {
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	line-height: var(--btns);
}
.clickBtn button {
	background: var(--main-back);
	border: 1px solid var(--mainD);
	border-radius: 3px;
	margin-left: 0.5rem;
	height: var(--btns);
	line-height: 100%;
	padding: 0.2rem 0.5rem;
	color: var(--mainD);
	font-size: 0.9rem;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.randomBtn:hover {
	background: var(--mainL);
}
.randomBtn span::after {
	font-family: var(--icon);
	margin-left: 0.3rem;
	vertical-align: -0.1rem;
}
.randomBtn .btnRdm::after {
	content: "\e02a";
}
.randomBtn.changed .btnRdm::after {
	content: "\4e";
	color: var(--subD);
}

.randomBtn .btnRe::after {
	content: "\e007";
}

/*----- ul.rdtext -----*/
[class*="rdtext"] {
	margin: 0;
	padding: 0;
	display: none;
}

/*----- 参考書 -----*/
.psbook {
	flex-basis: 100%;
	margin: 0 0 0.5rem 0;
	text-align: right;
	color: var(--baseN);
	font-size: 0.8rem;
}

/*==================================================
	#main（メニュー・本文）
==================================================== */
#main {
}


/* #main > #entries >.dateseparator（ステータスバー）
------------------------------------------*/
.dateseparator:empty {
	display: none;
}
.dateseparator {
	color: var(--mainD);
	font-size: 1.2rem;
	position: relative;
	margin-top: 1rem;
	padding: 1.5rem 0 0.3rem 0;
}
/*----- 区切りバー -----*/
/* 時系列リンク*/
.mode-res .dateseparator a {
	display: none;
}
.dateseparator a {
	text-decoration: none;
	position: absolute;
	bottom: 0.3rem;
	right: 0;
	width: 3.5rem;
	height: 2rem;
	color: var(--mainD);
	font-weight: 400;
	font-size: 1.2rem;
	border-radius: 2rem;
	display: inline-block;
	line-height: 2rem;
	overflow: hidden;
}
.dateseparator a::before {
	font-family: var(--icon);
	display: block;
	text-align: center;
}
.dateseparator a::before {
	content: "\7d\32";
}
.dateseparator a[href*="reverse"]::before {
	content: "\7d\33";
}
.dateseparator a::before {
	background: none;
	transition: background 0.3s;
}

.dateseparator a:hover::before {
	background: var(--mainL);
}

/* 記事固定 */
.fixedseparator::before {
	content: "\e01e";
	font-family: var(--icon);
	vertical-align: -2px;
	margin-right: 1rem;
}

/*----- situation -----*/
#situWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
}
#situWrap:has(.situation:empty) {
	display: none;
}
#situWrap > * {
	font-size: 0.85rem;
}
#situWrap a {
	color: var(--main-text);
}
#situWrap > p:first-of-type::after {
	content: "\35";
	display: inline-block;
	margin: 0 0.3rem;
	font-size: 1.2rem;
	font-family: var(--icon);
	vertical-align: -0.2rem;
	opacity: 0.75;
}
.mode-res #situWrap > p.situation {
	display: none;
}
#searchPid {
	display: none;
}
.mode-res #searchPid {
	display: inline-block;
}
.mode-res #searchPid a {
	pointer-events: none;
}

#situWrap p:first-of-type::before,
.situation span[class*="cover"]::before {
	display: inline-block;
	margin-right: 0.3rem;
	font-family: var(--icon);
	vertical-align: -0.05rem;
}
#situWrap p:first-of-type::before {content: "\e01d";}
.situation span.situation-search-cover::before {content: "\55";}
.situation span.situation-date-cover::before {content: "\e023";}
.situation span.situation-tagname-cover::before {
	content: "#";
	margin-right: 0.1rem;
	font-size: 0.9rem;
	font-family: var(--ggl01);
}
.situation span[class*="cover"] {
	margin-right: 0.3rem;
}
.situation span[class*="cover"]::after {
	content: ", ";
	opacity: 0.75;
	margin: 0 0.3rem 0 0.1rem;
}
.situation:has(.situation-page) > span:nth-last-of-type(3)::after,
.situation > span[class*="cover"]:nth-last-of-type(2)::after {
	display: none;
}
.situation-hits {
	display: inline-block;
}

/*.situation .situation-tagname::before {
	content: "#";
	margin-right: 0.2rem;
}
.situation .situation-date::before {
	content: "\e023";
	font-family: var(--icon);
	margin-right: 0.4rem;
	margin-left: 0.5rem;
}
.situation .situation-search::before {
	content: "\55";
	font-family: var(--icon);
	margin-right: 0.3rem;
	margin-left: 0.5rem;
	font-size: 0.8rem;
}
.situation .situation-hits {
	display: inline-block;
	vertical-align: 0;
}*/

/* #main > #entries > .onelogbox（本文）
------------------------------------------*/
#entries {
	padding: 0 1rem;
}
#entries .dateseparator:first-of-type {
	margin-top: 0;
	padding-top: 0;
}

#entries .onelogbox {
	border-top: 1px dashed var(--baseN);
	background: var(--baseL);
	margin: 0;
	padding: 1.5rem 1rem 2rem 1rem;
}
#entries .dateseparator + .onelogbox {
	border-top: none;
}
#entries .onelogbox:first-of-type,
.onelog #entries .onelogbox {
	border-top: none;
}

/*----- 角丸 -----*/
.dateseparator + .onelogbox {
	border-top-left-radius: var(--borderR);
	border-top-right-radius: var(--borderR);
}
.onelogbox:has(+ .dateseparator) {
	border-bottom-left-radius: var(--borderR);
	border-bottom-right-radius: var(--borderR);
	border-bottom: none !important;
}
.onelog .onelogbox {
	border-radius: var(--borderR);
}
/* 限定表示（境界バーなし） */
body.hit #entries .onelogbox:first-of-type {
	border-top-left-radius: var(--borderR);
	border-top-right-radius: var(--borderR);
}
body.hit #entries .onelogbox:last-of-type {
	border-bottom-left-radius: var(--borderR);
	border-bottom-right-radius: var(--borderR);
}
body.hit #entries:has(:not(.dateseparator))  {
	margin-top: 1.5rem;
}

/*----- 各記事のヘッダー（日時・投稿ID、編集・削除ボタン） -----*/
.onelog-header {
	display: flex;
	flex-wrap: wrap;
	margin: 0.5rem 0 1rem 0;
}
/*----- 投稿日時 -----*/
.postdate {
	display: inline-block;
	margin-right: 1rem;
	line-height: var(--btns);
	font-size: 1rem;
}
/*.postdate::before {
	content: "\7d";
	margin-right: 0.1rem;
	font-family: var(--icon);
	vertical-align: -0.05rem;
}*/
.postdate a,
.postdate time {
	align-self: center;
	color: var(--baseB);
}
.postdate time > span {
	display: inline-block;
}

.postdate a {
	margin-right: 0.75rem;
	display: inline-block;
}
.postdate .date-day {
	margin-right: 0.3rem;
}
/*----- nohit -----*/
#entries .nolist {
	background: var(--baseL);
	padding: 2rem 1rem;
	border-radius: var(--borderR);
}

/*----- onelog-footer 編集・削除・レス追加 ------*/
.onelog-footer {
	display: block;
	margin-top: 1.5rem;
}
.info-edit {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	gap: 0.2rem;
}
.info-edit li {
	padding: 0;
	text-align: center;
	transition: 0.3s;
}
.info-edit li:not(.entry_postid) {
	line-height: 2.4rem;
}
.info-edit li :is(a, button) {
	color: var(--baseB);
	min-width: 1.75rem;
	height: 2rem;
	line-height: 2rem;
	transition: border-color 0.3s, color 0.3s;
}

/* レス追加ボタン */
.reslink button {
	position: relative;
	display: inline-block;
	border: none;
	background: none;
	padding: 0;
	text-align: center;
	vertical-align: 0.1rem;
	font-size: 0.75rem;
	cursor: pointer;
	transition: color 0.3s;
}
.reslink button::before {
	position: absolute;
	top: 0;
	left: 0.1rem;
	content: "\76";
	line-height: 2.4rem;
	font-size: 1.4rem;
	font-family: var(--icon);
}
.reslink button::after {
	position: absolute;
	top: 0.1rem;
	left: 0.3rem;
	content: "\4c";
	font-size: 1rem;
	margin-right: 0.3rem;
	font-family: var(--icon);
	vertical-align: -0.1rem;
}
.onelogbox:has(#postarea2.open) .reslink button::after {
	content: "\4b";
}
.onelogbox:has(#postarea2.open) .reslink button {
	color: var(--mainD);
}

/* 編集リンク */
.info-edit li a {
	display: inline-block;
	padding: 0 4px;
}
.info-edit li:not(:last-child) {
	margin-right: 3px;
}
li.iconlink a {
	display: inline-block;
	width: 100%;
	font-size: 1.1rem;
	transition: 0.3s;
}
.copylink button::before,
.info-edit li.iconlink a {
	font-family: var(--icon);
}

/* 記事No. */
.info-edit .link_no {
	font-size: 0.8rem;
	line-height: 32px;
	}
	
.editlink a::before {content: "\6a";}
.deletelink a::before {content: "\e019";}

/*----- 本文 -----*/
.comment {
	overflow:hidden;
	line-height: 2;
}
/* 検索ワード */
.searchword {
	color: var(--mainD);
	background: var(--mainL);
	padding: 0 3px;
	font-weight: normal;
}
a:hover .searchword {
	color: var(--mainD) !important;
}

/* コメントリンク */
.entry-comment {
	display: none;
	margin-top: 1rem;
	text-align: right;
}
body:not(.mode-parent) .entry-comment:has(.posthit:not(.post0)) {
	display: block;
}
.entry-comment a {
	display: inline-block;
	border-radius: 3px;
	background: var(--LLL);
	color: var(--baseB);
	font-size: 0.8rem;
	padding: 0 0.5rem;
}
#oneday .entry-comment a {
	background: var(--mainL);
	color: var(--mainD);
	font-size: 0.8rem;
}
.entry-comment a::before {
	content: "\37";
	font-family: var(--icon);
	margin-right: 0.1rem;
	margin-left: -0.2rem;
	vertical-align: -0.15rem;
}
.entry-comment span {
	font-size: 0.9rem;
}

/* コメントを見る */

/*::: 画像 :::*/
.embeddedimage {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 300px;
	object-fit: cover;
	vertical-align: top;
	margin: 0.5rem 1rem 0.5rem 0;
	animation: fadeIn 3s ease 0s 1 normal;
}
/* リンク付き画像 */
a:is(.urlimage, .imagelink) {
	overflow: hidden;
	display: inline-block;
	border: 1px solid var(--borderImgC);
	border-radius: 5px;
	background: #FFF;
	margin: 0.5rem 1rem 0.5rem 0;
	transition: 0.3s;
	animation: fadeIn 3s ease 0s 1 normal;
}
a:is(.urlimage, .imagelink):hover {
	border-color: var(--borderImgC-h);
}
/* 画像 */
a:is(.urlimage, .imagelink) .embeddedimage {
	margin: 0;
}
/* キャプション付き */
figure {
	display: inline-block;
	max-width: calc(50% - 1.5rem);
	border: 1px solid #CCC;
	border-radius: 7px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	text-align: center;
	vertical-align: top;
}
figure img {
	width: 100%;
}
figure {
	margin-right: 1rem;
}
figcaption {
	font-size: 0.8rem;
	padding: 0 1rem 0.3rem 1rem;
}
figcaption:empty {display: none;}
.entry-text {z-index: 1;}
.entry-text .embeddedpictbox {
	position: relative;
	display: inline-table;
	border-collapse: collapse;
	border: 1px solid var(--borderImgC);;
	border-bottom: none;
	margin: 0.5rem 1.5rem 0.75rem 0;
	vertical-align: top;
}
.embeddedpictbox a.imagelink {
	margin: 0.6rem 0.6rem 0 0.6rem;
}
/* 画像ボックスに含まれる画像 */
/* リンク無し */
.embeddedpictbox .embeddedimage {
	margin: 0.6rem 0.6rem 0 0.6rem;
}
/* リンク有り */
.embeddedpictbox a.imagelink .embeddedimage  {
	margin: 0;
}
/* キャプション */
.embeddedpictbox figcaption {
	animation: fadeIn 2.5s ease 0s 1 normal;
}
.embeddedpictbox figcaption span {
	display: inline-block;
	line-height: 1.5;
}
.embeddedpictbox figcaption:has(span:nth-of-type(n+2)) span {
	vertical-align: top;
}
.embeddedpictbox figcaption:empty {
	padding: 0;
}
/* NSFW */
#oneday .comment a.nsfw {
	position: relative;
	color: #DDD;
}
#oneday .comment a.nsfw::before {
	content: "\73";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100% + 3rem);
	background: #000;
	color: #FFF;
	font-family: var(--icon);
	font-size: 1.2rem;
	opacity: 0.5;
	margin-top: -3rem;
	pointer-events: none;
}
#oneday .comment a.nsfw::after {
	content: "閲覧注意";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: #FFF;
	font-size: 0.8rem;
	opacity: 0.75;
}
#oneday .comment img.nsfw {
	filter: blur(7px);
	transform: scale(1.1);
}


/* キャプションつきNSFW */
figure.nsfw {
	overflow: hidden;
	position: relative;
}
figure.nsfw figcaption {
	position: absolute;
	z-index: 2;
	top: 45%;
	left: 0;
	transform: translateY(-45%);
	width: 100%;
	margin: 0;
	padding: 0 1rem;
	line-height: 1.5;
	color: #FFF;
	pointer-events: none;
	opacity: 0.85;
}
figure.nsfw figcaption::before {
	content: "\73";
	font-family: var(--icon);
	display: block;
	font-size: 1.2rem;
	opacity: 0.65;
}
.embeddedpictbox a.nsfw {
	margin: 0;
	vertical-align: bottom;
}
.embeddedpictbox a.nsfw::before,
.embeddedpictbox a.nsfw::after {
	content: ""
}
/*img.nsfw:not([src*="images/mini"]) {filter: blur(9px);}*/

/*----- 続きを読む -----*/
/* 続きを読む・ボタン */
.readmorebutton {
	border: 1px solid var(--mainD);
	border-radius: 3px;
	margin: 0.5rem 0;
	padding: 0.2rem 0.5rem;
	font-size: 0.7rem !important;
	text-decoration: none !important;
	text-align: center;
	text-indent: -0.5rem;
	line-height: 1.75;
	transform: rotate(0.1deg);
	}
#piyoyo .readmorebutton {
	border: none;
	background: var(--childL);
}
#piyoyo .readmorebutton:hover {
	background: var(--subL);
}
#piyoyo q.decorationQ .readmorebutton {
	background: var(--subL);
	color: var(--main-text);
}
.readmoreclose {
	display: block;
	width: 4.5rem;
}
.readmorebutton::before {
	margin-right: 0.3rem;
	font-family: var(--icon);
	font-weight: 500;
}
.readmorebutton::before {
	content: "\4c";
	margin-left: 0.3rem;
}
.readmoreclose::before {
	content: "\4d";
	margin-left: 0;
}
.readmorebutton:hover {
	color: var(--subD);
	border-color: var(--subD);
}
/* 続きエリア */
.readmorearea {
  animation: fadeIn 2s ease 0s 1 normal;
	margin: 0.5rem 0;
}
/*.readmorearea[style*="block"] {
	position: relative;
	margin-bottom: 3rem;
}
.decorationH:has(.readmorearea[style*="block"]) + br {
	display: none;
}
.readmorearea[style*="block"] .readmoreclose {
	position: absolute;
	bottom: -2.75rem;
}*/

.readmorearea :is(ol, ul) {
	margin-left: 1.5rem;
}



/* 投稿日・Web拍手
------------------------------------------*/
.oneloginfo {
	display: none;
}
.oneloginfo .postdate {
	order: 2;
}
.oneloginfo .mwhm_point {
	order: 1;
}


/* .utilitylinks（記事詳細 ユーティリティリンク）
-----------------------------------------*/
/*----- ユーティリティリンク -----*/
.mode-res .utilitylinks {
	display: none;
}
.utilitylinks {
	width: calc(100% - 2rem);
	max-width: 600px;
	margin: 2rem auto;
	padding: 1rem;
	border: 1px solid var(--baseN);
	border-radius: var(--borderR);
}
.utilitylinks > ul {
	padding: 0.5rem 1rem;
	margin: 0 auto;
}
.utilitylinks ul li {
	font-size: 0.9rem;
}
.utilitylinks ul li.uuser {
	margin-bottom: 0.5rem;
}
.utilitylinks ul[class*="links"] {
	margin-top: 0.3rem;
}
.utilitylinks ul li:is(.uuser, .ucat),
.utilitylinks ul[class*="links"] li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid var(--baseN);
	padding: 0 0 0.3rem 0;
}
.utilitylinks ul li:is(.uuser, .ucat .ucat),
.utilitylinks ul[class*="links"] li {
}

.utilitylinks ul.categorylinks {
	margin-bottom: 0;
	border-bottom: none;
}
.utilitylinks ul[class*="links"] li {
	margin-bottom: 0.5rem;
}
.utilitylinks ul li span.uchead {
	display: block;
	flex-basis: 100%;
	margin-top: 0.5rem;
	padding: 0;
}
.utilitylinks ul li span.uchead + ul {
	flex-basis: calc(100% + 1rem);
	margin-left: 0;
	margin-right: 0;
}
.utilitylinks ul li span.uchead + ul li:last-child {
	border-bottom: none;
	margin-bottom: 0 ;
}
.utilitylinks ul li span:is(.uchead, .udhead) {
	font-size: 0.9rem;
}
.utilitylinks ul li span:is(.uchead, .udhead)::before {
	content: "■";
	margin-right: 0.3rem;
}

.utilitylinks ul li span.udhead {
	display: block;
	margin-top: 1rem;
	padding: 0 0;
}
.utilitylinks ul li .revlink {
	margin-left: auto;
	color: var(--baseB);
}
.uedit {
	margin-top: 1rem;
}
.uedit a {
	display: inline-block;
	border: 1px solid var(--mainD);
	padding: 0.3rem 0.5rem;
	border-radius: 3px;
}
.uedit a:hover {
	border-color: var(--baseN);
}

/*==================================================
 ■.Gallery（画像投稿一覧）
==================================================== */
.gallery #entries {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.gallery #entries .onelogbox {
	padding: 0;
	border: none;
	position: relative;
	margin: 0.5rem 0;
}
.gallery #entries .onelogbox:last-of-type {
}
.gallery #entries .onelogbox .oneloghead,
.gallery #entries .onelogbox .onelogfoot {
	position: absolute;
}
.gallery #entries .onelogbox .oneloghead {
	top: 0;
	right: 0;
	z-index: 1;
	margin-top: 0.5rem;
	margin-right: 0.5rem;
}

/*----- 画像数 -----*/
.gallery #entries .pictcount {
	background-color: #FFFFFFBB;
	background-image: url(/images/icon/64px/038-files-empty.png);
	background-size: 14px;
	background-position: 0.3rem center;
	background-repeat: no-repeat;
	box-shadow: 0 0 1px var(--mainL),
								0 0 1px var(--mainL),
								0 0 2px var(--mainL),
								0 0 2px var(--mainL),
								0 0 2px var(--mainL);
	display: block;
	color: var(--main-back);
	border-radius: 5px;
	padding: 0 0.3rem 0 calc(0.5rem + 14px);
	font-size: 0.9rem;
}
.gallery #entries .pictcount.count1 {
	background-image: url(/images/icon/64px/037-file-empty.png);
}

/*----- 画像 -----*/
.gallery #entries .onelogbox {
	flex-basis: 100%;
	max-width: 175px;
	background: none;
}

.gallery #entries .onelogbox img {
	border-radius: 3px;
	width: 100%;
	height: 175px;
	object-fit: cover;
	object-position: top;
	margin: 0;
	vertical-align: bottom;
}


/*=========================================
 ■ ページネーション
===========================================*/
/*----- ページナビ（ページ番号・初期表示） -----*/
#pageNavi {
	--pLinkS: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 24px auto;
	font-size: 0.85rem;
}

a.prevlink {order: 1;}
p.nav-pagelist {order:2;}
a.nextlink {order: 3;}
p.nav-toppage {order:4;}
.linkseparator {display: none;}

#pageNavi a {
	display: inline-block;
	height: var(--pLinkS);
	line-height: calc(var(--pLinkS) - 0.1rem);
}
/* ページ番号 */
.nav-pagelist * {
	margin: 0 0 5px 0;
}
.nav-pagelist a {
	display: inline-block;
	border-radius: 3px;
	padding: 0 0.3rem;
}
a.pagenumlink:not(.pagenumhere):hover {
	background: var(--mainL);
}
a.pagenumhere {
	color: var(--body-back);
}

/* 前・次の〇件 */
.onelog :is(.prevlink, .nextlink) {
	display: none;
}
.prevlink,
.nextlink {
	margin: 0 0.5rem;
	border-radius: 50%;
	width: var(--pLinkS);
	height: var(--pLinkS);
	text-align: center;
}
.prevlink:hover,
.nextlink:hover {
	background: var(--mainL);
}
body:not(.onelog) :is(.prevlink, .nextlink) {
	font-family: var(--icon);
	font-size: 1.5rem;
	vertical-align: 0;
}
/* 初期表示に戻る */
.nav-toppage {
	flex-basis: 100%;
	text-align: center;
	margin-top: 16px;
}
.nav-toppage:empty {
	display: none;
}
.nav-toppage a {
	display: inline-block;
	font-size: 0.9rem;
	border-radius: 3px;
	padding: 0 0.5rem;
}
.nav-toppage a:hover {
}

/*==================================================
	#footer
==================================================== */
#footer {
	border-top: 3px double var(--baseN);
	padding-top: 1rem;
}
#footer * {
	font-size: 0.9rem;
}
#footer ul {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 1rem 0 1rem;
	padding: 0;
}
#footer ul li {
	margin-left: 0;
}
#footer ul li span.decoration2 {
	display: none;
}

#footer ul::before {
	content: "";
	flex-basis: 100%;
}
#footer ul li:not(.powered)::after {
	content: "/";
	margin: 0 0.5rem;
	opacity: 0.65;
}
#footer ul.decorationL {
	display: flex;
	list-style-type: none;
	padding: 0;
}
#footer ul.decorationL li a::after {
	display: none;
}
#footer ul.decorationL li b {
	display: inline-block;
	font-weight: 400 !important;
	text-indent: 0;
}
#footer ul.decorationL li b::after {
	content: "：";
}

/*==================================================
	#side （サイドメニュー・左）
==================================================== */
/* #side > ul
----------------------------------------------*/
#side ul li a {
	text-decoration: none;
}
#side ul li a::before {
	font-family: var(--icon);
}
ul.menu_list li a::before {
	margin-right: 0.5rem;
}

.link_home a::before { content: "\e009";}
.link_diary a::before { content: "\e023";}
.link_illust a::before { content: "\e006";}
.link_piyoyo a::before { content: "\76";}
.link_one a::before { content: "\7e";}

#side-open li a[data-target="s-search"]::before {content: "\55";}
#side-open li a[data-target="s-datebox"]::before {content: "\e023";}
#side-open li a[data-target="s-links"]::before {content: "\e02b"; transform: scale(-1, 1);}
#side-open li a[data-target="s-hashtag"]::before {
	display: inline-block;
	content: "#";
	line-height: 1.4rem;
	font-size: 1.1rem;
	transform: scale(1.2, 1);
	transform-origin: center center;
}

body:not(#oneday) .link_one { display: none;}

/*==================================================
	#side-2 （サイドメニュー・右）
==================================================== */
#side-2 {
	padding: 2rem 1rem 1rem 1rem;
}
#side-2 h2 {
	margin-bottom: 0.5rem;
	color: var(--main-text);
	font-size: 1rem;
	font-weight: 500;
	opacity: 0.85;
}
#side-2 h2::before {
	content: "\37";
	display: inline-block;
	margin-right: 0.3rem;
	font-family: var(--icon);
	vertical-align: -0.1rem;
}
#side-2 #s-search h2::before {content: "\55";}
.s-more {
	margin-top: 0.5rem;
	text-align: right;
	font-size: 0.9rem;
}
.s-more a {
	text-decoration: none;
}
.s-more a::before {
	content: "\39";
	font-family: var(--icon);
	display: inline-block;
	margin-right: 0.2rem;
	vertical-align: bottom;
	line-height: 1.2rem;
}

/*===== 月別投稿プルダウン / 投稿用ハッシュタグ =====*/
/* カレンダー */
#side-2 #s-datebox form.datelimitbox {
}

/* ハッシュタグボタン */
input[class*="hashDoor"] {
	font-size: 1.5rem;
	line-height: 30px;
}

/*===== リンク =====*/
body:is(.md-overlay[style*="block"]) #side-2 #s-links dl.decorationL {
	margin-top: 1rem;
}
body:is(:not(.md-overlay[style*="block"])) #side-2 #s-links .comment * {
	font-size: 0.85rem;
}
#side-2 #s-links .comment dd:not(:last-of-type) {
	margin-bottom: 0.5rem;
}
#side-2 #s-links .comment a {
	display: inline-block;
}
body:is(:not(.md-overlay[style*="block"])) #side-2 #s-links .comment dd a {
}
#side-2 #s-links a.url[href*="http"]::after,
#side-2 #s-links a.labeledlink[target="_blank"]::after {
	width: 0.8rem;
	height: 0.8rem;
}

/*
#side-2 #s-links .comment dd a:not(:first-of-type)::before {
	content: "/";
	display: inline-block;
	margin: 0 0.3rem;
	color: var(--main-text);
	opacity: 0.5;
}*/


/* ============================================================ */
/* ■ 鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
.passkeyform {
	display: block;
	border-radius: 0.25em;
	background: #FFFFFF11;
	margin: 1rem 0 0 0;
	padding: 0.75rem;
}

/* ▼鍵違いエラーの表示 */
.passkeyerror {
	position: relative;
	display: block;
	border-radius: 3px;
	border: 0.1rem solid var(--subN);
	color: var(--subD);
	line-height: 1;
	margin: 0 0 0.5em 0;
	padding: 0.5rem 1rem;
}
.passkeyerror::before {
	content: "\73";
	font-family: var(--icon);
	margin-right: 0.75rem;
}
.passkeyerror::after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--subL);
	opacity: 0.2;
}
/* ▼入力フォーム枠 */
.passkeybox {
	display: block;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.passkeybox > * {
	margin-top: 0.2rem;
}
/* ▼入力欄前のガイド文 */
.passkeyguide {
	display: block;
	width: 100%;
}
/* ▼鍵入力欄、送信ボタン */
.passkeyform input {
	border-radius: 3px;
	height: var(--btns) !important;
	padding: 0 0.5rem;
	margin: 0.25rem 0;
}
/* ▼鍵入力欄 */
.passkeyinput {
	width: calc(100% - 6rem);
	max-width: 300px;
	border: 0.1rem solid var(--baseN);
	background: var(--main-back) !important;
	color: var(--main-text);
}
.passkeyinput:focus {
	border-color: var(--subN);
}
/* ▼送信ボタン */
input.passkeysubmit {
	width: 5.5rem;
	background: var(--baseN) !important;
	border: none;
	font-size: 0.8rem;
	margin-left: 0.3rem;
}

/*----- 新着画像一覧 -----*/
#s-images .box-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid var(--borderImgC);
	border-radius: 10px;
	overflow: hidden;
}
#s-images .box-inner::before,
#s-images .box-inner::after {
	content: "";
	display: block;
	order: 2;
	height: 0;
}
#s-images .box-inner::before,
#s-images .box-inner::after,
.box-inner .imagelistitem {
	display: block;
	width: calc(100% / 3);
}
#s-images .box-inner .imagelistitem a {
	display: block;
}
#s-images .box-inner .imagelistitem img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	vertical-align: bottom;
	margin: 0;
}
#s-images .box-inner a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow: hidden;
}
#s-images .box-inner a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	width:100%;
	height: 100%;
	border: 1px solid var(--borderImgC);
	transition: 0.3s;
}
#s-images .box-inner a:hover {
	border-color: var(--borderImgC-h);
}
/* NSFW */
#s-images .box-inner .oneimage.nsfw {
	filter: blur(5px);
}


/*---------------------------------------------------------
	■ ヘッダー・サイドなし（カテゴリ、記事ページ） .cat-mochi
-----------------------------------------------------------*/
body:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) :is(
	#header,
	#side,
	#side-2,
	.utilitylinks,
	#situWrap,
	.date-time,
	#pageNavi) {
		display: none;
}
body:is(.cat-mochi, .onelog:has(.onelogbox.mochi)).login-NO .onelog-footer {
	display: none;
}

body:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) #right-column {
	max-width: 840px;
	border-right: none;
	margin: 0 auto;
}
body:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) :is(#footer, #login-contents) {
	border: none;
}
body.login-NO:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) #entries:has(:not(.dateseparator)) {
	margin-top: 50px;
}
body.login-YES:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) #login-contents {
	margin-top: 1rem;
}

/*----- カテゴリ画面 -----*/
.cat-mochi .dateseparator {
	display: none;
}
.cat-mochi .onelogbox:has(+ .dateseparator) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px dashed var(--baseN) !important;
}
.cat-mochi .dateseparator + .onelogbox {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.cat-mochi #entries .onelogbox {padding: 0.5rem 2rem 0.75rem 2rem;}
.cat-mochi #entries .onelogbox:first-of-type {padding-top: 1rem;}
.cat-mochi #entries .onelogbox:last-of-type {padding-bottom: 1rem;}
.cat-mochi .onelog-header {margin: 0;}
.cat-mochi h4.cat-title {
	font-weight: 400;
}


/*==================================================
***** スマホだけ　～ 767.9px
==================================================*/
@media only screen and (max-width: 767.9px) {
	body {
		width: 100%;
	}

	/* #all layout
	--------------------------------------------*/
	.pagetop {
		right: 1rem;
	}
	#postarea {
		padding: 1rem;
	}
	#right-column {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	#main-column {order: 1;}
	#side-2 {order: 2;}
	#footer {order:3; margin-bottom: 50px;}

	
	/* #header
	--------------------------------------------*/
	#header {
		border-bottom: 3px double var(--baseD);
		margin-bottom: 2rem;
	}
	#header .hd-inner {
		border: none;
		margin-left: auto;
	}

	/* 投稿フォーム
	---------------------------------------*/
	#postarea::after {
		content: none;
	}
	/*----- admin menu -----*/
	.tega_admin_menu {
		margin-top: 0;
	}


	/* #main-column
	---------------------------------------*/
	#entries .onelogbox {
		padding: 1.5rem 1rem;
	}
	#situWrap {
		margin: 1rem;
	}

	/* #side
	---------------------------------------*/
	#side {
		margin-bottom: 0.5rem;
		position: relative;
		background: #CCC !important;
	}
	#side ul {
		display: flex;
		justify-content: flex-end;
	}
	#side ul li a {
		color: #FFF;
	}
	/*----- メインメニュー -----*/
	ul.menu_list {
		margin: 0 0 1rem 0;
		background: var(--baseD);
		padding: 0.5rem;
		font-size: 1rem;
	}
	ul.menu_list li {
		margin-right: 0.75rem;
	}
	ul.menu_list li.link_site {
		margin-right: auto;
	}
	ul.menu_list li a::before {
		display: none;
	}
	/*----- サイドコンテンツメニュー -----*/
	#side-open {
		padding: 0 0.5rem;
		position: absolute;
		top: 7rem;
		right: 0;
	}
	#side-open li {
		margin-left: 0.5rem;
	}
	#side-open li a {
		display: block;
		width: 3rem;
		height: 1.5rem;
		line-height: 1.5rem;
		background: var(--baseL);
		border-radius: 2rem;
		text-align: center;
		font-size: 1rem;
	}
	#side-open li a::before {
		display: inline-block;  
		margin-right: 0;
		opacity: 0.8;
	}

	#piyoyo ul#side-open a {
		border: 1px solid var(--baseN);
		background: none;
		color: var(--main-text);
	}
	
	/* #side-2
	---------------------------------------*/
	/*
	#side-2 {
		border-top: 1px solid var(--baseD);
		padding: 2.5rem 2rem 2rem 2rem;
	}
	#s-images .box-inner .imagelistitem:first-of-type a::before {border-radius: 9px 0 0 0;}
	#s-images .box-inner .imagelistitem:nth-of-type(3) a::before {border-radius: 0 9px 0 0;}
	#s-images .box-inner .imagelistitem:nth-last-of-type(3) a::before {border-radius: 0 0 0 9px;}
	#s-images .box-inner .imagelistitem:last-of-type a::before {border-radius: 0 0 9px 0;}
	*/
	/* #footer
	---------------------------------------*/
	#footer ul {
		flex-wrap: wrap;
		margin: 1rem 1rem 0 1rem;
	}
	#footer ul * {
		font-size: 0.8rem;
	}
	#footer ul li {
		margin: 0.2rem 0;
	}
	#footer ul li:last-of-type::before {
		content: none;
	}

	/* 本文
	------------------------------------------------*/
	/* 続きエリア */
	.readmorearea {
	}
	.readmorearea :is(ol, ul) {
		margin-left: 1rem;
	}
	/* キャプション付き */
	figure {
		display: inline-block;
		width: 100%;
	}

	/* Utility
	------------------------------------------------*/
	.utilitylinks {
		width: 100%;
		border: none;
		margin: 2rem 0 0 0;
		padding: 0;
	}
	.utilitylinks ul {
		padding: 0;
	}
	.utilitylinks ul li {
		font-size: 0.8rem;
	}

	/*---------------------------------------------------------
		■ ヘッダー・サイドなし（カテゴリ、記事ページ） .cat-mochi
	-----------------------------------------------------------*/
	body.login-NO:is(.cat-mochi, .onelog:has(.onelogbox.mochi)) #entries:has(:not(.dateseparator)) {
		margin-top: 25px;
	}
	/*----- カテゴリ画面 -----*/
	.cat-mochi #entries .onelogbox {
		padding: 0.5rem 1rem 0.75rem 1rem;
	}
	
}

/*==================================================
*****	タブレット・PC　768px ～
==================================================*/
@media only screen and (min-width: 768px) {
	#top {
		display: flex;
		max-width: 900px;
	}
	#side {
		position: fixed;
		width: 100px;
		height: 100vh;
		border-right: 1px solid var(--baseN);
	}
	#right-column {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: calc(100% - 100px);
		padding: 0 2rem;
		margin-left: auto;
		margin-right: 0.5rem;
	}
	#side-2 {order: 2;}
	#footer {order:3; margin-bottom: 50px;}

	/* #header
	------------------------------------------------*/
	#header {
		height: 75px;
	}
	.hd-inner {
		height: 100%;
		padding: 0.5rem 0.2rem;
	}

	/*----- free space -----*/
	#hd-free {
		margin: 0;
		padding: 0 1rem;
}
	.home #hd-free {
		padding: 1rem 0;
	}

	/* #main（本文）
	------------------------------------------*/
	#entries {
		padding: 0;
	}
	#entries .onelogbox {
		padding: 1.5rem 2rem 2rem 2rem;
	}

	/* #side（左サイド）
	------------------------------------------*/
	#side {
		text-align: right;
	}
	#side ul {
		display: inline-block;
		text-align: left;
	}
	#side ul li {
		margin-bottom: 1rem;
	}
	#side ul li a {
		display: block;
	}
	#side ul li a span {
		color: var(--main-text);
		font-size: 1rem;
		font-weight: 500;
		transition: color 0.3s;
	}
	#side ul li a::before {
		color: var(--main-text);
		transition: color 0.3s;
	}
	#side ul li a:hover::before,
	#side ul li a:hover span {
		color: var(--mainD);
	}

	/*----- メインメニュー -----*/
	ul.menu_list {
		margin: 2.5rem 1rem 0 0;
	}
	ul.menu_list li.link_site {
		display: none;
	}
	/*----- サイドコンテンツニュー -----*/
	ul#side-open {
		width: calc(100% - 1.75rem);
		margin: 1rem 1rem 0 0;
	}
	ul#side-open li {
		margin-bottom: 0.5rem;
	}
	ul#side-open a {
		background: var(--baseL);
		border-radius: 2rem;
		text-align: center;
	}
	#piyoyo ul#side-open a {
		border: 1px solid var(--baseN);
		background: none;
		color: var(--main-text);
	}

	/* #side-2（右サイド）
	------------------------------------------*/
	/*
	#side-2inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		height: auto;
		border-top: 3px double var(--baseD);
		padding: 2rem 0;
	}
		#side-2 .side-box {
			flex-basis: calc(100% / 2 - 1.5rem);
		}
		#side-2 #s-search {flex-basis: 100%; order: 3;}
		#side-2 #s-images {flex-basis: 100%}
	#side-2 .side-box .imagelistitem {
		flex-basis: calc(100% / 6);
	}
	#s-images .box-inner .imagelistitem:first-of-type a::before {border-radius: 9px 0 0 9px;}
	#s-images .box-inner .imagelistitem:last-of-type a::before {border-radius: 0 9px 9px 0;}
	*/
}

@media only screen and (min-width: 1005px) {
	/*----- #side -----*/
	#side ul {
		margin-right: 1.5rem;
	}
	/*----- メインメニュー -----*/
	ul.menu_list li {
		margin-bottom: 1.5rem;
	}
	ul.menu_list li :is(a, a span) {
		font-size: 1.2rem;
	}
	/*----- サイドコンテンツメニュー -----*/
	ul#side-open {
		width: 80px;
	}
}

@media only screen and (min-width: 1024px) {
	#top {
		max-width: 1024px;
	}
	#right-column {
		max-width: 824px;
		margin-right: 100px;
	}
	#side-2 {
	}
}
@media only screen and (max-width: 1179.9px) {
	#side-2 {
		padding: 0;
	}
	/* モーダルウィンドウ
	------------------------------------*/
	.md-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		z-index: 9999;
		cursor: pointer;
	}
	#oneday .md-overlay {
		background: #FFF;
	}

	.md-contents {
		display: none;
		position: fixed;
		top: 25%;
		left: 50%;
		width: 95%;
		max-width: 600px;
		height: auto;
		overflow: hidden;
		transform: translateX(-50%);
		z-index: 10000;
	}
	.md-inner {
		padding: 2rem 2rem 4rem 2rem;
		background: var(--main-back);
		height: auto;
		border-radius: 10px;
	}
	.md-xmark {
		position: absolute;
		bottom: 2rem;
		right: 2rem;
		width: 25px;
		height: 22px;
		z-index: 9999;
		cursor: pointer;
	}
	.md-xmark::before {
		content: "\4d";
		font-family: var(--icon);
		font-size: 1.5rem;
	}

	/*----- ハッシュタグ -----*/
	#s-hashtag ul li:nth-child(n+13) {
		display: inline-block !important;
	}
	/* 全て見るボタン */
	.allview {
		display: none;
	}
	/*----- 検索 -----*/
		#simplesearch { display: none !important;}
}

/*==================================================
*****	タブレット　768px ～ 1179px
==================================================*/
@media only screen and (min-width: 768px) and (max-width: 1179px) {
	/* #side-2（右サイド）
	------------------------------------------*/
	#side-2 {
		padding: 0;
	}
}
/*==================================================
*****	1005px ～ 1179px
==================================================*/
@media only screen and (min-width: 1005px) and (max-width: 1179.9px) {
	#top {
		max-width: 1280px;
	}
	#side {
		position: fixed;
		width: 150px;
		height: 100vh;
	}
	#right-column {
		width: calc(100% - 150px - 100px);
		margin: 0 auto 0 150px;
		border-right: 1px solid var(--baseN);
	}
	#side-2 {
		border-left: none;
	}
}

/*==================================================
*****	1280px ～
==================================================*/
@media only screen and (min-width: 1180px) {
	:root {
		--side-2W:310px;
	}
	#top {
		max-width: 1280px;
	}
	#right-column {
		margin: 0 var(--side-2W) 0 130px;
		max-width: inherit;
		position: relative;
		border-right: 1px solid var(--baseN);
	}
	#side {
		width: 120px;
	}
	ul#side-open {
		display: none;
	}

	/* #side-2（右サイド）
	------------------------------------------*/
	:root {
		--btns-s: 36px;
	}
	#side-2 {
		position: absolute;
		top: 0;
		right: calc(var(--side-2W) * -1);
		width: var(--side-2W);
		height: 100vh;
		overflow: auto;
	}
	#side-2inner {
		position: fixed;
		top: 0;
		display: block;
		width: calc(var(--side-2W) - 20px);
		height: 100vh;
		overflow: auto;
		border-top: none;
		padding: 2.5rem 1rem 50px 0;
	}
	#side-2 #s-search form {width: 100%}
	#side-2 #s-search {display: block;}
	.side-box {
		padding: 0 1rem;
	}
	#side-2 .side-box {
		border-bottom: 1px dashed var(--baseN);
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}
	#complexsearch { display: none;}
	.searchoptions {
		border-radius: var(--borderR);
		padding: 0.5rem;
	}
	.searchoptions li select {
		font-size: 0.8rem;
	}
	#oneday .searchoptions {
		background: var(--baseL);
	}
	#oneday .searchoptions li select:not(:focus) {
		background: #00000011;
	}
	#piyoyo .searchoptions {
		background: var(--LLL);
	}
	#piyoyo .searchoptions li select:not(:focus) {
		background: #FFFFFF11;
	}

	#side-2 .side-box .imagelistitem {flex-basis: calc(100% / 3);}
	/* 新着画像 */
	#s-images .box-inner .imagelistitem:first-of-type a::before {border-radius: 9px 0 0 0;}
	#s-images .box-inner .imagelistitem:nth-of-type(3) a::before {border-radius: 0 9px 0 0;}
	#s-images .box-inner .imagelistitem:nth-last-of-type(3) a::before {border-radius: 0 0 0 9px;}
	#s-images .box-inner .imagelistitem:last-of-type a::before {border-radius: 0 0 9px 0;}
}
	#s-images {display: none;}