/*===============================
  Base
===============================*/
aside {
  color:#000;
	background-color: #dfdfdf!important;
}


/*===============================
  main
===============================*/
	
aside {
  padding: 50px 0 2px;
}
aside section > ul{
  width: 1180px;
  margin: auto;
}

aside section{
  padding: 30px 0 45px 0;
  box-sizing: border-box;
}
aside h2 {
    text-align: center;
}
aside h2 + p {
    text-align: center;
    margin: 1rem;
    color: #000;
}

aside section h3{
  position: relative;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
	font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}

aside section h3 > p{
  margin-bottom: 10px;
}

.arealist{
    width: 1060px;
    margin: 50px auto;
}
.arealist p{ 
	width: 1050px;
    margin: 10px 0;
    text-align: center;
    padding-bottom: 10px;
    font-size: 1.5em;
}
@media screen and (max-width: 684px){
    .arealist p{ 
        width: 100%;
    	font-size: 1.25em;
    }
}

.arealist a{
  display: inline-block;
  background: url('../image/reader2.png') right 10px center no-repeat;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #8e1d24;
  line-height: 82px;
  width: 524px;
  height: 82px; 
	font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}


#nagoya,
#mikawa{
  /*background-color: #f2f7f9;*/
    padding-top:75px;
}

#owarichita,
#higashimikawa{
  /*background-color: #e2ebef;*/
}


section > ul li figure{
    width:100%;
}
section > ul li figure img {
    width:100%;
	height:auto;
}
@media screen and (max-width: 684px){
    
    #mikawa{
        padding-top:20px;
    }
    aside h2 {
        font-size:20px;
    }
}

.nohouse{
  margin-bottom: 32px;
}

.housing_name{
  margin: 7px 0;
}

.empty{
  width: 336px;
  height: 0;
  margin: 0;
  padding: 0;
  box-shadow: inherit;
}

.flex_center{
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex_center li:first-child{
  margin-right: 45px;
}



@media screen and  (max-width: 1100px){
    .mywrap,
    aside section > ul{
    width: 85%;
    min-width: 680px;
  }
  
  aside .arealist{
    width: 96%;
    max-width: 680px;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    margin: 25px auto;
  }
  
  /*.arealist a{
    margin-bottom: 15px;
  }*/
  
  aside .flex_center{
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  
  aside .flex_center li:first-child{
    margin-right: 0;
  }
}

@media screen and (max-width: 684px){
    .mywrap,
    aside section > ul{
    width: 100%;
    min-width: inherit;
  } 
  
  aside section > ul{
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
  
  .arealist a{
    width: 48%;
    font-size: 15px;
    background-position:right 7px center;    
  }
  
  aside .flex_center{
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
}

@media screen and (max-width: 350px){
  aside .arealist a{
    width: 90%;
    font-size: 16px;
    background-position: bottom 5px center;
  }
  
  aside section > ul li{
    width: 95%;
    height: 380px;
  }
  
  aside section > ul li a{
    width: 80%;
  }
  aside section > ul li img{
    max-width: 100%;
  }

  
}

	
.nohouse {
    /*display:none!important;*/
}

.mapbtn {
    display:inline;
    width:100%;
	padding:2px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #294473;
    text-align:center;
    color:#FFF;
    font-size:11px;
    line-height:1.5em;
    text-decoration: none;
}


/*フロートバナー*/
@media only screen and (max-width: 767px) {
	
    .ban__fix__sp {
        position: fixed;
		width: 92%;
        left: 4%;
		bottom: 3VW;
		z-index: 9999;
    }
    .ban__fix__sp img{
        width: 100%;
		height:auto;
    }
    .ban__fix__inner {
        position: relative;
        width: 100%;
    }
    #closebanner-sp,
    #closebanner-sp1,
    #closebanner-sp2 {
        position: absolute;
        top:-10px;
        right: -10px;
        display: block;
        height: 30px;
        width: 30px;
        background: url('../image/float_close.png') no-repeat 0 0;
		background-size: 30px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix{
		display: none;
	}
    #banner-sp {
		/*opacity: 0;*/
    }
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .ban__fix {
        position: fixed;
        width: 270px;
        height: 240px;
        bottom: 70px;
        left:50px;
        display: block;
		z-index: 9999;
    }
    .ban__fix__inner {
        position: relative;
        width: 270px;
    }
    #closebanner {
        position: absolute;
        top:-7px;
        right: -7px;
        display: block;
        height: 20px;
        width: 20px;
        background: url('../image/float_close.png') no-repeat 0 0;
		background-size: 20px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix__sp{
		display: none;
	}
    #banner {
		/*opacity: 0;*/
    }
    #banner.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}

/*スクロールアクション*/
.delay01 {
  animation-delay: 0.0s;
}
.delay02 {
  animation-delay: 0.3s;
}
.delay03 {
  animation-delay: 0.6s;
}
.delay04 {
  animation-delay: 0.9s;
}
.delay05 {
  animation-delay: 1.0s;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 右方向フェードイン */
.fadeLR{
animation-name:fadeLRAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLRAnime{
  from {
    opacity: 0;
  transform: translateX(-50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 左方向フェードイン */
.fadeRL{
animation-name:fadeRLAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRLAnime{
  from {
    opacity: 0;
  transform: translateX(50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}
.fadeUpTrigger{
    opacity: 0;
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
}
/*スクロールアクション*/