/* CSS Document */

/* ================================================
MODULE
================================================ */
h2 {
	padding:100px 0;
}
.ttl {
	text-align:center;
}

/* ================================================
HEADER
================================================ */
header {
	width:100%;
	background:url("/gardeniamatsukage2_data/img/bg_01.jpg") top center;
}

header h1 {
	text-align:center;
}

/* ================================================
CONTENTS
================================================ */
.contents {
	background:url("/gardeniamatsukage2_data/img/bg_plan_01.png") top center #231815 no-repeat;
	background-size: 100% auto;
}



/* ================================================
SECTION
================================================ */

/* .feature
------------------------------------------------ */
.feature {
	background-color:#005237;
	margin-top:0;
	padding:40px 0 40px 0;
}
	.feature .ttl {
		margin-bottom:45px;
	}
	.feature .inner {
		max-width:1000px;
		margin:0 auto;
		/*background-color:#FFF;*/
		padding:20px 0;
		
	}
	.feature ul {
		margin:0 auto;
		width:496px;
	}
		.feature ul li {
			background:url(../common/img/img_icon_01.png) left center no-repeat;
			padding:0 0 0 40px;
			margin-bottom:7px;
		}

/* .gallery
------------------------------------------------ */
.gallery {
}
	.gallery .photo {
		max-width:1200px;
		margin:0 auto 60px;
	}
		.gallery .photo ul {
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
		}
		.gallery .photo ul li {
			width:240px;
			margin-bottom:60px;
		}
		.gallery .photo ul li:nth-child(2),
		.gallery .photo ul li:nth-child(3),
		.gallery .photo ul li:nth-child(6),
		.gallery .photo ul li:nth-child(7) {
			margin-left:15px ;
			margin-right:15px ;

		}



/* .plan
------------------------------------------------ */
.plan {
}
	.plan .plan-box {
		/*background:url(../img/bg_plan_01.jpg) center top repeat-y;
		background-size:cover;
		width:100%;
		padding:45px 0;*/
		padding: 0 0 120px;
	}
	.plan .inner {
		width:1200px;
		margin:0 auto;
		/*background:url(../img/bg_plan_02.png) ;*/
		padding:20px 0 30px 0;
		/*background-color: #FFFFFF;*/
		background-color:rgba(255,255,255,0.8);
	}
	.plan .inner .plan-type-box {
		width: 810px;
		margin: 0 auto 80px;
		padding: 0 0 80px;
		border-bottom: 1px solid #000000;
		text-align: center;
	}
		.plan .inner .plan-type-box dl {
			border: 1px solid #888888;
			position: relative;
			padding: 0 0 0 62px;
			display: flex;
			width: 630px;
			height: 60px;
			margin: 35px auto 40px;
		}
		.plan .inner .plan-type-box dl::before {
			content:"";
			width: 50px;
			height: 50px;
			position: absolute;
			left: 35%;
			top: 4px;
			left: 4px;
			background: #888888;
		}
		.plan .inner .plan-type-box dl::after {
			content:url(/gardeniamatsukage2_data/img/txt_plan_01.png);
			position: absolute;
			top: 22px;
			left: 13px;
		}
			.plan .inner .plan-type-box dl dt {
				position: relative;
				padding: 0 0 0 10px;
			}
				.plan .inner .plan-type-box dl dt .plan-type-floor {
					position: absolute;
					width: 30px;
					height: 30px;
					background: #888888;
					border-radius: 50%;
					top: 15px;
					left: 0px;
				}
					.plan .inner .plan-type-box dl dt .plan-type-floor img {
						padding: 9px 0 0;
					}

			.plan .inner .plan-type-box dl dd {
				padding: 15px 12px 0 22px;

			}
				.plan .inner .plan-type-box dl dd .plan-type-price {
					font-size: 30px;
				}


		.plan .box-txt {
			width: 810px;
			font-size: 11px;
			margin: 40px auto;
			line-height: 140%;
			text-align: justify;
			text-justify: inter-ideograph;
		}





/* .price
------------------------------------------------ */
.price {
}
.price .modified_day {
	font-size: 14px;
	padding-top: 30px;
	line-height: 0 !important;
	text-align: center;
}
.price table {
  /*border: solid 1px #ccc;
  border-collapse: collapse;*/
  width: 600px;
  margin: 30px auto;
  border-bottom: solid 1px rgba(0,0,0,1.0);
  border-top: solid 1px rgba(0,0,0,1.0);
}
.price table td,
.price table th {
 /* border: solid 1px #ccc;*/
  padding: 7px;
  font-size: 14px;
  text-align: center;
}
table tr:nth-child(even) td {
	background-color: rgba(0,0,0,0.07);
}
.price table th,
.price table td {
  padding-left: 60px;

}
.price table td+td,
.price table th+th {
  padding-left: 0px;
}
.price table td {
  position: relative;
}
.price table td span.decided_txt {
  position: absolute;
  top: 5px;
  left: 1px;
  color: #ff5273;
  left: 1px;
  border:1px solid #ff5273;
  padding:2px;
}
.price table td span.moveout_txt {
	position: absolute;
	left: 1px;
	top: 5px;
	color: #000000;
	border:1px solid #000000;
	padding:2px;
  }

.price table td span.decided_border {
  display: block;
  position: absolute;
  top: 1px;
  left: 30px;
  width: 570px;
}


/* .access
------------------------------------------------ */
.access {
}
	.access .inner {
		width:1000px;
		margin:0 auto;
		background-color:#000;
		padding:3px 3px 1px 3px;
	}
	.access .box-access {
		max-width:1000px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}

	.access .box-access dl {
		margin-bottom:30px;
		border-left:3px solid #000;
		padding:0 0 0 10px;
	}
	.access .box-access dl dt {
		font-weight:bold;
		margin-bottom:10px;
	}
	.access .box-access dl dd ul {
	}
		.access .box-access dl dd ul li {
			margin-bottom:3px;
		}

/* .info
------------------------------------------------ */
.info {
	text-align:center;
	padding:100px 0;
	font-size:13px;
}
	.info .ttl {
		margin-bottom:50px;
	}
	.info .address {
		font-size:13px;
		margin-bottom:15px;
	}
	.info .tel {
		margin-bottom:50px;
	}
	.info .box-inquiry {
		width:400px;
		margin:0 auto;
		background-color:#19685c;
	}
		.info .box-inquiry a {
			color:#FFFFFF;
			display:block;
			font-size:17px;
			letter-spacing:0.2em;
			padding:20px;
		}

	
/* =======================================================================================

TABLET & SMARTPHONE

======================================================================================= */
@media screen and (max-width:768px) {
/* ================================================
MODULE
================================================ */
h2 {
	padding:50px 0;
}

	h2 img {
		height:20px;
		width:auto;
	}
/* ================================================
HEADER
================================================ */
header {
	background-size: cover;
}

/* ================================================
CONTENTS
================================================ */
.contents {
	/*background:url("/gardeniamatsukage1_data/img/bg_02.png") top center #231815 no-repeat;
	background-size: 200%;*/
}

/* ================================================
SECTION
================================================ */

	.inner {
		width:95% !important;
		margin:0 auto;
	}

/* .feature
------------------------------------------------ */
.feature {
	padding:10px 0 5px 0;
}
	.feature ul {
		margin:0 auto;
		width:auto;
	}
		.feature ul li {
			background-size: 20px;
			padding:0 0 0 30px;
		}
		.feature ul li img {
			height: 18px;
			width: auto;
		}

/* .gallery
------------------------------------------------ */
.gallery {
}
	.gallery .photo {
		width: 95%;
		margin:0 auto 60px;
	}
		.gallery .photo ul {
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
		}
		.gallery .photo ul li {
			width:48%;
			margin-bottom:10px;
		}
		.gallery .photo ul li:nth-child(2),
		.gallery .photo ul li:nth-child(3),
		.gallery .photo ul li:nth-child(6),
		.gallery .photo ul li:nth-child(7) {
			margin:0 ;
		}

/* .plan
------------------------------------------------ */
.plan {
}
	.plan .plan-box {
		padding: 0 0 60px;
	}
	.plan .inner {
		width:auto;
		/*margin:0 auto;
		background:url(../img/bg_plan_02.png) ;*/
		padding:20px 0 30px 0;
		/*background-color: #FFFFFF;*/
	}
	.plan .inner .plan-type-box {
		width: 96%;
		margin: 0 auto 40px;
		padding: 0 0 40px;
		/*border-bottom: 1px solid #000000;
		text-align: center;*/
	}
		.plan .inner .plan-type-box dl {
			/*border: 1px solid #888888;*/
			position: relative;
			padding: 0 0 0 62px;
			display: block;
			width: 100%;
			height: auto;
			margin: 35px auto 20px;
		}
		.plan .inner .plan-type-box dl::before {
			content:"";
			width: 50px;
			height: 94%;
			position: absolute;
			left: 35%;
			top: 4px;
			left: 4px;
			background: #888888;
		}
		.plan .inner .plan-type-box dl::after {
			content:url(/gardeniamatsukage2_data/img/txt_plan_01.png);
			position: absolute;
			top: 50%;
			left: 13px;
			transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
		}
			.plan .inner .plan-type-box dl dt {
				position: relative;
				padding: 0 0 0 10px;
			}
				.plan .inner .plan-type-box dl dt .plan-type-floor {
					position: absolute;
					width: 30px;
					height: 30px;
					background: #888888;
					border-radius: 50%;
					top: 5px;
					left: 0px;
				}
					.plan .inner .plan-type-box dl dt .plan-type-floor img {
						padding: 9px 0 0;
					}

			.plan .inner .plan-type-box dl dd {
				padding: 7px 12px 5px 40px;
				text-align: left;

			}
				.plan .inner .plan-type-box dl dd .plan-type-price {
					font-size: 26px;
				}


		.plan .box-txt {
			width: 90%;
			margin: 40px auto 0;
			line-height: 140%;
		}


/* .access
------------------------------------------------ */
	.access .box-access {
		display:block;
		margin:0 20px;
	}


/* .info
------------------------------------------------ */
.info {
	padding:50px 0;
}
	.info .ttl {
		margin-bottom:30px;
	}
	.info .address span {
		display:block;
	}

	.info .box-inquiry {
		width:100%;
	}
		.info .box-inquiry a {
			font-size:15px;
			letter-spacing:0.1em;
		}

}