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





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


.pcView{ display:none;}
.spView{ display:block;}
.pcLeft{ float:none;}
.pcRight{ float:none;}

.spClear{	clear: both;
}
.spFloatCL .left, .spFloatCL .right{ float:none;}

.spClearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}

.spClearfix {
  min-height: 1px;

}


.left{float:none;}

* html .spClearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



html {height:100%;}

body{
	text-align: center;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	font-family: HiraKakuProN-W3;
	font-size: 1em;
	height: 100%;
	font-size:1em;
}

/* reset */

#main,
#top .hours-info,
#wrap,
.header,
.headerWrap,
#head,
#mid,
.wrap,
.head-menu,
.contentArea,
.glid,
.box1,
.box2,
#infoArea,
.pagetop,
#foot,
#foot .footInfo,
.footArea,
#top #main,
#top #wrap
{ width:100%;}

.titleArea h2 { width:100%;}
.titleArea h2 img{ width:100%; height:auto;}



#infoArea{ padding:0;}
#infoArea .inforight{ float:none; width:100%}
#infoArea .infoleft{ float:none; width:100%}
.accessInfo{ float:none; width:100%}
.infoLeft{ float:none; width:100%;}

.block180,
.block190,
.block200,
.block230,
.block280,
.block300,
.block310,
.block320,
.block330,
.block340,
.block350,
.block360,
.block370,
.block380,
.block400,
.block410,
.block420,
.block430,
.block440,
.block450,
.block460,
.block470,
.block480,
.block490,
.block500,
.block520,
.block530,
.block540,
.block550,
.block560,
.block580,
.block590,
.block600,
.glid2,
.block680,
.block600,
.block610,
.block640,
.block650,
.block550,
.block800
{ width:100%;}


p, li, dt, dd, td, th { font-size:100% ;}




#top h4, #top p.sq,
 #mid #main h4, #mid #main p.sq,
.tx-b
 {font-size: 100%;}

#mid #main .contentArea h3 {font-size: 100%; font-weight:bold; margin-top: 30px ;}
#mid .contentArea p.tx-b{ margin-bottom:5px;}


table.listTable td { padding: 5px 5px; font-size: 90%; white-space:normal; white-space:nowrap; }
table.listTable th{padding: 5px 5px; font-size: 90%; white-space:normal; white-space:nowrap;}
table.listTable th.tablePattern{display:none;}
#mid #main .contentArea p.edTitle{background:#FBF9F4; padding: 5px 5px; font-size: 90%; font-weight:bold; margin-bottom:0; border:1px solid #DFDFDF; border-bottom:none; text-align:center;}


/*.listTable td , .listTable th { padding: 5px 5px; font-size: 90%; }*/

img.alignright{margin: 0 auto  ; float:none; text-align:center;}
img.alignleft{margin: 0 auto ; float:none;  text-align:center;}

.per100img{ width:100%; height:auto;}
img.per100img{ width:100%; height:auto; }



.per95img{ width:95%; height:auto;}
img.per95img{ width:95%; height:auto; }


p.per80,h4 img.per80{width:80%; height:auto;}
p.per70,h4 img.per70{width:70%; height:auto;}
p.per60,h4 img.per60{width:60%; height:auto;}
p.per60,h4 img.per55{width:55%; height:auto;}


img.per80img{ width:80%; height:auto; }
img.per90img{ width:90%; height:auto; }


.per80img { text-align:center; width:80%; margin:auto;}
.per80img img{width:100%; height:auto; margin: 0 auto 10px;}


.per90img { text-align:center; width:90%; margin:auto;}
.per90img img{width:100%; height:auto; margin: 0 auto 10px;}

.per100img { text-align:center; width:100%; margin:auto;}
.per100img img{width:100%; height:auto; margin: 0 auto 10px;}


.per70img{ width:70%;}
.per70img img{ width:100%; height:auto;}

.per60img{ width:60%;}
.per60img img{ width:100%; height:auto;}

.per50img{ width:50%;}
.per50img img{ width:100%; height:auto;}

.per30img{ width:30%;}
.per30img img{ width:100%; height:auto;}

.per20img{ width:20%; }
.per20img img{ width:100%; height:auto; }



.per40_left{width:40%; float:left !important; margin:0 20px 0 0 !important;}



#side,#infoArea,#endoscopySide{ display:none;}
.contentArea{ float:none;}

.acordionBlock .close{ min-width:80px; width:20%; float:right; clear:both;}
.acordionBlock .close img{ width:100%; height:auto;}



/* header -------------------------------------------------------------- */

#head h1{ display:none;}
/*#header{ border-bottom: 5px #053A77 solid; height: auto;}*/
#head{ border-bottom:3px solid #99CC00; box-sizing:border-box;}

#head .header{width:96%; height:80px;}


#head .header{height:80px; width:96%;  margin: 0 auto; display:table; vertical-align:middle;}


#head p.logo{ text-align: left; padding: 0; display: table-cell; vertical-align: middle; float: none;}
#head .logo img{ width: 65%; height: auto; padding:0px 0 0 5px; max-width: 200px;}

.spNavi{ display:table-cell; width:12%; height:auto; text-align:right;vertical-align:middle; padding-top:5px;}
.spNavi img{ width:100%; height:auto;  }
.spNavi .switch{ display:none;}


#head .tel{ display:none;}
.navi{ display:none;}
#head .headRight{ display:none;}

#mid .titleArea h2.title {
    padding: 0 0 0 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #42824B;
    font-weight: bold;
    text-shadow: #FFFFFF 2px 2px 0px, #FFFFFF -2px 2px 0px, #FFFFFF 2px -2px 0px, #FFFFFF -2px -2px 0px;
}






#mid, #top{margin:80px 0 0; background:none;}
#mid .titleArea{ background: #F5F6F7 url(../img/sp/midImgBg.jpg) no-repeat right 0;  background-size: auto 100% ;
height:100px; width:100%; display:table;
}





div.mvspArea{ background:none; min-width:inherit; min-height:inherit; margin: 0 0 10px;}
div.mvspArea img{ width: 100%; min-width:inherit; min-height:inherit;}


.spCatch{text-align:center; margin:0 auto 1.2em; position:static;}
.spCatch img{width:100%; height:auto;}


#head.spTop{ background:none; border:none;}
#head.spTop p.logo{ display:none;}
#head.spTop.on{ background:#FFF; border:block;}
#head.spTop.on p.logo{ display:block;}



#mid .titleArea h2.mainImg3{ padding:0 0 0 15px; display: table-cell;  vertical-align:middle;  text-align:right;
color:#86471A; font-weight: bold; padding:0 15px 0 0;
text-shadow:  #FFFFFF 2px 2px 0px,  #FFFFFF -2px 2px 0px,  #FFFFFF 2px -2px 0px,  #FFFFFF -2px -2px 0px;
position:static;
}


div.mainBox{display:none;}
div.mainBox2{display:none;}


.mainBanner img{ width: 100%; min-width:inherit;}

#top .mainBanner{width:100%; height:auto;}






/* menu -------------------------------------------------------------- */






#spMenu{
	width:100%;
	clear:both;
	position:relative;
    display:block;

}



#spMenu  ul{
	border: 1px solid #A2D29A;
	border-top:none;
    padding:0px ;
	display:none;
	background:#FFFFFF;
	width:100%;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#spMenu ul li {
	list-style-type: none;
	line-height: 1.2;
	border-top: 1px solid #A2D29A;
	font-weight:bold;
	text-align:left;}	




#spMenu ul li a{
	border:none;
	display:block;
	padding-left:1em;
	color: #333;
	text-decoration: none;
	padding: 14px 12px 14px 28px;
}


#spMenu ul li a{
	background-image:  url(../img/sp/arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 14px;
}


#spMenu ul li a:hover{
	color:#0099CC;
}

#spMenu ul li.on a{ color: #0099CC;}
#spMenu ul li.on ul li a{ color: #000;}

#spMenu ul li ul { border: none;}

#spMenu ul li ul li{ padding-left:20px;}
#spMenu ul li ul li a{ 	background-image:  url(../img/sp/menuArrow.png); 	background-position: 0px center; padding-left:18px;}





/* contents base -------------------------------------------------------------- */


#top #main,#mid #main{margin: 0 auto; width: 100%; float:none;}
#mid #main #endoscopyMain{margin: 0 auto; width: 100%; float:none;}
#mid #main .contentArea h2 { display:none;}
#mid #main .contentArea h2.on { display:block;  font-size:100%;font-weight:bold; }

#mid .contentArea {margin: 0 auto; width: 96%;	padding: 20px 0;  border:none;}

#mid #main .contentArea p{ margin-bottom: 15px;}

#main .contentArea  br{ display:none;}
#main .contentArea  br.brank{ display:block;}

br.brank,
#main .contentArea .brank br{ display:block;}





/* infoArea -------------------------------------------------------------- */


#spInfoArea{ display:block;  width: 100%; text-align:left; padding:0 0 10px 0; margin-bottom:0; }

#top #main h2,
#top #main .info h2,
#spInfoArea h2,#mid #main h2,
#top #main h2.menutitle,
#mid #main .naisikyouMenu .menutop{
	padding:10px 0 10px 10px;
	color:#FFFFFF;
	margin:0;
    background:#79BA82;
	font-weight:bold;
	font-size:100%;
	line-height:1;

}


.hoursBox{float:none; width:100%; padding:0;}
#mid #main p.holiday{background-image:url(../img/iconHoliday.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding:0 0 0 60px;
	margin:-5px 0 0 0;

}
#spInfoArea .infocontents .hoursBox br{display:none;}


#main #spInfoArea p{margin: 0 0 5px;}
#main #spInfoArea ul{margin: 0 0 20px;}



#spInfoArea .infocontents,#top .infocontents{
	border:solid 8px #F5F0E7;
	padding:1% 3%;
	background:#FEFEFD;
	box-sizing:border-box;
	}
	
#top .infocontents.news{padding:0 3%; }


#mid #main h3{ line-height:1.5;}
#main #spInfoArea h3{ color:#4CA579; font-weight:bold; background:none; padding:0; font-size:108%; margin:0;  line-height:1.5;}





/* footer -------------------------------------------------------------- */


#foot {  margin: 0 auto; padding:5px 0px 0px; height:auto;}

#foot .footArea{background:none; text-align:left;}

#foot .logoArea{width:96%; float:none; margin:5px 0 0 0;}
#foot .footArea{width:96%; margin:0 auto;}
#foot .footArea h2{font-size:90%; padding:5px 0; color:#FFFFFF;}


#foot .addArea{width:100%; margin:0 0 5px 0;}


#foot .footLogo{padding:0 0 10px 10px; width:90%; margin:10px 0 0 0;}
#foot .footLogo img{width:100%; height:auto;}
#foot address{font-size:80%; margin:5px 0;}

#foot .footLink{ display:none;}
#foot p{ font-size: 100%; font-weight:bold;}

.footBtn{ text-align:center;}

.footBtn ul{ margin:0 auto 20px; width:100; margin-right:0;}

.footBtn ul li{
display:inline; margin: 0 0 0 0;
}

#pagetop{ right:5px;}
.pagetop{ margin-bottom: 10px; height: 18px; clear:both;}
.pagetop img { height:100%; width:auto;}

div.copyright{ font-size:80%;  }

#foot p.infoText{ font-size:80%; padding: 2px 0 2px 10px; width:96%;}

#foot .footbox h2{font-size:108%;}

.footBottom{min-height:10px;}

#foot a{color: #333;}

/* common -------------------------------------------------------------- */

#mid #main .contentArea h3{ 
background:url(../img/common/h2.jpg) no-repeat left center;
border-right: 1px solid  #EEEEEE;
/*border-top: 3px solid  #AEA594;*/
	border-radius: 0 0 5px 5px ;
    -webkit-border-radius:0 0 5px 5px ;
    -moz-border-radius: 0 0 5px 5px ;
	padding:15px 0 12px 30px;
	margin-bottom:15px;
}



#mid #main .contentArea h3.imgTitle{background:none; border-right:0; border-radius:0; padding:0 0 10px; margin:0 0 10px 0;}







#mid #main .contentArea h4.type2{ 
	background:url(../img/sp/hBg.jpg) no-repeat left center;
	border: 1px solid  #E6E6E6;
	border-radius:  5px ;
    -webkit-border-radius:5px ;
    -moz-border-radius: 5px ;
	padding: 10px 0 10px 30px;
	font-size: 100%;
	margin-bottom:20px;
}






#mid .contentArea h3.accordion{
	background:url(../img/sp/accordionBg.png) repeat-x center;

	border-bottom:dotted 1px #CCCCCC; border-top:dotted 1px #CCCCCC;
	 margin:0; padding:0;
}
#mid .contentArea h3.accordion.first{border-bottom: none; }
#mid .contentArea h3.accordion.first .nowOpen{border-bottom:dotted 1px #CCCCCC;}

#mid .contentArea h3.accordion span{background:url(../img/sp/downArrow.png) no-repeat 5px center; 	background-size:18px;}

#mid .contentArea h3.accordion .switch{ display:block;  padding:14px 0 14px 32px;}

.switchDetail{ padding: 14px 0;}
#mid .contentArea p.closeBtnHat { text-align:right; margin:0;}



.btn{
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
	margin: 0px auto 5px auto;
	font-weight:bold;
	text-align:center;
	line-height:1;
	width:100%;
}

.btn a{
	text-decoration:none;
	padding: 14px 0;
	display:block;
	color:#FFF;
	
}

.btn.facebook a{
	text-decoration:none;
	padding: 14px 0;
	display:block;
	color:#FFF;
	
}



#main #spInfoArea p.btn{ margin-bottom: 8px;}

.btn.tel a{  color:#FFF; background:url(../img/sp/iconTEL.png) no-repeat 10px center; background-size: 22px; font-size:110%; }
.btn.map a{  background:url(../img/sp/arrow.png) no-repeat 10px center; background-size: 18px; }
.btn.monsin a,.btn.monsin02 a{  background:url(../img/sp/monsin01.png) no-repeat 10px center; background-size: 18px; }
.btn a{  background:url(../img/sp/arrowWH.png) no-repeat 10px center; background-size: 18px; }
.btn.facebook a{  background:url(../img/sp/facebook.png) no-repeat 10px center; background-size: 22px; }


.btn.tel,.btn.yoyaku{ 
	border: 1px solid #4CA358;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aed4b2+0,4ca358+100 */
background: #aed4b2; /* Old browsers */
background: -moz-linear-gradient(top,  #aed4b2 0%, #4ca358 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aed4b2 0%,#4ca358 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aed4b2 0%,#4ca358 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed4b2', endColorstr='#4ca358',GradientType=0 ); /* IE6-9 */
text-shadow: #46884F 1px 1px 0;
}


.btn.reserve{ 
	border: 1px solid #FBA900;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd276+0,fba900+100 */
background: #ffd276; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd276 0%, #fba900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd276 0%,#fba900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd276 0%,#fba900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd276', endColorstr='#fba900',GradientType=0 ); /* IE6-9 */
text-shadow: #D58F00 1px 1px 0;
}




.btn.map{ 
border: 1px solid #D0D0D0;
background: rgb(255,255,255);
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%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
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%);
background: -o-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%);
background: -ms-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%);
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%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
text-shadow: none;

}



.btn.facebook{ 
border: 1px solid #D0D0D0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#647db6+0,6079af+50,4261a4+100 */
background: #647db6; /* Old browsers */
background: -moz-linear-gradient(top,  #647db6 0%, #6079af 50%, #4261a4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #647db6 0%,#6079af 50%,#4261a4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #647db6 0%,#6079af 50%,#4261a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647db6', endColorstr='#4261a4',GradientType=0 ); /* IE6-9 */

text-shadow: none;

}




.btn.medical{ 
	border: 1px solid #FFA67A;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbea0+0,ffa477+100 */
background: #ffbea0; /* Old browsers */
background: -moz-linear-gradient(top,  #ffbea0 0%, #ffa477 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffbea0 0%,#ffa477 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffbea0 0%,#ffa477 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbea0', endColorstr='#ffa477',GradientType=0 ); /* IE6-9 */
text-shadow: #FF9B6A 1px 1px 0;
}





.btn, .btn .content{background:#99CC00; border:none;}


.btn.map a{ color:#333333;}
.btn.monsin a,.btn.monsin02 a{ color:#FFF;}




.btn img{ vertical-align:middle;}








/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*  deteals  */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */




/* index -------------------------------------------------------------- */





#top {background-image:none;}
#top .read-area h2{ text-align:center;} 
#top .read-area h2 img{ width:80%; height:auto; margin:-30% auto 0px; }

#top .catch{ position:static;  z-index:100; clear:both;}
#top .catch img{width:100%; height:auto; text-align:center; margin:0px 0 20px 0;}

.mainImgArea{ width:100%; min-width:inherit; height:auto; background-size:50%; background-position: 0 0; margin: 0 0 20px; }

.bx-wrapper img{ /*float:right;*/}
.mainImgArea .bx-wrapper img{ max-width: 110%; height:auto; margin-left:-5%;}
.mainImgArea .bx-wrapper img.spImg2{ margin-left:-10%;}



#slideshow {
    position:relative;
    height:auto;
	padding:0 0 100px 0 ;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:1.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;

}





#top .main-img img{ width:100%; height:auto;}


#top .menu-box{
	width: 100%;
	background:none;
}

#top #main{ padding:0; clear:both;}



#top .main-img{ margin: 0 0 10px; padding:0;}
#top .main-img img{ width:100%;}


#top .read-area{ width:96%; margin: 10px auto 20px;}
#top #main .read-area h2{ font-size:100%; text-align:left; margin-top:-30px;}
#top #main .read-area h2 br{ display:none;}
#top #main .read-area .attention{ color:#EB7F96;}

#top #main .read-area p br{ display:none;}

#top #menuBlock{width:100%; background:none; box-shadow:none; margin:0;}


#top #menuWrap .menu-box{
	width:100%;
	float:none;
	margin: 0 auto ;
	padding:0 0 5px 0;
	background:#FAF8F6;
	border-radius:0;
	border-top:6px solid #E6DED1;
	border-left:none;
	border-right:none;
	border-bottom:none;
}


#top #menuWrap{width:100%; text-align:center; margin:0 auto; padding:10px 0 0 0;}


#top #menuWrap .menuText{text-align:center; width:90%;}
#top #menuWrap .menuText br{display:none;}

#top #menuWrap .menuBtn img{width:50%;}

#top #main .menu,#top #main .menu2{
	width: 100%;
	float:none;
	padding-bottom:0;
	
}

#top .menu-box h3{margin:20px 0 0px 0;}
#top .menu-box h3 img{width:100%;}
#top .menu-box dl{margin:0 auto;}



#top .menu dd h3, #top .menu2 dd h3{ margin-bottom:10px; padding-top:5px; font-weight:bold;  color: #643502;}



#top .menu dl,#top .menu2 dl{ width:98%; background:none; padding:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#top #main .menu-box:after{ content:'';}


/*#top #main .menu.last,
#top .menu-box{
	width:100%;
	float:none;
	margin: 0 auto ;
	background:none;
	padding: 10px 0 0;
	background:none;

}



#top .menu-box dl{margin:0 auto;}*/


#top #main .menu{ width:100%; float:none; background:#FFF;} 
#top #main .menu  h2 { margin-bottom:0px; padding:15px 0 0px 0; text-align:left; border-top: solid 6px #F2EEE9;}
#top #main .menu h2 img{ width:40%; height:auto; padding-left:10px;}

#top .menu dl{ width:100%; background:none;}

#top .menu dl dt { width: 100%; margin-bottom:15px; }

#top .menu dl dt img{ width: 100%; height:auto;}

#top .menu-box dl dd{ width: 90%; margin:0 auto 0.8em; font-size: 100%; text-align: center;}
#top .menu-box dl dd.menu_btn{margin:20px auto 0; padding-bottom:20px;}
#top .menu-box dl dd.menu_btn img{width:50%; height:auto; max-width:200px;}


#top .menu-box dl dt.top01,#top .menu-box dl dt.top02,#top .menu-box dl dt.top03{width:100%; margin:0 0 10px 0;}



#top #main .info{ width:100%; margin: 30px auto 0px; padding:0; border:none;}
#top #main .info .inner{ border: solid 8px #F4E0D0; box-sizing:border-box;}

#top #main .info h2{ text-align:left; display:block;}
#top #main .info h2 span{padding:2px 0 0 15px;}
  #top #main .info h2 a{ font-size:100%;  color:#FFFFFF; display:block; width:100%; padding: 0; background: url(../img/sp/arrowWH.png) no-repeat 0px center;  background-size: 16px;}

#top .info .news-box{padding: 10px 0px ; width:94%;}

#top #main .info p.headline{ width:100%; padding:0px; margin-bottom:0px;}
#top #main .info p.ymd{ padding:0; margin-bottom:5px; width:100%; background:none;}

#top #main .info .news-box a{
	text-decoration:none !important;

}
#top #main .infocontents{width:100%;}


.mv{ height:auto; min-width:100%; background-size:cover; margin-bottom:30px; padding-top:80px;}




#main ul.banner{
	margin-bottom:11px !important;
}


#top #main ul.banner li{
	float:none;
	width:96%;
	margin:0 auto;
	margin:11px auto 0;
	padding:0;
	text-align:center;
}

#top #main ul.banner li img{width:100%;}


/* medical -------------------------------------------------------------- */

.imgBlock{ width: auto;}


.imgTitle{margin:0 auto 10px; }
.imgTitle img {width:90%; height:auto; max-width:500px;}



#main ul.lineL li{
	margin-bottom: 1.2em;
	line-height:1.6em;

}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:10px;
}


.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#mid #main .hoursRight{float:none; width:100%;}
#mid #main .hoursRight p.holiday{clear:both; margin-top:10px; margin-bottom:5px;}

#mid #main .hoursRight p.holiday{background:url(../img/icon_holiday.gif) no-repeat left 0.4; padding:0 0 0 55px; margin-bottom:10px; }


#mid #main .leftUL{float:none; margin:0;}

#mid #main .leftUL ul{margin:0;}


#mid #main .medicalBlock{float:none; width:100%; margin:0 auto; padding:20px 0;}
#mid #main .medicalBlock .medicalImg{margin-bottom:20px; text-align:center;}

#mid #main .hoursLeft{float:none; width:100%;}
#mid #main .hoursLeft img{width:100%;}

#mid #main .sinryouBox{width:100%; border:none;}


#mid #main .anti-Left,#mid #main .anti-Right{float:none;  width:100%;}
#mid #main .box_pd20 p.price{margin-bottom:5px;}
#mid #main .box_pd20 br{display:none;}


#mid #main .contentArea p.koumoku{float:left; vertical-align:top;}
#mid #main .contentArea p.kensaSymptom{float:left; vertical-align:top; width:70%;}

#mid #main p.caution{font-size:98%;}

.hoursinfoImg{ margin-bottom:0px !important;}


#mid #main ul.listmb0{margin:0;}
#mid #main ul.left{float:none;}

#mid #main .kensaBlock{width:100%;}

#mid #main .pointBlock{padding-top: 50px;
	margin-top: -50px;}


#mid #main .pointBlock2{padding-top: 80px;
	margin-top: -50px;}
#mid #main .privateBlock{margin-bottom:20px;}


.textType01{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; color:#493425;}

#mid #main #endoscopyMain .aligncenter{text-align:center; margin:0 auto; display:table;}

#mid #main #endoscopyMain dl dd{font-size:93%;}



#mid #main .naisikyouMenu .infocontents{
	border:solid 8px #F5F0E7;
	padding:0;
	background:#FEFEFD;
	box-sizing:border-box;
	}

#mid #main .naisikyouMenu ul{
	border-top:none;
    padding:0px ;
    width:100%;
	margin-bottom:0;}

#mid #main .naisikyouMenu ul li{
	background: url(../img/common/sideArrow.gif) no-repeat 0.5em center;
	padding: 10px 0 10px 24px;
	margin-bottom:0;
	display:block;
	border-top:1px dotted #DAD1C9;}


#mid #main .naisikyouMenu ul li.none{border:none;}

#mid #main .naisikyouMenu ul li a:hover{color:#D78F1A;}
#mid #main .naisikyouMenu ul li.on a{color:#D78F1A;}

#mid #main #endoscopyMain .keibiBlock h4.imgTitle img{width:70%;}

#mid #main #endoscopyMain .keibiBlock dl{float:left; width:50%; margin-right:0; text-align:center;}
#mid #main #endoscopyMain .keibiBlock dl dt img{width:80%;}
#mid #main #endoscopyMain .keibiBlock dl dd{margin:0 auto; width:90%; font-size:93%;}

#main .listTable.kensa th{font-size:100%; padding:0.6em 10px; white-space:normal; text-indent:-0.5em; padding-left:1em !important;}
#main .listTable.kensa td{font-size:90%; padding:0.6em 10px; white-space:normal;  padding-left:0.5em !important;}

#mid #main .kensaTableBlock{background:url(../img/kensa_arrow.jpg) no-repeat center bottom 1em; padding-bottom:40px; width:100%;}

#mid #main .contentArea h3.zaitakuTitle{border-right:none;}
#mid #main .soudanBlock{width:100%;}
#mid #main .soudanBlock dl dt{font-size:108%;}

#mid #main .riyouBlock{padding:20px;}

#mid #main .riyouBlock h4{background:none; margin-bottom:10px; color:#44804C;}


/* table  scroll -------------------------------------------------------------- */


.scroll table{white-space: nowrap;}

table{
width:100%;
}
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
margin-bottom:10px;
}

.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}



/* greeting -------------------------------------------------------------- */


div.photoCaption{ float:none; margin: 0 auto 15px; width:60%;}
.photoCaption .doctor{ display:none;}
div.photoCaption img{width:100%; height:auto;}


#main .profileBlock-left{ float:none; width: 100%; }
#main .profileBlock-right{ float:none; width: 100%;}
.profiletable th{ display:block; padding:0 0 0 15px;}
.profiletable td{ display:block; padding:0; margin-bottom: 10px;}

#main .profileBlock-right  ul{ margin-bottom:20px;}
.profileBlock-left p{	background-image: url(../img/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
	padding-left: 16px;
	margin-bottom: 6px;
	line-height:1.4;
	font-weight:bold;}


#mid #main .doctorName br{display:block;}


/* clinic -------------------------------------------------------------- */



.photo-table img{ width:100%; height:auto;}
.photo-table td{ font-size: 80%; width:33%; padding:5px 1% 0;}



/*写真table使用せず-----------------------------*/

/*2列*/
.photoDL.col2 dl{ width:80%;}
.photoDL.col2 dd{ text-align:center; font-size:98%; margin: 8px 0 0; line-height:1.2; }


/*3列*/
.photoDL.col3 dl{ width:80%;  margin:0 auto;}
.photoDL.col3 dl:last-child{ margin-right:auto; }


.photoDL{ text-align:center;}
.photoDL dl{  float:none; margin:0 auto;}


.photoDL dl dt{text-align:center;}
.photoDL dl dt img{ width:100%; height:auto;}
.photoDL dd{ text-align:center; font-size:100%; margin: 10px 0 0; }





/* access -------------------------------------------------------------- */

#mid #main .contentArea div.accessInfo{ width:100%; float:none;}
#mid #main .contentArea .accessImg{width:100%; float:none; text-align:center;}
#mid #main .contentArea .accessImg p{ margin:0 auto 5px;}
.accessImg p.per80img img{ margin:10px auto 5px; }


.googleBtn img{ height:16px; width:auto; margin-bottom:20px;}

.mapArea{width:100%; padding:0;}
.mapArea .mapLeft,.mapArea .mapRight{float:none; margin:0 auto;}


.mapBox{float:none; margin-bottom:30px; text-align:center;}
.mapImg{position:static;}
.mapImg img{width:90%; height:auto;}

.map_text{font-size:80%;  margin:0 auto;}

#mid #main .contentArea div.mapBox .map_text br{display:block;}

/* news -------------------------------------------------------------- */



#top .info h2{display:block;}
/*#top .info .infocontents{display:table-cell;}*/

#main #news .news-block{
	width:100%; box-sizing:border-box; margin-bottom:0.8em;}



#main #news .news-block .glid{width:92%; margin:0 auto; padding:0;}


#mid #main #news h2{ display:block; border-left:none !important; font-size:100%; padding:0; color:#3A9935;}

#mid .contentArea .news-block p.date{ font-size:80%; margin:0 0 5px;}

#mid #main #news h3{
	background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+0,f6f6f6+75,f6f6f6+75,f6f6f6+99 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #ffffff 0%, #f6f6f6 75%, #f6f6f6 75%, #f6f6f6 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#f6f6f6 75%,#f6f6f6 75%,#f6f6f6 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#ffffff 0%,#f6f6f6 75%,#f6f6f6 75%,#f6f6f6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
 color:#3A9935; line-height:1.2; padding:0; margin: 15px 0 15px; padding:10px ;
	border:1px solid #E7E7E7; box-sizing:border-box;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

#mid #main #news-page h2{
	display:block;
	font-size:108%;
	color:#3A9935;
	background:none;
	padding:0 0 5px 0;
	line-height: 1.2em;
	border-bottom:dotted 1px #B3B3B3;
	margin:0 0 15px 0;}


.wpcontents img.alignleft,
.wpcontents  img.alignright,
.wpcontents  img.aligncenter
{margin: 0 auto 20px;float: none; display:block;}

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

#mid #main .columnBlock br{display:block;}
#mid #main .column-box .headline{width:100%; padding:0;}
#mid #main .column-box .date{padding:0 10px 0 0;}


}




	
	
	
	