@charset "UTF-8";
/* CSS Document */
/* 共通 */
body, main { font-family: "M PLUS Rounded 1c", sans-serif; }

@media (min-width: 768px) { .midashi_01 .text .ja { font-weight: 500; font-size: 26px; }
  .midashi_01 .text .en { font-weight: 400; font-size: 14px; }
  .news_btn { top: -50px; position: relative; margin: 0 auto -50px; }
  .chara_btn { position: relative; margin: 110px auto 0; }
  .chara_btn img { position: absolute; width: 60px; z-index: 1; left: calc(50% - 30px); top: -60px; }
  .chara_btn.floor { margin: 10px auto 0; }
  .chara_btn.floor img { top: -50px; } }
@media (max-width: 767.98px) { .midashi_01 .text .ja { font-weight: 500; font-size: 18px; }
  .midashi_01 .text .en { font-weight: 400; font-size: 12px; }
  .chara_btn { position: relative; margin: 80px auto 0; }
  .chara_btn img { position: absolute; width: 66px; z-index: 1; left: calc(50% - 33px); top: -66px; }
  .chara_btn.floor { margin: 10px auto 0; }
  .chara_btn.floor img { top: -55px; left: calc(50% - 40px); } }
/* トップスライド */
#topslide { width: 100%; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 5px 0; }

.swiper-pagination-bullet-active::before { opacity: 1; }

#topslide .swiper-button-next, #topslide .swiper-container-rtl .swiper-button-prev { background-image: url("http://www.h-bt.jp/common/images/icon/ar_w.svg"); }

#topslide .swiper-button-prev, #topslide .swiper-container-rtl .swiper-button-next { background-image: url("http://www.h-bt.jp/common/images/icon/al_w.svg"); }

@media (min-width: 768px) { #topslide .swiper-slide { aspect-ratio: 1480 / 650; width: 100%; max-width: 1480px; }
  .slide_mask { display: block; height: 650px; width: 2000px; position: absolute; top: 0; z-index: 9; }
  .slide_mask::before, .slide_mask::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
  .slide_mask::before { background-color: rgba(0, 0, 0, 0.5); }
  .slide_mask::after { background: url("http://www.h-bt.jp/common/images/back/slide.png") repeat center/3px; }
  .slide_mask.next { left: calc(50% + 740px); }
  .slide_mask.prev { right: calc(50% + 740px); }
  #topslide .swiper-button-next, #topslide .swiper-button-prev { top: calc(50% - 17px); }
  #topslide .swiper-button-next, #topslide .swiper-container-rtl .swiper-button-prev { right: auto; left: calc(50% + 755px); }
  #topslide .swiper-button-prev, #topslide .swiper-container-rtl .swiper-button-next { left: auto; right: calc(50% + 755px); } }
@media (max-width: 767.98px) { #topslide .swiper-button-next, #topslide .swiper-container-rtl .swiper-button-prev { display: none; }
  #topslide .swiper-button-prev, #topslide .swiper-container-rtl .swiper-button-next { display: none; } }
/* メニュー */
@media (min-width: 768px) { .top_menu { display: flex; justify-content: center; width: 100%; max-width: 1480px; margin: 0 auto; }
  .top_menu a { max-width: 308px; margin: 0 10px; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; }
  .top_menu a::before { content: ""; background-color: rgba(102, 100, 100, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 15px; }
  .top_menu a img { border-radius: 15px; }
  .top_menu a span { position: absolute; color: #fff; font-size: clamp(22px, 1.8vw, 25px); } }
@media (max-width: 767.98px) { .top_menu { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 20px; width: 100%; max-width: 500px; margin: 0 auto; }
  .top_menu a { width: calc(50% - 10px); margin: 0 0 20px 0; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; }
  .top_menu a::before { content: ""; background-color: rgba(102, 100, 100, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 15px; }
  .top_menu a img { border-radius: 15px; }
  .top_menu a span { position: absolute; color: #fff; font-size: 14px; }
  .top_menu a:nth-child(5) { margin: 0; } }
/* 新着情報 */
.news_list a { background-color: white; color: #404040; transition: .3s; }

.news_list a:hover { text-decoration: none; opacity: 0.7; }

.news_list a > span.image { display: block; background-position: center; background-repeat: no-repeat; background-size: contain; border: 1px solid #eee; background-image: url(http://www.h-bt.jp/news/images/logo.jpg); }

.news_list a > time { text-align: left; display: block; font-weight: bold; font-weight: 500; margin: 1em 0 8px; }

.news_list a > p { font-weight: bold; font-weight: 500; margin: 0; }

@media (min-width: 768px) { #sp_news_list { display: none; }
  .news_list { padding: 0 0 100px; }
  .news_list a { padding: 10px 10px 0; width: 240px; height: auto; margin: 0 10px; }
  .news_list a > span.image { height: 140px; border-radius: 10px; }
  .news_list a > span.icon { font-size: 12px; background-color: #a99472; border-radius: 8px; display: inline-block; padding: 5px 10px; color: #fff; }
  .news_list a > span.shop { font-size: 12px; color: #a99472; font-size: bold; }
  .news_list a > time { font-size: 12px; }
  .news_list a > p { font-size: 14px; margin: 0 0 7px; }
  #pc_news_list .swiper-button-next, #pc_news_list .swiper-button-prev { top: auto; bottom: 0; margin: 0; }
  #pc_news_list .swiper-button-next, #pc_news_list .swiper-container-rtl .swiper-button-prev { background-image: url("http://www.h-bt.jp/common/images/icon/ar_g.svg"); right: auto; left: calc(50% + 485px); background-size: 12px 20px; width: 50px; height: 50px; border: 1px solid #d9d9d9; border-radius: 50%; }
  #pc_news_list .swiper-button-prev, #pc_news_list .swiper-container-rtl .swiper-button-next { background-image: url("http://www.h-bt.jp/common/images/icon/ar_g.svg"); left: auto; right: calc(50% + 485px); background-size: 12px 20px; width: 50px; height: 50px; border: 1px solid #d9d9d9; border-radius: 50%; transform: scale(-1, 1); } }
@media (max-width: 767.98px) { #pc_news_list { display: none; }
  #sp_news_list { padding: 0 5px; }
  .news_list { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 500px; }
  .news_list a { width: calc(50% - 10px); margin: 0 5px 20px; padding: 5px 5px 10px; }
  .news_list a > span.image { padding: 0 0 63.5%; border-radius: 5px; }
  .news_list a > span.icon { font-size: 10px; background-color: #a99472; border-radius: 8px; display: inline-block; padding: 5px 10px; color: #fff; }
  .news_list a > span.shop { font-size: 11px; color: #a99472; font-size: bold; }
  .news_list a > time { font-size: 11px; margin: 1em 0 5px; }
  .news_list a > p { font-size: 13px; margin: 5px 0 5px; } }
#top_news_link { color: #404040; border: 1px solid #bfbfbf; display: flex; justify-content: center; align-items: center; background: white url("http://www.h-bt.jp/common/images/icon/arrow_b.svg") no-repeat; transition: .3s; }

#top_news_link:hover { text-decoration: none; opacity: 0.7; }

@media (min-width: 768px) { #top_news_link { height: 70px; width: 300px; bottom: 50px; left: calc(50% - 150px); position: absolute; background-position: right 10px center; z-index: 5; } }
@media (max-width: 767.98px) { #top_news_link { height: 50px; width: 80%; margin: 20px auto 30px; background-position: right 10px center; font-size: 15px; } }
/* グルメガイド */
@media (min-width: 768px) { .shop_list { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0 auto; width: 960px; }
  .shop_list > li { width: 220px; margin-right: 25px; margin-bottom: 30px; }
  .shop_list > li:nth-last-child(-n+4) { margin-bottom: 0; }
  .shop_list > li > a:hover { opacity: 0.8; }
  .shop_list > li:nth-child(4n) { margin-right: 0; }
  .shop_list > li > a > div:first-child { height: 140px; border: 1px solid #d8d8d8; border-radius: 10px; position: relative; background-size: 180px; background-repeat: no-repeat; background-position: center; background-color: #fff; }
  .shop_list > li > a > div:first-child .floorno { position: absolute; top: 0; left: 0; display: inline-flex; justify-content: flex-end; height: 24px; font-weight: bold; background-color: #ff8400; color: #fff; font-size: 14px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 9px 0 9px 0; }
  .shop_list .shop_list_txt { padding: 14px 0 0; margin: 0; position: relative; color: #414141; }
  .shop_list .shop_list_txt strong { display: block; margin-bottom: 10px; color: #9d8064; font-weight: 500; }
  .shop_list .shop_list_txt .category { border: 1px solid #d8d8d8; border-radius: 20px; font-size: 12px; padding: 1px 10px; display: inline-block; margin: 10px 0 0 0; }
  .shop_list .shop_list_txt .time { font-size: 14px; display: block; } }
@media (max-width: 767.98px) { .shop_list { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0 auto; max-width: 500px; }
  .shop_list > li:nth-child(odd) { width: 48%; margin-right: 2%; margin-bottom: 20px; }
  .shop_list > li:nth-child(even) { width: 48%; margin-left: 2%; margin-bottom: 20px; }
  .shop_list > li > a:hover { opacity: 0.8; }
  .shop_list > li > a > div:first-child { padding-top: 64%; border: 1px solid #d8d8d8; border-radius: 5px; position: relative; background-size: 84%; background-repeat: no-repeat; background-position: center; background-color: #fff; }
  .shop_list > li > a > div:first-child .floorno { position: absolute; top: 0; left: 0; display: inline-flex; justify-content: flex-end; height: 24px; font-weight: bold; background-color: #ff8400; color: #fff; width: 23px; height: 23px; display: flex; justify-content: center; align-items: center; border-radius: 4px 0 5px 0; font-size: 11px; }
  .shop_list .shop_list_txt { padding: 10px 0 0; margin: 0; position: relative; color: #414141; }
  .shop_list .shop_list_txt strong { display: block; margin-bottom: 10px; color: #9d8064; font-size: 12px; font-weight: 500; }
  .shop_list .shop_list_txt .category { border: 1px solid #d8d8d8; border-radius: 5px; font-size: 10px; padding: 1px 10px; display: inline-block; margin: 10px 0 0 0; }
  .shop_list .shop_list_txt .time { font-size: 11px; display: block; } }