@charset "utf-8";


/** ------------------------------------------------------------
 * グローバルナビ
 */
.memberD .globalNav {
  background-color: #46474a; /* 医師  */
}

.memberS .globalNav {
  background-color: #5d99b0; /* 医学生  */
}

.memberM .globalNav {
  background-color: #75849a; /* その他医療従事者  */
}

.memberO .globalNav {
  background-color: #75849a; /* その他  */
}

.salonPage .globalNav {
  background-color: #8ab800; /* サロン */
}



.memberD .globalNav__item > a:hover {
  background-color: #6b6c6d; /* 医師 */
}

.memberS .globalNav__item > a:hover {
  background-color: #a6c7d4; /* 医学生  */
}

.memberM .globalNav__item > a:hover {
  background-color: #9ba9bd; /* その他医療従事者 */
}

.memberO .globalNav__item > a:hover {
  background-color: #9ba9bd; /* その他医療従事者 */
}

.salonPage .globalNav__item > a:hover {
  background-color: #a7d225; /* サロン */
}



.memberD .globalNav__item--active > a {
  color: #46474a; /* 医師 */
}

.memberS .globalNav__item--active > a {
  color: #5d99b0; /* 医学生 */
}

.memberM .globalNav__item--active > a {
  color: #75849a; /* その他医療従事者 */
}

.memberO .globalNav__item--active > a {
  color: #75849a; /* その他 */
}

.salonPage .globalNav__item--active > a {
  color: #8ab800; /* サロン */
}



/** ------------------------------------------------------------
 * 個別メニュー
 */ 
.memberD .subNav {
  background-color: rgba(230,230,230,.8); /* 医師 */
}

.memberS .subNav {
  background-color: rgba(230,230,230,.8); /* 医師 */
}

.memberM .subNav {
  background-color: rgba(230,230,230,.8); /* その他医療従事者 */
}

.memberO .subNav {
  background-color: rgba(230,230,230,.8); /* その他 */
}

.salonPage .subNav {
  background-color: rgba(230,230,230,.8); /* サロン */
}



.memberD .subNav__arrow:after {
  border-bottom-color: #ebebeb; /* 医師 */
}

.memberS .subNav__arrow:after {
  border-bottom-color: #ebebeb; /* 医学生 */
}

.memberM .subNav__arrow:after {
  border-bottom-color: #ebebeb; /* その他医療従事者 */
}

.memberO .subNav__arrow:after {
  border-bottom-color: #ebebeb; /* その他 */
}

.salonPage .subNav__arrow:after {
  border-bottom-color: #ebebeb; /* サロン */
}



.memberD .subNav__title {
  background-color: #46474a; /* 医師 */
}

.memberS .subNav__title {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__title {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__title {
  background-color: #75849a; /* その他 */
}

.salonPage .subNav__title {
  background-color: #8ab800; /* サロン */
}



.memberD .subNav__text {
  color: #46474a; /* 医師 */
}

.memberS .subNav__text {
  color: #5d99b0; /* 医学生 */
}

.memberM .subNav__text {
  color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__text {
  color: #75849a; /* その他 */
}

.salonPage .subNav__text {
  color: #8ab800; /* サロン */
}



.memberD .subNav__item a {
  color: #46474a;
  border-color: #46474a; /* 医師 */
}

.memberS .subNav__item a {
  color: #5d99b0;
  border-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__item a {
  color: #75849a;
  border-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__item a {
  color: #75849a;
  border-color: #75849a; /* その他 */
}

.salonPage .subNav__item a {
  color: #8ab800;
  border-color: #8ab800; /* サロン */
}



.memberD .subNav__item a:after {
  border-top-color: #46474a;
  border-right-color: #46474a; /* 医師 */
}

.memberS .subNav__item a:after {
  border-top-color: #5d99b0;
  border-right-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__item a:after {
  border-top-color: #75849a;
  border-right-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__item a:after {
  border-top-color: #75849a;
  border-right-color: #75849a; /* その他 */
}

.salonPage .subNav__item a:after {
  border-top-color: #8ab800;
  border-right-color: #8ab800; /* サロン */
}



.memberD .subNav__item a:hover {
  background-color: #eff3ff; /* 医師 */
}

.memberS .subNav__item a:hover {
  background-color: #f0fbff; /* 医学生 */
}

.memberM .subNav__item a:hover {
  background-color: #ecf4ff; /* その他医療従事者 */
}

.memberO .subNav__item a:hover {
  background-color: #ecf4ff; /* その他 */
}

.salonPage .subNav__item a:hover {
  background-color: #f9ffe9; /* サロン */
}



/* アイコン 医師 */
.memberD .subNav__icon--01 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon01.png);
}

.memberD .subNav__icon--02 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon02.png);
}

.memberD .subNav__icon--03 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon03.png);
}

.memberD .subNav__icon--04 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon04.png);
}

.memberD .subNav__icon--05 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon05.png);
}

.memberD .subNav__icon--06 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon06.png);
}

.memberD .subNav__icon--07 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon07.png);
}

.memberD .subNav__icon--08 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon08.png);
}

.memberD .subNav__icon--09 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon09.png);
}

.memberD .subNav__icon--10 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon10.png);
}

.memberD .subNav__icon--11 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon11.png);
}

.memberD .subNav__icon--12 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon12.png);
}

.memberD .subNav__icon--13 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon13.png);
}

.memberD .subNav__icon--14 a {
  background-image: url(/images/newPc/common/subnav/memberD/icon14.png);
}



/* アイコン 医学生 */
.memberS .subNav__icon--01 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon01.png);
}

.memberS .subNav__icon--02 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon02.png);
}

.memberS .subNav__icon--03 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon03.png);
}

.memberS .subNav__icon--04 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon04.png);
}

.memberS .subNav__icon--05 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon05.png);
}

.memberS .subNav__icon--06 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon06.png);
}

.memberS .subNav__icon--07 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon07.png);
}

.memberS .subNav__icon--08 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon08.png);
}

.memberS .subNav__icon--09 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon09.png);
}

.memberS .subNav__icon--10 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon10.png);
}

.memberS .subNav__icon--11 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon11.png);
}

.memberS .subNav__icon--12 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon12.png);
}

.memberS .subNav__icon--13 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon13.png);
}

.memberS .subNav__icon--14 a {
  background-image: url(/images/newPc/common/subnav/memberS/icon14.png);
}



/* アイコン その他医療従事者 */
.memberM .subNav__icon--01 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon01.png);
}

.memberM .subNav__icon--02 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon02.png);
}

.memberM .subNav__icon--03 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon03.png);
}

.memberM .subNav__icon--04 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon04.png);
}

.memberM .subNav__icon--05 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon05.png);
}

.memberM .subNav__icon--06 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon06.png);
}

.memberM .subNav__icon--07 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon07.png);
}

.memberM .subNav__icon--08 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon08.png);
}

.memberM .subNav__icon--09 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon09.png);
}

.memberM .subNav__icon--10 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon10.png);
}

.memberM .subNav__icon--11 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon11.png);
}

.memberM .subNav__icon--12 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon12.png);
}

.memberM .subNav__icon--13 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon13.png);
}

.memberM .subNav__icon--14 a {
  background-image: url(/images/newPc/common/subnav/memberM/icon14.png);
}



/* アイコン その他 */
.memberO .subNav__icon--01 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon01.png);
}

.memberO .subNav__icon--02 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon02.png);
}

.memberO .subNav__icon--03 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon03.png);
}

.memberO .subNav__icon--04 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon04.png);
}

.memberO .subNav__icon--05 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon05.png);
}

.memberO .subNav__icon--06 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon06.png);
}

.memberO .subNav__icon--07 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon07.png);
}

.memberO .subNav__icon--08 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon08.png);
}

.memberO .subNav__icon--09 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon09.png);
}

.memberO .subNav__icon--10 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon10.png);
}

.memberO .subNav__icon--11 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon11.png);
}

.memberO .subNav__icon--12 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon12.png);
}

.memberO .subNav__icon--13 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon13.png);
}

.memberO .subNav__icon--14 a {
  background-image: url(/images/newPc/common/subnav/memberO/icon14.png);
}



/* アイコン サロン */
.salonPage .subNav__icon--01 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon01.png);
}

.salonPage .subNav__icon--02 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon02.png);
}

.salonPage .subNav__icon--03 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon03.png);
}

.salonPage .subNav__icon--04 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon04.png);
}

.salonPage .subNav__icon--05 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon05.png);
}

.salonPage .subNav__icon--06 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon06.png);
}

.salonPage .subNav__icon--07 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon07.png);
}

.salonPage .subNav__icon--08 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon08.png);
}

.salonPage .subNav__icon--09 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon09.png);
}

.salonPage .subNav__icon--10 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon10.png);
}

.salonPage .subNav__icon--11 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon11.png);
}

.salonPage .subNav__icon--12 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon12.png);
}

.salonPage .subNav__icon--13 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon13.png);
}

.salonPage .subNav__icon--14 a {
  background-image: url(/images/newPc/common/subnav/salonPage/icon14.png);
}




/* もっと見る */
.memberD .subNav__more a {
  background-color: #46474a; /* 医師 */
}

.memberS .subNav__more a {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__more a {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__more a {
  background-color: #75849a; /* その他 */
}

.salonPage .subNav__more a {
  background-color: #8ab800; /* サロン */
}



.memberD .subNav__more a:hover {
  background-color: #112256; /* 医師 */
}

.memberS .subNav__more a:hover {
  background-color: #16a8e0; /* 医学生 */
}

.memberM .subNav__more a:hover {
  background-color: #2472e2; /* その他医療従事者 */
}

.memberO .subNav__more a:hover {
  background-color: #2472e2; /* その他 */
}

.salonPage .subNav__more a:hover {
  background-color: #368c08; /* サロン */
}



/** ------------------------------------------------------------
 * 検索
 */
.memberD .subNav__search input[type="text"] {
  border-color: #46474a; /* 医師 */
}

.memberS .subNav__search input[type="text"] {
  border-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__search input[type="text"] {
  border-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__search input[type="text"] {
  border-color: #75849a; /* その他 */
}

.salonPage .subNav__search input[type="text"] {
  border-color: #8ab800; /* サロン */
}



.memberD .subNav__search input[type="submit"] {
  background-color: #46474a; /* 医師 */
}

.memberS .subNav__search input[type="submit"] {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__search input[type="submit"] {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__search input[type="submit"] {
  background-color: #75849a; /* その他 */
}

.salonPage .subNav__search input[type="submit"] {
  background-color: #8ab800; /* サロン */
}


/** ------------------------------------------------------------
 * News&Topics用
 */
.memberD .subNav__list--simple {
  background-color: #46474a; /* 医師 */
}

.memberS .subNav__list--simple {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .subNav__list--simple {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .subNav__list--simple {
  background-color: #75849a; /* その他 */
}

.salonPage .subNav__list--simple {
  background-color: #8ab800; /* サロン */
}



.memberD .subNav__item--simple a:hover {
  background-color: #112256; /* 医師 */
}

.memberS .subNav__item--simple a:hover {
  background-color: #16a8e0; /* 医学生 */
}

.memberM .subNav__item--simple a:hover {
  background-color: #2472e2; /* その他医療従事者 */
}

.memberO .subNav__item--simple a:hover {
  background-color: #2472e2; /* その他 */
}

.salonPage .subNav__item--simple a:hover {
  background-color: #368c08; /* サロン */
}



/** ------------------------------------------------------------
 * $contents
 */
/* 見出し */
.memberD .contentsBox__title {
  color: #46474a;
  border-left-color: #46474a; /* 医師 */
}

.memberS .contentsBox__title {
  color: #5d99b0;
  border-left-color: #5d99b0; /* 医学生 */
}

.memberM .contentsBox__title {
  color: #75849a;
  border-left-color: #75849a; /* その他医療従事者 */
}

.memberO .contentsBox__title {
  color: #75849a;
  border-left-color: #75849a; /* その他 */
}

.salonPage .contentsBox__title {
  color: #8ab800;
  border-left-color: #8ab800; /* サロン */
}



/* もっと見る */
.memberD .contentsBox__more > a {
  background-color: #46474a; /* 医師 */
}

.memberS .contentsBox__more > a {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .contentsBox__more > a {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .contentsBox__more > a {
  background-color: #75849a; /* その他 */
}

.salonPage .contentsBox__more > a {
  background-color: #8ab800; /* サロン */
}



.memberD .contentsBox__more > a:hover {
  background-color: #112256; /* 医師 */
}

.memberS .contentsBox__more > a:hover {
  background-color: #16a8e0; /* 医学生 */
}

.memberM .contentsBox__more > a:hover {
  background-color: #2472e2; /* その他医療従事者 */
}

.memberO .contentsBox__more > a:hover {
  background-color: #2472e2; /* その他 */
}

.salonPage .contentsBox__more > a:hover {
  background-color: #368c08; /* サロン */
}



/** ------------------------------------------------------------
 * $スライド
 */
.memberD .slider-arrow button {
  background-color: #46474a; /* 医師 */
}

.memberS .slider-arrow button {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .slider-arrow button {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .slider-arrow button {
  background-color: #75849a; /* その他 */
}

.salonPage .slider-arrow button {
  background-color: #8ab800; /* サロン */
}



/** ------------------------------------------------------------
 * $ログイン
 */
/* メリット */
.memberD .loginArea__text dt {
  color: #46474a; /* 医師 */
}

.memberS .loginArea__text dt {
  color: #5d99b0; /* 医学生 */
}

.memberM .loginArea__text dt {
  color: #75849a; /* その他医療従事者 */
}

.memberO .loginArea__text dt {
  color: #75849a; /* その他 */
}

.salonPage .loginArea__text dt {
  color: #8ab800; /* サロン */
}



/* メニュー */
.memberD .loginMenu__item a {
  background-color: #46474a; /* 医師 */
}

.memberS .loginMenu__item a {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .loginMenu__item a {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .loginMenu__item a {
  background-color: #75849a; /* その他 */
}

.salonPage .loginMenu__item a {
  background-color: #8ab800; /* サロン */
}



.memberD .loginMenu__item a:hover {
  background-color: #112256; /* 医師 */
}

.memberS .loginMenu__item a:hover {
  background-color: #16a8e0; /* 医学生 */
}

.memberM .loginMenu__item a:hover {
  background-color: #2472e2; /* その他医療従事者 */
}

.memberO .loginMenu__item a:hover {
  background-color: #2472e2; /* その他 */
}

.salonPage .loginMenu__item a:hover {
  background-color: #368c08; /* サロン */
}



/** ------------------------------------------------------------
 * $What's new
 */
.memberD .newArrival__title {
  background-color: #46474a; /* 医師 */
}

.memberS .newArrival__title {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .newArrival__title {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .newArrival__title {
  background-color: #75849a; /* その他 */
}

.salonPage .newArrival__title {
  background-color: #8ab800; /* サロン */
}



.memberD .newArrival__newIcon {
  background-color: #112256; /* 医師 */
}

.memberS .newArrival__newIcon {
  background-color: #16a8e0; /* 医学生 */
}

.memberM .newArrival__newIcon {
  background-color: #2472e2; /* その他医療従事者 */
}

.memberO .newArrival__newIcon {
  background-color: #2472e2; /* その他 */
}

.salonPage .newArrival__newIcon {
  background-color: #368c08; /* サロン */
}



/** ------------------------------------------------------------
 * $産業医
 */
.memberD .industryBox {
  border-color: #46474a; /* 医師 */
}

.memberS .industryBox {
  border-color: #5d99b0; /* 医学生 */
}

.memberM .industryBox {
  border-color: #75849a; /* その他医療従事者 */
}

.memberO .industryBox {
  border-color: #75849a; /* その他 */
}

.salonPage .industryBox {
  border-color: #8ab800; /* サロン */
}



/* タイトル */
.memberD .industryBox__title {
  background-color: #46474a; /* 医師 */
}

.memberS .industryBox__title {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .industryBox__title {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .industryBox__title {
  background-color: #75849a; /* その他 */
}

.salonPage .industryBox__title {
  background-color: #8ab800; /* サロン */
}



/** ------------------------------------------------------------
 * $footer
 */
.memberD .footerNav {
  background-color: #46474a; /* 医師 */
}

.memberS .footerNav {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .footerNav {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .footerNav {
  background-color: #75849a; /* その他 */
}

.salonPage .footerNav {
  background-color: #8ab800; /* サロン */
}



/* ページの先頭へ */
.memberD .goToTop a {
  background-color: #46474a; /* 医師 */
}

.memberS .goToTop a {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .goToTop a {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .goToTop a {
  background-color: #75849a; /* その他 */
}

.salonPage .goToTop a {
  background-color: #8ab800; /* サロン */
}



.memberD .goToTop a {
  background-color: #46474a; /* 医師 */
}

.memberS .goToTop a {
  background-color: #5d99b0; /* 医学生 */
}

.memberM .goToTop a {
  background-color: #75849a; /* その他医療従事者 */
}

.memberO .goToTop a {
  background-color: #75849a; /* その他 */
}

.salonPage .goToTop a {
  background-color: #8ab800; /* サロン */
}