@charset "utf-8";

@font-face {
	font-family: Emoji;
	src: local("Segoe UI Emoji"),
		local("Segoe UI Symbol"),
		local("Apple Color Emoji"),
		local("Noto Color Emoji"),
		local("Noto Emoji");
	unicode-range:
		U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

@font-face {
	font-family: Emoji;
	font-weight: bold;
	src: local("Segoe UI Emoji"),
		local("Segoe UI Symbol"),
		local("Apple Color Emoji"),
		local("Noto Color Emoji"),
		local("Noto Emoji");
	unicode-range:
		U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

body{
	font-family: 'Emoji','M PLUS 1','Trebuchet MS','Hiragino Kaku Gothic ProN','Meiryo', Arial sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	overflow-x: hidden;
}

h1,h2,
.postdate,
.searchbox input.queryinput::placeholder,
a,
.pagenums,
footer{
	font-family: 'Urbanist', 'M PLUS 1';
}


/*===== アイコンフォント =====*/
.searchbox::after,
.category .depth1 li::before,
.category .depth2 li::before,
.categories a:first-child::before,
.hashtaglist .taglink::before,
ul.decorationL li::before,
q.decorationQ::before,
q.decorationQ::after,
a.nsfw::before,
.situation>span:first-child::before,
.comment>.url::after,
.comment>.postidlink::before,
.deco-linkcs>a::before,
.deco-linkcb>a::before {
	display: inline-block;
	font-family:'Font Awesome 6 Free';
	text-align: center;
	font-weight: bold;
}

.searchbox::after{
	content:'\f002';
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	z-index: -1;
}

/* カテゴリ */
.category .depth1 li::before,
.categories a:first-child::before{
	content:'\f07b';
	font-weight: normal;
}
.category .depth2 li::before {
	content: '\f0da';
	font-weight: 900;
}

.hashtaglist .taglink::before{
	content:'\23';
}

ul.decorationL li::before{
	content:'\f058';
	margin-right: 0.3rem;
}

q.decorationQ::before,
q.decorationQ::after{
	vertical-align: top;
	font-size: 0.9em;
	color: #aaa;
}

q.decorationQ::before{
	content:'\f10d';
	margin-right: 0.3rem;
}

q.decorationQ::after{
	content:'\f10e';
	margin-left: 0.3rem;
}


/*===== 各デバイス用サイズ調整 =====*/
@media screen and (min-width: 1180px) {
	html{ font-size:62.5%;}}
@media screen and (max-width: 1179px) {
	html{ font-size:50%;}}
@media screen and (max-width: 912px) {
	html{ font-size:90%;}}
@media screen and (max-width: 720px) {
	html{ font-size:50%;}}
@media screen and (max-width: 540px) {
	html{ font-size:62.5%;}}
@media screen and (max-width: 280px) {
	html{ font-size:40%;}}

html{
	scroll-behavior: smooth;
}

body{
	position: relative;
}


/*===== ヘッダー =====*/
header{
	text-align: center;
}
header h1,
header h2{
	font-weight: bold;
}


/*===== コンテンツエリア =====*/
.contents{
	flex: 1;
}

.main{
	position: relative;
}

.side > *:first-child{
	margin-top: 0;
}



/*===== 外部リンク =====*/
.link ul li a{
	display: block;
	text-align: center;
}

.link ul li:last-child a{
	margin-bottom: 0;
}


/*===== 検索窓 =====*/
.searchbox{
	position: relative;
}

.searchinputs{
	display: block;
}

.searchbox input{
	vertical-align: top;
	display:inline-block;
}

.searchbox input:focus {
	outline: none;
}

.searchbox input.submitbutton{
	font-size: 0;
}


/*===== カテゴリーリスト =====*/
ul.cattree li{
	font-weight: 500;
}
ul.cattree li:first-child{
	padding-top: 0;
}


/*===== ハッシュタグ =====*/
ul.hashtaglist{
	display: flex;
	flex-wrap: wrap;
}

.hashtaglist li,
.taglink{
	font-weight: 500;
}



/*===== 記事の表示 =====*/
article{
	overflow: hidden;
}

.main > *:first-child,
.main > article:first-of-type{
	margin-top: 0;
}

article .comment {
	overflow-wrap: anywhere;
}

article .comment img{
	max-width: 100%;
	height: auto;
}

article .comment a.imagelink{
	display: block;
}

article .comment a{
	text-decoration: underline;
	font-weight: 500;
}

article .comment a.taglink{
	text-decoration: none;
}

article em{
	font-weight: 500;
}

article .comment a.readmorebutton,
input.passkeysubmit{
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}

.oneloginfo{
	display: flex;
	justify-content: space-between;
}

.oneloginfo span:last-of-type{
	margin-right: 0;
}

iframe.embeddedmovie{
	display: block;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}


/*===== NSFW画像 =====*/
article .comment a.imagelink.nsfw{
	position: relative;
}

article .comment a.imagelink.nsfw::before{
	content:'\f071';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

article .comment a.imagelink.nsfw img{
	height: 100%;
	margin: 0;
}


/* ↓キャプションをワンクッションに使いたくないという方はここから消す */
figure.nsfw{
	position: relative;
	width: fit-content;
	height: fit-content;
}

.nsfw figcaption{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	height:  fit-content;
	font-size: 0.8em;
}
/* ↑ここまで消す */


/*===== ページネーション =====*/
.pagenums{
	width: fit-content;
}

.pagenums a{
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
}


/*===== 投稿フォーム =====*/
.newpost{
	position: sticky;
	left: 100%;
	width: fit-content;
	z-index: 100;
}
.newpost button{
	display: block;
	text-align: center;
	border-radius:50%;
}
.postarea{
	display: none;
}
.pagenumhere{
	pointer-events: none;
}
form.postform textarea{
	resize: none;
}
form.postform textarea:focus {
    outline: none;
}

.changelink{
	display: inline-block;
}
.line-control input[type=checkbox]{
	background-color: #fff;
	appearance: auto;
}
.catChecks label{
	display: inline-block;
	vertical-align: top;
}
.line-control input.postbutton{
	font-weight: bold;
}
input[name="upload_file"]{
	background-color: transparent !important;
	padding: 0 !important;
}
span.decoBtns{
	display: block !important;
}
select.hashtagEasyInput{
	background-color: #fff;
	vertical-align: top;
}


/*===== フッター =====*/
footer{
	margin-top: auto;
	text-align: center;
}
footer p{
	display: inline-block;
}


/*===== clearfix =====*/
article .comment::after {
  content: "";
	display: block;
  clear: both;
}


/*===== 非表示 =====*/
.searchtarget,
.limitedsearch,
.dateseparator,
article.logstatus-fixed .oneloginfo,
.utilitylinks{
	display: none;
}


/*===== 追加 =====*/

/* 外部リンク */
.comment>.url::after {
	content: "\f35d";
	font-weight: 900;
	margin-left: 0.5rem;
}
/* 内部リンク */
.comment>.postidlink::before {
	content: "\f0c1";
	font-weight: 900;
}

/* ヘッダーメニュー */
nav.menu {
	width: 100%;
	margin-top: 2rem;
	background-color: #243443;
}
nav.menu>ul {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.menu>ul>li {
	font-weight: bold;
}
nav.menu>ul>li:hover {
	background: #e97135;
}
nav.menu>ul>li>a {
	display: block;
	padding: 0.75em 1em;
	text-decoration: none;
	color: #fff;
}

/* パンくずリスト（シチュエーション） */
.situation > span:first-child::before{
	content: "\f105";
	font-weight: 900;
	margin-right: 0.5rem;
}
.situation {
	margin-bottom: 2rem;
}

/* 年月アーカイブリスト */
ul.datelimitlist {
	font-weight: 500;
	line-height: 2rem;
}
.datelimit-year {
	margin: 0.5rem 0;
}
.datelimitsublist {
	display: none;
}

/*===== 本文デコ =====*/
/* 強調 */
.decorationE{
	font-size: large;
	font-weight: bold;
}
/* 太字 */
.decorationB{
	font-weight: bolder;
}
/* 引用 */
.decorationQ {
	padding: 1rem 1.5rem;
	margin: 1rem 0;
	border-radius: 1rem;
	background-color: #eee;
	word-wrap: break-word;
}
/* 区切り線 */
.deco-hr,
.readmorearea>.deco-hr {
	margin: 2em 5em;
	border-bottom: 0.2em dashed #ccc;
}
/* センタリング */
.deco-center,
.readmorearea>.deco-center {
	text-align: center;
}
/* リンクカード */
.deco-linkcs,
.deco-linkcb {
	display: inline-block;
	width: 100%;
}
.deco-linkcs>a,
.deco-linkcb>a {
	display: inline-block;
	position: relative;
	width: -webkit-fill-available;
	width: -moz-available;
	margin: 1rem;
	padding: 1rem 2rem;
	border: 2px #ccc solid;
	border-radius: 0.5rem;
}
.deco-linkcs>a::before {
	position: absolute;
	padding: 0 0.5rem;
	content: "\f015  ORANGE METRO";
	background-color: #bbb;
	color: #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	font-size: .7em;
	z-index: 1;
	top: -1.2rem;
	right: 1rem;
	left: auto;
	bottom: auto;
}
.deco-linkcb>a::before {
	position: absolute;
	padding: 0 0.5rem;
	content: "\f02e  外部リンク";
	background-color: #aaa;
	color: #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	font-size: .7em;
	z-index: 1;
	top: -1.2rem;
	right: auto;
	left: 1rem;
	bottom: auto;
}
/* Youtube埋め込みレスポンシブ */
.embeddedmovie{
	display: inline-block;
	width: 100%;
	aspect-ratio: 16 / 9;
}
.embeddedmovie iframe {
	width: 100%;
	height: 100%;
}

/*===== 直後の改行を無効化する =====*/
/* 画像、区切り線、センタリング、引用 */
.imagelink+br,a.imagelink+br,
.deco-hr+br,.readmorearea>.deco-hr+br,
.deco-center+br,.readmorearea>.deco-center+br,
.decorationQ+br,q.decorationQ+br{display: none;}