@charset "UTF-8";
/* CSS Document */

input.searchsubmit{
	background: transparent;
}

body#MAIN header #head{
	padding: 0;
}

/*nav*/
body#NOVEKATU nav#headnav{
}
nav .menu-item a{
}
nav.scroll-x-nav #headmenu{
    flex-wrap: nowrap;
}
nav.scroll-x-nav #headmenu{overflow-x:scroll;}
nav.scroll-x-nav #headmenu::-webkit-scrollbar{height:3px;}/*バーの太さ*/
nav.scroll-x-nav #headmenu::-webkit-scrollbar-track{background:#EFE9E3;}/*バーの背景色*/
nav.scroll-x-nav #headmenu::-webkit-scrollbar-thumb{background:#bdb5ae;}/*バーの色*/
/*main*/
main{
	padding-bottom: 4em
}

.list_h2{
	background: -webkit-repeating-linear-gradient(-45deg, #eeeeee, #eeeeee 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #eeeeee, #eeeeee 2px, #fff 2px, #fff 4px);
    background-size: 100% .6em;
	background-repeat: no-repeat;
    background-position: bottom;
    padding-left: .4em;
	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;
	margin-bottom: 1em;
}

.nov_line_01.hikoukai{
	background:#fffafc;
}
.release, .private{
	background: #fcfaf9;
	padding: .2em .2em .2em .4em;
	border-radius: 3px;
	box-shadow: #f8f8f8 1px 1px;
	margin-right: .4em;
}
form.rpchange select.release, form.rpchange select.private{
	font-size: .8em;
	text-align: center;
	border: none;
}
.release{
	color: #396;
}
.private{
	color: #F06;
}

.modal-body{
	font-size: 14px;
}
.modal-open, .search-button{
	font-size: .8em;
}

#Novel_Chart .n_container {
    border: none;
    margin-bottom: 1em;
}
#Novel_Chart .n_container .oriss_box{
	padding-bottom: .4em;
}
.oriss_flg{
	font-size: .7em;
}
#Novel_Chart .n_container.wr_report{
    border: 2px solid #f2f2f2;
    border-radius: 10px;
	margin-left: .4em;
	margin-right: .4em;
}

#Novel_Chart .n_container .oriss_box a:first-child{
	display: inline-block;
	border-radius: 3px;
	padding: .1em .5em;
	color: #fff;
}
#Novel_Chart .n_container .n_head_info{
	padding: .4em 0 .2em 0;
}
#Novel_Chart .novel_pre a.yomikiri, .yomikiri{
	color: #F60;
	background: #F2EFD5;
}
.genre{
	margin-left: .4em;
}
.relay{
	color: #3b29b5;
    background: #C7DAEB;
}
.report_flag{
	color: #F96;
}
.kstop{
    background: #922626;
    color: #fff;
}
.mikan{
	color: #b93885;
	background: #f4e8ef;
}

.typ_box{
    margin: 0.3em 0;
    padding-bottom: 0.2em;
}

.outline_read{
	padding: .4em;
	line-height: 1.2em;
	background: #fbf9f9;
	font-size: .8em;
}

.catetags{
}

.n_typ{
	color: #9d9d9d;
	padding-top: .5em;
}
.n_typ a{
	font-size: 1em!important;
}
.renlen{
	display: inline-block;
}
#Novel_Chart .newNovel.n_info{
	padding: 0 .4em;
}
.n_bottom_info{
	padding: .5em .4em 0;
}
.novnoget{
	display: none;
}
label.MainTitle{
	display: inline-block;
	border-bottom: 1px solid #333;
}
.novelDetails{
	height: 0;
	opacity: 0;
	padding: 0 10px;
	visibility: hidden;
}
.Details_ap{
	opacity: 1;
	visibility: visible;
	transition: .5s;
}
button.read_button{
	display: inline-block;
	padding: .2em .4em;
	color: #c41883;
}

dl.authors-list{
}
dl.authors-list dt{
	padding: .6em 0 .4em .4em;
}
dl.authors-list dt:hover{
	background: #f7f7f7;
}
dl.authors-list dd{
	text-align: right;
	font-size: .8em;
	padding-bottom: .4em;
	border-bottom: 1px dotted #ddd;
}

#more_btn{
	
}
#more_btn a{
	display: block;
	width: 8em;
	margin: 0 auto;
	padding: .4em .8em;
	background: #f7f7f7;
	color: #666;
	text-align: center;
}

/*footer*/
body#NOVEKATU footer{
	color: #F7F6F2;
}


/*ランキング
------------------------------------------------------------*/
.rank_mode{
	padding: 2em 0;
}
.rank_mode a, .rank_mode div{
	border-radius: 25px;
	border: 1px solid #ddd;
	padding: 0 .6em;
	margin-right: .6em;
	font-size: .9em;
}

.ranking_n img{
	vertical-align: baseline;
}
.lastUpdate{
	font-size: .7em;
	color: #aaa;
}
ul.ranking .pname{
	font-weight: bold;
	color: #929292;
	font-size: .9em;
}
ul.ranking h1{
	width: 100%;
}
ul.ranking h1 a{
	color: #575757;
	font-size: .8em;
	display: block;
}
ul.ranking .novel_pre p,
ul.ranking .novel_pre form{
	font-size: .8em;
	padding-right: .8em;
	color: #9e9d9d;	
}


/*ログインフォーム
------------------------------------------------------------*/
#login-form{
	margin: 3em auto;
}
.login-form-field{
	display: flex;
	margin-bottom: 1em;
}
.login-form-field p:first-child{
	width: 20%;
	text-align: right;
}
.login-form-field p:last-child{
	width: 70%;
	text-align: left;
}
.login-form-field p:last-child input{
	width: 100%;
}

a.sinki{
	display: inline-block;
	color: #fff;
	margin: 0!important;
	padding: .5em 1em!important;
	border-radius: 10px!important;
}
a.sinki-sai{
	background: #66a5d6;
	border: 2px solid #66a5d6;
	color: #fff;
	padding: .5em 1em;
	border-radius: 2px;
}
.state span.r18{
	font-size: .8em;
	background: #de2c2c;
	border-radius: 3px;
    padding: 0.3em 0.5em;
    color: #fff;
}
.ratecate{
    color: #df404d;
	border: 1px solid;
    border-radius: 25px;
	padding-right: .4em;
}

/*小説新規作成メニュー*/
#write-mode-select{
	padding-top: 2em;
}
#write-mode-select form button.novel-wtg-btn{
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: .5em 1em;
	color: #00BCD4;
	background: #ECECEC;
	text-decoration: none;
	transition: .4s;
	border: none;
	box-shadow: 1px 1px 1px #ddd;
}
#write-mode-select form button.novel-wtg-btn:hover{
	background: #00bcd4;
	color: #fff;
}

.new_novel_check{
	max-width: 380px;
	margin: 2em auto;
	padding: 1em .5em 1em .8em;
	background: #ffecec;
	border: 4px solid #ff7c7c;
}
#submit_ok_button input[type="submit"]{
	padding: 1em 2em;
	font-weight: bold;
	font-size: 1.2em;
}

/*作品一覧*/
.login_novel_list {
	width: 100%;
	padding: .5em 0 0 0;
	border-bottom: #C0C0C0 solid 1px;
}
.subTitleList{
	width: 100%;
}
.login_novel_list .nov_line_01{
	position: relative;
	padding: .3em .4em;
	border-top: #C0C0C0 solid 1px;
}
.login_novel_list .nov_line_02{
	border-top: #C0C0C0 dotted 1px;
}
.login_novel_list ol.zono{
	counter-reset:number; /*数字をリセット*/
}
.login_novel_list ol.zono li{
	position: relative;
}
.login_novel_list ol.zono li::before{
	/* 数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #5b4f49;
	color: #fff;
	font-weight:bold;
	border-radius: 2px;
	left: 0;
	width: 33px;
	height: 25px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*コメント*/
.joge{
	padding: .5em;
	text-align: center;
	border-style: solid;
	border-width: 1px 0;
	border-color: #cbcbcb;
	font-size: 1.2em;
	font-weight: bold;
}
.joge-no{
	padding: .5em 0;
	text-align: center;
	border-style: solid;
	border-width: 2px 0;
	border-color: #5b4f49;
	font-size: 2em;
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.joge-no div.no{
	position: relative;
	display: inline-block;
	margin: 0 0 0 .8em;
	padding: .5em .8em;
	color: #fff;
	font-size: 16px;
	border-radius: 2px;
	background: #5b4f49;
}
.joge-no div.no::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 90%;
	margin-top: -9px;
	border: 9px solid transparent;
	border-left: 15px solid #5b4f49;
}
.joge-no div.no p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.joge-no h3 {
	font-size: .9em;
	padding: 0 .8em;
}
.joge h3.title{
	margin: 0 .8em;
}

/*プロフィール画面
------------------------------------------------------------*/
#profile_pageTitle{
	margin: 3em 0 0;
}
#profile_pageTitle h1{
	font-weight: 500;
	font-size: 1.1em;
}
#profile{
	width: 90%;
	margin: 0 auto;
	padding: 1em .5em;
background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f7f7f7 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f7f7f7 calc(100% - 1px));
	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
}
.profile_box{
	text-align: center;
	margin-bottom: 1.5em;
	line-height: 1.4;
}
.profile_box .profile_th{
	font-weight: 500;
	padding: .5em 0 .2em;
    margin-bottom: .5em;
}
.profile_box .profile_th p{
	display: inline-block;
    border-bottom: 1px solid #ddd;
	font-size: .9em;
}
.profile_pname{
	font-size: 1.3em;
	font-weight: 500;
}
.profile_comment{
	line-height: 1.5;
	font-size: .9em;
	display: inline-block;
    margin: .5em auto 0;
    text-align: left;
}
#profile h2{
	border-radius: 20px 20px 0 0;
	padding: .5em 1em;
	font-size: 1.2em;
	text-align: center;
}
body.originalNovel #profile h2{
	background: #abd1da;
}
body.ssNovel #profile h2{
	background: #e0b6c2;
}
#profile table{
	margin: 0 auto;
}
#profile table tr:not(:last-child){
	border-bottom: 1px solid #dcdcdc;
}
#profile table tr td, #profile table tr th{
	padding: 1.2em .4em;
}
#profile table tr th{
	width: 8em;
	text-align: right;
	padding-right: 1em;
}
#profile table tr td{
	max-width: 24em;
}
#profile table tr td.profile_comment{
	font-size: .9em;	
}
.approved{
	width: 1.5em;
	height: auto;
	margin-left: 0.2em;
	vertical-align: top;
}
.filter-approved{
filter: brightness(0) saturate(100%) invert(41%) sepia(14%) saturate(3577%) hue-rotate(334deg) brightness(92%) contrast(87%);}
#wcom {
	background: #fff;
}

.user-ellipsis{
	font-size: .8em;
	padding: 0 .5em;
	cursor: pointer;
}
.pop-msg{
	position: absolute;
	top:-3em;
	right: -3em;
	background: #fff;
	padding: .4em;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	font-weight: normal;
	font-size: 1.3em;
	white-space: nowrap;
}

.repvote{
	display: inline-block;
	padding: 0 .4em;
}

#author_all_novel{
	margin: 1em 0;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;*/
}

.pro_nov_cont{
	background: #fff;
	margin-bottom: 1em;
}
.pro_nov_info{
	padding: .5em;
}
.pro_nov_outline{
	font-size: 1em;
	padding: .3em 1.5em 1em;
}
.pro_nov_outline .outline_read{
	font-size: .9em;
}
.pro_nov.pres{
	font-size: .8em;
	border-bottom: 1px solid #dcdcdc;
}
.pro_nov.n_info span{
}

.foot-page-select{
	display: inline-block;
	margin-top: 3em;
	padding: .2em .5em;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
	width: 20em;
	color: #fff;
    background: #696969;
}
ul.foot-pageselect-list{
	width: 30em;
	margin: 1em auto 0;
}
ul.foot-pageselect-list li form button, ul.foot-pageselect-list a{
	display: block;
	width: 100%;
	padding: .4em .2em;
	border-bottom: 1px solid #dcdcdc;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul.foot-pageselect-list li form button:hover, ul.foot-pageselect-list a:hover{
	background: #f7f7f7;
}

.pagination_button{
	text-align: center;
	margin: 1em auto 2em;
	justify-content: center;
}
.pagination_button .prev, .pagination_button .next{
	border: 1px solid #d4d4d4;
	border-radius: 3px;
}
.pagination_button .prev a, .pagination_button .next a{
	display: inline-block;
	padding: .2em .5em;
	border-left: 1px solid #d4d4d4;
}
.page_select{
	text-align: center;
}
.page_select select{
	display: inline-block;
	width: 60px;
	margin: 0 .8em;
}

/*リレー小説
------------------------------------------------------------*/
#novel_container h1.relay_title{
	padding: 4em 0 .4em;
}
h1.relay_title span{
	display: block;
	font-weight: normal;
	font-size: .65em;
	color: #8b8b8b;
}
h1.relay_title div{
}

h2.relay_msend_h2{
	text-align: center;
	padding-top: 3em;
}
.relay_cont_box{
	padding-bottom: 2em;
}
.relay_intro_text{
	 margin: 1em 0 3em;
	 padding: 0 1em;	
}
.relay_intro_text .rtext{
 background-color: #fff;	/* 背景色 */
 border: 1px solid #ccc; /* 線の太さ・種類・色 */
 box-shadow:1px 1px 6px 0px #ccc;
 -moz-box-shadow:1px 1px 6px 0px #ccc;
 -webkit-box-shadow:1px 1px 6px 0px #ccc;
 -o-box-shadow:1px 1px 6px 0px #ccc;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
 position: relative;
 z-index: 0;
}
.rtext:after{
 background-color: #d9ccb3; /* マステ部分の色1 */
 background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
 background-position: 0 0, 12px 12px;
 background-size: 24px 24px;
 border-left: 2px dotted rgba(255,255,255,0.9);
 border-right: 2px dotted rgba(255,255,255,0.9);
 box-shadow: 0 0 5px rgba(255,255,255,0.5);
 content: 'Introduction';
 display: block;
 margin: 0 0 10px 0;
 padding: 5px 20px;
 color: #fff;  /* マステ部分文字色 */
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}
.relay_new_button, .relay_continued_button, .relay_kan{
	display: inline-block;
	border-radius: 6px;
	border-style: solid;
	color: #fff;
}
.relay_new_button{
	padding: .5em .8em;
	background: #71c162;
	border-color: #569849;
	border-width: 0 1px 1px 0;
}
.relay_continued_button{
	background: #82b290;
	padding: 0.1em 0.2em;
    margin-left: 0.5em;
	font-size: .9em;
}
.relay_new_button:hover, .relay_continued_button:hover{
	opacity: .8;
}
.relay_kan{
	background: #F66;
	padding: 0 .5em;
	font-size: .9em;
}

.relay_status{
	padding: 0 .8em;
}
.relay_status p{
	font-weight: bold;
	padding-bottom: .8em;
}
ul.relay_all{
	padding-left: 0;
}
ul.relay_all li{
	padding: .4em 0;
	border-bottom: 1px solid #ddd;
}
/*ul.relay_all li .relay_user_button::after{
	font-family: 'Font Awesome 6 Free';
	content:"\f178";
	font-weight: 900;
	padding-left: 0;
	font-size: .7em;
    color: #959595;
}*/

.relay_user{
	margin-left: .5em;
	padding: .1em .4em;
	display: inline-block;
	font-size: .9em;
}
.relay_user span{
	display: inline-block;
}
.relay_user span.relay_user_no{
	color: #909090;
	padding-right: .3em;
	font-size: .7em;
}
.relay_user span.relay_user_name{
	text-align: center;
	vertical-align:  inherit;
}
.relay-date{
	font-size: .8em;
	color: #B3B3B3;
}

.relay_one_cont{
	padding: 4em .8em 0em;
}

#novel_container .relay_user_name{
	text-align: center;
	color: #8b8b8b;
	font-size: .9em;
}
.relay_data{
	font-size: .9em;
	text-align: right;
}

.preview_relay_text{
	padding: 1em;
	background: #fdfdfd;
	margin-bottom: 2em;
	font-size: .9em;
}
.novel_main_text.relay_text{
	padding: 1em 0;
}
.relay_a_messe{
	border-top: 1px solid #ddd;
    padding: 1em 0 1em 0;
    margin-top: 2em;
}
.relay_message{
    padding: 0 .5em 0 0;
    font-size: .85em;
}

.relay_message p.comti {
	position: relative;
	display: inline-block;
	margin-bottom: 1.5em;
	padding: 7px 10px;
	font-weight: bold;
	text-align: center;
	background: #e6ebf3;
}
p.comme{
	padding: 0 .5em;
}

.relay_message p.comti:before {
  content: "";
  position: absolute;
  top: 84%;
  left: 28%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e6ebf3;
}

.onamae{
	display: inline-block;
	padding: .2em .6em;
	border-radius: 20px;
	margin-left: .5em;
	background: #e9e9e9;
}



/*ログイン画面
------------------------------------------------------------*/
.login_midashi {
	display: inline-block;
	margin-top: 1em;
    margin-right: 0.8em;
	padding: .4em;
	color: #555;
	background: #eeebeb;
	border-radius: 2px;
	text-align: center;
	font-size: .6em;
}
.login_midashi span{
	font-size: .9em;
}
@keyframes pagemove{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.LoginBox{
	animation: pagemove 1s forwards;
}
.mypage_name{
	font-size: .7em;
}
#LoginMenu{
	margin: .5em 0 2em;
	max-width: 1224px;
	background: #f7f7f7;
	padding: 4px;
}
#LoginMenu a{
	text-align: center;
	display: inline-block;
	padding: .4em .5em;
	font-size: .8em;
	font-weight: bold;
}
a.active_button{
	color: #575757;
	cursor: default;
}
a.active_button::before{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content:"\f0da";
	margin-right: .5em;
}
#LoginMenu form{
	margin-right: 0;
	display: inline-block;
}
#LoginMenu form button.passive_button{
	display: block;
	width: 100%;
	color: #797877;
	text-decoration: underline;
	padding: .4em .5em;
	font-size: .8em;
}
#LoginMenu form button.passive_button:hover{
}
.login_h2{
	font-size: 1.2em;
}
.login_h2 p{
	display: inline-block;
	border-bottom: 5px solid #ddd;
	padding:0 .4em;
}
.login-cont-box{
	padding: 0 0 2em;
}
.login-text{
	padding: 0 .5em;
}
.login-text-pn{
	padding: 0;
}
.login-text p, .login-text-pn p{
	padding-bottom: 1em;
}

.head_guide{
	text-align: right;
	margin-top: 1em;	
}
.login_main_head{
	font-size: .9em;
	padding: 2em .5em 3em .5em;
	text-align: right;
}
.login_main_head_menu{
	font-size: 0;
}
.login_main_head_menu .menu-btn{
	display: inline-block;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	font-size: 12px;
    background: #fff;
}
.login_main_head_menu form{
	padding: 4px 8px;
}
.login_main_head_menu a{
	padding: 4px 8px 5px 8px;
}
.login_main_head_menu a:hover{
	background: #dcdcdc;
	transition: .5;
}
.login_main_head_menu .first-btn{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 20px 0 0 20px;
}
.login_main_head_menu .last-btn{
	border-right: 1px solid #ddd;
	border-radius: 0 20px 20px 0;
	color: #5b4f49!important;
}

button.zokuhen_button{
	background: #ce9ca4;
    color: #fff;
    padding: .3em .8em;
    border-radius: 8px;
}
button.zokuhen_button:hover{
	background: #e0b1b9;
}

.login_head a, .login_tab_button a{
	display: inline-block;
}
.login_head a{
	margin: 0;
}
.login_msend_h2{
	text-align: center;
	padding-top: 3em;
}
.login_n_title{
	padding-right: .5em;
}
.login_n_title form{
	display: inline-block;
}
.login_n_title form p{
	padding: 0;
}
.login_n_title .ss, .login_n_title .original{
	color: #fff;
}
.zono{
	font-size: .7em;
	width: 24px;
	text-align: center;
    color: #fff;
    background: #a7a5a5;
}
.login_n_title div.SubTitle{
	padding: .5em 0;
}
.login_n_title form button.title, .login_n_title form button.subtitle{
	border: none;
	font-weight: bold;
	font-size: 1.1em;
	vertical-align: middle;
    color: #594f47;
	text-align: left;
	border-bottom: 1px dotted transparent;
	border-radius: 0;
}
.login_n_title form button:hover, .login_n_title form button.subtitle:hover{
	background: #fcfaf9;
	border-bottom: 1px dotted;
}
.login_n_title form button.subtitle{
	font-size: .95em;
}
.login_n_info{
	margin-left: auto;
	font-size: .93em;
	align-items: flex-end;
}
.login_n_sub_info{
	text-align: right;
	padding: 1.6em .5em .5em 0;
	color: #6f6f6f;
	font-size: .8em;
}

.login_outline{
	font-size: .9em;
	margin: .5em;
}
.login_outline .fukidashi{
	display: inline-block;
	position: relative;
	background: #f1eae7;
	padding: .5em;
	border-radius: 3px;
}

.login_outline .fukidashi::before{
	content: "";
	position: absolute;
	top: -15px;
    left: 2em;
    margin-left: -10px;
    border: 8px solid transparent;
    border-bottom: 8px solid #f1eae7;
}

.login_cate{
	font-size: .9em;
}
.login_categorys, .login_categorys-f{
	display: inline-block;
	padding-left: .3em;
	font-size: .8em;
}
.login_categorys::before, .login_categorys-f::before{
	content: "#";
}
.login_genre{
	display: inline-block;
	padding: 2px 4px;
	color: #a0a0a0;
	border: 1px solid;
	border-radius: 5px;
	font-size: .9em;
}
.login_prev{
}
.login_prev_report{
	position: absolute;
	right: 0;
	bottom: 0;
}

.fxtg_btn{
	display: inline-block;
	border: 1px solid #ddd;
	padding: .3em 1em;
	background: #f1f1f1;
}

.login_precautions{
	margin: 3em 0;
}
.login_tab_button a{
	border-radius: 10px;
	padding: .8em 1em;
	margin-bottom: .5em
}
/*コメント欄*/
.login_kansou_cont{
	margin: 3em 0 5em;
}
.login_kansou_cont a{
	color: #575757;
}
.login_kansou_cont .comhead{
	background: #f7f7f7;
	margin-bottom: 1em;
	padding: .5em;
}
.login_kansou_cont h1{
	font-size: 1.4em;
}
.login_kansou_cont .comran a{
	font-size: 11px;
	padding-left: 1em;
	font-weight: normal;
	white-space: nowrap;
}
.toukou_none, .kansou_none{
	text-align: center;
	padding: 2em 0 3em;
}
.kansou_none span{
	color: #b77b7b;
	padding: .8em;
	font-size: .9em;
}
.kansou{
}
.kansou .com_name{
	padding: 0 .4em;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.kansou .rank{
	padding: .5em 0 1em;
}
.kansou .rank span{
	display: inline-block;
	padding: .2em .5em .2em .6em;
	color: #fff;
	background: #877d7d;
	border-radius: 10px;
	font-size: .9em;
}
.kansou .message{
	padding: .5em .5em 0 .5em;
	border-bottom: 1px solid #ddd;
}
.kansou .message p{
	padding: 1em;
}
.kansou .delete{
	text-align: right;
	padding: .5em 0 .5em 0;
}
.kansou .delete .delete_button{
	font-size: .9em;
	padding: .5em;
}
.kansou .com_rep{
	text-align: right;
	font-size: .9em;
    padding: 0 .5em .5em 0;
}

.loginpage.pagination, .pagination{
	text-align: center;
	justify-content: center;
}
.pagination{
	padding: 3em 0;
}
.loginpage.pagination{
	margin: 0 auto;
	padding: 1em 0 2em;
}
.loginpage.pagination span.now, .pagination span.now{
	display: inline-block;
	padding: .5em 1em;
	background: #9a9a9a;
	color: #fff;
}
.loginpage.pagination form button, .pagination a{
	background: #eaeaea;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d4d4d4;
	display: inline-block;
	color: #492d09;
	border-radius: 0;
    padding: .5em 1em;
}
.pagination a{
	border: none;
	border-left: 1px solid #ddd;
}
.loginpage.pagination form button:hover, .pagination a:hover{
	background: #A3C9EB;
}
.loginpage.pagination form button.lt{
	border-left: 1px solid #d4d4d4;
}

/*検索画面
------------------------------------------------------------*/
#search_form{
	margin: 0 1em;
}
.search_list{
	padding: 0 0.4em 1em;
    border-bottom: 1px solid #ddd;
}
.search_list h3{
}
.more_search{
	text-align:center;
	width: 80%;
	margin: 3em auto 2em;
	border: 1px solid;
	border-radius: 10px;
    color: #acacac;
}
.genre_box{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 .4em!important;
	border-radius: 4px;
	margin-bottom: .4em;
}
.tags_list{

}

/*admin画面
------------------------------------------------------------*/
.admin_head{
	padding-top: 1em;
}
.admin_login_main_head{
	margin-left: .8em;
}
.admin_login_main_head form{
	font-size: .8em;
	padding-right: .5em;
}
.admin_login_main_head.pan form:after{
	content:">";
}

div.users_list{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 .4em;
	white-space: nowrap;
	width: 100%;
}
table.users_list{
	display: table;
	padding: 1em 0 2em;
	font-size: .9em;
	table-layout: fixed;
	width: 100%;
}
table.users_list th{
	vertical-align: middle;
    padding: .4em .5em;
	background: #f8f8f8;
	text-align: center;
}
table.users_list th.ut_rank{
	width: 4em;
}
table.users_list td.ut_rank{
	text-align: center;
	line-height: .5em;
}
table.users_list td.ut_rank img{
	display: block;
}
table.users_list th.ut_author{
	width: 12em;
}
table.users_list td.ut_author{
	white-space: normal;
	text-align: center;
}
table.users_list th.ut_comment{
	width: 24em;
}
table.users_list td.ut_comment{
	text-align: left;
	white-space: normal;
}
table.users_list th.ut_work{
	width: 8em;
}
table.users_list th.ut_iine{
	width: 12em;
}
table.users_list th.ut_date{
	width: 12em;
}
table.users_list tr{
	border-bottom: 1px solid #dcdcdc;
}
table.users_list td{
	vertical-align: middle;
	padding: .8em 1em;
}
table.users_list td input{
	width: 20em;
}
table.users_list td p{
	padding: 0;
}
.host_text{
	width: 100%;
}

.admin.page_select{
}
.admin.page_select select {
	text-align: left;
	width: 80px;
	margin: 0 auto;
	display: block;
}


div.admin_config{
	padding: 1em 0;
}
table.admin_config{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	font-size: .9em;
	width: 100%;
}
table.admin_config th{
	width: 16em;
	padding: .4em;
}
table.admin_config tr{
	border-bottom: 1px solid #dcdcdc;
}
table.admin_config td{
	vertical-align: middle;
	padding: .4em .8em;
}

/*タブ切り替え*/
.tab-group{
	margin: .3em .5em 2em .5em;
}
.tab{
	padding: 1.5em 1em;
	list-style:none;
	border: 1px solid #5a4f48;
	border-right: none;
	text-align: center;
	cursor: pointer;
}
.tab-group .tab:last-child{
	border-right: 1px solid #5a4f48;
}

.panel-group{
}
.panel{
	display:none;
}
.tab.is-active{
	background: #5a4f48;
	color: #FFF;
/*    transition: all 0.2s ease-out;*/
	font-weight: bold;
	padding: .5em .8em;
}
.write-group .tab.is-active:before{
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}
.write-group .tab.is-active.login_pen:before{
	content:"\f5ad";
}
.write-group .tab.is-active.login_userdel:before{
	content:"\f503";
}
.write-group .tab.is-active.login_usercog:before{
	content:"\f4fe";
}
.write-group .tab.is-active.login_userapp:before{
	content:"\f0e0";
}
.write-group .tab.is-active.login_userchange:before{
	content:"\f362";
}
.panel.is-show{
	display:block;
}

#taikai_koumoku{
	margin: 4em auto;
	width: 21em;
}
#taikai_koumoku table{
	width: 100%;
}
#taikai_koumoku table th{
	text-align:right; 
	vertical-align: middle;
	width: 10em;
}
#taikai_koumoku table tr{
	border-bottom: 1px dotted #c5c5c5;
}
#taikai_koumoku table tr td{
	padding: .5em;
}

.data_sendmessage{
	text-align: center;
	padding: 3em 0;
}

.login_submit input[type="submit"]{
	margin-right: 1.5em;
}


a.write{
	background: #33C;
}
.tab_cont{
	margin: 3em auto 0;
}

table.wtg-btn td{
	padding: .8em .5em 0 0;
}

.hatena-toggle-text{
	padding: .2em 1em;
}

.zokuhen-menu{
	padding-top: 2em;
}
.zokuhen-show{
	padding-bottom: .3em;
}
.zokuhen-show a{
	display: inline-block;
	padding: .1em .8em;
	text-align:center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	color: #fff;
	font-size: .9em;
	background: #5a4f51;
	letter-spacing: .1em;
}
.top-zokuhen-btn{
	font-size: .9em;
	border-bottom: 1px dotted;
    margin: 0 0 .8em;
    padding: .2em .4em;
}
.post_data{
	text-align: right;
	font-size: .9em;
	color: #6f6f6f;
}

.novpre{
	font-size: .9em;
	background: #efefef;
    border-radius: 10px;
    padding: .2em .5em;
    filter: drop-shadow(1px 2px 1px #DDE);
	white-space: nowrap;
}

/* 執筆画面*/
.novel_delete_button:hover{
	text-decoration: underline;
}
.send_form textarea{
	resize: auto;
}
.yume-open-toggle p{
	padding-top: .4em;
}
.setting_tag_class{
	font-weight: bold;
}
.setting_tag_class::before{
	content:"◆";
}
.break{
	padding-bottom: 1em;
}

/*コメント確認*/
select[name="time"]{
	width: 15em;
}
/*コメントページ*/
.delete, .com_rep{
	text-align: right;
	font-size: .8em;
	padding-left: .4em;
}
.face_select label{
	margin: .5em;
}
.face_select label i{
	font-size: 1.6em;
}
.comrank{
	padding-bottom: 0!important;
	padding-right: 1em;
}
.comrank span{
	background: #f7f7f7;
	display: inline-block;
	padding: .2em 0;
	font-weight: bold;
	border-radius: 50%;
	font-size: 2em;
	width: 2em;
	text-align: center;
}
.comrank span i{
}
.commesse{
	padding-top: .5em;
}
.comment_report{
	padding-top: .2em;
}
/*モザイク*/
input.mosaic_checkbox {
  display: none;
}
label.mosaic_label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-top: .8em;
}
label.mosaic_label:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  top: -5px;
  left: -5px;
  margin: auto;
  z-index: 2;
  transition: 0.3s;
}
label.mosaic_label:before {
	white-space:pre;
	content: "【クリックで内容を表示】";
	word-break: keep-all;
	display: block;
	font-size: .9em;
	color: #2b2b2b;
	position: absolute;
	padding: .2em .4em;
	z-index: 3;
	top: 50%;
	left: 0;
	bottom: calc(100% + 5px);
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-radius: 10px;
	transition: 0.3s;
	pointer-events: none;
	opacity: 1;
}
label.mosaic_label:hover:before {
	opacity: 1;
}
input.mosaic_checkbox:checked + label.mosaic_label:after {
	-webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
}
input.mosaic_checkbox:checked + label.mosaic_label {
	opacity: 1;
}
input.mosaic_checkbox:checked + label.mosaic_label::before {
	opacity: 0;
}

.rep-button{
	border-radius: 10px;
    padding: .4em 1em;
	background: #ddd;
	color: #8b8686;
}
.rep-button:hover{
	cursor: pointer;	
}
.reply-form{
	position: absolute;
    width: 90%;
    left: 0.5em;
    top: 5.5em;
	text-align: left;
	z-index: 4;
}
.reply-slide{
	position: relative;
	background: #EFEEE6;
}
.reply-slide::before{
	content: "";
	position: absolute;
	top: -25px;
	margin-left: 4px;
	border: 15px solid transparent;
	border-bottom: 15px solid #EFEEE6;
}
.reply-pop{
	position: relative;
	margin-top: 1em;
	box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 20%);
	padding: 1em;
	margin: 0 .5em;
	background: #cbe3e6;
    color: #51a3b8;
	z-index: 1;
}
.reply-pop::before{
	content: "";
	position: absolute;
	top: -25px;
	margin-left: 4px;
	border: 15px solid transparent;
	border-bottom: 15px solid #cbe3e6;
}
.show_pop.anker{
	display: inline-block;
    background: #f4f4f4;
    padding: 0 1em;
    color: #267d70;
    border-radius: 10px;
	margin-bottom: 1em;
	font-size: .9em;
	z-index: 1;
}
input.rep-input{
	width: 4em;
	border: none;
	text-align: right;
}

/*いいね*/
.submit.iine button{
	background: #f49494;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: .4em .8em;
	border-radius: 50px;
}

/*ログイン画面*/
.regist a{
	display: inline-block;
	border: 1px solid #ddd;
	background: #f8f8f8;
	border-radius: 10px;
	padding: 0 2em;
	margin-bottom: 2em;
}

/*ログイン画面内移動ボタン*/
.login_move_button{
	margin: 0;
	padding: 2em 0 1em;
}
.login_move_button form{
	padding: 1em;
	text-align: center;
}
.submit.bf-wrap{
	padding-left: 1em;
}
.bf-wrap{
	display: inline-block;
	padding: .5em 1em .5em 1em;
	border-bottom: 1px solid;
}
.bf-wrap.back_button{
	background: #FCFAF9;
	color: #5b4f49;
	border: 1px solid #5b4f49;
	border-radius: 3px;
}
.bf-wrap input[type="submit"]{
	display: inline-block;
	padding: .5em .5em .5em 0;
	color: #5b4f49;
}
.bf-wrap input[type="submit"]:hover{
	border-bottom: none;
	background: none;
	border-radius: 0;
}

h3.novelHeading {
	margin-left: 0;
	font-size: 1.3em;
	border-bottom: 1px solid #a0a0a0;
	padding: 0 .5em 0 1.5em;
	position: relative;
}
h3.novelHeading::before, h3.novelHeading::after {
	position: absolute;
	content: "□";
	width:4px;
	height: 4px;
	color: #695347;
}
h3.novelHeading::before {
	left:0;
	top:-.1em;
}
h3.novelHeading::after {
	left: .3em;
	top: .2em;
}
h3.novelHeading span{
	font-size: .8em;
}

#main-text{
	display: block;
	width:96%;
	margin: 0 auto;
}
#main-text::placeholder {
	font-size: 1em;
}
body.freeNovel #main-text{
	height: auto;
}

.style_appear{
	display: block;
}
.style_hidden{
	display: none;
}
#dream_box{
	padding: 0 .8em 1em 0;
}

.disp-ib{
	display: inline-block;
}

button.userdel{
	background: #e870a3;
	border-radius: 3px;
	color: #fff;
}
button.userdel:hover{
	text-decoration: underline;
}

.mypage_top{
	border-radius: 3px;
}
.mypage_top:hover{
	opacity: .8;
}
.mypage_top button{
	color: #fff;
}
.mypage_top{
	background: #A44A3F;
	color: #fff;
}
.mypage_edit{
	border-bottom: 1px solid;
}
.mypage_edit:hover{
	background: #ececec;
}

/*小説ページジャンプ*/
.novel-read-button{
	display: inline-block;
	margin: 1em auto 0;
	padding: 1em 2em;
	border-radius: 10px;
	background: #ddd;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}
.novel-read-button span{
	font-weight: normal;
	font-size: .7em;
}
.novel-read-button:hover{
	opacity: .8;
	transition: .8;
}

/*小説本文*/
.preview_sign{
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
	background: #efefede6;
	color: #a5a5a5;
	padding: .4em 0;
	z-index: 3;
}
#novelWrap{
	padding: 2em 1em;
}
#novelTitle{
	padding-top: 4em;
	text-align: center;
}
#novelTitle h1{
	font-size: 1.4em;
	padding-right: .4em;
}
#relay-novelTitle{
	padding: 4em 2em 0 2em;
	text-align: center;
}
#relay-novelTitle h1{
	margin-bottom: 3em;
	font-size: 1.4em;
}

.cushion{
	text-align: center;
	padding: 2em 1em;
}
.cushion h3{
	font-size: 1em;
	color: #6f6f6f;
	padding: .4em;
	background: #e8e8e8;
	border-radius: 4px;
}
.cushion p{
	padding: .5em;
	font-size: .8em;
	color: #757575;
	width: 96%;
	margin: 0 auto;
}

.work, .synopsis{
	font-family: sans-serif;
}
.synopsis{
    padding: 0 0 4em 0;
}
.work{
    padding: 4em .4em 4em;
}
_::-webkit-full-page-media, _:future, :root .work {
	line-break: anywhere;
}

.indexBox{
	border: 1px solid #dcdcdc;
	padding: 1em .8em;
	border-radius: 10px;
}
.count-list-cont{
	max-width: 100%;
}
.count-list-cont h2{
	position: relative;
	text-align: center;
}
.count-list-cont h2 span{
	background: #fff;
	z-index: 1;
    position: relative;
    padding: 1em;
}
.count-list-cont h2::after{
	content: "";
    position: absolute;
    border-bottom: 1px solid #666;
    top: 50%;
    left: 25%;
    width: 50%;
}

.emp{
    background: #f4ecd1;
    padding: 0.5em;
}

/*目次話数*/
p.pct_no{
	padding: 2em 0 0;
	font-size: .8em;
}
span#pct, span.n_o_button, span.n_n_button{
	display: inline-block;
	padding-right: .5em;
}
.n__o{
	padding-right: .8em;
}

/*目次リスト*/
.noml_mokuji_bd{
	padding: .5em 0;
}
ul#PostList li{
	opacity: 1!important;
}
ul#PostList li div.sp-flex{
	border-bottom: 1px dotted #ddd;
}
.title_list{
	width: 100%;
}
.title_list a{
	display : inline-block;
	width: 100%;
	color: #575757;
}
.title_list form button{
	width: 100%;
}
.title_list span{
	padding-right: .3em;
}
.title_days{
	display : inline-block;
}

ul.list-contents{
}
.title_days{
	display: block;
	text-align: right;
	font-size: .7em;
	white-space: nowrap;
	color: #a0a0a0;
	padding-top: .4em;
}
.uppoint{
	color: #60c5c5;
	font-size: .7em;
}

.page_index{
	margin: 0 1em;
}

/*目次ページネーション*/
.PAGINATION{
}
.PAGINATION.pncnr{
	margin: 0 auto;
}

ul#PostList{
	padding-left: 0;
	padding-top: 1em;
}

/* Page Navigation */
#jquery-tab-pager-navi {
	padding-left: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#jquery-tab-pager-navi li {
	list-style: none;
	display: inline;
	margin-bottom: .5em;
}

#jquery-tab-pager-navi li a {
	display: block;
	padding: 0 .6em;
	margin-right: .3em;
	border: 1px solid #bebebe;
	text-decoration: none;
	background: #fff;
	-webkit-transition: background 200ms linear;
	transition: background 200ms linear;
	border-radius: 3px;
}

#jquery-tab-pager-navi li:last-child a {
	margin-right: 0px;
}

#jquery-tab-pager-navi li a.current,
#jquery-tab-pager-navi li a.disable{
	background: #ececec;
    color: #bebebe;
}
#jquery-tab-pager-navi li a:hover {
	background: #ebebeb;
}
#jquery-tab-pager-navi li a.disable:hover,
#jquery-tab-pager-navi li a.current:hover{
	cursor: default;
}

/*ページセレクト*/
.otpcount, .optcount_novel{
	padding-bottom: 2em;
}
.optcount select, .optcount_novel select{
}

.taglist{
	color: #bfbfbf;
	padding: .2em .8em;
	margin: 1em auto;
	background: #f7f7f7;
}
.taglist p{
	padding-bottom: 0!important;
}

/*移動*/
.idou{
	 text-align: center;
	 padding-bottom: 1em;
}
.idou a, .idou span{
	display: inline-block;
	border: 1px solid;
	border-radius: 3px;
	padding: .1em .5em;
	margin: 0 .3em .2em;
	text-decoration: none;
}
.idou span{
	color: #ddd;
}


/*著作権*/
.cpr{
	text-align: center;
	color: #666;
	font-size: .8em;
}


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

@media screen and (min-width:737px){
	.tab_pc_flex #side ul{
	}
	.login_button a{
	}
	.count-list-cont{
		max-width: 500px;
		margin: 0 auto;
	}
	.taglist{
		max-width: 500px;
		margin: 3em auto;
	}
	select[name="pagination"]{
    width: 500px;
	}

	#Novel_Chart{
		width: 98%;
	}

}

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

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


/*ダークモード
================================================= */
@media (prefers-color-scheme: dark) {
	.list_h2{
		color: #2e3031;
	}
	#profile{
		background-image: linear-gradient(0deg, transparent calc(100% - 1px), #373737 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #333333 calc(100% - 1px));
	}
	.outline_read{
		color: #6f6f6f;
	}
	.relay_intro_text .rtext{
		background: #7c7c7c;
	}
	dl.authors-list form button{
		color: var(--wt-cl);
	}
	.ut_author form button{
		color: var(--wt-cl);
	}
	.relay_message p.comti {
		color: var(--write-cl);
	}
	table.users_list th{
		color: var(--write-cl);	
	}
	.comrank span{
		color: var(--write-cl);	
	}
}