@charset "utf-8";

html {
  overflow-x: hidden!important;
}

#fftop_recomDetail section {
  padding: 0!important;
}

p { color: #000; }

/* メイン設定 */
.pc { display: none !important; }

.freeArea-direct {
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}


/* フェード設定 */

.fadein {
   opacity: 0;
   transform: translateY(60px);
   transition:all 0.8s;
}


#hotel_restaurant_2020_autumn {
  width: 100%;
  text-align: center;
  font-family: a-otf-midashi-go-mb31-pr6n,sans-serif;
  color: #000;
  background: -moz-linear-gradient(top, #fff, #f5f3f1);
  background: -webkit-linear-gradient(top, #fff, #f5f3f1);
  background: linear-gradient(to bottom, #fff, #f5f3f1);
  padding-bottom: 50px;
}



.cap {
  padding: 0px 0 50px 0;
  margin: auto;
  text-align: center;

}

.line {
  background: #000;
  height: 200px;
  width: 1px;
  margin: 50px auto 50px auto;
}




img.main_title.fadein {
  width: 80%;
  margin: 50px auto 50px auto;

}


p.sub_title {
  font-family: a-otf-midashi-go-mb31-pr6n,sans-serif;
  color: #a68346;
  font-weight: bold;
  font-size: 8px;
  letter-spacing: .18rem;
  margin: 0 auto 10px auto;
  text-align: center;
}





p.contents_title {
  color: #aa8546;
  font-size: 25px;
  font-family: Playfair Display,serif;
  margin: 0 auto 30px auto;
}




/* スライダー */
.slider {
    width: 100%;
    padding: 0px 0 10px 0;
    margin: auto;
}

.slick-slide img {
    width: 100%;
    margin: auto;
}



.slick-slide img:hover {
  opacity: .7;
}

.mypattern , .slider{
    width: 100%;
}




.prev-arrow,
.next-arrow {
  position: absolute;
  width: 20px;
  top: 90%;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.prev-arrow {
  left: 10px;
  top: 450px;
  z-index: 100;
}

.next-arrow {
  right: 10px;
  top: 450px;
  z-index: 100;
}


/* メニュー */

.menu {
  border: 1px solid #a68346;
  display: flex;
  flex-direction: column;
  margin: 10px;
  padding: 10px;
  text-align: center;
}

.menu a {
  color: #000;
  letter-spacing: .12rem;
  line-height: 2;
  font-size: 12px;
  margin: 0 auto 20px auto;
}


.menu span.name {
  color: #a68346;
  font-size: 25px;
  font-weight: bold;
  font-family: Rosewood Std;
}




/* リスト */

.hotel_list {
  width: 90%;
  margin: auto;
  margin: 100px auto 0 auto;
}


ul.list_main {
  width: 90%;
  margin: auto;
 font-size: 0;
}


li.list_contain {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto 50px auto;
}

li.list_contain:hover {
  opacity: .7;
}

.list_contain a {
  text-decoration: none;
}


.list_img img{
  width: 100%;
}


.list_title {
  color: #000;
  font-size: 12px;
  margin: 20px auto 20px auto;
}


.list_title_sub {
  color: #000;
  font-size: 16px;
  margin: 20px auto 20px auto;
}



.link_btn {
  color: #000;
  margin: auto;
  padding: 10px 0 10px 0;
  background: #fff;
  border: 1px solid #000;
}



.link_btn a {
  color: #000;
  font-size: 18px;
  text-decoration: none!important;
}

span.link_small {
  font-size: 13px;
}


.link_btn:hover {
  background: #aa8546;
}