/*Showroom専用 CSS　Ver.1.0.0（2025.06.04作成） */

.gmp {
		margin-top: 80px;
}
.gmp-box {
	margin-top: 10px;
}
#showroom #main-content h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0.02em;
	border-bottom: 1px solid rgb(180, 180, 180);
} 
.int-box:not(:first-child) {
	margin-top: 100px;
}
.int-txt {
	margin-top: 30px;
}
.int-txt p {
	font-size: 0.85em;
}
.int-ph-inbox {
	width: 23.5%;
	margin-top: 18px;
}
.maker-logo {
	width: 11%;
	padding: 8px;
}
.fact-inbox {
	width: 46%;
	margin-top: 60px;
}
.fact-inbox dl dt {
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.02em;
	border-bottom: 1px solid rgb(180, 180, 180);
}
.fact-inbox dl dd {
	font-size: 0.85em;
}
.fact-inbox a, 
.fact-inbox a:visited {
	width: 100%;
	margin-top: 15px;
	padding: 0.5em 1.0em;
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: rgb(230, 0, 18);
	border-top: 3px solid rgb(230, 0, 18);
	border-bottom: 3px solid rgb(230, 0, 18);
	display: block;
	transition: 0.4s;
}
.fact-inbox a:hover {
	color: rgb(24, 24, 24);
	background-color: rgb(255, 255, 255);
	border-top: 3px solid rgb(255, 255, 255);
}
.modal-contents {
	display: none;
}

.fancybox-content {
	max-width: 600px;
}
.fact-pass-map {
	padding: 15px 0;
}


/*=================================
タブレット設定（641px〜1024px）
=================================*/
@media only screen and (max-width: 1024px) {}

/*=================================
スマホ設定（〜640px）
=================================*/
@media only screen and (max-width: 640px) {

	#showroom #main-content h3 {
		margin-bottom: 20px;
	}
	.ext-ph-inbox {
		width: 100%;
		margin-top: 15px;
	}
	.int-ph-inbox {
		width: 31.5%;
		margin-top: 12px;
	}
	.maker-logo {
		width: 32%;
		padding: 5px;
	}
	.fact-inbox {
		width: 100%;
		margin-top: 60px;
	}

}