img{
  height: auto;
  min-height: 0px;
}
.bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  margin-bottom:30px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {

  bottom: -45px; /*pager の位置の変更 */
  width: 100%;
   z-index: 3;
}
.bx-controls{
  background-color: red;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #5489ff;  /*ページャーの色の変更*/
  width: 20px;
  height: 20px;
  z-index: 3;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgb(138, 201, 143);  /**ページャーの色（フーバー、アクティブ）の変更*/
  z-index: 3;
}
a:link, a:visited, a:hover, a:active {
  color: black;
  text-decoration: none;
}
*{
  font-family :
YuGothic,    /* Mac用 */
'Yu Gothic', /* Windows用 */
sans-serif;
}
*{
  margin: 0;
  padding:0;
}
.container{
  overflow: hidden;
}
}
ul{
  list-style: none;
}

#body_top_content img,#body_top_content amp-img{
filter:brightness(95%);
width: 50%;
}

.back_content img{
  width:50%;

}
.back_content{
  display: flex;
  width: 100%;
}
.back_content div{
  width: 50%;
  padding: 5px;
}
body{
  width: 100%;
}
#pop_fixed_content{
  position: fixed;
  background-color: rgba(255, 255, 255, 0.85);
  padding:50px 32px ;
  z-index: 1;
  margin: auto;
  left:50%;
  transform: translate(-50%, -50%);
}
#pop_fixed_content>.main{
  font-size: 40px;
}
#pop_fixed_content>.description{
  font-size: 22px;
}

#bokasi{
  margin: -6px;

  -ms-filter: blur(6px);
    filter: blur(6px) brightness(65%);

}
#bokasi amp-img{
  width: 50%;
}
#RoomKaisetu amp-img{
  width: 100%;
}
#RoomKaisetu img{
  width: 100%;
}
#second_content{
  position: relative;
  width: 100%;
  z-index: -1;
}
#second_content>.description{
  position: absolute;
  margin: auto;
  top:65%;
  width: 100%;
  transform: translate(0%, -50%);
  z-index: 1;
}
#second_content>.description div{
  text-align: center;
}
#second_content>.description .span1{
  font-size: 42px;
  letter-spacing:-2px;
}
#second_content>.description .span2{
  font-size: 25px;

}
#second_content>.description span{

  color:white;
}
#third_content{
  position: relative;
  left: 480px;
  width: 960px;
}
#third_content>.main{

  width: 100%;
  max-width: 960px;
  height: 640px;
  background-color: white;
}
#third_content>.main img{
  width: 100%;
  height: auto;
}
#third_content .back_img img{
  width: 100%;
}
#third_content .back_img{
  position: absolute;
  width: 480px;
}
#third_content>.back_img-float_left{
  left:-480px;
}
#third_content>.back_img-float_right{
  right:-480px;
}
.back_img img{
  float:left;
  filter: brightness(45%);
}
#map{
  width: 100%;
}
#map>.mapimg{
  width: 100%;
}
#map>.mapimg>img{
  width: 100%;
}
#map .description>span{
  font-size: 18px;
}

#Balcony_view{
  position: relative;
}
#Balcony_view>.view{
  display: flex;
}

#Balcony_view>.view>img{
  width: 100%;
}
#Balcony_view>.view>amp-img{
  width: 100%;
}
#Balcony_view>.info{
  position: absolute;
  bottom:3%;
  right:3%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index:0;
}
.info_name>div{
  vertical-align:baseline;
}
.info th{
  padding-top: 3%;
  padding-bottom: 3%;
  padding-right: 2%;
  width: 25%;
  border-top: solid 1px rgb(143, 143, 143);
}

.info td{
  border-top: solid 1px rgb(198, 154, 154);
}
.info *{
  font-weight: normal;
  font-size: 20px;
  font-family: "Sawarabi Mincho";
}

#RoomType{
  width: 80%;
  display: flex;
   flex-wrap: wrap;
  justify-content:space-between;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 35px;
  padding-left: 10%;
  padding-right: 10%;
  background-color: black;

}
#RoomType img ,#RoomType amp-img{
  width: 100%;
}
#RoomType>a{
  display: block;
}
#RoomType>.Heya>h2{
  text-align: center;
}

#RoomType .Heya{
  margin-top: 45px;
  width: 28%;
  text-align: center;
  border-radius:50% 50% 0% 0%;
  transition: 1s;
  padding-bottom: 10px;
  color: rgb(233, 233, 229);
}
#RoomType .Heya:hover{
  background-color: rgb(255, 251, 199);
  width: 36%;
  color:black;

}
#RoomType .Heya:hover img{
}

#RoomType>.Heya>.description>span{
  transition: 0.5s;
}
#RoomType .Heya:hover .description>span{
  color:black;
  font-weight: bolder;
}
#RoomType>.Heya>.description>span.kakugen{
  color:black;
  transition: 0.5s;
  font-family:fantasy;
}
#RoomType .Heya:hover .description>span{
  color:black;

}
#RoomType .Heya:hover .description>span.kakugen{
  color:black;
}
#RoomType h2{
 font-size:24px;
}
#RoomType span{
 font-size:16px;
}
#RoomKaisetu{
  padding-top: 10px;
  background-color:white;
}
#RoomKaisetu .room{
    display: flex;

}
#RoomKaisetu .slider_box{
  width: 75%;
}
#RoomKaisetu .slider_pager_container{
  margin-left: 5%;
  width: 50%;
}
#RoomKaisetu .custom-thumb{
  display: flex;
  flex-wrap: wrap;
}

.custom-thumb>a{
  display: block;
  width:26%;
  margin: 1%;
  transition: 1s;
  opacity: 1;
}
.custom-thumb>a:hover{
  opacity: 0.4;
  width: 32%;
  margin: 0%;

}
#RoomKaisetu h2{
  font-size: 45px;
}
#RoomKaisetu .main{

 margin: auto;
 padding-top:1.5%;
 padding-bottom:1%;
 padding-left: 12%;
 padding-right: 12%;
 border-bottom:  solid 1px rgb(158, 158, 158);
}
#RoomKaisetu  .mitorizu{
  width: 80%;
}

#RoomJump{
  top: 0;
  width: 0%;
  background-color: rgb(0, 0, 0);
  position: fixed;
  z-index:100;
  transition:0.7s;
}
#RoomJump>.display{
  position: absolute;
  background-color: rgb(255, 255, 255,0.4);
  width: 100%;
  height: 50px;
}
#RoomJump>a{
  display: block;
  margin-top: 5%;
  width: 100%;
  border-bottom: solid 1px rgb(150, 150, 150);
}
#RoomJump>a>img{
  width: 100%;
  transition: 0.3s;
}
#RoomJump>a>img:hover{
  width: 120%;
}
#RoomJump h2{
  transition: 0.3s;
  font-size: 0px;
  text-align: center;
  color: white;
}
.otoiawase_pop{
  position:fixed;
  right:1%;
  bottom:10%;
  padding:2%;
  background-color: white;
  text-align: center;
  border: solid 1px rgb(0, 0, 0);
  transition: 0.5s;
  font-weight: bold;
  opacity: 1;
}
.otoiawase_pop_hover{
  border-radius: 50% 50% 50% 50%;

  background-color: black;
  border: solid 1px white;
  font-weight: normal;
  color:white;
  opacity: 1;
}
#otoiawase{
  display: block;
  position: fixed;
  background-color: rgba(84, 236, 241, 0.81);
  width: 50%;
  height: 70%;
  right:-51%;
  z-index: 1000;
  top:5%;
  transition: 0.3s;
  text-align: center;

}
#otoiawase .kurasumo{
  display: block;
  border:solid 1px rgb(150, 150, 150);
  background-color: black;
  width:100%;
  color: white;
}
#otoiawase_pop .description{
  margin: auto;
}
#otoiawase .batobj{
  display: block;
  height: 6%;
  width: 100%;
}
#otoiawase .batu img{
  float:left;
  border: solid 1px rgb(122, 122, 122);
  width: 25%;
}

#otoiawase .tel{
  background-color: rgb(255, 255, 255);
  padding: 15px;
}
#otoiawase .mail{

  padding:15px;
}
#otoiawase a,#otoiawase .mail,#otoiawase .tel{
  display: block;
  transition: 0.5s;
}
#otoiawase a:hover{
 opacity: 0.5;
}

#third_content .description{
  display: none;
}
#googlemap{
  width: 70%;
  padding-left: 20%;

  padding-bottom: 7.5%;
}
#googlemap iframe{
  width: 100%;
}
#googlemap h2{
  padding: 15px;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (orientation: landscape)  {

  #RoomKaisetu .Reverse_flex{
    flex-direction: row-reverse;
  }
  .Keitaionly{
    display: none;
  }
  #otoiawase .batu img{

    border: solid 1px rgb(122, 122, 122);
    width: 15%;
  }
  #otoiawase{
    width: 20%;
  }
}
@media screen and (orientation: portrait)  {
  #googlemap{
    position: relative;
    width: 100%;
    padding-left: 0%;
    z-index: 100;
  }
  #googlemap h2{
    text-align: center;
  }
  #otoiawase .batobj{
    display: block;
    height: 12%;
    width: 100%;
  }
  #third_content>.back_img {
    display: none;
  }
  #pop_fixed_content{
    display: none;
  }
  #RoomType{
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #RoomType span{
      display: none;
  }
  #RoomType .Heya{
    margin-top: 15px;
    padding-bottom:0px;
  }
  #second_content>.description{
    top:55%;
  }
  #second_content>.description .span1{
    letter-spacing:0px;
  }
  #RoomJump h2{
    display:none;
  }
  .PConly{
    display: none;
  }
  .back_content img{
    width:100%;

  }
  #RoomKaisetu .room{
      display: block;

  }
  #RoomKaisetu .custom-thumb{
    width: 100%;
    flex-wrap: wrap;
    align-content: space-between;
  }

  .custom-thumb>a{
    display: block;
    width:14%;
    margin: 1%;
    transition: 1s;
    opacity: 1;
  }
  .custom-thumb>a:hover{
    opacity: 0.4;
    width: 20%;
    margin: 0%;
  }
  #RoomKaisetu .main{

   margin: auto;
   padding-top:1.5%;
   padding-bottom:1%;
   padding-left: 20%;
   padding-right:0%;
   border-bottom:  solid 1px rgb(158, 158, 158);
  }
  #RoomKaisetu .slider_box{
    width: 100%;
  }
  #RoomKaisetu .slider_pager_container{
    margin-left: 5%;
    width: 90%;
  }
  #RoomKaisetu h2{
    text-align: center;
  }
  #RoomJump>a{
    margin-top: 15%;
  }
  #otoiawase_pop{
    right:1%;
  }
  .PConly{
    display: none;
  }

  #third_content{
    position: static;
    padding :0px;
    left: 0;
    width: 100%;
  }
  #third_content>.main{

    width: 100%;
    max-width: 3000px;
    height: 100%;
  }
  #third_content .mapimg>amp-img{
    width: 100%;
  }
  #otoiawase_pop{
    padding: 3.5%;
  }
  #Balcony_view>.info{
    position: static;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);

  }
  .info_name>div{
    vertical-align:baseline;
  }
  .info th{
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 1%;
    width: 25%;
    border-top: solid 1px rgb(143, 143, 143);
  }

  .info td{
    border-top: solid 1px rgb(198, 154, 154);
  }
  .info *{
    font-weight: normal;
    font-size: 20px;
    font-family: "Sawarabi Mincho";
    color:rgba(0, 0, 0, 1);
  }
  #body_top_content amp-img{
    width: 100%;
  }
  #bokasi amp-img{
    width: 100%;
  }


}