/* CSS Document */

@media screen and (max-width:640px) {
	
body{
	font-size: 14px;
}
body,
#main,
header,
footer{
	min-width: 100%;
}

body.page #main .inner, body.archive #main .inner, body.single #main .inner, body.home #main .inner, body.error404 #main .inner {
max-width: 100%;
}

html #wpadminbar{
	display:none;
}
.admin-bar {
    margin-top: -34px !important;
}

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

	header

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

header {
	display:none;
}

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

	navi

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

nav{
	display:none ;
}
.sp_navi {
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	font-size:18px;
	font-weight:bold;
	z-index: 9998;
}
.sp_navi,
.sp_navi dl dt {
	height:55px;
}
.sp_navi h1{
	position: absolute;
	display: table !important;
	text-align: left;
	padding-left:6%;
	height: 100%;
}
.sp_navi h1 span,
.sp_navi h1 img{
	display:block;
	width: 167px;
	height: 39px;
}
.sp_navi h1 a{
	display: table-cell;
	vertical-align:middle;
}
.sp_navi h1 img{
	z-index: 9999;
	position:relative;

}
.sp_navi dl{
	background-color: rgba(255,255,255,0.85);
}
.sp_navi dl dt {
	font-weight:bold;
	cursor:pointer;
	padding: 0 4%;
	font-size:18px;
	display:block;
	color:#fff;
	line-height: 2;
}
.sp_navi dl dt i{
	margin-right:2%;
}
.sp_navi dl dd {
	display:none;
}
.sp_navi ul{
	padding:4% 2% 4% 8%;
}
.sp_navi ul li {
	display: table;
	width: 50% ;
	float: left ;
	line-height:1.4;
	font-size:15px;
	font-weight:normal;
}
.sp_navi ul li i{
	margin-right: 4%;
	color: #ba9275;
	font-size: 11px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	left: -6px;
}
.sp_navi ul li i,
.sp_navi ul li span{
}
.sp_navi ul li i.fa-facebook-square,.sp_navi ul li i.fa-home{
	font-size:16px;
}
.sp_navi ul li:hover {
}
.sp_navi ul li a {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height: 45px;
	color:#333;
	text-decoration:none;
    font-size: 13px;
}

/*ボタンの動き*/
.sp_navi dt a {
    display: block;
    width: 42px;
    height:42px;
    position: absolute;
    top:1px;
    right: 10px;
    z-index: 9999999;

    text-align: center;
}
.sp_navi dt a i{
	position:relative;
	top:20px;
		    font-size: 9px;
	font-style:normal;
}
.sp_navi dt a span {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.sp_navi dt a span:nth-child(1) {
    top: 12px;
}
.sp_navi dt a span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
.sp_navi dt a span:nth-child(3) {
    bottom: 12px;
}
.sp_navi dt a.active span:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(225deg);
    -moz-transform: translateY(8px) rotate(225deg);
    -ms-transform: translateY(8px) rotate(225deg);
    transform: translateY(8px) rotate(225deg);
}
.sp_navi dt a.active span:nth-child(2) {
    opacity: 0;
}
.sp_navi dt a.active span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-225deg);
    -moz-transform: translateY(-8px) rotate(-225deg);
    -ms-transform: translateY(-8px) rotate(-225deg);
    transform: translateY(-8px) rotate(-225deg);
}



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

	#main

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

#main{
	height:150px;
	margin-top: 52px;
	background-position: center ;
	background-attachment: scroll ;
}
#main .inner{
	width:100%;
	height:inherit;
}
/* 下層ページヘッドライン */
#main h2{
	font-size:22px;
}
/* トップページキャッチフレーズ */
.main_catch{
	position: absolute;
	top:100px!important;
	right:auto!important;
	width:100%!important;
	text-align:center!important;
}
.main_catch h2{
	margin-bottom: 10px;
	font-size:22px;
}
.main_catch p{
	font-size: 15px;
}
.main_open{
	position: absolute;
	top:auto;
	bottom: 50px;
	right: 0;
	left: 0;
	width: 200px;
	margin: auto;
}
.flexslider{
	width:100% !important;
	height:auto;
	top: 25px;
}

.mv_tel {
	left: 10px;
	bottom:30px;
	width: 180px;
	padding: 10px;
}

.mv_tel ul li {
	font-size: 16px;
}


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

	#contents

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

.top_box{
	width:auto;
}
#contents{
	width:auto;
padding-top: 40px;
}
#contents_left{
	width:auto;
	float:none;
	margin-right:0;
}
#contents_right{
	width:auto;
	padding:0 6%;
	float:none;
}
.right_bnr{
	text-align:center;
}
.right_bnr li img{
	width:auto;
	max-width:100%;
}





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

	#fotter

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


.pagetop{
position: absolute;
right: 0;
left: 0;
margin: auto;
top: -28px;
bottom: auto;
}
.pagetop div{
	background-color:#567B03;
}
.pagetop div:hover{
	background-color:#fff;
}
.pagetop span::before,
.pagetop span::after{
	border-color:#fff;
}
.pagetop:hover span::before,
.pagetop:hover span::after{
	border-color:#567B03;
}


.footer_info_left,
.footer_sche_area{
	float:none;
    width: auto;
    padding: 40px 0% 0;
}
.footer_info_left{
	text-align: center;
}
footer .left_clinic_box{
	width:auto;
}
.left_clinic dl,
.left_clinic_img{
	float:none;
	width:auto;
	margin-bottom:15px;
	text-align:center;
}
.left_clinic_img{
	max-width: none;
}
.left_clinic .schedule{
	padding:0;
}
.footer_map{
	width:100%;
}
.footer_map iframe{
	height:300px !important;
}
.footer_sche_area .schedule {
    padding: 4%;
}







.footer_info .inner{
	width:88%;
	padding: 40px 6%;
}
.footer_info dl{
	float:none;
	width:88%;
	padding:0 6%;
}
.footer_info dl dt{
	float:none;
	text-align: center;
	margin:0 auto 30px;
}
.footer_info_logo a,
.footer_info_logo img{
	width: 280px;
    height: 60px;
}
.footer_info_logo {
	float:none;
	margin:0 auto 20px;
	text-align:center;
}
.footer_info dl dd{
	float:none;
	margin-left:0;
}
.footer_info_overview_tel{
	padding-bottom:20px;
}
.footer_info_sche_time .schedule{
	padding:6%;
}
.footer_info_sche_time .tb01{
	width:100%;
}
footer .schedule .tb01 tr:first-child td,
footer .schedule .tb01 tr:first-child th{
	font-weight:normal;
}
.footer_info_sche_time .tb01 tr:first-child td,
.footer_info_sche_time .tb01 tr:first-child th,
.footer_info_sche_time .tb01 th:first-child{
	padding:2% 3% 0 2%;
	font-weight:normal;
}
.footer_info_sche_time .tb01 th:first-child{
	text-align:left;
}


.footer_info_sche{
	float:none;
	width:100%;
	font-size:13.5px;
}
.footer_info_sche p{
	margin:0;
}
.footer_info_ad{
	float:none;
	width:auto;
	margin-top:20px;
	margin-right:0;
	text-align:left;
}
.footer_info_ad_note{
	display:inline-block;
}
.footer_navi{
	display:none;
}

.copy{
	margin-top:0;
}

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

	$top

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

.top_doctor .text{
	width:auto;
}
.top_doctor_img{
	float:none!important;
	margin-left:0;
	text-align:center;
}
.top_doctor_img dt{
	margin-bottom: 17px;
	padding: 0 10%;
	text-align:center;
}
.top_doctor_img dd{
	text-align:center;
}
.top_medical2_list a{
	width:46%;
	margin-right:8%;
}
.top_medical2_list a:nth-child(even) {
    margin-right: 0;
}
.top_medical3_list li{
	width:46%;
	margin-right:8%;
}
.top_medical3_list li:nth-child(even) {
    margin-right: 0;
}


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

	$breadcrumb ぱんくず

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

.breadcrumb {
	width:92%;
	margin:-10px 4% 40px;
}
.breadcrumb li{
	display:inline-block;
}




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

	$共通

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

#contents{
	padding-bottom:70px;
}
.box{
	width:auto;
	padding:0 6% 8%;
}
.text{
	float:none;
	width: auto;
	padding:0;
	border:none;
}
 h3.tit01,
 h3.tit02,
 h3.tit03,
 h3.tit04,
 h3.tit05 {
    width: 100%;
	box-sizing:border-box;
	font-size: 21px;
	margin-bottom:25px;
    text-align: center;
}
h4.tit01,
h4.tit02,
h4.tit04{
	font-size:19px;
}
h5.tit01{
	font-size:18px;
}
h3.tit02::before{
bottom:0;
left: 0;
right: 0;
margin: auto;
width: 40px;
height: 57px;
background-image: url(../images/tit02_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
h3.tit04 span span::before{
	display:none;
}

.nowrap{
	white-space:normal;
}
.img_fr{
	float:none;
	text-align:center;
	margin-left:0;
	margin-bottom:15px !important;
}

/* リスト */
.list08{
	padding:6%;
}
/* テーブル */
.tb01{
	white-space:inherit;
}
.tb01 td, .tb01 th{

	padding:2% 2%;
}
.tb01 th{
width: 105px;
	font-size:12.5px;
}
.tb01 td{
		font-size:11px;
}
.tb03,.tb03 th{
	white-space:inherit;
}
.tb03.w075par{
	width:100%;
}
.tb04,
.tb04 th{
	white-space:normal;
}
.tb04 th{
	font-size:13px;
}
.tb04 td, .tb04 th{
	padding:2%;
}

/* ボタン */
.btn01 a{
	display:block;
}

/* アンカーリンク */
.ank01{
	width:88%;
	padding:0 6%;
}
.ank01 li{
	width: 49%;
	margin-bottom:3%;
	margin-left:0;
}
.ank01 li:nth-child(even){
	margin-left:2%;
}
.ank02 li{
	float:none;
	width:100%;
	height:auto !important;
	margin-bottom:3%;
	margin-left:0;
}

.ank01 li span{
	font-size:12.5px;
}







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

	$doctor

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

/* ごあいさつ */
.doctor_greet{
}
.doctor_greet .text{
	float:none;
	width:auto;
}

/* 経歴、資格 */
.doctor_carr_sec1{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:30px;
}


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

	$clinic

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

/* 医院概要 */
.clinic_sec1 dt{
	width:30%;
}
.clinic_sec1 dd{
	width:70%;
}
.clinic_sec1 .schedule .tb01{
	width:100%;
}

.clinic_sec1 .schedule .tb01 tr:first-child th,
.clinic_sec1 .schedule .tb01 tr:first-child td{
	font-weight:normal;
}
/* 院内スライド */
.clinic_slides1 {
	margin-bottom:20px;
}
.clinic_slides1 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides1 .flexslider li div{
	display:block;
	margin-top:5%;
	margin-left:0;
	text-align:center;
}
.clinic_slides1 .flexslider p{
	display:block;
}
.clinic_slides1 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: 7%;
	z-index: 2;
}
.clinic_slides1 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 4% 2% ;
}
.clinic_slides1 .flex-control-thumbs img{
	border: 3px solid #e0e0e0 ;
}



.clinic_slides2 {
	margin-bottom:90px;
}
.clinic_slides2 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides2 .flexslider li div{
	display:block;
	width:100%;
	margin-top:6%;
	margin-left:0;
	text-align:center;
}
.clinic_slides2 .flexslider p{
	display:block;
}
.clinic_slides2 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: -17%;
	z-index: 2;
}
.clinic_slides2 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 4% 2% ;
}
.clinic_slides2 .flex-control-thumbs img{
	border: 3px solid #e0e0e0 ;
}




.clinic_slides3 {
	margin-bottom:120px;
}
.clinic_slides3 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides3 .flexslider li div{
	display:block;
	width:100%;
	margin-top:7%;
	margin-right:0;
	margin-left:0;
}
.clinic_slides3 .flexslider h4{
	display:block;
	width:100%;
	text-align:center;
	padding: 0;
}
.clinic_slides3 .flexslider p{
	display:block;
	text-align:center;
	padding: 0;
}
.clinic_slides3 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: -17%;
	z-index: 2;
}
.clinic_slides3 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 4% 2% ;
}
.clinic_slides3 .flex-control-thumbs img{
	border: 3px solid #e0e0e0 ;
}



.clinic_slides4 {
	margin-bottom:120px;
}
.clinic_slides4 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides4 .flexslider li div{
	display:block;
	position: absolute;
	bottom: auto;
	width:100%;
	margin-top:8%;
	margin-right:0;
	margin-left:0;
}
.clinic_slides4 .flexslider h4{
	display:block;
	width:100%;
	text-align:center;
	padding: 0;
}
.clinic_slides4 .flexslider p{
	display:block;
	text-align:center;
	padding: 0;
}
.clinic_slides4 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: -15%;
	z-index: 2;
}
.clinic_slides4 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 4% 2% ;
}
.clinic_slides4 .flex-control-thumbs img{
	border: 3px solid #e0e0e0 ;
}




.clinic_slides5 {
	margin-bottom:120px;
}
.clinic_slides5 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides5 .flexslider li div{
	display:block;
	bottom:-19%;
	width:100%;
	margin-top:0px;
	margin-right:0;
	margin-left:0;
}
.clinic_slides5 .flexslider h4{
	display:block;
	width:100%;
	text-align:center;
	padding: 0;
}
.clinic_slides5 .flexslider p{
	display:block;
	text-align:center;
	padding: 0;
}
.clinic_slides5 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: -14%;
	z-index: 2;
}
.clinic_slides5 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 4% 2% ;
}
.clinic_slides5 .flex-control-thumbs img{
	border: 3px solid #e0e0e0 ;
}

.clinic_sec1 dt{ float:none; width:100%;}
.clinic_sec1 dd{ float:none; width:100%;}

.clinic_sec1{
	padding:0;
}
.clinic_sche_area .schedule .tb01 th,
.clinic_sche_area .schedule .tb01 td{
	padding: 3% 2%;
}



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

	$facilities

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


.facilities_equip{
}
.facilities_equip dl{
	float:none;
	width:100%;
	padding:6% 10% 10%;
	box-sizing:border-box;
}
.facilities_equip_img{
	float:none;
	width:100%;
	margin-bottom:8%;
	margin-left:0;
	padding:0 10%;
	box-sizing:border-box;
}
.facilities_equip_img img{
	width:300px;
}


.facilities_equip2{
}
.facilities_equip2 dl,
.facilities_equip2 dl:nth-child(3n){
	width:90%;
	height:auto !important;
	margin:0 5% 30px;
}

.facilities_equip2 dl:nth-child(even){
	margin-right:0;
}




.facilities_equip3{
}
.facilities_equip3 dl{
	width:90%;
	height:auto !important;
	margin:0 5% 30px;
}

.facilities_equip3 dl:nth-child(even){
	margin-right:0;
}
.facilities_equip3 dl,
.facilities_equip3 dl:nth-child(3n){
	width:90%;
	height:auto !important;
	margin:0 5% 30px;
}




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

	$access

============================================================================*/
.access_map dd iframe{
	width:100%;
}


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

	$visit

==================================================================*/
.visit_tel {
	font-size: 20px;
	margin-bottom: 10px;
}

.vist_dl ul li.visit_dl_pdf {
	margin-bottom: 10px;
}
	
.vist_dl ul li.visit_dl_pdf a {
	float: none;
	width: 100%;
	max-width: 250px;
}

.vist_dl ul li.visit_dl_xls a {
	float: none;
	width: 100%;
	max-width: 250px;
}


	

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

	$first

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





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

	$medical

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




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

	$news

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











}

@media screen and (max-width:320px) {
	
.main_open{
	position: absolute;
	top:auto;
	bottom: 50px;
	right: 0;
	left: 0;
	width: 50%;
	margin: auto;
}




}
