@charset "UTF-8";
#check-alert {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: var(--numcolor);
	background: var(--btncolor);
	padding: 20px 60px;
	border-radius: 6px;
	font-weight: bold;
	color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
	z-index: 5;
}
/*------------------------
タイトル周り
------------------------*/
#breadcrumb {
	padding-top: 20px;
	margin: 0 auto 20px;
}
#breadcrumb li a {
	color: var(--txtcolor);
}
#breadcrumb li:not(:first-of-type) a::before {
	border-bottom: 1px solid var(--txtcolor);
	border-right: 1px solid var(--txtcolor);
}
.single-ttl {
	width: 1100px;
	margin: auto;
	background: var(--txtcolor);
	padding: 15px;
	margin-bottom: 30px;
}
.single-ttl .type {
	display: block;
	background: var(--accentcolor);
	padding: 8px 10px;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 0;
	margin-right: 10px;
}
.single-ttl h1 {
	flex: 1;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
	color: var(--accentcolor);
}
/*------------------------
トップインフォ
------------------------*/
.top-cont {
	width: 1100px;
	margin: auto;
	padding-bottom: 80px;
}
.top-cont .top-info {
	margin-bottom: 20px;
}
.top-cont .top-info .datail {
	margin-right: 40px;
}
.top-cont .top-info .datail .img {
	width: 340px;
	height: 290px;
	border: 1px solid var(--bordercolor);
	margin-right: 35px;
}
.top-cont .top-info .datail .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.top-cont .top-info .datail .property {
	width: 385px;
}
.top-cont .top-info .datail .property .main-table {
	margin-bottom: 20px;
}
.top-cont .top-info .datail .property .main-table tr {
	border-bottom: 1px solid var(--txtcolor);
	font-size: 1.4rem;
}
.top-cont .top-info .datail .property .main-table tr th {
	width: 60px;
	padding: 10px;
	line-height: 1;
}
.top-cont .top-info .datail .property .main-table tr td {
	padding: 10px;
	letter-spacing: 0;
}
.top-cont .top-info .datail .property .main-table tr .price b {
	font-size: 1.8rem;
	color: var(--numcolor);
}
.top-cont .top-info .datail .property .main-table tr td .route {
	display: block;
}
.top-cont .top-info .datail .property .main-table tr td .route a {
	font-weight: bold;
	color: var(--numcolor);
}
.top-cont .top-info .datail .property .main-table tr td .route a:hover {
	color: var(--accentcolor);
}
.top-cont .top-info .datail .property .sub-table {
	font-size: 1.4rem;
	border: 1px solid var(--bordercolor);
}
.top-cont .top-info .datail .property .sub-table tr th {
	min-width: 100px;
	padding: 10px;
	background: var(--footercolor);
	color: #fff;
	line-height: 1;
	text-align: center;
}
.top-cont .top-info .datail .property .sub-table tr th:not(:last-child) {
	border-right: 1px solid #fff;
}
.top-cont .top-info .datail .property .sub-table tr td {
	padding: 10px;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0;
}
.top-cont .top-info .datail .property .sub-table tr td:not(:last-child) {
	border-right: 1px solid var(--bordercolor);
}
.top-cont .top-info .top-contact {
	flex: 1;
}
.top-cont .top-info .top-contact h2 {
	background: var(--txtcolor);
	padding: 10px 12px 10px;
	color: var(--accentcolor);
	line-height: 1;
	position: relative;
}
.top-cont .top-info .top-contact h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 15px;
	background: var(--accentcolor);
}
.top-cont .top-info .top-contact .inner {
	background: var(--mygray);
	padding: 15px 20px 20px;
}
.top-cont .top-info .top-contact .inner .caution {
	font-size: 1.4rem;
	text-align: justify;
	letter-spacing: 0;
	margin-bottom: 6px;
}
.top-cont .top-info .top-contact .inner .caution span {
	font-weight: bold;
	color: var(--numcolor);
}
.top-cont .top-info .top-contact .inner .tel {
	margin-bottom: 10px;
}
.top-cont .top-info .top-contact .inner .tel span {
	display: block;
	line-height: 1;
}
.top-cont .top-info .top-contact .inner .tel .no {
	font-size: 3.2rem;
	font-weight: bold;
	background: url(/pc/img/common/icn_tel_b.svg) no-repeat left 100%/contain;
	background-size: 18px;
	padding-left: 25px;
	margin-bottom: 4px;
}
.top-cont .top-info .top-contact .inner .tel .time {
	font-size: 1.3rem;
}
.top-cont .top-info .top-contact .inner .tel .time span {
	display: inline-block;
	font-size: 1.5rem;	
}
.mail button[type="submit"] {
	width: 100%;
	display: block;
	color: #fff;
	line-height: 1;
	text-align: center;
	padding: 15px;
	position: relative;
	z-index: 10;
}
.mail button[type="submit"]::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--numcolor);
	background: var(--btncolor);
	z-index: -1;
	transition: all .3s ease 0s;
}
.mail button[type="submit"]::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--accentcolor);
	background: linear-gradient(#c7b78e,#987f41);
	z-index: -2;
}
.mail button[type="submit"]:hover::before {
	opacity: 0;
}
.top-cont .icn-area {
	width: 760px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.top-cont .icn-area span {
	display: block;
	background: var(--numcolor);
	padding: 7px 10px;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: .08em;
	color: #fff;
	margin: 0 2px 2px 0;
}
.top-cont .icn-area .sikirei ~ .siki ,
.top-cont .icn-area .sikirei ~ .rei {
	display: none;
}
.top-cont .comment {
	width: 760px;
	background: var(--mygray);
	padding: 25px;
	position: relative;
}
/*------------------------
空室一覧
------------------------*/
.vacancy {
	margin-bottom: 80px;
}
.vacancy .inner {
	width: 1100px;
	margin: auto;
}
.vacancy .inner h2 {
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}
.vacancy .inner table tr {
	cursor: pointer;
	transition: all .3s ease 0s;
}
.vacancy .inner table tr:hover {
	background: var(--mygray);
}
.vacancy .inner table tr th {
	padding: 10px;
	background: var(--footercolor);
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.3;
	text-align: center;
}
.vacancy .inner table tr .width {
	width: 150px;
}
.vacancy .inner table tr th:not(:last-child) {
	border-right: 1px solid #fff;
}
.vacancy .inner table tr td {
	padding: 10px;
	border-bottom: 1px solid var(--bordercolor);
	text-align: center;
	letter-spacing: 0;
	position: relative;
}
.vacancy .inner table tr td:not(:last-of-type):after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 60%;
	border-left: 1px dashed var(--bordercolor);
}
.vacancy .inner table tr td.room-no a {
	display: block;
	color: var(--numcolor);
	font-weight: bold;
	text-decoration: underline;
}
.vacancy .inner table tr td.room-no a:hover {
	opacity: .7;
}
.vacancy .inner table tr td .img {
	display: block;
	width: 80px;
	height: 70px;
	border: 1px solid var(--bordercolor);
	margin: auto;
}
.vacancy .inner table tr td .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.vacancy .inner table tr td b {
	font-size: 1.8rem;
	color: var(--numcolor);
}
.vacancy .inner table tr td .icn {
	display: inline-block;
	padding: 3px;
	background: var(--txtcolor);
	font-size: 1.2rem;
	color: var(--accentcolor);
	line-height: 1;
	margin-right: 3px;
}
.vacancy .inner table tr .clip-area {
	width: 120px;
}
.vacancy .inner table tr .clip-area .clip a {
	display: block;
}
.vacancy .inner table tr .clip-area .clip a span {
	display: block;
	font-size: 1.3rem;
	color: #fff;
	line-height: 1;
	padding: 10px 8px 10px 30px;
	background: url(/pc/img/common/icn_consider.svg) no-repeat center left 10px, var(--numcolor);
	background: url(/pc/img/common/icn_consider.svg) no-repeat center left 10px, var(--btncolor);
	background-size: 14px auto;
	position: relative;
}
.vacancy .inner table tr .clip-area .clip a .remove-list {
	display: none;
	background: #d3d3d3 url(/pc/img/common/icn_consider.svg) no-repeat center left 10px;
	background-size: 14px auto;
}
.vacancy .inner table tr .clip-area .clip .check.checked .add-list {
	display: none!important;
}
.vacancy .inner table tr .clip-area .clip .check.checked .remove-list {
	display: block!important;
}
/*------------------------
特徴設備
------------------------*/
.tag-area {
	width: 1100px;
	margin: 0 auto 80px;
	background: var(--mygray);
	padding: 30px;
	align-items: stretch;
}
.tag-area .tag-specialty {
	width: 100%;
	padding-right: 30px;
	border-right: 1px dashed #fff;
}
.tag-area h2 {
	font-size: 1.9rem;
	line-height: 1;
	margin-bottom: 15px;
}
.tag-area h2 span {
	font-weight: bold;
	color: var(--footercolor);
}
.tag-area .tag-equipment {
	width: 100%;
	padding-left: 20px;
}
.tag-area .box {
	flex-wrap: wrap;
}
.tag-area .box span {
	display: block;
	padding: 6px 10px;
	border-radius: 50vw;
	border: 1px solid var(--numcolor);
	font-size: 1.3rem;
	color: var(--numcolor);
	line-height: 1;
	margin: 0 6px 6px 0;
}
/*------------------------
物件画像
------------------------*/
.gallery {
	width: 1100px;
	margin: 0 auto 80px;
}
#main-slider {
	width: 580px;
	height: 580px;
	margin: 0 32px 0 14px;
}
#main-slider .slide-item {
	width: 580px;
	height: 580px;
	border: 1px solid var(--bordercolor);
}
#main-slider .slide-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#thumbnail-slider {
	flex: 1;
	flex-wrap: wrap;
}
#thumbnail-slider .thumbnail-item {
	width: 90px;
	height: 90px;
	border: 1px solid var(--bordercolor);
	cursor: pointer;
	margin-bottom: 6px;
}
#thumbnail-slider .thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#thumbnail-slider .thumbnail-item:not(:nth-of-type(5n)) {
	margin-right: 6px;
}
#thumbnail-slider .thumbnail-item.thumbnail-current {
	border: 1px solid var(--accentcolor);
}
.slick-arrow {
	background: var(--numcolor);
	background: var(--btncolor);
	width: 28px;
	height: 62px;
	top: calc(50% - 31px);
	z-index: 1;
}
.slick-prev {
	border-radius: 4px 0 0 4px;
	left: -14px;
}
.slick-next {
	border-radius: 0 4px 4px 0;
	right: -14px;
}
.slick-prev:before ,
.slick-next:before {
	content: '';
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 1;
}
.slick-prev:before {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	right: 32%;
}
.slick-next:before {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	left: 32%;
}
.slick-prev:hover ,
.slick-prev:focus ,
.slick-next:hover ,
.slick-next:focus {
	background: var(--btncolor);
}
.slick-prev.slick-disabled ,
.slick-next.slick-disabled {
	background: var(--bordercolor);
}
.slick-prev.slick-disabled:before ,
.slick-next.slick-disabled:before {
	opacity: 1;
}
/*------------------------------------------------
メインカラム
------------------------------------------------*/
/*------------------------
物件お問い合わせ
------------------------*/
.column .main-column .detail-contact {
	margin-bottom: 30px;
}
.column .main-column .detail-contact .ttl-area {
	background: var(--txtcolor);
	padding: 16px 25px;
	color: var(--accentcolor);
	position: relative;
}
.column .main-column .detail-contact .ttl-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 38%;
	background: var(--accentcolor);
}
.column .main-column .detail-contact .ttl-area h2 {
	font-size: 1.9rem;
	line-height: 1.2;
	margin-bottom: 6px;
}
.column .main-column .detail-contact .ttl-area p {
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 0;
}
.column .main-column .detail-contact .inner {
	background: var(--mygray);
	padding: 20px 25px;
}
.column .main-column .detail-contact .inner .caution {
	line-height: 1;
	margin-bottom: 8px;
}
.column .main-column .detail-contact .inner .caution span {
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--numcolor);
	letter-spacing: 0;
}
.column .main-column .detail-contact .inner .box {
	align-items: center;
}
.column .main-column .detail-contact .inner .tel {
	margin-right: 20px;
}
.column .main-column .detail-contact .inner .tel span {
	display: block;
	line-height: 1;
}
.column .main-column .detail-contact .inner .tel .no {
	font-size: 3.8rem;
	font-weight: bold;
	background: url(/pc/img/common/icn_tel_b.svg) no-repeat left 100%/contain;
	background-size: 21px;
	padding-left: 30px;
	margin-bottom: 5px;
}
.column .main-column .detail-contact .inner .tel .time {
	font-size: 1.4rem;
}
.column .main-column .detail-contact .inner .tel .time span {
	display: inline-block;
}
.column .main-column .detail-contact .inner .mail {
	width: 290px;
}
/*------------------------
物件紹介
------------------------*/
.introduction {
	border: 1px solid var(--bordercolor);
	padding: 25px 25px 60px;
	margin-bottom: 30px;
	position: relative;
}
.introduction .morebtn {
	width: fit-content;
	background: var(--numcolor);
	border: 1px solid var(--numcolor);
	font-size: 1.4rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 5px 15px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-align: center;
	transition: all .2s;
	z-index: 1;
}
.introduction .morebtn:hover {
	background: #fff;
	color: var(--numcolor);
}
.introduction .morebtn::after {
	content: "続きを読む";
}
.introduction p {
	overflow: hidden;
	position: relative;
}
.introduction .is-hide {
	height: 90px;
}
.introduction p::before {
	content: '';
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	bottom: 0;
	height: 50px;
	position: absolute;
	width: 100%;
}
.accordion-btn.is-show {
	bottom: -3em;
}
.introduction .morebtn.is-show::after {
	content: "閉じる";
}
.introduction .empty::before {
	content: none;
}
/*コメント短い時の処理*/
.introduction.height {
	padding: 20px;
}
.introduction.height .morebtn {
	display: none;
}
.introduction p {
	letter-spacing: .08em;
	line-height: 1.6;
}
.introduction.height p::before {
	content: none;
}
/*------------------------
周辺地図
------------------------*/
.column .main-column section h2 {
	background: var(--txtcolor);
	padding: 15px 20px;
	font-size: 1.8rem;
	color: var(--accentcolor);
	line-height: 1;
	position: relative;
	margin-bottom: 20px;

}
.column .main-column section h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 38%;
	background: var(--accentcolor);
}
.column .main-column .areamap iframe {
	width: 100%;
	height: 450px;
	vertical-align: bottom;
}
/*------------------------
物件概要
------------------------*/
.column .main-column .outline table {
	border-top: 1px solid var(--bordercolor);
	font-size: 1.5rem;
}
.column .main-column .outline table tr {
	border-bottom: 1px solid var(--bordercolor);
}
.column .main-column .outline table tr th {
	width: 25%;
	background: var(--mygray);
	padding: 10px;
}
.column .main-column .outline table tr td {
	padding: 10px;
	line-height: 1.3;
}
.column .main-column .caution-area {
	background: var(--mygray);
	padding: 20px 20px 15px;
}
.column .main-column .caution-area p {
	font-size: 1.4rem;
	text-align: justify;
	line-height: 1.4;
	margin-bottom: 5px;
}
/*------------------------
条件の近い物件
------------------------*/
.side .side-near {
	margin-bottom: 20px;
}
.side .side-near .block-list .block a {
	display: block;
	padding: 10px 15px 15px;
	border-bottom: 1px solid var(--bordercolor);
}
.side .side-near .block-list .block a .ttl-area {
	margin-bottom: 8px;
}
.side .side-near .block-list .block a .ttl-area h3 {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.3;
	transition: all .3s ease 0s;
}
.side .side-near .block-list .block a:hover h3 {
	color: var(--numcolor);
}
 .side .side-near .block-list .block a .ttl-area .route {
 	display: block;
 	font-size: 1.3rem;
 	letter-spacing: 0;
 }
 .side .side-near .block-list .block a .img {
 	width: 100px;
 	height: 92px;
 	border: 1px solid var(--bordercolor);
 	margin-right: 10px;
 }
  .side .side-near .block-list .block a .img img {
  	width: 100%;
  	height: 100%;
  	object-fit: contain;
}
.side .side-near .block-list .block a .txt {
	flex: 1;
	font-size: 0;
	letter-spacing: 0;
}
.side .side-near .block-list .block a .txt span {
	display: block;
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 4px;
}
.side .side-near .block-list .block a .txt .type {
	display: inline-block;
	background: var(--accentcolor);
	padding: 5px 6px;
	font-size: 1.3rem;
	line-height: 1;
	margin-bottom: 5px;
}
.side .side-near .block-list .block a .txt .price {
	margin-bottom: 5px;
}
.side .side-near .block-list .block a .txt .price b {
	font-size: 1.8rem;
	color: var(--numcolor);
}
/*------------------------
追従
------------------------*/
.bottom-contact {
	display: none;
}
.bottom-contact.detail {
	display: block;
}
.bottom-contact.detail .txt {
	margin-right: 30px;
}
.bottom-contact.detail .contact-area {
	flex: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.bottom-contact.detail .contact-area .caution {
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 5px;
}
.bottom-contact.detail .contact-area .caution span {
	display: inline-block;
	font-weight: bold;
	color: var(--accentcolor);
}
.bottom-contact.detail .contact-area .tel .no {
	font-size: 3.6rem;
	padding-left: 29px;
	background: url(/pc/img/common/icn_tel_w.svg) no-repeat left 100%/contain;
	background-size: 19px;
}
.bottom-contact.detail .mail button[type="submit"] {
	width: 220px;
}