@charset "utf-8";




/*  検索結果
========================================================================== */
.training_result{text-align: right;}

.specialist-template-default .search_result_hits {
	margin: 12px 0 16px 0;
}
.specialist-template-default #training_list  {
	width:100%;
	border-collapse: collapse;
	font-size:14px;
}
.specialist-template-default #training_list th {
  	border: 1px solid #c6d5e1;
  	background: #e6f0f8;
  	padding: 5px 15px;
	font-weight:normal;
	text-align:left;
}
.specialist-template-default #training_list td {
  	border: 1px solid #c6d5e1;
	padding: 3px 5px;
  	vertical-align: top;
  	line-height: 1.4;
	background-color:#f5f5f5;
}
.specialist-template-default #training_list tr:hover td {
  	background-color: #E6F7FF !important;
}
.specialist-template-default #training_list tr:nth-child(odd) td {	
	background: #fff;
}
.specialist-template-default #training_list .title_training {
	font-weight:bold;
	font-size: 16px;
}
.specialist-template-default .search_result {
	margin-bottom:1em;
}
.specialist-template-default .training_pagination {
	display:flex;
	margin-bottom: 1em;
}
@media only screen and (max-width: 600px){
	.specialist-template-default .training_pagination {
		display:block;
	}
}
.specialist-template-default .training_pagination_right{
	margin-left: auto;
}
.specialist-template-default .training_pagination_right .tsds_search_pagination {
 	 margin: 0;
}
@media only screen and (max-width: 600px){
	.specialist-template-default .training_pagination_right .tsds_search_pagination  {
  		text-align: left;
  		margin-top: 14px;
	}
}
.specialist-template-default .search_result {
	margin-bottom:1em;
}
.specialist-template-default .training_pagination {
	display:flex;
	margin-bottom: 1em;
}
@media only screen and (max-width: 600px){
	.specialist-template-default .training_pagination {
		display:block;
	}
}
.specialist-template-default .training_pagination_right{
	margin-left: auto;
}
.specialist-template-default .training_pagination_right .tsds_search_pagination {
 	 margin: 0;
}
@media only screen and (max-width: 600px){
	.specialist-template-default .training_pagination_right .tsds_search_pagination  {
  		text-align: left;
  		margin-top: 14px;
	}
}





/*  検索条件
========================================================================== */
.specialist-template-default .training_search {
  	width: 450px;
  	margin: 30px auto 15px auto !important;
}
@media only screen and (max-width: 1111px){
	.specialist-template-default .training_search {
  		width: auto;
	}
	.specialist-template-default .training_search input[type=text]{
		width:100%;		
	}
}
.specialist-template-default .parent {
	display:flex;
	border: 1px solid #b9b9b9;
	margin-top:-1px;
}
.specialist-template-default .parent .child1 {
	width:70px;
	min-width:70px;
	background: #e6f0f8;
  	font-weight: bold;
  	text-align: right;
  	padding: 5px;
}
.specialist-template-default .parent .child2 {
  	padding: 5px;
	border-left: 1px solid #b9b9b9;
}
.specialist-template-default .search_btn {
	border: 1px solid #b9b9b9;
	margin-top:-1px;
  	padding: 5px;
	text-align:center;
}
.specialist-template-default .search_btn .button1 {
  display: inline-block;
  padding: 5px 15px 4px 15px;
  font-size: 100%;
  text-decoration: none !important;
  line-height: 20px;
  color: rgb(255, 255, 255) !important;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  cursor: pointer;
  background-color: rgb(8, 105, 199);
  background-image: linear-gradient(to bottom, rgb(0, 102, 204), rgb(0, 74, 161));
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.specialist-template-default .search_btn .button1:hover {
	  background: #064F95;
}



/*  地図
========================================================================== */
.training_search_map  {
  background-image: url("../img/map.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 580px;
  position: relative;
  color: #000;
}
@media only screen and (max-width: 1111px){
	.training_search_map  {
  		background-image: none;
		height:auto;
	}
}
.training_search_map_pc {
		display:block;
}
.training_search_map_mobile {
	display:none;
}
@media only screen and (max-width: 1111px){
	.training_search_map_pc {
		display:none;
	}
	.training_search_map_mobile {
		display:block;
	}
}
.training_search_map table {
	margin-bottom:0 !important;
}
@media only screen and (max-width: 1111px){
	.training_search_map table {
  		width: 100%;
	}
}
.training_search_map td, .training_search_map th {
  border: none;
  padding: 1px 1.5px;
}
@media only screen and (max-width: 1111px){
	.training_search_map td {
		width:50%;
	}
}
.training_search_map table tbody tr td a {
  color: #fff;
  text-decoration: none !important;
  height: 25px;
  width: 50px;
  display: block;
  margin: 1px 0;
  padding: 2px 2px 0 2px;
  text-align: center;
  line-height: 1.6;
  font-size: 15px;
}
@media only screen and (max-width: 1111px){
	.training_search_map table tbody tr td a {
		width: 100%;
	}
}
.training_search_map .area1 {
  	position: absolute;
  	top: 20px;
  	right: 0;
  	background: #e1f0ff;
  	padding: 10px 13px;
}
.training_search_map .area1 table tr td a {
  	background: #3399ff;
}
.training_search_map .area2 {
  	position: absolute;
	top: 340px;
  	right: 78px;
	background: #eafcd7;
  	padding: 10px 13px;
}
.training_search_map .area2 table tr td a {
  	background: #2bb52e;
}
.training_search_map .area3 {
  	position: absolute;
	top: 427px;
  	left: 113px;
	background: #fdeaea;
  	padding: 10px 13px;
}
.training_search_map .area3 table tr td a {
  	background: #ff6666;
}

.training_search_map .area4 {
  	position: absolute;
	top: 132px;
  	left: 51px;
	background: #f1f1ff;
  	padding: 10px 13px;
}
.training_search_map .area4 table tr td a {
  	background: #9090f1;
}

@media only screen and (max-width: 1111px){
	.training_search_map .area1, 
	.training_search_map .area2, 
	.training_search_map .area3, 
	.training_search_map .area4 {
		position:static;
	}
}