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

body {
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

div#contents {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* article */
article {
	margin: 0;
	padding: 0;
	border: 0;
	color: #263625;
	line-height: 2;
	text-align: justify;
	vertical-align: baseline;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
	letter-spacing: normal;
	font-size: 62.5%;
}

/* style.css */
@media all and (-ms-high-contrast:none){
  .btn {
  padding: 8px 10px 2px;
  }
}

/*見出し*/

.subtitle {
  padding: 25px 0;
  border-top: 1px solid #D4AF37;
  border-bottom: 1px solid #D4AF37;
  background-color: #fff;
  color: #D4AF37;
  text-align: center;
  z-index: 1;
  vertical-align: bottom;
	font-family: ten-mincho, serif;
font-weight: 500;
font-style: italic;
  font-size: 2.5rem;
  margin: 0 auto;
  letter-spacing: .5rem;
}

.subtitle span {
font-family: adobe-handwriting-ernie, sans-serif;
font-style: normal;
	font-size: 0.7em;
}

@media screen and (min-width: 641px) {
	.subtitle .sp-only { display:none; }  }
@media screen and (max-width: 640px) {
	.subtitle  .sp-only { display: block; } }


/* 地図・間取・物件概要 txt */
article .main {
	width: 100%;
	max-width: 650px;
	margin-inline-start:auto;
	margin-inline-end: auto;
	margin-block-start: 100px;
	margin-block-end: 100px;
	padding-inline-start:10px;
	padding-inline-end:10px;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.6rem;
}

.box900 {
	max-width: 900px;
	background-color: rgba(255, 255, 255, .5);
	margin: 0 auto;
	padding: 60px 100px 80px;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
	.box900 {padding: 30px 30px;}
}

.txt {
	margin: 20px auto 0;
}

/* 順番 
1.位置情報系＝position, top, right, z-index, display, float等
2.サイズ＝width, height, padding, margin
3.文字系＝font, line-height, letter-spacing, color- text-align等
4.背景＝background, border等
5.その他＝animation, transition等
*/


/*TOP KV*/
/*.bg-switcher{
    width: 100%;
    height:1000px;
    background-position: center center;
    background-size: cover;
	background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 640px) {
	.bg-switcher{
		height: 800px;
	background: 40% 50%;
	}
	}*/


.bg-switcher{
  position: relative;
    background: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
    height: auto;
}

@media screen and (max-width: 640px) {
	.bg-switcher { 
		background-attachment:inherit;
		width: 100%;
	}
}

/* h1 タイトル・ロゴ  logo */

.bg-title{
  position: absolute;
  top: 50%;
  left: 18%;
  transform: translate(-50%, -50%);
	z-index: 10;
}
@media screen and (max-width: 640px) {
	.bg-title{
		top: 70%;
		left: 30%;
	}
	.bg-title img {width:80%; height:80%;}
}

/* h1 タイトル・ロゴ  logo */
/*h1{
	width: 100%;
	margin: 100px auto 10px;
}

h1 img{
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-block-start: 50px;
}

@media screen and (max-width: 640px) {
	h1 img{width: 60%;}
}*/

/* intro */
section#intro {
  width: 100%;
  background: url("../img/bg0.png");
  background-attachment: fixed;
  background-repeat: repeat;
  margin: 0 auto;
  padding-bottom: 150px;
}

#intro h2 {
	margin: 0 auto 80px;
	padding-top: 80px;
	text-align: center;
	font-size: 3.2em;
	line-height: 1.5em;
}
/*
@media screen and (max-width: 640px) {
	#intro h2 { }
}*/

/* area 地図 */
section#area {
	width: 100%;
	margin: 0 auto;
	text-align: center;
    padding-bottom: 120px;
	background-color: #fffdf2;
}

#area img {
	max-width: 100%;
	margin-block-start: auto;
	margin-block-end: 100px;
	margin: 0 auto;
	text-align: center;
}


/* #photo　物件写真 */

section#photo {
	width: 100%;
 background: url("../img/bg1.png");
  background-attachment: fixed;
  background-repeat: repeat;
  margin: 0 auto;
  padding-bottom: 120px;
}

#photo .txt{
	margin: 80px auto 40px;
	text-align: center;
	font-size: 1.4rem;
}

.fotorama {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;

}

.fotorama__nav-wrap {
	width: 100%;
}


/* plan 間取図 */
section#plan {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #F2F3EC;
}

	
@media screen and (min-width: 641px) {
	.sp-only { display:none; }
}
@media screen and (max-width: 640px) {
	.pc-only { display: none;}
	.sp-only img { max-width:100%;}
}

#plan img {
	max-width: 100%;
	margin: 50px auto 100px;
}

#plan p {
	margin-top: 50px;
	margin-bottom: 0;
}



/* deg360
------------------------------- */
section#deg360 {
	width: 100%;
	background: url("../img/bg3.png");
  background-attachment: fixed;
  background-repeat: repeat;
	margin: 0 auto;
	padding-bottom: 80px;
}

#deg360 p {
	text-align: center;
	margin-block-start: 100px;
	margin-block-end: 30px;
	font-size: 1.4rem;
}

.camerabox {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
	padding-bottom: 100px;
}


/* inquiry 問い合わせ */
section#inquiry {
	width: 100%;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
	cursor: pointer;
}

section#inquiry a {
  display: block;
  width: 300px;
  padding: 20px 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  background-image: linear-gradient(
    to right,
    #D4AF37 0%,
    #D4AF37 50%,
    #a2b565 50%,
    #a2b565 100%
  );
  box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
  transition: background-position ease 0.4s;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 2em;
}

section#inquiry a:hover {
  background-position: 0 0;
}

/* details 物件概要 */
section#details {
	width: 100%;
	background-color: #fffdf2;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 80px;
}

table {
	margin: 50px auto;
	width: 100%;
	max-width: 800px;
	font-size: 1.55rem;
}
table th, table td {
	border-block-end: 1px dotted #DAB437;
	padding-inline-start: 8px;
	margin-block-start: 5px;
	vertical-align: middle;
	letter-spacing: 0.1em;
	height: 2.8em;
	text-align: left;
}
table th {
	width: 16%;
	font-weight: 200;
	white-space: nowrap;
}
@media (max-width: 640px) {
	table {
		width: 100%;
	}
	table th, table td {
		display: block;
		height: auto;
		border-block-end: 0px;
	}
	table th {
		width: 100%;
		background-color: #edda9a;
		font-weight: 200;
		white-space: nowrap;
	}
}

/* Google Map グーグルマップ */
section#gmap {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	margin-block-end: 50px;
}
#gmap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}