@charset "utf-8";

/*--------------------manten--------------------*/
.main{
	width: 100%;
	margin-bottom: 55px;
}

.infoBlock{
	margin-bottom: 50px;
	background-color: #fff;
}
.infoBlock .inner{
	width: 92%;
	margin: 0 auto;
}
.infoBlock_1{
	width: 200px;
	text-align: center;
	padding: 20px 0;
	background-image: url(../../images/topinfo_bg.png);
	background-size: 100% auto;
	float: left;
}
.infoBlock_1 h2{
	font-size: 26px;
	line-height: 100%;
}
.infoBlock_2{
	font-size: 14px;
	margin-left: 240px;
	padding-top: 10px;
}
.infoBlock_2 dl{
	margin-bottom: 15px;
}
.infoBlock_2 dt{
	width: 6em;
	float: left;
}
.infoBlock_2 dd{
	margin-left: 6em;
}

.shopblock01{
	margin-bottom: 40px;
}
.parallax01{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
.shopblock01 .parallax01{
	height: 500px;
	margin-bottom: 35px;
	background-image: url(../images/parallax_bg01.jpg);
}
.parallax01 .txt{
    width: 85%;
    text-align: center;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.8);
	position: relative;
    top: 50%;
    transform: translateY(-50%);	
}
.shopblock01 .parallax01 .txt{
	padding: 6% 5%;
}
.shopblock01 .parallax01 .txt h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 20px;
}
.parallax01 .txt p{
	font-size: 15px;
	line-height: 180%;
}

.shopblock01 .inner{
	position: relative;
}
.shopblock01_1{
	width: 32%;
	margin-right: 2%;
	float: left;
}
.shopblock01_1:last-of-type{
	margin-right: 0;
}
.shopblock01_1 dt{
	margin-bottom: 10px;
}
.shopblock01_1 dd{
	font-size: 14px;
	line-height: 140%;
}

.shopblock02 table{
	width: 100%;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 40px;
	border-top: 1px solid #b61f26;
	border-left: 1px solid #b61f26;
}
.shopblock02 table th{
	width: 25%;
	color: #fff;
	padding: 8px;
	background-color: #cc6267;
	border-bottom: 1px solid #b61f26;
	border-right: 1px solid #b61f26;
	vertical-align: middle;
}
.shopblock02 table td{
	padding: 8px 20px;
	border-bottom: 1px solid #b61f26;
	border-right: 1px solid #b61f26;
	vertical-align: middle;
}
.shopblock02 .map_container{
    width: 100%;
    height: 0;
	margin-bottom: 90px;
    padding-top: 50%;
	position: relative;
}
.shopblock02 .map_container iframe {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.shopblock02 .map_container p{
	font-size: 15px;
	padding-top: 20px;
	clear: both;
}
.shopblock02 .parallax01{
	height: 350px;
	background-image: url(../images/parallax_bg02.jpg);
}
.shopblock02 .parallax01 .txt{
	padding: 4% 5%;
}
.shopblock02 .parallax01 .txt h3{
	font-size: 28px;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 25px;
}
.shopblock02 .parallax01 .txt dl{
	margin-bottom: 15px;
}
.shopblock02 .parallax01 .txt dt{
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 10px;
}
.shopblock02 .parallax01 .txt dd{
	font-size: 15px;
	line-height: 140%;
}
.shopblock02 .btn01{
	width: 250px;
	margin: 0 auto;
}




/*----------------------------------------------------*/
/*@media only screen and (max-width: 1000px) {


}*/





/*----------------------------------------------------*/
@media only screen and (max-width: 767px) {

/*--------------------manten--------------------*/
.main{
	/*width: 100%;*/
	margin-bottom: 8%;
}

.infoBlock{
	margin-bottom: 7%;
	/*background-color: #fff;*/
}
.infoBlock .inner{
	width: 94%;
	/*margin: 0 auto;*/
}
.infoBlock_1{
	width: 60%;
	margin: 0 auto 5%;
	padding: 2.5% 0;
	float: none;
}
.infoBlock_1 h2{
	font-size: 5.5vw;
	line-height: 100%;
}
.infoBlock_2{
	font-size: 3.6vw;
	margin-left: 0;
	padding-top: 0;
}
.infoBlock_2 dl{
	line-height: 150%;
	margin-bottom: 4%;
}
.infoBlock_2 dt{
	width: 100%;
	float: none;
}
.infoBlock_2 dd{
	margin-left: 0;
}

.shopblock01{
	margin-bottom: 10%;
}
/*.parallax01{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}*/
.shopblock01 .parallax01{
	height: 350px;
	margin-bottom: 8%;
	/*background-image: url(../images/parallax_bg01.jpg);*/
}
.parallax01 .txt{
	width: 90%;
	/*text-align: center;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.8);
	position: relative;
	top: 50%;
	transform: translateY(-50%);*/
}
.shopblock01 .parallax01 .txt{
	padding: 6% 5%;
}
.shopblock01 .parallax01 .txt h3{
	font-size: 4.8vw;
	/*font-weight: 700;*/
	line-height: 160%;
	margin-bottom: 5%;
}
.parallax01 .txt p{
	font-size: 3.6vw;
	line-height: 180%;
}

.shopblock01 .inner{
	width: 88%;
	margin: 0 auto;
	/*position: relative;*/
}
.shopblock01_1{
	width: 100%;
	margin-right: 0;
	margin-bottom: 7%;
	float: none;
}
.shopblock01_1:last-of-type{
	/*margin-right: 0;*/
	margin-bottom: 0;
}
.shopblock01_1 dt{
	margin-bottom: 3%;
}
.shopblock01_1 dd{
	font-size: 3.5vw;
	line-height: 150%;
}

.shopblock02 table{
	/*width: 100%;*/
	font-size: 3.5vw;
	line-height: 160%;
	margin-bottom: 10%;
	/*border-top: 1px solid #b61f26;
	border-left: 1px solid #b61f26;*/
}
.shopblock02 table th{
	width: 100%;
	/*color: #fff;*/
	padding: 1% 3%;
	/*background-color: #cc6267;
	border-bottom: 1px solid #b61f26;
	border-right: 1px solid #b61f26;
	vertical-align: middle;*/
	display: block;
}
.shopblock02 table td{
	width: 100%;
	padding: 2% 4% 3%;
	/*border-bottom: 1px solid #b61f26;
	border-right: 1px solid #b61f26;
	vertical-align: middle;*/
	display: block;
}
.shopblock02 .map_container{
    /*width: 100%;
    height: 0;*/
	margin-bottom: 22%;
    padding-top: 75%;
	/*position: relative;*/
}
/*.shopblock02 .map_container iframe {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/
.shopblock02 .map_container p{
	font-size: 3.5vw;
	padding-top: 4%;
	/*clear: both;*/
}
.shopblock02 .parallax01{
	height: 350px;
	/*background-image: url(../images/parallax_bg02.jpg);*/
}
.shopblock02 .parallax01 .txt{
	padding: 4% 5%;
}
.shopblock02 .parallax01 .txt h3{
	font-size: 5.4vw;
	/*font-weight: 600;*/
	line-height: 140%;
	margin-bottom: 6%;
}
.shopblock02 .parallax01 .txt dl{
	margin-bottom: 7%;
}
.shopblock02 .parallax01 .txt dt{
	font-size: 5.4vw;
	/*font-weight: 700;*/
	line-height: 100%;
	margin-bottom: 3%;
}
.shopblock02 .parallax01 .txt dd{
	font-size: 3.5vw;
	line-height: 140%;
}
.shopblock02 .btn01{
	width: 95%;
	margin: 0 auto;
}



}