@charset "utf-8";

/*///////////////////////////////////*/
/* GPS */

.sec-gps,
.sec-route{
	background-color: #DCEDF5;
	padding: 3rem 0;
	text-align: center;
}
.sec-gps h2 + p,
.sec-route h2 + p{
	margin: 1rem 0;
	text-align: center;
  	font-size: 1.1rem;
  	font-weight: 500;
}
.sec-gps h2 img {
  height: 3rem;
}


.sec-gps iframe {
    width: 760px;   /* PC時の横幅 */
    height: 1000px; /* PC時の高さ */
    max-width: 100%; /* 親要素からはみ出さないように */
    margin: 1rem auto 0;
    display: block;
    border: none;
}

@media screen and (max-width: 750px) {
    .sec-gps iframe {
        width: 100%;    /* スマホ時は横幅いっぱい */
        height: 650px;  /* スマホ時の高さ */
    }
}


.sec-route h2{
	font-size: 1.2rem;
}
.sec-route h2 img {
  height: 3rem;
  margin-bottom: 1rem;
}
.sec-route .inner{
	max-width: 800px;
	margin: 0 auto;
	padding: 1rem;
}
.sec-gps iframe{
	min-height: 600px;
	margin-top: 1rem;
}

@media screen and (max-width: 750px){
	.sec-gps iframe{
		min-height: 70dvh;
	}
}

#lightbox .lb-outerContainer{
	border-radius: 1rem;
	width: 80% !important;
	max-width: 80% !important;
  height: 85dvh;
  max-height: 85dvh;
	padding: .5rem;
	overflow: hidden;
}
#lightbox .lb-container{
	overflow: auto;
	width: 100%;
	height: 100%;
	scrollbar-width: thin;
  scrollbar-color: #333 transparent;
	border-radius: .8rem;
}
#lightbox .lb-image{
	width: 100% !important;
	max-width: 2000px !important;
	height: auto !important;
	border-radius: 0;
	border: none;
	margin: 0 auto !important;
}
.lb-nav{
	display: none !important;
}
#lightbox .lb-data .lb-close{
	background-image: url(../img/close.png) !important;
	background-size: 100% auto;
	top: 0 !important;
	width: 2rem !important;
	height: 2rem !important;
	opacity: 1 !important;
}
#lightbox .lb-cancel{
	background-image: url(../img/loading.gif) !important;
}
.lb-dataContainer{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	width: 80% !important;
	max-width: 80% !important;
	padding: .7rem .5rem !important;
}
@media screen and (max-width: 750px){
	#lightbox .lb-outerContainer,
	#lightbox .lb-dataContainer{
		width: 90% !important;
		max-width: 90% !important;
	}
	#lightbox .lb-image{
		width: 200% !important;
	}
	#lightboxOverlay{
		width: 100% !important;
	}
}