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


@import url("sp_common.css");
@import url("spmenu.css");
@import url("sp_top.css");


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


body {
	line-height:1.6;
}


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

/* SP レイアウト設定 */

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


/* レイアウト幅 */
/*  ------------------------------------------------------------ */
.wrap,
.inner,
.infoArea .wrap,
.pageTitle,
.spwrap,
#foot .wrap{ margin:auto; width: 90%;}


/*ページ背景*/
#content{ background:#FFFFFF; margin-top: 85px;}


#contentArea{  padding-bottom:4em;}
#top #contentArea{  padding-bottom:0;}



/* ヘッダー */
/*  ------------------------------------------------------------ */


header{  transition: 0.2s; }



/* ヘッダ高さ*/
header .logo{ height:76px; padding: 0 0 0 14px;}
header .logo img{/*! width:100%; */ /*! height:auto; */ max-width: 270px;}
header .logo a{/*! max-width: 50%; */}


/*ナビ位置*/
/*header #globalMenu .menuBtn {
	right: 10px;
	top: 14px;
}*/

/*ナビ開閉時　背景位置*/
/*header #globalMenu #SpNavWrapper { top:80px;}*/



/*ナビ onメニュー*/
/*  ------------------------------------------------------------ */


/*header #globalMenu #navMenu li{
	margin: 0em auto 0;
	width:100%;
}


header #globalMenu #navMenu li:not(:last-child){border-bottom:1px dotted #D66190;}



header #globalMenu #navMenu li.on{
}

header #globalMenu #navMenu li.on a{
	background-color:#CA5081;

}

*/


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

/*
#titleArea h2{
	height:100px;
	text-align:right;
	font-size:1.2rem;
}


#mid #titleArea{ height:100px; margin-top:75px; margin-bottom:0; background-position: -60px center;}
#mid #titleArea h2 img{ height:2em;}
*/




/* トップ・インフォエリア　Ｈタグ */

#top h2.is_SP,
#top #contentArea #newsinfo h3,
h2.spTitle{
	color:#FFFFFF; 
	padding:0.6rem 0rem 0.6rem 0.8rem;
	font-weight:500;
	background:#A84371;
	margin:0;
	font-size:1.2rem;
	display: flex;
	}	


/* トップ・インフォエリア　Ｈタグ */
#top h2.is_SP:before,
#top #contentArea #newsinfo h3:before,
h2.spTitle:before{
content: " ";
display: block;
width: 0;
height: 1.3em;
border: solid #FFF 0.25em;
border-radius: 3px;
opacity: 0.4;
margin-right: 0.5em;
vertical-align: -0.4em;

flex-shrink: 0;
}






/*フッター*/
/*  ------------------------------------------------------------ */



/* フッタ 枠*/
.borderBlock{ border:7px solid #F5DDE6; box-sizing:border-box; }



/* フッタ */

footer #clinicInfoArea{background:#FFF; width:100%; }

footer #clinicInfoArea .wrap{padding:0.5rem 0 1.5rem; width:94%; }
footer #clinicInfoArea h2{font-size:1.2rem; line-height:1.4; font-weight:500; margin-bottom:0.5rem; text-align:center;}
.infoH2sub{border-bottom:1px solid #B3B0AE; margin-bottom:1rem; padding-bottom:1rem; text-align:center;}

.infoSpTitle{background:#D995B1; color:#FFFFFF; padding:0.35rem 0; margin:0.8rem auto; text-align:center;}
.iconAccess.infoSpTitle{font-size:100%; font-weight:300;}


.iconParking{background-size:1.4rem; font-size:150%; padding:0;}

/* SP S */
@media screen and (max-width: 374px) {	
.iconParking{background-size:1.2rem; font-size:140%; padding:0;}

}	


footer #foot .wrap{ height: auto; display:inherit; padding:1rem 0; }
.footLink ul{ display:block; }
.footLink li{ margin-bottom:0.5em;}

.footLink li:after{ content:"" ; padding:0;}
.footLink li:before{content:" "; 
    display:inline-block;
    width:1em;
    height:1em;
    background:url( ../images/common/btnS_wh.svg) no-repeat center ;  
    background-size: 110%;
    vertical-align: -0.1em;
	margin-right:0.2em;
 }

.footLink1{ margin-right:2rem;} 

footer #foot h2{ margin-bottom:1.5rem; border-bottom:1px solid #307DC4; padding-bottom:1em;}
footer #foot h2 img{ width:80%; height:auto; max-width:220px;}

footer #copyright{padding:1.5rem 0;}



#yoyaku {

    width: 100%;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    transition: .3s;

}



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

/*スマホ用リンクボタン*/

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


.spBtn{ font-size:1.2rem;}


/*ボタン下マージン*/

ul.spBtn li{	margin-bottom:4px;}
ul.spBtn li:last-child{  margin-bottom:0em}
.spBtn{	margin-bottom:4px;}



/*基本ボタンカラー*/

.links.spBtn li,
.link.spBtn {
background: #B11B4A; /* Old browsers */
 /*background: -moz-linear-gradient(top, #ff7fa4 1%, #ff4362 100%); 
background: -webkit-linear-gradient(top, #ff7fa4 1%,#ff4362 100%); 
background: linear-gradient(to bottom, #ff7fa4 1%,#ff4362 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7fa4', endColorstr='#ff4362',GradientType=0 );  */
}

/*四角ボタンカラー*/

.links.spBtn li a,.link.spBtn a{	color:#FFFFFF;}




/* 電話ボタン*/
.link.btnTEL,
.links.spBtn  li.btnTEL{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc94b7+0,e05b7e+95 */
background: rgb(252,148,183); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,148,183,1) 0%, rgba(224,91,126,1) 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,148,183,1) 0%,rgba(224,91,126,1) 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,148,183,1) 0%,rgba(224,91,126,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc94b7', endColorstr='#e05b7e',GradientType=0 ); /* IE6-9 */



}



/* 予約専用電話ボタン*/
.link.btnyoyakuTEL,
.links.spBtn  li.btnyoyakuTEL{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85298+0,b3195c+100 */
background: rgb(232,82,152); /* Old browsers */
background: -moz-linear-gradient(top, rgba(232,82,152,1) 0%, rgba(179,25,92,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,82,152,1) 0%,rgba(179,25,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,82,152,1) 0%,rgba(179,25,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85298', endColorstr='#b3195c',GradientType=0 ); /* IE6-9 */
}




/*ボタンカラー追加例*/

.links.spBtn.green li,
.links.spBtn li.green,
.link.spBtn.green{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

}



/* 地図ボタン　アイコン変更例*/
.link.map,
.links.spBtn li.map{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:#CCCCCC solid 1px; border-radius:5px;}


.links.spBtn li.map a,.link.map a{color:#333333;}
.links.spBtn li.map a,.link.map a{
	padding:0.8em 1.4em 0.8em 2em;
	display:block;
	background-image:url(../images/common/btnSQ.svg) ;
	background-position:7px center;
	background-repeat: no-repeat;
	background-size: 1.4em;
}













}