@charset 'utf-8';




h2 { width:100%; text-align:center;font-family:  mrsheffield-pro, sans-serif;font-weight: 400;font-style: normal;
font-size:50px; line-height:1.2em;float:left; clear:none; margin:0px 0 0px 0; }
body { font-family: '游明朝体', 'Yu Mincho', YuMincho, "Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif;font-style: normal; font-style: normal; font-weight: normal; font-size: 14px; line-height: 2em; color: #ffd279; letter-spacing:0.1em; background:#000; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }


a	{ text-decoration:none; }
.pc { display:block;}
.sp { display:none;}
h1,
h2,
h3,
h4,
h5,
h6,
dt {
 line-height:1.7;
}
.min { font-family: a-otf-ryumin-pr6n, "Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",yu-mincho-pr6,serif;}
small { font-size:10px; line-height:1.2em; }


/*ヘッダー*/
header { width:100%; height:70px; background-color: rgba( 0, 0, 0, 0.3 );}
header ul { width:100%; }
header ul li { width:auto;float:left; clear:none; line-height:1.7em; }
header ul li strong { width:auto; display:inline;}
header ul li.logo { width:auto; margin:0 0 0 20px; text-align:center; }
header ul li.logo span { font-size:10px; margin:10px 0 0 0; color:#a9a9a9; }
header ul li.logo img { width:150px; }
header strong a{ width:auto; text-align:left; font-size:50px; display:inline-block; font-family: mrsheffield-pro, sans-serif;line-height:1.1em; margin:20px auto 0 10px; color:#ffd279; }
header h1 { width:auto; font-size:11px; color: #a9a9a9; margin:35px 0 0 20px; }
.MB {width:60px; height:70px; padding:5px 0 10px 0; float:right; position:fixed; z-index:500; right:2.5%; top:0; cursor:pointer; }
.MB span { display:block; width:40px; height:1px; margin:30px 0 0 10px; background:#ffd279; overflow:visible; position:relative; transition:0.4s; }
.MB span:before,.MB span:after { content:""; display:block; width:40px; height:1px; background:#ffd279; position:absolute; transition:0.4s; }
.MB span:before { margin:-16px 0 0 0; }
.MB span:after { margin:16px 0 0 0; }
.MB__OPEN span{ background:transparent; }
.MB__OPEN span:before { top:10px; right:6px; transform:rotate(-45deg) translateY(8px); }
.MB__OPEN span:after { top:-11px; left:6px; bottom:auto; transform: rotate(-135deg) translateX(8px); }
.MENUBOX 	{ width:100%; }
.SPMENU	{ width:100%; height:100%; opacity:0; transition:0.4s; margin:0 0 0 -100%; background:rgba(167,144,98,0.9); position:fixed; top:0; left:0; overflow-y:scroll; z-index:5; }
.SPMENU__OPEN	{ opacity:1; transition:0.4s; margin:0; z-index: 200;}
.SPMENU li	{ width:100%; border-top:1px solid #ccc; overflow:hidden; }
.SPMENU li a	{ display:block; padding:15px 5%; font-size:16px; line-height:1.2em; position:relative; }
.SPMENU li span	{ display:block; width:100%; padding:15px 5%; font-size:16px; line-height:1.2em; position:relative; }
.SPMENU li i	{ font-size:12px; position:absolute; right:5%; top:50%; margin:-6px 0 0 0; }
.SPMENU li a {color:#fff; }
.SPMENU li a.SPMENU__CONTACT	{ background:#013426; color:#fff; }
.SPMENU li a.SPMENU__CONTACT i	{ color:#fff; }
.SPMENU__SUB	{ height:auto; position:relative; z-index:4; overflow:hidden; transition:0.4s; }
.SPMENU__SUB li	{ height:0; border:none; transition:0.4s; }
.SPMENU__SUB-OPEN li	{ height:auto; border-top:1px dotted #ddd; transition:0.4s; }
.SPMENU__SUB-OPEN li ul { width:100%; }
.SPMENU__SUB-OPEN li ul li { width:100%; border-top:1px dotted #999; border-bottom:0px; }
.SPMENU__SUB-OPEN li ul li a { padding:15px 5% 15px 10%; }
.SPMENU__SUB li a	{ height:50px; padding:15px 5% 15px 7.5%; font-size:14px; line-height:1.2em; }
.SPMENU__SUB li a.SPMENU__SUB-SUB { padding:15px 5% 15px 10%; }
.header_in_link { display:none; }


/*フッター*/
footer { width:100%; border-top:1px solid #ffd279; margin:50px 0 0 0; float:left; clear:none; padding:10px 0; }
.footer_in { width:1080px; margin:0 auto; text-align:center; position:relative; }
.footer_in strong a { width:100%; text-align:center; font-size:50px; display:inline-block; margin:0px 0 0 0; color:#ffd279; }
.footer_in span { font-size:9px; }
.footer_in img { width:250px; }
.footer_in .footer_in_link　{ width:400px; float:right; clear:none; }
.footer_in_link li { width:auto; float:left; clear:none; margin:0 20px 0 0; }
.footer_in_link li a:link { font-size:11px; }
.footer_in_link li a:hover { font-size:11px; text-decoration: underline;}
footer .company { width:100%; text-align:center; }



/*コンテンツ*/
.contents_wrap { width:100%; }
.top_wrap { width:100%; margin-bottom:50px; position:relative; }
.top_wrap h1 { position:absolute; top:0; left:5%; }
.top { width:100%;}
.contents { width:1080px; margin:0 auto; }
h2 img { width:20%; }
h2 span { width:100%; font-size:14px;line-height:1.2em;float:left; clear:none; font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;}
.contents h3 { width:100%; text-align:center; font-size:20px; margin:0 0 30px 0; }
.contents h4 { width:100%; text-align:center; font-size:17px; margin:50px 0 30px 0; }
.contents_lead { width:100%; text-align:center; margin-bottom:50px; }
.contents_image { width:100%; margin:0 0 50px 0;}

a { color: #ffd279;display: inline-block;text-decoration: none;font-family: "Libre Baskerville", serif;background-repeat: no-repeat;transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;margin:0px 0 0 0;}

.button a { background:#ffd279; color:#fff;}
.button  a:hover {color: #fff;}
.button  a:hover:before, .button a:hover:after {background-color: #ffd279;}
.button  a:hover:before {right: 18px;}
.button a:hover:after { right: 19px;width: 81px;}
.button a:before, .button  a:after {display: block;content: "";position: absolute;top: 44%;background-color: #ffd279;transition: all .35s;}
.button  a:before {height: 1px; width: 12px;right: 28px;transform: rotate(45deg);}
.button  a:after {height: 1px;width: 71px;right: 29px;margin-top: 4px;}
.button  a:link { color:#ffd279; }
.button  a:visited { color:#ffd279; }
.stickarrow {width: 40px;height: 8px;border-bottom: 1px solid #000;border-right: 1px solid #000;transform: skew(45deg);display:inline-block }

/*リンクボタン*/
.linkbutton { width:250px; margin:20px 0 0 0; }
.linkbutton:link { background:#ffd279; color:#000; text-align:center; padding:10px 0; }
.linkbutton:visited { background:#ffd279; color:#000; text-align:center; }
.linkbutton:hover { opacity:0.7; }


/*問い合わせ*/
.contact_wrap { width:800px; height:160px; margin:50px auto 0 auto; border:0px solid #ffd279; display:block; padding:30px 0;  }
.contact_wrap .contact　{ width:99%; display:flex; justify-content:space-between; margin:0 auto;  }
.contact_wrap strong { width:100%; text-align:center; display:inline-block; margin:0 0 20px 0; }
.contact_wrap .contact li { width:30%; background:#ffd279; line-height:50px; color:#000; margin:0 1.5%; float:left; clear:none; }
.contact_wrap .contact .contact_tel { width:30%; background:none; line-height:50px; color:#ffd279; margin:0 1.5%; float:left; clear:none;font-size:28px; align-items: center;text-align:center;  }
.contact_wrap .contact .contact_tel  img { height:25px; margin:15px 10px 0 0; }
.contact_wrap .contact .contact_tel_sp { display:none; }
.contact_wrap .contact li a { width:100%; margin:0; padding:0; display:flex; align-items: center;text-align:center; }
.contact_wrap .contact li a:link { color:#000; }
.contact_wrap .contact li a:visited { color:#000; }
.contact_wrap .contact li a img { height:30px; margin:5px 10px 0px 50px ; }
.contact_wrap .contact li small { float:left; clear:none; }


/*トップページ*/
.contents_item { width:100%; height:auto; margin:0 0 100px 0; float:left; clear:none; }
.contents_item li { width:48%; height:auto; margin:0 1%; float:left; clear:none;  }
.contents_item li.right { width:48%; height:auto; margin:0 1%; float:right; clear:none;  }
.contents_item li .li_image { width:100%; }
.contents_item li .waku{
	background: none;
	border: 1px solid #ffd279;	/* 線の太さ・種類・色 */
	margin: 10px 10px 10px 10px; /* 外側の余白 */
	padding: 30px; /* 内側の余白 */
	position: relative;
}
.contents_item li .waku:after{
	background: none;
	border: 1px solid #ffd279;	/* 線の太さ・種類・色 */
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 100%;
	height: 100%;
	z-index: -1;
}




/*コンテンツ_ランドプラン*/
.contents__image2 { width:100%; display:flex; margin:50px auto 50px auto; justify-content: space-between;}
.contents__image2 li { width:50%; flex-basis: auto; }
.contents__image2 li img { width:100%; }
.contents_landplan { width:40%; margin:0 30% 100px 30%; float:left; clear:none; }

/*コンテンツ_プラン*/


/*コンテンツ_立地環境*/
.contents_shisetsu { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:0 0 50px 0;}
.contents_shisetsu li { width:32%; margin:0 0 30px 0; }
.contents_shisetsu li img { width:100%; }
.h4_map { width:100%; text-align:center; font-size: 17px; margin:50px 0 10px 0; }
.map_caution { width:100%; text-align:right; }
.map_caution:link { text-decoration:underline; }
.map_caution:hover { text-decoration:none; }


/*コンテンツ_物件概要*/
.contents_in　{  }
.contents_in dl { width:80%; border-bottom:1px solid #ffd279; display:flex; margin:0 auto;  padding:10px 0; }
.contents_in dt { width:30%; }
.contents_in dd { width:70%;  }
.contents_in dd a:link { font-size:12px; margin:0; padding:0; }
.contents_in dd a:hover { text-decoration:underline; }
.contents_in .caution { width:80%; margin:0 auto; font-size:12px; text-align:right; }


/*固定の問い合わせ*/
.contact_sp_wrap { display:none; }




@media screen and (max-width: 740px){
.pc { display:none;}
.sp { display:inline-block;}
header { width:100%; height:100px; background-color: rgba( 0, 0, 0, 0.3 );}
header ul { width:100%; }
header ul li { width:100%; }
header h1 { width:95%; margin:0 0 10px 2.5%; line-height:1.7em;}
.contents { width:90%; margin:0 auto; }
.contents_in dl { width:100%; }
.footer_in { width:90%; margin:0 auto 80px 5%; }
.contents_item { flex-wrap:wrap;  }
.contents_item li { width:100%; height:auto; margin:0%; float:left; clear:none;  }
.contents_item li.right { width:100%; height:auto; margin:0%; float:right; clear:none;  }
.contact_wrap .contact li { width:80%; background:#ffd279; line-height:50px; color:#000; margin:0 10% 20px 10%; float:left; clear:none; }
.SHEET	{ width:90%; margin:0 auto 0 5%; text-align:left; position:relative; }
.contents_landplan { width:100%; margin:0 0% 50px 0%; float:left; clear:none; }
.contact_wrap { width:95%; height:auto; margin:50px 2.5% 0 2.5%; border:1px solid #ffd279; display:block; padding:30px 0; float:left; clear:none;
display:none; }
.contact_wrap .contact li a { width:80%; margin:0 10%; padding:0; display:flex; align-items: center;text-align:center; }
.contact_wrap .contact .contact_tel {display:none; }
.contact_wrap .contact .contact_tel_sp { width:80%; background:none; line-height:50px; color:#ffd279; margin:0 10%; float:left; clear:none;font-size:28px; align-items: center;text-align:center;  display:inline-block; }
.contact_wrap .contact li a img { margin:5px 0px 0px 50px ; }
h2 img { width:50%; }


/*固定の問い合わせ*/
.contact_sp_wrap { width:100%; position:fixed; bottom:0; left:0; z-index:100; display:block; }
.contact_sp　{ width:100%; position:fixed; bottom:0; left:0; z-index:100; }
.contact_sp li { width:33.3333%; height:70px; text-align:center; border:1px solid #ffd279; float:left; clear:none; background-color: rgba(0,0,0,0.8);}
.contact_sp li a { height:100%; }
.contact_sp li span { width:100%; float:left; clear:none;text-align:center; font-size:10px; margin:0; line-height:1.2em; }
.contact_sp li img { width:25%; margin:10px 0 5px 0; }
.contact_sp li.contact_sp_tel { width:50%; background:text-align:center; }


/*ランドプラン*/
.contents__image2 li { width:50%; flex-basis: auto; }

/*ロケーション*/
.contents_shisetsu li { width:100%; margin:0 0 30px 0; }
.contents_shisetsu li img { width:100%; margin:0 0 0px 0; }




}



@media screen and (min-width: 420px) and ( max-width:740px){


}