@charset "utf-8";

/**
 *
 * TopPage
 *
 */

/*===============================================
●index.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　;
}

.title_top {
	display: block !important;
	clear: both !important;
	height: auto !important;
	line-height: 1.5em !important;
	text-indent: 10px !important;
	margin-bottom: 10px !important;
	font-size: 18px !important;
	font-weight: normal !important;
	color: #333 !important;
	border-left: solid #FE8455 3px !important;
	border-top: none !important;
	background: none !important;
	position: relative;
}
.title_top .title_top_3 {
	position: absolute;
	top: -10px;
}
.title_top .title_top_3_2 {
	padding-left: 25px;
}
.pointClinic li {
	font-size: 12px;	
}
.point_box {
	background: url(/img/bg_point.png) 0 0 no-repeat;
	width: 196px;
	height: 128px;
	padding: 14px 14px 0 14px;
	margin-bottom: 10px;
	float: left;
		text-shadow: 0px 0px 3px white;	
}
.point_box h3 {
	font-size: 18px;
	font-weight: normal;	
	display: block;
	width: 196px;
	height: 50px;
	margin-bottom: 17px;
	background-position: right;
	background-repeat: no-repeat;		
}
.point_box h3 a {
	color: black;	
}
.point_box p {
	font-size: 12px !important;
	padding: 0px;	
	line-height: 1.3em;
}
.point3, .point6, .point9 {
	margin-right: 0px !important;	
}





}
/*===============================================
●index.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){


.iframe_youtube {
	width: 90%;
	height: 200px !important;

}
#top_catpch img {
	width: 100% !important;
	height: auto !important;
}

.title_top {
	display: block !important;
	clear: both !important;
	height: auto !important;
	line-height: 1.5em !important;
	margin-bottom: 10px !important;
	font-size: 15px !important;
	text-indent: 0px !important;
	padding-left: 5px !important;
	font-weight: normal !important;
	color: #333 !important;
	border-left: solid #FE8455 3px !important;
	border-top: none !important;
	background: none !important;
	position: relative;
	margin-left: 5px !important;
}
.title_top .title_top_3 {

}
.title_top .title_top_3_2 {

}
.pointClinic li {
	font-size: 12px;	
}
.point_box {
	/*background: url(/img/bg_point.png) 0 0 no-repeat;*/
background: #fff7f4; /* Old browsers */
background: -moz-linear-gradient(top,  #fff7f4 0%, #ffebe1 14%, #fff9f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff7f4), color-stop(14%,#ffebe1), color-stop(100%,#fff9f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff7f4 0%,#ffebe1 14%,#fff9f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff7f4 0%,#ffebe1 14%,#fff9f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff7f4 0%,#ffebe1 14%,#fff9f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff7f4 0%,#ffebe1 14%,#fff9f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7f4', endColorstr='#fff9f7',GradientType=0 ); /* IE6-9 */
	width: 47%;
	margin-left: 1%;
	margin-right: 1% !important;
	margin-bottom: 10px;
	float: left;	
	box-shadow: 0px -1px 3px gray;
	height: 140px;
	
}
.point_box h3 {
	font-size: 14px;
	font-weight: normal;	
	display: block;
	margin-top: 10px;
	padding-left: 5px;
	margin-right: 5px;
	background-position: right;
	background-repeat: no-repeat;		
	min-height: 53px;
}
.point_box h3 a {
	color: black;	
}
.point_box p {
	font-size: 11px !important;
	padding: 0px;	
	line-height: 1.3em;
	background: white;
	margin: 5px;
	margin-top: 0px;
	position: relative;
	top: 8px;
}
.point3, .point6, .point9 {
	margin-right: 0px !important;	
}

.pointClinic ul li {
	box-shadow: 0px 0px 3px gray;
	display: block;
	float: left;
	width: 47% !important;
	height: auto !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	background-repeat: no-repeat;
	padding: 0px !important;
	margin-bottom: 5px;
	font-size: 11px !important;
	height: 150px !important;
	color: #333;	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fdfcfb 14%, #eae4d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#fdfcfb), color-stop(100%,#eae4d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfcfb 14%,#eae4d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fdfcfb 14%,#eae4d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fdfcfb 14%,#eae4d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fdfcfb 14%,#eae4d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae4d6',GradientType=0 ); /* IE6-9 */
	
}
.pointClinic ul a span.tit {
	font-size: 14px !important;
	height: 40px;
}
.pointClinic ul li .inner {
	margin: 5px;	
}
.pointClinic ul li.treat1 .inner {
	background: url(/img/top_r1_c2.png) right 3px no-repeat;
	background-size: 80px 87px;
}
.pointClinic ul li.treat2 .inner {
	background: url(/img/top_r1_c10.png) right 3px no-repeat;
	background-size: 55px 88px;
}
.pointClinic ul li.treat3 .inner {
	background: url(/img/top_r4_c3.png) right 3px no-repeat;	
	background-size: 71px 87px;
}
.pointClinic ul li.treat4 .inner {
	background: url(/img/top_r7_c1.png) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat5 .inner {
	background: url(/img/top_r6_c9.png) right 3px no-repeat;	
	background-size: 83px 88px;
}
.pointClinic ul li.treat6 .inner {
	background: url(/img/top_r10_c4.png) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat7 .inner {
	background: url(/img/3point-sp_r1_c1.jpg) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat8 .inner {
	background: url(/img/3point-sp_r1_c3.jpg) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat9 .inner {
	background: url(/img/3point-sp_r1_c5.jpg) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat10 .inner {
	background: url(/img/top/point10.png) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat11 .inner {
	background: url(/img/top/point11.png) right 3px no-repeat;	
	background-size: 72px 88px;
}
.pointClinic ul li.treat12 .inner {
	background: url(/img/top/point12.png) right 3px no-repeat;	
	background-size: 72px 88px;
}

#contentContainer h2 {
	background-size: 100% 100% !important;
	font-size: 15px !important;
	height: auto !important;
	line-height: 1.3em !important;
	padding-left: 10px !important;
	text-indent: 0px !important;
	padding-top: 7px !important;
	padding-bottom: 15px !important;
}
#greeting {
	margin: 0px 5px;
}
#contentContainer p {

}

}