@charset "utf-8";

/* ========================================================================================================================/
	
	style.css

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

/* ------------------------------------------------------------------------------------------------------------------------/
	store
/------------------------------------------------------------------------------------------------------------------------ */

.store {
	width:600px;
	margin:0 auto;
	padding:0;
	max-height:99999px;
	}

	.store .photo {
		width:100%;
		height:auto;
		margin:0 0 30px 0;
		}

	.store table {
		width:100%;
		border-collapse:collapse;
		border:solid 3px #d0b596;
		}
		.store table th,
		.store table td {
			text-align:left;
			background:#ffffff;
			border:solid 1px #d0b596;
			padding:10px 15px;
			}
		.store table th {
			background:#f6f2eb;
			border-bottom:dotted 1px #d0b596;
			padding:5px 15px;
			}
		.store table td {
			border-top:none;
			}

.store table.two {
		margin-top: 30px;
		}

	.store .gmap {
		width:100%;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #d0b596;
		margin:30px 0 0 0;
		padding:5px;
		}

dl.blog{
	margin-bottom: 30px!important;
	}

.etc {
	width:100%;
	max-width:600px;
	margin:30px auto 0 auto;
	padding:0;
	max-height:99999px;
	}
	.etc dl {
		width:100%;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #efefef;
		margin:30px 0 0 0;
		padding:30px;
		}

		.etc dl.whatsnew dt,
		.etc dl.blog dt {
			color:#ffffff;
			font-size:25px;
			font-weight:bold;
			background:#645551;
			margin:-33px -33px 0 -33px;
			padding:10px 20px;
			}
		.etc dl.whatsnew dd,
		.etc dl.blog dd {
			display:block;
			text-align:left;
			box-sizing:border-box;
			border-top:solid 1px #efefef;
			padding:10px 0 5px 0;
			}
		.etc dl.whatsnew dd:nth-of-type(1),
		.etc dl.blog dd:nth-of-type(1) {
			border:none;
			}
			.etc dl.whatsnew dd a,
			.etc dl.blog dd a {
				display:block;
				padding:20px 0;
				text-decoration:none;
				}
				.etc dl.whatsnew dd a .thumb,
				.etc dl.blog dd a .thumb {
					display:block;
					float:left;
					width:150px;
					margin:0 20px 0 0;
					}
					.etc dl.whatsnew dd a .thumb img,
					.etc dl.blog dd a .thumb img {
						width:150px;
						}
					.etc dl.blog dd a .cate {
						display:inline-block;
						color:#232323;
						font-size:17px;
						line-height:100%;
						box-sizing:border-box;
						background:#efefef;
						margin:0 0 5px 0;
						padding:5px 10px;
						}
					.etc dl.whatsnew dd a .date,
					.etc dl.blog dd a .date {
						display:block;
						color:#666666;
						font-size:20px;
						line-height:100%;
						margin:8px 0 5px 0;
						}
					.etc dl.whatsnew dd a p,
					.etc dl.blog dd a p {
						display:block;
						float:left;
						width:344px;
						font-size:22px;
						text-decoration:underline;
						line-height:140%;
						margin:3px 0 0 0;
						padding:0;
						}
					.etc dl.whatsnew dd a:hover p,
					.etc dl.blog dd a:hover p {
						text-decoration:none;
						}


.mainvisual{
	width:100%;
	max-width:600px;
	height:auto;
	margin:0 auto 30px;
}

.mainvisual img{
	width:100%;
}

.mainvisual .left-img , .mainvisual .right-img{
	width:100%; 
}

.mainvisual .left-img{
	width:100%;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
}

.mainvisual .right-img{
	float:right;
	min-height:500px;
}

.mainvisual .right-img img{
	width:100%;
}

.mainvisual .right-img .left-img-1{
	float:left;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
	margin-right:30px;
}

.mainvisual .right-img .right-img-1{
	float:right;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
}

.mainvisual .right-img .right-img-2{
	float:left;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
	margin-right:30px;
}

.mainvisual .right-img .left-img-2{
	float:right;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
	
}

.mainvisual .right-img .right-img-3{
	float:left;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
	margin-right:30px;

}

.mainvisual .right-img .left-img-3{
	float:right;
	width:calc( 50% - 15px );
	height:100%;
	margin-bottom:30px;
}

ul.hlink li:nth-last-child(2)  {
	margin-bottom: 0;
}

ul.hlink li:last-child  {
	margin-bottom: 0;
}