﻿/*========================================
searchTherapist
=======================================*/
.searchTherapist {overflow: hidden;}
.searchTherapist li {width: 96%; margin-bottom: 15px; padding-bottom: 10px; border-radius: 3px; background:#F9F9F9; padding: 2%;overflow: hidden;position: relative;}
.searchTherapist li .photo {float: left; width: 120px; height: 120px; overflow: hidden; position: relative;border-radius: 6px;}
.searchTherapist li .photo img {object-fit: cover; width: 100%; height: 100%}
.searchTherapist li .txt {float: right; width:calc(100% - 130px);background: url("../img/arrow-green.png") no-repeat 98% 50%;background-size: 10px auto}
.searchTherapist li .txt .heading {margin-bottom: 10px;}
.searchTherapist li .txt .heading a {color: #fff;}
.searchTherapist li .txt .heading h3 {border:none; font-size: 13px;padding: 0;margin: 0;}
.searchTherapist li .txt .heading h3 span {display: block;font-size: 16px;}
.searchTherapist li .txt .heading h4 {font-size: 18px;}
.searchTherapist li .txt .mid {overflow: hidden;font-size: 13px;}
.searchTherapist li a .mid {color: #212121}
.searchBlock {}
.searchBlock .searchBtn{color: #fff; background:#F7C037 url("../img/icon-search.svg") no-repeat;border-bottom: 3px solid #D0A12C; background-position: 98% 50%;background-size: 16px auto;width: 60%;margin: 0 auto 20px;box-sizing: border-box;padding: 8px 0;border-radius: 4px;text-align: center;font-weight: bold;}
.searchBlock .searchBtn:hover {opacity: 0.7}
@media screen and (max-width: 800px) {
.searchTherapist li .photo {width: 80px; height: 80px;}
.searchTherapist li .txt {width:calc(100% - 90px);background-size: 8px auto}
.searchTherapist li .txt .heading h3 {font-size: 11px;}
.searchTherapist li .txt .heading h3 span {font-size: 14px;}
.searchTherapist li .txt .heading h4 {font-size: 16px;}
.searchTherapist li .txt .mid {font-size: 11px;}
.searchTherapist li .txt .heading {margin-bottom: 4px;}
}

/*========================================
favTherapist
=======================================*/
.noStyle {border: none;background: none;padding: 0;margin: 0 0 10px;text-decoration: underline;cursor: pointer;}
.favTherapist {overflow: hidden;}
.favTherapist li {width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-radius: 3px; background:#F9F9F9; padding: 2%;box-sizing: border-box; overflow: hidden;position: relative;}
.favTherapist li:last-child {border-bottom: none;margin-bottom:0;}
.favTherapist li .upper {overflow: hidden;}
.favTherapist li .lower {overflow: hidden;}
.favTherapist li .upper figure {float: left; width: 20%;}
.favTherapist li .upper figure img {border-radius: 2px;}
.favTherapist li .upper .txt {float: right; width: 78%;}
.favTherapist li .upper .txt .sup {font-weight: bold; color: #000;font-size: 12px;margin-bottom: 5px;}
.favTherapist li .upper .txt h2 {font-size: 20px;background: none;border-bottom: 2px solid #00D9DC;border-top: 2px solid #00D9DC;color: #00D9DC;border-radius: 0;padding:1% 0;margin-bottom: 10px;}
.favTherapist li .upper dl{ overflow: hidden; border-bottom: 1px dotted #E7E7E7; padding-bottom: 5px;font-size: 12px;margin-bottom: 5px;font-weight: bold;}
.favTherapist li .upper dt{float: left; width: 30%}
.favTherapist li .upper dd{float: right; width: 70%}
.favTherapist li .upper dd span {font-size:120%;font-weight: bold; color: #EC5255}
.favTherapist li .lower .expRadio li {margin-bottom: 5px;}
.favTherapist li .experience {position: relative;font-weight: bold;}
.favTherapist li .experience:before {content: '';position: absolute;left: 0;background: url("../img/icon-exp.svg") no-repeat; background-size: 16px auto;width: 16px; height: 16px;}
@media screen and (max-width: 800px) {
.favTherapist li .upper .txt h2 {font-size: 16px;}
.favTherapist li {font-size: 13px;}
}

/*========================================
newsBlock
=======================================*/
.newsBlock {border: 4px solid #f7f7f7;box-sizing: border-box;padding: 2%; margin-bottom: 2%;}
.newsBlock .title {text-align: center;font-weight: bold;font-size: 18px;color: #009EBF}
.newsBlock dl {overflow: hidden;display: table;width: 100%;padding-bottom: 1%;}
.newsBlock dl dt {display: table-cell;min-width: 80px;width: 20%; vertical-align: top;}
.newsBlock dl dd {display: table-cell;width: 80%; vertical-align: top;}
.newsBlock dl dd a {color: #000;text-decoration: underline;}
.newsBlock figure img {width: 100%;height: auto;}
@media screen and (max-width: 800px) {
.newsBlock dl {font-size: 12px; padding-bottom: 2%;}
}

.lp-bnr {width:100%;}
.lp-bnr img {width: 100%;height: auto;margin-bottom: 15px;}

/*========================================
pager
=======================================*/
.pager {text-align: center; margin: 30px 0;}
.pager ul {display: inline-block; padding: 0; list-style: none;}
.pager ul li {display: inline-block; margin: 0 3px;}
.pager ul li a {display: block; padding: 8px 12px; background: #f5f5f5; color: #333; text-decoration: none; border-radius: 3px; transition: all 0.3s;}
.pager ul li a:hover {background: #F7C037; color: #fff;}
.pager ul li.active a {background: #F7C037; color: #fff; font-weight: bold;}
 
