@charset "utf-8";
/*===============================================
	● smart.css  画面の横幅が300-640px
===============================================*/
@media screen and (min-width:300px) and (max-width:640px){
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#main aside,
#main_contents{
	float:none;
	width:100%;
}
#main{
	position:relative;
}
#main aside{
	height:1620px;
	position:absolute;
	bottom:0;/**/
}
#main_contents{
	/*position:absolute;
	top:0;*/
	padding-bottom: 1650px;
}
#main_contents table{
	margin:auto!important;
	font-size:0.85em;
}
#main_contents table th{
	max-width:85px;
	width:85px;
}
aside #map,
aside .left_navi,
aside img,
aside a{
	display:block;
	margin:auto;
	max-width:250px;
}

aside #news,
aside .map_contents > iframe,
aside .map_contents p,

aside #map,
aside .left_navi{
	max-width:100%;
	width:85%;
	display:block;
	margin:auto;
}
aside .map_contents > iframe{
	margin-top:20px;
}
aside .map_contents small,
aside .map_contents > br:first-child{
	display:none;
}
#main,
#warp{
	height:auto;
	overflow:hidden;
}
aside #news,
#news,
aside #map,
aside .left_navi,
aside .left_navi .left_navi_title,
aside .left_navi li{
	background-size:cover;
	background:none;
}
#news  > img,
#map > img,
.left_navi_title img {
    width: 100%;
    max-width: 100%;
    margin-top:20px;
}
.map_contents,
aside #news li,
aside #news ul{
	margin-left:0;
	width:100%;
	margin:auto!important;
}
.border_line{
	padding:5px;
	margin-left:0;
}
.info1,
.info,
.doctor p,
.doctor_name p,
.doctor_name,
#secret,
#main_contents{
	margin-left:0;
	width:95%;
	margin:auto;
		height:auto;
		float:none;

}
#secret{
	margin-bottom:20px;
}
h3 {
    font-size: 1em;
    padding: 14px 0 0 20px;
    font-weight: normal;
}
section{
	padding:0;

}
#main_contents img,
.qr,
section img{
	width:100%;
	display:block;
	margin:auto!important;
	float:none;
	padding:0;
	height:auto;
}
section iframe{
	max-width:100%!important;
}
header p img {
    display: block;
    float: none;
    margin: 20px auto 0;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    height: auto;
}
header p{
	display:block;
	float:none;
	margin:auto;
	padding:0;
	text-align: center;
}
#main_contents section{
	    clear: both;
    overflow: hidden;
}
#disease1,
#disease{
	width:100%;
}
.disease_wrap {display:block;flex-wrap: wrap;}

.disease:nth-child(2),.disease:nth-child(5),.disease:nth-child(8) {
    margin-right:0 ;
	margin-left:0 ;
}
section #disease1 img,
section #disease img{
	width:auto;
}
h4{
	height:auto;
}
#newscolumnwrap #newscolumn,
#main_contents_area #newscolumn iframe.newslist{
	margin:0;
	padding:0;
	/*width:100%!important;*/

}
h1 {
    width: 90%;
    margin-left:0;
    background-size: 100%;

}
#newscolumn .newslist li p{
	font-size:1em;
}
.guide ul{
	float:none;
	width:95%;
	margin:auto;
}
.footer_menu{
	padding-top:0;
}
footer{
	min-height:auto;
	height:auto;
}
#newscolumn .newslist li p{
	font-size:1em;
	font-size:10px;
	line-height:1.2em;
}
#main_contents_area #newscolumn iframe.newslist {
   width:100%px!important;
  }
  #newscolumn .newslist li p{
  overflow:auto;
  width:100%;
  font-size:14px;
  white-space:normal;
  }
  .newslist{
  margin-top:0;}

#top_banner{
	display:block;
	margin-bottom:20px;
}
#globalNavi .navi ul{
	padding-top:0;
}
#warp{
	background:none;
}
#main_contents td{
    border: solid 1px #ffc8bf;
}

}

/* For iPhone Retina 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
/* Portrait */
@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* 2016/05/12追記 */
@media screen and (min-width:300px) and (max-width:640px){
h3{
    background: none;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    padding: .25em .25em .25em 1.5em;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(0.7,#ffffff), to(#f8f0e5));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
    background-image: linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #5e3b1f;
    font-weight: bold;
    font-size: 1.15em;
    height: auto;
}
h3::after{
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #ff9381;
	color:5e3b1f;
}
li.left_navi_title img{
 	display:none;

}
li.left_navi_title{
	position:relative;
	height:70px;
}

li.left_navi_title::after{
	padding: .75em 1em .75em 1.5em;
	content:"主な疾患";
	text-shadow: 1px 2px 2px #362313;
	font-size:1.4em;
	color:#ffffff;
	border-radius: 3px;
	background: -moz-linear-gradient(top,  #a66c42 0%, #885833 62%, #784d2b 79%, #643f22 100%, #653f22 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%);
	background-clip: padding-box;
	position:absolute;
	top:10px;
	left:0;
	right:0;
}
#news img{
	/*display:none;*/
}
#newsinner{
	position:relative;
	min-height: 5em;
}
#newsinner img{
	visibility: hidden;
}
#newsinner::after{
	padding: .75em 1em .75em 1.5em;
	content:"新着情報";
	text-shadow: 1px 2px 2px #362313;
	font-size:1.4em;
	color:#ffffff;
	border-radius: 3px;
	background: -moz-linear-gradient(top,  #a66c42 0%, #885833 62%, #784d2b 79%, #643f22 100%, #653f22 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%);
	background-clip: padding-box;
	position:absolute;
	top:10px;
	left:0;
	right:0;
}
#news ul{
	position:absolute;
	top:80px;
}
#map img{
	display:none;
}
#map{
	position:relative;
}
#map::after{
	padding: .75em 1em .75em 1.5em;
	content:"アクセス";
	text-shadow: 1px 2px 2px #362313;
	font-size:1.4em;
	color:#ffffff;
	border-radius: 3px;
	background: -moz-linear-gradient(top,  #a66c42 0%, #885833 62%, #784d2b 79%, #643f22 100%, #653f22 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a66c42 0%,#885833 62%,#784d2b 79%,#643f22 100%,#653f22 100%);
	background-clip: padding-box;
	position:absolute;
	top:10px;
	left:0;
	right:0;
}
.map_contents{
	position:absolute;
	top:80px;
}
#disease1,
#disease{
	position:relative;
}
#disease1 a img,
#disease a img{
	display:none;
}
#disease1 a,
#disease a{
	position: relative;
	display: inline-block;
	height:2em;
	width:12em;
	margin-left:35%;
	margin-right:45%;
	content:"診療内容を見る";
	font-size:1em;
	-webkit-box-shadow: 0px 0px 4px #000000;
	box-shadow: 0px 0px 4px #000000;
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(0.7,#ffffff), to(#f8f0e5));
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
	background-image: linear-gradient(top, #ffffff, #ffffff 70%, #f8f0e5);
	border: 1px solid #ffffff;
	color: #5e3b1f;
	text-align: center;
	text-decoration: none;
	display:block;
	margin:auto;
}
#disease1 a::after,
#disease a::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #5e3b1f;
}
#disease1 a:before,
#disease a::before{
	content:"診療内容を見る";
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 12em;
    height: 1.8em;
    color:#5e3b1f;
    font-weight:300;
}
.left_navi li p a{
	padding-top:6px;
	padding-bottom:6px;
}
#toppage #main aside{
	height:2200px;
}
#toppage #main_contents{
	padding-bottom:2250px;
}
#main aside{
	height:1820px;
}
#main_contents{
	padding-bottom:1870px;
}
.footer_menu{
	width:80%;
	margin:10px auto;
	padding-top:20px !important;
	display:block;
}
table:first-letter{
	line-heigh:1.6em;
	letter-spacing:0.1em;
}

#globalNavi .navi li:before {
margin-left: 0.5em;
}
.mod_nav_inner ul li a {
padding: 5px 0px 5px 25px;
}
.mod_nav_inner ul li:first-child a{
    background-image: -moz-linear-gradient(top, #FBEFF8, #F8E0E6);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FBEFF8),to(#F8E0E6));
    background-image: -webkit-linear-gradient(top, #FBEFF8, #F8E0E6);
    background-image: linear-gradient(top, #FBEFF8, #F8E0E6);
}

.mod_nav_inner ul li:nth-child(2) a{
    background-image: -moz-linear-gradient(top, #EFFBEF, #E0F8E0);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#EFFBEF),to(#E0F8E0));
    background-image: -webkit-linear-gradient(top, #EFFBEF, #E0F8E0);
    background-image: linear-gradient(top, #EFFBEF, #E0F8E0);
}
.mod_nav_inner ul li:nth-child(3) a{
    background-image: -moz-linear-gradient(top, #EAFAFF, #BFF0FF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#EAFAFF),to(#BFF0FF));
    background-image: -webkit-linear-gradient(top, #EAFAFF, #BFF0FF);
    background-image: linear-gradient(top, #EAFAFF, #BFF0FF);
}
.mod_nav_inner ul li:nth-child(4) a{
    background-image: -moz-linear-gradient(top, #FFECD4, #FFDDB3);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFECD4),to(#FFDDB3));
    background-image: -webkit-linear-gradient(top, #FFECD4, #FFDDB3);
    background-image: linear-gradient(top, #FFECD4, #FFDDB3);
}
.mod_nav_inner ul li:nth-child(5) a{
    background-image: -moz-linear-gradient(top, #FFFFF0, #FEFFBF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFF0),to(#FEFFBF));
    background-image: -webkit-linear-gradient(top, #FFFFF0, #FEFFBF);
    background-image: linear-gradient(top, #FFFFF0, #FEFFBF);
}
.mod_nav_inner ul li:nth-child(6) a{
    background-image: -moz-linear-gradient(top, #F9EBFF, #F0CFFF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#F9EBFF),to(#F0CFFF));
    background-image: -webkit-linear-gradient(top, #F9EBFF, #F0CFFF);
    background-image: linear-gradient(top, #F9EBFF, #F0CFFF);
}
.mod_nav_inner ul li:last-child a{
    background-image: -moz-linear-gradient(top, #FFE6E6, #FFCFCF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFE6E6),to(#FFCFCF));
    background-image: -webkit-linear-gradient(top, #FFE6E6, #FFCFCF);
    background-image: linear-gradient(top, #FFE6E6, #FFCFCF);
}


#globalNavi .navi li:last-child {
width:100%;
}
#globalNavi .navi li {
float: left;
margin: 2px 5px 2px 0;
width: 49.1%;
border-radius: 5px;
border: solid 2px #ccc;
}
#globalNavi .navi li:nth-child(even){
margin-right:0;
}

}