@charset "utf-8";

/* ----------------------------------------------------------------------------
	マップ
	map
---------------------------------------------------------------------------- */
#content #ttl_area{
		margin: 50px auto;
}
#content #ttl_area h1 {
	font-size: 1.875rem;
	line-height: 1.0;
	padding: 0 0 0 0;
}
#content #ttl_area h2 img {
	height: 20px;
	padding: 0 0 20px 0;
}

#content #content_inner h2.copy{
	width: 100%;
	text-align: center;
	font-size: 1.625rem;
	letter-spacing: 0.05em;
	padding: 0.7em 0;
	color: #FFF;
	background: #B1965B;
	margin: 0 0 0 0;
}

#content #content_inner h3{
	width: 100%;
	text-align: center;
	font-size: 1.250rem;
	letter-spacing: 0.05em;
	padding: 2.5em 0;
	color: #4d4a52;
}

/* MAP */
#content #map{
	width: 80%;
	margin: 0 auto 30px auto;
}

/* カーナビ */
#content .carnav{
	width: 80%;
	margin: 0 auto 90px auto;
	border: #B1965B 1px solid;
	box-sizing: border-box;
}
#content .carnav h4{
	width: 100%;
	font-size: 0.875rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding: 1.0em 1em;
	text-align: center;
	color: #FFF;
	background: #B1965B;
	box-sizing: border-box;
}
#content .carnav address{
	width: 100%;
	text-align: center;
	font-size: 1.375rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	padding: 0.7em 1em;
	box-sizing: border-box;
}
#content .carnav address span{
	font-size: 0.750em;
}

/* アクセス */
#content .access_box{
	width: 80%;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
#content .access_box h4{
	width: 100%;
	text-align: center;
	font-size: 1.375rem;
	letter-spacing: 0.02em;
	padding: 0.7em 1em;
	box-sizing: border-box;
	background: #E6E6E6;
	margin: 0 0 40px 0;
}
#content .access_box h5{
	width: 100%;
	text-align: left;
	font-size: 1.250rem;
	letter-spacing: 0.02em;
	color: #325379;
	padding: 0 0 0 1.2em;
	margin: 0 0 20px 0;
	position: relative;
}
#content .access_box h5::before{
	content: "";
	width: 18px;
	height: 18px;
	background: #325379;
	position: absolute;
	top: 0.1em;
	left: 0;
}

#content .access_box .ac_map{
	padding: 0 0 40px 0;
}
#content .access_box .ac_map p{
	width: 100%;
	text-align: left;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	color: #325379;
	padding: 0 0 1.5em 0;
}
#content .access_box .ac_map p strong{
	font-size: 1.142em;
	font-weight: 600;
}

/* お問い合わせ電話 */
#content .under_tel{
	width: 80%;
	margin: 0 auto 90px auto;
	border: #919180 1px solid;
	box-sizing: border-box;
}
#content .under_tel h4{
	width: 100%;
	text-align: center;
	font-size: 1.250rem;
	letter-spacing: 0.02em;
	padding: 0.7em 1em;
	border-bottom: #919180 1px solid;
	box-sizing: border-box;
	background: #d7d7c1;
}
#content .under_tel .box{
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#content .under_tel .box address{
	width: calc(100% - 320px);
	font-size: 1.375rem;
	text-align: left;
	line-height: 1.4;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important;
}
#content .under_tel .box .tel_btn{
	width: 320px;
}
#content .under_tel .box .tel_btn a{
	width: 100%;
	display: block;
	color: #4d4a52;
	text-decoration: none;
}
#content .under_tel .box .tel_btn img{
	width: 300px;
}
#content .under_tel .box .tel_btn p{
	text-align: left;
	font-size: 0.75rem;
	padding: 0.3em 0 0 0;
}

/* 印刷ボタン */
#content #btn-area{
	width: 350px;
	padding: 0 0 0 0;
	margin: 0 auto 40px auto;
	display: flex;
	justify-content: space-between;
}
#content #btn-area p{
	width: 100%;
}
#content #btn-area p a{
	width: 100%;
	text-decoration: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.25rem;
	line-height: 1.0;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 0.9em 0;
	box-sizing: border-box;
	border-radius: 4px;
	position: relative;
	color: #FFF;
	background: #8e7e72;
}
#content #btn-area p a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../../common/img/btn_arrow.svg") center right 1em/9px 13px no-repeat;
}
#content #btn-area p a.pdf::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../../common/img/i_pdf.svg") center right 1em/20px auto no-repeat;
}
#content #btn-area p a.pdf span{
	width: 100%;
	font-size: 0.75rem;
	text-align: center;
	letter-spacing: 0.1em;
	display: block;
	padding: 0.4em 0 0 0;
}
@media only screen and (max-width: 999px) {
	#content #ttl_area{
			margin: 40px auto;
	}
	#content #ttl_area h1 {
		font-size: 1.625rem;
	}
	#content #ttl_area h2 img {
		height: 20px;
	}
	
	#content #content_inner h2.copy{
		font-size: 1.500rem;
	}
	
	#content #content_inner h3{
		font-size: 1.125rem;
		padding: 2.0em 0;
	}
	
/* MAP */
	#content #map{
		width: 90%;
		margin: 0 auto 30px auto;
	}
	
/* カーナビ */
	#content .carnav{
		width: 90%;
		margin: 0 auto 70px auto;
	}
	#content .carnav h4{
		font-size: 0.813rem;
	}
	#content .carnav address{
		font-size: 1.25rem;
	}
/* アクセス */
	#content .access_box{
		width: 90%;
		padding: 0 auto 50px auto;
	}
	#content .access_box h4{
		font-size: 1.250rem;
		margin: 0 0 30px 0;
	}
	#content .access_box h5{
		font-size: 1.125rem;
		margin: 0 0 20px 0;
	}
	#content .access_box h5::before{
		content: "";
		width: 17px;
		height: 17px;
	}

	#content .access_box .ac_map{
		padding: 0 0 30px 0;
	}
	#content .access_box .ac_map p{
		font-size: 0.813rem;
	}
/* お問い合わせ電話 */
	#content .under_tel{
		width: 90%;
		margin: 0 auto 70px auto;
	}
	#content .under_tel h4{
		font-size: 1.125rem;
	}
	#content .under_tel .box{
		padding: 15px 25px;
	}
	#content .under_tel .box address{
		width: calc(100% - 340px);
		font-size: 1.250rem;
	}
	#content .under_tel .box .tel_btn{
		width: 320px;
	}
	#content .under_tel .box .tel_btn img{
		width: 300px;
	}
	#content .under_tel .box .tel_btn p{
		font-size: 0.688rem;
	}
}
@media only screen and (max-width: 768px) {
	#content #ttl_area{
			margin: 30px auto;
	}
	#content #ttl_area h1 {
		font-size: 1.375rem;
	}
	#content #ttl_area h2 img {
		height: 15px;
		padding: 0 0 15px 0;
	}
	
	#content #content_inner h2.copy{
		font-size: 1.125rem;
	}
	
	#content #content_inner h3{
		font-size: 0.938rem;
	}

	/* MAP */
	#content #map{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	/* カーナビ */
	#content .carnav{
		width: 100%;
		margin: 0 auto 60px auto;
	}
	#content .carnav h4{
		font-size: 0.750rem;
	}
	#content .carnav address{
		font-size: 1.125rem;
		text-align: center;
	}
	/* アクセス */	
	#content .access_box{
		width: 100%;
		padding: 0 auto 40px auto;
	}
	#content .access_box h4{
		font-size: 1.125rem;
		margin: 0 0 20px 0;
	}
	#content .access_box h5{
		font-size: 1.000rem;
		margin: 0 0 20px 0;
	}
	#content .access_box h5::before{
		content: "";
		width: 15px;
		height: 15px;
	}

	#content .access_box .ac_map{
		padding: 0 0 20px 0;
	}
	#content .access_box .ac_map p{
		font-size: 0.750rem;
	}

	/* お問い合わせ電話 */
	#content .under_tel{
		width: 100%;
		margin: 0 auto 60px auto;
	}
	#content .under_tel h4{
		font-size: 1.000rem;
	}
	#content .under_tel .box{
		padding: 10px 20px;
	}
	#content .under_tel .box address{
		width: calc(100%);
		font-size: 1.125rem;
		padding: 0 0 1.5em 0;
		text-align: center;
	}
	#content .under_tel .box .tel_btn{
		width: 80%;
		margin: 0 auto;
	}
	#content .under_tel .box .tel_btn img{
		width: 90%;
	}
	#content .under_tel .box .tel_btn p{
		font-size: 0.625rem;
	}
	/* 印刷ボタン */
	#content #btn-area{
		width: 85%;
		padding: 0 0 0 0;
		margin: 0 auto 30px auto;
		display: flex;
		justify-content: center;
	}
	#content #btn-area p{
		width: 100%;
	}
	#content #btn-area p a{
		font-size: 1.125rem;
	}
	#content #btn-area p a.pdf span{
		font-size: 0.688rem;
	}
}
@media only screen and (max-width: 480px) {
	#content #ttl_area h1 {
		font-size: 1.125rem;
	}
	#content h2.copy{
		font-size: 1.000rem;
		margin: 0 0 20px 0;
	}
	#content #content_inner h3{
		font-size: 0.938rem;
		padding: 1.5em 0;
	}
	#content #ttl_area h2 img {
		height: 10px;
		padding: 0 0 10px 0;
	}
	/* MAP */
	#content #map{
		margin: 0 0 20px 0;
	}
	/* カーナビ */
	#content .carnav{
		margin: 0 0 60px 0;
	}
	#content .carnav h4{
		font-size: 0.688rem;
	}
	#content .carnav address{
		font-size: 1.000rem;
		text-align: left;
	}
	

}


/* holiday */
#content #holiday{
	width: 90%;
	margin: 0 auto 0.3em auto;
	padding: 1em;
	color: rgba(200,25,25,1.00);
	box-sizing: border-box;
}
#content #holiday p{
	font-size: 1.063rem;
	line-height: 1.4;
	text-align: center;
}
@media only screen and (max-width: 999px) {		
	#content #holiday p{
		font-size: 1rem;
	}
}
@media only screen and (max-width: 860px) {
	#content #holiday p{
		font-size: 0.937rem;
		line-height:1.6;
	}
	#content #holiday p br.sp{
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	#content #holiday p{
		text-align: left;
	}
}
@media only screen and (max-width: 480px) {	
	#content #holiday p{
		font-size: 0.875rem;
	}
}
