@charset "UTF-8";
/* 赤　＝　#e50012　rgb(229,0,18) */
/* 背景　＝　#fbfaf8 */
/* ベージュ　＝　#fbe6d4　rgb(251,230,212) */
/* 黒　＝　#4d4545 */
#side-bar nav > ul > li:nth-child(5) a { background-color: #e50012; color: #fff; }

#side-bar nav > ul > li:nth-child(5):hover a { background-color: #e50012 !important; color: #fff !important; }

/*===================================================================
　↓　#doctor
===================================================================*/
#doctor .doctor-contents { max-width: 880px; width: 100%; margin: -120px auto 100px; padding-top: 120px; }

@media screen and (max-width: 768px) { #doctor .doctor-contents { margin: -120px auto 80px; } }
@media screen and (max-width: 640px) { #doctor .doctor-contents { margin: -120px auto 60px; } }
/*----------------------------------------------
　　.box-wrap（上）
----------------------------------------------*/
#doctor .box-wrap { margin-bottom: 25px; }

#doctor .box-wrap .image-box { width: 50%; float: left; }

#doctor .box-wrap .image-box img { width: 100%; height: auto; border-radius: 10px; }

#doctor .box-wrap .text-box { width: 50%; float: left; padding-left: 30px; box-sizing: border-box; }

#doctor .box-wrap .text-box p.name { line-height: 2.6rem; }

#doctor .box-wrap .text-box p.name span { font-weight: 500; font-size: 1.8rem; padding-right: 10px; font-family: YakuHanJP, 'Lato', 'Noto Sans JP', 'Noto Sans TC', sans-serif; }

#doctor .box-wrap .text-box a.normal-btn { margin-top: 10px; }

#doctor p.list-title { /*共通*/ font-size: 1.6rem; padding-top: 20px; color: #e50012; /*赤*/ }

#doctor ul.details li { /*共通*/ margin-top: 8px; font-size: 1.3rem; }

@media screen and (max-width: 768px) { #doctor .box-wrap .image-box { width: 60%; text-align: center; }
  #doctor .box-wrap .text-box { width: 40%; padding-left: 25px; } }
@media screen and (max-width: 640px) { #doctor .box-wrap { margin-bottom: 20px; }
  #doctor .box-wrap .image-box { width: 100%; float: none; margin-bottom: 5px; }
  #doctor .box-wrap .text-box { width: 100%; float: none; padding-left: 0; text-align: center; }
  #doctor p.list-title { /*共通*/ font-size: 1.5rem; }
  #doctor .box-wrap .text-box p.list-title::before, #doctor .box-wrap .text-box p.list-title::after { content: "･････"; padding: 0 5px; } }
/*----------------------------------------------
　　.information（下段）
----------------------------------------------*/
#doctor .information { max-width: 880px; }

#doctor .information p.switchtoggle { font-size: 1.6rem; color: #e50012; /*赤*/ text-align: center; padding: 18px 0; box-sizing: border-box; border: 1px solid #e50012; border-radius: 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-image: url(../img/base/select-down.png); background-size: 10px 6px; background-repeat: no-repeat; background-position: center right 30px; cursor: pointer; line-height: 1.6em; }

#doctor .information p.switchtoggle:hover { background-color: rgba(229, 0, 18, 0.2); border: 1px solid transparent; }

#doctor .information p.active { background-color: #fff !important; border: 1px solid #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: url(../img/base/select-up.png); }

#doctor .information .toggleWrap { background-color: #fff; padding: 0 30px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

#doctor .information .toggleWrap .list-wrap { border-top: 1px solid #eee; }

#doctor .information .list-left { float: left; width: 60%; padding-right: 20px; box-sizing: border-box; }

#doctor .information .left-only { /*所属学会がない場合*/ float: none !important; width: 100% !important; padding-right: 0 !important; }

#doctor .information .list-right { float: left; width: 40%; padding-left: 20px; box-sizing: border-box; }

#doctor .information .list-left table { font-size: 1.3rem; }

#doctor .information .list-left table tr { border-top: 8px solid #fff; }

#doctor .information .list-left table th { width: 90px; vertical-align: top; }

@media screen and (max-width: 768px) { #doctor .information .list-left { padding-right: 15px; }
  #doctor .information .list-right { padding-left: 15px; } }
@media screen and (max-width: 640px) { #doctor .information p.switchtoggle { padding: 15px 40px 15px 20px; background-position: center right 20px; font-size: 1.4rem; }
  #doctor .information .toggleWrap { padding: 0 20px 20px; }
  #doctor .information .list-left { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; }
  #doctor .information .list-right { float: none; width: 100%; padding-left: 0; border-top: 1px solid #eee; } }

/*# sourceMappingURL=doctor.css.map */