@charset "utf-8";
/* CSS Document */

/* title
--------------------*/	
#wrap_title {
	width: 100%;
	max-width: 1200px;
	margin: 20vh auto;
	text-align: center;
}

#wrap_title h1 {
	font-size: 3.75rem;
	letter-spacing: 0.25em;
	margin-bottom: 30px;
}


#wrap_title img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.title {
		padding: 0 20px;
	}
	
	#wrap_title {
		max-width: 100%;
		margin: 7vh auto 0vh;
		margin-block-end:80px;
	}
#wrap_title h1 {
	font-size: 2.5rem;
	letter-spacing: 0.25em;
	margin-bottom: 30px;
}
}



/* map
--------------------------------------------------------- */
section#map {}
/* plan
--------------------------------------------------------- */
section#plan {
}


/* #fotorama cssここから
--------------------------------------------------------- */
#photos .fotorama {
  max-width: 960px;
  margin: 50px auto;
}
/*スマホ表示*/
@media screen and (max-width: 767px) {
  #photos .fotorama {
    padding-left: 10px;
    padding-right: 10px;
  }
}


/* inquiry
--------------------------------------------------------- */
section#inquiry {}



/* details　物件概要
---------------------------------------------------------------*/
section#details {}
dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-top: none;
}
dt {
	width: 18%;
	padding: 14px 8px 8px 8px;
	box-sizing: border-box;
	border-block-end: 1px solid #5e5e5e;
	font-weight: 600;
}
dd {
	padding: 14px 8px 8px 8px;
	margin: 0;
	border-block-end: 1px solid #5e5e5e;
	width: 82%;
	box-sizing: border-box;
}
.producer:after {
	content: "\0bb";
}

/* Google Map
--------------------------------------------------------- */
section#gmap {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 0 auto;
}
#gmap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* pagetop */
.pagetop {
	position: fixed;
	bottom: 5px;
	right: 10px;
	display: none;
	z-index: 150;
	cursor: pointer;
}



/*===========================================================*/
/* sp*/
/*===========================================================*/
/* img */
@media screen and (min-width: 768px) {
	.sp-only {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	/* photo */
	section#photo_list {
		margin-inline-start: 3%;
	}
	section#photo_list div {
		padding: 3px 6px;
		width: 32%;
	}
	section#photo_list div:not(:nth-child(3n+3)) {
		margin-block-end: 1%;
	}
	/* deg360 */
	section#deg360 {
		width: 94%;
		margin: 0 auto;
	}
	section#deg360 .camera_box iframe {
		height: 440px;
	}
	/* details */
	section#details dt, dd {
		display: block;
		width: 100%;
		border: none;
	}
	dt {
		background-color: #eee;
	}
}