@charset "utf-8";


/*  ソートの列
========================================================================== */
table.dataTable th.sorting_asc,
table.dataTable th.sorting_desc {
    background-color: #ebe7e2;
}
.odd .sorting_1 {
    background-color: #ecf2f6 !important;
}

.even .sorting_1 {
    background-color: #dce6ee !important;
}


/*  ソートの三角
========================================================================== */
table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting::after {
  opacity: 0.3 !important;
  color: #000e61 !important;
}

table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc::before,
table.dataTable thead > tr > td.sorting_desc::after {
  opacity: 1 !important;
  color: #000e61 !important;
}



/*  ヘッダー
========================================================================== */
.page-template-page-spmap .l-header__inner {
  height: 65px !important;
}
.page-template-page-spmap .area_header {
  position: relative;
}
.page-template-page-spmap .tsds_data_info {
  	position: absolute;
	bottom:10px;
	right:0;
	font-size: 0.9em;
}



/*  検索結果  県別ページ
========================================================================== */
.page-template-page-spmap.page-child .l-contents__inner.l-inner {
	margin-top: 20px !important;
}
.page-template-page-spmap.page-child .l-contents__inner.l-inner .wpb-content-wrapper{
  	padding: 10px 20px 7px 20px !important;
}

.page-template-page-spmap.page-child .search_result_title_pref {
	margin-bottom:0;
}
.page-template-page-spmap.page-child .confcal-header {
  	float: none;
}
.page-template-page-spmap.page-child .concal-back {
	margin-bottom:15px;	
	margin-left:6px;
  	float: none;
}
@media only screen and (max-width: 500px) {
  .page-template-page-spmap.page-child .concal-back {
    width: auto;
  }
}
.page-template-page-spmap.page-child .spmap_perf_list__title {
	font-weight:bold;
	background: #f6f2ed;
	border: 1px solid #c6d5e1;
  text-align: center;
  font-size: 1.1em;
  padding: 5px;
}
.page-template-page-spmap.page-child .spmap_perf_list__data .spmap_perf_title {
	float:left;
	border-left:solid 1px #c6d5e1;
	border-bottom:solid 1px #c6d5e1;
	width:33.3333%;
	padding:1px 5px;
}
.page-template-page-spmap.page-child .spmap_perf_list__data .spmap_perf_title:nth-of-type(3n){ 
	border-right:solid 1px #c6d5e1;
}
@media screen and (max-width:767px){ 
	.page-template-page-spmap.page-child .spmap_perf_list__data .spmap_perf_title {
		width:100%;
		border-right:solid 1px #c6d5e1;
	}
	.page-template-page-spmap.page-child .spmap_perf_list__data .data_empty{ 
		display:none;
	}
}
.page-template-page-spmap.page-child  .spmap_perf_title a {
  color: #0066CC;
}
.page-template-page-spmap.page-child .txt_green {
	clear:both;
  	font-size: 0.85em;
    padding: 15px 7px 20px 0;
  	color: #536d48;
}



/*  検索結果一覧ページ
========================================================================== */
.tsds_search_pagination_area_top {
	display:flex;
}
@media screen and (max-width:767px){
	.tsds_search_pagination_area_top {
		display:block;
	}
}
.tsds_search_pagination_icon span {
	margin-left:10px;
	margin-right:15px;
}
.search_result_list {
	background-color:#fff;
	margin-top: 20px !important;
	padding:10px 20px 7px 20px !important;
}
.search_result_list .search_result_box{
	position:relative;
}
.search_result_list .search_result_description {
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px;
  	border: 1px #dddddd solid;
	margin-top: 30px;
	font-size:0.8em;
}
@media screen and (max-width:767px){
	.search_result_list .search_result_description {
		margin-top: 14px;
    	margin-bottom: 20px;
		position:static;
	}	
}
.search_result_description p {
	margin:0 !important;
}
.search_result_description .icon_specialist,
.search_result_description .icon_skin,
.search_result_description .icon_cosmetic {
  width: 115px !important;
  display: inline-block !important;
}




.search_result_list table.tsds_search_table {
	border:none !important;	
	padding:0 !important;
}
.search_result_list .search_result {
  	margin-left: 0;
  	margin-right: 0;
}
.search_result_list table.dataTable {
  	border-collapse: collapse;
		font-size:13px;

}
.search_result_list .search_result_hits {
  	margin-bottom: 5px;
  	margin-left: 0;
	font-size: 16px;
}
.search_result_list .setsumei {
  	margin-bottom: 15px;
}
.search_result_list .setsumei span {
	padding: 0 5px;
  	color: white;
  	background-color: #1379a1;
}

.search_result_list table.dataTable tbody td {
  padding: 2px 2px;
}
.search_result_list table.tsds_search_table td {
  background: #ecf2f6;
}
.search_result_list .icon_specialist {
	background-color:#45A7DC;	
	color:#fff;
	width:100%;
	min-width: 115px;
	display:block;
	text-align:center;
	border-radius:3px;
	white-space: nowrap;
	margin-bottom:5px;
}
.search_result_list .icon_skin {
	background-color:#FF7800;	
	color:#fff;
	width:100%;
	min-width: 115px;
	display:block;
	text-align:center;
	border-radius:3px;
	white-space: nowrap;
	margin-bottom:5px;
}
.search_result_list .icon_cosmetic {
	background-color:#EA68A3;	
	color:#fff;
	width:100%;
	min-width: 115px;
	display:block;
	text-align:center;
	border-radius:3px;
	white-space: nowrap;
}
.search_result_list .website {
  background: url(../img/icon_6m_24.png) no-repeat left center;
  padding: 3px 0 3px 24px;
  font-size: 0.9em;
}
.search_result_list #spmap_list tr:hover td {
  background-color: #d5edfd ;
}
.search_result_list #spmap_list th:hover  {
  color: #09F ;
}




/*  ページネーション
========================================================================== */
.tsds_search_pagination {
    text-align:center;
	margin-top:30px;
}
.tsds_search_pagination li{
    display: inline;
}
.tsds_search_pagination a {
	padding: 9px 15px !important;
	margin:0 3px;
	background-color: #eee;
	text-decoration:none !important;
}
.tsds_search_pagination a:hover {
	background-color: #205278;
	color:#fff;
}
.tsds_search_pagination .page_current {
	padding: 9px 15px !important;
	margin:0 3px;
  	background-color: #205278;
	color:#fff;
}
	


/*   ヘッダー
========================================================================== */
.page-template-page-spmap .l-header {
  	background: url(../../../../../../wp-content/themes/dermatol/img/headbg.jpg) left top repeat-x #D3E4F8;
}




/*   基本設定
========================================================================== */
body {
	background: #f5f5f5 !important;
}



/*   検索エリア
========================================================================== */
.search_body {
    margin: 0px auto;
    padding: 0;
    min-height: 580px;
    width: 100%;
    max-width: 1199px;
    display: flex;
}
@media screen and (max-width:1199px){
    .search_body {
        display:block;
    }
}



/*   検索項目
========================================================================== */
.aside {
    margin: 0 0 0 2px;
    padding: 0;
    width: 28%;
}
@media screen and (max-width:1199px){
    .aside {
        width: 100%;
    }
}
.aside img {
    max-width:100%;
    height:auto;
}
.aside .search_title {
    margin-top:35px;
    text-align:center;
}
.aside .search_btn {
    margin-top:36px;
	margin-bottom: 30px;
    text-align:center;
}
@media screen and (max-width:888px){
    .aside .search_btn {
        margin-bottom:50px;
    }
}
.search {
	padding-left:10px;
	padding-right:10px;
}
.search .parent {
	display:flex;
	margin-top:20px;
}
@media screen and (max-width:1199px){
	.search .parent {
		display:block;
    }
}

.search .parent1 {
	margin-top:20px;
}
.search .parent2 {
	margin-top:20px;
}
.search .parent .child1 {
	width:25%;
	font-weight: bold;
}
.search .parent1 .child1,
.search .parent2 .child1 {
	font-weight: bold;
}
.search .parent .child2 {
	width:75%;
}
.search .parent input,
.search .parent2 input {
	max-width:100% !important;
	width:100%;
	vertical-align:middle !important;
}
.search .parent [type="checkbox"]{
	width:auto !important;	
}
.search .parent .child2 label {
	margin-right:10px;
}
.box_qa {
  	font-size: 11px;
	margin-top:10px;
}



/*   地図
========================================================================== */
.search_map {
    background-image: url("../img/map.jpg");
    background-position: 50% 50%;
    background-repeat  : no-repeat;
	background-color:#fff;
	border:solid 1px #ccc;
    margin: 20px 0 0 46px;
    padding: 0 0 2% 0;
    height: 580px;
    width: 70%;
    font-size: 16px;
    position: relative;
	color:#000;
}
@media screen and (max-width:1199px){
    .search_map {
        width: 100%;
        margin: 0 0 0 0;
    }
}
@media screen and (max-width:888px){
    .search_map {
        position:static;
        height: auto;
    }
}
@media screen and (max-width:888px){
    .search_map table {
        width: 100%;
    }
}
.search_map table {
	margin-bottom:0 !important;
	margin-left:auto !important;
	margin-right:auto !important
}
.search_map td, .search_map th {
  border: none;
  padding: 1px 1.5px;
}

.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 screen and (max-width:888px){
    .search_map table tbody tr td a {
        width:100%;
    }
}
.search_map .hokkaido	{
    position: absolute;
    top: 20px;
    left: 418px;
    background: #d3e3fd;
    padding: 10px 13px;
}
.search_map .hokkaido table tr td a {
    background: #4186f6;
}

.search_map .tohoku	{
    position: absolute;
	top: 107px;
  	left: 509px;
	background: #e6f2fc;
    padding: 10px 13px;
}
.search_map .tohoku table tr td a {
    background: #45a7dc;
}
.search_map .kanto{
    position: absolute;
	top: 224px;
  	left: 438px;
	background: #eafcd7;
    padding: 10px 13px;
}
.search_map .kanto table tr td a {
    background: #2bb52e;
}
.search_map .tokai {
    position: absolute;
	top: 340px;
  	left: 362px;
	background: #cff1f4;
    padding: 10px 13px;
}
.search_map .tokai table tr td a {
    background: #2fbdc8;
}
.search_map .shikoku {
    position: absolute;
    top: 379px;
    left: 183px;
    background: #f1f1ff;
    padding: 10px 13px;
}
.search_map .shikoku table tr td a {
    background: #9090f1;
}
.search_map .chugoku {
    position: absolute;
    top: 142px;
    left: 120px;
    background: #fdeaea;
    padding: 10px 13px;
}
.search_map .chugoku table tr td a {
    background: #ff6666;
}
.search_map .kyushu{
    position: absolute;
    top: 230px;
    left: 10px;
    background: #fec28b;
    padding: 10px 13px;
}
.search_map .kyushu table tr td a {
    background: #ef7201;
}
.search_map .hokuriku {
    position: absolute;
	top: 84px;
  	left: 256px;
	background: #feffa6;
    padding: 10px 13px;
}
.search_map .hokuriku table tr td a {
    background: #fc8002;
}

.search_map .kansai {
    position: absolute;
	top: 428px;
  	left: 277px;
	background: #e8baac;
    padding: 10px 13px;
}
.search_map .kansai table tr td a {
    background: #c55836;
}
@media screen and (max-width:1199px){
    .search_map .tohoku,
    .search_map .kanto,
    .search_map .tokai {
        left: 69%;
    }
    .search_map .chugoku {
        left: 25%;
    }
    .search_map .kyushu {
        left: 13%;
    }
    .search_map .hokuriku {
        left: 40%;
    }
    .search_map .hokkaido {
        left: 57%;
    }
    .search_map .kansai {
        left: 50%;
    }
    .search_map .shikoku {
        left: 35%;
    }
}
@media screen and (max-width:1032px){
    .search_map .kyushu {
        left: 9%;
    }
	.search_map .chugoku {
        left: 22%;
    }
    .search_map .hokuriku {
        left: 38%;
    }
}
@media screen and (max-width:960px){
    .search_map .kyushu {
        left: 6%;
    }
	.search_map .chugoku {
        left: 20%;
    }
    .search_map .hokuriku {
        left: 37%;
    }
}
.search_map_mobile{
	display:none;	
}
@media screen and (max-width:888px){
	.search_map {
		background-image: none;
	}
	 .search_map {
		padding:5px;
	}
	.search_map td  {
		width:50%;
	}
	.search_map_mobile{
		display:block;	
		position:static !important;
	}
	.search_map_pc	{
        display:none;
    }
}




/*  検索結果一覧
========================================================================== */
.search_result {
	margin-left:10px;
	margin-right:10px;
}
@media only screen and (max-width: 801px){
	.search_result {
		overflow-x: scroll;
	}
	.search_result table {
  		width: 100%;
		min-width: 800px;
	}
}
.search_result_inner{
    margin: 0px auto;
    padding: 0;
    min-height: 580px;
    width: 100%;
    max-width: 1199px;
}
.search_result_title {
    margin-top:50px;
	margin-bottom:20px;	
	margin-left:10px;
}
.search_result_title img{
	min-width:370px !important;
	height:auto !important;
}
.search_result_back {
	margin-bottom:15px;	
	margin-left:6px;
}
.search_result_hits{
	margin-bottom:20px;	
	margin-left:10px;
}
.tsds_search_table {
	width:100%;
}
table.tsds_search_table,
table.tsds_search_table th,
table.tsds_search_table td {
    border: 1px solid #c6d5e1 !important;
    border-collapse: collapse;
	padding:5px 11px;
	line-height: 22px;
}
table.tsds_search_table td {	
	background: #E3F5FF;
}
table.tsds_search_table tr:nth-child(odd) td {	
	background: #fff;
}
table.tsds_search_table th {
	background: #f6f2ed;
	padding-top:30px !important;	
	padding-bottom:30px !important;	
	text-align:left !important;
	white-space:nowrap;
}
table.tsds_search_table .fas {
	font-size: 65%;
	margin-right:5px;
}
table.tsds_search_table .col1 {
	width:150px;
}
table.tsds_search_table .col2 {
	width:120px;
}
table.tsds_search_table .col8 {
	width:100px;
}
.tsds_search_table th {
    font-size:12px !important;
}
.tsds_search_table td {
    font-size:12px !important;
}


/*  フッター 
========================================================================== */
footer {
    width: 100%;
    text-align: center;
    padding: 2px 0 ;
    margin-top:50px;
}
.footer-text {
    color: #fff;
    font-size:small;
    margin:5px;
}



/*  画像リンク透過 
========================================================================== */
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}



/*  画像はっきり表示 
========================================================================== */
img {
    image-rendering: -webkit-optimize-contrast;
}



/*  表示　非表示 
========================================================================== */
.disp-no-tabletika {display:block;}
@media only screen and (max-width: 1199px){
    .disp-no-tabletika {display:none;}
}
.disp-no-mobile {display:block;}
@media only screen and (max-width: 768px){
    .disp-no-mobile {display:none;}
}
.disp-tablet {display:none;}
@media screen and (max-width:1199px){
    .disp-tablet {display:block;}
}
.disp-mobile {display:none;}
@media screen and (max-width:768px){
    .disp-mobile {display:block;}
}


/* その他
========================================================================== */
.text-center {
    text-align: center;
}