@charset "EUC-JP";


/****************************** header ******************************/

header nav li:first-child{
	position:relative;
	z-index:100;
	background:#ece8e4;
	box-shadow:0px 1px 0 0 #ece8e4;
}

header nav li:first-child a{
	color:#333 !important;
}

header nav li:first-child a:hover{
	color:#333 !important;
	background:#ece8e4;
}


/****************************** main ******************************/

.main_contents h1{
	margin: 10px 0px 20px;
	font-size: 2em;
}

.main_contents h1:after{
	content:"/Search";
	margin-left:5px;
	font-size:0.5em;
	font-weight:normal;
	color:#AFA5A5;
	text-shadow:1px 1px 0px #fff;
	letter-spacing:1px;
}


/******************** search_select ********************/

.search_select{
	position:relative;
	padding:15px 15px 10px;
	background:#fff;
}

.search_select img{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:15px 5px 10px 0;
}


/********** select **********/

#SEARCH_keywords{
	display:block;
	min-height:2em;
	padding:10px 0px;
	font-size:1.3em;
	border-bottom:1px dotted #ccc;
}

#SEARCH_keywords a{
	display:inline-block;
	margin:0 0.5em 0.5em 0;
	font-weight:bold;
	text-decoration:underline;
	color:#ff9900;
}

#SEARCH_keywords:empty:before{
	display:inline-block;
	margin:0px 0.5em 0.5em 0;
	font-size:0.8em;
	color:#ccc;
	opacity:0.7;
	content:"選択中のキーワードはありません";
}

#SEARCH_keywords:not(:empty):before{
	display:none;
}


/********** button **********/

.search_select .buttom{
	position:absolute;
	right:15px;
	top:12px;
	height:11px;
}

.search_select .buttom a{
	display:inline-block;
	float:left;
	width:4em;
	height:11px;
	padding:4px;
	margin:0px 0px 0px 10px;
	font-size:11px;
	line-height:11px;
	text-align:center;
	border:1px solid #ff9933;
	background:#fff9f0;
	color:#ff9900;
}

.annotation{
	padding:0 15px 10px;
	font-size:60%;
	line-height:110%;
	text-align:right;
	background:#fff;
	color:#999;
}


/******************** search_middle ********************/

.search_middle:after{
	content:" ";
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left:-10px;
	border:20px solid transparent;
	border-top-color:#fff;
}

.search_middle{
	position:relative;
	padding:15px;
	margin:10px 0 25px;
	background:#fff;
}

.search_select .title,
.search_middle .title{
	padding-left:5px;
	margin-bottom:10px;
	font-size:80%;
	line-height:100%;
}

.search_select .title:before,
.search_middle .title:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	vertical-align:middle;
	padding-right:0px;
	content:"search";
}

.search_select .title:before{
	padding-right:4px;
}


/********** search_tab **********/

.search_tab{
	position:relative;
	height:33px;
	font-size:12px;
	line-height:12px;
}

.search_tab .tab_default,
.search_tab .tab_select{
	position:absolute;
	left:0;
	top:0;
	text-align:left;
}

.search_tab .tab_default{
	z-index:2;
	height:33px;
}

.search_tab .tab_select{
	top:1px;
	height:34px;
}

.search_tab .tab_default li{
	display:inline-block;
	padding:10px;
	background:#fff;
	border:1px solid #fff;
	border-bottom:1px solid #e6e6e6;
}

.search_tab .tab_select li{
	display:inline-block;
	padding:10px;
	background:#f9f9f9;
	border:1px solid #e6e6e6;
	border-bottom:none;
}


/********** keyword **********/

.search_keyword{
	padding:5px 10px 10px;
	background:#f9f9f9;
	border:1px solid #e6e6e6;
}

.search_keyword ul{
	clear:both;
}


/********************* select word ********************/

#search_subcontainer_upper{
	clear:both;
	min-height:0px;
	font-size:70%;
	line-height:130%;
	background:#fff;
}

#search_subcontainer_upper:empty{
	display:none;
}

.related_word{
	position:relative;
	z-index:10;
	padding:6px 10px;
	margin:0px 15px 0px;
	border-top:15px solid #fff;
	box-shadow:inset 0px 0px 0px 1px #e9e9e9;
	background:#f9f9f9;
	color:#666;
}

.related_word > span:after{
	content:"：";
}

.related_word ul,
.related_word li{
	display:inline;
}

.related_word li{
	margin:0px 5px 0px 0px;
}

.related_word li:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	color:#4b739c;
	vertical-align:middle;
	padding-right:2px;

	content:"local_offer";
}


/****************************** result ******************************/

#SEARCH_result{
	background:#fff;
}

.no_data{
	text-align:center;
	width:100%;
}


/******************** hits ********************/

dl.search_navi{
	padding:15px 15px 0px;
	font-size:80%;
	background:#fff;
}

dl.search_navi dt,
dl.search_navi dd{
	display:inline;
}

dl.search_navi strong{
	margin:0px 5px;
	font-size:2em;
}


/******************** sort ********************/

ul.search_navi{
	padding:5px 15px;
	font-size:80%;
	background:#fff;
}

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

.sort select{
	margin-right:5px;
}

.sort_release_date{
	float:right;
}


/******************** paging ********************/

.paging,
.paging_bottom{
	display: -webkit-flex;
	display:flex;
/*
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
*/
	-webkit-justify-content: space-between;
	justify-content:space-between;
	-webkit-align-items: baseline;
	align-items: baseline;

	padding:3px 5px;
	margin:0 15px 5px;
	font-size:70%;
	text-align:center;
	background:#fff;
	background:linear-gradient(#fff,#eee);
	border:1px solid #ddd;
	border-radius:4px;
}

.paging a,
.paging_bottom a{
	color:#F7941D;
	text-decoration:underline;
	font-weight:bold;
}

.paging a span,
.paging_bottom a span{
	color:#ff9900;
}


/********** flex **********/

.paging li.preview,
.paging_bottom li.preview{
	-webkit-order:1;
	order:1;
}

.paging li.pages,
.paging_bottom li.pages{
	-webkit-order:2;
	order:2;
}

.paging li.next,
.paging_bottom li.next{
	-webkit-order:3;
	order:3;
}


/********** inner **********/

.paging li,
.paging_bottom li{
	display:inline-block;
}

.paging li.preview img,
.paging_bottom li.preview img{
	margin-right:5px;
	vertical-align:middle;
}

.paging li.next img,
.paging_bottom li.next img{
	margin-left:5px;
	vertical-align:middle;
}

.preview,
.next{
	color:#ccc;
}


/********** pages **********/

.pages a{
	display:inline-block;
	padding:0.4em;
	margin:0 2px;
	line-height:100%;
	vertical-align:middle;
	text-align:center;
}

.pages strong{
	display:inline-block;
	padding:0.4em;
	margin:0 5px;
	line-height:100%;
	vertical-align:middle;
	text-align:center;
	border:1px solid #ccc;
	background:#f9f9f9;
}