/* topmenu */
#topmenu {
	border-bottom: #d0b8b8 5px solid;
}
#topmenu .wrapper {
	max-width: 980px;
	min-height: 370px;
	margin: 0 auto;
	background: url('../image/toppage/photo.jpg') no-repeat right bottom;
	padding-top: 100px;
}
/*mobile*/
@media screen and (max-width: 850px) {
	#topmenu .wrapper { background-size: contain; }
}
#topmenu #webtitle,
#topmenu #btn_clinic {
	max-width: 400px;
	margin-left: 10px;
	margin-right: 10px;
}
#topmenu #webtitle img { width: 100%; }
#topmenu #btn_clinic {
	margin-top: 25px;
	text-align: right;
}
#topmenu #menubtn {
	max-width: 420px;
	padding: 40px 0 50px;
}
#topmenu #menubtn #circle {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
}
#topmenu #menubtn #circle a {
	display: table-cell;
	border: #a0959c 1px solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(250,249,249,0.8);
}
#topmenu #menubtn #square a {
	display:block;
	height: 50px;
	margin: 30px 10px 0;
	border: #a0959c 1px solid;
	background-color: rgba(250,249,249,0.8);
	text-align: center;
}
#topmenu #menubtn img {
	width: 100%;
	max-width: 300px;
}
/*mobile*/
@media screen and (max-width: 850px) {
	#topmenu #menubtn #square a { margin: 40px 10px 60px; }
}

/* readmore */
#readmore { padding: 50px 0; }
/*mobile*/
@media screen and (max-width: 900px) {
#readmore {
	position:relative;
	height: 290px;
	overflow: hidden;
	padding: 15px 0 10px;
}
#readmore.ontap { height: auto; }
#readmore:before {
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient( bottom, #fff 30%, rgba(255,255,255,0) 100% );
	background-image: linear-gradient( to top, #fff 30%, rgba(255,255,255,0) 100% );
	z-index: 200;
}
#readmore:after {
	content: "続きを読む";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ec6877;
	color: #fff;
	text-align: center;
	text-decoration: none;
	z-index: 210;
}
#readmore.ontap:before,
#readmore.ontap:after { display: none; }
}/*mobile*/

/* preventive */
#preventive {
	position:relative;
	min-height: 370px;
	background: url('../image/preventivepage/bg.jpg') no-repeat center bottom;
	line-height: 2em;
	border-top: #ec6877 15px solid;
}
/*mobile*/
@media screen and (max-width: 900px) {
	#preventive { background-position: left bottom; }
}
#preventive .wrapper {
	padding: 50px 10px;
}
#preventive #title {
	content: "";
	width: 230px;
	height: 50px;
	position: absolute;
	top: -15px;
	left: 10px;
}
#preventive #text { padding: 50px 0; }
#preventive #tobtn { text-align: right; }

/* general */
#general {
	min-height: 370px;
	background: url('../image/generalpage/bg.jpg') no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	line-height: 2em;
}

#general .wrapper {
	padding: 60px 10px;
}
#general #title {
	text-align: center;
}

/* free */
#free {
	border-bottom: #d0b8b8 10px solid;
}
#free .wrapper {
	padding: 80px 10px 50px;
	background: url('../image/freepage/bg.jpg') no-repeat right bottom;
	line-height: 2em;
}
/*mobile*/
@media screen and (max-width: 430px) {
	#free .wrapper { background-size: contain; }
}
#free #text { padding: 50px 0; }
#free #title,
#free #tobtn {
	max-width: 400px;
	text-align: center;
}