@charset "UTF-8";
/* base.css */
/* unicode文字方向指定 */
* {
    direction: ltr;
    unicode-bidi: bidi-override;
}

ruby, rb, rt, rbc, rtc { unicode-bidi: normal; }

/* リセット */
ol,ul{
list-style:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td {
	vertical-align:top;
}
/* ------IE6用------ */
br {letter-spacing:0;}
dl {_height: 1%;}
*{zoom:1}
/* ----------------- */


img {
	border-width: 0px;
	border-style: none;
	vertical-align:bottom;
}

ul:after,dl:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* ------禁則処理------ */
body {
	word-break: normal !important;
	word-wrap: break-word;
}
/* ----------------- */

/*
2018/7/2 bodyにbreak-wordを指定している事により、safariではプルダウンでも改行されてしまう現象への対処
 */
select {
	word-wrap: normal;
}


/* 半角対策 */
.novel_h{ overflow: hidden; word-break: break-all; width:600px;}

/* PCの検索フォームで利用するもの */

/* --------------------------------------------------
	ムーンライト　サイトカラー
-------------------------------------------------- */
.search_box {
	border-color: #9acedb;
}

/* --------------------------------------------------
	検索フォーム
-------------------------------------------------- */

/********** 検索フォーム全体に適用 **********/
.searchForm_box *{
	box-sizing: border-box;
}

.searchForm_box {
	font-size: 14px;
	line-height: 1;
}

.searchForm_box a {
	cursor: pointer;
}


/* コロン付きの見出し */
.search_label_colon {
	font-weight:bold;
	color:#666;
}

/* 汎用 */
.padding10 {
	padding: 10px;
}

.padding5 {
	padding:5px;
}

.i_padding select,
.i_padding input[type="text"] {
	margin-top: 5px;
	margin-bottom: 5px;
	padding:2px;
}

.pointer {
	cursor: pointer;
}

.text80 {
	font-size: 80%;
}

.content-head_h4 {
	font-size:100%;
	background:none;
	color:#333;
	border-left: 5px double #d5d5d5;
	padding: 0 0 0 10px;
	margin: 20px 0 10px 0;
	line-height: 1.5;
}

.content-head_h4:first-child {
	margin-top: 0;
}

/********** 検索ボタンを押して実行するエリア **********/
.search_box {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #f6f6f6;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
}

.search_box label:hover {
	cursor:pointer;
}

.search_box label:hover span {
	color: #0066aa;
}

/*** テーブル ***/
.searchForm_table {
	width: 100%;
	line-height: 1.4;
}

.searchForm_table th,
.searchForm_table td {
	padding: 5px 10px;
	border: solid 1px #ddd;
	vertical-align: top;
}

.searchForm_table th {
	width: 160px;
	line-height: 1.8;
	text-align: left;
	background: #eee;
}


/********** ボタン **********/
.btn-search,
.btn-radius1,
.btn-add {
	cursor: pointer;
}

/* 検索ボタン */
.btn-search {
	margin:0 auto;
	padding: 7px 0;
	width: 80%;
	font-size: 108%;
	display: block;
	letter-spacing: .5em;
	box-shadow: 0 -2px 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 1px rgba(255, 255, 255, 0.3);
	text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	border-width: 2px;
}

/* 小ボタン */
.btn-radius1 {
	float: right;
	min-height: 20px;
}

/* 検索メニューを開くボタン */
.btn-add{
	font-size: 12px;
	text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	padding: 0.1em 0.75em;
}

/* プラスマーク */
.btn-add:before {
	font-family: 'narou-icon-font';
	margin-right: .5em;
	content: "\e906";
}

/* 検索メニューを開いている時のボタン */
.btn-add.select {
	border-width: 1px;
	border-style: solid;
}

/* マイナスマーク */
.btn-add.select:before {
	content: "\e903";
}


/********** チェックボックスのリスト **********/
.checkbox_list li {
	margin: 5px 0;
	width: calc( 100% / 3.1 );
	vertical-align: top;
	display: inline-block;
}

.checkbox_list label input {
	margin: 3px 0 0 0;
	float: left;
}

.checkbox_list label span {
	padding: 0 10px 0 5px;
	width: calc(100% - 24px);
	float: left;
	display: block;
}

/***** 検索ワード・除外ワード *****/
.wordBox,.notwordBox {
	vertical-align: middle;
	line-height: 1.8;
}

/* 検索・除外の見出し */
.search_label {
	margin: 0;
	padding: 7px 14px;
	display: inline-block;
	font-weight:bold;
	color:#666;
}

/* 検索・除外の入力欄 */
.search_text {
	padding: 7px;
	width: calc( 100% - 56px );
	height: 36px;
	font-size:105%;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: inset 0 2px 0 0 #eee;
}


/***** 検索条件設定 *****/
.cond {
	margin: 15px 0;
	line-height: 1.8;
}
.cond .search_label_colon{
	margin-left: 14px;
	float: left;
}
.cond .checkbox_list {
	float: left;
	width:300px;
	line-height: 1.4;
}


/***** ジャンル設定 *****/
.genre_list {
	margin: 15px 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
}

/* チェックボックス */
.genre_list .checkbox_list li {
	width: calc( 100% / 2.3 );
}

/* 小ボタン */
.genre_list .btn-radius1 {
	margin-top:3px;
}

/* テーブル */
.genre_list td:not(:last-child){
	border-right: 0;
}
.genre_list td:last-child{
	border-left: 0;
}


/***** 詳細条件検索 *****/
.conf_btn {
	float: right;
}

.detail_config_list {
	margin: 15px 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
}

/*** 小説種別の絞り込み ***/
/* チェックボックスのリスト */
.checkbox_list_noveltype li {
	margin: 5px 0;
	vertical-align: top;
	display: inline-block;
}

/* 短編 */
.checkbox_list_noveltype .type_t {
	width: calc( 100% / 3.1 );
}

.checkbox_list_noveltype input {
	margin: 3px 0 0 0;
	float: left;
}

.checkbox_list_noveltype span {
	padding: 0 10px 0 5px;
	float: left;
	display: inline-block;
}

/* 連載 */
.checkbox_list_noveltype .type_re {
	width: 330px;
}

.checkbox_list_noveltype li li {
	margin:0;
}

/* 連載 開始記号 */
.checkbox_list_noveltype .type_re_start_symbol {
	margin-right: 5px;
}

/* 連載 完結済み */
.checkbox_list_noveltype .type_e span {
	padding: 0 5px;
}


/*** 検索範囲指定 ***/
.search_reach_select {
	width:100px;
	margin-right: 10px;
}

.search_reach_select:nth-child(odd){
	margin-left: 10px;
}

/* 指定を解除ボタンの位置調整 */
.area .btn-radius1 {
	margin-top:5px;
}

.area .conf_box {
	margin:0;
}


/* 検索範囲指定内の見出し */
.search_label_conf {
	display: inline-block;
	font-weight:bold;
	width:165px;
	color:#666;
	float:left;
	line-height: 1.8;
}

/* 最新部分掲載日 （年月日） */
.search_label_conf .text80 {
	color:#666;
}

/*** 抽出・除外条件の指定 ***/
/* 登録必須キーワードの見出し */
.dc_search_label {
	margin: 10px 0 0 0;
	display: inline-block;
	font-weight:bold;
	color:#666;
	line-height: 1.8;
}

/* 未ログイン check disabled */
.search_box li.disabled label *{
	color: #999;
}

.search_box li.disabled label:hover *{
	cursor:default;
	color: #999;
}

/* 未ログイン 案内 */
.detail_config_list .description {
	margin: 10px 0 5px 0;
	padding: 10px;
	font-size: 90%;
	background:#f6f6f6;
	display:block;
}


/********** 検索ボタンより下で操作するもの **********/

/* 検索結果の並び替え */
.order_box {
	margin: 10px 0 20px 0;
	text-align: center;
}