@charset "utf-8";

@media screen and (max-width: 1280px){
/*-----WORKS-----*/
.top_works #works_area div.post {
	width: 25%;
}

.top_works #works_area div.post.sp {
	display: none;
}

.top_works #works_area div.post:nth-child(n+9) {
	display: none;
}
}/*1280px*/



@media screen and (max-width: 1000px){
.top_other section .item{
	padding: 0 10px;
}

.top_other section .item a .frm h3{
	background-position: center bottom 15px;
	padding: 20px 15px 50px;
	font-size: 26px;
}

.top_other section .item a .frm h3 span{
	font-size: 14px;
}
}/*1000px*/




@media screen and (max-width: 900px){
.top_other section .item a .frm{
	width: 220px;
}

.top_other section .item a .frm h3,
.top_other section .blog_list .blog a .post h3 {
    font-size: 24px;
    letter-spacing: 0.05em;
}

.top_other section .item a .frm h3 span,
.top_other section .blog_list .blog a .post h3 {
    background-size: 20px 20px;
}

.top_other section .item a .frm h3 span {
	line-height: 1.3;
	font-size: 13px;
}

.top_other section .blog_list .blog a .post .ph {
    width: 160px;
}
}/*900px*/





@media screen and (max-width: 768px){
/*--------------------------------------------------------------------------
	共通部分
--------------------------------------------------------------------------*/

.top_topics h2,
.top_event h2,
.top_other h2 {
	margin: 0 0 10px 0;
	font-size: 30px;
}

	
/*--------------------------------------------------------------------------
	topimg
--------------------------------------------------------------------------*/
#topimg_one {

}
	
#topimg_one .pc {
	display: none;
}


#topimg_one .sp {
	display: block;
}


/*--------------------------------------------------------------------------
	メイン表示部分
--------------------------------------------------------------------------*/

/*TOPICS---------------*/
.top_topics {
	margin: 30px 0 50px 0;
    padding: 0 10px 15px 10px;
}

.top_topics section .entry dl dt {
	margin: 0 0 10px 0;
    display: block;
    width: 100%;
}

.top_topics section .entry dl dt span {
    margin: 0 0 0 10px;
    width: 120px;
    font-size: 11px;
}

.top_topics section .entry dl dd {
    display: block;
    width: 100%;
}


/*イベント情報---------------*/
.top_event {
    margin: 0 auto 50px auto;
}

.top_event section a.entry {
    padding: 20px;
}

.top_event section a.entry .post .info .time div {
    display: block;
	width: 100%;
}

.top_event section a.entry .post .ph,
.top_event section a.entry .post .ph .frm {
    width: 160px;
}

.top_event section a.entry .post .info p.type span {
    padding: 2px 5px 3px 5px;
    font-size: 13px;
    max-width: 200px;
}

.top_event section a.entry .post .info .time div dl {
	margin: 5px 0 0 0;
    font-size: 13px;
}

.top_event section a.entry .post .info h3 {
    margin: 7px 0 10px 0;
    font-size: 18px;
}


/*土地情報---------------*/
.top_land {
	margin: 50px auto 0;
	padding: 0 10px 0;
}


/*CONTENTS---------------*/
.top_land + .top_other,
.top_works + .top_other {
	margin-top: 50px;
}

.top_other section .item {
    margin: 20px 0 0 0;
	padding: 0 10px 0;
	width: 100%;
}

.top_other section .item a {
	background-size: 140px auto;
}

.top_other section .item a .frm {
	width: 100%;
	padding: 0 140px 0 0;
}

.top_other section .item a .frm h3 {
	background-position: right 10px center;
	padding: 30px 40px 30px 10px;
	text-align: left;
}

.top_other section .item a .frm h3 span {
	font-size: 15px;
	display: inline-block;
	padding: 0 0 0 15px;
}

.top_other section .blog_list {
    margin: 40px 0 0 0;
}

.top_other section .blog_list .blog {
    padding: 0 10px;
}

.top_other section .blog_list .blog a .post .ph {
    width: 140px;
}

.top_other section .blog_list .blog a .post h3 {
    padding: 5px 5px 30px 5px;
	background: url(../img/icon_circle01_r.png) no-repeat center bottom 10px;
	background-size: 20px 20px;
}

.top_other section .blog_list .blog .entry {
    font-size: 13px;
}

.top_other section .blog_list .blog .entry a {
    padding: 3px 0 3px 12px;
	background: url(../img/icon_tri01_r.png) no-repeat left 5px;
	background-size: 5px 11px;
}
	
.top_monitor{
	margin: 0 auto 50px auto;
}
	
/*土地情報・住宅販売共通---------------*/
.top_estate {
	margin: 50px auto 0 auto;
	max-width: 770px;
}

.top_estate h2 {
	margin: 0 0 20px 0;
	background-size: 30px;
}

.top_estate h2 a {
	padding: 0 0 0 45px;
}

	.top_estate h2 a span.teko {
	margin: 3px 0 0 0;
	font-size: 30px;

	}

.top_estate h2 a span.main {
	margin: 5px 0 0 15px;
	font-size: 19px;
}

.top_estate ul li {
	padding: 12px 0;
}

.top_estate ul li a > span.new {
	flex: 0 0 40px;
	width: 40px;
}

.top_estate ul li a > span.new img {
	width: 30px;
}

.top_estate ul li a > span.status {
	flex: 0 0 50px;
	width: 50px;
	line-height: 24px;
	font-size: 12px;
}
	
.top_estate ul li a > span.status.j_status_notice {
	font-size: 10px;
	letter-spacing: 0;
}

.top_estate ul li a > span.sbj {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
	
.top_banner{
	margin: 0 auto 50px auto;
}
}/*768px*/


@media screen and (max-width: 640px){
/*-----WORKS-----*/
.top_works .top_more_btn a {
	margin: 20px auto 60px auto;
}

.top_works #works_area div.post:nth-child(n+7) {
	display: none;
}

.top_works #works_area div.post {
    width: 33.33%;
	
}

.top_works #works_area div.post.sp02 {
    display: none;
}

.top_works #works_area div.post a .mask .cap p {
	font-size: 13px;
}
    
/*バナーベース---------------*/
/*pc_sp切り替え*/
.top_banner a img.sp{
	display: block;
}

.top_banner a img.pc{
	display: none;
}
}/*640px*/




@media screen and (max-width: 600px){
/*CONTENTS---------------*/
.top_other section .item {
    margin: 10px 0 0 0;
}

.top_other section .item a .frm h3 {
	background-size: 16px auto;
	padding: 20px 10px 20px;
}

.top_other section .item a .frm h3 span {
	display: block;
	margin-top: 8px;
	padding: 0;
	font-size: 13px;
}

.top_other section .blog_list {
    margin: 2px 0 0 0;
}

.top_other section .blog_list .blog {
    padding: 0;
    display: block;
}

.top_other section .blog_list .blog + .blog {
    border-bottom: 3px solid #000000;
}

.top_other section .blog_list .blog .entry {
    padding: 0 10px 10px 10px;
    border-bottom: none;
}

.top_other section .blog_list .blog .entry p {
    margin: 10px 0 2px 0;
}

.top_other section .blog_list .blog a .post h3 {
    padding: 5px 5px 5px 50px;
	background: url(../img/icon_circle01_r.png) no-repeat left 20px  center;
	background-size: 20px 20px;		
}

.top_other section .blog_list .blog a .post h3 span {
	margin: 2px 0 0 0;
	display: inline-block;
}
}


@media screen and (max-width: 480px){
/*イベント情報---------------*/

.top_event section a.entry .post .ph {
	margin: 0 auto;
    display: block;
    width: 100%;
	max-width: 220px;
}

.top_event section a.entry .post .ph .frm {
	margin: 0 auto;
	width: 100%;
	max-width: 220px;
}

.top_event section a.entry .post .info p.type span {
	margin: 0 auto;
	max-width: 480px;
}


/*-----WORKS-----*/
.top_works #works_area div.post {
    width: 50%;
	
}


.top_event section a.entry .post .info {
    padding: 20px 0 0 0;
    display: block;
    width: 100%;
}

/*CONTENTS---------------*/
.top_other section .item a {
	background-size: 120px auto;
}

.top_other section .item a .frm {
	padding: 0 120px 0 0;
}

.top_other section .item a .frm h3, 
.top_other section .blog_list .blog a .post h3 {
    font-size: 20px;
}

.top_other section .item a .frm h3 {
	background-image: none;
	padding: 15px 10px 15px;;
}

.top_other section .item a .frm h3 span {
	font-size: 12px;
}

.top_other section .item a .frm .ph {
    width: 120px;
}
	
}


@media screen and (max-width: 640px){

.top_panorama{
	margin-bottom: 50px;
}

.top_panorama a img.pc{
	display: none;
}

.top_panorama a img.sp{
	display: block;
}
	
}