@charset 'UTF-8';
/************************************************************************************
first
************************************************************************************/
.single-jitsurei-thumbnail-wrap{
	text-align: center;
}
.single-jitsurei-thumbnail-wrap img{
	max-width: 100%;
	height: auto;
}
.single-jitsurei-h1{
	line-height: 1.4;
	font-weight: 400;
}
.single-jitsurei-lead{
	display: inline-block;
}
@media screen and (max-width: 1199px){
	.single-jitsurei-thumbnail-wrap{
		margin-bottom: 48px;
	}
	.single-jitsurei-h1{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.single-jitsurei-shichosonmei{
		margin-bottom: 24px;
		font-size: 13px;
	}
	.single-jitsurei-lead{
		margin-bottom: 32px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-thumbnail-wrap{
		width: 1170px;
		padding-right: 35px;
		padding-left: 35px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 80px;
	}
	.single-jitsurei-h1{
		font-size: 28px;
		margin-bottom: 16px;
	}
	.single-jitsurei-shichosonmei{
		margin-bottom: 32px;
	}
	.single-jitsurei-lead{
		margin-bottom: 56px;
	}
}
/* tag */
.single-jitsurei-tag{
	display: flex;
	border-bottom: 1px #000 solid;
	padding-bottom: 10px;
}
.single-jitsurei-tag li{
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 16px;
	list-style: none;
	font-size: 12px;
}
.single-jitsurei-tag li a{
	display: block;
	background-color: #5e5d5c;
	color: #fff;
	text-decoration: none;
	padding: 4px 14px;
	border: 1px #5e5d5c solid;
	transition: .3s;
}
.single-jitsurei-tag li a:hover{
	background-color: #fff;
	color: #5e5d5c;
}
@media screen and (max-width: 1199px){
	.single-jitsurei-tag{
		margin-bottom: 72px;
	}
	.single-jitsurei-tag li{
		font-size: 12px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-tag{
		margin-bottom: 120px;
	}
	.single-jitsurei-tag li{
		font-size: 13px;
	}
}
/************************************************************************************
おすすめ
************************************************************************************/
.single-jitsurei-osusume-wrap{
	margin-bottom: 30px;
}
.single-jitsurei-osusume-inner{
	display: flex;
	flex-direction: column;
}
.single-jitsurei-osusume-box-txt{
	order: 2;
}
.single-jitsurei-osusume-img{
	order: 1;
}
.single-jitsurei-gallery-wrap{
	padding-top: 8px;
	display: flex;
	flex-wrap: wrap;
	margin-right: -4px;
	margin-left: -4px;
}
.single-jitsurei-gallery-item{
	width: 25%;
	padding-right: 4px;
	padding-left: 4px;
}
.single-jitsurei-osusume-title{
	line-height: 1.4;
	font-weight: 400;
}
@media screen and (max-width: 1199px){
	.single-jitsurei-osusume-inner{
		padding-bottom: 40px;
	}
	.single-jitsurei-osusume-title{
		font-size: 18px;
		margin-bottom: 14px;
	}
	.single-jitsurei-osusume-img{
		margin-bottom: 24px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-osusume-inner{
		padding-bottom: 100px;
	}
	.single-jitsurei-osusume-title{
		font-size: 26px;
		margin-bottom: 32px;
	}
	.single-jitsurei-osusume-img{
		margin-bottom: 32px;
	}
}
/************************************************************************************
other gallery
************************************************************************************/
.single-jitsurei-other-gallery-slick .slick-list{
	z-index: 1;
}
.single-jitsurei-other-gallery-item{
	aspect-ratio: 1 / 0.667;
	overflow: hidden;
}
.single-jitsurei-other-gallery-item img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media screen and (max-width: 1199px){
	.single-jitsurei-other-gallery-slick{
		margin-bottom: 56px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-other-gallery-slick{
		margin-bottom: 100px;
	}
	.single-jitsurei-other-gallery-item{
		margin-right: 16px;
		margin-left: 16px;
	}
}
/************************************************************************************
ボタンとタイトル
************************************************************************************/
.single-jitsurei-btn{
	max-width: 280px;
	margin-right: auto;
	margin-left: auto;
}
.single-jitsurei-btn a{
	display: block;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 16px;
	text-decoration: none;
	border: 1px #000 solid;
	transition: .3s;
}
.single-jitsurei-btn a:hover{
	background-color: #fff;
	color: #000;
}
.common-single-jitsurei-h3{
	border-top: 2px #000 solid;
	line-height: 1.4;
	font-weight: 400;
}
@media screen and (max-width: 1199px){
	.common-single-jitsurei-h3{
		padding-top: 24px;
		margin-bottom: 20px;
		font-size: 18px;
	}
}
@media screen and (min-width: 1200px){
	.common-single-jitsurei-h3{
		padding-top: 56px;
		margin-bottom: 40px;
		font-size: 22px;
	}
}
/************************************************************************************
物件概要
************************************************************************************/
.single-jitsurei-gaiyo-list{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px rgba(220,220,220,0.60) solid;
}
.single-jitsurei-gaiyo-list dt,.single-jitsurei-gaiyo-list dd{
	border-bottom: 1px rgba(220,220,220,0.60) solid;
	padding-top: 20px;
	padding-bottom: 20px;
}
.single-jitsurei-gaiyo-list dd{
	padding-left: 16px;
}
@media screen and (max-width: 575px){
	.single-jitsurei-gaiyo-list dt{
		width: 120px;
	}
	.single-jitsurei-gaiyo-list dd{
		width: calc(100% - 120px);
	}
}
@media screen and (min-width: 576px){
	.single-jitsurei-gaiyo-list dt{
		width: 160px;
	}
	.single-jitsurei-gaiyo-list dd{
		width: calc(100% - 160px);
	}
}
@media screen and (max-width: 1199px){
	.single-jitsurei-gaiyo-wrap{
		padding-top: 56px;
		padding-bottom: 56px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-gaiyo-wrap{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
/************************************************************************************
設計士紹介
************************************************************************************/
.single-jitsurei-architects-about-wrap{
	display: flex;
}
.saat-name-initial{
	display: block;
	font-size: 0.8em;
	color: #b9b9b9;
	padding-top: 0.4em;
}
.single-jitsurei-architects-about-txt{
	order: 2;
}
.single-jitsurei-architects-about-img{
	order: 1;
}
@media screen and (max-width: 991px){
	.single-jitsurei-architects-about-wrap{
		margin-bottom: 32px;
		max-width: 440px;
		margin-right: auto;
		margin-left: auto;
	}
	.single-jitsurei-architects-about-txt{
		width: 60%;
		padding-left: 20px;
	}
	.single-jitsurei-architects-about-img{
		width: 40%;
	}
}
@media screen and (min-width: 992px){
	.single-jitsurei-architects-about-txt{
		width: calc(100% - 380px);
		padding-left: 8%;
	}
	.single-jitsurei-architects-about-img{
		width: 380px;
		text-align: right;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.single-jitsurei-architects-about-wrap{
		margin-bottom: 56px;
	}
}
@media screen and (max-width: 1199px){
	.single-jitsurei-architects-about-wrap{
		align-items: center;
	}
	.sjaat-name{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.sjaat-about{
		font-size: 12px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-architects-about-wrap{
		padding-bottom: 100px;
		border-bottom: 2px #000 solid;
		margin-bottom: 100px;
		align-items: flex-end;
	}
	.sjaat-name{
		font-size: 20px;
		margin-bottom: 24px;
	}
}
/* comment */
.single-jitsurei-architects-comment-wrap{
	background-color: #eee;
	padding-top: 42px;
	padding-bottom: 32px;
	margin-bottom: 56px;
}
.sjacw-title{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 16px;
}
@media screen and (max-width: 991px){
	.single-jitsurei-architects-about-txt .single-jitsurei-architects-comment-wrap{
		display: none;
	}
}
@media screen and (min-width: 992px){
	.single-jitsurei-architects-comment-wrap{
		display: none;
	}
	.single-jitsurei-architects-about-txt .single-jitsurei-architects-comment-wrap{
		display: block;
		padding-right: 7%;
		padding-left: 7%;
		margin-top: 64px;
		margin-bottom: 0;
	}
}
/************************************************************************************
お客様の声
************************************************************************************/
.single-jitsurei-voice-title{
	line-height: 1.6;
}
@media screen and (max-width: 1199px){
	.single-jitsurei-voice-image{
		margin-bottom: 24px;
	}
	.single-jitsurei-voice-wrap{
		padding-top: 56px;
		padding-bottom: 56px;
	}
	.single-jitsurei-voice-title{
		font-size: 16px;
		margin-bottom: 16px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-voice-image{
		margin-bottom: 32px;
	}
	.single-jitsurei-voice-wrap{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.single-jitsurei-voice-title{
		font-size: 20px;
		margin-bottom: 22px;
	}
}
/************************************************************************************
YouTube
************************************************************************************/
@media screen and (max-width: 1199px){
	.single-jitsurei-YouTube-wrap{
		padding-bottom: 64px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-YouTube-wrap{
		padding-bottom: 100px;
	}
}
/************************************************************************************
最後のボタン
************************************************************************************/
.single-jitsurei-last-btn-wrap{
	padding-bottom: 56px;
}
.sjlbw-item{
	margin-bottom: 10px;
}
.sjlbw-item .single-jitsurei-btn{
	max-width: initial;
}
@media screen and (min-width: 768px){
	.single-jitsurei-last-btn-wrap{
		display: flex;
		margin-right: -10px;
		margin-left: -10px;
	}
	.sjlbw-item{
		width: calc(100% / 3);
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 1199px){
	.single-jitsurei-last-btn-wrap{
		padding-bottom: 64px;
	}
}
@media screen and (min-width: 1200px){
	.single-jitsurei-last-btn-wrap{
		padding-bottom: 100px;
	}
}
/* footer */
@media screen and (max-width: 575px){
	.single-jitsurei-footer-sp-menu{
		position: fixed;
		left: 0.5rem;
		bottom: 0;
		width: calc(100% - 1rem);
		z-index: 99;
		display: flex;
		animation: fsmflAni 8s linear 0s infinite normal;
	}
	.sjfsm-item{
		width: 50%;
		text-align: center;
		font-size: 12px;
	}
	.sjfsm-item a{
		color: #fff;
		padding-top: 16px;
		padding-bottom: 16px;
		display: block;
		text-decoration: none;
	}
	.jfsm-black a{
		background-color: #000;
	}
	.jfsm-gray a{
		background-color: #5e5d5c;
	}
}
@media screen and (min-width: 576px){
	.single-jitsurei-footer-sp-menu{
		display: none;
	}
}

@keyframes fsmflAni{
	0% {
		bottom:0.5rem;
	}
	44% {
		bottom:0.5rem;
	}
	47% {
		bottom: 1rem;
	}
	50% {
		bottom: 0.5rem;
	}
	53% {
		bottom: 1rem;
	}
	56% {
		bottom: 0.5rem;
	}
	100% {
		bottom: 0.5rem;
	}
}
.footer_menu{
	display: none!important;
}