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

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

#top {
  position: relative;
  width: 100%;
  margin: 0;
}
#top #title {
  position: absolute;
  top: -5vw;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 10;
}
#top #topImgL img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 800px;
}
#topImgL .slick-dots {
  bottom: 4%;
  z-index: +1;
}
.slick-slider {
  max-width: 100%;
}
.slider {
  opacity: 0;
  transition: opacity 3s ease;
}
.slider.slick-initialized {
  opacity: 1;
}

/*スマホ表示*/
@media screen and (max-width: 767px) {
  #top #topImgL img {
    height: 100vh;
    width: auto;
    min-height: 100%;
    max-heigt: 100%;
  }
}

#title_logo{
 margin:0 auto;
 width: 100%;
 padding-block-start:60px;
}
#title_logo h1 img{
  margin: auto;
  display: block;
}


/*Comment
-------------------------------------------*/
section#comment{
margin-block-end:120px;
}

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


/* pickup
--------------------------------------------------------- */
section#pick {
  max-width: 1280px;
	margin: 0 auto;
	padding-inline-start: 10px;
	padding-inline-end: 10px;
	margin-block-end:180px;
	font-size: 1.5rem;
	letter-spacing: 0.075rem;
}
.wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item {
  padding: 10px;
  width: 32%;
  background-color: #fff;
}
.item img{
  padding-block-end:10px;
}
.item h4{
  font-size: 1.75rem;
  font-weight: 300;
}
.item p{
  line-height: 1.6;
  letter-spacing: 0.125rem;
}
@media not all and (min-width: 768px) {
  .item {
    width: 100%;
  }
  .item:not(:last-child) {
    margin-bottom: 30px;
  }
}


/* photo_list
--------------------------------------------------------- */
sevtion#photo_list {}
/* photos
--------------------------------------------------------- */
#photos {
  width: 94%;
  margin: 0 auto;
  margin: 0 3%;
  padding: 0 0 200px 0;
}
#photos p {
  text-align: center;
  margin-bottom: 35px;
}
.photo_txt{
font-size: 1.65rem;
}
#photos .fadein {
  width: 90%;
  margin: 0 auto;
}
.fancybox_area {
  column-count: 6;
  column-gap: 10px;
}
.fancybox_area li a {
  display: inline-block;
  margin: 5px 0 0;
  position: relative;
}
.fancybox_area li a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-family: 'Material Icons';
  content: '\e8b6';
  font-size: 3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  transition: all .5s ease;
}
.fancybox_area li a:hover::before {
  opacity: 1;
}
.fancybox_area img {
  width: 100% !important;
  height: auto !important;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  #photos {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 150px 0;
  }
  #photos p {
    width: 80%;
    margin: 0 auto 35px;
    text-align: start;
  }
  .fancybox_area {
    column-count: 3;
    width: 95%;
    margin: 0 auto;
  }
}
/* deg360


/* deg360
--------------------------------------------------------- */
section#deg360 {
	width: 100%;
	background-color: #f0f0f0;
	padding-block-start:80px;
}
section#deg360 .innerWrap{
	padding-block-end:100px;
}
section#deg360 p {
	text-align: center;
	margin-block-end: 20px;
	font-size: 1.55rem;
	letter-spacing: 0.05rem;
	line-height: 1.8;
}
section#deg360 .camera_box {
	max-width: 1080px;
	margin-inline-start: auto;
	margin-inline-end: auto;
}
section#deg360 p {
	text-align: center;
	margin-block-end: 20px;
	font-size: 1.6rem;
}

/* 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;
	}
}