@charset "utf-8";

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

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

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

.catch {
	position:relative;
	width:100%;
	max-width:600px;
	box-sizing:border-box;
	background:transparent url("./image/layout/bg01.gif") left top repeat;
	margin:30px auto;
	max-height:99999;
	}
	.catch dl {
		box-sizing:border-box;
		padding:30px;
		}
		.catch dl dt {
			text-align:center;
			}
			.catch dl dt img {
				width:auto;
				height:auto;
				}
		.catch dl dd {
			text-align:center;
			margin:20px 0 0 0;
			}
			.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:600px;
	margin:30px auto 0 auto;
	max-height:99999;
	}
	.store h2 {
		color:#ff9900;
		font-size:25px;
		line-height:160%;
		margin:50px 0 30px 0;
		}
	.store dl {
		position:relative;
		width:100%;
		box-sizing:border-box;
		background:transparent url("./image/layout/bg01.gif") left top repeat;
		margin:0 0 30px 0;
		padding:30px 30px 120px 30px;
		}
		.store dl dt {
			float:left;
			margin:0 30px 0 0;
			}
			.store dl dt img {
				width:150px;
				height:auto;
				}
		.store dl dd {
			float:left;
			width:360px;
			text-align:center;
			}
			.store dl dd strong {
				display:block;
				font-size:30px;
				margin:5px 0 15px 0;
				}
			.store dl dd .tel {
				display:inline-block;
				color:#232323;
				font-size:37px;
				font-weight:bold;
				text-align:left;
				text-decoration:none;
				line-height:40px;
				box-sizing:border-box;
				background:transparent url("./image/layout/ic_tel.png") left center no-repeat;
				padding:0 0 0 40px;
				}
			.store dl dd .submit {
				position:absolute;
				left:30px;
				bottom:30px;
				width:540px;
				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;
					}
ul.tenpo{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:100%;
	z-index: 99;
	margin-top: 15px;
}

ul.tenpo li{
	display:inline-block;
	float:left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

ul.tenpo li:nth-child(even){
	margin-right: 0;
}

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

dl.blog{
	margin-bottom: 30px!important;
	}
    
    
    /* ------------------------------------------------------------------------------------------------------------------------/
	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: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 {
            width:100%;
			color:#ffffff;
			font-weight:bold;
			background:#645551;
			margin:-33px -33px 0 -33px;
			padding:10px 33px;
			}
		.etc dl.whatsnew dd,
		.etc dl.blog dd {
			display:block;
            width: 100%;
			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;
					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:calc(100% - 170px);
						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:last-child  {
	margin-bottom: 0;
}

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