@charset "utf-8";

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


  ◇◆◇ 診療案内 ◇◆◇
  
  
========================================================================================================================*/

.pan { background-color:#e3e1d3; }

@media screen and (max-width:640px) {
  .pan { background-color:#ebe9df; }
}


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

  nav
  
----------------------------------------------------------------------------------------------------*/

#shinryoNav {
  background-color:#ebe9df;
  padding-top:50px;
  padding-bottom:50px;
}

#shinryoNav ul {
  list-style:none;
  max-width:1110px;
  box-sizing:border-box;
}

#shinryoNav li {
  width:360px;
  float:left;
  background-color:#fff;
  text-align:center;
  margin-left:5px;
  margin-right:5px;
  box-sizing:border-box;
}

#shinryoNav li a {
  display:block;
  padding-bottom:1em;
}

@media screen and (max-width:640px) {
  #shinryoNav {
    padding-top:0;
    padding-bottom:0;
    background-color:transparent;
  }
  
  #shinryoNav ul {
    padding-left:0;
    padding-right:0;
  }
  
  #shinryoNav li {
    width:33.333333%;
    border-left:1px solid #f5f4ef;
    margin-left:0;
    margin-right:0;
  }
  
  #shinryoNav li:first-child {
    border-left:0;
  }

  #shinryoNav li a {
    padding-bottom:0.5rem;
  }
}

.shinryoNav_photo {
  overflow:hidden;
  height:150px;
  line-height:0;
} 
 
.shinryoNav_photo img {
  vertical-align:bottom;
  width:100%;
  height:180px;
  margin-top:-15px;
  transition:transform 0.5s ease;
}

@media screen and (min-width:641px) {
  #shinryoNav li:hover .shinryoNav_photo img {
    transform:scale(1.1);
  }
}

@media screen and (max-width:640px) {
  .shinryoNav_photo {
    height:inherit;
  }
    
  .shinryoNav_photo img {
    width:100%;
    height:inherit;
    margin-top:0;
  }
}

#shinryoNav li p {
  padding:1em 1.5em 2em 1.5em;
  position:relative;
  line-height:1.5;
}

@media screen and (max-width:640px) {
  #shinryoNav li p {
    padding:0.5rem 0.5rem 2rem 0.5rem;
    font-size:75%;
  }
}

#shinryoNav li p b {
  font-family:"NotoSerif";
  font-weight:400;
  font-size:175%;
  display:inline-block;
  margin-bottom:0.25em;
  letter-spacing:0.75em;
  margin-left:0.75em;
}

#shinryoNav li p small {
  display:inline-block;
  white-space:nowrap;
}

@media screen and (max-width:640px) {
  #shinryoNav li p b {
    letter-spacing:0.5em;
    margin-left:0.5em;
  }
}

#shinryoNav li.geka p b { color:#008b8b; }
#shinryoNav li.naika p b { color:#389f60; }
#shinryoNav li.kenshin p b { color:#f3aa20; }

#shinryoNav li p:after {
  border:solid transparent;
  content:"";
  height:0;
  width:0;
  position:absolute;
  bottom:0;
  left:50%;
  border-width:8px;
  margin-left:-8px;
  z-index:2;
}
  
#shinryoNav li.geka  p:after { border-top-color:#32a2a2; }
#shinryoNav li.naika  p:after { border-top-color:#60b280; }
#shinryoNav li.kenshin  p:after { border-top-color:#f2b84a; }

#shinryoNav li a,
#shinryoNav li a:visited,
#shinryoNav li a:hover { color:inherit; text-decoration:none; }


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

  block
  
----------------------------------------------------------------------------------------------------*/

.shinryoBlock {
  padding-top:60px;
  padding-bottom:60px;
}

.shinryoBlock .l-hdline {
  position:relative;
  text-align:center;
}

.shinryoBlock .l-hdline:before {
  content:"";
  display:block;
  width:100%;
  height:60px;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:contain;
  margin-bottom:0.25em;
}

@media screen and (max-width:640px) {
  .shinryoBlock {
    padding-top:2rem;
    padding-bottom:2rem;
  }
  
  .shinryoBlock .l-hdline:before {
    height:1.75em;
    background-size:contain;
    margin-bottom:0.5rem;
  }
}

.shinryoBlock__box {
  background-color:#fff;
  margin-top:30px;
}

.shinryoBlock__box.colsL {
  width:535px;
  float:left;
}

.shinryoBlock__box.colsR {
  width:535px;
  float:right;
}

.shinryoBlock__box_hd {
  color:#fff;
  font-family:"NotoSerif";
  font-weight:400;
  font-size:131.3%;
  padding:0.5em 1em;
}

.shinryoBlock__box_body {
  padding:25px;
}

.shinryoBlock__box_body .photo {
  max-width:360px;
  line-height:0;
  display:inline-block;
  text-align:center;
}

.shinryoBlock__box_body .photoL { float:left; margin-right:25px; }
.shinryoBlock__box_body .photoR { float:right; margin-left:25px; }

.shinryoBlock__box_body .photo .cp {
  font-size:87.5%;
  line-height:1.5;
  color:#99948b;
  display:inline-block;
  margin-top:0.5em;
  
}

@media screen and (max-width:640px) {
  .shinryoBlock__box {
    margin-top:1.5rem;
  }
  
  .shinryoBlock__box.colsL,
  .shinryoBlock__box.colsR {
    width:100%;
    float:none;
  }
  
  .shinryoBlock__box_hd {
    padding:0.5rem 1rem;
  }
  
  .shinryoBlock__box_body {
    padding:1.25rem;
  }
  
  .shinryoBlock__box_body .photo {
    max-width:100%;
    display:block;
    text-align:center;
  }

  .shinryoBlock__box_body .photoL { float:none; margin-right:0; }
  .shinryoBlock__box_body .photoR { float:none; margin-left:0; }
  
  .shinryoBlock__box_body .photo img { max-width:400px; width:100%; }
  
  .shinryoBlock__box_body .photo.cp-none,
  .shinryoBlock__box_body .photo .cp { margin-bottom:1rem; }
}


/*-----------------------------------------------------------------------------------
  病気詳細
-----------------------------------------------------------------------------------*/

.sickGuide {
  padding-top:25px;
  border-bottom:1px solid #e6e4e1;
}

.sickGuide dt {
  border-top:1px solid #e6e4e1;
  box-sizing:border-box;
  padding:0.75em 1em;
  color:#389f60;
  position:relative;
  cursor:pointer;
}

#shoukakika .sickGuide dt:after {
  content:"";
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center center;
  width:17px;
  height:17px;
  position:absolute;
  right:1em;
  right:1rem;
  top:50%;
  margin-top:-8.5px;
}

.sickGuide dt.active {
  border-top:0;
}

.sickGuide dd {
  padding-top:1em;
  padding-top:1rem;
  padding-bottom:1.5em;
  padding-bottom:1.5rem;
  display:none;
}

.sickGuide dt.active + dd { display:inherit; }

.sickGuide dd .cut {
  display:inline-block;
  width:360px;
  float:right;
  text-align:center;
  margin-top:5px;
  margin-bottom:15px;
}

@media screen and (max-width:640px) {
  .sickGuide { padding-top:1.5rem; }
  
  .sickGuide dt { padding:0.75rem; }
  
  .sickGuide dt:after {
    background-size:contain;
    width:1.25rem;
    height:1.25rem;
    margin-top:-0.625rem;
  }
  
  .sickGuide dd .cut {
    width:60%;
    max-width:300px;
    display:block;
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;
  }
}


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

  外科
  
----------------------------------------------------------------------------------------------------*/

#geka { padding-bottom:10px; }
#geka .l-hdline:before { background-image:url(../image/icon_geka_s.png); }
@media screen and (max-width:640px) {
  #naika { padding-bottom:2rem; }
  #geka .l-hdline:before { background-image:url(../image/icon_geka.png); }
}

#geka .shinryoBlock__box_hd { background-color:#32a2a2; }


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

  内科
  
----------------------------------------------------------------------------------------------------*/

#naika .l-hdline:before { background-image:url(../image/icon_naika_s.png); }
@media screen and (max-width:640px) {
  #naika .l-hdline:before { background-image:url(../image/icon_naika.png); }
}

#naika .shinryoBlock__box_hd { background-color:#60b280; }

#naika .sansyo:before {
  content:"左";
  display:inline-block;
}
  
@media screen and (max-width:640px) {
  #naika .sansyo:before {
    content:"上";
  }
}


/*-----------------------------------------------------------------------------------
  消化器科
-----------------------------------------------------------------------------------*/

#shoukakika .body-line2 { padding-top:25px; }

@media screen and (max-width:640px) {
  #shoukakika .body-line2 { padding-top:1.5rem; }
}

#shoukakika .sickGuide dt:after {
  background-image:url(../image/naika_ic-down_s.png);
}

#shoukakika .sickGuide dt.active {
  background-color:#e7f4ec;
}

#shoukakika .sickGuide dt.active:after {
  background-image:url(../image/naika_ic-up_s.png);
}

@media screen and (max-width:640px) {
  #shoukakika .sickGuide dt:after {
    background-image:url(../image/naila_ic-down.png);
  }
  #shoukakika .sickGuide dt.active:after {
    background-image:url(../image/naila_ic-up.png);
  }
}


/*-----------------------------------------------------------------------------------
  生活習慣病
-----------------------------------------------------------------------------------*/

.seikatsusyukan dt,
.seikatsusyukan dd {
  background-color:#e7f4ec;
  box-sizing:border-box;
}

.seikatsusyukan dt {
  margin-top:25px;
  padding:25px 25px 0 25px;
  font-weight:bold;
}

.seikatsusyukan dd {
  padding:0.5rem 25px 25px 25px;
}

.seikatsusyukan dd:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.seikatsusyukan dd .cut {
  display:inline-block;
  float:right;
}

.seikatsusyukan dd .not-wrap {
  display:inline-block;
}

@media screen and (max-width:640px) {
  .seikatsusyukan dt {
    margin-top:1.5rem;
  }
  
  .seikatsusyukan dt {
    padding:1.5rem 1.5rem 0 1.5rem;
  }

  .seikatsusyukan dd {
    padding:0.5rem 1.5rem 1.5rem 1.5rem;
  }

  .seikatsusyukan dd .cut {
    display:block;
    float:none;
    text-align:center;
    padding-bottom:1rem;
  }
  
  .seikatsusyukan dd .cut02 {
    padding-top:0.5rem;
    padding-bottom:0;
  }
  
  .seikatsusyukan dd .cut img {
    width:60%;
    max-width:300px;
  }
}


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

  健診
  
----------------------------------------------------------------------------------------------------*/

#kenshin-warp { background-color:#ebe9df; }
#kenshin { text-align:center; }

#kenshin .l-hdline { margin-bottom:30px; }
#kenshin .l-hdline:before { background-image:url(../image/icon_kenshin_s.png); }
@media screen and (max-width:640px) {
  #kenshin-warp { padding-top:0.5rem; }
  #kenshin .l-hdline { margin-bottom:1.25rem; }
  #kenshin .l-hdline:before { background-image:url(../image/icon_kenshin.png); }
}

.kenshin_txt br { display:none; }
@media screen and (max-width:640px) {
  .kenshin_txt br { display:inherit; }
}

#kenshin_setsubi { padding-top:40px; }
#kenshin_setsubi .hdline {
  min-width:200px;
  font-family:"NotoSerif";
  font-weight:400;
  font-size:137.5%;
  color:#8d8767;
  display:inline-block;
  border-top:1px solid #cdc8b1;
  border-bottom:1px solid #cdc8b1;
  padding-top:0.25em;
  padding-bottom:0.4em;
  padding-left:1em;
  padding-right:1em;
}

#kenshin_setsubi ul {
  list-style:none;
  margin-left:-14px;
  margin-right:-14px;
}

#kenshin_setsubi li {
  width:348px;
  float:left;
  margin-top:40px;
  box-sizing:border-box;
  margin-left:14px;
  margin-right:14px;
}

#kenshin_setsubi li img { vertical-align:bottom; }

#kenshin_setsubi li span {
  line-height:1.5;
  display:block;
  background-color:#fff;
  padding:1.25em 0.5em;
  position:relative;
}

@media screen and (max-width:640px) {
  #kenshin_setsubi { padding-top:1.5rem; }
  
  #kenshin_setsubi ul {
    margin-left:-0.75rem;
    margin-right:0;
  }
  
  #kenshin_setsubi li {
    width:50%;
    margin-left:0;
    margin-right:0;
    margin-top:1.75rem;
    padding-left:0.75rem;
  }
  
  #kenshin_setsubi li span {
    font-size:87.5%;
    padding:1rem 0.5rem;
  }
}