@charset "UTF-8";
/* CSS Document */
/*========================================
 検索結果にデータがない表記
======================================== */
.no_data{
font-size: 14px;
	color: #534F4F;
  margin: 50px 0 0 10% ;
  border: solid 0px;
}
/*●の仕様*/
.no_data div:before {
  content: "●";
  color: #C22164;
  margin-right: 5px;
}


/*検索タイトル
-----------------------------------------*/
.search_title {
  display: flex;
  align-items: center;
  font-size: 14px;
margin-top: 40px;
  margin-bottom: 14px;
  border: solid 0px;
}
.search_title:first-child{
	margin-top:20px;
}
/*●の仕様*/
.search_title div:before {
  content: "●";
  color: #5ab4bd;
  margin-right: 5px;
}

/*----------------------------------------
オープンクローズはcommon_item
-----------------------------------------*/

/*条件項目並び
-----------------------------------------*/
.search_flex {
	width: 100%;
  display: flex;
	flex-wrap:wrap;
	/*flex-diretion: row;*//*左寄せ*/
  /*flex-wrap:nowrap;*//*折り返さない*/
	padding: 0 20px;
	box-sizing: border-box;
  /*text-align: left;*/
  align-items: center;
	margin-bottom: 0px;
	border: solid 0px;
}
/*分割した場合*/
.search_flex:last-child{
	margin-bottom: 0px;
}

/*条件項目*/
.search_flex .koumoku{
	width: 100%;
	max-width: 240px;
	margin-right: 30px;
	margin-bottom: 10px;
	border: solid 0px;
}
/*条件項目ダミー*/
.search_flex .dummy{
	width: 100%;
	margin-right: 50px;
	border: solid 0px;
}
.search_flex .koumoku:last-child{
	margin-right: 0px;
}
/*ラジオボタンの間隔*/
.search_flex .koumoku label{
	margin-right: 20px;
}
/*条件項目名称*/
.search_flex .koumoku_na {
  font-size: 12px;
}

/*-------------------------------------
対象課を選択
-------------------------------------*/
/*-------------------------------------
本来のselect仕様調整
-------------------------------------*/
.search_flex .slt {
	overflow: hidden;
	/*width: 100%;*//*横幅は個別指定*/
	margin: 0em 0;
	/*text-align: center;*/
}
.search_flex .slt select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;/*本来のselect枠を消す*/
	outline: none;/*本来のselect枠を消す*/
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
/*本来のselectを消す*/
.search_flex .slt select::-ms-expand {
    display: none;
}
/*-------------------------------------
新しいselect仕様（com_selectとセットで使用）
-------------------------------------*/
/*枠指定 *100%**/
.search_flex .slt_new {
	position: relative;
	border: solid 1px #54BF66;
	border-radius: 0px;
	background: #ffffff;
}
/*枠に対しての選択矢印位置と矢印形状指定*/
.search_flex .slt_new::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;

}
/*文字padding指定*/
.search_flex .slt_new select {
	padding: 6px 38px 6px 8px;
	color: #666666;
	font-size: 12px;
}
.search_flex .slt_w_180px{
	width: 100%;
}
/*-------------------------------------
語句で検索
-------------------------------------*/
/*語句で検索*/

.search_flex .iptxt {
	position: relative;
	/*width: 80%;*//*幅は個別指定する*/
	margin: 0px 0;
}
.search_flex  input[type=text] {
		width: 100%;
	font: 14px/24px sans-serif;
	margin: 0px 0;
	padding: 3px 5px;
	box-sizing: border-box;
	transition: 0.3s;
	border: solid 1px #54BF66;
	/*border-radius: 0px;*/
	outline: none;
	/*border-color: #FF0505;*//*赤*/
}

/*入力位置*/
.search_flex  input[type=text] {
	padding-left: 10px;
}
/*個別指定　幅
--------------------------*/
.search_flex .ipt_w_200px{
	width: 200px;
}
.search_flex .ipt_w_300px{
	width: 100%;
}
.search_flex .ipt_w_400px{
	width: 400px;
}
.search_flex .ipt_w_90pct{/*100%*/
	width: 90%;
}
.search_flex .ipt_w_100pct{/*100%*/
	width: 100%;
}
/*検索ボタン大　common_btn.css
-----------------------------------------*/
/*===============================================
検索結果表示する矢印
=============================================== */
.yajirushi {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.yajirushi_icon {
  display: inline-block;
  /*margin-left: 50%;*/
  margin-bottom: 30px;
  text-decoration: none;
  color: #668ad8;
  width: 50px;
  height: 45px;
  padding-top: 5px;
  line-height: 20px;
  border-radius: 50%;
  border: solid 2px #668ad8;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}

/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {
	.page_title_flex {
	  font-size: 16px;
}

/*条件項目*/
.search_flex .koumoku{
	width: 100%;
	max-width: 900px;
	margin-right: 0px;
	
	border: solid 0px;
}
}

/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {
	}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {
	}