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

@media screen and (min-width:641px){
	body {

	}

	/* header */

	header,.reserve {
		background-color: #f2ece1;
		height: 70px;
	}
	#head,#foot {
		width: 814px;
		height: 70px;
		margin: 0 auto;
		color: #554325;
	}

	#head h1,#foot h1 {
		float: left;
		margin-top: 10px;
	}

	#head .h_detail,
	#foot .f_detail {
		width: 369px;
	    height: 61px;
	    float: right;
	}

	#head .tel,
	#foot .tel {
		width: 220px;
	    height: 50px;
	    margin-top: 5px;
	    float: left;
	}

	#head span,
	#foot span {
		font-size: 15px;
	}

	#head strong,
	#foot strong {
		font-size: 23px;
		line-height: 23px;
		height: 23px;
	}

	.h_reservation,
	.f_reservation {
		width: 122px;
	    height: 61px;
	    float: right;
	}

	a {
		text-decoration: none;
		color: #554325;
	}

	/* contents */
	#contents{
		background-color: #f5ede2;
	}

	#sec02, #sec03, #sec04, #sec05, #sec06 {
		width: 814px;
		margin: 50px auto 50px;
	}

	#sec01 {
		width: 100%;
		margin-top: 50px;
	}

	/* sec01 */
	.top_image_back {
		width: 100%;
		height: 415px;
		background: url(../images/sec01_02.jpg) top right no-repeat;
		background-color: #fff;
	}

	.top_image {
		width: 814px;
		height: 415px;
		margin: 55px auto 0;
		float: left;
	}

	/* sec06 */
	.background {
		width: 814px;
		height: 358px;
		margin: 30px auto 0;
		background: url(../images/sec06_back.png) no-repeat;
		padding-top: 110px;
	}

	.tenpo {
		width: 639px;
		height: 190px;
		margin: 0 auto;
	}
	.tenpo > div {
		height: 50px;
		margin-bottom: 20px;
	}
	.tenname {
		padding-left: 26px;
		background: url(../images/sec06_01.gif) 2px no-repeat;
		font-size: 20px;
		float: left;
	}
	h3.tenname + p {
		float: right;
		width: 384px;
		text-align: left;
	}

	.background p {
		color: #796d5f;
		font-size: 17px;
		text-align: left;
	}

	.background a {
		font-size: 22px;
		font-weight: 700;
		display: block;
	}
	.clear{
	  zoom:1;
	}
	.clear:before,
	.clear:after {
	  content: ".";
	  display: block;
	  height: 0;
	  overflow: hidden;
	}
	.clear:after {
	  clear: both;
	}
}


@media screen and (max-width:640px){
.maternity_body {
	background-color: #f5ede2;
	padding: 0 2px;
}
	/* header */

	header,.reserv {
		background-color: #f2ece1;
	}


	#foot{
		background-color: #f2ece1;
		margin: 10px 0;
		padding: 10px 0;

	}

	#head,#foot {
		width: 100%;
		margin: 0 auto 20px;
		color: #554325;
	}

	#head h1,#foot h1 {
		float: left;
		margin-top: 10px;
	}

	#head .h_detail,
	#foot .f_detail {
		width: 369px;
	    height: 61px;
	    float: right;
	}

	#head .tel,
	#foot .tel {
		width: 220px;
	    height: 50px;
	    margin-top: 5px;
	    float: left;
	}

	#head span,
	#foot span {
		font-size: 15px;
	}

	#head strong,
	#foot strong {
		font-size: 23px;
		line-height: 23px;
		height: 23px;
	}

	.h_reservation,
	.f_reservation {
		width: 122px;
	    height: 61px;
	    float: right;
	}

	a {
		text-decoration: none;
		color: #554325;
	}

	/* contents */

	#contents{
		background-color: #f5ede2;
	}

	#sec02, #sec03, #sec04, #sec05, #sec06 {
		width: 100%;
		margin: 50px auto 50px;
	}

	#sec01 {
		width: 100%;
	}

	/* sec01 */
	.top_image_back {
		width: 100%;
		background: url(../images/sec01_02.jpg) top left no-repeat;
		background-color: #fff;
	}

	.top_image {
		width: 100%;
		margin: 25px auto 0;
		padding-bottom: 30px;
	}

	.top_image img{
		filter: drop-shadow(5px 5px 5px rgba(255,255,255,1));
	}

	/* sec06 */
	.background {
		width: 100%;
		padding: 20px 10px;
		box-sizing: border-box;
	}

	.tenpo {
		width: 100%;
		height: 190px;
		margin: 0 auto;
	}
	.tenpo > div {
		height: 50px;
		margin-bottom: 20px;
	}
	.tenname {
		padding-left: 26px;
		background: url(../images/sec06_01.gif) 2px no-repeat;
		font-size: 20px;
		float: left;
	}
	h3.tenname + p {
		float: right;
		width: 100%;
		text-align: left;
	}

	.background p {
		color: #796d5f;
		font-size: 17px;
		text-align: left;
	}

	.background a {
		font-size: 22px;
		font-weight: 700;
		display: block;
	}


	.clear{
	  zoom:1;
	}
	.clear:before,
	.clear:after {
	  content: ".";
	  display: block;
	  height: 0;
	  overflow: hidden;
	}
	.clear:after {
	  clear: both;
	}
}

/*-------------------
family_plan
-------------------*/
.family_plan {
    margin: 10% auto;
    width: 31%;
}

footer {
    background-color: #f5ede2;
}
/*-----------------------------------------
sp
------------------------------------------*/
@media screen and (max-width:640px){
	#store-info .box_left{
	  float: left;
	  width: 50%;
	}
	#store-info .box_right{
	  float: right;
	  width: 50%;
	}
	#store-info .box_left h3, #store-info .box_right h3 {
	  text-align: center;
	  margin: 0 auto;
	  width: 72px;
	}
	/* family_plan */
	.family_plan {
	    width: 100%;
	    margin: 10px auto;
	}
}