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



/*/////////////////////////////////////////////////////////////////
////////////スマホ用 CSS フルタ歯科医院　201507
///////////////////////////////////////////////////////////////////*/





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


body {
	font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.8;
}




/*ヨコにしても文字サイズを変えない none*/
html {-webkit-text-size-adjust: none;}


img { 
    max-width: 100%; 
    height:auto;
}

	



.pcDisplay {display:none; height:0;}
.spDisplay {display:block;}

/*----------------------------------------------------
	BOX
----------------------------------------------------*/

.wide980 {
	width: 95%;
	margin: 0 auto;
	
}



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

#top-tel {
	display:none;
}


/*----------------------------------------------------
	ナビ
	
----------------------------------------------------*/
  
header h1 {
	width: 200px;
	float:none;
	margin: 20px auto;
}





/*----------------------------------------------------
	コンテンツ
	
----------------------------------------------------*/

#stage {
	background: #A7DBFF;
	margin-bottom: 50px;
}

#stage {
	background: url(../img-common/bk-header-home.jpg) no-repeat center top;
	background-size: cover;
}

#stage .wide980 {
	
	height:300px;
	
}

p#en-name {
	font-family: 'Chango', cursive;
	font-size: 24px;
	color:#FFF;
	text-align:center;
	margin-top: 30px;
}

p#fukidashi01 {
	display: none;
	
}

#th-home {
	position:absolute;
	width:320px;
	height:170px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto 0 auto;
	z-index: 90;
}

#kira01{
	position:absolute;

	left: 90px;
	top: 30px;
	z-index: 100;
}

#kira02{
	position:absolute;
	right: 10px;
	top: 160px;
	z-index: 100;
}

#kira03{
	display: none;
}






/**/

#kamoku {
	margin-bottom: 50px;
	background:url(../img-common/kira-big01.png) no-repeat 30% 10%;
}


#kamoku h1.section-h1 {
	width:170px;
	margin: 0 auto 30px auto;
}

#kamoku ul {
	overflow:hidden;
}

#kamoku ul li{
	width: 100%;
	float:none;
	margin-right:0;
}

#kamoku ul li aside {
	margin-top: 10px;
	text-align:center;
}

#kamoku ul li:last-child {
	margin-right:0;
}

#kamoku ul li h2 {
	font-size: 23px;
	color:#45ABE3;
	letter-spacing: 5px;
	text-align:center;
	border-bottom: 3px dotted #45ABE3;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#kamoku ul li .goto-page {
	margin-top: 10px;
}












/**/
#goaisatsu {
	background:url(../img-common/doc-home.jpg) no-repeat center top;
	height:508px;
	background-size: cover;
	margin-bottom: 50px;
}

#goaisatsu .wide980 {
	height:508px;
}

.wide-aisatsu {
	position:absolute;
	top: 180px;
	left: 50px;
	width: 80%;	
}


h1.section-h1 {
	font-size: 30px;
	color: #45ABE3;
	letter-spacing: 4px;
	background:url(../img-common/th-little.png) no-repeat left center;
	height: 56px;
	padding-left: 55px;
	margin-bottom: 20px;
}

#goaisatsu h1.section-h1 {
	display: none;
}

p.doc-name {
	font-size: 22px;
	text-align:right;
	width: 100%;
	margin-top:20px;
}


p.goto-page {
	text-align:center;
}




/**/


#genki {
	margin-bottom: 50px;
	background:url(../img-common/kira-big02.png) no-repeat 40% bottom;
	
}


#genki h1.section-h1 {
	display:none;
}

p.read-txt {
	font-size: 26px;
	letter-spacing: 3px;
	color: #45ABE3;
	text-align:left;
	line-height: 1.6;
	margin-bottom: 10px;
}


#genki ul {
	overflow:hidden;
}

#genki ul li {
	width: 100%;
	float:none;
	margin-right:0;
	color: #45ABE3;
}

#genki ul li:last-child {
	margin-right:0;
}

#genki p.goto-page {
	margin-top: 15px;
}


/**/

#annai {
}

#annai h1.section-h1 {
	display:none;
}



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


#mapwrap aside img {
	display: none;
}

#mapwrap {
	position: relative;
    padding-top: 56.25%; 
    width: 100%;
    height: 0;
    overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 0;
}



#mapwrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;/*任意*/
}


/**/

#p-home #info-wrap {
	margin: 20px auto 0 auto;
}

#p-medical #info-wrap, #p-note #info-wrap, #p-info #info-wrap {
	margin: 20px auto 0 auto;
}




#info-wrap h2 {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 3px;
	
}

#info-wrap p#kyushin {
	position:absolute;
	top: 8px;
	left:100px;
}

table#time-tb{
   border:none;
   width: 100%;
   float:none;
  
   border-collapse:collapse;
   }
   

table#time-tb td{
   border:none;
   border:1px solid #DDDDDD;
   padding: 7px 5px;
   text-align:center;
   color:#45ABE3;
   font-size:18px;
   }
   
table#time-tb td.time-size {
	font-size: 16px;
	color:#333;
	text-align:right;
	width: 7em;
}

   
table#time-tb th{
   border:none;
   border:1px solid #DDDDDD;
   background:#EEEEEE;
   font-weight: normal;
   padding: 7px 10px;
   }
   
table#time-tb .cap td {
border:none;
font-size: 14px;
color:#333;
text-align:left;
padding: 8px 0 0 0;
}


/**/

dl#contact-box {
	width:100%;
	float:none;
	margin-top: 15px;
}


dl#contact-box dt {
	border: 3px solid #45ABE3;
	background: #FFFF26;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow:hidden;
	line-height: 42px;
	text-align:center;
	letter-spacing: 2px;
	color:#45ABE3;
	font-weight: bold;
}

dl#contact-box dd {
	color:#45ABE3;
}

dl#contact-box dd li {
	border-bottom: 1px solid #45ABE3;
}


dl#contact-box dd li.tel {
font-family: 'Chango', cursive;
	font-size: 27px;
	line-height: 1.7;
}

dl#contact-box dd li.tel span.telno {
	font-size: 16px;
}

/**/


#footer-name-wrap {
	margin-top: 0;
	padding-top: 100px;
	position:relative;
}

#footer-name-wrap p#footer-name {
	display: none;
	
}

aside#footer-kids {
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto -30px auto;
width: 258px;
height: 107px;
	
}



p#footer-fukidashi {
	display: none;
}

/*表紙以外の吹き出し位置調整*/

#p-medical p#footer-fukidashi {
	top:-20px;
}



/**/

#footer-nav {
	display: none;
}




/**/

#footer-last {
	background:#F6F6F6;
	padding: 30px 0 0 0;
	text-align:center;
	position:relative;
	height: 100px;
}

small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#BABABA;
	margin: 20px 0;
	display:block;
}

#footer-last aside {
	display:none;
}





/*----------------------------------------------------
	診療科目 #p-medical
----------------------------------------------------*/

#p-medical #kamoku {
	background: none;
}


#kamoku section {
	border-top: none;
	padding-top: 30px;
	margin-top: 0;
	position:relative;
}

section#medi-ippan {
	margin-top: 10px;/*一番上だけ少し空きを減らす*/
}


#p-medical #stage {
	background: url(../img-common/bk-header.jpg) no-repeat center top;
	background-size: cover;
}




#p-medical #stage .wide980 {
	width:100%;	
	height:235px;	
}



#th-01 {
	position:absolute;
	width:317px;
	height:204px;
	left: -50px;
	top: 50px;
	z-index: 90;
}

#th-02 {
	position:absolute;
	width:317px;
	height:154px;
	left: 255px;
	top: 100px;
	z-index: 90;
}

#p-medical #kira01{
	position:absolute;

	left: 240px;
	top: 20px;
	z-index: 100;
}

#p-medical #kira02{
	position:absolute;
	right: 10px;
	top: 100px;
	z-index: 100;
}



/**/

ul#subnav {
	width: 19.5em;
	
	margin: 0 auto;
	border-bottom: 1px solid #45ABE3;
}

ul#subnav li{
	display: inline;
	
	width: 5.5em;
	margin-right: 1em;	
}

ul#subnav li a::before {
	content:'\f0ab';
	font-family: 'FontAwesome';
	padding-right: 5px;
	font-size: 18px;
	vertical-align:middle;
}


/**/
 
#p-medical section {
	overflow:hidden;
}

#p-medical #kamoku h1.section-h1 {
	width:150px;
	margin: 0 auto 30px auto;
	
}

.medical-left {
	width: 100%;
	float:none;
}

.medical-left aside {
	text-align:center;
}

.medical-right {
	width: 100%;
	float:none;
}


.medical-left h2 {
	font-size:25px;
	color:#45ABE3;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
	font-weight: bold;
}

.medical-right p.medical-read {
	font-size: 16px;
	color:#000;
	margin-bottom: 30px;
}

.medical-right p.cap01 {
	font-size:16px;
	color:#666;
	margin-bottom: 10px;
}


.medical-right dl {
	border-top: 1px solid #DDDDDD;
	padding-top: 15px;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.medical-right dl dt {
	font-size: 20px;
	color:#45ABE3;
	font-weight: bold;
}

.medical-right dl dd {
	margin-bottom: 20px;
}

.medical-right dl dd:last-child {
	margin-bottom: 0;
}


/**/


#medi-ippan aside.kira01 {
	position:absolute;
	left: -70px;
	top: -30px;
	z-index: -10;
}

#medi-shoni aside.kira02 {
	position:absolute;
	left: 50px;
	top: 20px;
	z-index: -10;
}

#med-koku aside.kira03 {
position:absolute;
	left: 0;
	top: 230px;
	z-index: -10;
}





/**/

.medical-bk01 {
	background:url(../medical/images/vis01.jpg) no-repeat right 0;
	background-size: cover;
	height: 200px;
}

.medical-bk02 {
	background:url(../medical/images/vis03.jpg) no-repeat center 0;
	background-size: cover;
	height: 200px;
}

.medical-bk01 p#footer-name {
	width: 100%;
font-family: 'Chango', cursive;
	font-size: 20px;
	color:#fff;
	margin: 0 auto;
	text-align:center;
	opacity: 0.8;
	line-height: 200px;
	
}

#p-medical .medical-bk02 p#footer-name {
	color:#CCC;
	width: 100%;
font-family: 'Chango', cursive;
	font-size: 20px;
	margin: 0 auto;
	text-align:center;
	opacity: 0.8;
	line-height: 200px;
}

section#med-koku dl {
	margin-bottom:0;/*100あるマージンを一番下だけ0に*/
}








/*----------------------------------------------------
	ごあいさつ・クリニック案内 #p-info
----------------------------------------------------*/
#p-info #stage {
	margin-bottom: 0;
}


#p-info #stage .wide980 {
	width: 100%;	
	height:235px;	
}

#p-info #th-01 {
	display: none;
}

#p-info #th-03 {
	position:absolute;
	width:317px;
	height:154px;
	right: 0;
	top: 100px;
	z-index: 90;
}


#p-info #kira01{
	position:absolute;

	left: 240px;
	top: 20px;
	z-index: 100;
}

#p-info #kira02{
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

#p-info #kira04 {
	display: none;
}

/**/


#aisatsu h1.section-h1 {
	display: none;
	
}


#aisatsu {
	background:url(../info/images/ph-doc02.jpg) no-repeat 50% 0;
	height: 700px;
	background-size: cover;
}

/*#aisatsu .wide980 {
	background:url(../info/images/ph-doc02.jpg) no-repeat left 100px;
	height: 935px;
}*/

.aisatsu-wrap {
	width: 90%;
	margin: 30px auto 0 auto;
	font-size: 16px;
}

.aisatsu-wrap p {
	font-size: 24px;
	letter-spacing: 3px;
	text-align:right;
	margin-top: 10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.aisatsu-wrap p span {
	font-size: 14px;
}


#aisatsu #footer-name {
	display: none;
}

/**/



#clinic {
	padding-top: 0;
	background:#A7DBFF url(../info/images/bk.png) repeat left top;
	
}

#clinic h1 {
	
	font-size: 30px;
	color: #45ABE3;
	letter-spacing: 4px;
	width: 250px;
	margin: 0 auto 0 auto;
	padding-top: 15px;

}

p#furuta-name {
	font-size: 18px;
	color:#45ABE3;
	border-left: 5px solid #45ABE3;
	padding-left: 8px;
	margin-bottom: 10px;
	line-height: 1.4;
	margin-top: 15px;
}

dl.anai-list {
	position: relative;
	border-bottom: solid 1px #45ABE3;
	width: 100%;
	float:none;
	margin-right: 0;
	margin-bottom: 10px;
}

dl.anai-list dt {
  position: absolute;
  left: 0;
width: 6em;
padding-top: 8px;
padding-left: 5px;
}
 
dl.anai-list dd {
  padding-left: 6em;
  border-top: solid 1px #45ABE3;
margin-bottom: 8px;
padding-top: 8px;
}	

dl.anai-list dd span {
	font-size: 14px;
	line-height: 1.4;
}

#clinic aside {
	margin-bottom: 50px;
}


.slider1 {
	display: none;
}







/*----------------------------------------------------
	元気な歯の知識 #p-info
----------------------------------------------------*/


#p-note #stage .wide980 {	
	height:235px;	
}



#th-04 {
	display: none;
}

#th-05 {
	position:absolute;
	right: 0;
	bottom: -10px;
	z-index: 90;
}



#p-note  #kira01{
	display: none;
}

#p-note  #kira02{
	display: none;
}

#p-note  #kira04 {
	position:absolute;
	left: 90px;
	top: 50px;
	z-index: 100;
}

#p-note #kira05{
	position:absolute;
	left: 300px;
	top: 100px;
	z-index: 100;
}

/**/

#chishiki h1.section-h1 {
	width:90%;
	margin: 0 auto 50px auto;
	line-height: 1.2;
}

#chishiki #read {
	font-size: 18px;
	color:#45ABE3;
	margin-top: -30px;
	text-align:center;
	margin-bottom: 10px;
}


#chishiki #intoro {
	width: 100%;
	margin: 0 auto 20px auto;
}


section#kodomo-wrap {
	margin-bottom: 50px;
}

section#kodomo-wrap h2 {
	background:url(../note/images/icon01.png) no-repeat left center;
	height: 88px;
	margin-bottom: 20px;
	padding: 0 0 0 120px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
}


/**/

section#otona-wrap {
	margin-bottom: 100px;
}

section#otona-wrap h2 {
	background:url(../note/images/icon02.png) no-repeat left center;
	height: 88px;
	margin-bottom: 20px;
	padding: 0 0 0 120px;
	font-size: 32px;
	font-weight: normal;
	line-height: 88px;
}
section#kodomo-wrap h2 span, section#otona-wrap h2 span {
	font-size: 16px;
}


section#chishiki article {
	border:5px solid #45ABE3;
	overflow:hidden;
	background:#FFE7F1;
	margin-bottom: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

section#chishiki article h3 {
	width: 90%;
	float:none;
	padding: 5%;
	font-size: 18px;
	color:#45ABE3;
}
 
section#chishiki article p {
	width: 90%;
	float:none;
	background: #fff;
	padding: 20px 5% 20px 5%;
	min-height: 80px;
 

}	


section#chishiki #otona-wrap article {
	
	background:#FFFF99;
	
}







/*!! DONT DEL !!*/

}