@charset "utf-8";

.wrap { background:none; }
.bg1 { background-color:#FED631; background-image:url(../img/bukken_bg1a.png),url(../img/bukken_bg1b.png); background-repeat:no-repeat; background-position:100% 0,0 100%; background-size:auto; position:relative; }
.bg2 { padding: 0 0 200px 0; background-color:#EAEAEA; background-image:url(../img/bukken_bg2a.png),url(../img/bukken_bg2b.png); background-repeat:no-repeat; background-position:100% 0,0 100%; background-size:auto; }
@media screen and (max-width: 740px) {
	.bg1 { background:none; }
	.bg2 { padding:0; background:none; }
}

.taglist { width:100%; margin:30px auto 0 auto; display:flex; justify-content:left; text-align:center; }
.tag { width:150px; margin-right:10px; color:#fff; }
.tag:last-child { margin-right:0; }
.tag_new { width:60px; background:#E05842; }
.tag_nhouse { background:#B3B91B; }
.tag_uhouse { background:#1BABB9; }
.tag_mansion { background:#E58D26; }
.tag_land { background:#E5B800; }
.tag_reform { background:#0A3F67; }
.tag_pd { background:#E05842; }
.tag_chintai { background:#1a5eca; }
@media screen and (max-width: 1120px) {
	.taglist { width:100%; }
}
@media screen and (max-width: 740px) {
	.taglist { margin:0 auto; justify-content:left; font-size:12px; }
	.tag { width:100px; }
	.tag_new { width:50px; }
}

.H1 { width:450px; display:block; }
.bukken_h1 { width:100%; display:block; margin:10px 0 0 0; font-weight:bold; font-size:24px; line-height:1.5; }
@media screen and (max-width: 740px) {
	.H1 { width:100%; }
	.bukken_h1 { font-size:16px; }
}

/*OPEN HOUSE*/
.OHS {width:600px; margin:20px auto; }
.OHS_IMG { width:100px; display:block; margin:0 10px -11px auto; }
.OH {width:100%; padding:20px; background:#0A3F67; border-radius:10px; text-align:center; color:#fff; box-sizing:border-box; }
.OH_TITLE{ font-weight:bold; font-size: 16px; }
.OH_DAY{ font-weight:bold; font-size:16px; }
.OH_TITLE{ font-weight:bold; font-size: 16px; }
.OH_RES{ width:100%; display:block; font-weight:bold; font-size: 16px; }
.OH_COM{ width:100%; display:block; }
@media screen and (max-width: 740px) {
	.OHS {width:100%; margin:-10px auto 0 auto; }
	.OH { padding:10px 0; }
	.OH_TITLE{ display:block; width:100%; }
	.OH_DAY{ display:block; width:100%; font-size:14px; }
}

.detail { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.detail1 { flex-direction:row-reverse; }
.detail2 { flex-direction:row-reverse; }
.detail h2 .h2_img { display:block; height:30px; margin:10px 0; }
@media screen and (max-width: 740px) {
	.detail { display:flex; flex-direction:column; }
	.detail1 { flex-direction:column; }
	.detail2 { flex-direction:column; }
}

/*PHOTO*/
.PHOTO{ width:100%; max-width:570px; margin-top: 30px;}
.swiper { overflow: hidden;}
.swiper-wrapper { width: 100%; height:auto; }
.swiper-slide { color: #ffffff; width: 100%; height: 100%; text-align: center; line-height: 400px; display:flex; justify-content:center; align-items:center; }
.mySwiper2 { height: auto; width: 100%; aspect-ratio: 4 / 3; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; }
.mySwiper { width:570px; height:auto; box-sizing: border-box; padding: 10px 0; }
.mySwiper .swiper-slide { width:auto; aspect-ratio: 4 / 3; opacity: 0.4; line-height: 80px; border:1px solid #ccc; box-sizing:border-box; position:relative; }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.PHOTO .swiper-button-next, .PHOTO .swiper-rtl .swiper-button-prev { width:30px; height:60px; display:block; color:#fff; transition:0.3s; }
.PHOTO .swiper-button-next:hover, .PHOTO .swiper-rtl .swiper-button-prev:hover { color:#999; transition:0.3s; }
.PHOTO .swiper-button-prev, .PHOTO .swiper-rtl .swiper-button-next { width:30px; height:60px; display:block; color:#fff; transition:0.3s; }
.PHOTO .swiper-button-prev:hover, .PHOTO .swiper-rtl .swiper-button-next:hover { color:#999; transition:0.3s; }
.PHOTO .swiper-button-next::after, .PHOTO .swiper-button-prev::after { font-weight:bold; font-size:32px; position: absolute; top: 50%; margin-top: -6px; }
.PHOTO .swiper-button-next::after { left: 50%; margin-left: -2px; }
.PHOTO .swiper-button-prev::after { right: 50%; margin-right: -2px; }
.PHOTO img{ width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto; }
.PHOTO .PHOTO_noimg { display:flex; align-items:center; justify-content:center; background:#d8d8d8; width:100%; aspect-ratio: 5 / 4; font-weight:bold; font-size:24px; }
.PHOTO .PHOTO_noimg img { width:60%; }
.PHOTO_TEXT { width:100%; display:flex; justify-content:space-between; align-items:end; padding:5px 2.5%; background:rgba(0,0,0,0.3); text-align:left; position:absolute; bottom:0; left:0; font-size:14px; line-height:1.2; box-sizing:border-box; }
.PHOTO_COMMENT { margin-right:20px; }
@media screen and (max-width: 740px) {
	.PHOTO{ margin-top: 10px;}
	.mySwiper { width:90vw; }
	.PHOTO_COMMENT { margin-right:10px; line-height:1.2; }
}

@media screen and (max-width: 740px) {
	.INFO_SP { width:100%; }
}
/*EXPLANATION*/
.EXPLANATION{ width:450px; display: flex;flex-direction:column-reverse; margin-bottom: 80px;justify-content: space-between;align-items: flex-end;margin-top: 30px;}
.EXPLANATION_Z { width:100%; display:block;}
.EXPLANATION dd{padding: 8px 0;}
.PRICE strong{font-size: 23px;}
.PRICE{font-size: 17px;}
.EXPLANATION_TEXT{width: 100%;}
.EXPLANATION_TEXT_TITLE{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.EXPLANATION_CONTACTS{display: flex; flex-direction: row; align-items:center; }
.EXPLANATION_CONTACT{display:block; transition:0.3s; }
.EXPLANATION_CONTACT:hover { opacity:0.7; transition:0.3s; }
.EXPLANATION_CONTACT img {display:block; }
.EXPLANATION_FAV{ width:30px; height:25px; margin-left: 15px; }
.EXPLANATION_FAV input { width:100%; height:100%; border:none; cursor:pointer;}
.EXPLANATION_FAV .LINK_BUKKEN { width:100%; height:100%; display:block; background-image:url(../../img/favo.svg); transition:0.3s; }
.EXPLANATION_FAV .LINK_BUKKEN:hover { opacity:0.7; transition:0.3s; }
.EXPLANATION_FAV .LINK_BUKKEN_D { width:100%; height:100%; display:block; background-image:url(../../img/favo_d.svg); transition:0.3s; }
.EXPLANATION_FAV .LINK_BUKKEN_D:hover { opacity:0.7; transition:0.3s; }
.EXPLANATION_FAV:hover{opacity:0.7;}
.EXPLANATION_TABLE_LIST {display: flex;border-top: 1px solid #ccc; font-size: 14px; line-height:1.5; }
.EXPLANATION_TABLE_LIST:last-of-type {border-bottom: 1px solid #ccc;}
.EXPLANATION_TABLE dt{width: 20%; text-align: center; padding: 10px 0;}
.EXPLANATION_TABLE dt span{ display:block; width: 100%;background: #eaeaea;}
.EXPLANATION_TABLE dt i{ display:none;}
.EXPLANATION_TABLE dd{width: 80%;padding-left: 2vw;}
.EXPLANATION_TABLE dd a.gmap{ color:#0A3F67; float:right; }
.EXPLANATION_TABLE dd a:hover{ text-decoration:underline; }
.EXPLANATION_TABLE a i{ margin-right:5px; }
.EXPLANATION_TABLE_OUTLINE {display: flex;border-top: 1px solid #ccc; font-size: 14px}

@media screen and (max-width: 740px) {
	.EXPLANATION{ width:100%; margin-bottom:20px; flex-direction:column; }
	.EXPLANATION_ZUMEN { width:100%; display:block; margin:0; }
	.EXPLANATION_TEXT {width:100%; padding:10px 5%; background:#EBEBEB; box-sizing:border-box; }
	.EXPLANATION_TABLE_LIST{ display:flex; align-items:center; }
	.EXPLANATION_TABLE_LIST dt{width: 20px; padding:8px 0; }
	.EXPLANATION_TABLE_LIST dt span{ display:none;}
	.EXPLANATION_TABLE_LIST dt i{ display:block; color:#0A3F67; font-size:16px; }
	.EXPLANATION_TABLE_LIST dd{width:calc(100% - 20px); }
	.EXPLANATION_TABLE_OUTLINE{ display:flex; align-items:center; }
	.EXPLANATION_TABLE_OUTLINE dt{ width:40px; }
	.EXPLANATION_TABLE_OUTLINE dd{width:calc(100% - 40px); }
}

.ZUMENS { width:450px; height:350px; min-height:300px; display:flex; justify-content:center; align-items:center; margin:30px 0 0; border:1px solid #ccc; box-sizing:border-box; position:relative; transition:0.3s; }
.ZUMENS:hover { opacity:0.7; transition:0.3s; }
.ZUMEN { width:auto; max-width:100%; height:100%; margin:0 auto; }
.EXPAND { width:16px; position:absolute; bottom:10px; right:10px; }
@media screen and (max-width: 740px) {
	.ZUMENS { width:100%; margin:0; height: auto;}
	.ZUMEN { }
}

.map { width:100%; max-width:570px; display:block; margin:30px 0 0 0; }
.map iframe { width:100%; height:300px; }
.map a.gmap { width:100%; margin:5px 0 0 0; }
.map a.gmap:hover { text-decoration:underline; }
.map a.gmap i { margin:0 5px 0 0; }
@media screen and (max-width: 740px) {
	.map { width:100%; max-width:570px; display:block; margin:20px 0 0 0; }
}

.point { display:block; width:400px; margin:30px 0 0 0; }
.point p { display:block; width:100%; font-weight:bold; font-size:16px; }
@media screen and (max-width: 740px) {
	.point { width:100%; }
}

.comment { display:block; width:540px; margin:30px 0 0 0; }
.comment_title { display:flex; justify-content:space-between; width:100%; }
.comment_staff { display:flex; justify-content:right; align-items:center; }
.comment_staff img { width:50px; margin-right:10px; display:block; border-radius:50%; }
.comment_staff span { display:block; font-weight:bold; }
.comment p { display:block; width:100%; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 740px) {
	.comment { width:100%; margin-top:20px; }
	.comment_title { flex-direction:column; }
	.comment_staff { justify-content:left; }
}

h2.h2_one { width:100%; display:block; margin:50px 0 0 0; border-bottom:1px solid #000; font-weight:bold; font-size:16px; }
h2.h2_one img { width:100px; margin:0 10px -10px 5px; position: relative; z-index:10; }
@media screen and (max-width: 740px) {
	h2.h2_one { cursor:pointer; margin:20px 0 0 0; }
	h2.h2_one img { width:75px; margin:0 10px -7px 5px; }
	h2.h2_one span { margin:0 0 0 10px; }
	h2.close span i { transform:rotate(180deg); }
}

/*OUTLINE*/
.BUKKEN_ILL{ width:200px; position:absolute; bottom:0; right:0; z-index:5; }
.OUTLINE{margin-bottom: 80px;box-sizing: border-box; font-size: 14px; overflow:visible; position:relative; }
.WRAP_LIST {width: 100%; display: flex; border-bottom: solid #ccc 1px;}
.WRAP_LIST dt {width: 150px; padding: 8px 0 8px 2vw; background: #F6F6F6; font-weight: 100; text-align: left; box-sizing: border-box;}
.WRAP_LIST dd {width: calc(100% - 150px); padding: 8px 0 8px 2vw; background:#fff; text-align: justify; box-sizing: border-box;}
.WRAP_LIST dd .ACCESS span { display:block; }
.WRAP_LIST_AREA { margin-left:10px; color:#0A3F67; }
.WRAP_LIST_AREA:hover { text-decoration:underline; }
.TABLE_WRAP {display: flex; flex-wrap: wrap;}
.WRAP_LIST_50 {width: 50%; display: flex;}
.WRAP_LIST_50:nth-child(2n+1):last-child {width: 100%}
.WRAP_LIST_50 dt {width: 150px;}
.WRAP_LIST_50 dd {width: calc(100% - 150px);}
@media screen and (max-width: 740px) {
	.WRAP_LONG {flex-direction:column;}
	.WRAP_LONG dt {width:100%;}
	.WRAP_LONG dd {width:100%;}
	.WRAP_LIST_50 {width: 100%; line-height:1.2;}
	.WRAP_LIST dd span { display:block; width:100%; }
	.WRAP_LIST_AREA { display:block; margin-left:0; }
	.WRAP_LIST {line-height:1.2;}
}

/*周辺施設*/
.FACILITY { display:block; }
.FACILITY h3 { width:100%; display:block; margin:30px 0 0 0; font-weight:bold; font-size:16px; }
.FACILITY ul { display:flex; flex-wrap:wrap; }
.FACILITY li { width:250px; margin:10px 26px 0 0; }
.FACILITY li:nth-child(4n) { margin-right:0; }
.facility_img { display:block; width:100%; }
.facility_noimg { display:flex; align-items:center; justify-content:center; background:#d8d8d8; width:100%; aspect-ratio: 5 / 4; font-weight:bold; font-size:24px; }
.facility_noimg img { width:80%; }

.facility_link { width:100%; height:35px; margin:5px 0 0 0; display:flex; justify-content:center; align-items:center; border:2px solid #0A3F67; border-radius:10px; color:#0A3F67; font-weight:bold; line-height:35px; transition:0.3s; box-sizing:border-box; }
.facility_link:hover { opacity:0.7; transition:0.3s; }
.facility_link i { margin:0 0 0 10px; font-size:14px; }
@media screen and (max-width: 1120px) {
	.FACILITY li { width:22.5%; margin-right:3.3%; }
}
@media screen and (max-width: 740px) {
	.FACILITY li { width:47.5%; margin:10px 5% 10px 0; line-height:1.5; }
	.FACILITY li:nth-child(2n) { margin-right:0; }
}

/*お客様の声*/
.VOICES { width:100%; display:block; }
.VOICE { width:100%; display:block; margin:30px 0 0 0; padding:30px 50px; background:#fff; border-radius:20px; box-sizing:border-box; }
.VOICE h3 { width:100%; display:flex; justify-content:left; align-items:center; font-weight:bold; font-size:16px; }
.VOICE h3 img { width:45px; margin:0 10px 0 0; }
.VOICE h3 span { margin:0 0 0 10px; font-weight:normal; font-size:14px; }
.VOICE_TEXTS { width:100%; display:flex; justify-content:space-between; align-items:flex-start; }
.VOICE_TEXT { width:47.5%; display:block; }
.VOICE_FACE { display:block; margin:10px 0 0 0; font-weight:bold; font-size:16px; }
.VOICE_FACE i { margin:0 10px 0 0; color:#0A3F67; font-size:20px; }
@media screen and (max-width: 740px) {
	.VOICE { padding:10px 5%; background:#EAEAEA; }
	.VOICE h3 { flex-wrap:wrap; }
	.VOICE h3 span { width:100%; margin:5px 0 0 0; line-height:1.5; }
	.VOICE_TEXTS { flex-direction:column; }
	.VOICE_TEXT { width:100%; }
}

/*STORE*/
.STORE_BACK{background: #F4F5F7;padding: 30px 0;border-radius: 15px;margin-top: 80px; position:relative; }
.STORE_ONE { width:60px; position:absolute; bottom:50px; left:-60px; }
.STORE_WRAP{width: 75vw;margin: 0 auto;display: flex;flex-direction: row;max-width: 1000px;justify-content: space-between;}
.STORE_RIGHT{display: flex;flex-direction: row;width: 55%;}
.STORE_RIGHT_PHOTO {width: 280px;margin-right: 2.5%;}
.STORE_RIGHT_PHOTO img {width: 100%;}
.STORE_RIGHT_MAP{width:260px; }
.STORE_RIGHT_MAP iframe{width: 100%; height:200px; }
.STORE_LEFT{width: 45%;max-width: 400px}
.STORE_LEFT strong{ width:100%; display:block; border-bottom:1px solid #ccc; font-size:18px;}
.STORE_LEFT table{margin-top: 10px;}
.STORE_WRAP tr{border: none;}
.STORE_WRAP th{font-weight: 100;width: 110px;text-align: left;}
.STORE_WRAP td {padding-left: 0px;width: 290px;}
.STORE_RIGHT a{font-size: 13px;letter-spacing: 0;max-width: 500px}
.STORE_RIGHT a i{ margin-right:5px; }
@media screen and (max-width: 740px) {
	.STORE_BACK{ width:95%; padding:20px auto 10px auto; }
	.STORE_ONE { display:none; }
	.STORE_WRAP{flex-direction: column; width: 85vw;}
	.STORE_LEFT {width: 100%;}
	.STORE_LEFT strong{ border-bottom:none;}
	.STORE_PHOTO img { width:100%; }
	.STORE_RIGHT{ width:100%; flex-direction: column; margin-top: 10px;}
	.STORE_RIGHT_MAP{width:100%;margin: 20px 0 10px 0;}
	.STORE_WRAP table{width:100%;font-size: 14px; line-height:1.2em; }
	.STORE_WRAP th{ width: 30%; padding:5px 0 0 0; }
	.STORE_WRAP td{ width: 70%; padding:5px 0 0 0; }
}

/*下部固定ボタン*/
.FIX_BUTTON{position: fixed;bottom: 0;background: rgba(0,0,0,0.2);width: 100vw;padding: 10px 0;text-align: center;z-index: 15;}
.BUTTON_WRAP { display:flex; justify-content:center; align-items:center; }
.FIX_BUTTON .btn {color: #fff;background-color: #D51303; font-weight:bold; font-size: 18px;border-radius: 10px;padding: 10px 40px;display: flex;flex-direction: row;align-items: center;width: 250px;margin: 0px 10px;justify-content: center; transition:0.3s; }
.FIX_BUTTON .btn:hover { opacity:0.7; transition:0.3s; }
.FIX_BUTTON .btn_tel { display:none; }
.FIX_BUTTON .btn img { width:32px; margin:0 10px 0 0; }
@media screen and (max-width: 740px) {
	.FIX_BUTTON .btn { padding:10px 0; }
	.FIX_BUTTON .btn_reserve { display:none; }
	.FIX_BUTTON .btn_mail { margin:0 0 0 10px; }
	.FIX_BUTTON .btn_tel { display:block; }
	.FIX_BUTTON .btn img { width:24px; }
	.FIX_BUTTON .btn i { margin:0 10px 0 0; }
}

@media screen and (max-width: 740px){
	.box {display: none;}
}

.footer { padding-bottom:50px; }

/*販売終了*/
.finish { width:100%; display:block; margin:30px auto 100px auto; padding:50px 0; background:#F8F8F8; border-radius:20px; }
.finish_title { width:100%; display:block; color:#D51303; text-align:center; font-weight:bold; font-size:16px; }
.finish_p { width:100%; display:block; margin:30px 0 0 0; text-align:center; }
.onedy { width:70px; display:block; margin:20px auto; }
.finish_con { display:flex; justify-content:center; }
.finish_con li { width:280px; height:45px; display:block; }
.finish_con li.finish_con_search { margin-right:10px; }
.finish_con li.finish_con_mail { margin-left:10px; }
.finish_con li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; border-radius:10px; font-weight:bold; color:#fff; transition:0.3s; }
.finish_con li a:hover { opacity:0.7; transition:0.3s; }
.finish_con li.finish_con_search a { background:#F65E39; }
.finish_con li.finish_con_mail a { background:#D51303; }
.finish_con li a i { margin:0 5px 0 0; }
.finish_con li a img { margin:0 5px 0 0; }
/*HPに掲載していない物件情報が000件ございます！*/
.check { width:860px; border:2px solid #E05842; display:flex; justify-content: space-between; border-radius: 18px; padding:20px 40px; margin:50px auto 0 auto; background: #fff; box-sizing:border-box; }
.illust_check {height: 135px;}

@media screen and (max-width: 740px){
	/*販売終了*/
	.finish { width:95%; margin:0 auto 100px auto; padding:0; background:none; }
	.finish_con { flex-direction:column; }
	.finish_con li { width:80%; margin:0 auto 10px auto; }
	.finish_con li.finish_con_search { margin-right:auto; }
	.finish_con li.finish_con_mail { margin-left:auto; }
	.check { width:100%; flex-direction:column; padding:20px 5%; margin:20px auto 0 auto; box-sizing:border-box; box-sizing:border-box; }
	.check div:last-child { display:flex; justify-content:right; }
	.illust_check {height: 85px;}
}