@charset "utf-8";
/* CSS Document */


/*スマホ*/
@media screen and (max-width:640px){
body{margin:0;padding:0;background-color:#000}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
h1{margin: 0px auto 8px auto;font-size:11px;padding: 0px 0px 0px 0px;color:#333;font-weight : normal;}
.main{width:100%;height:auto;padding:0;background-color:#000;margin: 60px auto 0px auto;}
.headertop{margin: 0px auto 0px auto;height: auto; text-align:left;}
.header {padding: 20px 0 10px 10px;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:left;background-color:#fff;box-shadow: 0px 1px 1px #333;}
.image-resize {width: 80%; margin:0px auto 0px auto ;}

/*右側本文*/
.pure-container {position: relative;height: 100%;-webkit-overflow-scrolling: touch;z-index:99}
.pure-pusher-container {position: relative;height: 100%;padding: 20px 0 0 0;overflow: hidden;width: 100%;margin: 0 auto;z-index:99}


/*物件navi リンク有り*/
.snavi{
  display:block;
  width: 90%;
  min-height:220px;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  z-index:0;
  margin: 20px auto;
  color: #ffffff;
  font-size:80%;
  text-align: center;
  text-decoration: none;
  border: solid 5px #D7D393;
  
}

.snavi .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.snavi1{
  width: 100%;
  height:304px;
  margin: 0px auto;
  position:absolute;
  z-index:1;
}


.snavi:before{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-1;
  left:0;
  transition:0.1s;
  background: linear-gradient(to left, #656363, #848484);
}

.snavi:after{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-2;
  left:0;
  background: linear-gradient(to left, #921b4f, #5a102d);
}

.snavi:hover:before{
  opacity:0;
}

/*物件navi内 物件名*/
.k {
  position: relative;
  width: 88%;
  padding: 0px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px auto;
}
.k::before,
.k::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 2px solid #D7D393;
  border-bottom: 2px solid #D7D393;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k::before {
  left: 0;
  border-left: 2px solid #D7D393;
}
.k::after {
  right: 0;
  border-right: 2px solid #D7D393;
}



/*物件navi リンク無し*/
.snavi_off{
  display:block;
  width: 90%;
  min-height:220px;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  z-index:0;
  margin: 20px auto;
  color: #ffffff;
  font-size:80%;
  text-align: center;
  text-decoration: none;
  border: solid 5px #D7D393;
}

.snavi1_off{
  width: 100%;
  height:304px;
  margin: 0px auto;
  position:absolute;
  z-index:1;
  padding: 20px;
}


.snavi_off:before{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-1;
  left:0;
  transition:0.5s;
  background: linear-gradient(to left, #656363, #848484);
}

.snavi_off:after{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-2;
  left:0;
  background: linear-gradient(to left, #921b4f, #5a102d);
}

.snavi_off:hover:before{
  opacity:1;
}

.coming{width:90%;height:auto;padding:10px 0 10px 0;background-color:#4C4442;border-top:1px solid #D7D393;margin: 20px auto 0px auto;}


/*フォント*/
.font1{color:#D7D393;font-size:160%;line-height: 130%;font-weight:700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.font2{color:#fff;font-size:130%;line-height: 160%;font-weight:700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.font3{color:#D7D393;font-size:130%;line-height: 160%;font-weight:700;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

/*コピーライト*/
.copyright{clear:both; width: 100%;height: auto;margin: 50px auto 0px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}


/*PC表示無し*/
.pc { display: none;}
.sp { display: block;}
.headertop{display: none;}
.hdrleft{display: none;}
.hdrright{display: none;}

}


/*PC*/
@media print, screen and (min-width:641px){

body{min-width:1260px; margin:0;padding:0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
h1{margin: 0px auto 8px auto;font-size:11px;padding: 0px 0px 0px 0px;color:#333;font-weight : normal;}
.header{clear:both;margin: 5px auto 20px auto;width:98%;height: auto;text-align:right;line-height: 140%; }
.headertop{margin: 0px auto 0px auto;height: auto; text-align:left;}

.hdrleft{float:left;width:auto;height: auto;text-align:left;padding: 8px 0px 0px 0px;line-height: 100%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;position: relative;text-align: center;align-items: center;display: flex;justify-content: center;;font-weight:700}

.hdrright {float:right;width:auto;margin: 5px 0px 0px auto;}
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright li {float:right;text-align: center;list-style: none;margin: 0px 0px 0px 5px;}


img{max-width:100%;height:auto;padding:0;margin:0px;-webkit-backface-visibility: hidden; backface-visibility:hidden;vertical-align: bottom;}
.main{clear:both;width:100%;height:auto;padding:0 0px 50px 0px;margin:0px 0px 0px 0px;background-color:#000}

.main2{clear:both;width:100%;height:auto;padding:0 0  0 0;margin:0px auto;background-color:#000;}
.main2_left{float:left;width:49.5%;height:auto;padding:0 0 0 0;margin:10px 0;background-color:#000;text-align:right;}
.main2_right{float:right;width:49.4%;height:auto;padding:0 0 0 0;margin:10px 0;background-color:#000;text-align:left;}

.left{float:left;}
.right{float:right;}


/*物件navi*/
.snavi{
  display:block;
  width: 586px;
  height:330px;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  z-index:0;
  margin: 0px auto;
  color: #ffffff;
  font-size:16px;
  text-align: center;
  text-decoration: none;
  border: solid 10px transparent;
  border-image:url(../img/bg1.jpg);
  border-image-slice: 1;
  border-image-repeat: stretch;
}

.snavi .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.snavi1{
  width: 546px;
  height:304px;
  margin: 0px auto;
  position:absolute;
  z-index:1;
  padding: 20px;
}


.snavi:before{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-1;
  left:0;
  transition:0.5s;
  background: linear-gradient(to left, #656363, #848484);
}

.snavi:after{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-2;
  left:0;
  background: linear-gradient(to left, #921b4f, #5a102d);
}

.snavi:hover:before{
  opacity:0;
}

/*物件navi リンク無し*/
.snavi_off{
  display:block;
  width: 586px;
  height:320px;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  z-index:0;
  margin: 0px auto;
  color: #ffffff;
  font-size:16px;
  text-align: center;
  text-decoration: none;
  border: solid 10px transparent;
  border-image:url(../img/bg1.jpg);
  border-image-slice: 1;
  border-image-repeat: stretch;
}

.snavi1_off{
  width: 546px;
  height:304px;
  margin: 0px auto;
  position:absolute;
  z-index:1;
  padding: 20px;
}


.snavi_off:before{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-1;
  left:0;
  transition:0.5s;
  background: linear-gradient(to left, #656363, #848484);
}

.snavi_off:after{
  content:"";
  width:100%;
  height:100%;
  margin: 0px auto;
  position:absolute;
  z-index:-2;
  left:0;
  background: linear-gradient(to left, #921b4f, #5a102d);
}

.snavi_off:hover:before{
  opacity:1;
}

.coming{width:90%;height:auto;padding:10px 0 10px 0;background-color:#4C4442;border-top:1px solid #D7D393;margin: 20px auto 0px auto;}


/*フォント*/
.font1{color:#D7D393;font-size:220%;line-height: 130%;font-weight:700}
.font2{color:#fff;font-size:145%;line-height: 160%;font-weight:700}
.font3{color:#D7D393;font-size:145%;line-height: 160%;font-weight:700}


/*物件navi内 物件名*/
.k {
  position: relative;
  width: 480px;
  padding: 0px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px auto;
}
.k::before,
.k::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 2px solid #D7D393;
  border-bottom: 2px solid #D7D393;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k::before {
  left: 0;
  border-left: 2px solid #D7D393;
}
.k::after {
  right: 0;
  border-right: 2px solid #D7D393;
}


/*ホバーアクション*/
a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}

/*コピーライト*/
.copyright{clear:both;width: 100%;height: auto;margin: 0px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}



/*スマホ表示無し*/
.pure-container{display: none;}
.pc { display: block;}
.sp { display: none;}

}