@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/


/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
}

#mainvisual ul {
	position: relative;
	text-align:center;
}

#mainvisual ul li {
	display: none;
	position: absolute;			/* 背面の画像にはposition: absoluteを指定 */
	z-index: 1;				/* 背面の画像のz-indexを1に指定 */
	width: 100%;
	top: 0;					/* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual ul li:first-child {
	display: block;
	position: relative;			/* 前面の画像にはposition: relativeを指定 */
	z-index: 1000;				/* 前面の画像のz-indexを1000に指定 */
}

#mainvisual-button {
	width: 100%;
	padding: 9px 0 15px;
	background-color: #fff;
}

#mainvisual-button ul {
	text-align: center;
	line-height: 10px;

}

#mainvisual-button li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	margin: 0 3px;
	overflow: hidden;
	vertical-align: top;
}

#mainvisual-button li a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-button li a:link,
#mainvisual-button li a:visited{
	margin-top: 0;
}

#mainvisual-button li a:hover,
#mainvisual-button li a:active,
#mainvisual-button li a.current {
	margin-top: -10px;
}


/* ------ Mainvisual ------ */

#mainvisual_sp {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
}

#mainvisual_sp ul {
	position: relative;
	text-align:center;
}

#mainvisual_sp ul li {
	display: none;
	position: absolute;			/* 背面の画像にはposition: absoluteを指定 */
	z-index: 1;				/* 背面の画像のz-indexを1に指定 */
	width: 100%;
	top: 0;					/* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual_sp ul li:first-child {
	display: block;
	position: relative;			/* 前面の画像にはposition: relativeを指定 */
	z-index: 1000;				/* 前面の画像のz-indexを1000に指定 */
}

#mainvisual-button_sp {
	width: 100%;
	padding: 9px 0 15px;
	background-color: #fff;
}

#mainvisual-button_sp ul {
	text-align: center;
	line-height: 10px;

}

#mainvisual-button_sp li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	margin: 0 3px;
	overflow: hidden;
	vertical-align: top;
}

#mainvisual-button_sp li a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-button_sp li a:link,
#mainvisual-button_sp li a:visited{
	margin-top: 0;
}

#mainvisual-button_sp li a:hover,
#mainvisual-button_sp li a:active,
#mainvisual-button_sp li a.current {
	margin-top: -10px;
}












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

.box_news{
	margin-top:0;
	background:url(images/dot_line.gif) no-repeat left center;
}
.box_news h2{
	font-size:22px;
	font-family: "Century Gothic";
	line-height:1.0;
	margin-bottom:0;
	margin:0 0 0 10px;
	color:#41060A;

}
.box_news h2 span{
	font-size:12px;
	line-height:1.0;
	margin-left:10px;
}


.box_news01{

	border-bottom:dotted 2px #B3B3B3;
	padding-bottom:10px;
	margin-bottom:10px;

	height:auto;
	overflow:auto;

}
.box_news01_ifm{

	0padding-bottom:10px;
	0margin-bottom:10px;

	overflow:auto;
}


.news01 {
	margin-top: 10px;
	border-left: solid 1px #eee;
	padding-left:10px;
	width:29%;

}
.news01:first-child {
	border-left: none;
}

.news01 section {
	/*border-top: solid 1px #eee;*/
}

.news01 h2 {
	margin-left: 95px;
	font-size: 76%;
	font-weight: bold;
	color: #4c4c4c;
	padding-bottom:5px;
	min-height:60px;
}


.news01 section a {
	display: block;
	position: relative;			/* ボックス全体にposition:relativeを指定 */
	padding: 15px 0 15px 0;
	text-decoration: none;
	overflow: hidden;
}
.news01 p {
	margin-left: 95px;
	font-size:65%;
}
.f_more {
	color:#EB6C65;
	text-decoration:underline;

}
.news01 .img {
	float: left;
	margin: 0;
	vertical-align:top;
	vertical-align:bottom;
	padding:0;
}
.new{
	color:#ED85AA;
}



.box_news01 iframe.box_ifm{
	width:100%;
	margin: 0 auto;
	height: auto;

	min-height:160px;
	scrolling:auto;
	border:none;


}


/*クリニック検索------------*/
.search_le{
	margin-top:15px;
}
.search_le p{
	padding:5px 0 10px;

}

/*selection バナー------------*/
.row.selection {
  padding: 50px 0 77px
}
.row.selection .sp {
	display: none;
}
@media screen and (max-width: 639px) {
	.row.selection {
		text-align: center;
		padding: 45px 0 0
	}
	.row.selection .pc {
		display: none;
	}
	.row.selection .sp {
		display: inline;
		width: 342px;
	}
}

/*RANKING------------*/

.box_rank{
	margin-top:20px;
	margin:20px 0 0;
}
.box_rank h2{
	font-size:22px;
	font-family: "Century Gothic";
	line-height:1.0;
	margin-bottom:0;
	margin:0 0 0 10px;
	color:#41060A;
}
.box_rank h2 span{
	font-size:12px;
	line-height:1.0;
	margin-left:10px;
}
.clear{
	clear:both;
}
/*review------------*/
.box_review{
	margin-top:20px;
	border-top:dotted 2px #B3B3B3;
	padding-top:10px;
}
.box_review h2{
	font-size:22px;
	font-family: "Century Gothic";
	line-height:1.0;
	margin-bottom:17px;
	margin:0 0 17px 10px;
	color:#41060A;
}
.box_review h2 span{
	font-size:12px;
	line-height:1.0;
	margin-left:10px;
}
.box_review h2 span a{
	font-size:10px;
	line-height:1.0;
	color:#EB6C65;
	text-decoration:underline;
	margin-left:10px;
}

.review{
	width:165px;

	border-right:#eee solid 1px;
	padding-right:4px;

}
.review:last-child {
	border-right: none;
}


.review a {
	display: block;
	position: relative;			/* ボックス全体にposition:relativeを指定 */
	padding: 20px 0 5px 0;
	text-decoration: none;
	overflow: hidden;
}
.review a:link,
.review a:visited {
	background-color: transparent;
}
.review p {
	margin-left: 75px;
	padding-top:10px;
	line-height:1.2;
}
.review .img {
	float: left;
	margin: 0 0 0 5px;
	padding:0;
	vertical-align: bottom;
}
.review div{
	font-size:76%;
	line-height:1.2;

}
.review_date{
	margin-bottom:13px;
}
.review .more{
	font-size:65%;
}
.review .more a{
	text-align:right;
	color:#EB6C65;
	padding: 5px 0 5px 0;
	text-decoration:underline;
}

/*magazine---------------*/
.box_media:first-child{
	clear:both;
}
.box_media{
	border-top:dotted 2px #B3B3B3;
	padding:10px 27px 10px 0;
	color:#41060A;
	margin:20px 25px 20px 10px;
}
.box_media li {
	display: inline-block;
	padding: 0 7px 5px 0;
}
.box_media li:last-child{
	padding-right:0px;
	float:none;
}
.box_media h2{
	font-size:22px;
	font-family: "Century Gothic";
	line-height:1.0;
	margin-bottom:17px;


}
.box_media h2 span{
	font-size:12px;
	line-height:1.0;
	margin-left:10px;
}

.pcnon{
		display:block;
		display:none;
	}




.spnon{
		display:none;
		display:block;
	}

/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {



}


/*-----------------------------------------------------	*/
/*	for 640px - 979px		sakusei		*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 640px) and (max-width: 839px) {


}
@media screen and (min-width: 460px) and (max-width: 639px) {
}



/*-----------------------------------------------------	*/
/*	for  - 639px			*/
/*-----------------------------------------------------	*/

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

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.col2,
	.col2.left,
	.col2.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.col4,
	.col4.left,
	.col4.right {
		float: none;
		width: auto;
		margin-left: 0;
	}




/*RANKING------------*/
.rank01{
	margin-top:10px;
	background:url(images/bg_no01.jpg) repeat;
}
.rank02{
	margin-top:10px;
	background:url(images/bg_no02.jpg) repeat;
}
.rank03{
	margin-top:10px;
	background:url(images/bg_no03.jpg) repeat;
}

/*review------------*/
.review{
	padding:0 20px;
}
/*クリニック検索------------*/
.search_le{
	padding:0 10px;
}
/*メディア------------*/
.box_media{
	padding:10px 0;
}
.box_media ul{
	text-align:center;
}
/*最新情報------------*/
	.news01 {
		margin-top: 0;
		border-bottom: none;
	}

	.news01 section a {
		padding: 15px 10px 15px 15px;
	}
	.news01 p {
	font-size:76%;
	}

.pcnon{
		display:block;


		/*float:right;*/
	}
	.spnon{
		display:block;
		display:none;
	}


}



/*-----------------------------------------------------	*/
/*	for - 339px					*/
/*-----------------------------------------------------	*/

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

}