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

body{
padding-top: calc(40px + 10vw);
}
/* 中身-モバイルファースト======================================================================================================== */

#detail_header .alpha{
border-bottom: solid 2px #111;
padding: 0 0 10px;
margin: 0 0 20px;
}
#detail_header .type{
border: solid 1px #111;
font-size: 12px;
line-height: 1;
padding: 5px;
text-align: center;
margin-right: 1em;
width: 6em;
white-space: nowrap;
}
/* .type_new #detail_header .type{ background-color: #cc3366; }
.type_use #detail_header .type{ background-color: #004499; }
.type_land #detail_header .type{ background-color: #336633; }
.type_mansion #detail_header .type{ background-color: #ff6633; } */
#detail_header .name{
display: block;
font-size: 7vw;
}
#detail_header .price{
text-align: right;
font-weight: bold;
}
#detail_header .price .n{
font-size: 30px;
}
#detail_header dl{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
#detail_header dt{
width: 4em;
border: solid 1px #111;
text-align: center;
margin-bottom: 10px;
}
#detail_header dd{
width: calc(100% - 4em - 10px);
margin-bottom: 10px;
}

#catch_copy dl{
display: flex;
align-items: center;
}
#catch_copy dt{
display: flex;
align-items: center;
justify-content: center;
width: 20vw;
height: 20vw;
border-radius: 50%;
background-color: #81776d;
color: #fff;
}
#catch_copy dd{
flex: 1;
margin-left: 1em;
}
#catch_copy p{
color: #81776d;
font-size: 16px;
font-weight: bold;
}


#gallery{
}
#gallery .sliderArea {
overflow: hidden;
}
#gallery .sliderWide {
max-width: 100%;
margin: 0 auto;
padding: 30px 0;
}
#gallery .slider {
max-width: 305px;
margin: 0 auto;
padding: 0;
}
#gallery .slider .slick-list {
overflow: visible;
}
#gallery .slider .slick-track {}
#gallery .slider .slick-slide {
margin: 0 2.5px;
opacity: .5;
transition-duration: 0.3s;
}
#gallery .slider .slick-slide.slick-current {
opacity: 1;
}
#gallery .slider .slick-slide a {
display: block;
}
#gallery .slider .slick-slide a:hover {
display: block;
opacity: .7;
}
#gallery .slider .slick-slide .photo{
background-color: rgba(0, 0, 0, 0.1);
}
#gallery .slider img {
height: auto;
width: 100%;
aspect-ratio: 3/2;
object-fit: contain;
}
#gallery .slider .slick-slide p{
text-align: left;
font-size: 12px;
}
#gallery .slick-prev, .slick-next {
z-index: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: calc((200px - 40px) / 2);
}


#outline .map{
margin-top: 20px;
}
#outline .map iframe{
vertical-align: top;
}


#contact dl{
text-align: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 2px #111;
}
#contact dl:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom:none;
}
#contact dl dt{
font-size: 18px;
margin-bottom: 10px;
}
#contact dl.mail .common_btn{
margin-top: 0px;
}
#contact dl.tel address{
display: flex;
align-items: center;
justify-content: center;
}
#contact dl.tel address .icon img{
width: auto;
height: 24px;
margin-top: 5px;
margin-right: 5px;
}
#contact dl.tel address a{
font-size: 30px;
line-height: 1;
color: #111;
}


#member_only{
background-color: #e7e2df;
padding: 40px 0;
}
#member_only .contents_size{
text-align: center;
}
#member_only em{
display: flex;
align-items: center;
font-size: 20px;
}
#member_only em::before, #member_only em::after {
content: "";
flex-grow: 1;
height: 1px;
background-color: #111;
display: block;
}
#member_only em::before {
margin-right: .4em;
}
#member_only em::after {
margin-left: .4em;
}
#member_only ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#member_only ul li{
width: 49%;
margin-top: 2%;
}
#member_only ul li a{
display: block;
text-decoration: none;
background-color: #ed6c00;
color: #fff;
text-align: center;
padding: 10px 0;
border-radius: 100px;
}
#member_only p{
margin-top: 20px;
font-size: 12px;
}



#form form input.readonly{
background: none !important;
border: none !important;
color: #111 !important;
font-size: 18px;
}


/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

body{
padding-top: calc(60px + 6vw);
}

#detail_header .alpha{
display: flex;
justify-content: space-between;
}
#detail_header .alpha .title{
display: flex;
align-items: center;
}
#detail_header .name{
font-size: 40px;
margin-left: .25em;
}
#detail_header .price{
font-size: 20px;
}
#detail_header .price .n{
font-size: 40px;
}

#detail_header .beta{
display: flex;
justify-content: space-between;
}
#detail_header .beta .common_btn{
margin-top: 0;
}


#catch_copy dt{
width: 100px;
height: 100px;
}
#catch_copy p{
font-size: 24px;
}


#gallery{
}
#gallery .slider {
max-width: 905px;
}
#gallery .slider .slick-slide p{
font-size: 14px;
}
#gallery .slick-prev, .slick-next {
top: calc((600px - 40px) / 2);
}


#outline .map iframe{
height: 600px;
}


#contact .inner{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#contact dl{
width: 48%;
padding-bottom: 0px;
margin-bottom: 0px;
padding: 40px 0;
border: none;
background-color: #fff;
}
#contact dl dt{
font-size: 20px;
}

#contact dl.tel address .icon img{
height: 40px;
}
#contact dl.tel address a{
font-size: 50px;
}


#member_only{
padding: 60px 0;
}
#member_only ul{
justify-content: flex-start;
}
#member_only ul li{
width: 32%;
margin-left: 2%;
}
#member_only ul li:nth-child(3n-2){
margin-left: 0;
}
#member_only ul li a:hover{
background-color: #e05400;
}




}