/* お庭：個別のページ --------------------------------------------------------------- */




/* 記事ページ --------------------------------------------------------------- */
#living {
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	background-color: #eef4ea;
	position: relative;
	}

	#living #livingLEFT,
	#living #livingRIGHT {
		width: 50%;
		height: 100vh;
		}
		
	#living #livingLEFT {
		float: left;
		}

		#living #livingLEFT .livingLEFT {
			width: 80%;
			margin: 0 auto;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			}

			#living #livingLEFT .livingLEFT h1 {
				width: 100%;
				font-size: 20px;
				text-align: center;
				margin-bottom: 30px;
				}

				#living #livingLEFT .livingLEFT h1 span {
					margin-top: 5px;
					font-size: 12px;
					opacity: 0.5;
					}

			#living #livingLEFT .livingLEFT p:last-of-type {
				text-align: left;
				}

	#living #livingRIGHT {
		float: right;
		margin: 0 auto;
		}
			
		#living #livingRIGHT p {
			width: 100%;
			height: 100%;
			overflow: hidden;			
			}
			
			#living #livingRIGHT p img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				}

@media(max-width: 990px){
	#living {
		padding: 30px 0;
		}
	
		#living #livingLEFT,
		#living #livingRIGHT {
			width: 100%;
			height: auto;
			}

		#living #livingLEFT {
			float: none;
			padding-top: 30px;
			}

			#living #livingLEFT .livingLEFT {
				width: 90%;
				padding-bottom: 30px;
				position: static;
				transform: none;
				}

				#living #livingLEFT .livingLEFT h1 {
					font-size: 22px;
					}

					#living #livingLEFT .livingLEFT h1 span {
						font-size: 12px;
						}

		#living #livingRIGHT {
			width: 90%;
			float: none;
			overflow: visible;
			}
			
			#living #livingRIGHT p:first-of-type {
				margin-bottom: 20px;
				}
	}

@media(min-width: 1px) and (max-width: 660px){
	}