@charset "UTF-8";


#lp-body{ max-width: 790px; margin: 50px auto 0; }
#lp-body *{ color: #333333; }
#lp-body span,
#lp-body svg,
#lp-body path{ color: inherit; }
#lp-body img{ width: 100%; height: auto; }
#lp-body .section{ margin-top: 50px; }
#lp-body .section .ttl{ border-top: 3px solid #000000; background-color: #eae8e2; font-size: 1.5rem; line-height: 1.3; padding: 10px 15px; margin: 0 0 30px; }
#lp-body .section .ttl:first-letter{ color: #7b1320; font-size: 130%; line-height: 1; }
#lp-body .section01 .split-view{ display: flex; display: -ms-flex; justify-content: space-between; }
#lp-body .section01 .split-view .gmap{ width: 51.519%; }
#lp-body .section01 .split-view .gmap iframe{ width: 100%; }
#lp-body .section01 .split-view .gmap small{ font-size: 0.8rem; }
#lp-body .section01 .split-view .map{ width: 47.3418%; }
#lp-body .section01 .access-navi{ margin-top: 20px; }
#lp-body .section01 .access-navi a{ display: inline-block; padding: 5px 20px; background-color: #000000; color: #ffffff; text-decoration: none; font-size: 1rem; line-height: 1.5; transition: opacity 0.5s; position: relative; }
#lp-body .section01 .access-navi a::before{ content: ""; width: 7px; height: 7px; position: absolute; right: 7px; top: 50%; transform: translate(-25%,-50%) rotate(45deg); border: solid rgba(255,255,255,0.5); border-width: 1px 1px 0 0; }
#lp-body .section02 .photo-list{ display: flex; display: -ms-flex; justify-content: flex-start; flex-wrap: wrap; background-color: #ededed; padding: 3%; }
#lp-body .section02 .photo-list .item{ width: 23.5%; margin-left: 2%; }
#lp-body .section02 .photo-list .item a{ display: block; background-color: #ffffff; padding: 3px; }
#lp-body .section02 .photo-list .item:nth-child(4n+1){ margin-left: 0; }
#lp-body .section02 .photo-list .item:nth-child(n+5){ margin-top: 2%; }
#lp-body .etc-navi{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 50px; }
#lp-body .etc-navi .navi{ width: 48%; }
#lp-body .etc-navi .navi a{ display: block; padding: 20px 0; text-align: center; text-decoration: none; background-color: #000000; color: #ffffff; position: relative; font-size: 1rem; transition: opacity 0.5s; }
#lp-body .etc-navi .navi a::before{ content: ""; width: 7px; height: 7px; position: absolute; right: 15px; top: 50%; transform: translate(-25%, -50%) rotate(45deg); border: solid rgba(255, 255, 255, 0.5); border-width: 1px 1px 0 0; }

@media only screen and (max-width: 767px) {
	#lp-body{ margin-top: 10%; }
	#lp-body .section{ margin-top: 10%; }
	#lp-body .section .ttl{ border-top: 2px solid #000000; margin-bottom: 5%; }
	#lp-body .section01 .split-view{ display: block; }
	#lp-body .section01 .split-view .gmap{ width: 100%; max-width: 407px; margin: 0 auto; }
	#lp-body .section01 .split-view .map{ width: 100%; max-width: 374px; margin: 0 auto; }
	#lp-body .section02 .photo-list .item:nth-child(n){ width: 31%; margin-left: 3.5%; }
	#lp-body .section02 .photo-list .item:nth-child(3n+1){ margin-left: 0; }
	#lp-body .section02 .photo-list .item:nth-child(n+4){ margin-top: 3%; }
}
@media only screen and (max-width: 480px) {
	#lp-body .etc-navi{ display: block; margin-top: 10%; }
	#lp-body .etc-navi .navi{ width: 100%; }
	#lp-body .etc-navi .navi:nth-child(n+2){ margin-top: 10px; }
}



#lp-body .section01 .access-navi a:active{ opacity: 0.7; }
#lp-body .section02 .photo-list .item a:active{ background-color: #910F39; }
#lp-body .etc-navi .navi a:active{ opacity: 0.7; }
@media (hover: hover){
	#lp-body .section01 .access-navi a:hover{ opacity: 0.7; }
	#lp-body .section02 .photo-list .item a:hover{ background-color: #910F39; }
	#lp-body .etc-navi .navi a:hover{ opacity: 0.7; }
}