@charset "utf-8";


/*=============================================
	
	タイトルエリア
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#title_wrap {
		background: url(/img/store/bg_title.jpg) no-repeat center bottom;
		background-size: cover;
		padding: 4.0em 0;
	}
	#title_wrap h2 {
		font-size: 2.6em;
		color: #FFF;
		margin: 0 0 0.4em;
		text-align: center;
	}
	#title_wrap p.sub_title {
		font-size: 1.0em;
		color: #FFF;
		margin: 0 0 3.0em;
		text-align: center;
	}

	#title_wrap ul {
		text-align: center;
	}
	#title_wrap ul li {
		width: 80%;
		margin: 1.6em auto;
	}
	#title_wrap ul li a {
		display: block;
		color: #444444;
		font-size: 1.6em;
		font-weight: bolder;
		background: #FFF;
		padding: 1.0em 0;
		text-align: center;
		-webkit-border-radius: 50px;/* for Safari and Chrome */
		-moz-border-radius: 50px; /* for Firefox */
		-o-border-radius: 50px; /* for opera */
		border-radius: 50px;
	}

}

@media print, screen and (min-width: 769px) {
	#title_wrap {
		background: url(/img/store/bg_title.jpg) no-repeat center bottom;
		background-size: cover;
		padding: 80px 0 240px;
	}
	#title_wrap h2 {
		font-size: 32px;
		color: #FFF;
		margin: 0 0 10px;
		text-align: center;
	}
	#title_wrap p.sub_title {
		font-size: 12px;
		color: #FFF;
		margin: 0 0 50px;
		text-align: center;
	}

	#title_wrap ul {
		text-align: center;
	}
	#title_wrap ul li {
		display: inline-block;
		width: 300px;
		margin: 0 20px;
	}
	#title_wrap ul li a {
		display: block;
		color: #444444;
		font-size: 18px;
		font-weight: bolder;
		background: #FFF;
		padding: 18px 0;
		text-align: center;
		-webkit-border-radius: 50px;/* for Safari and Chrome */
		-moz-border-radius: 50px; /* for Firefox */
		-o-border-radius: 50px; /* for opera */
		border-radius: 50px;
	}
}


/*=============================================
	
	コンテンツ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#store_wrap {
		background: #F3F3F3;
		padding: 4.0em 0;
		position: relative;
	}
	#store_wrap .container {
	}
	#store_wrap .store_detail {
		position: relative;
		background: #FFF;
		padding: 3.2em 5%;
		margin: 0 0 3.0em;
	}

	#store_wrap .store_detail h3 {
		font-size: 2.0em;
		margin: 0 0 1.2em;
		text-align: center;
	}
	#store_wrap .store_detail .main_photo {
		margin: 0 0 2.4em;
	}
	#store_wrap .store_detail p.lead {
		margin: 0 0 3.6em;
		font-size: 1.2em;
		text-align: left;
		line-height: 2.0em;
	}

	#store_wrap .store_detail .spec_wrap {
		border-top: 1px solid #CCC;
		padding: 3.6em 0 0;
		margin: 0 0 3.6em;
		text-align: center;
	}
	#store_wrap .store_detail .spec_wrap h4 {
		font-size: 1.2em;
		font-weight: bolder;
		line-height: 1.0em;
		background: #444;
		color: #FFF;
		padding: 0.8em 3.0em;
		margin: 0 auto 30px;
		display: inline-block;
	}
	#store_wrap .store_detail .spec_wrap p.text {
		font-size: 1.2em;
		line-height: 2.0em;
	}
	#store_wrap .store_detail .spec_wrap .google_map {
		margin: 2.0em auto 0;
		width: 100%;
		height: 50vh;
	}
	#store_wrap .store_detail .spec_wrap p.tel {
		font-size: 1.6em;
		line-height: 1.0em;
	}
	#store_wrap .store_detail .spec_wrap p.tel a {
		color: #444;
		text-decoration: underline;
	}

}

@media print, screen and (min-width: 769px) {
	#store_wrap {
		background: #F3F3F3;
		padding: 0 0 60px;
		position: relative;
		min-height: 3800px;
	}
	#store_wrap .container {
		position: absolute;
		left: 50%;
		top: -160px;
		margin-left: -480px;
	}
	#store_wrap .store_detail {
		position: relative;
		background: #FFF;
		padding: 60px 40px;
		margin: 0 0 60px;
	}

	#store_wrap .store_detail h3 {
		font-size: 32px;
		margin: 0 0 50px;
		text-align: center;
	}
	#store_wrap .store_detail .main_photo {
		width: 80%;
		margin: 0 auto 50px;
	}
	#store_wrap .store_detail p.lead {
		margin: 0 0 50px;
		font-size: 14px;
		text-align: center;
		line-height: 2.2em;
	}

	#store_wrap .store_detail .spec_wrap {
		border-top: 1px solid #CCC;
		padding: 50px 0 0;
		margin: 0 0 50px;
		text-align: center;
	}
	#store_wrap .store_detail .spec_wrap h4 {
		font-size: 14px;
		font-weight: bolder;
		line-height: 1.0em;
		background: #444;
		color: #FFF;
		padding: 12px 60px;
		margin: 0 auto 30px;
		display: inline-block;
	}
	#store_wrap .store_detail .spec_wrap p.text {
		font-size: 14px;
		line-height: 2.0em;
	}
	#store_wrap .store_detail .spec_wrap .google_map {
		margin: 30px auto 0;
		width: 80%;
		height: 400px;
	}
	#store_wrap .store_detail .spec_wrap p.tel {
		font-size: 24px;
		line-height: 1.0em;
	}
	#store_wrap .store_detail .spec_wrap p.tel a {
		color: #444;
		text-decoration: none;
	}

}