@charset "UTF-8";

.omoititle {
	width:1000px;
}

.text01 {
	font-family:"EB Garamond", serif;
	font-size:1.4em;
	font-weight:bold;
}

.text02 {
	font-family:"EB Garamond", serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.7;
}

.bg01 {
	background:#fff url(../images/omoi/bg01.jpg) bottom center no-repeat;
	background-size:100%;
	height:auto;
	aspect-ratio : 10 / 3;
}

.newmore {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-7.5vw;
	width:15vw;
}

.accesstitle {
	width:380px;
}

.comptable {
	font-family:"EB Garamond", serif;
	font-szie:1.2em;
}

.comptable th {
	width:8em;
	text-align:center;
	padding:0.6em 1em;
	border-bottom:1px solid #555;
}

.comptable td {
	padding:0.6em 1em;
	border-bottom:1px solid #555;
}

.gmap {
	width:100%;
	height:auto;
	aspect-ratio : 3 / 1;
	border:0;
}

/* 360 view */
#viewimg {
	width:100%;
	height: calc(100svh - 80px);
}

.viewwaku {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index:1000;
}

.viewwaku-none {
	z-index:-1;
}

.viewwaku div {
	padding:1em;
	color:#000;
	width:400px;
	max-width:80%;
	text-align:center;
	background-color:rgba(255,255,255,0.9);
}

.viewwaku-move {
	position:absolute;
	right:0;
	bottom:240px;
	padding:1em;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	cursor:pointer;
	z-index:1000;
}

.viewwaku-move-none {
	display:none;
}

.viewwaku-end {
	position:absolute;
	right:0;
	bottom:150px;
	padding:1em;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	cursor:pointer;
	z-index:1000;
}

.viewwaku-end-none {
	display:none;
}

.psv-download-button {
	display:none;
}



/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.omoititle {
		width:100%;
	}
	
	.newmore {
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-15vw;
		width:30vw;
	}
	
	.accesstitle {
		max-width:100%;
	}
	
	.gmap {
		aspect-ratio : 3 / 2;
	}
	
	
}