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

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


/* SMP用-ページの基本レイアウト */
body {
	padding: 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	background: #ffffff;
	color: #333333;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
}

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

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


li {
	text-decoration: none;
	list-style: none;
}

ul:after,dl:after {
	content: "";
	display: block;
	clear: both;
}

img {
	vertical-align:bottom;
	border-width: 0px;
	border-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th{
text-align:left;
}
address,caption,cite,code,dfn,em,strong,th,ver{
font-style:normal;
}

hr {
	border: 1px solid #333333;
	clear:both;
}

input[type="radio"] {
	margin-left: 3px;
	margin-right: 3px;
}


input[type="checkbox"] {
	margin: 5px 5px 0 0;
}

textarea{
	width: 90%;
	height: 10em;
	padding: 2px;
	border: 1px solid #aaaaaa;
	background: #f9f9fa;
}

textarea:focus,textarea:hover {
	height: 20em;
}




.clr { clear:both; }

.attention{
	color: #dd0000;
}


/* 文字数制限表示 */
.letter_limit {
	color: #666666;
	font-size: 85%;
	font-weight: normal;
}

/* 半角対策 */
td,dd {overflow: hidden; word-break: break-all;}

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

/* --------------------------------------------------
	ミッドナイト　サイトカラー
-------------------------------------------------- */

/* トグル一層目メニュー */
.list_menu {
	color: #57344e;
	background-color: #e1d2dd;
	border-color: #cdb3c6;
}

.list_menu:after {
	color: #9c8396;
}

.list_menu.select {
	color: #472b40;
	background-color: #d7c3d1;
	border-color: #c2a4ba;
}

/* トグル二層目メニュー */
.inside_menu {
	color: #666;
	background-color: #eee;
	border-color: #d5d5d5;
}

.inside_menu.select {
	color: #595959;
	background-color: #e1e1e1;
	border-color: #c8c8c8;
	border-bottom-style: solid;
}

/* 見出し */
.content-head_h3 {
	color: #776b48;
	border-color: #d4d3d0;
}



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

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

.searchForm_box {
	font-size: 14px;
}

.searchForm_box input,
.searchForm_box select {
	font-size: 90%;
}


/***** 汎用 *****/
[class$="h3"],[class$="h4"] {
	font-weight: bold;
	font-size: 90%;
	line-height: 1.5;
}

.content-head_h3 {
	margin: 0;
	padding: 10px;
	background: none;
	border-width: 1px;
	border-bottom-style: solid;
}

.content-head_h4 {
	display: inline-block;
	border-left: 5px double #d5d5d5;
	margin:0;
	padding: 0 0 0 10px;
}

.padding10 {
	padding: 10px;
}

.padding5 {
	padding:5px;
}

.content-bg {
	background: #fff;
}

.text80 {
	font-size: 80%;
}

.border_b {
	border-bottom: 1px solid #dcdcdc;
}


/********** 検索ボタンを押して実行するエリア **********/
.search_box {
	background: #f6f6f6;
	line-height: 1.8;
}

/*** テーブル ***/
.search_box table {
	width: 100%;
}

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

.search_box table th {
	background: #eee;
}


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

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

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


/*** チェックボックスのリスト ***/
.checkbox_list {
	border-bottom: 1px solid #eee;
}

.checkbox_list li {
	border-bottom: 1px solid #eee;
}

.checkbox_list li:last-child {
	border-bottom: none;
}

.checkbox_list label {
	padding: 0 10px;
	width: 100%;
	height:50px;
	line-height: 1.4;
	display: table;
}

.checkbox_list span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

/* チェックボックスのセル */
.checkbox_list span:nth-child(odd) {
	width:20px;

}
.checkbox_list input {
	margin:0;
}

/* キーワードのセル */
.checkbox_list span:nth-child(even) {
	width: calc( 100% - 20px );
	font-size:90%;
}

/* 2カラム */
.checkbox_list.two_column li {
	width: 50%;
	float: left;
}

.checkbox_list.two_column li:nth-child(odd) {
	border-right:1px solid #eee;
}

.checkbox_list.two_column:last-child,
.checkbox_list.two_column li:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}


/***** 詳細条件検索 *****/
/*** 小説種別の絞り込み ***/
.checkbox_list_noveltype span:nth-child(odd) {
	width:20px;
}

.checkbox_list_noveltype input {
	margin: -2px 5px 0 0;
}

/* 短編 */
.checkbox_list_noveltype li.type_t {
	width: 100%;
	border-bottom: 1px solid #eee;
}

.checkbox_list_noveltype .type_t label {
	padding: 0 10px;
	width: 100%;
	height:50px;
	line-height: 1.4;
	display: table;
}

.checkbox_list_noveltype .type_t span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

/* 連載 */
.checkbox_list_noveltype li.type_re {
	padding: 0 10px;
	width: 100%;
	height:50px;
	line-height: 1.4;
	display: table;}
.checkbox_list_noveltype li.type_re div{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.checkbox_list_noveltype li ul {
	display: inline-block;
}
.checkbox_list_noveltype li li {
	display: inline-block;
}

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

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


/* 検索範囲指定 */
.dc_search_label {
	margin: 10px 0 0 10px;
	display: inline-block;
	font-weight:bold;
	color:#666;
}

.search_reach_select {
	margin:0 10px;
	width: 120px;
}

.search_reach_select:first-child {
	margin-left:0;
}

/* 小説種別の絞り込み */
.select_type {
	margin:5px 0;
	width: 100%;
}

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

.search_description {
	margin: 0;
	padding:10px;
	font-size: 85%;
	line-height: 1.7;
	background:#f6f6f6;
	display:block;
}

.search_description a {
	text-decoration: underline;
	color: #0033cc;
}

.search_description +.inside_head {
	border-top: 1px solid #eee;
}

/********** ボタン **********/

/* 検索ボタン */
.btn-search {
	font-size: 108%;
	padding: 7px 0;
	width: 80%;
	display: block;
	margin:0 auto;
	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;
}

.select.btn-add {
	border-width: 1px;
	border-style: solid;
}

/* 小さめのボタン */
.btn-radius1 {
	float: right;
}

/********** トグル **********/
/* トグル共通 */
.search_toggle {
	margin: 0;
	padding: 10px;
	line-height: 1.5;
	border-width: 1px;
	border-top-style: solid;
}

.search_box div:nth-last-of-type(2) > .search_toggle {
	border-width: 1px;
	border-bottom-style: solid;
}

.search_toggle:after {
	font-family: 'narou-icon-font';
	content: "\e900";
	font-size: .5em;
	margin-right: .25em;
	float: right;
}

.search_toggle.select {
	border-bottom-style: solid;
}

.search_toggle.select:after {
	content: "\e901";
}

/* トグル二層目 */
.inside_menu:first-child {
	border-top: none;
}

.inside_menu:after {
	color:#aaa;
}

.inside_head {
	padding: 10px;
	line-height: 1.5;
	vertical-align: middle;
	border-bottom: 1px solid gainsboro;
}



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

/* 検索結果の並び替え */
.order_box {
	margin: 10px 0;
	padding: 10px;
}

.search_label_order {
	margin: 0 10px;
	font-weight:bold;
	color:#666;
}

.select_order{
	margin:10px;
	width: calc( 100% - 20px );
}