@charset "UTF-8";


#fftop_recomDetail section {
  padding: 0!important;
}


/* Fade */

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 0.5s;
}


.pc { display: none!important; }



#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #2f1e06;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}




#luxuryhotel_10{
  background: #806d5c;
  background-image: url(../img/bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  color: #515151;
  padding-bottom: 50px;
  font-family: "游明朝体", "Yu Mincho", "YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3";
}

#luxuryhotel_10 p{
  margin-block-start: 0;
  margin-block-end: 0;
}


#luxuryhotel_10 a {
  text-decoration: none!important;
}

#luxuryhotel_10 a:hover {
  opacity: .4;
}

.head {
  width: 100%;
  margin: 0 auto;
  padding: 90px 0 140px 0;
  text-align: center;
}

.head img {
  width: 90%;
  height: auto;
  margin-bottom: 50px;
}





.hotels {
  width: 100%;

}

ul.multiple-item {
  width: 100%;
}





/* SLIDER DETAIL SETTING */

.tokuten p{
  display: inline-block;
  padding: 0.2em 0.6em;
  margin: 0 0.2em 0 0.2em;
  border: solid 1px #515151;
}

/* SLIDER - FONT */

p.name{
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 10px 0 10px 0;
  line-height: 1.2em;
}


p.plan{
  color: #eae2d8;
  font-size: 13px;
  line-height: 1.3em;
  padding: 0 0 10px 0;
}


span.vip, span.std{
  display: inline-block;
  font-size: 10px;
  border: 1px solid #eae2d8;
  padding: 0.1em 0.2em 0.1em 0.2em;
  vertical-align: super;
  color: #eae2d8;
}




.price01{
  display: inline-block;
  font-size: 18px;
  color: #eae2d8;
}

.price02{
  display: inline-block;
  font-size: 18px;
  color: #eae2d8;
}



.hotel_contents {
  width: 90%;
  margin: auto;
}



/* BOX--1 */


.palace, .hyatt,.ritz, .imperial, .kahuu, .novotel,.rihga, .hakone, .prince, .yokohama, .nesta {
  text-align: center;
  margin: 40px auto 40px auto;
  padding: 0px 0px 25px 0px;
  box-shadow: 0 0 5px 5px #a9977f;
}


.hotel_box1 .left {
 align-self: center;
}



.rihga img, .hakone img, .prince img, .novotel img, .kahuu img {
  width: 100%;
  height: auto;
}


.btn {
  display: inline-block;
  font-size: 17px;
  padding: 0.5em 3.8em 0.5em 3.8em;
  margin: 20px auto 0 auto;
  color: #fff;
  background: #231815;
  transition: .4s;
}


.btn:hover {
  color: #a9977f;
  background: #ccc;
  padding: 0.5em 3.8em 0.5em 3.8em;
}




.others {
  text-align: center;
  margin-bottom: 50px;
}






.others .btn {
  display: inline-block;
  font-size: 20px;
  padding: 0.5em 2em 0.5em 2em;
  color: #231815;
  background: #eae2d8;
  transition: .4s;
}


.others .btn:hover {
  color: #a9977f;
  background: #231815;
  padding:0.5em 2em 0.5em 2em;
}





 /*=== BIG SLIDER SETTING 1 ======================================= */
.slide1, .slide2{
  width: 100%;
  height: 232px;
  position   : relative;
  overflow   : hidden;
  margin     : auto; 
}


.slide1 img, .slide2 img{
  width: 100%;
  display    : block;
  position   : absolute;
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 12s ease infinite;
}
 
.slide1 img:nth-of-type(1) { animation-delay: 0s }
.slide1 img:nth-of-type(2) { animation-delay: 4s }
.slide1 img:nth-of-type(3) { animation-delay: 8s }

.slide2 img:nth-of-type(1) { animation-delay: 0s }
.slide2 img:nth-of-type(2) { animation-delay: 4s }
.slide2 img:nth-of-type(3) { animation-delay: 8s }

@keyframes slideAnime{
   0% { opacity: 0 }
   16% { opacity: 1 }
  33% { opacity: 1 }
  49% { opacity: 0 }
 100% { opacity: 0 }
}








/* FONT SETTING */

p.head_caption.fadein {
  color: #eae2d8;
  font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0.2em;
  margin: 60px auto 0px auto;
  text-shadow: 4px 4px 4px #000;
}



p.title {
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}



p.hotel_title, .hotel_box2 p.hotel_title {
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  padding: 10px 0 10px 0;
}





p.hotel_title_sub{
  color: #231815;
  font-size: 16px;
  line-height: 1.3em;
}

p.hotel_caption {
  display: none;

}


p.chui {
  color: #eae2d8;
  font-size: 10px;
}

span.date {
  color: #eae2d8;
  font-size: 10px;
  text-decoration: underline;
}