@charset "utf-8";

/** ------------------------------------------------------------
 * $container
 */
#container {
  margin: 10px auto 0;
  width: 1000px;
}

#container:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/** ------------------------------------------------------------
 * $contents
 */
#contents {
  float: left;
  width: 680px;
}

/** ------------------------------
 * 汎用
 */
/* タイトル */
.sectionTitle {
  margin-bottom: 10px;
  border-bottom: 1px solid #1e1e17;
  position: relative;
  font-weight: bold;
}

.sectionTitle--withLogo {
  padding-right: 186px;
}

.sectionTitle__subText {
  padding: 1px 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 70%;
  color: #fff;
  background-color: #0daacb;
}

.sectionTitle__subText--salon {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.medicalLogo {
  height: 50px;
}

.socializeLogo {
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 180px;
}

.sectionTitle__more {
  position: absolute;
  top: 0;
  right: 0;
}

.sectionTitle__more > * {
  border-left: 1px solid #ddd;
  padding-left: 15px;
  float: left;
  font-size: 75%;
}

.sectionTitle + .subTitle {
  margin-top: -10px;
}

.subTitle {
  padding: 5px 5px 5px 10px;
  background-color: #dce3ed;
  font-size: 80%;
}

/* テキスト */
.text {
  margin-bottom: 40px;
  line-height: 1.8;
}

.text::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/* ボタン */
.basicButton {
  padding: 0;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #174487;
  text-align: center;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: bold;
  cursor: pointer;
}

/* 完了系メッセージ */
.simpleMessage {
  padding: 80px 30px;
  background-color: #eee;
  text-align: center;
}

.simpleBox {
  margin: 10px 0;
  border: 2px solid #eee;
  font-size: 92%;
  line-height: 1.6;
  text-align: center;
}

.simpleBox--center {
  text-align: center;
}

.simpleBox p {
  padding: 60px 15px;
  border: 1px solid #ccc;
}

.backLink {
  margin: 15px 0 30px;
  text-align: center;
}

.backLink a {
  padding: 8px 40px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: inline-block;
  line-height: 1.7;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #0caaca;
  font-size: 93%;
  text-decoration: none;
}

/** ------------------------------------------------------------
 * 一流に学ぶ・スライド
 */
.columnMemberTitle {
  padding: 3px 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  color: #fff;
  background-color: #174487;
}

.columnMember,
.columnMember__sublist {
  margin-bottom: 30px;
  padding: 5px;
  border: 1px solid #ddd;
}

.columnMember__sublist {
  padding: 5px;
}

.columnMember__sublist::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/*左右の矢印の位置を変える*/
.slick-prev ,
.slick-next{
  appearance: none;
  -webkit-appearance: none;
     -moz-appearance: none;

  text-align: center;
  text-indent: 1000%;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #174487;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 265px;
  z-index: 99;
  cursor: pointer;
}

.salonPage .slick-prev,
.salonPage .slick-next{
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.hiyokko .slick-prev,
.hiyokko .slick-next {
  background-color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
}

.slick-prev {
  left: -45px;
}

.slick-next {
  right: -45px;
}

.slick-prev::after ,
.slick-next::after {
  content: " ";
  width: 8px;
  height: 8px;
  margin: auto;
  display: block;
  border-top: solid 2px #fff;
  position: absolute;
  top: 0;
  bottom: 0;
}

.slick-prev::after {
  border-left: solid 2px #fff;
  left: 12px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
}

.slick-next::after {
  border-right: solid 2px #fff;
  right: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
}

/*.slick-prev:hover ,
.slick-next:hover {
  background-color: rgb(23, 68, 135, .5);
}*/

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #fff;
}

.columnMember__sublist li {
  float: left;
  width: 33.33%;
}

.multiple-item a {
  margin: 5px;
  display: block;
}

.columnMember__sublist a {
  margin: 15px 20px;
  display: block;
}

.multiple-item img,
.columnMember__sublist img {
  max-width: 100%;
  height: auto;
}

/**/
.columnLink {
  margin-bottom: 20px;
  display: table;
  width: 100%;
  background: url("/images/pc/common/column/bg_680x140.gif") no-repeat 0 0;
  text-align: center;
}

.columnLink img {
  vertical-align: top;
}

.columnLink__list {
  padding: 42px 0 0;
  display: table-cell;
  list-style-type: none;
}

.columnLink__list:first-of-type {
  text-align: left;
}

.columnLink__list:last-of-type {
  text-align: right;
}

.columnLink__list a {
  display: inline-block;
}


/* 一覧用 */
.firstClassList {
  /* margin: 0 -1.5% -1.5% 0; */
  margin: 0 -3% -3% 0;
}

.firstClassList::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.firstClassList__item {
  /*
  width: 23.5%;
  margin: 0 1.5% 1.5% 0;
  */
  width: 30.3%;
  margin: 0 3% 3% 0;
  float: left;
}

/* .firstClassList__item:nth-of-type(4n+1) { */
.firstClassList__item:nth-of-type(3n+1) {
  clear: both;
}

.firstClassList__item img {
  width: 100%;
}



/** ------------------------------------------------------------
 * Whats New
 */
.info {
  margin-bottom: 30px;
}

.info::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/** ------------------------------
 * メディカルサロン
 */
.info__sub {
  float: right;
  width: 126px;
}

.info__main {
  float: left;
  width: 528px;
}

.information {
  border: 5px solid #f5f5f5;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.information__title {
  padding: 20px 15px;
  position: relative;
  display: table-cell;
  width: 80px;
  color: #fff;
  background-color: #174487;
  font-size: 87.5%;
  text-align: center;
  vertical-align: middle;
}

.information__title span {
  display: inline-block;
  position: relative;
  z-index: 5;
  border-bottom: 5px solid #0caaca;
  width: 100%;
  line-height: 1.3;
}

.information__body {
  padding: 11px 15px;
  border: 1px solid #ddd;
  display: table-cell;
  font-size: 80%;
  vertical-align: middle;
}

.information__item {
}

.information__item a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.information__item + .information__item {
  margin-top: 5px;
}

.information__newIcon {
  content: "new";
  padding: 1px 0.5em;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #0caaca;
  font-size: 10px;
  text-transform: uppercase;
}

/** ------------------------------------------------------------
 * ピックアップ一覧
 */
.topicsList__item {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.topicsList__item + .topicsList__item {
  border-top: 1px solid #ddd;
}

.topicsList__item a:hover {
  text-decoration: none;
}

.topicsList__sub,
.topicsList__main {
  padding: 10px;
  display: table-cell;
  vertical-align: top;
}

.topicsList__sub {
  width: 200px;
  /* display: none; */
}

.topicsList__item:first-of-type .topicsList__sub {
  display: table-cell;
}

.topicsList__sub img {
  width: 100%;
  border: 1px solid #ccc;
}

.topicsList__date {
  margin-left: 5px;
  color: #8e8e8b;
  font-size: 75%;
}

.topicsList__title {
  font-weight: bold;
}

a:hover .topicsList__title {
  text-decoration: underline;
}

.topicsList__body {
  font-size: 80%;
}

/** ------------------------------------------------------------
 * 記事
 */
.articleTitle {
  margin: -11px 0 20px;
  padding: 15px 0px 15px 5px;
  border-top: 4px solid #174487;
  border-bottom: 1px solid #ddd;
  font-size: 175%;
  line-height: 1.2;
}

.articleSubTitle {
  display: block;
  margin-top: 4px;
  font-size: 60%;
  color: #1e1e17;
}

.articleTitle--salon {
  border-top: 4px solid #8ab800;/* ★ Dr.純子イメージカラー */
}

.hiyokkoWrap + .articleTitle,
p + .articleTitle {
  margin-top: 0 !important;
}

.articleDate {
  margin-bottom: 30px !important;
  text-align: right;
}

.newsImageCaption {
  margin: 0 20px 4px 0;
  padding: 10px;
  border: 1px solid #ddd;
  float: left;
  width: 316px;
  color: #999;
  background-color: #eee;
  font-size: 70%;
}

.newsImageCaption img,
.newsImage img {
  width: auto;
  max-width: 100%;
}

.newsImageCaption img {
  margin-bottom: 4px;
  width: 100%;
}

.newsImage img {
  margin: 0 20px 4px 0;
  display: block;
  float: left;
  width: 316px;
}

.newsImage__caption {
  font-size: 80%;
}

.articleBody {
  line-height: 2;
}

.articleImage {
  background-color: #eee;
  border: 1px solid #ddd;
  margin: 20px 0;
  padding: 10px;
}

.articleImage p {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: 80%;
}

/** ------------------------------
 * 記事写真
 */
.articlePhoto {
  margin-bottom: 40px;
}

.articlePhoto__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

.articlePhoto__inner {
  padding-bottom: 10px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 81.25%;
}

.articlePhoto__inner::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.articlePhoto__list {
  padding-top: 10px;
  float: left;
  width: 25%;
  text-align: center;
}

.articlePhoto__list img {
  margin: 0 auto;
  width: 94%;
}

.articlePhoto__list:nth-of-type(4n+1) {
  clear: both;
}

/* 詳細 */
.articlePhotoDetail {
  margin-bottom: 40px;
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
  background-color: #eee;
  text-align: center;
}

.articlePhotoDetail__back a {
  margin-bottom: 10px;
  padding: 1px;
  border: 1px solid #ddd;
  display: inline-block;
  width: 320px;
  height: 70px;
  line-height: 70px;
  color: #174487;
  background-color: #fff;
  font-size: 120%;
  text-align: center;
}

.articlePhotoDetail__main img {
  display: inline-block;
  max-width: 450px;
}

.articlePhotoDetail__main figcaption {
  margin: 5px auto;
  color: #999;
  font-size: 80%;
  max-width: 450px;
}

.articlePhotoDetail__prev,
.articlePhotoDetail__next {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 100px;
}

.articlePhotoDetail__prev {
  left: 0;
}

.articlePhotoDetail__next {
  right: 0;
}

/** ------------------------------------------------------------
 * 記事一覧（文章メイン）
 */
.sectionTitle + .articleTextList {
  margin-top: -10px;
}

.articleTextList__item {
  border-bottom: 1px solid #ddd;
}

.articleTextList__item > a,
.articleTextList__inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.articleTextList__item a:hover {
  text-decoration: none;
}

.articleTextList__main,
.articleTextList__sub {
  padding: 7px 5px;
  display: table-cell;
  vertical-align: top;
}

.articleTextList__date {
  margin-left: 5px;
  font-size: 75%;
  color: #8e8e8b;
}

.articleTextList__title {
  font-weight: bold;
}

a:hover .articleTextList__title {
  text-decoration: underline;
}

.articleTextList__body {
  font-size: 80%;
}

.articleTextList__sub {
  width: 133px;
}

.articleTextList__sub img {
  width: 100%;
}

/** ------------------------------
 * 記事一覧へのリンク
 */
.guideLink {
  padding: 20px 40px;
  text-align: center;
}

.guideLink:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.guideLink__item {
  padding: 0 10px;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.guideLink__item a {
  padding: 10px;
  display: block;
  color: #fff;
  background-color: #1a356c;
}

.guideLink__item--news a {
  background-color: #0daacb;
}

/** ------------------------------------------------------------
 * カテゴリ選択
 */
.categorySelect {
  position: relative;
}

#searchForm {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

.categorySelect__title {
  padding: 0 15px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #174487;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 87.5%;
  font-weight: bold;
  vertical-align: middle;
}

.categorySelect select {
  padding: 0 0 0 10px;
  border: 1px solid #d2d2d1;
  border-left: none;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
  float: right;
  height: 30px;
  line-height: 1em;
  color: #4e4e4b;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.categorySelect + .sectionTitle {
  padding-top: 0.7em;
}

/** ------------------------------------------------------------
 * 記事一覧（画像メイン）
 */
.articleList:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.articleList__item {
  margin-bottom: 31px;
  float: left;
  width: 314px;
}

.articleList__item a:hover {
  text-decoration: none;
}

.articleList__item:nth-of-type(2n+1) {
  padding-right: 52px;
  clear: both;
}

.articleList__item img {
  margin-bottom: 5px;
}

.articleList__date {
  margin-left: 5px;
  font-size: 75%;
  color: #8E8E8B;
  vertical-align: 2px;
}

.articleList__title {
  font-weight: bold;
}

a:hover .articleList__title {
  text-decoration: underline;
}

.articleList__body {
  font-size: 80%;
}

.articleList__title + .articleList__body {
  margin-top: 10px;
}

/** ------------------------------------------------------------
 * 記事一覧2（画像メイン）
 */
.articleList2:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.articleList2__item {
  margin-bottom: 31px;
  padding-left: 25px;
  float: left;
  width: 210px;
}

.articleList2__item a:hover {
  text-decoration: none;
}

.articleList2__item:nth-of-type(3n+1) {
  padding-left: 0;
  clear: both;
}

.articleList2__item img {
  margin-top: 4px;
  width: 100%;
}

.articleList2__title {
  font-weight: bold;
  margin-top: 6px;
}

a:hover .articleList2__title {
  text-decoration: underline;
}

.articleList2__body {
  font-size: 80%;
}

.articleList2__title + .articleList2__body {
  margin-top: 10px;
}

/** ------------------------------------------------------------
 * 一流に学ぶ
 */
.columnLede {
  margin-top: -11px;
  border-top: 4px solid #174487;
  border-bottom: 1px solid #1e1e17;
  position: relative;
}

.columnLede a {
  padding: 20px;
  display: block;
  background-color: #f6f6f6;
}

.columnLede a:hover {
  background-color: #eee;
}

.columnLede a::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.columnLede__main {
  float: left;
  width: 65%;
}

.columnLede__title {
  color: #174487;
  font-size: 136%;
  letter-spacing: 0.1em;
  line-height: 1.3;
}

.columnLede__body {
  margin-top: 5px;
  padding: 10px;
  background-color: #fff;
  font-size: 80%;
  line-height: 1.6;
}

/* 小窓内部 */
.lightbox .columnLede__body {
  margin-top: 20px;
  padding: 0;
  background-color: transparent;
  line-height: 1.8;
}

.columnLede__sub {
  float: right;
  width: 32%;
  padding-top: 20px;
}

.columnLede__sub img {
  width: 100%;
}

/* 一覧 */
.columnList {
  margin-bottom: -1px;
}

.sectionTitle + .columnList {
  margin-top: -10px;
}

.columnList__item {
  margin: 15px 0 0;
  padding: 10px 15px 15px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 2px #eee;
}

.columnList__item--new {
  background-color: #fffeee;
}

.columnList__item::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.columnList__item a:hover {
  text-decoration: none;
}

.columnList__main {
  float: left;
  width: 74%;
}

.columnList__date {
  margin-bottom: 5px;
  padding: 0 10px 0 0;
  font-size: 75%;
  position: relative;
  color: #fff;
  background-color: #333;
  display: inline-block;
}

.columnList__date::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  display: block;
  width: 20px;
  background-color: #333;
}

.columnList__item--new .columnList__date,
.columnList__item--new .columnList__date::before {
  background-color: #174487;
}

.columnList__title {
  font-weight: bold;
}

.columnList__item--new .columnList__title {
  color: #174487;
}

a:hover .columnList__title {
  text-decoration: underline;
}

.columnList__body {
  margin-top: 4px;
  font-size: 80%;
  line-height: 1.6;
}

.columnList__sub {
  float: right;
  width: 25%;
  padding-top: 20px;
}

.columnList__sub img {
  width: 100%;
}


/** ------------------------------------------------------------
 * 文字アイコン
 */
/* カテゴリ */
.categoryIcon {
  padding: 0 10px;
  display: inline-block;
  color :#fff;
  background-color: #bbb;
  font-size: 11px;
  vertical-align: middle;
  min-width: 8em;
  text-align: center;
}

.categoryIcon--npu {
  background-color: #0caaca;
}

.categoryIcon--medical {
  background-color: #174487;
}

.categoryIcon--clinical {
  background-color: #bc621e;
}

/* トピックス */
.topicsIcon {
  padding: 0 20px;
  border: 1px solid #174487;
  display: inline-block;
  color: #174487;
  background-color: #fff;
  font-size: 11px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.topicsIcon a {
  color: #174487;
  text-decoration: none;
}

.topicsIconLink:hover > .topicsIcon {
  color: #fff;
  background-color: #174487;
  text-decoration: none;
}

/** ------------------------------------------------------------
 * TOPページ用ニュース
 */
.topNews {
  border-bottom: 1px solid #ddd;
}

.sectionTitle + .topNews {
  margin-top: -10px;
}

.topNews:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.topNews a,
.topNewsList a {
  display: block;
  text-decoration: none;
}

.topNews a {
  padding: 10px 0 10px 10px;
}

.topNewsList a {
  padding: 7px 5px;
}

.topNews a:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.topNews a:hover,
.topNewsList a:hover {
  color: #174487;
  background-color: #f5f5f5;
  text-decoration: none;
}

.topNews img {
  margin-right: 20px;
  float: left;
}

.topNews__main {
  overflow: hidden;
}

.topNews_date,
.topNewsList__date {
  margin-left: 5px;
  font-size: 75%;
  color: #8e8e8b;
}

.topNews__title {
  margin-top: 5px;
  font-weight: bold;
}

.topNews__body {
  margin-top: 10px;
}

.topNewsList__item {
  border-bottom: 1px solid #ddd;
}

a:hover .topNewsList__title {
  text-decoration: underline;
}

/* 画像ありアイコン */
.cameraIcon {
  margin-left: 5px;
  padding-left: 18px;
  display: inline-block;
  width: 0;
  height: 14px;
  background: url("/images/pc/common/photo.png") no-repeat 0 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}

/* 動画ありアイコン */
.movieIcon {
  margin-left: 5px;
  padding-left: 18px;
  display: inline-block;
  width: 0;
  height: 16px;
  background: url("/images/pc/common/movie.png") no-repeat 0 0;
  margin-top: -1px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}

/** ------------------------------------------------------------
 * お問い合わせ
 */
.selectContact {
  margin: 40px 120px;
  font-size: 120%;
  text-align: center;
}

.selectContact__item + .selectContact__item {
  margin-top: 30px;
}

.selectContact__item a {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 15px 38px;
  border: 1px solid #174487;
  position: relative;
  display: block;
  color: #174487;
  background: #eee url("/images/pc/common/arrowBlue.gif") no-repeat 15px 50%;
  text-decoration: none;
}

.selectContact__item a:hover {
  background-color: #dce3ed;
}

/** ------------------------------
 * フォーム
 */
.form {
  padding: 40px;
  background-color: #eee;
  font-size: 80%;
}

.form__message {
  margin-bottom: 40px;
  padding: 25px 15px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.form__title {
  position: absolute;
  padding-left: 6px;
  border-left: 3px solid #9c9c9c;
  font-weight: bold;
}

/* 必須項目 */
.mandatoryField {
  color: #c00;
  font-size: 80%;
}

.mandatoryField::before {
  content: "（";
}

.mandatoryField::after {
  content: "）";
}

.form__body {
  padding: 0 0 30px 15em;
  min-height: 1.5em;
}

.form__memo {
  margin-top: 3px;
  margin-left: 1em;
  font-size: 93%;
}

.form__memo::before {
  margin-left: -1em;
  content: "※";
  display: inline-block;
}

.form__body input[type="text"],
.form__body input[type="password"],
.form__body textarea {
  padding: 7px 10px;
  border: 1px solid #ccc;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.form__body input[type="password"] {
  width: 50%;
}

.form__body textarea {
  height: 10em;
}

.form__body select {
  padding: 7px 10px;
  border: 1px solid #ccc;
}

.form__body ul li + li {
  margin-top: 10px;
}

.form__body a {
  color: #174487;
  text-decoration: underline;
}

.form__comment {
  margin-top: 5px;
  padding-left: 1.1em;
  display: block;
  color: #c00;
  font-size: 93%;
}

.form__comment::before {
  margin-left: -1em;
  position: absolute;
  content: "※";
}

/** ------------------------------
 * 送信系ボタン
 */
.formButton {
  text-align: center;
}

.formButton * {
  display: inline-block;
}

.formButton button {
  padding: 10px 40px;
  font-size: 120%;
}

/** ------------------------------------------------------------
 * 送信エラー
 */
.errorMessage {
  margin: 40px 100px 30px;
  padding: 15px 30px;
  border: 1px solid #c00;
  position: relative;
  color: #666;
  background-color: #f6f6f6;
}

.errorMessage__title {
  padding: 1px 20px;
  position: absolute;
  bottom: 100%;
  left: -1px;
  color: #fff;
  background-color: #c00;
  font-size: 11px;
  letter-spacing: -0.001em;
}

.errorMessage__body ul {
  margin-left: 1.2em;
  list-style-type: square;
  color: #c00;
  font-size: 86%;
}

/** ------------------------------------------------------------
 * ドクター
 */
.recommendDoctor {
  margin-bottom: 40px;
  font-size: 93%;
}

.recommendDoctor__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

/* slideJS */
.recommendDoctor__inner {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-top: none;
  position: relative;
  font-size: 81.25%;
  text-align: center;
}

.recommendDoctor__inner::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.recommendDoctor__item {
  padding: 0 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.recommendDoctor__item img {
  margin-right: 15px;
  margin-bottom: 5px;
  width: 100%;
}

/* 前へ次へ */
*[class^="js-pager"] {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  color: #1e1e17;
  background-color: #ddd;
  outline: none;
  cursor: pointer;
}

.js-pagerPrev {
  left: 0;
}

.js-pagerNext {
  right: 0;
}

.js-pagerPrev::before,
.js-pagerNext::before {
  content: "";
  margin: auto;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
}

.js-pagerPrev::before {
  border-width: 5px 5px 5px 0;
  border-color: transparent #1e1e17 transparent transparent;
}

.js-pagerNext::before {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #1e1e17;
}

/** ------------------------------------------------------------
 * ドクター詳細
 */
.doctorDetail {
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #eee;
}

.doctorDetail::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.doctorDetail a {
  color: #174487;
}

.doctorDetail__main {
  float: right;
  width: 498px;
}

.doctorDetail__title {
  margin-left: -15px;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 5px solid #174487;
  line-height: 1.2;
  font-size: 175%;
}

.doctorDetail span {
  font-size: 50%;
  font-weight: normal;
}

.doctorDetail__hospitalName {
  font-size: 140%;
}

.doctorData {
  margin-top: 5px;
}

.doctorData li {
  margin: 0 5px 5px 0;
  padding: 1px 15px;
  display: inline-block;
  color :#fff;
  background-color: #0caaca;
  font-size: 80%;
  vertical-align: middle;
  min-width: 8em;
  text-align: center;
}

.doctorData li.jobPosition {
  background-color: #5485dd;
}

.doctorDetail__department a::before {
  margin-right: 6px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #174487;
  vertical-align: middle;
}

.doctorDetail__sub {
  float: left;
  width: 120px;
}

.doctorDetail__specialty {
  margin: 20px 0 10px;
  border-bottom: 1px solid #1e1e17;
  position: relative;
}

/** ------------------------------------------------------------
 * その他の専門医
 */
.otherDoctor {
  margin-bottom: 40px;
}

.otherDoctor__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background-color: #174487;
  font-size: 87.5%;
  font-weight: bold;
}

.otherDoctor__inner {
  border: 1px solid #ddd;
  border-top: none;
  font-size: 80%;
}

.otherDoctor__inner::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.otherDoctor__item {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  display: table;
  table-layout: fixed;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  direction: rtl;
  unicode-bidi: embed;
}

.otherDoctor__item a {
  display: table-row;
  text-decoration: none;
}

.otherDoctor__item:nth-of-type(2n) {
  margin-left: -1px;
  border-right: none;
  border-left: 1px solid #ddd;
}

.otherDoctor__item:nth-of-type(2n+1) {
  clear: both;
}

.otherDoctor__main,
.otherDoctor__sub {
  padding: 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.otherDoctor__name {
  margin-bottom: 5px;
  font-size: 130%;
  font-weight: bold;
}

a:hover .otherDoctor__name {
  text-decoration: underline;
}

.otherDoctor__name span {
  font-size: 80%;
  font-weight: normal;
}

.otherDoctor__sub {
  width: 80px;
}

.otherDoctor__sub img {
  width: 100%;
}

/** ------------------------------------------------------------
 * 病院
 */
.hospitalDetail {
  margin-bottom: 40px;
  background-color: #eee;
}

.hospitalDetail__type {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
}

.hospitalDetail__type * {
  padding: 1px 20px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background-color: #0caaca;
  font-size: 87.5%;
}

.hospitalDetail__inner {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 80%;
}

.hospitalDetail__title {
  margin-bottom: 5px;
  font-size: 220%;
  font-weight: bold;
}

.hospitalDetail__address {
  margin-bottom: 5px;
  font-size: 150%;
}

.hospitalDetail__tel {
  font-family: Verdana, sans-serif;
  font-size: 200%;
  font-weight: bold;
  text-align: right;
}

/* アクセス */
.accessMap {
  margin-bottom: 40px;
}

.accessMap__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background-color: #174487;
  font-size: 87.5%;
  font-weight: bold;
}

.accessMap__inner {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 80%;
}

.accessMap__inner iframe {
  width: 100%;
  height: 450px;
}

/** ------------------------------------------------------------
 * 病名一覧
 */
.diseaseCategory:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.diseaseCategory__inner {
  float: left;
  width: 49%;
}

.diseaseCategory__inner + .diseaseCategory__inner {
  float: right;
}

.diseaseCategory__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

.diseaseCategory__body {
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
}

.diseaseCategory__body li {
  padding-left: 20px;
  background: url("/images/pc/common/arrowBlue.gif") no-repeat 0 0.3em;
}

/** ------------------------------
 * 疾患名とその解説
 */
.diseaseName {
  margin: 10px 0 20px;
  padding: 5px 0px;
  border-top: 4px solid #174487;
  border-bottom: 1px solid #ddd;
  font-size: 175%;
}

/* 開閉式疾患解説 */
.diseaseExplain {
  margin-top: 0.7em;
  margin-bottom: 30px;
  padding: 20px 15px 15px;
  border: 1px solid #ddd;
  position: relative;
  background-color: #eee;
}

.sectionTitle + .diseaseExplain {
  margin-top: 1.5em;
}

.diseaseExplain__title {
  margin: 0 5px 5px 0;
  padding: 1px 20px;
  position: absolute;
  top: -0.7em;
  display: block;
  color: #fff;
  background-color: #174487;
  font-size: 80%;
  vertical-align: middle;
  line-height: 1.4;
}

.diseaseExplain__body {
  font-size: 93%;
}

/* JS */
#js-explanation {
  max-height: 4.6em;
}

.diseaseExplain__open {
  margin-right: 10px;
  color: #174487;
  font-size: 80%;
  text-align: right;
}

.diseaseExplain__open::before {
  content: "【";
}

.diseaseExplain__open::after {
  content: "】";
}

/** ------------------------------
 * 医師一覧
 */
.sectionTitle + .doctorList {
  margin-top: -10px;
}

.doctorList__item {
  border-bottom: 1px solid #ddd;
  display: table;
  table-layout: fixed;
  width: 100%;
  unicode-bidi: embed;
  direction: rtl;
}

.doctorList__main,
.doctorList__sub {
  padding: 7px 5px;
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

.doctorList__name {
  margin-bottom: 2px;
}

.doctorList__name a {
  text-decoration: none;
}

.doctorList__name span {
  font-size: 140%;
}

.doctorList__name a:hover span {
  text-decoration: underline;
}

.doctorList__hospital {
  font-size: 110%;
}

.doctorList__sub {
  padding-right: 15px;
  width: 100px;
}

.doctorList__sub img {
  width: 100%;
}

/* 診療科から医師を探す */
.department {
  margin-bottom: 40px;
}

.department__title {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

.department__body {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
}

.department__body::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.department__body li {
  margin-bottom: 5px;
  padding: 0 20px;
  background: url("/images/pc/common/arrowBlue.gif") no-repeat 0 0.3em;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.department__body li:nth-of-type(2n+1) {
  clear: both;
}

/** ------------------------------------------------------------
 * 家庭の医学
 */
.medicalBodyMap {
  margin: 40px 0 20px;
  position: relative;
}

.medicalBodyMap::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.medicalBodyMap__pickupItem a {
  -webkit-border-radius: 125px;
     -moz-border-radius: 125px;
          border-radius: 125px;
  display: block;
  position: absolute;
  overflow: hidden;
  width: 125px;
  height: 125px;
  line-height: 125px;
  text-indent: -200px;
}

.medicalBodyMap__pickupItem--head a,
.medicalBodyMap__pickupItem--chest a,
.medicalBodyMap__pickupItem--cbelly a {
  left: 0;
}

.medicalBodyMap__pickupItem--spine a,
.medicalBodyMap__pickupItem--whole a {
  right: 0;
}

.medicalBodyMap__pickupItem--head a {
  top: 58px;
}

.medicalBodyMap__pickupItem--chest a {
  top: 216px;
}

.medicalBodyMap__pickupItem--cbelly a {
  top: 376px;
}

.medicalBodyMap__pickupItem--spine a {
  top: 377px;
}

.medicalBodyMap__pickupItem--whole a {
  top: 58px;
}

.medicalBodyMap__pickupItem a:hover {
  background-color: rgba(255,255,255,0.3);
}



/* リスト */
.medicalRegion {
  font-size: 95%;
  text-align: center;
  margin-left: -1%;
}

.medicalRegion:after {
  content: "";
  display: block;
  clear: both;
}

.medicalRegion__item {
  width: 32.3%;
  margin: 10px 0 0 1%;
  display: block;
  float: left;
}

.medicalRegion__item:nth-of-type(3n+1) {
  clear: both;
}

.medicalRegion__item a {
  color: #fff;
  background-color: #c7ae00;
  padding: 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
  display: block;
}

.medicalRegion__item a:hover {
  text-decoration: none;
  opacity: .8;
}

/** ------------------------------
 * 家庭の医学・データ一覧
 */
.wordList__title {
  margin-bottom: 5px;
  padding: 0 20px;
  background: url(/images/newPc/medical/icon02.png) no-repeat 0 .25em;
  font-weight: normal;
  cursor: pointer;
  -webkit-background-size: auto 14px;
     -moz-background-size: auto 14px;
          background-size: auto 14px;
}

/* アイコン */
[class*="wordList__title--icon"] {
  background: none;
  background-position: 0 .25em;
  background-repeat: no-repeat;
  -webkit-background-size: auto 15px;
     -moz-background-size: auto 15px;
          background-size: auto 15px;
}

.wordList__title--icon01 {
  background-image: url("/images/newPc/medical/icon01.png");
}

.wordList__title--open {
  background-image: url("/images/pc/common/arrowBlue_under.gif");
}

.wordList__body {
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #eee;
}

.wordList__body:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

sub,
sup {
  font-size: 80%;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

.wordList__body a {
  color: #174487;
  text-decoration: underline;
}

.wordList__body img {
  display: block;
  width: auto;
  max-width: 100%;
}

.wordList__body .articleImage {
  background-color: #fff;
}

.wordList table tr th,
.wordList table tr td {
  border: 1px solid #999;
}

@font-face {
  font-family: linkIcon;
  src: url('/fonts/linkIcon.eot'); /* IE9 Compat Modes */
  src: url('/fonts/linkIcon.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
       url('/fonts/linkIcon.woff') format('woff'), /* woff - Modern Browsers */
       url('/fonts/linkIcon.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
       url('/fonts/linkIcon.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}

/* ページ遷移アイコン */
.transitionLink::after {
  margin: 0 3px;
  display: inline-block;
  font-size: 80%;
  font-family: linkIcon;
  content: "\e900";
  vertical-align: middle;
}

/* ページ内移動アイコン */
.moveLink::after {
  margin: 0 3px;
  display: inline-block;
  font-size: 80%;
  font-family: linkIcon;
  content: "\e901";
  vertical-align: middle;
}

/* 他の病気について調べる */
.otherMedical {
  margin: 30px 0;
  padding: 15px;
  border: solid 1px #ddd;
}

.otherMedical__title {
  color: #174487;
  background-image: url("/images/newPc/medical/index.png");
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  -webkit-background-size: auto 20px;
     -moz-background-size: auto 20px;
  padding-left: 25px;
}

.otherMedical__list {
  margin-top: 10px;
}

.otherMedical__item + * {
  margin-top: 5px;
  margin-left: 25px
}

.otherMedical__item + * + * {
  margin-left: 50px
}

.otherMedical__item + * + * + * {
  margin-left: 75px
}

.otherMedical__item + * + * + * + * {
  margin-left: 100px
}

.otherMedical__item + * + * + * + * + * {
  margin-left: 125px
}

.otherMedical__item + * + * + * + * + * + * {
  margin-left: 150px
}

.otherMedical__item + * + * + * + * + * + * + * {
  margin-left: 175px
}

.otherMedical__item + * + * + * + * + * + * + * + * {
  margin-left: 200px
}

.otherMedical__item + * + * + * + * + * + * + * + * + * {
  margin-left: 225px
}

.otherMedical__item + * + * + * + * + * + * + * + * + * + * {
  margin-left: 250px
}

/* アイコン */
[class*="otherMedical__list--icon"] {
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  background-size: auto 18px;
  -webkit-background-size: auto 18px;
     -moz-background-size: auto 18px;
  padding-left: 25px;
}

.otherMedical__list--icon01 {
  background-image: url("/images/newPc/medical/item01.png");
}

.otherMedical__list--icon02 {
  background-image: url("/images/newPc/medical/item02.png");
}

/** ------------------------------
 * 疾病・診療科へのリンク
 */
.relatedLinkTitle {
  margin-top: 15px;
  margin-bottom: -20px;
  padding: 7px 10px;
  border: 1px solid #ddd;
  position: relative;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

.relatedLink {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.relatedLink__title,
.relatedLink__body {
  padding-top: 5px;
}

.relatedLink__title {
  position: absolute;
}

.relatedLink__title::after {
  content: "：";
}

.relatedLink__body {
  margin-left: 4.2em;
}

.relatedLink__inner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.relatedLink__item {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}

.relatedLink__body a {
  padding: 1px 20px 1px 15px;
  position: relative;
  display: inline-block;
  color: #1e1e17;
  border: 1px solid #ddd;
  font-size: 90%;
  text-decoration: none;
}

.relatedLink__body a::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.relatedLink__body a:hover {
  color: #174487;
  text-decoration: underline;
}

.medicalFooter {
  margin: 24px 6px 6px 0;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}

.medicalFooter__pagesLink {
  text-align: right;
}

.medicalFooter__pagesLink img {
  display: inline-block;
  height: 50px;
}

.medicalFooter .medicalBodyMap {
  margin-top: 20px;
}

.js_closeButton {
  margin-top: 10px;
  text-align: right;
  line-height: 1.7;
}

.js_closeBody {
  padding: 2px 15px;
  display: inline-block;
  color: #fff;
  background-color: #174487;
  vertical-align: middle;
  cursor: pointer;
  font-size: 90%;
}

.js_closeBody::before {
  margin-right: 8px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  content: "×";
  display: inline-block;
  font-weight: bold;
  width: 1em;
  line-height: 1;
  color: #174487;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

/** ------------------------------
 * 家庭の医学検索結果
 */
.sectionTitle + .medicalList {
  margin-top: -10px;
}

.medicalList__item {
  padding: 10px 5px 7px;
}

.medicalList__item + .medicalList__item {
  border-top: 1px solid #ddd;
}

.medicalList__name {
  margin-top: -5px;
  padding: 0 0 0 20px;
  background: url("/images/pc/common/arrowBlue.gif") no-repeat 0 0.3em;
  font-size: 120%;
  font-weight: bold;
}

/** ------------------------------------------------------------
 * パンくずリスト
 */
.breadcrumbs {
  margin-bottom: 10px;
  font-size: 75%;
  color: #174487;
  font-weight: bold;
}

.breadcrumbs__item {
  display: inline;
}

.breadcrumbs__item + .breadcrumbs__item::before {
  content: ">";
  margin: 0 10px;
  display: inline-block;
  color: #1e1e17;
  vertical-align: middle;
  font-weight: normal;
}

.breadcrumbs a {
  color: #1e1e17;
  font-weight: normal;
}

.breadcrumbs p {
  font-weight: bold;
}


/* パンくずリスト 20180416 */
.breadCrumbs {
  letter-spacing: -.4em;
}

.breadCrumbs__item {
  letter-spacing: normal;
  margin: 0 5px 10px 0;
  display: inline-block;
  position: relative;
}

.breadCrumbs__item > a ,
.breadCrumbs__item > span {
  font-size: 12px;
  line-height: 28px;
  height: 30px;
  padding: 0 20px;
  display: inline-block;
  border-top: solid 1px #174487;
  border-bottom: solid 1px #174487;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}

.breadCrumbs__item > a {
  color: #fff;
  background-color: #174487;
}

.breadCrumbs__item:last-child > a {
  color: #174487;
  background-color: #fff;
}

.breadCrumbs__item > span {
  color: #174487;
  background-color: #fff;
}

.breadCrumbs__item + .breadCrumbs__item > a ,
.breadCrumbs__item + .breadCrumbs__item > span {
  padding-left: 35px;
}

.breadCrumbs__item > a:after ,
.breadCrumbs__item > span:after ,
.breadCrumbs__item + .breadCrumbs__item > a:before ,
.breadCrumbs__item + .breadCrumbs__item > span:before ,
.breadCrumbs__item:last-of-type:before ,
.breadCrumbs__item:last-of-type:after {
  content: " ";
  width: 0;
  height: 0;
  margin: auto 0;
  border-style: solid;
  border-width: 15px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.breadCrumbs__item > a:after ,
.breadCrumbs__item > span:after {
  border-color: transparent transparent transparent #174487;
  right: -30px;
  z-index: 1;
}

.breadCrumbs__item + .breadCrumbs__item > a:before ,
.breadCrumbs__item + .breadCrumbs__item > span:before {
  border-color: transparent transparent transparent #fff;
  left: 0;
}

.breadCrumbs__item:last-of-type:before {
  border-color: transparent transparent transparent #174487;
  left: 1px;
}

.breadCrumbs__item:last-of-type:after {
  border-color: transparent transparent transparent #fff;
  right: -29px;
  z-index: 2;
}

.breadCrumbs__item a:hover {
  text-decoration: none;
}

/** ------------------------------------------------------------
 * ページ送り
 */
.pager {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  line-height: 1.0;
  font-size: 80%;
  text-align: center;
  clear: both;
}

.pager--noLine {
  border-top: none;
}

.pager * {
  display: inline-block;
}

.pager__item > * {
  padding: 4px 6px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  line-height: 1;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 1px solid #ccc;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image:    -moz-linear-gradient(#fff, #ddd);
  background-image:         linear-gradient(#fff, #ddd);
}

.pager a {
  color: #174487;
  text-decoration: none !important;
}

.pager__item a:hover {
  color: #174487;
  border-color: #999;
  box-shadow: 0 0 3px #999;
}

.pager__item span {
  background: #ccc;
}

.pager__prev,
.pager__next {
  position: relative;
}

.pager__prev {
  margin-right: 0.5em;
}

.pager__prev::before {
  content: "";
  margin-right: 0.3em;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #174487 transparent transparent;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

.pager__next {
  margin-left: 0.5em;
}

.pager__next::after {
  content: "";
  margin-left: 0.3em;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #174487;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

/** ------------------------------------------------------------
 * エラーページ
 */
.errorPage {
  border: 1px solid #ddd;
  padding: 80px 20px 60px;
  color: #0058a6;
  text-align: center;
}

.errorPage__title {
  margin-bottom: 30px;
  font-family: Arial, sans-serif;
  font-weight: 900;
  font-size: 26px;
  font-style: italic;
}

#exceptionMessage {
  margin-top: 50px;
  padding: 20px 15px;
  color: #777;
  background-color: #eee;
  font-size: 12px;
  text-align: left;
}

.errorPage__backLink {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px dotted #ddd;
}

.errorPage__backLink img {
  display: inline-block;
}

/** ------------------------------------------------------------
 * $sidebar
 */
#sidebar {
  float: right;
  width: 300px;
}

/** ------------------------------
 * 汎用タイトル・枠
 */
.sidebarTitle {
  padding-left: 10px;
  position: relative;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
}

.salonPage .sidebarTitle {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.sidebarBody + .sidebarTitle {
  margin-top: 20px;
}

.sidebarTitle__sub {
  margin-left: 5px;
  padding: 1px 6px;
  display: inline-block;
  line-height: 1.2;
  color: #174487;
  font-size: 11px;
  background-color: #fff;
  vertical-align: middle;
  font-weight: normal;
}

.sidebarSubTitle {
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 100%;
  color: #174487;
  background-color: #dce3ed;
  font-weight: bold;
}

.sidebarBody {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-top: none;
  padding-bottom: 0px;
  font-size: 81.25%;
}

.sidebarBody a.button {
  padding: 0;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #174487;
  text-align: center;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  display: inline-block;
  width: 200px;
  text-align: center;
}

.sidebarBody a.button:hover {
  color: #fff;
  text-decoration: underline;
}

/* ツールチップ */
.toolTip {
  margin: auto;
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
  width: 1.4em;
  height: 1.4em;
}

.toolTip__icon {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: block;
  height: 100%;
  line-height: 1.6;
  color: #fff;
  background-color: #0caaca;
  text-align: center;
  cursor: pointer;
  font-family: Verdana, sans-serif;
}

.toolTip__body {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px solid #ddd;
  background-color: #eee;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  right: -6px;
  z-index: -1;
  width: 200px;
  color: #1e1e17;
  font-weight: normal;
  text-align: center;
  line-height: 1.4;
  font-size: 100%;
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
          transition: all 0.6s ease;
}

.toolTip__icon:hover + .toolTip__body {
  opacity: 1;
  z-index: 5;
}

.toolTip__body::before {
  content: "";
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #eee transparent transparent transparent;
  position: absolute;
  top: 100%;
  right: 10px;
  z-index: 6;
  display: block;
  width: 0;
  height: 0;
}

.toolTip__body::after {
  content: "";
  border-style: solid;
  border-width: 11px 6px 0 6px;
  border-color: #ddd transparent transparent transparent;
  position: absolute;
  top: 100%;
  right: 9px;
  z-index: 5;
  display: block;
  width: 0;
  height: 0;
}

/** ------------------------------
 * 医学生コーナー
 */
.medicalStudent {
  padding-bottom: 15px;
}

.medicalStudent__item {
  margin: 0 15px;
  padding-top: 15px;
}

.medicalStudent__item img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}

.medicalStudent__member {
  padding: 12px 10px;
  border-bottom: 3px solid #0792af;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  color: #fff !important;
  background-color: #0daacb;
  text-align: center;
  font-size: 120%;
  text-decoration: none !important;
}

.medicalStudent__member:hover {
  margin-top: 3px;
  border-bottom: none;
}

.medicalStudent__member::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  width: 0.8em;
  height: 0.8em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/** ------------------------------
 * ランキング
 */
.ranking {
  counter-reset: ranking;
  font-size: 93%;
}

.ranking__item {
  position: relative;
}

.ranking__item + .ranking__item {
  border-top: 1px solid #ccc;
}

.contentsBox .ranking__item {
  border-bottom: 1px dashed #ccc;
}

.contentsBox .ranking__item + .ranking__item {
  border-top: none;
}

/*
.ranking__item::before {
  counter-increment: ranking;
  content: counter(ranking);
  border: 1px solid #bbbbb9;
  position: absolute;
  top: 8px;
  left: 15px;
  display: block;
  width: 22px;
  height: 22px;
  line-height: 23px;
  background-color: #d6d6d4;
  font-weight: bold;
  text-align: center;
}

.ranking__item:nth-of-type(-n+3)::before {
  color: #fff;
  border-color: #174487;
  background-color: #174487;
}
*/

.contentsBox .ranking__item .ranking__num {
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  background-color: #d6d6d4;
  width: 42px;
  height: 42px;
  margin: auto 0;
  border: 1px solid #bbbbb9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.contentsBox .ranking__item::before {
  top: 10px;
  left: 0;
}

.contentsBox .ranking__num--top {
  color: #fff;
  border-color: #174487 !important;
  background-color: #174487 !important;
}

.ranking__item a {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-decoration: none;
}

.ranking__item a:hover {
  background-color: #f5f5f5;
}

.ranking__main,
.ranking__sub,
.ranking__rank,
.ranking__image {
  display: table-cell;
  vertical-align: top;
}

.ranking__main {
  padding: 15px;
}

.contentsBox .ranking__main {
  padding: 10px 0;
}

.ranking__date {
  margin-left: 3em;
  font-size: 75%;
  color: #8e8e8b;
}

.contentsBox .ranking__date {
  margin-left: 0;
  line-height: 24px;
  color: #1e1e17;
}

.contentsBox a:hover .ranking__date {
  color: #174487;
}

.ranking__title {
  padding-top: 5px;
}

.contentsBox .ranking__title {
  padding-top: 3px;
}

a:hover .ranking__title {
  text-decoration: underline;
}

.contentsBox .ranking__rank {
  width: 50px;
}

.ranking__sub,
.ranking__image {
  padding: 10px 20px 10px 0;
  width: 120px;
}

.contentsBox .ranking__image {
  padding: 15px;
}

.ranking__image img {
  border: 1px solid #ddd;
  width: 100%;
}

/** ------------------------------
 * ドクターズガイド
 * 医師検索
 */
.doctorSearch {
  padding: 15px;
}

.doctorSearch__item:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.doctorSearch__item + .doctorSearch__item {
  margin-top: 15px;
}

/* 検索 */
.sidebarBody input[type="text"] {
  padding: 0px 10px;
  border: 1px solid #d2d2d1;
  border-right: none;
  float: left;
  width: 80%;
  height: 36px;
  line-height: 1em;
  color: #8e8e8b;
  background-color: #f1f1f1;
  -webkit-border-radius: 3px 0px 0px 3px;
     -moz-border-radius: 3px 0px 0px 3px;
          border-radius: 3px 0px 0px 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.sidebarBody input.focused {
  background-color: #fff;
  color: #1e1e17;
}

.sidebarBody input[type="submit"] {
  border: none;
  float: left;
  width: 20%;
  height: 36px;
  line-height: 1em;
  -webkit-border-radius: 0px 3px 3px 0px;
     -moz-border-radius: 0px 3px 3px 0px;
          border-radius: 0px 3px 3px 0px;
  color: #fff;
  background: #174487;
  cursor: pointer;
  font-weight: bold;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* 診療科から探す */
.departmentLink {
  background-color: #dce3ed;
}

.departmentLink a {
  display: block;
  padding: 10px 15px 10px 35px;
  background: url("/images/pc/common/arrowBlue.gif") no-repeat 15px 12px;
}

/* slideJS */
.pickupDoctor {
  padding: 0 10px;
  position: relative;
}

.pickupDoctor:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.pickupDoctor__item {
  padding: 0 5px 12px 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.pickupDoctor__item img {
  margin-right: 15px;
  margin-bottom: 5px;
  width: 100%;
}

/* 前へ次へ */
*[class^="js-sidebarPager"] {
  border: none;
  position: absolute;
  top: 0;
  bottom: 36px;
  width: 10px;
  color: #fff;
  background-color: #174487;
  outline: none;
  cursor: pointer;
}

.js-sidebarPagerPrev {
  left: 0;
}

.js-sidebarPagerNext {
  right: 0;
}

.js-sidebarPagerPrev::before,
.js-sidebarPagerNext::before {
  content: "";
  margin: auto;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
}

.js-sidebarPagerPrev::before {
  border-width: 5px 5px 5px 0;
  border-color: transparent #fff transparent transparent;
}

.js-sidebarPagerNext::before {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
}

/** ------------------------------
 * 家庭の医学
 */
.medicalSearch {
  padding: 15px;
}

.medicalSearch::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/* 気になるところから病気を探す */
.medicalSearchButton {
  padding: 15px 10px 5px;
  text-align: center;
}

.medicalSearchButton::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.medicalSearchButton li {
  padding: 0 5px 10px;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.medicalSearchButton li a {
  padding: 12px 2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: block;
  color: #fff;
  background-color: #0daacb;
}

/** ------------------------------
 * sideCorner
 */
@font-face {
  font-family: sideCornerIcon;
  src:url('/fonts/sideCornerIcon.eot');
  src:url('/fonts/sideCornerIcon.eot?#iefix') format('embedded-opentype'),
    url('/fonts/sideCornerIcon.woff') format('woff'),
    url('/fonts/sideCornerIcon.ttf') format('truetype'),
    url('/fonts/sideCornerIcon.svg#sideCornerIcon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sideCorner {
  margin-bottom: 20px;
  padding: 3px;
  background-color: #f6f6f6;
}

.sideCornerTitle {
  padding: 0 30px 0 10px;
  position: relative;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background-color: #174487;
  font-weight: bold;
  font-size: 87.5%;
  overflow: hidden;
}

.salonPage .sideCornerTitle {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.sideCornerTitle::before {
  content: "\e900";
  margin: auto;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 1em;
  height: 1em;
  font-family: sideCornerIcon;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
}

.sideCornerBody {
  padding-bottom: 3px;
  border: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
  position: relative;
  font-size: 81.25%;
}

.sideCornerBody::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #174487;
}

.salonPage .sideCornerBody::after {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.sideCorner__item + .sideCorner__item {
  border-top: 1px solid #ddd;
}

.sideCornerBody a {
  padding: 10px 15px;
  display: block;
  position: relative;
}

.sideCorner__newIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
}

a:hover .sideCorner__newIcon {
  -webkit-opacity: 1;
     -moz-opacity: 1;
          opacity: 1;
}

.sideCorner__head {
  margin-bottom: 5px;
  display: block;
  font-size: 80%;
}

.sideCorner__category {
  margin-right: 3px;
  padding: 1px 2em 0;
  display: inline-block;
  min-width: 8em;
  color: #fff;
  background-color: #174487;
  text-align: center;
  vertical-align: middle;
}

.sideCorner__time {
  display: inline-block;
  color: #8e8e8b;
  vertical-align: middle;
}

.sideCornerBody a:hover {
  text-decoration: none;
}

a:hover .sideCorner__body {
  text-decoration: underline;
}

/** ------------------------------------------------------------
 * サロン
 */
.sectionTitle--salon,
.sectionTitle--salon a,
.sectionTitle--salonDetail,
.sectionTitle--salonDetail a {
  color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.sectionTitle--salonDetail {
  margin-bottom: 0;
  border-bottom: none;
}

.salonLede {
  margin-top: -11px;
  border-top: 4px solid #8ab800;/* ★ Dr.純子イメージカラー */
  border-bottom: 1px solid #1e1e17;
  position: relative;
}

.salonLede > * {
  padding: 20px;
  display: block;
  background-color: #f6f6f6;
}

.salonLede > *::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.salonLede a:hover {
  color: #1e1e17;
  background-color: #eee;
}

.salonLede__main {
  float: left;
  width: 65%;
}

.salonLede__title {
  margin-bottom: 5px;
  color: #8ab800;/* ★ Dr.純子イメージカラー */
  font-size: 136%;
  letter-spacing: 0.1em;
  line-height: 1.3;
}

.salonLede__body {
  padding: 10px;
  background-color: #fff;
  font-size: 80%;
  line-height: 1.6;
}

.salonLede__more {
  color: #8ab800;/* ★ Dr.純子イメージカラー */
  font-weight: bold;
  text-align: right;
}

.salonLede > div .salonLede__body {
  font-size: 96%;
}

/* 小窓内部 */
.lightbox .salonLede__body {
  margin-top: 20px;
  padding: 0;
  background-color: transparent;
  line-height: 1.8;
}

.lightbox .salonLede__heading {
  color: #8ab800;/* ★ Dr.純子イメージカラー */
  border-top: 1px solid #8ab800;
  border-bottom: 1px solid #8ab800;
  padding: 8px 0;
  font-size: 136%;
  font-weight: bold;
  margin-bottom: 12px;
}

.salonLede__sub {
  float: right;
  width: 32%;
}

.salonLede__sub img {
  width: 100%;
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.salonPage .featherlight .featherlight-close-icon {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

/** ------------------------------
 * ひよっこクリニック
 */
.hiyokkoBanner {
  margin-bottom: 10px;
}

.hiyokkoWrap {
  padding-bottom: 10px;
}

.hiyokkoWrap::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.hiyokko {
  position: relative;
  float: right;
  font-size: 93%;
}

.hiyokko__item,
.hiyokko__link {
  margin-left: 5px;
  float: left;
  font-weight: normal;
  cursor: pointer;
}

.hiyokko__item {
  padding: 3px 16px 2px;
}

.hiyokko__item:hover {
  opacity: 0.9;
}

.hiyokko__item--profile {
  color: #fff;
  background-color: #7DACBF;
}

.hiyokko__item--pastArticle {
  background-color: #FFDA09;
}

.hiyokko__link a {
  position: relative;
  width: 1.7em;
  height: 1.7em;
  display: block;
  overflow: hidden;
}

.hiyokko__link img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.hiyokkoPastArticle {
  margin-right: 1.6em;
  position: absolute;
  z-index: 100;
  top: 100%;
  right: 6px;
  display: none;
  width: 400px;
  border: 1px solid #ffda09;
  background-color: #fff;
  line-height: 1.4;
}

.hiyokko__item--pastArticle:hover + .hiyokkoPastArticle,
.hiyokkoPastArticle:hover {
  display: block;
}

.hiyokkoPastArticle li {
  font-size: 92%;
}

.hiyokkoPastArticle > li + li {
  border-top: 1px solid #ffda09;
}

.hiyokkoPastArticle > li > a {
  padding: 8px 10px;
  display: block;
  color: #333;
}

.hiyokkoPastArticle > li > a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.hiyokkoPastArticle > li:last-of-type {
  position: relative;
  text-align: right;
  font-weight: bold;
}

.hiyokkoPastArticle > li:last-of-type a {
  background-color: #ffda09;
}


.hiyokkoPastArticle > li:last-of-type a::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #333;
}

.lightbox .hiyokkoProfile__heading {
  color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
  border-top: 1px solid #7DACBF;
  border-bottom: 1px solid #7DACBF;
  padding: 8px 0;
  font-size: 136%;
  font-weight: bold;
  margin-bottom: 12px;
}

.hiyokko .featherlight .featherlight-close-icon {
  background-color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
}

.hiyokkoProfile__body {
  margin-top: 12px;
}

.hiyokkoBody {
  padding-top: 5px;
}

.hiyokkoClinicPage .featherlight .featherlight-close-icon {
  background-color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
}

.hiyokkoClinicPage .hiyokkoProfile__body {
  font-size: 120%;
}

.hiyokkoProfile__body:last-of-type {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ccc;
  color: #7DACBF;
  text-align: right;
  font-weight: bold;
}

.hiyokkoProfile__body:last-of-type a {
  padding: 3px 10px;
  display: inline-block;
  color: #fff;
  background-color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
  font-weight: normal;
}

.hiyokkoProfile__body:last-of-type a:hover {
  text-decoration: none;
  opacity: 0.9;
}

/** ------------------------------
 * カテゴリ
 */
@font-face {
  font-family: salonIcon;
  src: url('/fonts/salonIcon.eot'); /* IE9 Compat Modes */
  src: url('/fonts/salonIcon.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
       url('/fonts/salonIcon.woff') format('woff'), /* woff - Modern Browsers */
       url('/fonts/salonIcon.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
       url('/fonts/salonIcon.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}

@font-face {
  font-family: salonIcon2;
  src: url('/fonts/salonIcon2.eot'); /* IE9 Compat Modes */
  src: url('/fonts/salonIcon2.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
       url('/fonts/salonIcon2.woff') format('woff'), /* woff - Modern Browsers */
       url('/fonts/salonIcon2.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
       url('/fonts/salonIcon2.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}

.salonCategory {
  padding-bottom: 40px;
  border-bottom: 4px solid #8ab800;/* ★ Dr.純子イメージカラー */
}

.salonCategory::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.salonCategory li {
  float: left;
  width: 50%;
}

.salonCategory li:nth-of-type(odd) {
    clear: both;
}

.salonCategory a {
  margin: 40px 20px 0;
  padding: 40px 15px;
  border: 2px solid #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  display: block;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  color: #fff;
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
  text-align: center;
  font-weight: bold;
}

.salonCategory a:hover {
  text-decoration: none;
}

.salonCategory__item a::after {
  content: "";
  margin-top: 10px;
  font-family: salonIcon;
  display: block;
  text-align: center;
  line-height: 1.0;
  font-size: 80px;
  font-weight: normal;
}

.salonCategory__item--01 a::after {
  content: "\e900";
}

.salonCategory__item--02 a::after {
  content: "\e901";
}

.salonCategory__item--03 a::after {
  content: "\e902";
}

.salonCategory__item--04 a::after {
  content: "\e903";
}

.salonCategory__item--05 a::after {
  content: "\e904";
}

.salonCategory__item--06 a::after {
  content: "\e900";
  font-family: salonIcon2;
}

.salonCategory__item a:hover::after {
  opacity: 0.8;
}

/* メディカルサロン  */
.salonPage .columnList__item--new .columnList__date,
.salonPage .columnList__item--new .columnList__date::before {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.salonPage .columnList__item--new .columnList__title {
  color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.salonPage .columnList__item--new .columnList__body {
  color: #1e1e17;
}

/** ------------------------------------------------------------
 * 会員登録
 */
.registButton {
  padding: 40px 20px 20px;
  background-color: #eee;
}

.registButton::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.registButton li {
  margin-bottom: 20px;
  padding-right: 10px;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.registButton li:nth-of-type(odd) {
  clear: both;
}

.registButton li:nth-of-type(even) {
  padding-right: 0;
  padding-left: 10px;
}

.registButton li a {
  padding: 26px 10px 26px 2.6em;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  color: #fff;
  background-color: #174487;
  text-decoration: none;
}

.registButton li a span {
  margin: auto;
  -webkit-border-radius: 5em;
     -moz-border-radius: 5em;
          border-radius: 5em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: block;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.7;
  text-align: center;
  vertical-align: middle;
  color: #174487;
  background-color: #fff;
  font-size: 93%;
}

/** ------------------------------------------------------------
 * myPageButton
 */
.myPageButton {
  padding: 40px 20px 20px;
  background-color: #eee;
}

.myPageButton::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.myPageButton li {
  margin-bottom: 20px;
  padding-right: 10px;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.myPageButton li:nth-of-type(odd) {
  clear: both;
}

.myPageButton li:nth-of-type(even) {
  padding-right: 0;
  padding-left: 10px;
}

.myPageButton li a {
  padding: 26px 10px 26px 3.6em;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  color: #fff;
  background-color: #174487;
  text-decoration: none;
}

.myPageButton > li a::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: block;
  width: 1.6em;
  height: 1.6em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 160%;
  font-family: myPage;
}

.myPageButton > .edit a::before {
  content: "\e900";
}

.myPageButton > .email a::before {
  content: "\e901";
}

.myPageButton > .password a::before {
  content: "\e902";
}
.myPageButton > .quit a::before {
  content: "\e903";
}

.myPageButton > .logout a::before {
  content: "\e904";
}

/** ------------------------------------------------------------
 * アンケートフォーム
 */
.questionTitle {
  padding: 6px 20px;
  position: relative;
  color: #fff;
  background-color: #174487;
  font-weight: bold;
}

.question {
  margin-bottom: 3em;
  padding: 0 20px 20px;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  line-height: 2;
  font-size: 14px;
}

.question__title {
  margin: 6px 0 4px;
  padding: 0 0.2em 0 0;
  display: inline-block;
  color: #174487;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  line-height: 1.2;
  vertical-align: middle;
}

.question--confirm .question__title {
  margin: 0;
}

.question__item {
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
}

.question input[type="text"],
.question textarea {
  padding: 8px 10px;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  background-color: #fff;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 100%;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.question select {
  padding: 8px 10px;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  background-color: #fff;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  max-width: 100%;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

/* 注意書きアリ */
.question__item--note {
  display: block;
  letter-spacing: 0.0001em;
}

br + .question__item--note {
  margin-top: 0;
}

.question__inputNote {
  margin-top: 0.4em;
  padding-left: 1em;
  color: #c00;
  text-indent: -1em;
  line-height: 1.4;
}

.question__inputNote::before {
  content: "※";
}

/* 必須 */
.question__required {
  color: #c00;
  font-weight: bold;
}

.question__required2 {
  margin: 0.5em 0;
  padding: 0 10px;
  border: 1px solid #c00;
  display: inline-block;
  color: #c00;
  background-color: #fff;
  font-size: 12px;
  letter-spacing: 0.0001em;
}

/* 選択肢 */
.question label {
  color: #222;
}

/* ボタン */
.questionButton {
  text-align: center;
}

.questionButton > * {
  display: inline-block;
}

.questionButton input[type="submit"] {
  padding: 8px 60px;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #174487;
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 100%;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  cursor: pointer;
  font-size: 110%;
}

.questionButton input[type="submit"].questionButton__sub {
  background-color: #999;
}

/* 確認画面 */
.questionForm__message {
  margin-bottom: 2em;
  padding: 30px 15px;
  border: 3px solid #eee;
  color: #174487;
  text-align: center;
  font-size: 93%;
}

/** ------------------------------
 * 利用規約
 */
.agreement p {
  margin: 10px 0;
  text-indent: 1em;
}

.agreement h2 {
  margin: 20px 0 10px;
  padding: 5px 10px;
  background-color: #eee;
}

.agreement ol {
  margin: 10px 0;
}

.agreement ol li + li {
  margin-top: 5px;
}

.basicNumList {
  padding-left: 1.5em;
  list-style-type: decimal;
}

.bracketList li {
  padding-left: 2.2em;
  position: relative;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

.bracketList li:before {
  position: absolute;
  left: 1px;
  display: marker;
  content: "(" counter(cnt) ") ";
}

.sign {
  margin: 10px 0;
  padding: 10px 20px;
  background-color: #eee;
}

.sign dt {
  font-weight: bold;
}

/* 外箱 */
.agreementBoxTitle {
  margin-top: 20px;
  padding: 10px;
  color: #fff;
  background-color: #174487;
  text-align: center;
}

.agreementBox {
  margin: 0 0 30px;
  padding: 10px 20px 20px;
  border: 1px solid #ccc;
  border-top-style: none;
  height: 200px;
  overflow-y: scroll;
  background-color: #fff;
}

/** ------------------------------------------------------------
 * sns
 */

.snsShareButtons {
  background-color: #eee;
  padding: 8px 0 0 4px;
  margin-bottom: 1.5em;
}

.snsShareButtons div {
  float: left;
}

.snsShareButtons div:nth-child(n + 2) {
  margin-left: 4px;
}

.snsShareButtons div.facebook .fb_iframe_widget > span,
.snsShareButtons div.facebook2 .fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.snsShareButtons::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/** ------------------------------------------------------------
 * 産業医関連
 */
.sangyouiTitle {
  margin-top: 35px;
  padding: 3px 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
  min-height: 24px;
  color: #fff;
  background-color: #174487;
}

.sangyouiForm + .sangyouiTitle {
  margin-top: 30px;
}

.sangyouiTitle h2 span {
  position: absolute;
  top: -3.9em;
  left: 5px;
  display: block;
  padding: 0 10px;
  height: 3.6em;
  line-height: 3.6em;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  background: #ff8d1d;
  border-radius: 50%;
  font-size: 11px;
}

.sangyouiTitle h2 span:before{
  content: "";
  margin: -4px auto 0;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  display: block;
  width: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #ff8d1d transparent transparent transparent;
  z-index: 0;
}

.sangyouiTitle p {
  position: absolute;
  right: 40px;
  top: 5px;
  font-size: 12px;
  line-height: 1.7;
}

.sangyouiTitle img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  padding: 2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
}

.sangyouiForm {
  margin-bottom: 30px;
  padding: 10px 3px 0 10px;
  border: 1px solid #ddd;
}

.sangyouiForm form {
  position: relative;
  display: block;
}

.sangyouiForm form::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.sangyouiForm dt {
  margin-right: 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 106px;
  line-height: 36px;
  background-color: #eee;
  text-align: center;
  text-decoration: none;
  font-size: 70%;
  font-weight: bold;
}

.sangyouiForm dd {
  margin-bottom: 10px;
  float: left;
}

.sangyouiForm input[type="text"],
.sangyouiForm select {
  margin-right: 5px;
  padding: 0px 10px;
  border: 1px solid #d2d2d1;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: #222;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  outline: none;
}

.sangyouiForm input[type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.sangyouiForm select {
  padding-right: 0;
  float: left;
}

.sangyouiForm__short {
  margin-left: 5px;
  width: 5em;
}

.sangyouiForm__area {
  clear: both;
}

.sangyouiForm__area + dd input {
  width: 420px;
}

.sangyouiForm button {
  padding: 0 20px;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #ff8d1d;
  text-align: center;
  text-decoration: none;
  height: 36px;
  line-height: 36px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  font-weight: bold;
  cursor: pointer;
}

.sangyouiForm button::before {
  margin-right: 5px;
  content: "\e900";
  vertical-align: baseline;
  font-family: searchIcon;
  outline: none;
}

.sangyouiList {
  width: 100%;
  margin-top: -15px;
  padding-top: 15px;
  display: table;
  border-spacing: 3px;
  table-layout: fixed;
  border-collapse: separate;
  border-top: dashed 1px #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sangyouiList__item {
  padding: 10px 10px 3em;
  position: relative;
  display: table-cell;
  font-size: 75%;
  background-color: #f5f3f2;
}

.sangyouiList__item::before {
    content:"";
    position:absolute;
    bottom: 0;
    right: 0;
    border-width: 1.2em;
    border-style: solid;
    border-color: #fff;
    border-top-color:#dcd5d1;
    border-left-color:#dcd5d1;
}

.sangyouiList__category {
  margin-bottom: 6px;
  padding: 3px 0 3px 0.5em;
  display: block;
  background-color: #8f9092;
  text-align: center;
  letter-spacing: 0.5em;
  color: #fff;
  font-weight: bold;
  font-size: 123%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.sangyouiList__category--1 {
  background-color: #ba697b;
}

.sangyouiList__category--2 {
  background-color: #608fbe;
}

.sangyouiList__item dd {
  padding-bottom: 0.2em;
  line-height: 2em;
  background-image: linear-gradient(to bottom, #fff 0.2em, #f5f3f2 0.2em);
  background-size: 0.2em 2.05em;
  background-position: 0 -0.2em;
}

.sangyouiList__caption {
  font-weight: bold;
}

.sangyouiList__caption::after {
  content: "：";
}

.sangyouiList__income {
  font-size: 123%;
  font-weight: bold;
}

.sangyouiList__button {
  position: absolute;
  left: 42px;
  bottom: 5.5px;
}

/*
.sangyouiList__button a {
  margin: 6px auto 0;
  padding: 4px 1.2em 4px 1.5em;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #174487;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  font-size: 11px;
  letter-spacing: 0.3em;
}

.sangyouiList__button a:hover {
  background-color: #2b599e;
}
*/

.sangyouiList__button a {
  /*margin: 6px auto 0;*/
  margin: auto 0;
  padding: 9px 2px 6px 2px;
  border-bottom: 2px solid #0792af;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  /* width: 80%; */
  width: 140px;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #0daacb;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
}

.sangyouiList__button a:hover {
  /*margin-top: 8px;*/
  border-bottom: none;
}

.sangyouiList__button a:after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*
.sangyouiList__item a::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
*/

.sangyouiListMore {
  margin: -30px 0 30px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #eee;
  text-align: right;
  font-size: 75%;
}

.sangyouiListMore a {
  padding-right: 15px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.sangyouiListMore a::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/** ------------------------------
 * sangyoui
 */
.sangyouiSearch {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

.sangyouiSearch__cell {
  padding: 10px;
}

.sangyouiSearch__cell::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.sangyouiSearch__cell + .sangyouiSearch__cell {
  border-top: 1px solid #ddd;
}

.sangyouiSearch__divide {
  padding-right: 10px;
  float: left;
  width: 42%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sangyouiSearch__divide--button {
  padding-right: 0;
  width: 16%;
}

.sangyouiSearch__name {
  margin-right: 5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 10em;
  line-height: 36px;
  background-color: #eee;
  text-align: center;
  text-decoration: none;
  font-size: 70%;
  font-weight: bold;
}

.sangyouiSearch__body {
  overflow: hidden;
}

.sangyouiSearch__body input[type="text"],
.sangyouiSearch__body select {
  padding: 0px 10px;
  border: 1px solid #d2d2d1;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: #222;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  outline: none;
}

.sangyouiSearch__body select {
  padding-right: 0;
}

.sangyouiSearch__body input[type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

.sangyouiSearch__divide select {
  width: 100%;
}

.sangyouiSearch__body input[type="text"].sangyouiSearch__short {
  width: 6em;
}

.sangyouiSearch__divide button {
  padding: 0;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  color: #fff;
  background-color: #c7ae00;
  /*background-color: #ff8d1d;*/
  text-align: center;
  text-decoration: none;
  height: 36px;
  line-height: 36px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  font-weight: bold;
  cursor: pointer;
}

.sangyouiSearch__divide button::before {
  margin-right: 5px;
  content: "\e900";
  vertical-align: baseline;
  font-family: searchIcon;
  outline: none;
}

/** ------------------------------
 * tab
 */
.sangyouiTab {
  margin-bottom: 15px;
  float: left;
}

.sangyouiTab::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.sangyouiTab__item {
  margin: 0 6px 0 0;
  float: left;
}

.sangyouiTab__item a {
  padding: 3px 20px;
  border: 1px solid #0caaca;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: block;
  color: #0caaca;
  text-decoration: none;
}

.sangyouiTab__item.current a {
  color: #fff;
  background-color: #0caaca;
}

/* 現在ページ */
.currentPage {
  margin-bottom: 15px;
  float: right;
}

/* 該当なし */
.notApplicable {
  clear: both;
  padding: 60px 5px;
  background-color: #f6f6f6;
  text-align: center;
}

/** ------------------------------
 * 産業医一覧
 */
.validFlg {
  padding: 6px 0 6px 0.5em;
  clear: both;
  display: block;
  width: 7em;
  color: #fff;
  font-size: 87.5%;
  background-color: #174487;
  font-weight: bold;
  text-align: center;
  font-size: 75%;
  letter-spacing: 0.5em;
}

.validFlg--end {
  background-color: #ddd;
}

.sangyoui {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 90%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sangyoui > * {
  border: 10px solid #fff;
  display: table-cell;
  vertical-align: top;
}

.sangyoui > * + *::before {
  content: "";
  margin-left: -10px;
  border-left: 1px dotted #ddd;
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
}

.sangyoui__category {
  width: 18%;
  background-color: #eee;
  vertical-align: middle;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
          border-radius: 40px;
}

.sangyoui__category--1 {
  background-color: #ff8d1d;
}

.sangyoui__category--2 {
  background-color: #ffd200;
}

.sangyoui__area {
  width: 36%;
}

.sangyoui__area dl {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ddd;
  font-size: 85%;
  line-height: 1.8;
}

.sangyoui__area dt {
  margin-right: 5px;
  padding: 0.2em 0;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  clear: both;
  float: left;
  display: block;
  width: 6em;
  background-color: #eee;
  font-size: 85%;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.sangyoui__area dd {
  overflow: hidden;
  min-height: 1.8em;
}

.sangyoui__income span {
  display: block;
  font-weight: bold;
  font-size: 120%;
}

.sangyoui__income,
.sangyoui__button {
  vertical-align: middle;
  text-align: center;
}

.sangyoui__income {
  background-color: #ffc;
}


.sangyoui__income--end {
  background-color: #eee;
}

.sangyoui__button a {
  margin: 6px auto 0;
  padding: 6px 2px;
  border-bottom: 2px solid #0792af;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  width: 80%;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #0daacb;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
}

.sangyoui__button a:hover {
  margin-top: 8px;
  border-bottom: none;
}

.sangyoui__button a::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.simplePager::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}


.simplePager__prev {
  float: left;
}

.simplePager__next {
  float: right;
}

.simplePager > * {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  line-height: 1.6;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 1px solid #ddd;
  color: #174487;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image:    -moz-linear-gradient(#fff, #ddd);
  background-image:         linear-gradient(#fff, #ddd);
  text-decoration: none;
}

.simplePager  > *:hover {
  background: #eee;
}

.simplePager a {
  padding: 4px 12px;
  display: block;
  color: #174487;
  text-decoration: none;
}

.simplePager__prev a::before {
  content: "";
  margin-right: 0.6em;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #174487 transparent transparent;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

.simplePager__next a::after {
  content: "";
  margin-left: 0.6em;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #174487;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

/** ------------------------------
 * 産業医詳細
 */
.sangyouiHead {
  margin-bottom: 15px;
  border: 3px solid #eee;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.sangyouiHead > * {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ddd;
}

.sangyouiHead__flg {
  border-right: none;
  padding: 20px 0;
  width: 8em;
  background-color: #ddd;
  text-align: center;
}

.sangyouiHead__flg--1 {
  color: #fff;
  background-color: #174487;
}

.sangyouiHead__main {
  padding: 20px 10px 20px 20px;
}

.sangyouiHead__main span {
  content: "";
  padding: 0 10px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  display: block;
  color: #fff;
  background-color: #174487;
  font-weight: normal;
}

.sangyouiJobType {
  font-size: 80%;
  letter-spacing: 2px;
}

.sangyouiJobType::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.sangyouiJobType__item {
  margin-right: 5px;
  padding: 3px 8px 3px 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display: block;
  float: left;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sangyouiJobType__item--1 {
  background-color: #ff7428;
}

.sangyouiJobType__item--2 {
  background-color: #ba36bf;
}

.sangyouiDetail {
  margin-top: 15px;
}

.sangyouiDetail::after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.sangyouiDetail__main {
  float: left;
  width: 60%;
}

.sangyouiDetail__sub {
  float: right;
  width: 35%;
  font-size: 80%;
}

.jobTitle {
  margin-bottom: 15px;
  padding: 10px 0;
  border-top: 3px solid #0792af;
  border-bottom: 1px solid #ddd;
}

.jobTitle h2 {
  font-size: 12px;
  letter-spacing: 1px;
  color: #0792af;
}

.sangyouiDetail dl + dl {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ddd;
}

.sangyouiDetail dt {
  float: left;
  width: 5.5em;
  color: #0792af;
  font-weight: bold;
}

.sangyouiDetail dd {
  overflow: hidden;
}

.workSalary {
  margin-bottom: 15px;
  padding: 20px 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  line-height: 1.3;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 160%;
  font-weight: bold;
}

.workSalary--1 {
  background-color: #ffc;
}

.workSalary__title {
  font-size: 70%;
  display: block;
}

.workSalary__note {
  font-size: 11px;
  display: block;
  font-weight: normal;
}

/* エントリーボタン */
.entryButton {
  margin: 40px auto 0;
  text-align: center;
  max-width: 60%;
}

.entryButton button {
  margin: 0;
  padding: 12px 25px;
  border: none;
  border-bottom: 3px solid #0792af;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  width: 100%;
  background-color: #0daacb;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  cursor: pointer;
  font-size: 100%;
}

.entryButton button:hover {
  top: 3px;
  border-bottom: none;
}

.entryButton button::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/** ------------------------------------------------------------
 * 厚労省だより
 */
.MHLWTitle {
  margin-bottom: 15px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  color: #fff;
  background-color: #174487;
}

.MHLWList {
  margin-bottom: 30px;
  font-size: 92%;
}

.MHLWList dt {
  position: absolute;
  color: #8e8e8b;
}

.MHLWList dd {
  margin-bottom: 10px;
  padding: 0 0 10px 7.5em;
  border-bottom: 1px solid #ddd;
}

.MHLWList dd a:hover {
  text-decoration: none;
}

.MHLWList__icon {
  padding: 1px 0.5em;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #0caaca;
  font-size: 86%;
  text-transform: uppercase;
  font-size: 10px;
}

.MHLWList dd a:hover .MHLWList__body {
  text-decoration: underline;
}

.MHLWList__publisher {
  margin-top: 4px;
  font-size: 87.5%;
  /* font-weight: bold; */
  color: #888;
}

.MHLWList dd a img {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.MHLWListMore {
  margin: -30px 0 30px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #eee;
  text-align: right;
  font-size: 75%;
}

.MHLWListMore a {
  padding-right: 15px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.MHLWListMore a::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.MHLWList + .pager {
  margin-top: -31px;
}

/* リボン見出し付きの箱 */
.ribbonBox {
  clear: both;
  border: 1px solid #174487;
  position: relative;
}

.ribbonBox + .ribbonBox {
  clear: none;
  margin-top: 20px;
}

.ribbonBox > a {
  padding: 10px;
  display: block;
  background-color: #f6f6f6;
}

.ribbonBox > a:hover {
  background-color: #fff;
}

.ribbonBox > a:hover,
.ribbonBox > a:active {
  color: #000;
  text-decoration: none;
}

.ribbonBox__title {
  margin-left: -16px;
  padding: 7px 10px 5px 16px;
  color: #fff;
  background-color: #174487;
  line-height: 1.2;
}

.ribbonBox__subTitle {
  padding: 6px 0 10px;
  color: #174487;
}

.ribbonBox__body {
  margin-top: 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.ribbonBox__main,
.ribbonBox__sub {
  display: table-cell;
  vertical-align: top;
}

.ribbonBox__main p {
  font-size: 90%;
}

.ribbonBox__sub {
  padding-left: 20px;
  width: 215px;
}

.ribbonBox__sub img {
  width: 100%;
  vertical-align: top;
}

.backToArticles {
  text-align: right;
  height: 46px;
}

.backToArticles span {
  font-size: 93%;
  font-weight: normal;
  display: inline-block;
  padding: 3px 16px 2px;
  background-color: #ffda09;
  cursor: pointer;
}

.backToArticles span:hover {
  opacity: 0.9;
}

.articleBackBtn {
  text-align: center;
  width: 280px;
  margin: 20px auto 30px;
}

.articleBackBtn a {
  background-color: #05194c;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 120%;
  /* font-weight: bold; */
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  padding: 10px 0;
}

.articleBackBtn a:after {
  content: " ";
  width: 9px;
  height: 9px;
  margin: auto 0;
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

/** ------------------------------------------------------------
 * 医学トップの視座
 */
.viewpointMap {
  margin-top: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #eee;
  background-color: #f6f6f6;
  font-size: 17px;
  line-height: 1.2;
}

/* 地図のサイズ・位置 */
.viewpointMap::before {
  content: "";
  margin: auto;
  position: absolute;
  display: block;
  width: 352px;
  height: 350px;
  background: url("/images/pc/viewpoint/map.png") no-repeat 50% 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.viewpointMap ul {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #ddd;
  position: absolute;
  background-color: #fff;
  font-weight: bold;
}

.viewpointMap ul li + li {
  border-top: 1px solid #ddd;
}

.viewpointMap ul li a {
  padding: 12px 1.5em 11px 0.85em;
  position: relative;
  display: block;
}

.viewpointMap ul li a:hover {
  text-decoration: none;
}

.viewpointMap ul li a::after {
  content: "";
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 0.6em;
  bottom: 0;
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #000;
  border-style: solid solid none none;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* 北海道 */
.viewpointMap .hokkaido li:hover {
  background-color: #f4f6ff;
}
.viewpointMap .hokkaido a {
  color: #7588e3;
}
.viewpointMap .hokkaido a::after {
  border-color: #7588e3;
}

/* 東北 */
.viewpointMap .tohoku li:hover {
  background-color: #f4faff;
}
.viewpointMap .tohoku a {
  color: #539fe6;
}
.viewpointMap .tohoku a::after {
  border-color: #539fe6;
}

/* 関東 */
.viewpointMap .kanto li:hover {
  background-color: #f4feff;
}
.viewpointMap .kanto a {
  color: #60cfd9;
}
.viewpointMap .kanto a::after {
  border-color: #60cfd9;
}

/* 中部 */
.viewpointMap .chubu li:hover {
  background-color: #f3fff7;
}
.viewpointMap .chubu a {
  color: #61cd84;
}
.viewpointMap .chubu a::after {
  border-color: #61cd84;
}

/* 近畿 */
.viewpointMap .kinki li:hover {
  background-color: #fdfff4;
}
.viewpointMap .kinki a {
  color: #b5d24f;
}
.viewpointMap .kinki a::after {
  border-color: #b5d24f;
}

/* 中国 */
.viewpointMap .chugoku li:hover {
  background-color: #fffaea;
}

.viewpointMap .chugoku a {
  color: #fbae46;
}
.viewpointMap .chugoku a::after {
  border-color: #fbae46;
}

/* 四国 */
.viewpointMap .shikoku li:hover {
  background-color: #fff4f0;
}
.viewpointMap .shikoku a {
  color: #df9d82;
}
.viewpointMap .shikoku a::after {
  border-color: #df9d82;
}

/* 九州沖縄 */
.viewpointMap .kyushu li:hover {
  background-color: #ffebeb;
}
.viewpointMap .kyushu a {
  color: #ff7575;
}
.viewpointMap .kyushu a::after {
  border-color: #ff7575;
}

/** ------------------------------------------------------------
 * 外部ニュース
 */
.companyNews__item {
  padding: 15px;
  overflow: hidden;
  border-bottom:dashed 1px #ccc;
}

.companyNews__item a:hover {
  text-decoration: underline;
}

.companyNews__thumb {
  width: 120px;
  float: left;
}

.companyNews__thumb img {
  width: 100%;
  /* border: solid 1px #ddd; */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
}

.companyNews__detail {
  overflow: hidden;
}

.companyNews__thumb + .companyNews__detail {
  padding-left: 15px;
}

.companyNews__info {
  font-size: 0;
}

.companyNews__info .companyNews__date ,
.companyNews__info .companyNews__publisher {
  line-height: 24px;
  display: inline-block;
}

.companyNews__info .companyNews__date + .companyNews__publisher {
  margin-left: 15px;
}

.companyNews__date {
  color: #1e1e17;
  font-size: 12px;
}

.companyNews__publisher {
  color: #888;
  font-size: 12px;
}

.companyNews__title {
  font-size: 14px;
}

.companyNews__category {
  overflow: hidden;
}

.companyNews__category li {
  margin: 5px 5px 0 0;
  float: left;
}

.companyNews__category li a {
  color: #fff;
  font-size: 12px;
  background-color: #174487;
  padding: 2px 8px;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
       -o-border-radius: 3px;
}

/** ------------------------------------------------------------
 * データ提供
 */
#articleAddress {
  margin: 30px 0 0;
  padding-top: 30px;
  border-top: solid 1px #ccc;
}

#articleAddress__logo {
  font-size: 0;
}

#articleAddress__logo dt ,
#articleAddress__logo dd {
  vertical-align: middle;
  display: inline-block;
}

#articleAddress__logo dt {
  font-size: 16px;
}

#articleAddress__logo dd {
  margin-left: 10px;
}

#articleAddress__body {
  margin-top: 10px;
}

#articleAddress__body img {
  vertical-align: middle;
  display: inline-block;
}


/** ------------------------------------------------------------
 * $サイト内広告
 */
.siteAd {
  margin-top: 30px;
  background-image: url(/images/newPc/sitead/bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
}

.siteAd__inner {
  width: 960px;
  margin: 0 auto;
}

.adList {
  padding: 10px 0;
}

.adList:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.adList_item {
  width: 300px;
  margin: 10px;
  float: left;
  position: relative;
}

.adList_item:nth-of-type(3n+1) {
  clear: both;
}

/*.adList_item a:after {
  background-color: rgba(30,30,23,.75);
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

.adList_item a:hover:after {
  content: " ";
}*/

.adList_item a:hover {
  text-decoration: none;
}

.adList_item a:hover img {
  opacity: 1;
  -webkit-opacity: 1;
     -moz-opacity: 1;
}

.adList_item > img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
}

/*.adList_title {
  display: none;

  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
  max-height: 160px;
  padding: 30px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}

a:hover .adList_title {
  display: block;
}*/


/** ------------------------------------------------------------
 * $スライド
 */
/* 左右矢印 */
.slider-arrow {
  background-color: rgba(255,255,255,0.5);
  width: 50%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 99;
}

.slider-arrow--left {
  left: -380px;
}

.slider-arrow--right {
  right: -380px;
}

.slider-arrow:hover {
  cursor: pointer;
}

.slider-arrow button {
  appearance: none;
  -webkit-appearance: none;
     -moz-appearance: none;

  text-align: center;
  text-indent: 1000%;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #174487;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.slider-arrow--left button {
  right: 50px;
}

.slider-arrow--right button {
  left: 50px;
}

.slider-arrow button:before {
  content: " ";
  width: 8px;
  height: 8px;
  margin: auto;
  display: block;
  border-top: solid 2px #fff;
  position: absolute;
  top: 0;
  bottom: 0;
}

.slider-arrow--left button:before {
  border-left: solid 2px #fff;
  left: 12px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
}

.slider-arrow--right button:before {
  border-right: solid 2px #fff;
  right: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
}

/* ドット */
.slick-dots {
  line-height: 0;
  letter-spacing: -.4em;
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
  display: block;
}

.slick-dots li {
  letter-spacing: normal;
  display: inline-block;
  position: relative;
}

.slick-dots li + li {
  margin-left: 20px;
}

.slick-dots li button {
  appearance: none;
  -webkit-appearance: none;
     -moz-appearance: none;
  text-indent: 500%;
  white-space: nowrap;
  background-color: #fff;
  width: 12px;
  height: 12px;
  padding: 0;
  display: block;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}

.slick-dots li button:hover {
  opacity: .75;
}

.slick-dots li.slick-active button {
  background-color: #174487;
}

.salonPage .slick-dots li.slick-active button {
  background-color: #8ab800;/* ★ Dr.純子イメージカラー */
}

.hiyokko .slick-dots li.slick-active button {
  background-color: #7DACBF;/* ★ ひよっこクリニックイメージカラー */
}

/** ------------------------------------------------------------
 * $ツイッター
 */
.twitterLink {
  margin: 30px auto 0;
  border: 2px solid #55acee;
  display: table;
  table-layout: fixed;
  width: 700px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.twitterLink dt,
.twitterLink dd {
  display: table-cell;
  vertical-align: middle;
}

.twitterLink dt {
  padding: 3px 20px 6px 18px;
  width: 200px;
  background-color: #55acee;
  text-align: center;
}

.twitterLink dt a {
  padding: 3px 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
      background-color: #fff;
  display: block;
  color: #55acee;
  text-decoration: none;
  font-weight: bold;
  -webkit-box-shadow: 3px 3px 0 #3588c7;
     -moz-box-shadow: 3px 3px 0 #3588c7;
          box-shadow: 3px 3px 0 #3588c7;
}

.twitterLink dt a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background: url(/images/newPc/sns/twitter.png) no-repeat 50% 50%;
  background-size: 100%;
}

.twitterLink dt a:hover {
  margin-top: 3px;
  margin-left: 3px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.twitterLink dd {
  padding: 10px 20px;
  font-size: 0.9em;
}