@charset "utf-8";
/*	style　[ top : ゆみレディースクリニック PC ]
=================================================================== */
body {
	background: url(../images/bg-img.jpg) top center repeat;
	font: normal "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

@media screen and (min-width: 768px) {
section {
	clear: both;
	font-size: 100%;
	line-height: 150%;
}
p {
	line-height: 150%;
  margin-bottom: 10px;
}
.row img {
	margin: 0 auto;
}
/*	header
=================================================================== */

/* navi */
.navbar {
	background-color: #bb003d;
	font: "Arial Black", Gadget, sans-serif;
	font-size: 90%;
	height: 40px;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}
.navbar ul.nav {
	width: 100%
}
.navbar ul.nav li {
	font-size: 90%;
	width: 14.2%;
}
.navbar ul.nav li.menu2 a {
	padding: 5px 10px;
}
.navbar ul.nav li a {
	color: #FFF;
}
.navbar ul.nav li a:hover {
	opacity: .5;
}
.navbar-inverse {
	border-color: #bb003d;
}
/*	contents
=================================================================== */
.row {
	margin-left: 0;
}
h2.h2Tit {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 40%, rgba(232,121,157,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,0.4)), color-stop(100%,rgba(232,121,157,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(232,121,157,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(232,121,157,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(232,121,157,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(232,121,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e8799d',GradientType=1 );
	border-bottom: 1px solid #c90040;
	font-size: 160%;
	font-weight: bold;
	padding: 9px 0;
}
h2.h2Tit span {
	background: url(../images/icon-clover.png) left center no-repeat;
	padding: 9px 0 9px 2em;
}
.backToTop {
	text-align: right;
}
/* mainImg */
#mainImg {
	padding: 30px 0 0;
	position: relative;

}
#mainImg h1 {
    color: #333333;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-top: 2.5px;
    margin-left: -225px;
    font-size: 30px;
	text-align: center;
}
div#siteID img {
	width: 100%;
}
/* carousel */
#carousel {
	margin: 0;
	padding: 0;
}
.carousel {
	width: 100%;
}
.carousel .carouselImage {
	background-color: #FFF;
	margin: 0;
	padding: 10px 0;
}
.carousel .carouselImage img {
	width: 91%;
}
.carousel .carouselImage img.imageLeft {
	margin: 0 3% 0 6%;
}
.carousel .carouselImage img.imageRight {
	margin: 0 6% 0 3%;
}
/* bnSpace */
#bnSpace {
	padding: 20px 0;
	text-align: center;
}
#bnSpace img {
	max-width: 100%;
	background-color: rgba(255, 255, 255, 0);
}
#bnSpace .icon {
/*    width: 50%;*/
	width: 100%;
	padding: 0 80px;
	margin: 0 auto;
}
/* news */
#news .container {
	padding: 30px 50px 0;
}
#news ul.newsList {
	background-color: #FFF;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #C00246;
	margin: 60px 50px;
	padding: 40px 50px;
	list-style-type: none;
}
#news ul.newsList li {
    border-bottom: 1px dashed #999;
    padding: 5px 0;
}
#news ul.newsList li.new:before {
	content: "NEW!";
	background-color: #bb003d;
    color: #fff;
    padding: 0 7px;
    margin-right: 5px;
	border-radius: 8px;
}
/* greeting */
#greeting .container {
	padding: 30px 50px 0;
}
#greeting .leftBox {
	font-size: 110%;
	margin-top: 40px;
}
#greeting .leftBox img {
	max-width: 100%;
}
#greeting .leftBox sup {
	font-size: 60%;
	top: 0;
}
#greeting .leftBox .status {
	margin: 10px auto 40px;
	width: 200px;
}
#greeting .rightBox {
	margin-top: 40px;
}
#greeting h3.h3Tit {
	border-bottom: 1px dotted #bb003d;
	font-size: 110%;
	font-weight: normal;
	padding: 3px 0;
}
#greeting .b-line {
	border-bottom: 1px solid #bb003d;
}
/* logomark */
#logomark .container {
	padding: 30px 50px 50px;
}
#logomark .leftBox {
	margin-top: 100px;
}
#logomark .rightBox {
	margin-top: 100px;
}
/* services */
#services .container {
	padding: 30px 50px 0;
}
#services ul {
	margin: 60px 50px;
	padding: 40px 50px;
}
#services .yoyaku a {
	text-align: center;
}
/* consultation-day */
#consultation-day .container {
	padding: 30px 50px 0;
}
#consultation-day .centerBox {
	margin: 60px auto;
	text-align: left;
	width: 480px;
}
#consultation-day .date {
	float: left;
	width: 70%;
}
#consultation-day .yoyaku {
	float: left;
	padding: 10px 0;
	text-align: right;
	width: 30%;
}
#consultation-day table.thDay {
	border-spacing: 2px;
	border-collapse: separate;
}
#consultation-day table.thDay th {
	background-color: #FFF;
	border: 1px solid #333;
	padding: 5px;
	text-align: center;
}
#consultation-day table.thDay td {
	background-color: #FFF;
	border: 1px solid #333;
	padding: 5px;
	text-align: center;
}
/* access */
#access .container {
	padding: 30px 50px 50px;
}
#access .map {
	margin: 0;
	padding: 0;
}
#access .map iframe {
	height: 500px;
	vertical-align: bottom;
	width: 100%;
}

/* calendar */
#calendar .container {
	padding: 30px 50px 0;
}
#calendar .calendar {
	background-color: #FFF;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #C00246;
	margin: 15px auto;
	padding: 5px 8px 8px 8px;
  text-align: center;
}
#calendar .calendar iframe {
	height: 500px;
	vertical-align: bottom;
	width: 100%;
}
  
  ul.calender-list {
  list-style: none;
  margin: 10px auto 0 auto;
  padding: 0;
  text-align: center;
}
ul.calender-list li {
  margin: 0;
  padding: 0 15px 0 0;
  display: inline-block;
}
.bg01 {
  color: #AD2D2D;
}
.bg02 {
  color: #668CD9;
}
.bg03 {
  color: #8CBF40;
}
  .bg04 {
  color: #8C66D9;
}
  
/* footer */
footer#footer {
	background-color: #bb003d;
	color: #FFFFFF;
	font-size: 90%;
	padding: 30px 0;
	text-align: center;
}
footer#footer p.fTit {
	font-size: 130%;
	font-weight: bold;
}
footer#footer p.fTit span {
	font-size: 60%;
	font-weight: normal;
}
footer#footer address {
	font-size: 120%;
}
}
/* ※※※※※※　class　※※※※※※ */

.noDisplay {
	display: none;
	margin: 0;
	padding: 0;
}
/* japanese  */
.jpara {
	text-indent: 1em;
}
/* text */
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
/* block */
.setRight {
	float: right;
	display: block;
}
.setLeft {
	float: left;
	display: block;
}
.setClear {
	clear: both;
	font: 0px/0px sans-serif;
}
.red {
	color: #f00;
}
/* space */
.spaceTop05 {
	margin-top: 5px;
}
.spaceTop10 {
	margin-top: 10px;
}
.spaceTop15 {
	margin-top: 15px;
}
.spaceTop20 {
	margin-top: 20px;
}
.spaceTop40 {
	margin-top: 40px;
}
.spaceTop100 {
	margin-top: 100px;
}
.spaceTop2em {
	padding-top: 2em;
}
.spaceBottom05 {
	margin-bottom: 5px;
}
.spaceBottom10 {
	margin-bottom: 10px;
}
.spaceBottom20 {
	margin-bottom: 20px;
}
.spaceBottom40 {
	margin-bottom: 40px;
}
.spaceBottom100 {
	margin-bottom: 100px;
}
/* clearfix */

.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/
.cf {
 *zoom:1;
}

/* NEW */
span.newMark {
    color: #ffffff; /* フォント色*/
    font-size: 10px; /* フォントサイズ*/
    background: #f35b69; /* 背景色*/
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: 8px;
    padding: 2px 5px;
}


summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #d9809d;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}

.summary_inner{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e5c1cd;
  font-weight: bold;
  color: #b82643;
}

/*
.wrapper_pseudoElementsIcon .summary_inner::after {
  content: "";
  display: block;
  width: 25px;
  height: 16px;
  margin-left: 6px;
  flex-shrink: 0;
  background-image: url("icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: center 43%;
  animation: 0.4s close-animation;
}

@keyframes close-animation {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(0deg);
  }
}

details[open] .summary_inner::after {
  animation: 0.4s open-animation forwards;
}

@keyframes open-animation {
  from {
    transform: rotate(0deg);
  }

  to{
    transform: rotate(180deg);
  }
}

/*  */
.content {
  background-color: #f8cada;/*#e5d3d9;*/
/*  padding: 24px 48px; */
  display: flex;
/*  flex-direction: column; */
  justify-content: space-around;
/*  gap: 16px; */
}
.content2 {
  background-color: #f8cada;/*#e5d3d9;*/
  padding: 24px 48px; 
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  /*gap: 16px; */
}

.content-all {
  width: 100%;
}
.content-row {
  width: 30%;
  height: auto;
}
.content-row p {
  margin-left: 0.7em;
}
.content-row img {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .content {
  display: block;
  }

  .content-row {
    width: 100%;
  }

}