@charset "utf-8";
@import url(../css/clinic/smartphone.css);
body>header nav ul li a,body>header nav ul li a:hover,.more a,body>footer address>span a,body>footer address>span a:hover,.btn a,dl.box>dt,form input[type="button"],form input[type="submit"],#main>h3:first-child,body>footer>ul li a,#up a,dl.box>dt,dl.box>dt.on{background-color:#371c00;color:#fff;}
/*body>footer address>span.mail a,#main p.btn .mail a{background-color:#534741;}*/

body#index {background: #f6f6e7;}
mark, .mark{
background:none;
font-weight:bold;
}
#main span.att5 {
background: #cccc99;
padding: 7px 0px 5px 5px;
display: block;
color: #ffffff;
font-size: 1.06em;
font-weight: bold;
}

#main img.photo {
    border: 1px solid #a09283;
    padding: 1px;
}

.point_seminar {
    color: #68A9FB;
    font-weight: bold;
    font-size: 106%;
    padding: 0.5em;
}

#main .title, .title {
border-left: 4px solid #996633;
}
#index #main img {
max-width: 100%;
margin: 0 auto;
display: block;
}
h3{
/*background: url(images/top_h3icon.png) 0 center no-repeat;
background-size:24px auto;*/
font-weight: bold;
color: #996633;
border: none;
border-bottom: 1px solid #996633;
font-size: 16px;
margin: 0 0 20px;
padding: 15px 0 10px 34px;
}
h3 span{font-size:14px;}
h3 a{color: #996633;}
#main>h3:first-child{background:#371c00;}

body>footer address>span, .btn>span{
margin-bottom:0;
}
p.btn a:after{
background-image:none;
}



/* HEADER
==============================*/
body>header{
background:#FFF;
padding-top:5px;
}
.header_logo {
width: 100%;
text-align: center;
padding-bottom:5px;
}
.header_logo img{
width:45%;
}
header#top nav{
margin-bottom:0;
border-top: 1px solid #fff;
}
header#top nav ul{
margin-bottom:0;
}

/* MENU LIST
==============================*/
/*メニュー一覧見出しの背景設定*/
#menulist dt{
background: linear-gradient(to bottom, #9d9d9d, #333333);
background: -webkit-gradient(linear,left top,left bottom, from(#9d9d9d),to(#333333));
color: #fff;
line-height: 52px;
font-size: 1.2em;
font-weight: bold;
padding-left: 10px;
margin-top: 20px;
}
#menulist dt>span{padding-right:.25em;}


/* FOOTER
==============================*/
hr{border-top: 1px solid #aaa;}
#copyright{
background:#371c00;
}
footer section{
width:85%;
background:#fff;
padding:2% 5%;
margin:0 auto 40px auto;
}

/* INDEX
==============================*/
#index section{
width:85%;
background:#fff;
box-shadow: 0 0 6px #ccc;
padding:2% 5%;
margin:0 auto 40px auto;
}
/*font-family*/
p.toptl, h3, p.tlsub, ul.cerec_cnt, li .text-brown,li .text-black,#plan ul li{font-family: "ヒラギノ明朝 ProN W8", "HiraMinProN-W8", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/*topmain*/
p.toptl{
text-align:center;
background:#371c00;
color:#fff;
padding:8px 0;
font-size: 16px;
font-weight:bold;
line-height:1.3;
border-bottom: 3px double #fff;
}
.topmain h3{
background: none;
color: #c0792d;
text-align: center;
font-size: 130%;
padding: 0.5em 0;
margin:0;
}
p.tlsub{text-align:center;font-size: 110%;margin-bottom: 1em;font-weight: bold;}
p.tl_text{text-align:center;margin:0 1em 1em;}
p.tl_text2{margin:0 1em 1em;}

/*医院コンタクト（TEL・メール・アクセス）*/
.clinic_info{
background: #efefde;
}
.clinic_info p.btn{
padding-bottom:0;
}
.clinic_info img{
display:block;
padding:10px 0;
margin:0 auto;
}

/*mainContent01======================*/
#mainContent01 p{
padding-bottom:0;
}
.mainContent01_list{
width: 70%;
font-size:14px;
margin:10px auto 0 auto;
}
.mainContent01_list li{
margin-bottom:10px;
}
#mainContent01 .btn_more{
margin-bottom:60px;
}


/*allergy======================*/
#allergy .case{
width: 85%;
color: #999966;
font-size: 15px;
text-align: left;
line-height: 1.6;
border: 1px solid #cccc99;
border-radius:10px;
background: #fafaf5;
padding: 4%;
margin: 20px auto;
}
#allergy .case dt{font-weight: bold; padding-bottom: 5px;}
#allergy a{text-decoration:none;}

/*health==========================*/
#health .health_txt .subT{
color:#666;
font-weight:bold;
font-size:16px;
}

/*Q&A========================*/
#qa ul li{
text-decoration:none;
background: url(images/icon.png)no-repeat left 4px;
background-size: 25px auto;
padding: 3px 0 3px 35px;
margin:15px 0;
}
#qa ul li a{color: #3389cc; font-size:14px; text-decoration:none;}
.qa_txt{
color:#996633;
font-weight:bold;
font-family: "ヒラギノ明朝 ProN W8", "HiraMinProN-W8", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
text-align:center;
padding-bottom:0;
}

<!--reason=============================================-->
#reason{
background:#fafaed;
}
/*beige*/
li.beige{
border:1px solid #fff;
position:relative;
border-radius:2px;
margin:2%;
background:#fafaed url(images/icon_arw.png) 98% center no-repeat;
background-size:14px 14px;
box-shadow: 1px 1px 1px #e0d3bf;
padding-right:20px;
}
li.beige a {
padding: 2% 1% 2% 83px;
color : #63633c;
font-weight: bold;
display : table-cell;
vertical-align : middle;
text-decoration : none;
line-height : 1.2em;
min-height :56px;
height : 56px;
}
li.beige a img { position : absolute ; left : 5px; top :5px; width : 58px; height : 58px; padding-left: 5px; }

/*患者さまの声*/
.voice_list{
margin-bottom:40px;
}
.voice_list li{
margin-bottom:20px;
}

/*4つの原因*/
.health_list li{
margin-bottom:20px;
}

/*メディア*/
.media_content{
overflow:hidden;
margin-bottom:20px;
}
.media_content dl{
padding-left:90px;
}

/*更新情報*/
dl.day>dt{float:none;}
dl.day>dd{padding-left:0;}


/*詳細ボタン*/
.btn_more {
display: block;
font-size: 14px;
text-decoration: none;
width: 95%;
max-width: 300px;
text-align: center;
padding: 8px 0;
margin:20px auto;
}
.btn_clr01 {
color:#fff;
background:#371c00;
}




/*--------わかば歯科クリニックボタン*/
.btn .wakaba01 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#FFF;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #FFF;
border-image: initial;
border-radius: 6px;
background: #b85b72;
}

.btn>span.wakaba01{
background:none ;
}

.btn .wakaba01_2 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#b85b72;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #b85b72;
border-image: initial;
border-radius: 6px;
background: #FFF;
}

.btn>span.wakaba01_2{
background:none ;
}

/*--------わかば総合歯科ボタン*/
.btn .wakaba02 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#FFF;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #FFF;
border-image: initial;
border-radius: 6px;
background: #99b15e;
}

.btn>span.wakaba02{
background:none ;
}

.btn .wakaba02_2 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#99b15e;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #99b15e;
border-image: initial;
border-radius: 6px;
background: #FFF;
}

.btn>span.wakaba02_2{
background:none ;
}

/*--------下総中山わかば第3歯科ボタン*/
.btn .wakaba03 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#FFF;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #FFF;
border-image: initial;
border-radius: 6px;
background: #cd6100;
}

.btn>span.wakaba03{
background:none ;
}

.btn .wakaba03_2 a{
margin-bottom: 0.5em;
display: block;
font-size:16px;
text-align: center;
color:#cd6100;
box-shadow: rgb(204, 204, 204) 2px 2px 2px;
padding: 15px 0.5em;
border: 1px solid #cd6100;
border-image: initial;
border-radius: 6px;
background: #FFF;
}

.btn>span.wakaba03_2{
background:none ;
}


.no-resize {
width: 100%;
height:auto;
}



/*#imageContainer{
height:130px !important;
}*/

p. clinic_box{
display:block;
margin:10px 5%;
}

body>header h2~p{
width:100% !important;
padding:0 !important;

}


#pickup>ul li:first-child a{
border-radius: 5px 0 0 5px !important;
border: 1px solid #ccc;
}

#pickup>ul li a{
border-bottom: 1px solid #ccc !important;
}


#pickup>ul li:last-child a {
border-radius: 0 5px 5px 0 !important;
border: 1px solid #ccc;
border-left:none;
}

/*.site_navi_3col {
    height: auto;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.site_navi_3col li{
display: inline-block;
width:32%
}*/




.slider{
	width:100%;
	height:100%;
/*	margin:0 auto;*/
	padding-top:35%;
	position:relative;
}
.slider ul{
	margin:0;
	padding:0;
	list-style:none;
}
.slider ul li{
	width:960px;
/*	height:390px;*/
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:24s;
}


.slider ul li img{
margin:0 0 0 2% !important;
left:4%;
}

.slider ul li:nth-child(1){
	animation-name:slider;
	animation-delay:-3s;
}
.slider ul li:nth-child(2){
	animation-name:slider;
	animation-delay:5s;
	opacity:0;
}
.slider ul li:nth-child(3){
	animation-name:slider;
	animation-delay:13s;
	opacity:0;
}


@keyframes slider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}