@charset "UTF-8";
/* お庭 --------------------------------------------------------------- */



/* content --------------------------------------------------------------- */
.content {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

.content:last-of-type {
	margin-bottom: 0;
	}

	.content h1 {
		font-size: 32px;
		padding-bottom: 15px;
		margin: 0 0 40px 60px;
		border-bottom: #d9d9d9 solid 1px;
		}

	.content #store {
		margin: 0 60px 30px 60px;
		overflow: hidden;
		}

		.content #store .store {
			float: left;
			width: 50%;
			margin-bottom: 40px;
			position: relative;
			}

		.content #store .store:nth-of-type(odd) {
			float: right;
			}

			.content #store .store ul {
				width: 100%;
				padding-left: 10%;
				box-sizing: border-box;
				overflow: hidden;
				}

				.content #store .store ul li:first-of-type {
					float: right;
					width: 68%;
					height: 230px;
					padding-left: 20px;
					box-sizing: border-box;
					}

					.content #store .store ul li:first-of-type img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						}

				.content #store .store ul li:last-of-type {
					float: left;
					width: 32%;
					padding-top: 80px;
					font-size: 18px;
					line-height: 1.5;
					}

					.content #store .store ul li:last-of-type h2 {
						font-size: 18px;
						line-height: 1;
						}

					.content #store .store ul li:last-of-type span {
						font-size: 13px;
						line-height: 1;
						}

					.content #store .store ul li:last-of-type span:first-of-type {
						margin-bottom: 10px;
						}

					.content #store .store ul li:last-of-type span:last-of-type {
						margin-top: 15px;
						}

					.content #store .store ul li:last-of-type span.price {
						display: none;
						}

				.content #store .store a p {
					width: 160px;
					font-size: 10px;
					margin: 0 0 0 auto;
					padding: 0 0 5px 1px;
					background-image: url("../../img/home/arrow.png");
					background-position: right bottom;
					background-repeat: no-repeat;
					background-size: auto 17px;
					position: absolute;
					left: 10%;
					bottom: 20px;
					}

@media(max-width: 990px){
		.content #store {
			width: 90%;
			margin: 0 auto;
			}

			.content #store .store {
				float: none;
				width: 100%;
				margin-bottom: 40px;
				}

			.content #store .store:nth-of-type(odd) {
				float: none;
				}
			
			.content #store .store:last-of-type {
				margin-bottom: 0;
				}

				.content #store .store ul {
					width: 100%;
					padding-left: 0;
					}

					.content #store .store ul li:first-of-type {
						float: none;
						width: 100%;
						height: auto;
						padding-left: 0;
						margin-bottom: 20px;
						}

					.content #store .store ul li:last-of-type {
						float: none;
						width: 100%;
						padding-top: 0;
						font-size: 16px;
						}

						.content #store .store ul li:last-of-type span:first-of-type {
							margin-bottom: 0px;
							}

						.content #store .store ul li:last-of-type span:last-of-type {
							display: none;
							}

						.content #store .store ul li:last-of-type span.price {
							display: inline-block;
							margin-left: 20px;
							}

					.content #store .store a p {
						position: static;
						margin-top: 20px;
						}
	}

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