/*-----------------------------------------------
variable
-----------------------------------------------*/
/*-----------------------------------------------
Styles
-----------------------------------------------*/
.post_content {
  /*-----------------------------------------------
  reset
  -----------------------------------------------*/
  /*-----------------------------------------------
  layout
  -----------------------------------------------*/
  /*-----------------------------------------------
  compornent
  -----------------------------------------------*/
  /*-----------------------------------------------
  project
  -----------------------------------------------*/
  /* p-youtube-contents */
  /* p-about */
  /* p-contestant */
  /* p-dressup */
  /* p-point */
  /* p-interview */
  /* p-takeover */
  /* p-price */
  /*-----------------------------------------------
  utility
  -----------------------------------------------*/
}
.okayama-clinic .l__cat-menu .nav-open{
  display:block;
  text-align: center;
  font-size: 1.1em;
  background: #fff;
  box-shadow: 0px 0px 15px -5px #7777777a;
  letter-spacing: 0.1em;
  color: #98a0a6;
  margin-top: 2em;
  padding: 0.5em 0;
  background: #292a35;
  }
  .okayama-clinic .float_side_btn{
  width:auto;
  position: unset;
  margin: auto !important;
  background: none;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  }
  .okayama-clinic .mid-cat{
      display: none;
  }
  .okayama-clinic .float_link{
    width: calc(100% / 3 - 5%);
    background: #2a313d;
    margin-bottom: 0.5em;
  }
  .okayama-clinic .float_link a::after{
    transform: translateY(-50%) rotate( 40deg );
  }
  .okayama-clinic .float_side_btn:after {
    content: "";
    display: block;
    width: calc(100% / 3 - 5%);
  }
  .okayama-clinic .l__cat-menu .nav-open{
    background: #2a313d;
    color: #fff;
    border-radius: 4em;
  }
/*ここまで*/
.okayama-info__mainttl{
letter-spacing: 0.25em;
font-size: min(26px,5.25vw) !important;
}
.okayama-info__subttl{
font-size: min(20px,3.75vw) !important;
letter-spacing: 0.25em;
}
.okayama-info__box-text{
border:1px #000 dashed;
padding: 0.75em 1em;
line-height: 2em !important;
font-size: min(13px,2.75vw) !important;
margin-bottom: 6em !important;
}
.post_content .clinic-mune li  a{
color: #000;
}
.single-clinic  .clinic-mune span{
position: relative;
text-indent: -0.5em;
}
.single-clinic .clinic-mune span:after{
    content: "";
    position: absolute;
    top: 29%;
    right: -1em;
    width: 14px;
    height: 14px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
}
/*.single-clinic  .panel-group :not(.is-show) img{
filter: grayscale(100%);
}*/
.single-clinic  .calendar_area .tab-group .tab{
background: #9e9e9e;
}
.single-clinic  .calendar_area .tab-group .tab.is-active{
background: #3a3a3a;
}
.single-clinic .clinic-info dt{
background: #000;
color: #fff;
padding: 0em 0.75em;
margin-right:1em;
width: 6.5em;
text-align: center;
}
.single-clinic .clinic-info li{
width: 35%;
}

.single-clinic .clinic-info h4 span{
display: block;
font-size: min(17px,3.25vw);
}
.single-clinic .clinic-info h4{
font-size:min(24px,4.5vw);
}
.single-clinic .clinic-info h4 + p{
font-size:min(15px,3.25vw);
}
.single-clinic .dr-sns-li li{
width: 42%;
margin: 0 0.5em;
}

.clinic-dr-wrap *{
font-weight: bold;
text-align: center;
}
.clinic-dr-wrap dt{
font-size: min(25px,4vw);
border-bottom: 1px solid #000;
margin-bottom: 0.5em;

}
.single-clinic #blog_list .item{
width: calc(100% / 2 - 4%);
}
.single-clinic #blog_list{
width:100%;
}
.okayama-cp-ttl{
text-align: center;
padding: 0.25em 0 !important;
margin: 3em auto 2em !important;
color: #fff;
border-radius:2em;
background:#D893A5;
}

.clinic-text .clinic-mune + p{
font-size:15px;
font-weight: bold;
}
.clinic-mune li p.flex{
height: 4em;
font-size:min(18px,5vw);
font-weight:bold;
align-items: center;
border-bottom: 1px solid #999;
margin-bottom: 1em;
}
.clinic-mune li p img{
max-height: 100%;
}
.clinic-mune li p{
height: 4em;
padding: 0.25em 0.5em;
margin-bottom: 0;
font-weight: bold;
line-height: 2em;
}
.clinic-mune li{
border: 1px solid #999;
padding: 0.25em 0.5em;
width: calc(100% / 3 - 2%);
}
.left-10w{
margin-left: -10% !important;
}

.u-layer{
    position: relative;
    z-index: -1;
}
.w-alpha-b{
background:rgba(255,255,255,0.85);
padding: 1em;
}

.post_content .clinic-text p{
font-size: 13px;
text-align: justify;
}

.post_content h2.mid-ttl {
    border: 1px solid #000;
    padding: 0.7em 1em;
    line-height: 1.5em;
    font-size: 1.25em;
    font-weight: 500;
}
@media screen and (max-width: 750px){
/*.okayama-clinic .l__cat-menu-wrap.is-in{
    position: unset;
  }*/
  .okayama-clinic .l__cat-menu .is-in .nav-open{
    background: #2a313d;
    color: #fff;
  }
  .okayama-clinic .l__cat-menu-wrap{
    border: none;
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 6px 2px rgba(10, 10, 10, 0.25);
  }
  .okayama-clinic .l__cat-menu .nav-open{
    font-size: 15px;
    box-shadow: none;
    padding: 10px;
    line-height: 1.5em;
  }
  .okayama-clinic .l__cat-menu .nav-open{
    background: #2a313d;
    color: #fff;
    border-radius: 0em;
  }
  .okayama-clinic .mid-cat .float_link{
    background: #2a313d;
  }
  /*ここまで*/
.cf_header_no_image{
margin-bottom: 1em !important;
}
.w-alpha-b{
padding-left: 0;
padding-right: 0;
}
.left-10w{
margin-left: auto !important;
}
.shuffle p:first-of-type{
order: 2;
}
.left-10w-sp{
margin-left: -2% !important;
}
.clinic-mune li{
width: 80%;
margin: 1em auto;
}
.single-clinic .clinic-mune span{
margin-left: 1em;
font-size: 1.1em;
}
.single-clinic .clinic-mune span:after{
top: 20%;
right: -1em;
}
.clinic-mune li p.flex img{
margin-left:1em;
}
.dr-sns-li li img{
width: 15%;
}
.dr-sns-li li a{
padding: 0.25em 0.5em;
}
.post_content h4.dr-media-ttl{
    margin: 0.25em 0 !important;
    padding: 0;
}
.clinic-dr-wrap dd{
font-size:2.75vw;
}
#article .mb1em-sp{
margin-bottom: 0.75em !important;
}
.dr-sns-li li a{
font-size:2.75vw;
}
}