html{
  margin:0 !important;
}
body{
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  margin:0 !important;
}

header{
  position:static;
}

img{
  max-width:100%;
  height:auto;
}

p{
  display:none;
}

#header{
  position:relative;
  color:#FFF;
}

#header > img{
  width:100%;
}

#header .heimgallerylogo{
  position:absolute;
  top:1%;
  right:0;
  left:0;
  width:100%;
  margin:auto;
}

#header .heimgallerylogo .header_box1{
  margin:auto;
  margin-bottom:6%;
  width:35.8%;
}

#header .heimgallerylogo .header_box2{
  margin:auto;
  margin-bottom:7%;
  width:72.4%;
}

#header .heimgallerylogo .header_box3{
  margin:auto;
  margin-bottom:3%;
  width:45.3%;
}

#header .heimgallerylogo .header_box4{
  margin:auto;
  margin-bottom:2%;
  width:45.8%;
}

#header .heimgallerylogo .header_box5{
  margin:auto;
  margin-bottom:10%;
  width:43.9%;
  width:55%;
}


#header .heimgallerylogo .header_box6{
  margin:auto;
  margin-bottom:2%;
  width:27.4%;
}

#header .heimgallerylogo .header_box7{
  margin:auto;
  margin-bottom:5%;
  width:85.6%;
  position:relative;
}

#header .heimgallerylogo .header_box7 .moviebtn{
  display:block;
  width:40%;
  height:20%;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

#header .heimgallerylogo .header_box8{
  margin:auto;
  margin-bottom:1%;
  width:45.3%;
}

#header .logoarea{
  margin:auto;
  width:45.3%;
  margin-top:100px;
  margin-bottom:30px;
}

#header .logoareabottom{
  margin-bottom:100px;
}

.slickcontainer{
  overflow:hidden;
  margin-bottom:4%;
}

.slick-slide{
  padding:0px;
}
.slick-slide img{
  width:100%;
}


#header .heimgallerylogo .header_box9{
  margin:auto;
  width:45.3%;
  margin-bottom:3%;
}



#header .heimgallerylogo .header_box10{
  margin:auto;
  margin-bottom:4%;
  width:90.7%;
}

.roombox1,
.roombox2,
.roombox3{
  color:#FFF;
  text-align:left;
  margin-bottom:2%;
}

.roombox1 a:hover img,
.roombox2 a:hover img,
.roombox3 a:hover img{
  opacity:0.8;
}

.roombox1 img,
.roombox2 img,
.roombox3 img{
  width:100%;
}

.room_name{
  display:none;
}

.room_small{
  font-size:80%;
  display:none;
}

.room_address{
  font-size:90%;
  display:none;
}

.room_tel{
  display:none;
}


.roombox1{
}

.roombox1 .col-md-4{
  padding:0;
}

.roombox2{

}

.roombox2 .col-md-4{
  padding:0;
}

.roombox3 .row{
  margin:0;
}

.roombox3 .row .col-md-4{
  padding:0;
}

.roombox3 .row .col-md-3{
  padding:0;
}


#article{
  position:relative;
}

#article > img{
  width:100%;
}






#footer{
  position:relative;
}

#footer > img{
  width:100%;
}


#footer .footer_logo{
  position:absolute;
  top:12%;
  right:0;
  left:0;
  width:45.3%;
  margin:auto;
  text-align:center;
}


#footer .gallery_copyright{
  position:absolute;
  bottom:1%;
  right:0;
  left:0;
  width:27.5%;
  height:12%;
  margin:auto;
  text-align:center;
}

#footer .gallery_copyright img{
  margin:auto;
  max-height:100%;
}

.roombox1slidecontainer,
.roombox2slidecontainer,
.roombox3slidecontainer{
  display:none;
}

.slick-dots li button:before{
  color:white !important;
}

.slick-dots li.slick-active button:before{
  color:gray !important;
}

/*

@media screen and (max-width:1500px){
  #footer .footer_logo{
    top:20%;
  }
}

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

  #header .heimgallerylogo .header_box1{
    margin-bottom:50px;
  }


  #header .heimgallerylogo .header_box2{
    margin-bottom:90px;
  }

  #header .heimgallerylogo .header_box3{
    margin-bottom:55px;
  }

  #header .heimgallerylogo .header_box4{
    margin-bottom:35px;
  }



  #header .heimgallerylogo .header_box5{
    margin-bottom:40px;
  }



  #header .heimgallerylogo .header_box7{
    margin-bottom:30px;
  }

  .slickcontainer{
    margin-bottom:30px;
  }

  #header .heimgallerylogo .header_box8{
    margin-bottom:40px;
  }


  #header .heimgallerylogo .header_box9{
    margin-bottom:0px;
  }



  #header .heimgallerylogo .header_box10{
    margin-bottom:40px;
  }


  .roombox1 img,
  .roombox2 img,
  .roombox3 img{
    margin-bottom:5px;
  }



}


*/


body .wp-image-684,
body .wp-image-686,
body .wp-image-688,
body .wp-image-690,
body .wp-image-692 {
 opacity: 0;
}
body .wp-image-684 {
 -webkit-animation-name: copyFade1;
 animation-name: copyFade1;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 animation-direction: normal;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
 animation-play-state: running;
}
body .wp-image-686 {
 -webkit-animation-name: copyFade1;
 animation-name: copyFade1;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 animation-direction: normal;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
 animation-play-state: running;
}
body .wp-image-688 {
 -webkit-animation-name: copyFade1;
 animation-name: copyFade1;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 animation-direction: normal;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
 animation-play-state: running;
}
body .wp-image-690 {
 -webkit-animation-name: copyFade1;
 animation-name: copyFade1;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 -webkit-animation-delay: 1.5s;
 animation-delay: 1.5s;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 animation-direction: normal;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
 animation-play-state: running;
}

body .wp-image-692 {
 -webkit-animation-name: copyFade1;
 animation-name: copyFade1;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease;
 animation-timing-function: ease;
 -webkit-animation-delay: 1.7s;
 animation-delay: 1.7s;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 animation-direction: normal;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
 animation-play-state: running;
}

@keyframes copyFade1 {
 0% {
  opacity: 0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  opacity: 1;
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
}
@keyframes copyFade2 {
 0% {
  opacity: 0;
  -webkit-transform:translateX(-40px);
  transform:translateX(-40px)
 }
 100% {
  opacity: 1;
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
}
@keyframes copyFade3 {
 0% {
  opacity: 0;
  -webkit-transform:translateX(40px);
  transform:translateX(40px)
 }
 100% {
  opacity: 1;
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
}


.floatbtn{
  max-width:200px;
  position:fixed;
  left:10px;
  bottom:10px;
}

@media screen and (max-width:875px){
#header .logoarea{
  margin-top:20px;
  margin-bottom:10px;
}
#header .logoareabottom{
  margin-top:20px;
  margin-bottom:10px;
}
}

/* iPad Pro */
/*
@media screen and (max-width:1090px){
  #header .heimgallerylogo{
    top:3%;
  }

  .room_address{
    font-size:80%;
  }

  #footer .footer_logo{
    top:18%;
  }


  #header .heimgallerylogo .header_box2{
    margin-bottom:50px;
  }


  #header .heimgallerylogo .header_box3{
    margin-bottom:20px;
  }

  #header .heimgallerylogo .header_box8{
    margin-bottom:20px;
  }

  .slickcontainer{
    margin-bottom:10px;
  }

}

@media screen and (max-width:875px){
  #header .heimgallerylogo{
    top:2%;
  }
}
*/
/* iPad Pro */
/*
@media screen and (max-width:769px){
  #header .heimgallerylogo{
    top:1%;
  }

  #header .heimgallerylogo .header_box1{
    margin-bottom:30px;
  }

  #header .heimgallerylogo .header_box6{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box8{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box10{
    margin-bottom:10px;
  }

  #footer .footer_logo{
    top:13%;
  }

  .roombox1,
  .roombox2,
  .roombox3{
    display:none;
  }
  .roombox1slidecontainer,
  .roombox2slidecontainer,
  .roombox3slidecontainer{
    color:#FFF;
    display:block;
    font-size:80%;
    text-align:left;
  }


}
*/

/* スマホ */
/*
@media screen and (max-width:376px){

  #header .heimgallerylogo .header_box1{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box2{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box3{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box4{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box5{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box6{
    margin-bottom:10px;
  }

  #header .heimgallerylogo .header_box7{
    margin-bottom:10px;
    width:70%;
  }

  #header .heimgallerylogo .header_box7 .moviebtn{
    width:50%;
  }

  #header .heimgallerylogo .header_box10{
    margin-bottom:10px;
  }
  .roombox1slidecontainer,
  .roombox2slidecontainer,
  .roombox3slidecontainer{
    font-size:40%;
  }

  #footer .gallery_copyright{
    height:16%;
    bottom:0;
  }

}
*/
@media screen and (max-width:414px){

#header .heimgallerylogo .header_box5{
  width:70%;
}
/*
  .roombox1,
  .roombox2,
  .roombox3{
    display:none;
  }
  .roombox1slidecontainer,
  .roombox2slidecontainer,
  .roombox3slidecontainer{
    color:#FFF;
    display:block;
    text-align:left;
  }
*/
  .floatbtn{
    width:100%;
    position:fixed;
    left:0px;
    bottom:10px;
    text-align:center;
  }

  .floatbtn img{
    max-width:50%;
  }

}