@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("detail.css");
@import url("common-detail.css");


@import url("top.css");

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');


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

/* ベースレイアウト設定 */

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


html{	font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #1F1F1F;
	height:100%;
	line-height:1.6;
	background:#FFF;
	-webkit-text-size-adjust: none;
	font-weight:300;

}

.serif{ font-family: 'Noto Serif JP', serif;}


/* ヘッダー幅 */

/*nav ul{margin:auto;  width:1000px; }*/
#summary{  width:1000px; margin:auto; position:relative; }


/* ページ幅 */

.wrap,
.pageTitle
{margin:auto; width:1000px; }


/* PC ページ幅*/
@media print, screen and (min-width: 737px) {

.pcwrap{margin:auto; width:1000px; }
}





/* メインレイアウト幅 */
#main{width:1000px; margin:auto;}


#contentArea{  padding-bottom:5rem;}

/* サイドバー幅 
#side{ float:right;  width:230px; }*/



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

/* 基本要素 */

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


/*hover PC*/
@media print, screen and (min-width: 737px) {
a:hover{ color:#F7891E;}
a img:hover{ opacity:0.7;}

}

a{  color:#09C;}


a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}


/* パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */

.wpcontents ul li:before,
ul li:before,.headListTable th:before { color:#EAB0C7;}

.wpcontents h4:before,
.sq:before , .profHead:before{color:#A84371;}




/* 太字テキスト */

.color,
.top #main .read-area h2,
p.tx-b,
dl.headingText dt,
#side .tel
{color:#A84371;}

.colorBlue{color:#0C64B8;}



dl.headingText dt.link a{}





/* お知らせパーツ */
.news-block{ border-color:#F6EAF0;}
.news h2{ border-color:#D66190;}
.date{    color: #A84371;}
.news .newstext {  border-color:#999;}



.dotline{ border-color:#EAADC5;}





/*基本要素要素 フォントサイズ */
/*  ------------------------------------------------------------ */



dl.headingText dt{ font-size:106%; }
.tx-b{ font-size:120%;}



/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

p{ margin-bottom:1.2rem;}

ul, ol{ margin-bottom: 1.5rem; }
li{  margin-bottom:0.4rem}

dl.headingText{ margin-bottom: 1.2rem;}
dl.headingText dd + dt{ margin-top:1.2rem; }




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

/* 変更デザインパーツ */

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



h1{ position: absolute; right:0; top:5px; font-size:75%; z-index:100;}


/* ヘッダー */
/*  ------------------------------------------------------------ */
header{background:#FFFFFF; border-top: 5px #A84371 solid; box-sizing:border-box;}
	
header .logo{ height:137px;}
header .logo{display:flex; align-items: center;}
header .headerArea{margin:0 auto; position:relative; display:flex;}









/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
header .headerArea{width: 1000px;}
header .headaccessCopy{position: absolute; right:0; bottom:66px; text-align:right; color:#472C19; font-weight:400;font-size: 1.1rem;}
header .headTel{position: absolute; right:185px; bottom:15px;}	
header .yoyaku{position: absolute; right:0; bottom:7px;}

header p{margin-bottom: 0;}
}






/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */



/*PCのみ*/
@media print, screen and (min-width: 737px) {
	

	
#head{ 
	z-index:999;
	width:100%;
	position:fixed;
	top: 0;
	left: 0;
	transition:.5s;
/*	border-bottom:#EDEDED solid 1px;*/
}
	
/*.is-animation{height: 70px;transition:0.5s;}	

.is-animation #summary{top:-22px!important;transition:0.5s;}	
.is-animation .logo{height: 70px;transition: .5s;}
.is-animation .logo img{width: 58%;transition: .5s;}
.is-animation .logo a{z-index: 1000}
.headbrank{ height:140px; background:#FFF;}
#mid #contentArea{margin-top: 140px;}	*/


	
.is-animation{top:-155px !important;transition:0.5s;box-shadow: 1px 1px 2px 0 rgba(153, 153, 153, 0.2);}
	
.headbrank{ height:216px; background:#FFF;}	
#mid #content{margin-top: 216px;}

	

}






/* ヘッダナビ */
/*  ------------------------------------------------------------ */

/* ヘッダ メニュー*/

nav #navMenu li { margin-bottom:0;}


/*PCのみ*/
@media print, screen and (min-width: 737px) {
	

nav ul#navMenu{
	width:1000px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}

/* ナビ背景 */
nav{
	width:100%;
	height:74px;
	min-width: 1000px;
	position: relative;
	background: #fff;
}

	

/* メニューボタンサイズ */

nav #navMenu {height:74px; /*overflow:hidden;*/}

	
nav #navMenu > li > a{
	width:100%;
	height:74px;
	color:#333;
	font-size:1.05rem;
	text-decoration: none;
	line-height: 1.3;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 16px;
	font-weight: 400;
}



nav #navMenu > li > a dl{	
	width: 100%;
	box-sizing: border-box;
	border-right:rgba(204, 204, 204, 0.4) solid 1px;
}
	
nav #navMenu > li.menu1 > a dl{
	border-left:rgba(204, 204, 204, 0.4) solid 1px;
}

/*メニューボタンEN*/

nav #navMenu li a .en{
	display:block;	
	color:#a84371;
	font-size:0.63rem;
	margin-top: 1px;
}





nav #navMenu > li.on > a::before,
nav #navMenu > li.pcOn > a::before{
	position:absolute;
	content:'';
	height:2px;
	width:100%;
	background:#a84371;
	z-index:1;
	bottom:0;
}
	
	
	
	
nav #navMenu li a:hover{ opacity:0.85;}

/*nav #navMenu > li > a:hover::before{
	position: absolute;
	content: '';
	height: 1px;
	background: #1b2e59;
	width:100%;
	bottom:0;
	z-index: 2;
}*/



/*メニューボタンデザイン */
nav #navMenu li.menu1{width:69px;}
nav #navMenu li.menu2{width:133px;}
nav #navMenu li.menu3{width:133px;}
nav #navMenu li.menu4{width:133px;}
nav #navMenu li.menu5{width:133px;}
nav #navMenu li.menu6{width:133px;}
nav #navMenu li.menu7{width:133px;}
nav #navMenu li.menu8{width:133px;}

	

/*メニューボタンデザイン調整 */	

nav #navMenu li.menu1 > a .en{margin-top: -1px;}
/*nav #navMenu li.menu1 .text_home{display: none;}*/
nav #navMenu li.menu1 .iconHome img{height: 19px;}
nav #navMenu li.menu1 .iconHome img:hover{opacity: 1;}
nav #navMenu > li.menu1  > a dl{/*! padding-top: 5px; */}
/*nav #navMenu li.menu1{display: none;}*/

nav #navMenu > li > a::after {
	position:absolute;
	content:'';
	height:2px;
	width:0;
	background:#EEBED1;
	z-index:1;
	bottom:0;
	left: 50%;
    transition: .2s;
  }

nav #navMenu > li:hover> a::after {
    left: 0;
    width: 100%;
  }	
	
	
	

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


nav #navMenu li .second{
	position: absolute;
	top:74px;
	background:#fff;
	visibility:hidden;
	opacity: 0;
	z-index:10;
	padding:0;
	box-sizing: border-box;
	width: 14rem;
	box-shadow: 2px 9px 10px 0 rgba(221, 221, 221, 0.1);
}
	
	
	
nav #navMenu li .second ul{display: block!important;}


nav #navMenu li .second ul li a{
	display: block;
	width:100%;
	height:inherit;
	padding:1rem 1rem 1rem 1.7rem;
	border-top:#bab1ad dotted 1px;
	box-sizing:border-box;
	background-image:url("../images/common/btnR.svg");
	background-position:left 0.5rem center;
	background-repeat:no-repeat;
	background-size:auto 1rem;
	font-size:0.95rem;
	text-decoration:none;
	text-indent:0;
	font-family: 'Noto Serif JP', serif;
    	color:#333;
}




nav #navMenu li .second ul li.on a{ color:#a84371 !important;}
nav #navMenu li .second ul li:first-of-type a{border:none;}

	

	
	

	
	
	
	
#globalMenu .text_home{display: none;}	
.spMenu_head{display: none;}
#globalMenu{display: block!important;}
#content{display:block!important;}
.spNavTel,.spNavYoyaku{display: none!important;}	


	
	

nav #navMenu li:hover .second{
	animation: fadeInAnime 0.4s cubic-bezier(0.2, 0.8, 0.8, 1) forwards;
}
	

	
	
}




@keyframes fadeInAnime{
  0% {
	top:72px;
    opacity: 0;
  }
  100% {
	top:74px;
  }
  40%,100% {
    opacity: 1;
    visibility: visible;
  }
}	
	


/*SP*/
@media screen and (max-width: 736px) {

nav #navMenu li a .en{display: none;}
nav #navMenu li.menu1 a .en{display: block;}
nav #navMenu li.menu1 .iconHome{display: none;}



}
















/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */

/* ページBG*/
/*#mid #titleArea {background:#FDECF2 url(../images/midImg2024.jpg) no-repeat left center;
  text-align:right; height:200px; 
	 margin-bottom:30px;}*/


/* ミドルビジュアル*/
/*#titleArea .midMV {
	margin-bottom: 40px;}

#titleArea h2{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height:200px;
	width:1000px;
	text-align:right;
	padding: 0 0px 0 0;
	font-size:1.7rem;
	font-weight:400;
}*/




/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */


/* ミドルビジュアル*/

#mid #titleArea{
	background: url("../images/midImg2024.jpg");
	background-position:left center;
	background-repeat: no-repeat;
	background-color:#FDECF2;
	background-size: auto 100%;
	width: 100%;
	height:200px;
	margin-bottom:0;
}

/*PCのみ*/
@media print, screen and (min-width: 737px) {

#mid #titleArea{min-width: 1000px;}	
	
	
}	


/*SP*/
@media screen and (max-width: 736px) {
	
#mid #titleArea{
    height:100px; /*! margin-top:75px; */ margin-bottom:0; background-position: -8px center;

}

	
}


/* ページタイトル*/
/*  ------------------------------------------------------------ */


#titleArea .titleSet{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height: 200px;
	width: 1000px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1.4;
}

#titleArea h2{
    font-family: 'Noto Serif JP', serif;
    font-size:2.15rem;
    color:#a84371;
    padding-right: 2rem;
    letter-spacing: 0.05em;
}



#titleArea h2 span.decoSmallTxt{
	margin-bottom: 0;
	margin-top: 0.2rem;
	display: block;
	font-size: 0.85rem;
	color:#a84371;
	letter-spacing: 0;
	font-weight: 200;
}










/*SP*/
@media screen and (max-width: 736px){

#titleArea .titleSet{height: 100px;width: 100%;}
#titleArea h2{font-size:1.25rem;padding-right: 1rem;}
#titleArea h2 span.decoSmallTxt{font-size:0.63rem;margin-top: 0.1rem;}	

}








/* Ｈタグ */
/*  ------------------------------------------------------------ */


/* メインタイトル */


.pageTitle h2{
border-bottom: dotted 1px #999;
margin:1rem auto 1.8rem;
font-weight:500;
line-height:1.4;
display: flex;
align-items: center;
font-size:1.3rem ;
}


.pageTitle h2:before{
	content:"";
	height: 2.4rem;
	margin: 1rem 1rem 0.8rem 0;
/*	border-radius:5px;*/
	background: #D66190;
	width: 8px;
	flex-shrink: 0;
}





@media screen and (max-width: 736px) {
.pageTitle h2{font-size:1.1rem ;margin-top: 0;}
}


/* 基本見出し*/
/*  ------------------------------------------------------------ */


.title_nomal,
.news.wpcontents h3
{
font-size:1.2rem;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f2d7e2+100 */
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(242,215,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,215,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(242,215,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2d7e2',GradientType=0 ); /* IE6-9 */


color:#333;
margin: 4rem 0 1.8rem;
line-height: 1.2;
font-weight:500;
border: 2px solid #FDCBDC;
border-radius: 3px;
	min-height: 3rem;
	align-items: center;
	display: flex;
	padding: 0.5rem;
}

.title_nomal:before,
.news.wpcontents h3:before{
	content:"";
	background:url(../images/icon_libbon.png) no-repeat center;
	height:2.4rem;
	width:2.4rem;
	background-size:auto 100% ;
	flex-shrink: 0;
}

/* SP */
@media screen and (max-width: 736px) {
.title_nomal,
.news.wpcontents h3{ 	min-height: 2.4rem; font-size:1.1rem; margin-bottom:1rem;}

}





/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable{  border:solid 1px #E6E6E6; margin: 0 0 10px;border-bottom:none; text-align:left;}
table.listTable td{ padding:10px; border-right:solid 1px #E6E6E6;}
table.listTable td.colorTD{background:#ECF7EE; border-right:solid 1px #E6E6E6; font-weight:500;}

table.listTable th{ padding:10px;
	background:#F8F8F8;
	border-right:solid 1px #E6E6E6; 
	border-bottom:solid 1px #E6E6E6;
	font-weight:500;}
	
table.listTable td{
	border-bottom:solid 1px #E6E6E6;
}






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

/*診療時間テーブル*/

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

/*基礎*/
table.timeTable{ width:100%; text-align:center; box-sizing:border-box; margin-bottom:0.5rem; }
table.timeTable th{ font-size:92%;  box-sizing:border-box; line-height:1; padding:0.5rem 0;}
table.timeTable td{box-sizing:border-box; }
table.timeTable td.schedule{font-size:110%; }

table.timeTable td.timeHead{ white-space:nowrap; line-height:1.3; width:28%; padding: 0.4rem 0.3rem ; font-size:75%;}
.timeTable .timeHead span{   font-size:150%; font-family: 'Roboto', sans-serif; font-weight:400;}
.timeTable .day{font-size:90%; width: 12%;}


/*変更要素*/

table.timeTable{ border: #E1D3BE solid 1px; }
table.timeTable th{ background:#D66190; color:#FFFFFF; border-left:#E1D3BE solid 1px; }
table.timeTable th:first-child{border-left:none;}
table.timeTable td{ background:#FFF; border:#E1D3BE solid 1px; color:#D66190; }

table.timeTable td.timeHead{ color:#1A1A1A;}



/* SP */
@media screen and (max-width: 736px) {
table.timeTable{ font-size:0.9rem;}
table.timeTable th{ padding:  0.35rem 0; }
}



/* SP S */
@media screen and (max-width: 374px) {	
table.timeTable{ font-size:0.8rem;}

}

table.timeTable td.schedule.option{font-size:100%; line-height:1.1; font-weight:400; }




/* フットエリア（ */
/*  ------------------------------------------------------------ */


#map.googleMap{
 width:100%;
	/*! border-top:2px solid #AE1D53; */
	box-sizing:border-box; line-height: 0;}


/* フッタ */
footer .wrap{ padding:0 }
footer{ width:100%;}


/*PCのみ*/
@media print, screen and (min-width: 737px) {
footer #clinicInfoArea{
background: #fcf9f1;
 padding-bottom:1.5rem;
/*! border-top: solid 3px #EEBED1; */
}
	
	
	

}










footer #clinicInfoArea{width:100%;  font-size:0.95rem;  }

footer #clinicInfoArea .wrap{padding:2.5rem 0 0; }

.holiday{background:url(../images/iconHoliday.png) no-repeat left 0.2rem; background-size:auto 1.3rem; padding:0rem 0 0rem 4rem;margin-top: 0.7rem;}
.infoTel{margin:2rem 0 2.4rem;}
.infoMapImg{border:1px solid #D66190; box-sizing:border-box; margin:0;}



footer #clinicInfoArea .infoH2sub{margin-top:0.8rem;color:#ae1d53;font-weight:500;font-size:1rem;}

footer #clinicInfoArea .number{font-size:1rem;}

footer #clinicInfoArea .iconAccess.infoSpTitle{font-family: 'Noto Serif JP', serif;}

footer #clinicInfoArea .iconTime{margin-top: 0.5rem;}
footer #clinicInfoArea .footTel{padding-top:2rem; margin-top: 2rem;border-top: #ccc 1px dotted;text-align: center;}





/*SP*/
@media screen and (max-width: 736px) {
.footLogo img{width:96%;margin-top: 0.5rem;}
}





/* アクセスボタン */
/*  ------------------------------------------------------------ */


/*PCのみ*/
@media screen and (min-width: 737px) {

}


.accessLinkBtn a{
	text-align:center;
	background-color:#fff;
	background-image:url("../images/common/btnS.svg"); 
	background-repeat:no-repeat;
	background-position:left 0.9rem center;
	background-size:1rem;
	display:inline-block;
	min-width:13rem;
	padding:0.8rem 2rem 0.8rem 2rem;
	text-decoration:none;
	color:#ae1d53;
	border-radius:50px;
	box-sizing:border-box;
	font-size:1rem;
	text-indent:1rem;
    border: #d66190 1px solid;
    margin-top: 0.8rem;
    font-family: 'Noto Serif JP', serif;

}


.accessLinkBtn a:hover{opacity: 0.85;}







/*SP*/
@media screen and (max-width: 736px) {
.accessLinkBtn{display: none;}

}




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



/*インフォアイコン*/

.iconTime{
	background:url(../images/iconTime.png)no-repeat left center;
	background-size: 1.4rem auto;
	padding:0.3rem 0 0.2rem 1.8rem;
	 margin:0 0 0 0;
	font-size: 1rem; font-weight:500;}


.iconAccess{
	background:url(../images/iconAccess.png) no-repeat left center;
	background-size: 1.5rem auto;
	padding:0.3rem 0 0.3rem 1.8rem;
	 margin:0 0 0.2rem 0;
	font-size: 1.1rem; /*! font-weight:500; */
}

.iconParking{padding:0;
	 margin:1rem 0 0;
	font-size:1.8rem; font-weight:600;
	color:#423934;
	display:flex;
	height:2rem;
	align-items:center;
}

.iconParking:before {
  content: '';/*何も入れない*/
  width: 2rem;/*画像の幅*/
  height: 2rem;/*画像の高さ*/
  background: url(../images/iconParking.png) no-repeat;
  background-size: contain;
  margin-right: 0.7rem;
}




footer #copyright{background:#A84371; font-size:70%; text-align:left; color:#FFF;
	font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%; padding:0.6rem 0;position: relative;}
footer #copyright p{margin: 0;}
footer #copyright .toLinkpage{ text-align:right; font-size:0.8rem;position: absolute;right: 10%;}
footer #copyright .toLinkpage a{color:#fff;}
footer #copyright .toLinkpage a:before{ background-size:90%; vertical-align: -0.15rem;}





/* SP */
@media screen and (max-width: 736px) {
footer #copyright .toLinkpage{display:none;}
}



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



.yoyakuSideFixed{position: fixed;right: 0;top: 25%;z-index: 9999;}
.yoyakuSideFixed li{background: #fff;border-radius: 17px 0 0 17px; margin-bottom:0;} 
.yoyakuSideFixed li:last-of-type{margin-top: 0.5rem;}






/* SP */
@media screen and (max-width: 736px) {
	
.yoyakuSideFixed{display: none;}
	
	

}