@charset 'UTF-8';

body#subpage header{
}

body#subpage header .adjust{
	position: relative;
}

body#subpage #headlogo{
	position: relative;
	margin-left: 0;
}
body#subpage h1.logo {
	height: 1.6em;
}
.svg-white-color{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(358deg) brightness(101%) contrast(100%);
}
body#subpage #headlogo .logo_r18_mode{
	font-size: 9px;
	background: #D7061A;
	font-family: sans-serif;
	position: absolute;
	right: -4em;
	top: 0;
	color: #fff;
	padding: 0 .5em;
	border-radius: 2px;
}
body#subpage #headlogo .beta_mode{
	font-size: 9px;
	background: #633;
	font-family: sans-serif;
	position: absolute;
	right: -1em;
	top: 65%;
	color: #fff;
	padding: .5em;
	border-radius: 2px;
}

body#subpage h1.logo {
	font-family: 'Poiret One', serif;
	font-size: 1.6em;
	white-space: nowrap;
	position: relative;
	line-height: .7;
	text-align: center;
}
body#subpage h1.logo p{
	font-family: 'Yomogi', cursive;
	font-size: 10px;
	padding-top: 1em;
	font-weight: normal;
}
body#subpage h1.logo p span{
	padding-right: .3em;
}
.catch{
	font-family: 'Yomogi', cursive;
	padding-bottom: .8em;
}
.liteban{
	font-family: 'M PLUS Rounded 1c', cursive;
	font-size: .9em;
	text-align: center;
	padding-top: 0;
}
.hs-adj{
	padding-top: 2.4em;
}
.vnov-button{

}
.vnov-button button{
	position: absolute;
	top:0 ;right: .5em;
	display: inline-block;
	color: #939393;
	text-decoration: underline;
	padding: .2em;
	font-size: .8em;
}

body#subpage header{
	background: #fdfef1;
}
header #head{
	margin: 1.6em .5em;
}
.newnovel a.h-button{
	display: block;
	font-size: .8em;
    background: #e9eadf;
    padding: .6em;
	color: #575757;
}
.newnovel a.n-button{
	display: block;
	color: #fff;
	border-radius: 0 0 0 10px;
	font-weight: bold;
	font-size: 1em!important;
	background: #fa6a63;
	padding: 1em;
	position: absolute;
	top: 0;
	right: 0;
}
.newnovel a.n-button:hover{
	color: #fff;
	background: #f78c87;
}

.head_search{
	width: 160px;
}

.list_h2{
	font-size: 1.4em;
	background: -webkit-repeating-linear-gradient(-45deg, #CEE5D0, #CEE5D0 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #CEE5D0, #CEE5D0 2px, #fff 2px, #fff 4px);
	background-size: 100% .6em;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: .4em;
	margin-bottom: 1em;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
	border-radius: 3px;
}
.list_h2:before{
	color: #fa6a63;
}

/*nav*/
nav#headnav{
	color: #fff;
	background: #5E454B;
}
nav #headmenu{
	border-bottom: none;
}
/*footer*/
footer{
	background: #5E454B;
}
/*top page*/
#Novel_Chart .outline_select{
	padding: .5em .5em 0 .5em;
}
#Novel_Chart .outline_select p{
	padding-bottom: .4em;
	font-size: .8em;
	color: #8d8d8d;
	max-width: 48em;
}
#Novel_Chart .outline_select a{
	display: inline-block;
	margin: 0 .2em 1em 0;
	padding: .2em .5em;
	background: #f5f5f5;
	text-decoration: none;
	border-radius: 3px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	position: relative;
}
#Novel_Chart .outline_select a:visited{
}
#Novel_Chart .outline_select .uppoint{
	position: absolute;
	top:-2em;left:2.1em;
	z-index: 1;
	white-space: nowrap;
	color: #FFF;
	background: rgba(155,216,236,.6);
	border-radius: 50%;
	padding: .2em;
}
.SubTitleList{
	padding: .5em .5em 1em .5em;
}
ol.subtitle-list{
	list-style-type: decimal;
}
ol.subtitle-list li{
	color: #828282;
	margin-left: 1.6em;
}
ol.subtitle-list li{
	border-bottom: 1px dotted #ddd;
}
ol.subtitle-list li::marker{
	font-size: .9em;
}
ol.subtitle-list li:hover{
	background: #f9f9f9;
}
ol.subtitle-list .stlist{
	padding: .8em 0 .2em .2em;
}
ol.subtitle-list li .subtitle{
	flex-grow: 1;
	padding-right: 1em;
}
ol.subtitle-list li .subtitle a{
	color: #828282;
	display: block;
	font-size: .9em
}
ol.subtitle-list li .days{
	position: relative;
	color: #b6b6b6;
	font-size: .8em;
	white-space: nowrap;
}
/*readmore jquery*/
/*高さを制限しているコンテンツの要素*/
.ReadMore{
	position: relative;
	height: 12em;
	overflow: hidden;
	transition: .4s;
	box-sizing: border-box;
}
/*グラデーションで隠す擬似要素*/
.ReadMore:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2em;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	transition: .4s;
}
/*クラス付与時のスタイル*/
.ReadMore.active:before{
	opacity: 0;
	visibility: hidden;
}

/*ページ移管*/
.head_sort_select{
	text-align: right;
	margin: 2em 0;
}
.head_sort_select form, .head_sort_select span{
	display: inline-block;
	text-align: left;
}

.back_navi p a, .front_navi p a {
	color: #fff;
	background: #70958b;
}

/*文字サイズ変更*/
div#resize-button{
	line-height: 1.5;
	padding: 1em .5em;
	text-align: right;
}
div#resize-button p{
	font-size: .9em;
	padding-bottom: .3em;
}
div#resize-button ul#fontSize {
	*zoom: 1; /*forIE6,7*/
}
div#resize-button ul#fontSize li {
	background-color: #ccc;
	padding: 3px 5px;
	margin-right: 5px;
	cursor: pointer;
	color: #666;
}
div#resize-button ul#fontSize li:hover {
	background-color: #eee;
}
div#resize-button ul#fontSize li.active {
	background-color: #999;
	color: #fff;
}
div#resize-button ul#fontSize li.active:hover {
	background-color: #999;
}

/*小説本文*/
#ks_text{
}

.cushion{
	text-align: center;
	background: #f7f7f7;
	padding: 2em 1em;
	border-bottom: 1px solid #ddd;
}
.cushion h3{
	font-size: 1em;
	color: #6f6f6f;
	padding-bottom: .5em;
}
.cushion p{
	padding: .8em;
	font-size: .9em;
	color: #757575;
	background: #ffffff;
	border-radius: 5px;
	display: inline-block;
	margin: 2em auto;
}

/*下部ボタン*/
.author_edit > label{
	display: inline-block;
	background: #f7f7f7;
	border-radius: 5px;
	padding: .2em;
	color: #757575;
	text-decoration: none;
	margin-top: .5em;
	font-size: .9em;
}
.author_edit > label:hover{
	cursor: pointer;
}
.author_edit > label:before{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding-right: 3px;
	content: "\f0d7";
}
.author_edit label.adcau:before{
	content: "\f06a";
    color: #E35F62;
    font-size: 13px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
	padding: 0 4px;
}

form.ks_novel_edit{
	width: 20em;
	padding: .8em;
	margin-left: auto;
}
form.ks_novel_edit input[type="password"]{
	border: 1px solid #ddd;
	padding: .2em;
	border-radius: 3px;
	width: 8em;
}
form.ks_novel_edit input[type="submit"]{
	margin-top: .5em;
	text-align: right;
}
form.ks_novel_edit select{
	width: auto;
	text-align: left;
	margin: 1em 0 0 auto;
}
form.ks_novel_edit span{
	vertical-align: bottom;
}

form.ks_novel_del{
	width: 20em;
	margin-left: auto;
}
form.ks_novel_del p{
	padding: 0!important;
}
form.ks_novel_del input[type="text"].number{
	border: none;
	text-align: left;
	padding: 0 0 0 0.3em;
	width: 1.6em;
}
form.ks_novel_del input[type="password"]{
	border: 1px solid #ddd;
	border-radius: 3px;
}
form.ks_novel_del input[type="submit"]{
	text-align: right;
	padding: .3em .5em;
}
form.ks_novel_del span{
	vertical-align: bottom;
}

/*menu box*/
.kakisute_menu_box{
	padding: 0 .5em;
	text-align: center;
}
.kakisute_menu_box .foot_menu > a{
	display: inline-block;
	margin: 0 1em;
	border: 1px solid ;
	padding: .2em .5em;
	border-radius: 3px;
}

.auth_caution{
	width: 12em;
	background: #ffdfdf;
	border-radius: 3px;
	margin-left: auto;
	padding: 0.4em;
	color: #de2c2c;
	font-size: 0.8em;
	line-height: 1.2em;
}

/*コメントページ*/
#head_pan_navi{
	padding: 2em 0 4em .5em;
}
#head_pan_navi a{
}

.comname{
	padding-right: .2em;
}
.userNoBox-wrap{
	justify-content: flex-end;
    align-items: center;
	margin-top: .8em;
}
.userNoBox-wrap input[type="submit"]{
	margin-top: 0;
	margin-left: .2em;
}
.toggle-pass{
    position:absolute;
    top:50%;
    right: .5em;
    transform: translateY(-50%);
}

/*使い方*/
.how_new_novel a{
	display: inline-block;
	background: #fa6a63;
	color: #fff;
	padding: .5em .8em;
	font-weight: bold;
	border-radius: 10px;
}

/*検索*/
input[name="freeword"]{
	width: 300px;
}

/* タブレット端末
================================================= */

@media screen and (min-width:737px){
	.newnovel a.n-button{
		top: 10px;
		right: 10px;
		border-radius: 10px;
	}
	.newnovel a.h-button{
	}
	body#subpage h1.logo .logo_r18_mode{
		font-size: 12px;
	}
	body#subpage h1.logo {
		padding: 0;
	}
	body#subpage h1.logo:before {
		top: -7px;
		left: -7px;
		border-width: 4px;
	}
	.message_box{
	}
	
	.tab_pc_flex main{
		width: 42em;
	}
}

/*パソコン
================================================= */

@media screen and (min-width:1025px){
	/*小説本文*/
	#ks_text{
		width: 98%;
		margin: 0 auto;
	}
}

/*ダークモード
================================================= */
@media (prefers-color-scheme: dark) {
	body#subpage header{
		background: var(--header-bg);
	}
	.newnovel a.h-button{
		background: none;
		color: var(--wt-cl);
	}
	.list_h2 {
		color: #3b3b3b;
		background: -webkit-repeating-linear-gradient(-45deg, #d1d1d1, #d1d1d1 2px, #fff 2px, #fff 4px);
		background: repeating-linear-gradient(-45deg, #d1d1d1, #d1d1d1 2px, #fff 2px, #fff 4px);
		background-size: 100% .3em;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	nav#headnav {
		background: var(--nav-bg);
		color: var(--wt-cl);		
	}
	footer{
		background: var(--header-bg);
	}
	
	form.ks_novel_del input[type="text"].number{
		background: none;
		color: var(--wt-cl);
	}
	form.ks_novel_del input[type="password"]{
		background: #fff;
	}
}