@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ ドクター紹介 ◇◆◇
  
  
========================================================================================================================*/

/*----------------------------------------------------------------------------------------------------

  ごあいさつ
  
----------------------------------------------------------------------------------------------------*/

.aisatsu_txt {
  text-align:left;
}

.aisatsu_name {
  width:100%;
  display:inline-block;
  text-align:right;
  padding-top:2rem;
}

.aisatsu_name .name {
  display:inline-block;
  margin-left:1rem;
}

#not_reserved {
	padding-top:1.25rem;
	text-align: left;
}

#not_reserved ul {
	list-style:none;
}

#not_reserved .mk {
    background: linear-gradient(transparent 55%, #fbdf8f 0);
    display: inline;
    font-family: "mplus-1c";
    font-weight: 500;
    font-size: 112.5%;
    line-height: 1.6;
    color: #503c32;
}

@media print,screen and (min-width:641px) {
  #aisatsu {
    padding-top:90px;
    padding-bottom:100px;
  }
  
  .aisatsu_txt {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
  }
  
  .aisatsu_name {
    padding-top:2rem;
  }
  
  .aisatsu_name .name {
    font-size:118.8%;
  }
}

@media screen and (max-width:640px) {
  #aisatsu {
    padding-top:3.5rem;
    padding-bottom:3rem;
  }
  
  .aisatsu_txt {
    padding-top:2rem;
  }
  
  .aisatsu_name { padding-top:1.5rem; }
  .aisatsu_name .name { display:block; }
}


/*----------------------------------------------------------------------------------------------------

  ドクター一覧
  
----------------------------------------------------------------------------------------------------*/

#drList-wrap {
  background-color:#fffaf0;
  overflow:hidden;
}

.drList_ftxt {
  color:#f0aa3c;
}

.drList_ftxt span {
  display:inline-block;
  border-top:2px dotted #f4c376;
  border-top:2px dotted rgb(240,170,60,0.7);
  border-bottom:2px dotted #f4c376;
  border-bottom:2px dotted rgb(240,170,60,0.7);
  padding:0.5rem 1rem;
}

@media print,screen and (min-width:641px) {
  #drList-wrap {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  #drList-wrap {
    padding-top:3.25rem;
    padding-bottom:3rem;
  }
}

@media print,screen and (min-width:641px) {
  .cssanimations .drBlock_txt,
  .cssanimations .drBlocks_txt,
  .cssanimations .drBlock_photo {
    opacity:0;
  }
  
  .cssanimations .drBlock_txt.animated {
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
  }
  
  .cssanimations .drBlock_photo.animated {
    -webkit-animation:fadeIn 0.6s forwards;
    animation:fadeIn 0.6s forwards;
  }
  
  .cssanimations .drBlock[data-posi="R"] .drBlock_txt.animated {
    -webkit-animation:fadeInLeft 0.6s forwards;
    animation:fadeInLeft 0.6s forwards;
  }
  
  .cssanimations .drBlock[data-posi="L"] .drBlock_txt.animated {
    -webkit-animation:fadeInRight 0.6s forwards;
    animation:fadeInRight 0.6s forwards;
  }
  
  .cssanimations .drBlocks .drBlocks_txt.animated {
    -webkit-animation:fadeInDown 0.6s forwards;
    animation:fadeInDown 0.6s forwards;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-60px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-60px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(60px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(60px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-60px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-60px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.drBlock,
.drBlocks {
  box-sizing:border-box;
  text-align:center;
}

.drBlock_txt,
.drBlocks_txt {
  box-sizing:border-box;
  background-color:#fff;
  box-shadow:0px 0px 15px 0px rgba(238,124,58,0.15);
  position:relative;
  z-index:2;
}

.drBlock_txt p,
.drBlocks_txt p {
  text-align:left;
}

.drBlock_photo {
  display:block;
}

#dr01 .drBlock_photo { background-color:#ffedd2; }
#dr02 .drBlock_photo { background-color:#e9f2db; }
#dr03 .drBlock_photo { background-color:#fee7eb; }
#dr04 .drBlock_photo { background-color:#ece5f2; }

#dr01 .drBlock_photo img { margin-left:-8px; }
#dr02 .drBlock_photo img { margin-left:-12px; }
#dr03 .drBlock_photo img { margin-left:-12px; }
#dr04 .drBlock_photo img { margin-left:-6px; }

.drName {
  line-height:1.3;
  position:relative;
}

.drName b {
  display:inline-block;
  font-family:"mplus-1c";
  font-weight:500;
  font-size:200%;
  margin-top:0.75rem;
}

.drName .ck {
  font-size:87.5%;
  color:#fff;
  line-height:1;
  display:inline-block;
  padding:0.5em 1em;
  margin-top:-1rem;
  vertical-align:middle;
  border-radius:2px;
  margin-right:6px;
}

#dr01 .drName .ck { background-color:#f19057; }
#dr02 .drName .ck.naika { background-color:#95bb5d; }
#dr02 .drName .ck.ichoka { background-color:#956a59; }
#dr03 .drName .ck { background-color:#ee7f95; }
#dr04 .drName .ck { background-color:#a17bbf; }
#dr05 .drName .ck { background-color:#95bb5d; }
#dr06 .drName .ck { background-color:#4c8cc8; }

.drName b .michi {
  display:inline-block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  vertical-align:middle;
  width:1.4em;
  height:1.4em;
  margin-bottom:0.25em;
  margin-left:-0.2em;
  margin-right:-0.2em;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  background-image:url(../image/michi.svg);
}

.no-svg .drName b .michi {
  background-image:url(../image/michi.png);
}

@media print,screen and (min-width:641px) {
  #mediList-wrap {
    padding-top:20px;
    padding-bottom:100px;
  }
  
  .drBlock,
  .drBlocks {
    width:1140px;
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
    position:relative;
  }
  
  #dr01 { padding-top:120px; padding-bottom:25px; }
  #dr01 .drBlock_photo { margin-top:-40px; }
  
  .drBlock_txt,
  .drBlocks_txt {
    text-align:left;
    padding:3.5rem;
    margin-top:60px;
  }
  
  .drBlock_txt {
    width:740px;
  }
  
  .drName {
    margin-top:-7rem;
    padding-bottom:2rem;
  }
  
  .drName b {
    text-shadow: 
      #fff 4px 0px,  #fff -4px 0px,
      #fff 0px -4px, #fff 0px 4px,
      #fff 4px 4px , #fff -4px 4px,
      #fff 4px -4px, #fff -4px -4px,
      #fff 2px 4px,  #fff -2px 4px,
      #fff 2px -4px, #fff -2px -4px,
      #fff 4px 2px,  #fff -4px 2px,
      #fff 4px -2px, #fff -4px -2px;
  }
  
  .drBlock_photo {
    width:340px;
    height:340px;
    position:absolute;
    top:110px;
    display:block;
    border-radius:100%;
  }
  
  .drBlock_photo img {
    width:auto;
    max-width:inherit;
    height:280px;
    margin-top:60px;
  }
  
  .drBlock[data-posi="R"] { padding-left:400px; }
  .drBlock[data-posi="R"] .drBlock_txt { border-radius:10px 3rem; }
  .drBlock[data-posi="R"] .drBlock_photo { left:0; }
  
  .drBlock[data-posi="L"] { padding-right:400px; }
  .drBlock[data-posi="L"] .drBlock_txt { border-radius:3rem 10px; }
  .drBlock[data-posi="L"] .drBlock_photo { right:0; }
  
  .drBlocks_txt {
    width:540px;
    float:left;
    border-radius:10px 3rem;
  }
  
  #dr06 { margin-left:60px; }
}

@media screen and (max-width:640px) {
  #mediList-wrap {
    padding-top:0.5rem;
    padding-bottom:3rem;
  }
  
  .drBlock {
    padding-top:2.5rem;
  }
  
  #dr01 { margin-top:0.25rem; }
  
  .drBlock_txt,
  .drBlocks_txt {
    padding:1.75rem 1.75rem 2rem 1.75rem;
  }
  
  .drBlock_txt {
    border-radius:0 0 10px 10px;
  }
  
  .drBlocks_txt {
    margin-top:2.5rem;
    border-radius:10px;
  }
  
  .drBlock_photo {
    position:relative;
    height:200px;
    overflow:hidden;
    border-radius:10px 10px 0 0;
  }
  
  .drBlock_photo img {
    height:240px;
    position:absolute;
    right:0;
    bottom:-40px;
  }
  
  .drBlock_txt .drName {
    position:absolute;
    left:0;
    top:-135px;
    text-align:left;
    padding-left:3rem;
  }
  
  .drName b {
    text-shadow: 
      #fff 3px 0px,  #fff -3px 0px,
      #fff 0px -3px, #fff 0px 3px,
      #fff 3px 3px , #fff -3px 3px,
      #fff 3px -3px, #fff -3px -3px,
      #fff 1.5px 3px,  #fff -1.5px 3px,
      #fff 1.5px -3px, #fff -1.5px -3px,
      #fff 3px 1.5px,  #fff -3px 1.5px,
      #fff 3px -1.5px, #fff -3px -1.5px;
  }
  
  .drBlocks_txt .drName {
    padding-bottom:1.5rem;
    padding-top:1.25rem;
  }
}

@media screen and (max-width:580px) {
  .drBlock_photo {
    height:180px;
  }
  
  .drBlock_photo img {
    right:-20px;
    height:220px;
  }
  
  .drBlock_txt .drName {
    padding-left:2.5rem;
    top:-125px;
  }
}


/*-----------------------------------------------------------------------------------
  資格
-----------------------------------------------------------------------------------*/

.shikakuList {
  list-style:none;
  text-align:left;
}

.drBlock_txt p+.shikakuList,
.drBlocks_txt p+.shikakuList {
  padding-top:1.25rem;
}

.shikakuList li {
  padding-left:1.4em;
  position:relative;
  line-height:1.5;
  padding-top:0.1em;
  padding-bottom:0.1em;
}

.shikakuList li:before {
  content:"●";
  display:inline-block;
  color:#fad773;
  position:absolute;
  left:0;
  top:0.1em;
}

@media print,screen and (min-width:641px) {
  .shikakuList.cols li {
    width:50%;
    float:left;
    box-sizing:border-box;
  }
  
  .shikakuList.cols li.col-1--pc {
    width:100%;
  }
}


/*-----------------------------------------------------------------------------------
  プロフィール
-----------------------------------------------------------------------------------*/

.drProf {
  display:block;
  padding-top:1.25rem;
}