@charset "utf-8";

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

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

/* ------------------------------------------------------------------------------------------------------------------------/
	catch
/------------------------------------------------------------------------------------------------------------------------ */

.catch {
	position:relative;
	width:100%;
	max-width:1100px;
	box-sizing:border-box;
	background:transparent url("./image/layout/bg01.gif") left top repeat;
	margin:30px auto;
	}
	.catch dl {
		box-sizing:border-box;
		padding:30px;
		}
		.catch dl dt {
			float:left;
			}
		.catch dl dd {
			float:left;
			width:740px;
			}
			.catch dl dd strong {
				display:block;
				color:#eb2c8c;
				font-size:25px;
				font-weight:bold;
				margin:0 0 10px 0;
				}
	.catch .accessories {
		position:absolute;
		right:0;
		bottom:0;
		}


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

.store {
	width:100%;
	max-width:1100px;
	margin:30px auto 0 auto;
	}
	.store h2 {
		color:#ff9900;
		font-size:25px;
		line-height:100%;
		margin:50px 0 30px 0;
		}
	.store dl {
		float:left;
		width:calc(50% - 15px);
		box-sizing:border-box;
		background:transparent url("./image/layout/bg01.gif") left top repeat;
		margin:0 0 30px 0;
		padding:30px;
		}
	.store dl:nth-of-type(2n) {
		float:right;
		}
		.store dl dt {
			margin:0 0 20px 0;
			}
		.store dl dd {
			
			}
			.store dl dd strong {
				display:block;
				margin:0 0 5px 0;
				}
			.store dl dd .tel {
				display:inline-block;
				color:#232323;
				font-size:35px;
				font-weight:bold;
				text-align:left;
				text-decoration:none;
				line-height:40px;
				background:transparent url("./image/layout/ic_tel.png") left center no-repeat;
				padding:0 0 0 40px;
				}
			.store dl dd .submit {
				margin:20px 0 0 0;
				}
				.store dl dd .submit a {
					background-image:url("./image/layout/ic01_off.png");
					background-position:95% center;
					background-repeat:no-repeat;
					background-size:12px 21px;
					padding:0 10px 0 0;
					}
				.store dl dd .submit a:hover {
					background-image:none;
					background-position:95% center;
					background-repeat:no-repeat;
					background-size:12px 21px;
					padding:0;
					}
					.store dl a img:hover {
						opacity:0.6;
						filter: alpha(opacity=60);
						-ms-filter: "alpha( opacity=60 )";
						transition:0.4s; 
					}

/*ul.tenpo{
	list-style:none;
	margin:0 auto;
	padding:0;
	 width:100%; 
	z-index: 99;
	margin-left: 70px;
	margin-top: 15px;
}

ul.tenpo li{
	display:inline-block;
	float:left;  
	margin-right:20px;
}

ul.tenpo li a{
	display: block;
    padding: 6px 18px;
    width: 100%;
    height: 100%;
    background-color: #f58b36;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #fff;
}

ul.tenpo li a:hover{
	background-color:#fff;
	color: #f58b36;
}

.accessories01 {
position:absolute;
top:-55px;
left:29px;
}

.accessories02 {
position:absolute;
top:205px;
left:1199px;
}

.accessories03 {
position:absolute;
top:695px;
left:490px;
}

.accessories04 {
position:absolute;
top:695px;
left:490px;
}*/
/* ------------------------------------------------------------------------------------------------------------------------/
	store
/------------------------------------------------------------------------------------------------------------------------ */

.store {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0 0 50px;
	}

	.store .photo {
		margin:0 0 30px 0;
		}

	.store .store_info {
		width:100%;
		}

	.store table {
		float:right;
		width:535px;
		border-collapse:collapse;
		border:solid 3px #d0b596;
		min-height: 468px;
		}
		.store table th,
		.store table td {
			text-align:left;
			background:#ffffff;
			border:solid 1px #d0b596;
			padding:10px 15px;
			vertical-align:middle; 
			}
		.store table th {
			background:#f6f2eb;
			border-bottom:dotted 1px #d0b596;
			padding:5px 15px;
			}
		.store table td {
			border-top:none;
			}
	/*.store table.two {
		float:right;
		width:535px;
		border-collapse:collapse;
		border:solid 3px #d0b596;
		}*/
	.store .gmap {
		width:100%;
		height:400px;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #d0b596;
		padding:5px;
		margin-top: 30px;
	    float: left;
		}
	#map_canvas {
		position:relative;
		width:100%;
		height:384px;
		}

.etc {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0 0 50px 0;
	}
	.etc dl {
		/*width:535px;*/
        width:100%;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #efefef;
		padding:30px;
		}
	/*.etc dl.whatsnew {
		float:left;
		}
	.etc dl.blog {
		float:right;
		}*/

		.etc dl.whatsnew dt,
		.etc dl.blog dt {
			color:#ffffff;
			font-weight:bold;
			background:#645551;
			margin:-33px -33px 0 -33px;
			padding:10px 20px;
			}
		.etc dl.whatsnew dd,
		.etc dl.blog dd {
        width: calc(50% - 15px);
			display:block;
			text-align:left;
			box-sizing:border-box;
			border-top:solid 1px #efefef;
			padding:10px 0 5px 0;
            position: relative;
			}
            .etc dl.whatsnew dd:nth-child(odd){float: right;}
            .etc dl.whatsnew dd:nth-child(even){float: left;}
        
            
		.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;
					margin:0 20px 0 0;
					}
					.etc dl.whatsnew dd a .thumb img,
					.etc dl.blog dd a .thumb img {
						width:100px;
						}
					.etc dl.blog dd a .cate {
						display:inline-block;
						color:#232323;
						font-size:15px;
						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:15px;
						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;
                        /*width: 80%;*/
						font-size:17px;
						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:1100px;
	height:500px;
	margin:0 auto 30px;
}

.mainvisual .left-img , .mainvisual .right-img{
	width:calc( 50% - 15px ); 
}

.mainvisual .left-img{
	height:500px;
	margin-right:30px;
	float:left;
}

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

.mainvisual img{
	width:100%;
}

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

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

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

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

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

}

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

/*-------------店舗ナビゲーション------------------*/

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

.more-b{
text-align: center;
padding: 0!important;
margin: 0;
font-weight: bold;
width: 100px;
position: absolute;
background-color: #645551;
color: #fff !important;
right: 0;
bottom: -15px;
}

.more-b:hover{
background-color: #d0b596;
color: #645551 !important;
transition: 0.3s;
}