@charset 'utf-8';

@import url(./mb-nav-tx.css);
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@600&family=M+PLUS+1:wght@100..900&family=Roboto+Condensed:wght@300&display=swap');

*{
margin:0;
padding:0;
border:none;

background-repeat:no-repeat;

text-align:left;
text-decoration:none;

color:#282e3d;
font-family:sans-serif;
font-weight:normal;
font-style:normal;
word-break:break-all;}

html{font-size:62.5%;}

body{background-color:#ebead7;}
@media (prefers-color-scheme:dark){body{background-color:#1a1e28;}}

@media (min-width:1040px){*{font-family:'メイリオ',sans-serif;} .mb{display:none;}}
@media (max-width:1039px){*{font-family:'M PLUS 1',sans-serif;} .pc{display:none;}}

.wrapper{
	@media (min-width:1040px){width:700px;margin:50px auto 0 auto;}
	@media (max-width:1039px){margin:50px 15px;}

	h1{
	margin-bottom:50px;
	margin-left:-5px;
	font-size:3rem;
	font-family:'klee One';
		@media (min-width:1040px){br{display:none;}}
	}

	h2{
	margin-bottom:40px;
	font-size:1.4rem;}

	h3:is(.star,.time){
	width:250px;
	margin-bottom:70px;
	padding-bottom:1px;
	border-bottom:1px solid #ccc;
	font-size:1.4rem;}/*STARDUST,WEAVE*/
	h3.star::before,h3.time::before{content:'★';font-size:1.6rem;color:#999;padding-right:5px;position:relative;top:1px;}

	h3.loop{margin-bottom:40px; font-size:1.4rem;}

	p{
	margin-bottom:20px;
	font-size:1.4rem;
	line-height:1.7;
		&.sp{margin-bottom:120px;}
		&.spx{margin-bottom:300px;}
		&.end{margin-bottom:120px;}
	}

	p span.nm0,p span.nm1,p span.nm2,p span.nm3,p span{font-size:1.4rem;}
	@media (prefers-color-scheme:dark){a,p,h1,h2,h2 span,h3,em,rb,rt,.nm0,.nm1,.nm2,.nm3,.nm1d1,.nm2d1,.nm3d1,p span,li{color:#999;}}

	p span{padding:0px 3px 0px 0px;letter-spacing:-0.5px;}

	.nm0,.nm1,.nm2,.nm3,.nm1d1,.nm2d1,.nm3d1{padding:0;letter-spacing:1px;}

	.alp{padding:0;font-size:1.2rem;letter-spacing:1px;}
	.lylic{font-size:1.4rem;line-height:1;letter-spacing:0px; @media (min-width:1040px){font-family:'Roboto Condensed';}}

	.sub-title{/*FRAGMENT*/
	display:inline-block;
	margin-bottom:30px;
	padding-right:50px;
	border-bottom:1px solid #beb59d;
	line-height:1.2;}

	/*24 --------------*/
	.talk24{margin-bottom:120px;
		li{
		display:flex;
		margin:5px 0;
		border-bottom:1px dotted #444;
			em,p{line-height:1.6;}
			em{display:inline-block;width:70px;font-size:1.3rem;}
			p{flex:1;margin-bottom:-2px;}
			}
		}
	}
	/*murdercase3 poststory*/
	& .reminisce{margin:100px 0 120px 0;font-family:'Klee One';font-size:1.55rem;font-weight:600;
		& p{font-family:'Klee One';font-size:1.55rem;font-weight:600;}
	}

	nav.next{margin-bottom:120px;
		p{
		margin-bottom:50px;
		text-align:center;}
		a{
		@media (min-width:1040px){padding:5px 50px;}
		@media (max-width:1039px){padding:5px 70px;}
		border:1px solid #515b7a;
			&:hover{
			background-color:#515b7a;
			color:#fff;}
		}
	}/*next*/

	footer{margin-bottom:30px; padding-top:15px; border-top:1px solid #beb59d;
		div{display:flex;margin-bottom:10px;
			h3{margin-right:5px; font-size:1.1rem;}
			ul{display:flex;flex-wrap:wrap;
				li{list-style-type:none; font-size:1.1rem;
					p{
					padding:15px 0;
					font-size:1rem;
					letter-spacing:0;
					line-height:1.2;}
					ul li{margin-bottom:3px;}
				}
			}
		}
		.index{display:none;}
		.info{
			h3::after{content:'@Shelter creo.stars.ne.jp/re';}
			a{display:none;}
		}

		.chap{
			ul{gap:4px;flex:1;
				li{margin-bottom:3px;
					a{
					padding:1px 3px;
					border:1px solid #515b7a;
					font-size:1.2rem;
						&:hover{
						background-color:#515b7a;
						color:#fff;}
					}
				}
			}
		}

		.extra{display:none;
			ul{
				li{margin-right:7px;
					a{font-size:1.1rem;text-decoration:underline;text-decoration-color:#515b7a;text-underline-offset:2px;
						&:hover{color:#fff;}
					}
				}
			}
		}

		.note{
			p{font-size:1.1rem;
				a{text-decoration:underline;text-decoration-color:#515b7a;text-underline-offset:2px;}
			}
		}
	}

/*stella*/
ul.stella{
	margin-bottom:30px;
	li{
	margin:0 0 10px 20px;
	font-size:1.4rem;}
}


}/*wrapper*/