@charset "utf-8";

/* 全体 */
.detail_wrap{width: 100vw;margin: 0 auto;}
.contents_detail{padding: 50px 0;width: 90vw;margin: 0 auto;}
.section_title_en{margin-top: 0px;}
.section_title.bgtext{margin-bottom: 20px;}
small {line-height: 20px;}
@media (min-width:768px) {
.section_title_ja.center {line-height: 4;}
}

@media (min-width:900px) {
    .detail_wrap{width: min(55vw,800px); margin:0 auto; }
    .contents_bg_basic{background-color: white;}
    .contents_bg{width: min(55vw,800px);margin: 0 auto;}
    .contents_detail{width: min(55vw,800px);margin: initial;padding: 50px 0 0px 0;}
    .contents_detail .h2_detail{margin-bottom: 0;display: initial;}
    .h2_detail .section_title_en.is-inview{display: none;}
    .h2_detail .section_title_ja.center{color: #004680;text-align: left;line-height: 40px;margin-bottom: 20px;}
    .h2_detail .section_title_ja {position: relative;padding-left: 0.8em;}
    .h2_detail .section_title_ja::before {content: "";position: absolute;left: 0; top: 8px;width: 0.25em;height: 1.1em;background-color: #004680;border-radius: 0;}
    .detail_pc{width: min(90vw,1320px);display: flex;flex-direction: row-reverse;justify-content: space-between;margin: 0 auto;margin-bottom: 80px;}
    .detail_left{width: min(55vw,800px);}
}

/* ハート */
.detail_titles .favo_detail{width: 54px;height: 54px;color: #bbb;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: color .2s ease;position: absolute;
z-index: 10;pointer-events: auto;border: 1px solid #bbb;background: #fff;border-radius: 50%;}
.detail_titles .favo-icon {width: 30px;height: 30px;}
.detail_titles .favo.active {color: #FF4D4F;}
.detail_titles .favo_detail{top: 95px;right: 5vw;}
@media (min-width:900px) {
    .detail_titles .favo_detail{top: 10px;right: 16px;}
}


/* タイトル周り */
.tags{display: flex;flex-direction: row;}
.tag{padding: 0 15px;color: white;margin-right: 10px;font-size: 14px;line-height: 25px;font-weight: bold;}
.tag_new{background: #FC5942;}
.tag_nhouse{background:#A4E240;}
.detail_titles{width: 90vw;margin: 0 auto;margin-top: 25px;}
.detail_titles_name{font-size: 28px;font-weight: bold;margin-top: 10px;line-height: 1.5;}
.detail_titles_price{margin: 10px 0 20px 0;}
.detail_titles_price span{font-size: 36px;font-weight: bold;}
.detail_right_pc{display: none;}
@media (min-width:768px) {
    .detail_titles{margin-top: 100px;margin-bottom: 30px;}
}
@media (min-width:900px) {
    .detail_right_pc{display: block;}
    .detail_titles{width: min(90vw,1320px); margin: 0 auto;margin-bottom: 40px;margin-top: 80px;position: relative;}
    .detail_titles_name{font-size: 36px;letter-spacing: 0.066em;margin-top: 20px;}
    .detail_titles_price{margin: 20px 0;}
}


/* ローンシミュレーション（トップ） */
.loan_top_back_sp{width: 90vw;margin: 0 auto;}
.loan_top_back{background-color: #EDF5FD;margin-bottom: 20px;}
.loan_top{width: 90%;margin: 0px auto;padding: 20px 0;}
.loan_top_price_wrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.loan_top_price{font-size: 28px;font-weight: bold;color: #004680;}
.loan_top_price small{font-size: 18px;color: #222;}
.loan_top_price_text{line-height: 25px;}
.loan_top_price_text_l{font-size: 18px;font-weight: bold;}
.loan_top_price_text_s{font-size: 13px;}
.loan_top_attention{font-size: 14px;color: #999;line-height: 20px;margin: 9px 0;}
.loan_top_button_wrap .loan_top_button{margin: 0;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

@media (min-width:768px) {
    .loan_top_button_wrap{text-align: center;margin-top: 20px;}
    }
@media (min-width:900px) {
    .loan_top_back.loan_top_back_sp{display: none;}
    .loan_top{width: 80%;}
    .loan_top_price{font-size: 30px;}
    .loan_top_price_text_s{font-size: 14px;}
    .loan_top_price_wrap{flex-direction: column;align-items: flex-start;text-align: left;} 
}
@media (min-width:1300px) {
        .loan_top_price_wrap{flex-direction: row;align-items: initial;} 

}


/* オープンハウス */
.detail_open_back{background:#EDF5FD;padding: 7vw 5vw;margin-bottom: 20px;}
.detail_open_title{font-size: 20px;color: #004680;font-weight: bold;}
.detail_open_wrap{width: 80vw;margin: 0 auto;}
.detail_open_detail{margin: 15px 0;}
@media (min-width:900px) {
    .detail_open_back{display: flex;flex-direction: row;padding: 20px 5vw;align-items: center;margin-top: 30px;margin-bottom: 30px;}
    .detail_open_detail{margin-bottom: 0;}
}


/* 物件写真と物件概要 */
.detail_photoes{margin-bottom: 20px;}
.detail_photoes img{width: 100%;}
.detail_outline_copy{font-weight: bold;width: 90vw;margin: 0 auto;margin-bottom: 20px;line-height: 1.4;}
.detail_outline_wrap ul{width: 90vw;}
.detail_outline_wrap ul li{border-bottom: 1px solid#DADADA;padding: 13px 0;}
.detail_outline{margin: 0 auto;}
.detail_outline tr{display: flex;flex-direction: row;width: 90vw;border-bottom: 1px solid #DADADA;}
.detail_outline th{width: 20vw;border: 2px solid #fff;padding: 10px 0px;font-weight: bold;text-align: center;text-align: left;color: #004680;}
.detail_outline td {width: 90vw;border: 2px solid #fff;padding: 10px 15px;t}
.detail_outline a{color: #2CB6F7;display: inline-block;width: 100%;}
.detail_outline a:hover{text-decoration: underline;}
.detail_outline td.outline_last{font-size: 15px;padding: 10px 5px;text-align: justify;}
@media (min-width:900px) {
    .detail_right{width: min(30vw,450px);}
    .detail_outline_wrap{margin-bottom: 40px;}
    .detail_outline_wrap ul{width: 100%;}
    .detail_outline_copy{font-size: 24px;margin-bottom: 20px;width: auto;line-height: 1.5;}
    .detail_outline{width: min(30vw,450px);}
    .detail_outline th{width:100px;background-color: white;padding: 10px 0px;}
    .detail_outline td{width:350px;padding: 10px 20px;}
    .detail_outline td.outline_last{width:450px;}
    .detail_outline tr{width:min(30vw,450px);flex-direction: row;}
    .detail_outline td.outline_last{font-size: 16px;}
}


/* スライド */
.detail_wrap .sliderArea{margin-bottom: 40px;}
.sliderArea .sliderArea {width: 100%; margin: 0 auto; padding: 0;}
.sliderArea .sliderArea.w300 {max-width: 300px;}
.sliderArea .slick-slide {margin: 0; transition: all ease-in-out .3s; opacity: .2;}
.sliderArea .slick-slide img {width: 100%;aspect-ratio: 3 / 2;display: block;background-color: #fafafa;object-fit: contain;}
.sliderArea .slick-active, .slick-current {opacity: 1;}
.sliderArea .thumb {width: 90%;aspect-ratio: 3 / 2;height: auto;border: 1px solid #DADADA;margin: 0 auto;margin-bottom: 20px;}
.sliderArea .thumb .slick-slide {cursor: pointer;}
.sliderArea .slider_thumb {width: 90%;
margin: 0 auto;}
.sliderArea .slider_thumb .slick-slide {padding: 0 2px;cursor: pointer;margin-right: 10px;}
.sliderArea .slider_thumb .slick-slide:hover{opacity: 0.6;}
.sliderArea .slick-track{padding-bottom: 0;}
.sliderArea .thumb .slick-list{background-color: rgba(0,0,0,0.6);}
@media (min-width:900px) {
    .sliderArea .slick-list{background-color: initial;}

}


/* slick が初期化されるまで隠す */
.thumb,.slider_thumb {opacity: 0;transition: opacity .3s;}
.thumb.slick-initialized,.slider_thumb.slick-initialized {opacity: 1;}


/* スライド：メインスライド矢印 */
.sliderArea .slider_thumb.slick-slider .slick-prev,
.sliderArea .slider_thumb.slick-slider .slick-next {width: 50px; height: 50px; background: #fff; border: 2px solid #007BFF; border-radius: 50%; z-index: 10;}
.sliderArea .slider_thumb.slick-slider .slick-prev:hover:before,
.sliderArea .slider_thumb.slick-slider .slick-next:hover:before,
.sliderArea .slider_thumb.slick-slider .slick-prev:focus:before,
.sliderArea .slider_thumb.slick-slider .slick-next:focus:before {color: #fff; transition: color 0.3s;}
.sliderArea .slider_thumb.slick-slider .slick-prev:hover,
.sliderArea .slider_thumb.slick-slider .slick-next:hover {background: #007BFF; transition: background 0.3s;}
.sliderArea .slider_thumb.slick-slider .slick-prev {left: -10px;}
.sliderArea .slider_thumb.slick-slider .slick-next {right: -10px;}

/* スライド：サムネイル矢印非表示 */
.sliderArea .slick-prev { background-image: url('/img/buy/show/arrow-left.svg'); background-size: cover;width: 40px;height: 40px;z-index: 1;left: -3vw;} 
.sliderArea .slick-prev:hover { background-image: url('/img/buy/show/arrow-left_hover.svg');background-size: cover;width: 40px;height: 40px;z-index: 1;} 
.sliderArea .slick-next { background-image: url('/img/buy/show/arrow-right.svg'); background-size: cover;width: 40px;height: 40px;z-index: 1;right: -3vw;}
.sliderArea .slick-next:hover { background-image: url('/img/buy/show/arrow-right_hover.svg');background-size: cover;width: 40px;height: 40px;z-index: 1;} 

/* スライド：PC横幅固定 */
@media (min-width:1200px) {
    .sliderArea {width: min(55vw,800px); margin: 0 auto; padding: 0;}
    .sliderArea .thumb{height: auto;}
}
/* スライド：スマホ・PC縦幅調整 */
.sliderArea .thumb .slick-slide{position: relative;}
.sliderArea .thumb .slick-slide p {bottom: 0;font-size: 14px;letter-spacing: 0;color: white;width: 100%;line-height: 1.3;padding: 5px 15px 10px 15px;display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 5px;align-items: center;text-align: justify;}
.sliderArea .thumb .slick-slide span{font-size: 16px;margin-left: auto;}
.sliderArea .noimage img{object-fit: cover;}
.sliderArea .slider_thumb .slick-slide{border: 2px solid #DADADA;}
.slider_thumb .slick-slide.slick-current {  border: 2px solid #28a745;}

@media (min-width:900px) {
    .sliderArea .thumb .slick-slide p {position: absolute;flex-direction: row;}
    .sliderArea .thumb{width: 100%;}
    .sliderArea .slider_thumb{width: 100%;}
    .sliderArea .slick-prev {left: -22px;}
    .sliderArea .slick-next {right: -22px;}
    .sliderArea .thumb .slick-slide p{gap: 2vw;background-color: rgba(0,0,0,0.6);}
}



/* 動画と360度画像の切り替えタブ */
.tabs { width: 100%; font-family: sans-serif; margin: 50px 0 20px 0;}
.tab-buttons { display: flex; border-bottom: 2px solid #DADADA; }
.tab-button { flex: 1; padding: 10px 15px; cursor: pointer; background: none; border: none; border-bottom: 2px solid transparent; transition: all 0.3s; font-size: 16px; }
.tab-button.active { border-bottom-color: #FC5942; font-weight: bold; }
.tab-contents { padding: 15px 0; border-top: none; width: 90vw;margin: 0 auto;}
.tab-content { display: none; }
.tab-content.active { display: block; }
.youtube{width: 90vw;height: 230px;}
.theta{width: 90vw;height: 230px;}
@media (min-width:768px) {
    .youtube {height: 400px;}
    .theta {height: 400px;}

}
@media (min-width:900px) {
    .tabs{background-color: #F5F5F5;padding: 30px;}
    .tab-contents{display: flex;justify-content: center;width: auto;}
    .youtube {width: 100%;height: 400px;}
    .theta {width: 100%;height: 400px;}
    .tab-content{width: 100%;}
    .detail_map_tab{display: flex;flex-direction: column-reverse;margin-top: 80px;}
}

/* 地図 */
.map{height: 240px;border: none;width: 90vw;}
.detail_map {width: 90vw;margin: 30px auto;}
.detail_map small{line-height: 1.6;margin-top: 5px;}
@media (min-width:900px) {
.map{width: min(55vw,800px);height: 400px;border: none;}
.detail_map {margin-top: 0;width: 100%;}
}


/* お問い合わせ */
.detail_contact_sp{width: 90vw;margin: 0 auto;}
.button_form_frame:hover{background: #E1F6FC;}
.detail_contact_wrap{width: 76vw;margin: 0 auto;padding: 20px 0 10px 0;margin-bottom: 0px;}
.detail_contact_title{font-size: 21px;font-weight: bold;color: #004680;line-height: 1.5;border-bottom: 1px solid #DADADA;padding-bottom: 15px;margin-bottom: 20px;}
.detail_contact_title br{display: none;}
.detail_contact_img{width: min(26vw,380px);margin-top: 15px;}
.detail_contact_img img{width: 100%;}
.detail_contact_content{margin-bottom: 20px;}
.detail_contact_content_text{font-size: 18px;font-weight: bold;margin-bottom: 10px;position: relative;font-weight: bold;padding: 0 0 0 .8em;}
.detail_contact_content_text:before {position: absolute;background-color: #2CB6F7;content: "";left: 0%;top: 4%;bottom: 10%;width: 6px;height: 27px;}
.button_tel_nm{font-size: min(2.3vw,34px);}
.detail_contact_content .button_form_bg{margin: 5px auto;}
@media (min-width:900px) {
    .detail_contact_title br{display: block;}
    .detail_contact_sp{display: none;}
    .detail_contact_wrap{width: min(25vw,350px);padding: 30px 0 20px 0;}
    .detail_contact_title{font-size: 24px;font-size: min(1.8vw,24px);}
    .detail_contact_content{margin-bottom: 30px;}
    .detail_contact_content .button_form_bg{margin: 15px auto;}
}


/* スマホお問い合わせ */
.button .favo{border: none;background: initial;margin: 0 5% 0 0;}
.button .favo-icon {width: 50px;height: 50px;}
.button_text {pointer-events: none;}
.button {display: inline-flex;align-items: center;cursor: pointer;text-decoration: none;}
.button .favo {margin-right: 22px;}
.button_text {pointer-events: none;}
@media (min-width:768px) {
   .button { width: min(100%, 350px);}
}


/* スタッフおすすめポイント */
.point_staff{display: flex;flex-direction: row;align-items: center;}
.point_text{margin-bottom: 20px;text-align: justify;}
.point_staff_name{font-weight: bold;margin: 6px 0;}
.point_staff_img{width: 175px;margin-right: 20px;height: 130px;overflow: hidden;}
.point_staff_img img{width: 100%;}
.point_staff_link:hover{text-decoration: underline;cursor: pointer;}
@media (min-width:900px) {
.point_wrap{display: flex;flex-direction: row-reverse;}
.point_staff{flex-direction: column;align-items: initial;}
.point_staff_img{width: 14vw;height: 10vw;}
}


/* 物件詳細 */
.bukken_detail tr{display: flex;flex-direction: column;width: 100vw;}
.bukken_detail th{width: 90vw;border: 2px solid #fff;padding: 5px 15px;background-color: #EDF5FD;font-weight: bold;text-align: center;text-align: left;}
.bukken_detail td {width: 90vw;border: 2px solid #fff;padding: 5px 1em;}
.bukken_detail a{color: #2CB6F7;display: inline-block;width: 100%;}
.bukken_detail a:hover{text-decoration: underline;}
@media (min-width:900px) {
.bukken_detail th{width: min(12vw,200px);background-color: white;padding: 10px;}
.bukken_detail td{width: min(70vw,600px);padding: 10px;}
.bukken_detail tr{width: min(55vw,800px);flex-direction: row;border-bottom: 1px solid #DADADA;}
.contents_detail small{margin-top: 20px;line-height: 2;}
}


/* ローンシミュレーション */
.loan_wrap{margin: 0 0 30px 0;}
.loan_input{display: flex;flex-direction: row;border-bottom: 1px solid #DADADA;padding: 15px 2vw;align-items: center;}
.loan_input_title{width: 40vw;}
.loan_input select{width: 45vw;}
.loan_input_selectbox {display: inline-flex;align-items: center;position: relative; }
.loan_input_selectbox::after {position: absolute;right: 15px;width: 10px;height: 7px;background-color: #535353;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';pointer-events: none;}
.loan_input_selectbox select {appearance: none;height: 45px;padding: 5px 1vw 5px 4vw;border: 1px solid #DADADA;border-radius: 3px;background-color: #fff;color: #333333;font-size: 16px;cursor: pointer;}
.loan_input_number{width: 45vw;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.loan_input_number input {width: 35vw;border: 1px solid #DADADA;padding: 5px 1vw 5px 4vw;background-color: white;border-radius: 3px;height: 45px;}
.loan_simulate_wrap{width: 90vw;margin-top: 40px;}
.loan_simulate_wrap small{text-align: justify;  margin-top: 15px;line-height: 1.5;}
.loan_simulate_title{background-color: #004680;color: white;text-align: center;padding: 8px 0;font-weight: bold;}
.loan_simulate{background-color: white;padding: 20px 0 10px 0;border: 2px solid #004680;}
.loan_prices{width: 70vw;display: flex;margin: 0 auto;margin-bottom: 10px;justify-content: space-between;font-weight: bold;}
.loan_price strong{font-size:30px;font-weight: bold; color: #004680;}
.loan_button{text-align: center;}
@media (min-width:900px) {
    .loan_text{margin-bottom: 30px;}
    .loan_wrap_back{background-color: #EDF5FD;padding: 40px 0;}
    .loan_wrap_back input{margin: 0 auto;}
    .loan_wrap{width: min(55vw,750px);display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 auto;margin-bottom: 25px;}
    .loan_input{border-bottom: none;width: min(27vw,375px);padding: 15px 20px;}
    .loan_input_title{width: min(11vw,140px);}
    .loan_input_selectbox{width: min(13vw,200px);}
    .loan_input_selectbox select{padding: 5px 1vw 5px 1vw;}
    .loan_input_number{width: min(13vw,200px);}
    .loan_input_number input{width: min(9vw,155px);padding: 5px 1vw 5px 1vw;}
    .loan_simulate_wrap{width: min(55vw,800px);margin-top: 30px;}
    .loan_simulate{display: flex;flex-direction: row;border: 3px solid #004680;}
    .loan_price_title{margin-right: 20px;}
    .loan_prices{width: initial;align-items: center;}
    .triangle_wrap{text-align: center;margin-top: 30px;}
    .triangle-down{width: 30px;height: 20px;background: #004680;clip-path: polygon(0 0, 100% 0, 50% 100%);display: inline-block;margin: 0px 10px;}
}


/* 周辺施設 */
.facility_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.facility{width: 43vw;margin-bottom: 40px;}
.facility_img{width: 43vw;height: 32vw;overflow: hidden;}
.facility_img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.facility_text{text-align: justify;font-size: 14px;line-height: 1.5;margin-top: 14px;}
.facility_text strong{margin: 10px 0 5px 0;}
.facility_text_mini{line-height: 1.6;font-size: 14px;letter-spacing: 0.01em;}
.facility_minutes{margin-top: 10px;font-size: 14px;}
@media (min-width:900px) {
.facility{width: min(17vw,250px);}
.facility_img {width: 100%;height: 12vw;overflow: hidden;}
.facility_wrap{justify-content: flex-start;gap: min(1.5vw,25px);}
}



/* 店舗情報 */
.shop_link{display: inline-block;}
.shop_link:hover{opacity: 0.7;}
.shop_contents_detail{padding: 0px 0 40px 0;}
.shop_wrap{width: 90vw;padding-bottom: 40px;}
.shop_img {width: 80vw;margin: 0 auto;padding-top: 20px;}
.shop_img img{width: 100%;}
.shop_text{width: 80vw;margin: 0 auto;}
.shop_text th{text-align: left;width: 20vw;font-size: 15px;}
.shop_text td{width: 60vw;font-size: 15px;}
.detail_shop_name{font-size: 20px;font-weight: bold;margin: 10px 0;}
@media (min-width:768px) {
    .shop_wrap_contents{display: flex;flex-direction: row;align-items: center;margin: 0 auto;gap: 40px;}
    .shop_contents_detail{padding: 50px 0;}
    .shop_img {padding-top: 0;;}
    .shop_wrap{padding: 40px;}

}
@media (min-width:900px) {
.shop_wrap_contents{width: min(50vw,700px);}
.shop_contents_detail{padding-top: 80px 0;}
.shop_wrap{display: flex;flex-direction: row;align-items: center;padding: 30px 0;background-color: #EDF5FD;width: min(55vw,800px);}
.shop_img {width: min(24vw,300px);}
.shop_text {width: min(22vw,350px);}
.shop_text th{width: 18vw;}
.detail_name{margin-bottom: 20px;}
}

/* 物件スライド */
.contents_bg_excursion.newestate{padding-top: 30px!important;}
.section_title_ja br{display: block;}
@media (min-width:900px) {
    .contents_bg_excursion.newestate{padding-top: 80px!important;}
    .section_title_ja br{display: none;}
}


/* スマホ固定お問合せnew */
.detail_footer_wrap{position: fixed;bottom: 0;display: flex;flex-direction: row;z-index: 1;}
.detail_footer_contents{width: 25vw;display: flex;flex-direction: column;align-items: center;padding: 7px 0;}
.detail_footer_wrap a {display: block;}
.detail_footer_wrap a:first-child {background: #FC5942;}
.detail_footer_wrap a:not(:first-child) {background: rgba(0,0,0,0.7);}
.detail_footer_wrap a:nth-child(3) {border-right: 1px solid #fff;border-left: 1px solid #fff;}
.detail_footer_img{width: 40px;height: 30px;}
.detail_footer_img img{width: 100%;height: 100%;}
.detail_footer_text{font-size: 14px;font-weight: bold;color: white;}
@media (min-width:900px) {
.detail_footer_wrap{display: none;}
}



/* ログイン */
.kaiin_wrap{width: 90vw;margin:0 auto;padding: 80px 0;}
.kaiin_wrap_title{color:#004680;font-weight:bold;font-size: 28px;line-height: 1.5;text-align: center;}
.kaiin_wrap_text{text-align: center;padding: 40px 0;}
.kaiin_wrap_button{display: flex;gap: 20px;justify-content: center;flex-direction: column;}
@media (min-width:900px) {
    .kaiin_wrap{width: min(90vw,1320px);}
    .kaiin_wrap_button{flex-direction: row;}
    .kaiin_wrap_title{font-size: 32px;}
    .kaiin_wrap .button{margin: 0;}
}

.sliderArea {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease;
}

.sliderArea.is-ready {
  opacity: 1;
  visibility: visible;
}