@charset "UTF-8";

@font-face {
  font-family: 'MyFont_FuturaMediumBT';
  src: local('FuturaMediumBT.ttf'), url("../../../common/font/FuturaMediumBT.ttf");
  font-display: swap;
  font-weight: 700;
}


/*カラー共通　ここの色を変えれば全体が変わる*/
:root {
  /* 特典枠の色 */
  --tokuten-color: rgba(5, 5, 5, 1);
  /* 優待内容のテキストの色 */
  --yutai-color: rgba(188, 158, 84, 1);
  /* 各メニューの背景 */
  --yutai_back: #fff;
  /* ページ全体の背景 */
  --yutai_all_back: rgba(188, 158, 84, 1);
  /*ページ数のボタン*/
  --page-color: rgba(188, 158, 84, 1);
  --gold-color: rgba(188, 158, 84, 1);
  --black-color: rgba(5, 5, 5, 1);
  --gray-color: rgba(153, 153, 153, 1);
  --title-f-size: 24px;
  --sbtitle-f-size: 20px;
  --txt-f-size: 15px;
  --remark-f-size: 13px;
  --big-f-size: 2em;
  --border-radius: 10px;
}


.fadein,
.leisureBox01MT,
.leisureBox02MT {
  opacity: 0;
  transition: all 0.9s;
}

.fadein.active,
.leisureBox01MT.active,
.leisureBox02MT.active {
  opacity: 1;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* 画面100%表示用↓ここから */
.mainContentMT {
  width: 100%;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
}

/* 画面100%表示用↑ここまで */

/* フォルシアレコメンド画面100%表示対応 ↓ここから↓*/
.spook_wrapper,
.mainContentMT {
  width: 100%;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

/* リスト表示・マップ表示 */
.spook_displaySwitchArea {
  margin: 0 auto;
}

/*　パンくず　*/
.spook_breadcrumbArea {
  margin-bottom: 10px;
  width: 940px;
  margin: 0 auto 10px;
}

/* 検索結果画面全体 */
.spook_contentsArea {
  width: 940px;
  margin: 0 auto;
}

/* 検索結果画面下のpowered by FORCIAのロゴ */
.spook_poweredby {
  margin: 10px auto 20px;
  width: 940px;
}

/* フォルシアレコメンド画面100%表示対応 ↑ここまで↑*/

/* 宿フォルシアレコメンド画面100%表示対応 ↓ここから↓*/

@media screen and (min-width: 768px) {

  .spook_Container,
  #contentslayout {
    width: 100% !important;
  }

  nav.spook_path.spook_special {
    width: 940px;
    margin: 0 auto 1em;
  }

  #forcia_gadget_yado_list .spook_special_heading__map {
    margin: 15px 0 0 calc((100% - 940px) / 2);
  }

  .spook_Search_Box {
    max-width: 940px;
    box-sizing: border-box;
    margin: 0 auto 10px;
  }

  .spook_Container div.spook_Result_Info {
    max-width: 940px;
    margin: 0 auto 10px;
  }

  .spook_Result_Box {
    max-width: 940px;
    margin: 0 auto 50px;
  }

  p.poweredby {
    max-width: 940px;
    margin: 0 auto;
  }

  .spook_arrange_wrap .spook_result_pager ul {
    float: inherit;
    display: flex;
    max-width: 940px;
    margin: 0 auto;
    height: 100%;
    justify-content: flex-end;
  }

  .spook_arrange_wrap .spook_result_pager li {
    float: inherit;
  }

  .spook_Result_Info .spook_cnt_wrap {
    float: inherit;
    width: 83%;
  }

  .spook_Result_Info .spook_arrange_wrap .spook_sort {
    float: inherit;
  }

  .spook_arrange_wrap .spook_result_pager li.spook_prev,
  .spook_arrange_wrap .spook_result_pager li.spook_next {
    min-width: 6em;
  }


}

#forcia_gadget_yado_list {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

/* 画面100%表示用↑ここまで */





#vpl_category {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  padding: 5% 0;
  background: url("../../../../../../../files/info/00000800/images/bg01.webp") no-repeat top left, url("../../../../../../../files/info/00000800/images/bg02.webp") no-repeat bottom right;
  background-color: var(--gold-color);
  background-size: 400px;
}

/* ↓ここからヘッダー画像↓ */

#vpl_category .head {
  margin: 0 auto;
}

#vpl_category .vpl_ttl {
  text-align: center;
  color: #fff;
}

#vpl_category .category_ttl {
  width: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
}

#vpl_category .category_ttl img {
  width: 100%;
}

#vpl_category .vpl_ttl .ttl {
  font-family: "MyFont_FuturaMediumBT", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: var(--title-f-size);
  margin: 0.5em 0 1.25em;
  line-height: 1;
}

#vpl_category .vpl_ttl .ttl p {
  font-size: var(--big-f-size);
  display: inline-block;
  border-bottom: solid 5px;
  padding: 0 0 0.1em;
  line-height: 1.2;
  color: #fff;
}

#vpl_category .vpl_ttl .text {
  margin: 0 0 2em;
  line-height: 2;
}

#vpl_category .vpl_ttl .text p {
  color: #fff;
  font-size: var(--txt-f-size);
}

#vpl_category .btn_all {
  display: flex;
  justify-content: space-between;
  width: min(90%, 940px);
  margin: 0 auto;
}

#vpl_category .btn a {
  display: block;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: var(--txt-f-size);
}

#vpl_category .btn a img {
  display: block;
  background-color: #fff;
  border-radius: var(--border-radius);
  margin: 0 auto;
  width: 130px;
  transition: all 0.3s ease;
}

#vpl_category .btn a p {
  text-decoration: none;
  text-align: center;
  margin: 1em auto 0;
  transition: all 0.3s ease;
  font-size: var(--txt-f-size);
  line-height: 1.2;
  color: #fff;
}

#vpl_category .btn a:hover {
  opacity: 1;
}


#vpl_category .btn.on a p,
#vpl_category .btn a:hover p {
  color: var(--black-color);
  opacity: 1;
}

#vpl_category .btn.on a img,
#vpl_category .btn a:hover img {
  background-color: var(--black-color);
  opacity: 1;
}


.btn a:link,
.btn a:visited {
  text-decoration: none;
}


#vpl_category .other_btn_all {
  display: flex;
  justify-content: space-between;
  margin: 5% auto 0;
  width: min(90%, 940px);
}


#vpl_category .btn.other {
  width: 45%;
  text-align: center;
  margin: 0;
}

#vpl_category .btn.other a {
  font-size: var(--txt-f-size);
  display: block;
  padding: 1.25em 0;
  border-radius: 3em;
  border: solid 2.5px #fff;
  margin: 0 auto;
  position: relative;
  color: #fff;
  background-color: var(--gold-color);
}

#vpl_category .btn.other a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5em;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}

#vpl_category .btn.other a p {
  margin: 0;
  font-size: var(--txt-f-size);
  line-height: 1;
}

#vpl_category .btn.other a:hover {
  color: var(--gold-color);
  background: #fff;
  opacity: 1;
}

#vpl_category .btn.other a:hover p {
  color: var(--gold-color);
}


/* ↑ここまでヘッダー画像↑ */


/* ↓ここから↓ 富士通レコメンド紐づけメニュー */

/* 表示行数の位置調整 */
.leisureLayoutMT .layer02MT {
  max-width: min(90%, 940px);
  margin: 0 auto;
}

/*　全体背景　*/
.leisureLayoutMT {
  background-color: var(--yutai_all_back);
}

.layer02MT {
  height: 0px;
}

/* 表示行数 */
.displayMT {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/* 表示行数 */
.displayMT dl dt {
  color: #fff;
}

/* 1・2・・・次・最後 */
.pagingMT {
  margin-left: 30px;
}

/* 1・2・・・次・最後 */
.pagingMT li a {
  color: var(--black-color);
}

/* 1・2・・・次・最後 */
.pagingMT li.active {
  color: var(--page-color);
}

/* 表示行数下の水色線の削除 */
.punctuationMT {
  background: none;
  margin-bottom: 40px;
}

/* 紐づけ優待全体 */
.leisureBox01MT {
  color: var(--black-color);
  background-color: var(--yutai_back);
  font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-feature-settings: "palt";
  width: min(90%, 940px);
  box-sizing: border-box;
  margin: 40px auto 0px;
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.leisureLayoutMT h3.txtB {
  font-size: var(--remark-f-size);
}

/* 優待メニュータイトル */
.leisureBox01MT a {
  color: var(--black-color);
  font-size: 16px;
}

/* 特典内容欄 */
.leisureLayoutMT .leisureBox01MT .privilegeMT {
  border: none;
}

/* 特典内容欄　枠線 */
.leisureLayoutMT .leisureBox01MT .privilegeMT dl {
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 0.5em;
  border: solid 2px var(--yutai_back);
}

/* 特典1 */
.leisureLayoutMT .leisureBox01MT .privilegeMT dt {
  float: inherit;
  position: inherit;
  top: inherit;
  margin: inherit;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: var(--tokuten-color);
}

/* 特典内容欄　長さ */
.leisureLayoutMT .leisureBox01MT .privilegeMT dd {
  padding: 10px;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0;
  border-top: none;
  width: 100%;
  float: inherit;
  background: #eee;
}

/* 特典内容欄　強調 */
.leisureLayoutMT dd .txtRed {
  color: var(--yutai-color);
  font-weight: bold;
  font-size: 15px;
}

/* 優待紹介テキスト　位置調整 */
.leisureBox01MT .innerMT {
  display: flex;
}

/* 優待紹介テキスト　位置調整 */
.leisureBox01MT .txtBoxMT {
  width: 100%;
  float: none;
}

p.txt14b.mb10 {
  display: none;
}

/* 優待紹介テキスト */
.leisureBox01MT .txtBoxMT p.mb10 {
  font-size: 13px;
  line-height: 2;
  text-align: left;
  max-height: 8em;
  margin: 0 !important;
  position: relative;
  overflow-y: auto;
  padding-right: 1em;
  scrollbar-width: thin;
  scrollbar-color: var(--gold-color) #eee;
}

.leisureBox01MT .txtBoxMT p.mb10::-webkit-scrollbar {
  width: 5px;
}

.leisureBox01MT .txtBoxMT p.mb10::-webkit-scrollbar-track {
  background-color: #eee;
}

.leisureBox01MT .txtBoxMT p.mb10::-webkit-scrollbar-thumb {
  background-color: var(--gold-color);
  border-radius: 3em;
}


.leisureBox01MT .txtBoxMT p.txt14b.mb10::before {
  display: none;
}

/*特典内容はログイン後に表示　テキスト*/
.leisureLayoutMT .leisureBox01MT .privilegeMT p a::before {
  content: "※特典内容はログイン後に表示されます";
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 15px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #eee;
  border-radius: 0.5em;
}

/*ログイン後に特典表示の画像削除*/
.privilegeMT p a img {
  display: none;
}

.leisureLayoutMT .ImgBoxMT img {
  border: none;
}

/* ↑ここまで↑ 紐づけメニュー */


/*↓ ここからスマホ ↓*/

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

  :root {
    --title-f-size: 20px;
    --sbtitle-f-size: 18px;
    --txt-f-size: 15px;
    --remark-f-size: 13px;
    --big-f-size: 2em;
    --border-radius: 7px;
  }


  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  #vpl_category {
    padding: 10% 0 0;
    background-size: 40%;
  }

  #vpl_category .category_ttl {
    width: 3em;
    height: 3em;
    font-size: var(--title-f-size);
  }

  #vpl_category .btn_scroll {
    overflow-x: auto;
  }

  #vpl_category .btn_scroll::-webkit-scrollbar {
    height: 4px;
  }

  #vpl_category .btn_scroll::-webkit-scrollbar-track {
    margin: 0 4px;
    border-radius: 4px;
  }

  #vpl_category .btn_scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .5);
  }


  #vpl_category .btn_all {
    width: 150%;
    justify-content: space-around;
  }

  #vpl_category .btn {
    width: min(100px, 30%);
  }

  #vpl_category .btn a img {
    width: 100%;
  }

  #vpl_category .other_btn_all {
    flex-direction: column;
    margin: 0 auto;
    padding: 5% 0;
  }

  #vpl_category .btn.other {
    width: 100%;
    margin: 5% auto;
  }

  #fftop_recomDetail .reBox {
    padding: 0px;
  }

  /*　全体背景　*/
  .leisureLayoutMT {
    background-color: var(--yutai_all_back);
  }

  /* 全体フォント */
  section.leisureBox02MT.mb20 {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    color: var(--black-color);
  }

  /* 全体フォント */
  article p {
    color: inherit;
  }

  /* 表示行数 */
  #fftop_recomDetail .displayMT {
    margin: 0;
  }

  /* 表示行数 */
  #fftop_recomDetail .displayMT dl {
    padding: 0;
  }

  /* 表示行数 */
  #fftop_recomDetail .displayMT dl dt {
    display: table-cell;
    font-size: var(--txt-f-size);
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }

  /* 表示行数 */
  #fftop_recomDetail .displayMT dl dd {
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }

  /* 1 2 3 次 最後　ボタン */
  #fftop_recomDetail .pagingMT {
    margin: 20px auto 10px;
  }

  /* 1 2 3 次 最後　ボタン */
  #fftop_recomDetail .pagingMT li {
    background-color: #fff;
    color: var(--black-color);
    font-size: 3.947vw;
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    margin: 0.3em;
  }

  #fftop_recomDetail .pagingMT li.active {
    color: var(--page-color);
  }

  /* 全体枠 */
  #fftop_recomDetail .leisureBox02MT .BlocMT {
    background-color: var(--yutai_back) !important;
    margin: 10% auto;
    padding: 0;
    width: 90%;
    border: none;
    overflow: hidden;
    border-radius: var(--border-radius);
  }

  /* カテゴリ名 */
  .leisureLayoutMT h3.txtB {
    background: none;
    padding: 1em;
    color: inherit;
    margin: 0;
  }

  /* 写真・優待内容レイアウト */
  #fftop_recomDetail .leisureBox02MT .BlocMT .innerMT {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  /* 写真 pタグ */
  #fftop_recomDetail .leisureBox02MT .innerMT .ImgBoxMT {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  /* 写真　imgタグ*/
  #fftop_recomDetail .leisureBox02MT .innerMT .ImgBoxMT img {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }

  /*　おすすめ画像　*/
  ul.NumMT li img {
    width: 16vw;
    height: auto;
  }

  /*　申込番号　*/
  #fftop_recomDetail .leisureBox02MT .innerMT .txtBoxMT .NumMT li {
    font-size: var(--remark-f-size);
    color: var(--black-color);
    margin: 1em 0;
  }

  #fftop_recomDetail .leisureBox02MT .innerMT .txtBoxMT {
    display: block;
    width: 90%;
    margin: 0 auto;
  }


  /* 優待名 */
  #fftop_recomDetail .leisureBox02MT .innerMT .txtBoxMT h4 {
    color: var(--black-color);
    font-size: var(--txt-f-size);
    margin: 0 0 1em;
  }

  /* 会員特典 */
  #fftop_recomDetail .leisureBox02MT p.privilegeHeading {
    font-size: var(--txt-f-size);
    font-weight: 600;
    color: #fff;
    background-color: var(--tokuten-color);
    padding: 0.5em 2em;
    margin: 2em 0 0 1em;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3em;
    line-height: 1;
  }

  /* 会員特典の枠 */
  #fftop_recomDetail .leisureBox02MT .privilegeMT {
    border: none;
    box-sizing: border-box;
    margin: 1em;
    max-height: 6em;
    overflow-y: scroll;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }

  /* 会員特典欄内のテキスト */
  #fftop_recomDetail .leisureBox02MT .privilegeMT dl {
    margin: 1em 0 0;
  }

  #fftop_recomDetail .leisureBox02MT .privilegeMT dl:first-child {
    margin: 0;
  }

  #fftop_recomDetail .leisureBox02MT .privilegeMT dl dd {
    font-size: var(--txt-f-size);
    color: var(--black-color);
    padding: 0;
    background: inherit;
  }

  /* 会員特典欄内のテキスト　強調 */
  .leisureLayoutMT dd .txtRed {
    font-weight: 700;
  }

  /*ログイン後に特典表示の画像削除*/
  #fftop_recomDetail .leisureBox02MT .privilegeMT p img {
    display: none;
  }

  /*ログイン後に特典表示のテキスト*/
  #fftop_recomDetail .leisureBox02MT .privilegeMT p::before {
    content: "※特典内容はログイン後に表示されます";
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 3.947vw;
  }

  p.mb10::before {
    display: none;
  }

  /* ↓ここから↓　フォルシア型ライフレコメンド */
  .SPK_btn_search_panel {
    bottom: 20px;
    left: 20px;
  }


  .SPK_container {
    background-color: var(--yutai_all_back);
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }

  .SPK_result_container {
    background: var(--yutai_all_back);
  }

  .SPK_path {
    margin: 0;
    background: #fff;
    padding: 0 1em;
  }

  .SPK_meganav_contents {
    background-color: #fff;
  }

  .SPK_result_list {
    border: none;
  }


  .SPK_result_count {
    padding: 2em 0 0;
    margin: 0 auto;
    width: 90%;
  }

  .SPK_result_count_all_wrap {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 2em;
  }

  #forcia_gadget_lifeMap .SPK_result_count_all_wrap {
    flex-direction: column;
  }

  .spook_special_wrap .SPK_btn_switch_search {
    float: initial;
    margin: 0;
  }

  .SPK_btn_switch_search>a {
    height: initial;
    padding: 0.5em 1em;
    font-size: var(--remark-f-size);
  }

  .SPK_result_count_all,
  .SPK_result_count_all em {
    color: var(--black-color);
    padding: 0;
  }

  .SPK_result_count_all_wrap::after {
    display: none;
  }

  .SPK_result_list>li {
    border: none;
    background-color: var(--yutai_back);
    margin: 10% auto;
    padding: 0;
    width: 90%;
    border: none;
    overflow: hidden;
    border-radius: var(--border-radius);
  }

  .SPK_result_list li:first-child {
    margin: 5% auto 10%;
  }

  .SPK_result_item {
    padding: 0;
  }

  .SPK_result_item_image,
  .SPK_result_item_image img {
    float: inherit;
    width: 100%;
    vertical-align: bottom;
    position: relative;
  }

  .SPK_result_item_image .spook_mapSearch__point-side--life {
    top: 15px !important;
    left: 15px !important;
    z-index: 2;
  }

  .SPK_result_item_detail {
    padding: 1em;
    min-height: inherit;
    width: 100%;
  }

  .SPK_result_item_header,
  .SPK_result_item_detail .SPK_category,
  .SPK_result_item_detail p:last-child,
  .spook_storeAddress {
    display: none;
  }

  .spook_iconStatus {
    padding: 0.5em;
    margin: 0 0 1em;
    font-size: var(--remark-f-size);
  }

  #fftop_recomDetail .SPK_result_item_name {
    margin: 0;
    padding: 0 0 0.5em;
    font-size: var(--sbtitle-f-size);
    font-weight: 700;
    color: var(--black-color);
  }

  .SPK_result_item_target {
    display: none;
  }

  .SPK_result_item_target.SPK_note {
    font-size: var(--txt-f-size);
    margin: 1em 0;
    line-height: 1.8;
  }

  .SPK_ico_coupon,
  .spook_iconSpecial02,
  .spook_iconSpecial08,
  .spook_iconSpecial09,
  .spook_iconSpecial35,
  .spook_iconSpecial36 {
    font-size: var(--remark-f-size);
    padding: 0.4em;
    border-radius: 0.4em;
  }

  .SPK_result_item_tokuten {
    width: 100%;
    background-color: #fff;
    border: none;
    padding: 0 1em 1em;
    margin: 0 auto;
  }

  .SPK_result_item_tokuten .SPK_heding {
    position: relative;
    color: #fff;
    background-color: var(--tokuten-color);
    padding: 0.5em 2em;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3em;
    line-height: 1;
    font-size: var(--remark-f-size);
  }

  .SPK_result_item_tokuten a {
    color: var(--black-color);
    margin: 1em 0 0;
    padding: 0 2em 0 0;
    font-size: var(--txt-f-size);
    line-height: 1.3;
    position: relative;
  }

  .SPK_result_item_tokuten a::before {
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: initial;
    -webkit-transform: initial;
  }

  .SPK_result_item_tokuten .txtRed {
    font-size: 1.2em;
    color: var(--yutai-color);
  }


  /* ↑ここまで↑　フォルシア型ライフレコメンド */


  /* ↓ここから↓　フォルシア型リゾートレコメンド */

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo {
    display: flex;
    flex-direction: column;
  }

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_image_wrap {
    width: 100%;
    float: initial;
  }

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_image_wrap .spook_images .spook_sub1,
  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_image_wrap .spook_images .spook_sub2 {
    display: none;
  }

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_detail_wrap {
    float: initial;
    width: 100%;
    padding: 1em 0;
  }

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_detail_wrap .spook_lead b {
    color: #5b5a5a;
  }

  .spook_Result_Wrap .spook_Result_Box .spook_result_hotelinfo .spook_detail_wrap .spook_address {
    width: 100%;
    font-size: inherit;
  }

  .spook_btn_dp_wrap {
    width: 100%;
    float: initial;
    margin-bottom: 0;
    padding: 0 0 1em;
}

}