@charset "UTF-8";
.futura {
	font-family: futura-pt, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 1.5rem;
}

.exterior_cont > div {
	background: #806f4c;
}
.interior_cont > div {
	background: #3b5e66;
}
.other_cont > div {
	background: #734e4d;
}
hr {
	background: #fff;
}
.exterior_cont,
.interior_cont,
.other_cont {
	color: #fff;
}
.exterior_cont a,
.interior_cont a,
.other_cont a {
	color: #fff;
	border: solid #fff 1px;
}

.exterior_cont a:hover {
    background: #e0b04e;
    color: #000;
}
.interior a:hover {
    background: #7dbfce;
    color: #0d0e0e;
}
.other_cont a:hover {
	background: #dc7c7a;
    color: #0e0707;
}


/* ========
　galleryの下層
=================== */
.exterior_details_title { 
	color: #806f4c;
}
.interior_details_title { 
	color: #3b5e66;
}
.other_details_title { 
	color: #734e4d;
}

.foogallery {
    /*width: 200px;*/
    margin: auto;
    padding: 0;
}
.foogallery > div {
    opacity: 1;
    list-style: none;
    background-color: #ddd;
    margin-top: 10px;
    text-align: center;
    border-radius: 4px;
    /*height: 300px;*/
    line-height: 32px;
    font-size: 13px;
    transition: all 0.4s ease 0s;
}
.foogallery .is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}
.gallery_more {

}
button {
	color: #fff;
	background: #808080;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    width: 300px;
	position: relative;
    z-index: 100;
}
.fg-item {
	width: 45%;
}

@media (min-width: 768px) {
	.fg-item {
		width: 180px;
    }
    
}