@charset "UTF-8";
:root{
	--uomasaBlue:#1f2b62;/*CMYK:97,98,31,20*/
	--uomasagray:#eee;
}
body{ font-family:Yu Mincho, var(--bs-font-sans-serif), serif; }
h1, h2{ font-size:1.3rem; }

.navbar .navbar-brand{ margin:0; padding:0; }
header .navbar{ background-color:var(--uomasaBlue); }
header .navbar .navbar-brand img[src="img/uomasa_logo.png"]{ display:none; }
.navbar ul{
	margin-bottom:0; padding-left:0;
	list-style:none;
}
.navbar ul.rounded-pill{ background-color:#fff; }
.navbar ul.rounded-pill .nav-item{ border-bottom:2px solid #ffffff00; }
.navbar ul.rounded-pill .nav-item:hover{ border-color:red; }
.navbar ul.rounded-pill .nav-item:first-of-type{ border-right:1px solid #000; }
.navbar ul.rounded-pill .nav-link{ color:inherit; font-weight:bold; }
@media(max-width:767px){
	.navbar ul.rounded-pill .nav-link{
		padding-right:0.45rem; padding-left:0.45rem;
		font-weight:normal;
	}
}
.navbar ul:has(img) a:hover{ opacity:0.6; }

.price:after  {
	margin-left:0.1em;
	content:"円"; font-size:0.9em;
}

/*iframe-Google Maps
[src*="www.google.com/maps"]-both
[src*="pb=!1m"]-Google Maps
[src*="pb=!4v"]-Street View

<div class="col-*"><!-Street View埋め込み->
	<div><h2>キャプション</h2></div>
	<iframe><iframe>
</div>
*/
div:has(>iframe[src*="pb=!4v"]){ position:relative; }
div:has(>iframe[src*="pb=!4v"])>div{
	width:100%;
	display:flex; position:absolute; left:0;
}
div:has(>iframe[src*="pb=!4v"])>div h2{
	margin:auto; padding:0.5em;
	background:#222222cc; color:#fff; font-family:Roboto, Arial, sans-serif; font-size:12px; font-weight:bold; line-height:1;
}
iframe[src*="www.google.com/maps"]{ width:100%; height:100%; }
iframe[src*="pb=!4v"]{
	box-shadow:0px 0px 1px 0px #000;
	aspect-ratio:16/9;
}

footer{
	padding-top:30px;
	position:relative; background-color:var(--uomasagray);
}

footer #banners a{ margin:0 0.1em; }

footer #siteLinks a{
	margin:0 0.5em; padding:0;
	color:inherit; text-decoration:solid;
}
footer #siteLinks a:before{
	margin-right:0.2em;
	content:">";
}