@charset "UTF-8";









/* ----------------------------------------------------------------------------------------------------



	common



--------------------------------------------------- */
img { max-width: 100%; }
figure { margin: 0; }

#wrap {
	padding: 0 0 100px;
	max-width: 100%;
	}
	.conWrap {
		max-width: 1000px;
		margin: 0 auto;
		padding-top: 80px;
		}

#container {}

.cb-floorplan {
	margin-top: 50px;
	}
	.cb-floorplan p {
		line-height: 2;
		font-size: 17px;
		overflow: hidden;
		padding: 20px 0;
		}
	.cb-floorplan .cbf-wrap {
		overflow: hidden;
		padding: 0 50px 0 0;
		}
	.cb-floorplan .floorplan {
		float: right;
		max-width: 46.5%;
		border: 1px solid rgba(0, 0, 0, 0.3);

		-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
		-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
		box-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
		}

.rom-pho {
	letter-spacing: -1em;
	margin: 30px auto 0;
	max-width: 1000px;
	text-align: center;
	}
	figure {
		display: inline-block;
		letter-spacing: 0em;
		margin-bottom: 35px;
		max-width: 48.5%;
		position: relative;
		vertical-align: top;
		}
	figure img { max-width: 100%; }
	figure figcaption {
		background: #fff;
		color: #333;
		display: inline-block;
		bottom: -15px;
		font-weight: 700;
		font-size: 16px;
		left: 10px;
		position: absolute;
		padding: 8px 20px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
		box-shadow: 0 0 5px rgba(0, 0, 0, .5);
		}

	.cbf-wrap figure { max-width: 100%; }

	.cb-btnarea {
		padding: 20px;
		text-align: center;
		}
		.cb-more {
			background-image: url(/residence/kasui/src/img/common/arrow/pt2-right-white.png);
			background-position: right 5px center;
			background-repeat: no-repeat;
			background-size: 10px;
			color: #fff;
			display: inline-block;
			font-size: 20px;
			font-weight: 700;
			padding: 15px 60px;
			position: relative;
			top: 0;

            background: #3e6014;
            background: -moz-linear-gradient(bottom, #3e6014 1%, #112702 100%);
            background: -webkit-linear-gradient(bottom, #3e6014 1%,#112702 100%);
            background: linear-gradient(to bottom, #3e6014 1%,#112702 100%);

            -webkit-box-shadow: 0 5px 0 rgba(15, 25, 2, 1), 0 5px 10px rgba(0, 0, 0, .3);
            -moz-box-shadow: 0 5px 0 rgba(15, 25, 2, 1), 0 5px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 5px 0 rgba(15, 25, 2, 1), 0 5px 10px rgba(0, 0, 0, .3);

			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;

			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			transition-duration: .5s;
			}
			.cb-more:hover {
				top: 5px;
				text-decoration: none;

	    		-webkit-box-shadow: 0 0 0 rgba(15, 25, 2, 0), 0 0 10px rgba(0, 0, 0, .3);
	    		-moz-box-shadow: 0 0 0 rgba(15, 25, 2, 0), 0 0 10px rgba(0, 0, 0, .3);
	            box-shadow: 0 0 0 rgba(15, 25, 2, 0), 0 0 10px rgba(0, 0, 0, .3);
				}

	.pho-att {
		letter-spacing: 0em;
		max-width: 1000px;
		margin: 0 auto;
		}
		.pho-att p {
			text-align: right;
			font-size: 15px;
			}

	.cb-wrap { margin-bottom: 20px; }
		.cb-wrap p {
			font-size: 20px;
			line-height: 1.75;
			padding-top: 30px;
			}









/* ----------------------------------------------------------------------------------------------------



	room



--------------------------------------------------- */
#room {}

	#cbf-system {
		border: 1px solid #481203;
		display: table;
		overflow: hidden;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		#cbf-system span {
			display: table-cell;
			font-size: 16px;
			padding: 15px 20px;
			}
		#cbf-system #cbfs-all {
			color: #fff;
			background: #481203;
			}
		#cbf-system #cbfs-individual {
			color: #481203;
			}









/* ----------------------------------------------------------------------------------------------------



	1F・2F・3F



--------------------------------------------------- */
#lifespace { max-width: 100%; }

	#lfs-intro {
		max-width: 1000px;
		margin: 0 auto;
		}

	#lfs-drawing {
		background-color: #f5f5f5;
		/* margin-bottom: -80px; */
		margin-top: 100px;
		padding-bottom: 100px;
		}
		#lfsdrw-list {
			max-width: 1000px;
			margin: 0 auto;
			text-align: center;
			}
			.lfsdrw-item {
				margin-bottom: 40px;
				position: relative;
				}
				.lfsdrw-label { display: table; }
				#lfsdrw-1f .lfsdrw-label {
					position: absolute;
					left: 0;
					top: -40px;
					}
					.lfsdrw-label span {
						background: #481203;
						color: #fff;
						display: table-cell;
						font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝M", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
						font-weight: 700;
						font-size: 23px;
						padding: 25px;
						}
					.lfsdrw-label p {
						display: table-cell;
						font-size: 19px;
						padding-left: 20px;
						}
				.lfsdrw-item img { max-width: 100%; }

	#lifespace .rom-pho {
		margin-top: -80px;
		position: relative;
		}
		#lifespace .rom-pho figure {
			display: inline-block;
			letter-spacing: 0em;
			margin: 0 1% 30px;
			max-width: 31.33333333333333%;
			position: relative;
			vertical-align: top;
			}



/*
	

	MediaQuery



 */



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



/*
	common

--------------------------------------------------- */
.rom-pho {}
	.rom-pho figure:nth-child(odd) { margin-right: 1.5%; }
	.rom-pho figure:nth-child(even) { margin-left: 1.5%; }



/*
	1F・2F・3F

--------------------------------------------------- */
#lfsdrw-1f { padding-top: 40px; }



}



/* ------------------------------------------------ */



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



/*

	common

--------------------------------------------------- */
#wrap { padding-bottom: 0; }
	.conWrap {
		padding-top: 0;
		margin-bottom: 30px;
		}

#container { padding: 0 0 60px; }

.cb-floorplan { margin-top: 20px; }
	.cb-floorplan p {
		font-size: 14px;
		padding: 20px 0;
		}
	.cb-floorplan .cbf-wrap {
		margin: 20px 0 0;
		padding: 0;
		}
	.cb-floorplan .floorplan {
		float: none;
		max-width: 100%;
		}

.rom-pho {
	margin: 0;
	padding: 0 20px;
	}
	figure {
		margin: 0 1% 35px;
		max-width: 98%;
		}
	figure img { max-width: 100%; }
	figure figcaption {
		font-size: 14px;
		padding: 5px 20px;
		}

	.cbf-wrap figure { max-width: 100%; }

	.cb-more {
		font-size: 16px;
		margin: 20px auto 40px;
		padding: 10px 20px;
		}

	.pho-att { padding: 0 20px; }
		.pho-att p { font-size: 13px; }

	.cb-wrap { margin-bottom: 20px; }
		.cb-wrap p {
			font-size: 15px;
			padding-top: 20px;
			}



/*

	room

--------------------------------------------------- */
#room { margin-top: 60px; }

	#cbf-system { width: 100%; }

		#cbf-system span {
			font-size: 14px;
			padding: 15px;
			text-align: center;
			}



/*

	1F・2F・3F

--------------------------------------------------- */
#lifespace {}

	#lfs-intro {}

	#lfs-drawing {
		margin-bottom: 0;
		margin-top: 0;
		padding-bottom: 20px;
		}
		#lfsdrw-list {
			margin-top: 30px;
			padding: 15px 20px 0;
			}
			.lfsdrw-item { margin-bottom: 20px; }
				.lfsdrw-label { display: table; }
				#lfsdrw-1f .lfsdrw-label {
					position: relative;
					top: 0;
					}
					.lfsdrw-label span {
						font-size: 17px;
						padding: 10px 15px;
						}
					.lfsdrw-label p {
						font-size: 12px;
						padding-left: 10px;
						text-align: left;
						}
				.lfsdrw-item img {}

	#lifespace .rom-pho { margin-top: 20px; }
		#lifespace .rom-pho figure {
			margin: 0 1% 30px;
			max-width: 100%;
			}




}