.contents-floor{
  padding: 50px 50px 70px;
  background: #f0f4fe;
  border: 1px solid #c2d0f0;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.cf-link{
  display: none;
}

.cf-head{
  text-align: center;
}


.cf-head h1{
  display: inline-block;
  padding-left: 70px;
  background: url(/floor/img/ico_floor_h1_03.png) no-repeat left center;
  font-size: 44px;
  line-height: 48px;
}

.cf-head .floor-lead{
  margin-top: 50px;
  text-align: left;
}

.cf-body{
  margin-top: 40px;
}

.cf-body-inner{
  position:relative;
  display: table;
  width: 100%;
}

.image-skytree{
  display: table-cell;
  width: 360px;
  background: url(/floor/img/img_tower_01.png) no-repeat 30px top;
  vertical-align: top;
}
  .image-skytree .image-skyree-link{
    position:relative;
  }

  .image-skytree .image-skyree-link a{
    position: absolute;
    left: 30px;
    display: block;
    width: 241px;
    height: 36px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: transparent;
  }
  .image-skytree .image-skyree-link a:nth-of-type(1){top: 314px;}
  .image-skytree .image-skyree-link a:nth-of-type(2){top: 474px;}
  .image-skytree .image-skyree-link a:nth-of-type(3){top: 858px;}

.floor-guide-wrapper{
  display: tabll-cell;
  vertical-align: top;
}

/*.floor-guide{
  margin-top: 15px;
}*/

.floor-guide .floor-outline{
  display: none;
  position: absolute;
}

.floor-guide .floor-outline img{
  width: 100%;
}

.floor-guide.type01 .floor-outline{top:237px; left: 100px;}
.floor-guide.type01:hover .floor-outline,.floor-guide.type01.crnt .floor-outline{display: block;}

.floor-guide.type02 .floor-outline{top:377px; left: 85px;}
.floor-guide.type02:hover .floor-outline,.floor-guide.type02.crnt .floor-outline{display: block;}

.floor-guide.type03 .floor-outline{top:894px; left: 73px;}
.floor-guide.type03:hover .floor-outline,.floor-guide.type03.crnt .floor-outline{display: block;}

.floor-guide:first-child{
  margin-top: 0;
}


.floor-guide-col{
  border: 1px solid #0091d5;
  -webikit-border-radius: 6px;
  border-radius: 6px;
  overflow:hidden;
  font-size: 18px ;/* top 18*/
  color: #fff;
}

.type01 .floor-guide-col {background: #0091d5; border-color:#0091d5;}
.type02 .floor-guide-col {background: #00a9a5; border-color:#00a9a5;}
.type03 .floor-guide-col {background: #2787a6; border-color:#2787a6;}


  .floor-guide-col .floor-guide-ttl{
    padding: 9px 20px;
  }

  .floor-guide-col a:hover {
    text-decoration: none;
  }

  .floor-guide-col a[onclick="return false;"]:hover {
    cursor: default;
  }


  .floor-guide-col .floor-overlay {
    position: absolute;
    top: 0;
    left: 30px;
    display: none;
  }

  .floor-guide-col a.crnt .floor-overlay {
    display: block;
  }

  .floor-guide-col a:hover .floor-overlay{
    display: block;
    z-index: 10;
  }

  .floor-guide-col dl{
    display: table;
    width: 100%;
  }

  .floor-guide-col dl br{
    display: none;
  }


  .floor-guide-col dt{
    display: table-cell;
    width: 136px;
    padding: 10px 0;
    border-top: 1px solid #4cb2e2;
    border-right: 1px solid #0091d5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }

  .type01 .floor-guide-col dt {border-top-color:#4cb2e2;border-right-color:#0091d5;}
  .type02 .floor-guide-col dt {border-top-color:#4cc3c0;border-right-color:#00a9a5;}
  .type03 .floor-guide-col dt {border-top-color:#4cb2e2;border-right-color:#2787a6;}
  .gray-out dt{background-color: #a8a9ad; color: #fff;}


  .floor-guide-col dt{
    padding: 15px 0;
    font-size: 16px;
  }

  .floor-guide-col dd{
    display: table-cell;
    padding: 15px 0;
    padding-left: 20px;
    background: #a2daf6;
    border-top: 1px solid #0091d5;
    font-size: 14px;
    color: #5b5650;
    vertical-align: middle;
  }

  .type01 .floor-guide-col dd {background: #a2daf6; border-color:#0091d5;}

  /*20240903修正始まり
  .type02 .floor-guide-col dd {background: #a5dce2; border-color:#00a9a5;}
  20240903修正ここまで*/
  .type02 .floor-guide-col dd {background: #a5dce2; border-color:#00a9a5; position: relative;}

  .type03 .floor-guide-col dd {background: #b6c8d2; border-color:#2787a6;}
  .gray-out dd{background-color: #e1e8ed !important;}

  .floor-guide-col a:first-of-type dd{
    border-top: none;
    color: #5b5650;
  }

  .floor-guide-col dd .floor-guide-star{
    /*margin: -5px 0 5px;*/
    margin: -5px 0 0;
    overflow: hidden;
  }

  .floor-guide-col dd .floor-guide-star li{
    float: left;
    display: inline-block;
    margin: 5px 5px 0 0 ;
    padding-left: 30px;
    background: url(/floor/img/ico_floor_star_01.png) no-repeat left top;
    background-size: 30px auto;
    /*line-height: 30px;*/
  }


  .floor-guide-col dd .floor-guide-star li{
    float: left;
    display: inline-block;
    margin: 5px 5px 0 0 ;
    padding-left: 36px;
    background: url(/floor/img/ico_floor_star_01.png) no-repeat left 2px;
    background-size: 24px auto;
  }

  .floor-guide-col dd .floor-guide-icons{
    overflow: hidden;
  }

  .floor-guide-col dd .floor-guide-icons:first-child{
    margin-top: -5px;

    margin-bottom: 5px;
  }


  .floor-guide-col dd .floor-guide-icons li{
    float: left;
    display: inline-block;
    margin: 5px 10px 0 0 ;
    padding-left: 38px;
    background: no-repeat left center;
    background-size: 30px auto;
    line-height: 30px;
  }


  .floor-guide-col dd.floor-guide-ev{
    width: 100px;
    padding: 0 15px 0 0;
  }

  .floor-guide-col dd.floor-guide-ev ul{
    width: 100px;
    margin-left: -15px;
  }


  .floor-guide-col dd.floor-guide-ev ul:after{
    content: "";
    display: block;
    clear: both;
  }

  .floor-guide-col dd.floor-guide-ev ul li{
    float: left;
    width:30px;
    margin-left: 5px;
  }

  .floor-guide-col dd.floor-guide-ev ul li{
    position: relative;
    float: left;
    width:30px;
    height: 20px;
    margin-left: 5px;
  }

  .floor-guide-col dd.floor-guide-ev ul li:before{
    position: absolute;
    left: 50%;
    content: '';
    width: 4px;
    height: 230px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }

  .floor-guide-col dd.floor-guide-ev ul li.line-bottom:before{top:0;}
  .floor-guide-col dd.floor-guide-ev ul li.line-top:before{bottom:0;}

  .floor-guide-col dd.floor-guide-ev ul li.line-color01:before{background-color: #0279c7;}
  .floor-guide-col dd.floor-guide-ev ul li.line-color02:before{background-color: #00a9a5;}
  .floor-guide-col dd.floor-guide-ev ul li.line-color03:before{background-color: #6c6d70;}

  .floor-guide-col dd.floor-guide-ev ul li.line-width01:before{width: 2px;}


  .floor-guide-col dd.floor-guide-ev ul li.arrow-top:before{
    top:24px;
  }

  .floor-guide-col dd.floor-guide-ev ul li.arrow-top:after{
    position: absolute;
    bottom: -9px;
    left: 50%;
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
  }

  .floor-guide-col dd.floor-guide-ev ul li.arrow-bottom:before{
    bottom:24px;
  }
  .floor-guide-col dd.floor-guide-ev ul li.arrow-bottom:after{
    position: absolute;
    top: -9px;
    left: 50%;
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
  }

  .floor-guide-col dd.floor-guide-ev ul li.arrow-top-color01:after{border-bottom-color: #0279c7}
  .floor-guide-col dd.floor-guide-ev ul li.arrow-top-color02:after{border-bottom-color: #00a9a5}

  .floor-guide-col dd.floor-guide-ev ul li.arrow-bottom-color01:after{border-top-color: #0279c7}
  .floor-guide-col dd.floor-guide-ev ul li.arrow-bottom-color02:after{border-top-color: #00a9a5}

  .floor-guide-col dd.floor-guide-ev ul li.line-width01:before{width: 2px;}

  .floor-guide-col dd.floor-guide-ev ul li:first-child{
    margin-left:0;
  }

  .floor-guide-col dd.floor-guide-ev ul li span{
    position: relative;
    display: inline-block;
    width: 100%;
    background: #3f3a39;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    text-align:center;
    vertical-align: top;
    z-index: 10;
  }

  .Agent_pc .floor-guide-col a:hover dl:not(.gray-out) dt,
  .Agent_pc .floor-guide-col a:hover dl:not(.gray-out) dd,
  .floor-guide-col a.crnt dt,
  .floor-guide-col a.crnt dd
  {
    background: #fff;
    color: #5b5650;
  }


/* floor guide line
------------------------------------------------*/
 .floor-guide-line dl{
   display: table;
   width: 100%;
   height: 20px;
 }

 .floor-guide-line dt{
   display: table-cell;
   font-size:0;
 }

 .floor-guide-line dd{
   display: table-cell;
   width: 116px;
   padding: 0 15px 0 0;
   border-right: 1px solid #f0f4fe;
 }

  .floor-guide-line dd ul:after{
    content: "";
    display: block;
    clear: both;
  }

  .floor-guide-line dd ul li{
    position:relative;
    float: left;
    width: 30px;
    height: 20px;
    margin-left: 5px;
  }

  .floor-guide-line dd ul li:first-child{
    margin-left:0;
  }

  .floor-guide-line dd ul li:before{
    position: absolute;
    top: -1px;
    left: 50%;
    content: '';
    width: 4px;
    height: 22px;
    background:#000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }

  .floor-guide-line dd ul li.no-line:before{display:none;}
  .floor-guide-line dd ul li.line01:before{background:#0279c7;}
  .floor-guide-line dd ul li.line02:before{background:#00a9a5;}


.cf-foot{
  margin-top: 70px;
  text-align: center;
}

  .cf-foot ul{
    display: inline-block;
    margin-top: 10px;
    padding: 0 20px 20px;
    overflow: hidden;
  }

  .cf-foot ul li{
    float: left;
    margin-left: 30px;
  }

  .cf-foot ul li:first-child{
    margin-left: 0
  }



/*** icons ***/
.icon01{background-image: url(/floor/img/ico_floor_01.png) !important;}
.icon02{background-image: url(/floor/img/ico_floor_02.png) !important;}
.icon03{background-image: url(/floor/img/ico_floor_03.png) !important;}
.icon04{background-image: url(/floor/img/ico_floor_04.png) !important;}
.icon05{background-image: url(/floor/img/ico_floor_05.png) !important;}
.icon06{background-image: url(/floor/img/ico_floor_06.png) !important;}
.icon07{background-image: url(/floor/img/ico_floor_07.png) !important;}
.icon08{background-image: url(/floor/img/ico_floor_08.png) !important;}
.icon09{background-image: url(/floor/img/ico_floor_09.png) !important;}
.icon10{background-image: url(/floor/img/ico_floor_10.png) !important;}
.icon11{background-image: url(/floor/img/ico_floor_11.png) !important;}
.icon12{background-image: url(/floor/img/ico_floor_12.png) !important;}
.icon13{background-image: url(/floor/img/ico_floor_13.png) !important;}
.icon14{background-image: url(/floor/img/ico_floor_14.png) !important;}
.icon15{background-image: url(/floor/img/ico_floor_15.png) !important;}
.icon16{background-image: url(/floor/img/ico_floor_16.png) !important;}
.icon17{background-image: url(/floor/img/ico_floor_17.png) !important;}
.icon18{background-image: url(/floor/img/ico_floor_18.png) !important;}
.icon19{background-image: url(/floor/img/ico_floor_19.png) !important;}
.icon20{background-image: url(/floor/img/ico_floor_20.png) !important;}
.icon21{background-image: url(/floor/img/ico_floor_21.png) !important;}
.icon22{background-image: url(/floor/img/ico_floor_22.png) !important;}
.icon23{background-image: url(/floor/img/ico_floor_23.png) !important;}

.icon27{background-image: url(/floor/img/ico_floor_27.png) !important;}
.icon28{background-image: url(/floor/img/ico_floor_28.png) !important;}
.icon29{background-image: url(/floor/img/ico_floor_29.png) !important;}
.icon30{background-image: url(/floor/img/ico_floor_30.png) !important;}
.icon31{background-image: url(/floor/img/ico_floor_31.png) !important;}
.icon32{background-image: url(/floor/img/ico_floor_32.png) !important;}
.icon33{background-image: url(/floor/img/ico_floor_33.png) !important;}


/*20240903修正始まり*/
p.notice {
  position: absolute;
  bottom: 30px;
  font-size: 12.5px;
  right: 0;
  color: #d72a2a;
}

.floor-guide-col dl p.notice .br {
  display: block;
}
/*20240903修正ここまで*/

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


.contents-floor{
  padding: 0 0 30px;
  background: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.cf-link{
  display: block;
}

.cf-link a{
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 12px;
  background: #85a1e1;
  color: #fff;
  text-align: left;
}

.cf-link a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 15px;
    margin-top: -7px;
    background: url(/common/img/ico_arrow_03@2x.png) 0 0 no-repeat;
    background-size: 8px auto;
}

.cf-link a span {
    display: inline-block;
    padding-left: 50px;
    background: url(/floor/img/ub_ico_06_no.png) no-repeat left center;
    background-size: 40px auto;
    font-size: 20px;
    line-height: 40px;
}

.cf-head{
  padding: 23px 12px;
}


.cf-head h1{
  padding-left: 33px;
  background-size: auto 24px;
  font-size: 24px;
  line-height: 24px;
}

.cf-head .floor-lead{
  margin-top: 25px;
  font-size: 12px;
}


.cf-body{
  margin-top: 15px;
  padding: 0 12px;
}
.image-skytree{
  position: relative;
  display: block;
  width: 65%;
  margin: 0 auto;
  padding-bottom: 138.75%;
  background: url(/floor/img/img_tower_sp_01.png) no-repeat center;
  background-size: 100% auto;
}

.image-skytree .image-skyree-link{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-skytree .image-skyree-link a{
  left: 16%;
  width: 68%;
  height: 7%;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: transparent;
}
.image-skytree .image-skyree-link a:nth-of-type(1){top: 32.5%;}
.image-skytree .image-skyree-link a:nth-of-type(2){top: 49%;}
.image-skytree .image-skyree-link a:nth-of-type(3){top: 82%;}

.floor-guide-wrapper{
  margin-top: 18px;
}

.floor-guide .floor-outline{
  display: none !important;
}

  .floor-guide-col .floor-guide-ttl{
    padding: 5px 10px;
    font-size:15px;
  }


  .floor-guide-col .floor-overlay {
    display: none !important;
  }

  .floor-guide-col dt{
    width: 45px;
    padding: 6px 0;
    font-size: 12px;
  }

  .floor-guide-col dd{
    padding: 6px 0;
    padding-left: 6px;
    font-size: 12px;
  }


  .floor-guide-col a:first-of-type dd{
  }

  .floor-guide-col dd .floor-guide-star{
  }

  .floor-guide-col dd .floor-guide-star li{
    padding-left: 20px;
    background-size: 16px auto;
  }


  .floor-guide-col dd .floor-guide-icons li{
    float: left;
    display: inline-block;
    margin: 5px 5px 0 0 ;
    padding-left: 24px;
    background: no-repeat left center;
    background-size: 16px auto;
    line-height: 16px;
  }

  .floor-guide-col dd.floor-guide-ev{
    width: 70px;
    padding: 0 10px 0 0 ;
  }

  .floor-guide-col dd.floor-guide-ev ul{
    width: 70px;
    margin: 0;
  }

  .floor-guide-col dd.floor-guide-ev ul li{
    width:20px;
    height: 13px;
    margin-left: 5px;
  }

  .floor-guide-col dd.floor-guide-ev ul li span{
    font-size: 10px;
    line-height: 13px;
  }


  /*20240903修正始まり
  .floor-guide-col dd.floor-guide-ev ul li:before{
    height: 270px;
  }
  20240903修正ここまで*/
  .floor-guide-col dd.floor-guide-ev ul li:before {
    height: 315px;
  }

  .floor-guide-col dd.floor-guide-ev ul li.line-height01:before{
    height: 180px;
  }

  .floor-guide-col dd.floor-guide-ev ul li.arrow-top:before{
    top:20px;
  }


  .floor-guide-col dd.floor-guide-ev ul li.arrow-bottom:before{
    bottom:20px;
  }


/* floor guide line
------------------------------------------------*/
 .floor-guide-line dl{
   height: 13px;
 }

 .floor-guide-line dd{
    width: 81px;
    padding: 0 10px 0 0 ;
    border-right: 1px solid #fff;
 }

  .floor-guide-line dd ul li{
    width: 20px;
    height: 13px;
    margin-left: 5px;
  }

  .floor-guide-line dd ul li:first-child{
    margin-left:0;
  }

  .floor-guide-line dd ul li:before{
    position: absolute;
    top: -1px;
    left: 50%;
    content: '';
    width: 4px;
    height: 17px;
    background:#000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }


.cf-foot{
  margin-top: 16px;
}

  .cf-foot ul{
    display: inline-block;
    width: 100%;
    max-width: 540px;
    margin: 0;
  }

  .cf-foot ul li{
    float: none;
    margin: 16px 0 0;
  }

/*20240903修正始まり*/
  p.notice {
    position: static;
  }

  .floor-guide-col dl p.notice .br {
    display: none;
  }
/*20240903修正ここまで*/
}


.w1sh{
  margin-top: 5px;
}