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

/*汎用*/
.font_bold{
 font-weight: 700;
}
.font_red_bold{
 font-weight: 700;
 color: #f00;
}
.font_red{
 color: #f00;
}
.new_item{
 font-weight: 700;
 background-color:#fff89e;
 border:1px solid #ee823b;
 padding:0.1em 0.5em;
 border-radius:10px;
 margin-right:0.5em;
}

.comDrawBox .drawSlide .walk {
 margin: 16px 0 24px;
 padding: 0 24px;
 color: #388bdb;
 font-size: 1.2rem;
 font-weight: 700;
}
.comDrawBox .drawSlide .walk:before {
 margin-right: 5px;
 width: 35px;
 height: 32px;
 background: url(/media/assets/img/estate/icons/walk.png) no-repeat 50%/30px auto;
 display: inline-block;
 vertical-align: middle;
 content: "";
}
.comDrawBox .drawSlide .bicycle {
 margin: 16px 0 24px;
 padding: 0 24px;
 color: #db7f45;
 font-size: 1.2rem;
 font-weight: 700;
}
.comDrawBox .drawSlide .bicycle_waseda {
 margin: 16px 0 24px;
 padding: 0 0 0 10%;
 background: url(/media/assets/img/estate/icons/bicycle.png) no-repeat 2%/30px auto;
 color: #db7f45;
 font-size: 1.2rem;
 font-weight: 700;
}
.comDrawBox .drawSlide .bicycle:before {
 margin-right: 5px;
 width: 35px;
 height: 32px;
 background: url(/media/assets/img/estate/icons/bicycle.png) no-repeat 50%/30px auto;
 display: inline-block;
 vertical-align: middle;
 content: "";
}
.comDrawBox .drawSlide .bus {
 margin: 16px 0 24px;
 padding: 0 24px;
 color: #64c76b;
 font-size: 1.2rem;
 font-weight: 700;
}
.comDrawBox .drawSlide .bus:before {
 margin-right: 5px;
 width: 35px;
 height: 32px;
 background: url(/media/assets/img/estate/icons/bus.png) no-repeat 50%/30px auto;
 display: inline-block;
 vertical-align: middle;
 content: "";
}
.comDrawBox .drawSlide .train {
 margin: 16px 0 24px;
 padding: 0 24px;
 color: #d85b5b;
 font-size: 1.2rem;
 font-weight: 700;
}
.comDrawBox .drawSlide .train:before {
 margin-right: 5px;
 width: 35px;
 height: 32px;
 background: url(/media/assets/img/estate/icons/train.png) no-repeat 50%/30px auto;
 display: inline-block;
 vertical-align: middle;
 content: "";
}

/*再生・停止ボタン*/
.sliderBtnWrap {
 width:100%;
 height:2.6em;
 padding-left:20px;
}
/*.sliderBtnWrap p{
 font-size:90%;
 font-weight:700;
 width:80px;
 padding:10px 0 0;
}*/
.sliderBtnWrap button {
 width:45%;
 padding: 6px 20px 5px 20px;
}
@media (max-width: 896px){
.sliderBtnWrap {
 padding-left:0;
}
}

/*家具家電：入居者の声*/
.voice {
 padding: 16px 8em 13px 16px;
 background-image: url(/media/assets/img/estate/pop03/voice_02.png);
 background-repeat: no-repeat;
 background-size:8em;
 background-position: right 20px bottom;
}
@media (max-width: 896px){
.voice {
 background-image: url(/media/assets/img/estate/pop03/voice_02.png);
 background-repeat: no-repeat;
 background-size:7em;
 background-position: right bottom;}
.voice p:last-child {
 text-shadow: 1px 1px 0px #fff,
             -1px 1px 0px #fff,
             1px -1px 0px #fff,
  -1px -1px 0px #fff;
 width:80%!important;
 display: block;}
}

.featurePopBox .phoList li span {
	font-size: 1.3rem;
    font-weight: bold;
    color: #e95b00;
    padding: 2px 10px 2px 10px;
    margin-left: 10px;
    border-radius: 32px;
    background: #fff89e;
    background-size: 16px auto;
    box-sizing: border-box;
    border: 1px solid #ee823b;
}


/*UniLife-net*/
.unilifenet ul {
 width: 100%!important;
}

.featurePopBox .phoList li .ttl {
    line-height: 1.8!important;
    margin-top: 0.8em!important;
}
.featurePopBox .txtBox02 {
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff!important;
}
@media (min-width: 896px){
.featurePopBox .txtBox02 {
	width: 70%;
    margin: 0 auto 20px auto;
}
.featurePopBox .txtBox02 p br.pc_none {
    display: none;
}
}

/*UniTime Kitchen追記*/
.pho .kitchen{
 margin:10px auto 0;
 display:block;
 padding:6px 0;
 font-size:90%;
 text-align:center;
 font-weight:700;
 background-color:#fff89e;
 border:1px solid #ee823b;
 border-radius:10px;
 }
@media (max-width: 896px){
 .pho .kitchen{
  margin:10px 2%;
  padding:2%;
 }
}

/*MVコメント　調整
---------------------------------------------*/
.comImgSilde01 .blackBg p {
font-size: 1.15rem;
line-height:1.9em;}


/*間取り部分　調整
---------------------------------------------*/
/*タイプ別ボタン*/
@media (min-width: 896px){
.comDrawBox .checkAllBox .checkUlWrap ul li {
    width: 143px;
    margin: 0 5px 5px 0!important;
}	
}

/*floor部分　調整
---------------------------------------------*/
/*sp　コメント*/
@media (min-width: 896px){
 h3.headLine06 span.chushaku{
  font-weight:200;
  font-size: 80%!important;
  display:block;
  color:#ff9!important;
 float:right;
 width:83%;}
.comDrawBox .houseDrawBox .txtBox .btmTxt {
	font-size: 1.2rem!important;
    line-height: 1.4em!important;
    margin-left: 10px!important;
}
.comDrawBox .houseDrawBox .txtBox {
    display: flex!important;
}
 .comDrawBox .houseDrawBox .txtBox2 .ttl span{
  display:block;
  color:#fff;
  border:1px solid #fff;
  padding:0.2em;
  width:4em!important;
  text-align:center;
  float:left;
  border-radius:6px;
  margin-right:0.5em;
 }
.comDrawBox .houseDrawBox .txtBox2 .btmTxt {
	font-size: 1.2rem!important;
    line-height: 1.4em!important;
 color:#fff;
}
}
@media (max-width: 896px){
 h3.headLine06 span.chushaku{
  font-weight:200;
  font-size: 0.8rem!important;
  display:block;
  color:#ff9!important;}
 
.comDrawBox .houseDrawBox .txtBox .btmTxt {
    font-size: 0.8rem!important;
    line-height: 12px!important;
    margin-left: 10px!important;
}
.comDrawBox .houseDrawBox .txtBox {
    display: flex!important;
}
 .comDrawBox .houseDrawBox .txtBox2{
  color:#fff;
  line-height: 13px!important;/*16pxくらいが見やすい*/
 }
 .comDrawBox .houseDrawBox .txtBox2 .ttl span{
  display:block;
  padding:0.4em 0 0.2em;
  font-size:120%;
  color:#fff;
  width:16%;
  border:1px solid #fff;
  text-align:center;
  border-radius:5px;
  float:left;
  margin:0 0.5em 0.1em 0;
 }
}


/*テスト環境表示　調整
---------------------------------------------*/
#gHeader .headerNote {
    display: block!important;
}


/*モーダルウィンドウ　調整
---------------------------------------------*/
.featurePopBox .popContent {
    padding: 0 32px!important;
    height: 100%!important;
}

/*ページ色味変更 色変更禁止
---------------------------------------------*/
/*#__layout .pageTitle {
    background-color: #e9fbf7!important;
    border-bottom: 3px solid #4e7a83!important;
}

#__layout .headLine06 {
    background-color: #4e7a83!important;
}*/

/*周辺情報文字調整
------------------------------------------*/
.comDrawBox .drawSlide li .txt small {
    font-size: 0.5em;
    line-height: 2em!important;
    display: block;
    margin-top: 1.7em;
}


/*試食会案内
---------------------------------------------*/
#sishoku{
 background-image:url(/media/assets/img/estate/pop01/sishoku_image.png);
 background-repeat:no-repeat;
 background-size:40% auto;
 background-position:top 60px right;
}
.keen-slider__slide a {
 color: #388bdb;
 font-weight: bold;
}
.keen-slider__slide a.blank {
 padding-left: 1em;
 background-image: url(/media/assets/img/estate/icons/ico_blank.png);
 background-size: 1em;
 background-repeat: no-repeat;
 background-position: left center;
}
.keen-slider__slide a.blank2 {
 padding: 5px 10px 5px 30px;
 line-height:3em;
 with:40em!important;
 background-image: url(/media/assets/img/estate/icons/ico_blank.png);
 background-size: 1em;
 background-repeat: no-repeat;
 background-position: 10px;
 border-bottom: 3px solid #ccc100;
 color: #000;
 background-color: #fff100;
 font-weight: bold;
 border-radius:10px;
}
.keen-slider__slide dl {
 padding-bottom: 1em;
 /* text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff!important; */
}
.keen-slider__slide dl dt.main_tit {
 font-weight: 900;
 font-size: 140%;
 padding-left: 1.4em;
 margin-bottom: 1em;
 background-image: url(/media/assets/img/estate/icons/ico_lunch.png);
 background-repeat: no-repeat;
 background-size: 1em;
 background-position: 0 center;
}
.keen-slider__slide dl dd {
 margin-bottom: 1.5em;
}
.keen-slider__slide dl dt.pa {
 font-size: 120%;
 font-weight: 700;
 background: none;
 float: left;
 clear: both;
 margin: 0 1% 0.5em 0;
 width: 14%;
}
.keen-slider__slide dl dd.ch {
 float: left;
 width: 85%;
 margin: 0 0 1.5em 0;
}
.keen-slider__slide dl dd.ch span {
 font-size: 110%;
 font-weight: 700;
 color: #f00;
}
@media screen and (max-width: 896px) {
 #sishoku{
  background-image:none;
 }
 .keen-slider__slide dl {
  padding-bottom: 2em;
 }
 .keen-slider__slide dl dt.pa {
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  width: 100%;
 }
 .keen-slider__slide dl dt.pa:before, .keen-slider__slide dl dt.pa:after {
  border-top: 1px solid;
  content: "";
  width: 3em;
 }
 .keen-slider__slide dl dt.pa:before {
  margin-right: 1em;
 }
 .keen-slider__slide dl dt.pa:after {
  margin-left: 1em;
 }
 .keen-slider__slide dl dd.ch {
  float: none;
  width: 100%;
 }
}


/*アイコンアニメーションテスト
------------------------------------------*/
/*#conts .comVoiceBox:before {
animation-name: fadeUpAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#conts .comVoiceBox:before{
 animation-iteration-count: infinite;
}*/