@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat');

/* ------------------------------------------------- *
 *  reset
 * ------------------------------------------------- */
dd, li { margin: 0; padding: 0; }
ul, ol { margin: 0; padding: 0; list-style-type: none; }
p { margin: 0; }

/* ------------------------------------------------- *
 *  common
 * ------------------------------------------------- */
body {
  background: #FFF;
  font-family: "メイリオ", Meiryo, "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #717171;
}
.sns-list { margin-top: 30px; }
.tel-link { color: #222; }

hr		{ display: block; height: 1px; border: none; border-top: 1px dotted #999; margin: 0.8em 0; }

/* ------------------------------------------------- *
 *  header
 * ------------------------------------------------- */
.site-header-in { margin-bottom: 10px; }

.head .logo {
  position: relative;
  max-width: 470px;
}
.head .logo:after {
  content: "";
  background: url(../img/logo3.png) left top no-repeat;
  background-size: cover;
  width: 99px;
  height: 58px;
  position: absolute;
  top: 0;
  right: -120px;
}


.global-nav {
  background: none;
  border-bottom: none;
}
.global-nav-in li a {
  line-height: 1.1;
  padding: 0;
}
.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #FFF;
}
.site-header-conts {
  padding: 20px 0 10px;
}

.site-header-conts .head {
  float: left;
}
.site-header-conts h1 {
  font-size: 0.8em;
  color: #717171;
  margin: 0 0 10px 0;
}
.site-header-conts .tel {
  float: right;
  margin-top: 40px;
}

/* ------------------------------------------------- *
 *  top main
 * ------------------------------------------------- */
.main-conts {
  line-height: 1.8;
  font-size: 1em;
}

.topimage {
  max-width: 950px;
  margin: 0 auto 40px;
}

.main-body h2 {
  background: url(../img/h2.jpg) left top repeat-y;
  color: #fff;
  font-size: 1.45em;
  font-weight: bold;
  margin: 60px 0 10px;
  padding: 3px 18px;
}


.top-news {
  background: #FAEAF2;
  padding: 10px 15px;
  border-radius: 5px;
}
.top-news h2 {
  background: none;
  color: #E07A89;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 2px solid #E07A89;
}

.home .main-body-in {
  padding-top: 20px;
}

.detaillink {
  text-align: right;
  margin-top: 20px;
}

.reception .table {
  width: 56%;
  margin-right: 4%;
  float: left;
}
.reception .table p {
  text-align: center;
  font-size: 1.75em;
}
.reception table {
  margin: 0;
}
.reception table th {
  background: none;
  font-weight: normal;
  padding: 10px 5px;
  border: 1px solid #575757;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}
.reception table td {
  padding: 0 10px;
  border: 1px solid #575757;
  text-align: center;
  font-size: 14px;
}
.reception table thead				{ background: #F8BF77; }
.reception table thead td:nth-last-of-type(1)	{ background: #F7C7DC; }
.reception table thead td:nth-last-of-type(2)	{ background: #BAE3F9; }
.reception table td.ok { color: #F3A3A9; }
.reception table td.hok { color: #00A84D; }

.reception .txt {
  width: 40%;
  float: left;
}

.reception .txt ul li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 7px;
  font-size: 0.85em;
}

.reception .txt ul li span.green { color: #00A84D; }


.access_top .map {
  width: 46%;
  margin-right: 4%;
  float: left;
}
.access_top .txt {
  width: 50%;
  float: left;
}
.access_top .txt ul {
  margin-bottom: 1em;
}
.access_top .txt ul li {
  margin-bottom: 3px;
  font-size: 0.85em;
}

.bnr {
  margin: 60px 0 10px;
}

.greeting .up {
  font-size: 1.45em;
  color: #ec7787;
}
.greeting .name {
  font-size: 0.85em;
  text-align: right;
}


/* ------------------------------------------------- *
 *  aside
 * ------------------------------------------------- */
.sub-conts .section-wrap .section-in {
  background: none;
  border: none;
  padding: 0;
}

.sub-conts .section-wrap {
  border: medium none;
  margin: 0 auto 40px;
  padding: 0;
}

.sub-conts .sidemenu li {
  margin-bottom: 10px;
  text-align: center;
}
.sub-conts .sidemenu .fb {
  margin-bottom: 40px;
}

/* ------------------------------------------------- *
 *  sec
 * ------------------------------------------------- */
.main-body h3 {
    background: none;
    border-bottom: none;
    font-size: 1.2em;
    font-weight: normal;
    margin: 60px 0 20px;
    padding: 0;
    position: relative;
}

.clinic h3 {
  color: #e4679b;
}
.clinic-illust {
  background: url(../img/illust01.png) right top no-repeat;
  min-height: 154px;
  padding-right: 116px;
}
.clinic-photo li {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
}
.clinic-photo li:last-child { margin-right: 0; }

.clinic-image {
  float: right;
  width: 160px;
}
.clinic-profile {
  float: left;
  width: calc(100% - 170px);
  margin: 0;
}
.clinic-profile dt {
  width: 130px;
  float: left;
  clear: left;
}
.clinic-profile dd {
  padding-left: 130px;
}
.txt-right { text-align: right; }
.txt-right.name { text-align: right; margin-top: 10px;}
.center { text-align: center; }



.menopausal h3 {
  color: #d35152;
  margin: 20px 0;
}

.frame-pink {
  background: #FFF5EB;
  padding: 15px 10px;
  border-radius: 5px;
}

.menopausal .point {
  width: 48%;
  float: left;
  font-size: 0.85em;
}

.menopausal-left {
  margin: 0 0 20px 56px;
}

.menopausal-tb {
  display: table;
}
.menopausal-tb dt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  color: #FFF;
}
.menopausal-tb dt.pink1 { background: #F8B2CF; }
.menopausal-tb dt.pink2 { background: #F16BA3; }

.menopausal-tb dd {
  display: table-cell;
  font-size: 0.85em;
  padding-left: 10px;
}

.gynecology-main dt {
  color: #EC7786;
  border-bottom: 1px solid #EC7786;
  font-weight: bold;
}
.gynecology-main dd {
  padding-bottom: 20px;
}
.gynecology h3 {
  color: #fff;
  background: #F9CB87;
  padding: 3px 10px;
  margin-top: 20px;
}

.gynecology-txt { font-size: 0.85em; }

.gynecology-illust {
  background: url(../img/illust04.png) right top no-repeat;
  min-height: 191px;
  padding-top: 20px;
  margin-top: 20px;
}

.gynecology-frame {
  border: 1px solid #EC7786;
  padding: 15px 10px;
  border-radius: 5px;
  display: table;
}
.gynecology-frame p {
  text-align: center;
}
.gynecology-frame p:first-child {
  color: #EC7786;
  font-weight: bold;
}

.internal-pink {
  color: #EC7786;
  font-weight: bold;
}
.internal-illust {
  background: url(../img/illust05.png) right top no-repeat;
  min-height: 194px;
  font-size: 0.85em;
  margin-top: 30px;
  padding-right: 130px;
}
.internal-frame {
  border: 1px solid #EC7786;
  padding: 10px 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.1em;
  color: #EC7786;
  margin-top: 30px;
}

.free-top {
  text-align: center;
  font-size: 1.25em;
  border: 1px solid #EC7786;
  background: #FFF5EB;
  padding: 15px 10px;
}
.free-top span {
  color: #EC7786;
  font-weight: bold;
}
.free-dl1 { font-size: 0.85em; }
.free-dl1 dt {
  color: #EC7786;
  border-bottom: 1px solid #EC7786;
  font-weight: bold;
}
.free-dl1 dd {
  margin-bottom: 20px;
}
.free-dl2 { font-size: 0.85em; }
.free-dl2 dt {
  color: #EC7786;
  font-weight: bold;
}
.free-dl2 dd {
  margin-bottom: 20px;
}
.free h3 {
  color: #fff;
  background: #F3A9B2;
  padding: 3px 10px;
  margin: 10px 0;
}
.free-dl3 { font-size: 0.85em; }
.free-dl3 dt {
  color: #ec4566;
  font-weight: bold;
  width: 130px;
  float: left;
  clear: left;
}
.free-dl3 dd {
  margin-bottom: 20px;
  padding-left: 130px;
}

.free-illust {
  background: url(../img/illust01.png) right top no-repeat;
  min-height: 154px;
  margin-top: 40px;
}
.free-frame {
  border: 1px solid #EC7786;
  padding: 15px 10px;
  border-radius: 5px;
  display: table;
}
.free-frame p {
  font-size: 0.95em;
}
.free-frame p:first-child {
  text-align: center;
  color: #EC7786;
  font-weight: bold;
  font-size: 1.1em
}

.free-table th {
  background: #EC7786;
  color: #FFF;
  font-weight: normal;
  padding: 5px 10px;
  border: 1px solid #575757;
  border-right: none;
  font-size: 14px;
  white-space: nowrap;
}
.free-table td {
  padding: 5px 10px;
  border: 1px solid #575757;
  border-left: none;
  text-align: left;
  font-size: 14px;
}

.access-profile dt {
  width: 90px;
  float: left;
  clear: left;
}
.access-profile dd {
  padding-left: 90px;
}
.access-illust {
  background: url(../img/illust06.png) right top no-repeat;
  min-height: 192px;
  margin-top: 20px;
  padding-right: 110px;
}

#maparea {
  width: 100%;
  height: 400px;
}
/* ------------------------------------------------- *
 *  footer
 * ------------------------------------------------- */
.site-footer {
  background: #fdf0e7;
  font-size: 0.8em;
  padding: 30px 0;
  color: #717171;
}
.site-footer .tel-link { color: #717171; }
.site-footer-in a { color: #717171; }

.foot-info { float: left; margin-left: 10px; }
.foot-info p { margin-top: 10px; }
.foot-nav { float: left; margin: 20px 0 0 40px; }
.foot-nav ul { float: left; margin-right: 20px; }
.foot-nav li { margin-bottom: 5px; }
.foot-nav li a {
  color: #717171;
  text-decoration: none;
}
.foot-nav li a:hover { opacity: 0.7; }
.foot-nav li:not(.fb) a::before {
  content: "▶";
  font-size: 9px;
  padding-right: 4px;
  vertical-align: middle;
}

.foot-tel {
  float: right;
  margin-top: 20px;
}

.copyright { background: none; margin-top: 0; color: #717171; font-size: 0.8em; }

/* ------------------------------------------------- *
 *  misc
 * ------------------------------------------------- */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* ------------------------------------------------- *
 *  responsive
 * ------------------------------------------------- */
@media
only screen and (max-width : 1000px){
}

@media
only screen and (max-width : 860px){
 .foot-info { float: none; display: table; margin: 0 auto 20px; }
 .foot-nav { float: none; display: table; margin: 0 auto 20px; }
 .foot-tel { float: none; display: table; margin: 0 auto 20px; }
 .site-header-conts .head { width: 100%; float: none;}
 .site-header-conts .tel { float: none; margin-top: 20px; }
 .gynecology-illust { background: none; }
 .gynecology-frame { margin: 0 auto;}
 .free-illust { background: none; }
 .free-frame { margin: 0 auto;}
 .sub-conts { display: none; }
 .col2r .main-conts { float: none; width: 100%; }
}

@media
only screen and (max-width : 736px){
 .site-header-in { margin-top: 30px; }
 .site-header-conts { padding: 20px 2% 10px; box-sizing: border-box; }
 .sub-conts { display: none; }
 #menu li a::after { content:attr(data-label); }
 #menu li a img { display:none; }
 .global-nav-in li a {
   line-height: 1.4;
   padding: 5px 10px;
 }
 .global-nav-in li a:hover,
 .global-nav-in li a:active,
 .global-nav-in li a:focus{
 	background-color: #222;
 }
}

@media
only screen and (max-width : 480px){
 .head .logo {
   width: calc(100% - 100px);
 }
 .head .logo:after {
   width: 60px;
   height: 35px;
   right: -70px;
 }
 .menopausal .point { float: none; width: 100%; }
 .free-table th { width: calc(100% - 2px); display: block; padding: 5px 0; text-align: center; border: 1px solid #575757; border-bottom: none; }
 .free-table td { width: calc(100% - 2px); display: block; padding: 5px 0; border: 1px solid #575757; border-bottom: none; }
 .free-table { border-bottom: 1px solid #575757; }
 .reception .table { float: none; width: 100%; }
 .reception .txt { float: none; width: 100%; }
 .access_top .map { float: none; width: 100%; }
 .access_top .txt { float: none; width: 100%; }
 .clinic-image {
   float: none;
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
 }
 .clinic-profile {
   float: none;
   width: 100%;
 }
}