/* .top-main-header{
    padding: 0;
    display: initial;
} */
.top-main-header {
	position: fixed;
	z-index: 1;
	background: transparent;
}

.top-main-header #toggle-box>span {
	background: #000;
}

.top-main-header #toggle {
	width: 36px;
}

.top-main {
	position: relative;
	overflow: hidden;
}








/* ファーストビュー */
.top-view {
	max-width: 100%;
	margin: 0 auto 80px;
	position: relative;
	justify-content: space-between;
}

.top-view--link__bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.top-view--link__container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 146px;
	/* max-width: 12%; */
	padding: 0 20px;
	max-height: 100vh;
}

.top-view--logo {
	width: 96px;
	display: block;
	margin: 31px auto 0;
}

.top-view--insta {
	width: 41px;
	display: block;
	margin: 0 auto 23px;
}

.top-view--zerote {
	width: 98px;
	display: block;
	margin: 0 auto 23px;
}

.top-view--release {
	margin: 0 auto 20px;
	display: block;
	width: 100px;
}

.top-view--gallery {
	color: #AE9A73;
	text-decoration: none;
	display: block;
	padding: 6px 0;
	margin: 0 auto 31px;
	width: 110px;
	border: solid 1px #AE9A73;
	text-align: center;
}

.top-view--gallery:hover {
	color: #fff;
	background-color: #AE9A73;
	opacity: 1;
}

.top-view--lead p {
	font-size: .30rem;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 67px;
	padding: 0 20px;
}

.top-view--lead p span {
	font-size: .40rem;
	color: #B49A6D;
}

.effect-rise-wrap {
	overflow: hidden;
}

.effect-rise-wrap .effect-rise-text {
	transform: translateY(100%) translateZ(0);
	transition: transform 2s cubic-bezier(0.2, 0.5, 0.4, 1);
}

.inview.effect-rise-wrap .effect-rise-text {
	transform: none;
}

.effect-rise-wrap .effect-rise-img {
	transform: translateY(100%) translateZ(0);
	transition: transform 2s cubic-bezier(0.2, 0.5, 0.4, 1);
}

.inview.effect-rise-wrap .effect-rise-img {
	transform: none;
}

/* .effect-focus-wrap{
    opacity: 1;
    filter: blur(1rem);
}
  
  .inview.effect-focus-wrap{
    filter: blur(0rem) !important;
    opacity: 1;
    transition-delay: .05s;
    transition: all 1s cubic-bezier(.5,1,.89,1);
    transition-property: opacity,filter;
    transition-timing-function: cubic-bezier(.5,1,.89,1);
    will-change: auto;
  } */
.top-view--main__slick {
	position: relative;
	height: 100vh;
}

.top-slick--text {
	position: absolute;
}

.top-slick--box1 .top-slick--text {
	width: 65%;
	max-width: 906px;
    right: 138px;
    bottom: 7%;
}

.top-slick--box2 .top-slick--text {
    width: 65%;
    max-width: 870px;
    right: 138px;
    bottom: 7%;
}

.slick-active .top-slick--text {
	opacity: 0;
	transform: translateY(20px);
	animation: slick-active-fadeIn 1.5s ease forwards 2.5s;
}

@keyframes slick-active-fadeIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media screen and (max-width:800px) {
	@keyframes slick-active-fadeIn {
		0% {
			opacity: 0;
			transform: translateY(0px);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
}

.top-slick-caution {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
	font-size: .12rem;
}

.slick-prev,
.slick-next {
	display: none !important;
}

.top-view--main .sp_only {
	display: none !important;
}



/*トピックス*/
.top-topics {

	max-width: 100%;
	margin: 0 auto 115px;
	/*padding:0 20px;*/
}


.top-topics .top-title {
	margin-left: calc((100vw - 1226px) / 2);
}

.topics-category__box {
	margin-left: calc((100vw - 1080px) / 2);
}

.top-topics .swiper {
	overflow: initial;
}

/* カスタマイズ */
.top-swiper-wrap {
	margin: 0;
	margin-left: calc((100vw - 1080px) / 2);

}

/* .slider__item {
    height: auto;
  }
  .slider__img {
    height: 100%;
  }
  .slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
.slider__scrollbar {
	margin-top: 12px;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.swiper-scrollbar-drag {
	background-color: red;
	height: 6px !important;
	border-radius: var(--swiper-scrollbar-border-radius, 2px) !important;

}

.slider__scrollbar::before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 2px !important;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}



.swiper-slide {
	border-right: 1px solid #B49A6D;
}

/*   .swiper-slide:nth-of-type(1) .topic-item{
   margin-left:0;
}*/
.topic-item {
	width: 251px;
	display: block;
	text-decoration: none;
	margin: 0 auto;
}

.topic-item img {
	margin-bottom: 15px;
	padding-top: 9px;
	vertical-align: middle;
	width: 100%;
	height: 165px;
	object-fit: cover;
}

.info_empty {
	margin-top: 9px;
	margin-bottom: 15px;
	width: 100%;
	height: 156px;
	background-color: #F2F2F2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info_empty img {
	flex: 0 0 auto;
	width: 70px;
	height: auto;
}

.swiper-slide {
	/* padding: 0 33px; */
	box-sizing: content-box;
	margin-right: 0px !important;
	margin-bottom: 18px;
	max-width:318px;
	width: 100%;
}

.topic-label {
    width: fit-content;
    padding: 4px 8px;
    background-color: #000;
    color: #B49A6D;
    margin-bottom: 10px;
    font-size: .13rem;
    line-height: 1;
}

.topic-text {
	color: #000;
}

.topic-title {
    font-size: .17rem;
    margin-bottom: 9px;
}

.topic-caption {
	font-size: .14rem;
	line-height: 1.8;
}



.topics-category {
	display: flex;
	margin-bottom: 27px;
	margin-left: 38px;
}

.topics-category label {
    display: block;
    width: fit-content;
    color: #B49A6D;
    border: 1px solid #B49A6D;
    padding: 8px 22px;
    margin-right: 22px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: .15rem;
    transition: 0.5s;
}
.topics-category label:hover {
	background-color: #B49A6D;
	color: #FFF;
}


.topics-category input:checked+label {
	background-color: #B49A6D;
	color: #FFF;
}

.topics-category input {
	display: none;
}





/* ブランドイントロダクション */
.top-brand--introduction__back {
	position: relative;
	margin-bottom: 100px;
}

.top-brand--introduction__back.inview:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: #F2F2F2;
	width: 100%;
	height: 100%;
	z-index: -1;
	animation: color-effect2 2s 1;
	animation-fill-mode: forwards;
}

@keyframes color-effect2 {
	0% {

		transform: translateX(-100%);
	}

	50% {}

	100% {

		transform: translateX(0);
	}
}

.top-brand--introduction__back div {
	opacity: 0;
}

.top-brand--introduction__back.inview div {
	animation: color-effect3 2s 1 0.5s;
	animation-fill-mode: forwards;
}

@keyframes color-effect3 {
	0% {
		opacity: 0;
		filter: blur(1rem);
	}

	40% {
		opacity: 0;
		filter: blur(1rem);
	}

	50% {
		opacity: 1;
		filter: blur(1rem);
	}

	100% {
		opacity: 1;
		filter: blur(0rem) !important;
	}
}





.top-brand--introduction {
	display: flex;
	justify-content: space-between;
	width: 1130px;
	max-width: 100%;
	margin: 0 auto;
	padding: 77px 20px;
	align-items: center;
}

.top-brand--caption {
	width: 55%;
}

.top-brand--logo {
	width: 40%;
}

.top-brand--logo img {
	width: 200px;
	margin-left: 80px;
	margin-top: 5px;
}

.top-brand--caption p:nth-of-type(1) {
	font-size: .26rem;
	color: #B49A6D;
	line-height: 1.8;
	margin-bottom: 53px;
	position: relative;
}

.top-brand--introduction__back.inview .top-brand--caption p:nth-of-type(1) {
	animation: color-effect1 3s 1;
	animation-fill-mode: forwards;
}

@keyframes color-effect1 {
	0% {
		color: #000;
	}

	100% {
		color: #B49A6D;
	}
}




.top-brand--caption p:nth-of-type(1)::after {
	content: '';
	width: 107px;
	height: 1px;
	display: inline-block;
	background-color: #B49A6D;
	position: absolute;
	bottom: -26px;
	left: 0;
}

.top-brand--caption p:nth-of-type(1) span {
	letter-spacing: -0.1em;
}

.top-brand--caption p:nth-of-type(2) {
	font-size: .16rem;
	line-height: 2.4;
	white-space: nowrap;
}

.top-3point {
	margin-bottom: 92px;
}

.top-3point>div {
	width: 1315px;
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-3point p {
	font-size: .18rem;
	width: 420px;
	max-width: 33%;
	text-align: center;
	line-height: 1.8;
}

.top-3point p:nth-of-type(2) {
	border-left: 1px solid;
	border-right: 1px solid;
}

.top-3point p:nth-of-type(3) {
	margin-right: 15px;
	margin-left: 20px;
	line-height: 1.7;
}

.top-3point p span {
	font-size: .32rem;
	color: #B49A6D;
}

/* マンションエントリー */
.top-mansion-entry {
	position: relative;
	margin-bottom: 103px;
	height: 38vw;
}

.top-mansion-entry div.pc_only {
	position: relative;
	height: 38vw;
	overflow: hidden;
}

.top-mansion-entry div.pc_only img.zoom {
	animation: zoom 5s 1;
	animation-fill-mode: forwards;
}

@keyframes zoom {
	0% {
		transform: scale(1.3) translateY(-140px);
	}

	100% {
		transform: scale(1) translateY(0px);
	}
}


.slick-slide .slide-zoom > img {
    object-fit: cover;
    height: 100.5vh;
}


.slick-slide .slide-zoom.top-slick--box2 > img {
    object-position: top;
}


.slick-active .slide-zoom {
	animation: zoom2 5s 1;
	animation-fill-mode: forwards;
}

@keyframes zoom2 {
	0% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1);
	}
}

.top-mansion-entry--link__box {
	position: absolute;
	left: 176px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: rgba(255, 255, 255, .8);
	width: 506px;
	max-width: 100%;
	height: 310px;
	transition: opacity 1s, transform 2s;
	transition-delay: 2s
}


/*.top-mansion-entry--link__box.js-fade2{
	opacity: 1;
}*/

.top-mansion-entry--link__box .top-btn-link span {
	width: 64px;
}

.top-mansion-entry--link__box .top-btn-link span::after {
	width: 33px;
}

.top-mansion-entry--link__box .top-btn-link:hover.top-btn-link span::after {
	width: 42px;
}

.top-mansion-entry--link__box p:nth-of-type(1) {
	font-size: .32rem;
	margin-top: 26px;
	margin-bottom: 18px;
	letter-spacing: 0.08em;
	text-align: center;
}

.top-mansion-entry--link__box p:nth-of-type(1) span {
	letter-spacing: -0.04em;
}

.top-mansion-entry--link__box p:nth-of-type(2) {
	font-size: .16rem;
	text-align: center;
	margin-bottom: 27px;
}

.top-mansion-entry--link span {
	position: relative;
}

.top-mansion-entry--link__box .top-mansion-entry--link a {
	padding: 18px 24px 18px 0px;
}

.top-mansion-entry--link__box .top-mansion-entry--link span {
	margin-left: 23px;
}

.top-mansion-entry--link span::after {
	content: '';
	position: absolute;
	width: 38px;
	height: 7px;
	left: 10px;
	top: 5px;
	border-bottom: solid 1.5px;
	border-right: solid 1.5px;
	transform: skew(45deg);
	transition: .2s;
}

.top-mansion-entry--link span::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 45px;
	background-color: #B49A6D;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
	transition: .3s;
}

.top-mansion-entry--link a:hover span::after {
	width: 50px;
}

/* インフォメーション */
.top-information {
	display: flex;
	width: 1140px;
	margin: 0 auto 148px;
	max-width: 100%;
	padding: 0 20px;
	justify-content: space-between;
	position: relative;
}

.top-information>img {
	position: absolute;
	top: 0;
	z-index: -1;
	left: -1180px;
	top: 0;
	width: 1681px;
	z-index: -1;
}

.top-information--title {
	position: relative;
	font-family: "Cormorant Garamond", serif;
}


.top-information--title h2 {
	margin-top: 36px;
	letter-spacing: 0.19em;
	font-size: .57rem;
	margin-left: -60px;
}

.top-information--title p {
	font-size: .20rem;
	margin-left: -60px;
}

.top-information--title__block {
	font-family: "Cormorant Garamond", serif;
}

.top-information--title img {
	position: absolute;
	left: -1115px;
	top: 0;
	width: 1681px;
	z-index: -1;
}

.top-information--container {
	width: 480px;
	max-width: 50%;
	margin-top: 49px;
	position: relative;
}

/*
.top-information--container ul::-webkit-scrollbar {
  width: 6px;
  background-color: #DBDBDB;　
}
.top-information--container ul::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 15px;
}

.top-information--container ul:-webkit-scrollbar-track {
  background-color: #999;
}
*/
.top-information--container ul {
	height: 270px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0 20px;
	position: relative;
}

.top-information--container::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 100%;
	height: 120px;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);
	pointer-events: none;
}

.top-information--container li {
	list-style: none;
	margin-bottom: 22px;
}

.top-information--container li:last-child {
	margin-bottom: 0px;
}



.top-information--container a {
	color: #000;
	text-decoration: none;
	font-size: .16rem;
	display: flex;
	line-height: 1.9;
}

.top-information--container a p {
	width: 75%;
}

.top-information--container a time {
	color: #7C7C7C;
	display: block;
	width: 25%;
}

/* トップロケーション */
.top-location {
	position: relative;
	margin-bottom: 98px;
	width: 1366px;
	max-width: 100%;
	margin: 0 auto;
}

.top-title {
	margin-left: 70px;
	margin-bottom: 38px;
}

.top-title h3 {
	font-size: .57rem;
	font-family: "Cormorant Garamond", serif;
	letter-spacing: 0.09em;
}

.top-title p {
	font-size: .20rem;
	color: #B49A6D;
}

.top-location-up,
.top-location-under {
	display: flex;
	justify-content: space-between;
	width: 1366px;
	max-width: 100%;
	margin: 0 auto 49px;
}

.top-location-up {
	align-items: center;
}

.top-location-up div h2 {}

.top-location--up-left img {
	width: 711px;
	max-width: 100%;
}

.top-location--up-right img {
	width: 464px;
	max-width: 100%;
}

.top-location--up-left {
	width: 53%;
}

.top-location--up-right {
	width: 34%;
}

.top-location--under-right {
	width: 61%;
}

.top-location-under {
	align-items: flex-end;
	padding: 0 0 100px 60px;
	width: 1300px;
	margin: 0 0 0 auto;
}

.top-location--under-left {
	width: 38%;
	margin: 0 auto;
}

.top-location--under-left p {
	margin: 0 auto 95px 44px;
	line-height: 3.2;
}

/* .top-location--under-right img{
    width: 754px;
    max-width: 100%;
} */
/* .top-mansion-entry--link {
    border: #B49A6D 1px solid;
    width: 307px;
    margin: 0 auto;
    max-width: 100%;
} */
/* .top-mansion-entry--link a {
    text-align: center;
    color: #B49A6D;
    text-decoration: none;
    display: block;
    padding: 25px 85px 25px 0;
    padding: 25px 0;
}

.top-mansion-entry--link:hover {
    background-color: #B49A6D;
}

.top-mansion-entry--link:hover a{
    color: #fff;
    opacity: 1;
}

.top-mansion-entry--link:hover.top-mansion-entry--link span::before{
    background-color: #fff;
}

.top-location-under .top-mansion-entry--link span {
    position: relative;
    margin-left: 55px;
    margin-right: 31px;
} */
.top-mansion-entry--link a {
	/*
    max-width: 60%;
    padding: 25px 86px 25px 19px;
    margin-left: 0;
    margin-right: auto; */
	/* padding: 25px 68px 25px 0; */
}

/* .top-location--under-left .top-mansion-entry--link {
    margin: 0;
    width: 373px;
    margin-bottom: 4px;
} */
.top-colorbox {
	position: absolute;
	margin: auto;
	z-index: -1;
}

.location-color {
	top: -170px;
	left: -75px;
	bottom: 0;
	right: 0;
	width: 319px;
	height: 319px;
	background-color: #B49A6D;
}

/* トップデザイン */
.top-design .top-title h3 {
	letter-spacing: 0.12em;
}

.top-design {
	display: flex;
	justify-content: space-between;
	width: 1366px;
	max-width: 100%;
	margin: 0 auto 100px;
	position: relative;
}

.top-design .top-title {
	margin-bottom: 58px;
}

.top-design--right {
	width: 40%;
}

/* .top-design--left img {
    width: 630px;
    max-width: 100%;
} */
.top-design--left {
	width: 46%;
}

.top-design--right img {
	width: 527px;
	margin-left: auto;
	display: block;
	margin: 87px 0 60px auto;
}

.top-design--right div p {
	line-height: 3.2;
	text-align: right;
	margin-bottom: 52px;
	margin-right: 155px;
	white-space: nowrap;
}

.design--line {
	position: absolute;
	width: 42%;
	top: 41px;
	left: 259px;
	right: 0;
	margin: auto;
	z-index: -2;
}

.top-design--right .top-mansion-entry--link span {
	margin-left: 59px;
}

/* デザインコーナー　ボタン */
.top-design--right .top-mansion-entry--link {
	width: 372px;
	transform: translateX(-29px);
}

.design-color {
	transform: skewX(330deg);
	width: 55%;
	height: 75%;
	margin: auto;
	left: 225px;
	/* width: 747px;
    height: 527px;
    margin: auto;
    left: 164px; */
	bottom: 8px;
	background-color: #DFDFDF;
	mix-blend-mode: multiply;
	max-width: 100%;
}

/* 特徴 */
/* .top-feature h3 {
    letter-spacing: 0.12em;
} */
.top-feature .top-title {
	margin-bottom: 50px;
}

.top-feature {
	display: flex;
	justify-content: space-between;
	width: 1366px;
	max-width: 100%;
	margin: 0 auto 50px;
	margin: 0 auto 90px;
	/*sirstopen*/
	position: relative;
}

.top-feature--left {
	width: 53%;
}

.top-feature--right {
	width: 35.8%;
	width: 40.8%;
}

.top-feature--right .gest-terrace-btn span {
	margin-left: 13px;
}

.top-feature--left>p {
	line-height: 3.2;
	margin-left: 170px;
	margin-bottom: 81px;
}

.top-feature--left>p {
	/*firstopen*/
	position: absolute;
	width: 46%;
	left: 415px;
	top: 26px;
}

.top-feature--left>img {
	width: 615px;
	max-width: 100%;
}

.top-feature--right>img {
	width: 630px;
	margin-bottom: 167px;
	max-width: 100%;
}

.top-feature--right .top-mansion-entry--link {
	margin: 0 0 40px;
	width: 424px;
}

.top-feature .top-mansion-entry--link a {
	/* padding: 25px 75px 25px 34px; */
}

.top-guest-room--link span::before {
	left: 11px;
}

.top-feature--right .top-mansion-entry--link span {
	margin-right: 50px;
}

.top-feature--right .top-mansion-entry--link:nth-of-type(2) span {
	margin-right: 0;
	margin-left: 90px;
}

.top-guest-room--link span::after {
	left: 23px;
}

.top-feature--right .top-mansion-entry--link:nth-of-type(2) {
	margin: 0 0 29px;
}

.feature-color {
	width: 326px;
	height: 331px;
	max-width: 100%;
	right: 0;
	bottom: 156px;
	left: 185px;
	background-color: #B49A6D;
	margin: auto;
}

/* フロアガイド */
.top-floor-guide {
	width: 1366px;
	max-width: 100%;
	margin: 0 auto 108px;
}

.top-floor-guide--back {
	position: absolute;
	bottom: 0;
	left: 297px;
	background-color: #000;
	height: calc(100% - 67px);
	z-index: -1;
	width: 78.2vw;
	/* margin-right: calc(50% - 50vw); */
}

.top-floor-guide--container {
	display: flex;
	justify-content: flex-start;
	position: relative;
	padding-bottom: 75px;
}

.top-floor-guide--left {
	/* width: 1070px;
    background-color: #000;
    margin: 0 0 0 auto;
    padding-bottom: 28.5%;
    width: 78vw;
    margin-right: calc(50% - 50vw); */
	width: 8%;
	position: relative;
}

.top-floor-guide--container>img {
	width: 1143px;
	max-width: 84%;
}

.floor-guide--link__container {
	width: 105px;
	margin-top: 164%;
}

.floor-guide--link {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: .18rem;
	font-family: "Cormorant Garamond", serif;
	margin-bottom: 4vw;
	/* margin-bottom: 53%; */
}

.floor-guide--link:nth-of-type(3) {
	margin-bottom: 14vw;
	/* margin-bottom: 180%; */
}

.floor-guide--link span {
	position: relative;
	display: block;
}

.floor-guide--link span::after {
	content: '';
	position: absolute;
	width: 111px;
	height: 7px;
	left: -12px;
	top: -5px;
	border-bottom: solid 1.5px #fff;
	border-right: solid 1.5px #fff;
	transform: skew(45deg);
	transition: .2s;
}

.floor-guide--link:hover span::after {
	width: 120px;
}

/* .top-floor-guide h3 {
    letter-spacing: 0.12em;
} */
.top-floor-guide .top-title {
	margin-bottom: 3vw;
}

.floor-guide--link p {
	display: block;
	font-size: .14rem;
}

.floor-guide--plan span::after,
.floor-guide--equipment span::after {
	left: -12px;
	bottom: 0;
	top: -5px;
	margin: auto;
	width: 111px;
}

/* .floor-guide--equipment span::after{
    width: 100px;
    left: -90px;
} */
.floor-guide--plan {
	margin-bottom: 28%;
}

.floor-guide--plan span {
	display: block;
}

.floor-guide--equipment span {
	margin: 2px 0 4px;
	display: block;
}

.top-floor-guide--left__text {
	position: absolute;
	color: #C4C5C5;
	width: 400px;
	height: max-content;
	top: -13%;
	right: -41%;
	bottom: 0;
	margin: auto;
	font-size: .14rem;
}

.top-floor-guide--left__text2 {
	top: 32%;
	line-height: 1.8;
}

.effect-focus-wrap {
	opacity: 1;
	filter: blur(1rem);
}

.inview.effect-focus-wrap {
	filter: blur(0rem) !important;
	opacity: 1;
	transition-delay: .05s;
	transition: all 1.5s cubic-bezier(.5, 1, .89, 1);
	transition-property: opacity, filter;
	transition-timing-function: cubic-bezier(.5, 1, .89, 1);
	will-change: auto;
}

.tab-only {
	display: none;
}

/*ゼロテ*/
.top-zerote_container {
	margin: 0 auto;
	padding: 65px 0 71px;
	border-top: solid 1px #B49A6D;
	max-width: 1100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_zerote_link {
	margin-right: 227px;
	flex: 0 1 auto;
	width: 175px;
}

.top_release_link {
	flex: 0 1 auto;
	width: 143px;
}

.top_zerote_img {
	width: 100%;
}

/*INFO切り替え用*/
.slider__item.info_none {
	display: none !important;
}

.top-swiper-wrap{
	min-height: 330px;
}
.slider__scrollbar.none::before{
    background-color: transparent;
}

@media screen and (min-width:1366px) {
	.floor-guide--link {
		margin-bottom: 53%;
	}

	.floor-guide--link:nth-of-type(3) {
		margin-bottom: 180%;
	}

	/*
	.top-location--up-left img {
		width: 52vw;
	}
    .top-location--up-right {
        width: 34vw;
        right: 0;
        transform: translateX(16vw);
    }
	.top-location--up-right img {
		width: 100%;
	}
    .top-location--under-right {
        width: 55.5vw;
        transform: translateX(16vw);
	}
*/
}

@media screen and (max-width:1230px) {

	.top-topics .top-title {
    	margin-left: calc((100vw - 1106px) / 2);
	}

	.top-information--title h2 {
    	margin-left: 0px;
	}
	
	.top-information--title p {
   		margin-left: 0px;
	}

}


@media screen and (max-width:1200px) {
	.top-floor-guide {
		overflow-x: auto;
	}

	.top-brand--introduction {
		padding: 57px 80px 57px 20px;
	}
}


@media screen and (min-width:800px) and ( max-width:1170px){
	.top-topics .top-title,
	.topics-category__box,
	.top-swiper-wrap{
    	margin-left: 20px;
	}
}


@media screen and (min-width:801px) and (max-width:1050px) {
	.top-mansion-entry--link {
		max-width: 100%;
	}

	.top-mansion-entry--link a {
		font-size: .14rem;
	}

	.top-title {
		margin-left: 20px;
	}

	.top-view--lead p span {
		font-size: .32rem;
	}

	.top-view--lead p {
		margin-bottom: 50px;
	}

	.top-brand--introduction__back {
		margin-bottom: 90px;
	}

	.top-3point {
		margin-bottom: 50px;
	}

	.top-3point>div {
		flex-wrap: wrap;
	}

	.top-main .top-3point p {
		margin: 0 auto 55px;
		border-bottom: solid 1px;
		line-height: 1.4;
		font-size: .16rem;
		letter-spacing: -0.08em;
	}

	.top-3point p {
		font-size: .16rem;
		max-width: 31%;
	}

	.top-3point p:nth-of-type(3) {
		margin-right: 0;
		margin-left: 0;
	}

	.top-3point p span {
		font-size: .23rem;
	}

	.top-mansion-entry--link__box p:nth-of-type(1) {
		font-size: .28rem;
		margin-top: 25px;
	}

	.top-mansion-entry--link__box p:nth-of-type(2) {
		font-size: .15rem;
	}

	.top-3point p:nth-of-type(2) {
		border-left: none;
		border-right: none;
	}

	.top-mansion-entry--link__box {
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		height: 290px;
		width: 450px;
	}

	.top-guest-room--link span::after {
		left: 20px;
	}

	.top-mansion-feature--link .top-mansion-feature--link span::after {
		left: 55px;
	}

	/* インフォメーション */
	.top-information--title h2 {
		font-size: .46rem;
	}

	.top-information--container a {
		font-size: .15rem;
	}

	.top-information--container a time {
		width: 30%;
	}

	.top-title h3 {
		font-size: .46rem;
	}

	/* ロケーション */
	.top-location--under-left p {
		margin: 0 auto 95px 0px;
	}

	.top-location--under-right {
		width: 55%;
	}

	.top-location-under {
		padding: 0 0 100px 0;
	}

	.top-location-under .top-mansion-entry--link span {
		position: relative;
		margin-left: 25px;
		margin-right: 11px;
	}

	/* デザイン */
	.top-design--right div p {
		margin-right: 0;
		padding-right: 20px;
	}

	.top-location--under-left p,
	.top-design--right div p {
		font-size: .14rem;
	}

	.top-design--right .top-mansion-entry--link {
		width: 88%;
	}

	.top-design--left {
		width: 53%;
	}

	/* .top-design .top-mansion-entry--link a {
        padding: 20px 55px 20px 0;
    } */
	.top-feature--left>p {
		margin-left: 20px;
	}

	.top-feature .top-mansion-entry--link .top-guest-room--link {
		font-size: .13rem;
		/* padding: 25px 63px 25px 0px; */
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) .top-mansion-feature--link {
		font-size: .13rem;
		/* padding: 25px 80px 25px 35px; */
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2).top-mansion-entry--link span::before {
		left: 11px;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2).top-mansion-entry--link span::after {
		left: 22px;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) span {
		margin-right: 0px;
		margin-left: 50px;
	}

	.top-feature--right {
		padding-right: 20px;
		width: 44.2%;
	}

	.top-design--right {
		width: 45%;
	}

	.top-feature--left {
		width: 48%;
	}

	.top-design--right .top-btn-link {
		width: 328px;
		margin-right: 0;
	}

	.design-color {
		width: 40%;
		height: 46%;
		top: 0;
		left: 225px;
	}

	.top-floor-guide--back {
		left: initial;
		right: 0;
	}

	.top-floor-guide--left__text {
		right: -22%;
		top: 0;
		width: 225px;
		text-align: right;
	}
	
}

@media screen and (max-width:800px) {

	/*ファーストビュー*/
	.top-view--main__slick {
		max-height: calc(100svh - 63px);
	}

	.top-view--main .sp_only {
		display: block !important;
	}

	.top-view--main .pc_only {
		display: none !important;
	}

	.top-view--main__slick {
		overflow: hidden;
	}

	.top-view--main__slick>img {
		width: 990px !important;
	}

	.top-slick--box1>img {
		transform: translateX(calc(-100% + 100vw));
	}

	.slick-active .top-slick--box1>img {
		animation: top-slick-slideIn1 7s forwards;
	}

	@keyframes top-slick-slideIn1 {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(-100% + 100vw));
		}
	}

	.top-slick--box2>img {
		transform: translateX(calc(-72% + 100vw));
	}

	.slick-active .top-slick--box2>img {
		animation: top-slick-slideIn2 8s forwards;
	}

	@keyframes top-slick-slideIn2 {
		0% {
			transform: translateX(calc(-100% + 100vw));
		}

		40% {
			transform: translateX(calc(-100% + 100vw));
		}

		100% {
			transform: translateX(calc(-72% + 100vw));
		}
	}

    .top-slick--box1 .top-slick--text {
        margin: auto;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        width: 82%;
        height: max-content;
    }

    .top-slick--box2 .top-slick--text {
        right: auto;
        left: 25px;
        bottom: 50px;
        width: 71%;
    }

	.top-slick-caution {
		font-size: .09rem;
		left: 17px;
		bottom: 5px;
	}

	/* ボタン */
	.top-btn-link {
		margin: 0 auto;
		font-size: .14rem;
		padding: 16px 0;
	}

	.top-btn-link span {
		width: 47px;
		margin-left: 6px;
		margin-top: -4px;
	}

	.top-btn-link span::before {
		height: 27px;
		top: 5px;
	}

	.top-btn-link span::after {
		width: 21px;
		height: 4px;
		left: 11px;
		top: 3px;
	}

	.top-btn-link:hover.top-btn-link span::after {
		width: 30px;
	}

	.top-btn-link:hover {
		background-color: #B49A6D;
		color: #fff;
		opacity: 1;
	}

	.top-btn-link:hover.top-btn-link span::before {
		background-color: #fff;
	}

	.top-mansion-entry .top-btn-link {
		background: linear-gradient(120deg, rgba(202, 184, 152, 1) 0%, rgba(189, 167, 127, 1) 51.87%, rgba(180, 154, 109, 1) 100%);
		color: #000;
		width: 215px;
		margin: 0;
		border: none;
		font-size: .14rem;
		padding: 12px 0;
	}

	.top-mansion-entry .top-btn-link span::before {
		background-color: #000;
		height: 25px;
	}

	.top-mansion-entry .top-btn-link span {
		width: 48px;
		margin-left: 1vw;
		margin-top: 0;
	}

	.top-mansion-entry .top-btn-link span::after {
		width: 22px;
		top: -5px;
	}

	.top-mansion-entry .top-btn-link:hover.top-btn-link span::after {
		width: 23px;
	}

	.top-mansion-entry .top-btn-link:hover.top-btn-link span::before {
		background-color: #000;
	}

	/* ロケーション */
	.top-location--under-left .top-btn-link {
		margin: 0 auto;
		width: 265px;
		padding: 16px 0;
		font-size: .14rem;
	}

	.top-location--under-left .top-btn-link span {
		margin-left: 20px;
	}

	/* デザインボタン */
	.top-design--right .top-btn-link {
		transform: translateX(0px);
		margin: 0 auto;
		width: 266px;
		padding: 15px 0;
	}

	.top-design--right .top-btn-link span {
		margin-left: 25px;
		width: 56px;
	}

	/* 特徴ボタン */
	.top-feature--right .top-btn-link {
		margin: 0 auto;
		width: 308px;
		padding: 16px 0;
	}

	.top-feature--right .gest-terrace-btn {
		margin-bottom: 32px;
		font-size: .13rem;
		letter-spacing: -0.07em;
	}

	.top-feature--right .gest-terrace-btn span {
		margin-left: 13px;
		width: 57px;
	}

	.mansion-feature-btn span {
		margin-left: 35px;
		width: 57px;
	}

	/* ヘッダー */
	.top-main-header {
		justify-content: space-between;
		padding: 0 0 0 16px;
		background-color: #fff;
	}

	.top-main-header .hamburger {
		padding: 23px 17px;
		background-color: transparent;
	}

	.top-izumizaki-logo {
		width: 152px;
		margin-top: 13px;
	}

	.top-view {
		margin: 0 auto 32px;
	}

	.top-view--lead p {
		font-size: .18rem;
		margin-bottom: 50px;
		line-height: 1.8;
	}

	.top-brand--logo img {
		width: 126px;
		margin: 0 auto 43px;
		display: block;
	}

	.top-brand--caption p:nth-of-type(1)::after {
		width: 60px;
		bottom: -9px;
		right: 0;
		margin: auto;
	}

	.top-brand--introduction {
		flex-direction: column;
		padding: 54px 0 47px;
	}

	.top-brand--logo {
		width: 100%;
	}

	.top-brand--caption {
		width: 100%;
	}

	.top-brand--caption p:nth-of-type(1) {
		font-size: .17rem;
		line-height: 1.9;
		text-align: center;
		margin-bottom: 25px;
	}

	.top-brand--caption p:nth-of-type(2) {
		font-size: .14rem;
		text-align: center;
		line-height: 1.95;
	}

	.top-brand--introduction__back {
		margin-bottom: 57px;
	}

	/* 3ポイント */
	.top-3point>div {
		flex-direction: column;
		margin-bottom: 21px;
		padding: 0;
	}

	.top-3point p {
		width: 100%;
		max-width: 100%;
		font-size: .18rem;
		margin-bottom: 48px;
		line-height: 1.6;
	}

	.top-3point p span {
		font-size: .25rem;
		font-weight: 500;
	}

	.top-3point p:nth-of-type(2) {
		border-left: none;
		border-right: none;
		position: relative;
	}

	.top-3point p:nth-of-type(2)::before {
		content: '';
		width: 80px;
		height: 1px;
		display: inline-block;
		background-color: #000;
		position: absolute;
		top: -23px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.top-3point p:nth-of-type(2)::after {
		content: '';
		width: 80px;
		height: 1px;
		display: inline-block;
		background-color: #000;
		position: absolute;
		bottom: -25px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.top-3point p:nth-of-type(3) {
		margin-right: 0;
		margin-left: 0;
		line-height: 1.6;
		margin: 0 0 37px;
	}

	.top-3point {
		margin: 0;
	}

	/* マンションエントリー */
	.top-mansion-entry {
		width: 100%;
		margin: 0 auto 43px;
		height: auto;
	}

	.top-mansion-entry--link__box {
		width: 60%;
		left: 23px;
		/* right: 0; */
		background-color: initial;
		height: initial;
	}

	.top-mansion-entry--link__box p:nth-of-type(1) {
		font-size: .18rem;
		margin-top: 20px;
		margin-bottom: 7px;
		letter-spacing: 0.13em;
	}

	.top-mansion-entry--link__box p:nth-of-type(1) span {
		letter-spacing: -0.001em;
	}

	.top-mansion-entry--link__box p:nth-of-type(2) {
		font-size: .11rem;
		margin-bottom: 13px;
	}

	.top-mansion-entry>img {
		width: 100%;
		margin: 0 auto;
		min-height: 197px;
		object-fit: cover;
	}

	.top-mansion-entry .top-mansion-entry--link {
		background: linear-gradient(120deg, rgba(202, 184, 152, 1) 0%, rgba(189, 167, 127, 1) 51.87%, rgba(180, 154, 109, 1) 100%);
		margin-left: 0;
		max-width: 100%;
		width: 152px;
		border: none;
	}

	.top-mansion-entry .top-mansion-entry--link a {
		font-size: .08rem;
		color: #000;
		padding: 7px 30px 7px 0;
	}

	.top-mansion-entry .top-mansion-entry--link span::before {
		background-color: #000;
		height: 20px;
		left: 12px;
	}

	.top-mansion-entry--link span::after {
		width: 21px;
		height: 5px;
		left: 15px;
		top: 2px;
		border-bottom: solid 1px;
		border-right: solid 1px;
	}

	.top-mansion-entry--link a:hover span::after {
		width: 30px;
	}

	.top-view--main {
		max-width: 100%;
		width: 100%;
		margin-top: 63px;
	}

	.top-view--lead p span {
		font-size: .23rem;
	}

	.top-view--link__container {
		display: none;
	}

	.top-mansion-entry--link__box .top-mansion-entry--link span {
		margin-left: 0;
	}

	/*トピックス*/

	.top-topics {
		margin: 0 auto 65px;
	}
	.top-topics .top-title {
		margin-left: 0;
	}

	.topics-category__box {
        margin: 0 0 6px 0px;
        padding-bottom: 14px;
        padding-left: 30px;
        width: calc(100% - 0px);
        overflow-x: scroll;
    }

	.topics-category {
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}

	.topics-category label {
		margin-right: 8px;
		flex: 0 1 auto;
		width: max-content;
		font-size: .11rem;
		padding: 5px 9px;
		white-space: nowrap;
	}

	/*
.topics-category{
	margin-left: 20px;
	width: 740px;
	margin-bottom: 16px;
}*/

	.top-swiper-wrap {
		margin-left: 12px;
		overflow-x: scroll;
	}

	/*.top-topics .swiper {
    overflow: hidden;
}*/


	.topic-item {
		width: 240px;
	}

	.topic-label {
		font-size: .13rem;
	}

	.topic-title {
		font-size: .15rem;
	}

	.topic-caption {
		font-size: .13rem;
		line-height: 2;
	}




	/* インフォメーション */
	.top-information {
		flex-direction: column;
		padding: 0;
		margin: 0 auto 91px;
	}

	.top-information--title h2 {
		font-size: .28rem;
		margin-top: 35px;
	}

	.top-information--title {
		padding: 0 30px;
	}

	.top-information--title p {
		font-size: .12rem;
	}

	.top-information--container {
		max-width: 83%;
		margin: 21px auto 0;
	}

	.top-information--container::after {
		display: none;
	}

	.top-information--container li {
		margin-bottom: 3px;
	}

	.top-information--container a time {
		width: 37%;
		text-align: center;
	}

	.top-information--container a {
		font-size: .14rem;
	}

	.top-information--title img {
		width: 100%;
		left: 0;
	}

	.top-information--container ul {
		padding: 0;
		height: 77px;
	}

	/* .top-information > img{
        width: 100%;
        left: 0;
    } */
	/* ロケーション */
	.top-location--under-left,
	.top-location--up-left {
		width: 100%;
	}

	.top-title h3 {
		font-size: .28rem;
		letter-spacing: 0.1em;
	}

	.top-location-up {
		flex-direction: column;
		margin: 0 auto 22px;
	}

	.top-location--up-left img {
		width: 88%;
	}

	.top-location--up-right {
		width: 56%;
		margin-left: 0;
		margin-right: auto;
	}

	.top-location--up-left {
		margin-bottom: 25px;
	}

	.top-location-under {
		flex-direction: column-reverse;
		padding: 0;
		margin: 0 auto 43px;
	}

	.top-design .top-title h3 {
		letter-spacing: 0.1em;
	}

	.top-location--under-right {
		width: 88%;
		margin-bottom: 23px;
	}

	.top-location--under-left p {
		font-size: .14rem;
		text-align: center;
		margin: 0 auto 23px;
		line-height: 2.1;
	}

	.top-location-under .top-mansion-entry--link a {
		display: block;
		padding: 15px 13px 15px 0;
	}

	.top-location--under-left .top-mansion-entry--link {
		margin: 0 auto;
	}

	.top-location--under-left .top-mansion-entry--link {
		font-size: .09rem;
		width: 225px;
	}

	.top-location-under .top-mansion-entry--link span {
		margin-left: 0;
		margin-right: 0;
	}

	.location-color {
		top: 192px;
		left: initial;
		right: 0;
		bottom: initial;
		width: 175px;
		height: 175px;
		background-color: #B49A6D;
	}

	/* デザイン */
	.top-design {
		flex-direction: column;
		margin: 0 auto 39px;
	}

	.top-design .top-title {
		margin-bottom: 24px;
	}

	.top-design--left img {
		width: 100%;
		margin-top: -33px;
	}

	.top-design--right {
		width: 100%;
	}

	.top-design--right img {
		width: 78%;
		margin: 32px 0 30px auto;
	}

	.top-design--left {
		width: 100%;
	}

	.design--line {
		right: 0;
		left: initial;
		width: 50%;
		top: 37px;
		display: none;
	}

	.design-color {
		width: 61%;
		height: 22.5%;
		margin: auto;
		left: 8px;
		right: 0;
		top: -156px;
		margin: auto;
		bottom: 0px;
	}

	.top-design--right div p {
		font-size: .14rem;
		margin: 0;
		text-align: center;
		line-height: 2.15;
		margin-bottom: 27px;
	}

	.top-design--right .top-mansion-entry--link {
		width: 225px;
		max-width: 100%;
		transform: translateX(0);
	}

	.top-design .top-mansion-entry--link a {
		max-width: 100%;
		padding: 15px 0px 15px 0px;
	}

	.top-design--right .top-mansion-entry--link span {
		margin-left: 15px;
	}

	/* .top-design--right .top-mansion-entry--link span::after{
       left: 45px;
    }


    .top-design--right .top-mansion-entry--link  span::before {
        height: 24px;
        left: 35px;
    } */
	.top-feature--right .top-mansion-entry--link span {
		margin-right: 0;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) span {
		margin-right: 0;
		margin-left: 0px;
	}

	/* 特徴 */
	.top-feature {
		flex-direction: column;
		margin: 0 auto 43px;
	}

	.top-feature--left,
	.top-feature--right {
		width: 100%;
	}

	.top-feature--left>p,
	.top-title {
		margin-left: 0;
		padding: 0 30px;
	}

	.top-title {
		margin-bottom: 20px;
	}

	.top-title p {
		font-size: .12rem;
	}

	.top-feature--left>p {
		font-size: .14rem;
		text-align: center;
		line-height: 2.15;
		margin-bottom: 26px;
	}

	.top-feature--left>p {
		/*firstopen*/
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
	}

	.top-feature .top-title {
		margin-bottom: 16px;
	}

	.top-feature--right .top-mansion-entry--link {
		margin: 0 auto 23px;
		width: 260px;
	}

	.top-feature .top-mansion-entry--link .top-guest-room--link {
		padding: 15px 48px 15px 10px;
	}

	.top-feature .top-mansion-entry--link span::before {
		left: 8px;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) {
		margin: 0 auto;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) .top-mansion-feature--link {
		padding: 15px 48px 15px 10px;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) .top-mansion-feature--link span::before {
		left: 46px;
	}

	.top-feature--right .top-mansion-entry--link:nth-of-type(2) .top-mansion-feature--link span::after {
		left: 54px;
	}

	/* フロアガイド */
	.top-floor-guide--back {
		display: none;
	}

	.top-floor-guide--container>img.sp-top-floor-guide {
		width: 631px;
		max-width: none;
		margin: 0 auto;
	}

	.top-floor-guide {
		overflow-y: scroll;
		margin: 0 auto 46px;
	}

	.top-floor-guide--container {
		padding-bottom: 15px;
		overflow: scroll;
	}

	.sp-top-floor-guide {
		width: 631px;
		margin: 0 auto;
	}

	.top-floor-guide {
		overflow-y: scroll;
		margin: 0 auto 46px;
	}


	.top-floor-guide-link-plan {
		position: absolute;
		top: 277px;
		left: 527px;
		width: 100px;
		height: 29px;
	}

	.top-floor-guide-link-equipment {
		position: absolute;
		top: 318px;
		left: 527px;
		width: 100px;
		height: 30px;
	}

	.top-floor-guide-link-floor7 {
		position: absolute;
		top: 155px;
		left: 527px;
		width: 100px;
		height: 31px;
	}

	.top-floor-guide-link-floor8 {
		position: absolute;
		top: 112px;
		left: 527px;
		width: 100px;
		height: 30px;
	}

	.top-floor-guide-link-floor9 {
		position: absolute;
		top: 78px;
		left: 527px;
		width: 100px;
		height: 30px;
	}

	.top-floor-guide .top-title {
		margin-bottom: 7vw;
	}

	.top-floor-guide--left__text,
	.floor-guide--link__container {
		display: none;
	}

	.top-entry--fixed {
		display: none;
	}

	.top-zerote_container {
		width: calc(100% - 40px);
	}

	.top-zerote_container {
		justify-content: center;
	}

    .top_zerote_link {
        margin-right: 15%;
        width: 36%;
    }

	.top_release_link {
		width: 34%;
	}

    

}