@charset "UTF-8";
/* CSS Document */
/* common */
body { position: relative; color: #1a1a1a; }

main { position: relative; }

img { max-width: 100%; }

a { transition: .3s; color: #a99472; }

a:hover { color: #6F5B3C; text-decoration: none; }

.container { z-index: 1; position: relative; }

.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

@media (min-width: 768px) { body { min-width: 1054px; }
  .pcnone { display: none !important; }
  .container { width: 1054px; max-width: inherit; }
  main { min-width: 1054px; }
  .footer_box { position: relative; z-index: 8; background-color: #fff; } }
@media (max-width: 767.98px) { body { font-size: 12px; padding-top: 56px; padding-bottom: 60px; }
  .spnone { display: none !important; }
  .container { padding-right: 10px; padding-left: 10px; }
  .row { margin-right: -10px; margin-left: -10px; }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 10px; padding-left: 10px; }
  .footer_box { position: relative; z-index: 8; } }
/* header */
header { position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background-color: white; transition: .3s; font-family: "M PLUS Rounded 1c", sans-serif; }

#header { position: relative; }

#header_logo { margin: 0; display: flex; justify-content: center; align-items: center; }

#header_logo > img { display: block; }

.overlayMenu > ul { list-style: none; margin: 0; }

@media (min-width: 768px) { body { padding-top: 100px; }
  #header { height: 60px; margin: 0 auto; }
  #header_logo { width: 279px; height: 42px; position: absolute; left: 12px; bottom: 13px; }
  #header_logo img { width: 279px; height: 40px; }
  header a { color: #404040; }
  #h_nav { position: absolute; right: 0; top: 0; list-style: none; padding: 0; font-size: 0; margin: 0; display: flex; }
  #h_nav > li { font-size: 13px; display: inline-block; background-color: #005bac; width: 75px; height: 60px; text-align: center; padding: 6px 1px; position: relative; }
  #h_nav > li > a { color: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 7px 1px; }
  #h_nav > li > a span { font-size: 11px; display: block; margin: 6px 0 0 0; }
  #h_nav > li:last-child { margin-right: 0; }
  #h_nav > li > a::before { content: "　"; width: 30px; height: 24px; display: inline-block; background-repeat: no-repeat; background-position: center; }
  #h_nav > li > a.glass::before { background-image: url("http://www.h-bt.jp/common/images/icon/glass.svg"); }
  #h_nav > li > a.clock::before { background-image: url("http://www.h-bt.jp/common/images/icon/clock.svg"); }
  #h_nav > li > a.contact::before { background-image: url("http://www.h-bt.jp/common/images/icon/contact.svg"); }
  #h_nav > li > a.language::before { background-image: url("http://www.h-bt.jp/common/images/icon/language.svg"); }
  #h_nav > li .dropdown-menu { padding: 10px; width: 300px; margin-top: 0; }
  #h_nav form.gsc-search-box, #h_nav table.gsc-search-box { margin: 0; }
  #h_lang { position: absolute; right: 3px; top: 60px; margin: 0; font-size: 0; width: 360px; height: 40px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 10px 0; border-radius: 0.25rem; visibility: hidden; opacity: 0; }
  #h_nav > li.language_box:hover #h_lang { visibility: visible; opacity: 1; }
  #h_lang > span { display: block; font-size: 10px; line-height: 15px; padding-left: 3px; }
  #h_lang > a { position: relative; display: inline-block; font-size: 13px; line-height: 19px; padding-left: 12px; margin-right: 16px; }
  #h_lang > a::before { content: ""; position: absolute; width: 2px; height: 5px; left: 5px; top: calc(50% - 2.5px); background: url("http://www.h-bt.jp/common/images/icon/a_lang.svg") no-repeat center; }
  #h_lang > a:last-child { margin-right: 0; }
  .overlayMenu { position: fixed; top: 60px; right: 0; width: 100%; z-index: 9; background-color: #f5f5f5; transition: .3s; font-family: "M PLUS Rounded 1c", sans-serif; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)); font-weight: 500; }
  .overlayMenu > ul { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; display: flex; justify-content: space-between; text-align: center; z-index: 2; }
  .overlayMenu > ul > li { position: relative; width: 143px; }
  .overlayMenu > ul > li > a { display: block; font-size: 14px; line-height: 40px; color: #404040; }
  .overlayMenu > ul > li > a:hover { background-color: #d7d7d7; }
  .dd_box { background-color: rgba(215, 215, 215, 0.9); position: absolute; left: 0; top: 100%; width: 240px; visibility: hidden; opacity: 0; text-align: left; transition: .3s; font-size: 14px; }
  .overlayMenu > ul > li:hover .dd_box { visibility: visible; opacity: 1; }
  .dd_box.floor { width: 1000px; display: flex; gap: 0 30px; height: 230px; border-radius: 0 0 20px 20px; padding: 20px; }
  .dd_box.floor .g_list { width: 245px; }
  .dd_box.floor .chara { width: 120px; }
  .dd_box.floor .chara img { width: 120px; margin: 0; position: absolute; right: 10px; bottom: 15px; }
  .dd_box a { color: #353535; font-weight: 500; }
  .dd_box a:hover { text-decoration: none; opacity: 0.7; }
  .dd_box .g_list { margin-bottom: 10px; width: 100%; }
  .dd_box .g_list dt { color: #353535; border-bottom: 1px solid #efefef; font-weight: 500; padding: 0 6px 0; margin: 0 0 10px; position: relative; }
  .dd_box .g_list dt:before { content: ""; width: 50px; height: 1px; position: absolute; left: 0; background-color: #919191; bottom: -1px; }
  .dd_box .g_list dd { width: 100%; margin: 0 auto; }
  .dd_box .g_list dd.fg_f10 { border-left: 1px solid #919191; border-top: 1px solid #919191; display: flex; flex-wrap: wrap; }
  .dd_box .g_list dd.fg_f10 a { width: 20%; border-right: 1px solid #919191; border-bottom: 1px solid #919191; display: flex; justify-content: center; align-items: center; height: 30px; background-color: #efefef; }
  .dd_box .g_list dd.fg_f10 .big_cell { width: 100%; }
  .dd_box .g_list dd.fg_c { padding: 0 6px; }
  .dd_box .g_list dd.fg_c a { display: block; margin-bottom: 5px; position: relative; padding: 0 0 0 12px; }
  .dd_box .g_list dd.fg_c a:before { content: ""; width: 8px; height: 8px; background-color: #919191; display: block; position: absolute; top: 7px; left: 0; }
  .dd_box .g_list_p { margin: 0; }
  .dd_box .g_list_p a { display: block; padding: 15px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .dd_box .g_list_p a:last-child { border-bottom: 0; }
  .dd_box .g_list_p a[target="_blank"] { background-image: url("http://www.h-bt.jp/common/images/icon/target_blank.svg"); background-repeat: no-repeat; background-position: right 10px center; } }
@media (min-width: 768px) and (max-width: 1000px) { #h_nav { right: 0; }
  #h_lang { right: 10px; }
  #h_nav > li, #h_lang > a { font-size: 10px; }
  .overlayMenu > ul { padding: 0 10px; }
  .overlayMenu > ul > li > a { font-size: 14px; }
  .dd_box { font-size: 13px; }
  .dd_box.floor { width: 850px; gap: 0 20px; }
  .dd_box.floor .g_list { width: 245px; }
  .dd_box.floor .chara { width: 100px; }
  .dd_box.floor .chara img { width: 100px; } }
@media (min-width: 768px) and (max-width: 850px) { #h_nav { right: 0; }
  #h_lang { right: 5px; }
  #h_nav > li, #h_lang > a { font-size: 9px; }
  .overlayMenu > ul { padding: 0; }
  .overlayMenu > ul > li > a { font-size: 13px; }
  .dd_box { font-size: 13px; }
  .dd_box.floor { width: 768px; gap: 0 20px; }
  .dd_box.floor .g_list { width: 245px; }
  .dd_box.floor .chara { width: 100px; }
  .dd_box.floor .chara img { width: 100px; } }
@media (max-width: 767.98px) { #h_lang, .dd_box { display: none; }
  header { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)); }
  #header { display: flex; justify-content: left; align-items: center; width: 100%; height: 56px; margin: 0 auto; }
  #header_logo { width: 250px; margin: 0 0 3px 10px; }
  #header_logo img { width: 250px; height: 40px; }
  .overlayMenuBtn { position: fixed; top: -5px; right: 0; width: 60px; height: 60px; cursor: pointer; z-index: 30; padding-top: 0; }
  .overlayMenuBtn span { display: block; height: 4px; background: #a0a0a0; position: absolute; width: 60%; left: 20%; transition: 0.3s ease-in-out; }
  .overlayMenuBtn span:nth-child(1) { top: 20px; }
  .overlayMenuBtn span:nth-child(1)::before { content: ""; display: block; width: 10px; height: 4px; background-color: #fff; position: absolute; left: 8px; }
  .overlayMenuBtn span:nth-child(2) { top: 31px; }
  .overlayMenuBtn span:nth-child(3) { top: 42px; }
  .open.overlayMenuBtn { background-color: #f5f5f5; }
  .open.overlayMenuBtn span { background-color: #919191; }
  .open.overlayMenuBtn span:nth-child(1) { transform: rotate(45deg); }
  .open.overlayMenuBtn span:nth-child(1)::before { display: none; }
  .open.overlayMenuBtn span:nth-child(2) { width: 0; left: 50%; }
  .open.overlayMenuBtn span:nth-child(3) { transform: rotate(-45deg); }
  .open.overlayMenuBtn span:nth-child(1), .open.overlayMenuBtn span:nth-child(3) { top: 30px; }
  .overlayMenu { display: none; position: fixed; width: 100%; height: calc(100vh - 50px); overflow: auto; top: 55px; left: 0; padding: 10px 20px; background-color: #f5f5f5; z-index: 20; font-size: 14px; }
  .overlayMenu a { color: #000; }
  .overlayMenu a:hover { text-decoration: none; opacity: 0.7; }
  .overlayMenu > ul { padding: 0; display: flex; flex-wrap: wrap; border-left: 1px solid #919191; border-top: 1px solid #919191; position: relative; margin-bottom: 10px; }
  .overlayMenu > ul::after, .overlayMenu > ul::before { content: ""; position: absolute; right: 0; background-color: #919191; }
  .overlayMenu > ul::after { top: 0; height: 100%; width: 1px; }
  .overlayMenu > ul::before { bottom: 0; height: 1px; width: 100%; }
  .overlayMenu > ul > li { border-right: 1px solid #919191; border-bottom: 1px solid #919191; width: 50%; }
  .overlayMenu > ul > li > a { display: block; padding: 15px 10px; text-align: center; }
  .overlayMenu .search_box { display: flex; align-items: center; background-color: #005bac; color: #fff; font-size: 13px; padding: 5px; position: relative; margin: 0 0 5px 0; }
  .overlayMenu .search_box .search_box_text { width: 113px; padding: 0 0 0 28px; }
  .overlayMenu .search_box .search_box_text::before { content: "　"; width: 20px; height: 24px; display: inline-block; background-repeat: no-repeat; background-position: center; background-image: url("http://www.h-bt.jp/common/images/icon/glass.svg"); position: absolute; left: 6px; top: 12px; }
  .overlayMenu .search_box > div:last-child { width: calc(100% - 113px); }
  .overlayMenu .search_box .gsib_a { background-image: none; padding: 4px 10px; font-size: 13px; }
  .overlayMenu .search_box .gsib_b { height: 32px; }
  .overlayMenu #sp_lang { background-color: #005bac; display: flex; align-items: center; padding: 5px; margin: 0 0 5px 0; position: relative; }
  .overlayMenu #sp_lang dt { font-weight: normal; font-size: 13px; color: white; width: 113px; padding: 0 0 0 28px; }
  .overlayMenu #sp_lang dt::before { content: "　"; width: 20px; height: 24px; display: inline-block; background-repeat: no-repeat; background-position: center; background-image: url("http://www.h-bt.jp/common/images/icon/language.svg"); position: absolute; left: 6px; top: 12px; }
  .overlayMenu #sp_lang dd { display: flex; margin: 0; width: calc(100% - 113px); }
  .overlayMenu #sp_lang dd a { width: 25%; display: flex; justify-content: center; align-items: center; height: 40px; color: #fff; font-size: 10px; background-color: #00427d; margin: 0 3px 0 0; }
  .overlayMenu #sp_lang dd a:last-child { margin: 0; }
  .overlayMenu .hour_contact_box { display: flex; width: 100%; gap: 0 5px; }
  .overlayMenu .hour_contact_box > a { background-color: #005bac; color: #fff; width: 50%; height: 50px; display: flex; align-items: center; padding: 0 0 0 33px; position: relative; }
  .overlayMenu .hour_contact_box > a::before { content: "　"; width: 20px; height: 22px; display: inline-block; background-repeat: no-repeat; background-position: center; position: absolute; left: 6px; top: 14px; }
  .overlayMenu .hour_contact_box > a.hours::before { background-image: url("http://www.h-bt.jp/common/images/icon/clock.svg"); }
  .overlayMenu .hour_contact_box > a.contact::before { background-image: url("http://www.h-bt.jp/common/images/icon/contact.svg"); }
  .overlayMenu form.gsc-search-box { margin: 0; }
  .overlayMenu table.gsc-search-box { margin: 0; }
  .overlayMenu table.gsc-search-box tbody tr { position: relative; display: block; height: 40px; }
  .overlayMenu table.gsc-search-box tbody tr td.gsc-input { display: block; width: 100%; }
  .overlayMenu .gsc-input-box { background-color: #00427d; border: 0; color: #fff; border-radius: 0 !important; padding: 0; }
  .overlayMenu .gsc-input-box td input { background-color: transparent !important; color: white; }
  .overlayMenu .gsc-search-button { position: absolute; left: 0; top: 0; background-color: transparent; border: none; height: 100%; margin: 0; width: 40px; padding: 0; }
  .overlayMenu .cse .gsc-search-button-v2:hover, .overlayMenu .gsc-search-button-v2:hover { background-color: transparent; border: none; }
  .overlayMenu .cse .gsc-search-button-v2:focus, .overlayMenu .gsc-search-button-v2:focus { box-shadow: none; }
  .overlayMenu .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0; }
  .overlayMenu table.gsc-search-box .gscb_a { background: url("http://www.h-bt.jp/common/images/icon/close.svg") !important; }
  #h_nav { position: absolute; right: 0; top: 0; list-style: none; padding: 0; font-size: 0; margin: 0; display: none; }
  #h_nav > li { font-size: 13px; display: inline-block; background-color: #005bac; width: 75px; height: 60px; text-align: center; padding: 6px 1px; position: relative; }
  #h_nav > li > a { color: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 7px 1px; }
  #h_nav > li > a span { font-size: 11px; display: block; margin: 6px 0 0 0; }
  #h_nav > li:last-child { margin-right: 0; }
  #h_nav > li > a::before { content: "　"; width: 30px; height: 24px; display: inline-block; background-repeat: no-repeat; background-position: center; }
  #h_nav > li > a.glass::before { background-image: url("http://www.h-bt.jp/common/images/icon/glass.svg"); }
  #h_nav > li > a.clock::before { background-image: url("http://www.h-bt.jp/common/images/icon/clock.svg"); }
  #h_nav > li > a.contact::before { background-image: url("http://www.h-bt.jp/common/images/icon/contact.svg"); }
  #h_nav > li > a.language::before { background-image: url("http://www.h-bt.jp/common/images/icon/language.svg"); }
  #h_nav > li .dropdown-menu { padding: 10px; width: 300px; margin-top: 0; }
  #h_nav form.gsc-search-box, #h_nav table.gsc-search-box { margin: 0; } }
/* midashi */
.midashi_01 { text-align: center; position: relative; margin: 0; z-index: 7; }

.midashi_01 .text { display: flex; flex-wrap: wrap; }

.midashi_01 .text .ja, .midashi_01 .text .en { width: 100%; line-height: 1.4em; margin: 0; color: #404040; }

.midashi_01 .text .ja { order: 0; font-weight: bold; font-weight: 700; }

.midashi_01 .text .en { order: 1; font-weight: normal; font-weight: 400; }

.midashi_01 span.line { display: block; position: relative; }

.midashi_01 span.line::before, .midashi_01 span.line::after, .midashi_01 span.line > span::before, .midashi_01 span.line > span::after { content: ""; }

.midashi_01 span.line::before, .midashi_01 span.line::after, .midashi_01 span.line > span::before, .midashi_01 span.line > span::after, .midashi_01 span.line > span > span { display: block; position: absolute; top: 0; }

.midashi_01 span.line::before { background-color: #de2012; }

.midashi_01 span.line::after { background-color: #f0ab00; }

.midashi_01 span.line > span::before { background-color: #28a738; }

.midashi_01 span.line > span::after { background-color: #1f59ac; }

.midashi_01 span.line > span > span { background-color: #8e5aa2; }

.midashi02 { position: relative; border-bottom-style: solid; border-bottom-color: #e5e5e5; font-weight: bold; }

.midashi02 > span { display: inline-block; position: relative; }

.midashi02 > span::before { content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #a99472; z-index: 2; }

.midashi03 { position: relative; border-bottom-style: solid; border-bottom-color: #e5e5e5; font-weight: normal; }

.midashi03 > span { display: inline-block; position: relative; color: #404040; }

.midashi03 > span::before { content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #e5e5e5; z-index: 2; }

.midashi04 { position: relative; border-left: 6px solid #a99472; border-bottom: 1px solid #e5e5e5; font-weight: normal; padding: 7px; }

.midashi04 > span { display: inline-block; position: relative; }

.midashi04 > span::before { content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #e5e5e5; z-index: 2; }

@media (min-width: 768px) { .midashi_01 { padding: 50px 0; }
  .midashi_01 .text .ja { font-size: 30px; }
  .midashi_01 .text .en { font-size: 16px; }
  .midashi_01 span.line { height: 2px; margin-top: 5px; }
  .midashi_01 span.line::before, .midashi_01 span.line::after, .midashi_01 span.line > span::before, .midashi_01 span.line > span::after, .midashi_01 span.line > span > span { height: 2px; width: 20px; }
  .midashi_01 span.line::before { left: calc(50% - 50px); }
  .midashi_01 span.line::after { left: calc(50% - 30px); }
  .midashi_01 span.line > span::before { left: calc(50% - 10px); }
  .midashi_01 span.line > span::after { left: calc(50% + 10px); }
  .midashi_01 span.line > span > span { left: calc(50% + 30px); }
  .midashi02 { font-size: 26px; margin: 20px 0 40px; border-bottom-width: 3px; }
  .midashi02 > span { padding-bottom: 3px; }
  .midashi02 > span::before { height: 3px; bottom: -3px; }
  .midashi03 { font-size: 22px; margin-top: 60px; margin-bottom: 30px; border-bottom-width: 1px; }
  .midashi03 > span { padding-bottom: 5px; }
  .midashi03 > span::before { height: 3px; bottom: -1px; }
  .midashi04 { font-size: 24px; font-weight: bold; margin: 20px 0 40px; border-left-width: 5px; } }
@media (max-width: 767.98px) { .midashi_01 { padding: 25px 0; }
  .midashi_01 .text .ja { font-size: 15px; }
  .midashi_01 .text .en { font-size: 12px; }
  .midashi_01 span.line { height: 1px; margin-top: 5px; }
  .midashi_01 span.line::before, .midashi_01 span.line::after, .midashi_01 span.line > span::before, .midashi_01 span.line > span::after, .midashi_01 span.line > span > span { height: 1px; width: 10px; }
  .midashi_01 span.line::before { left: calc(50% - 25px); }
  .midashi_01 span.line::after { left: calc(50% - 15px); }
  .midashi_01 span.line > span::before { left: calc(50% - 5px); }
  .midashi_01 span.line > span::after { left: calc(50% + 5px); }
  .midashi_01 span.line > span > span { left: calc(50% + 15px); }
  .midashi02 { font-size: 16px; margin-top: 20px; margin-bottom: 20px; border-bottom-width: 3px; }
  .midashi02 > span { padding-bottom: 3px; }
  .midashi02 > span::before { height: 3px; bottom: -3px; }
  .midashi03 { font-size: 16px; margin-top: 30px; margin-bottom: 30px; border-bottom-width: 1px; }
  .midashi03 > span { padding-bottom: 3px; }
  .midashi03 > span::before { height: 3px; bottom: -1px; }
  .midashi04 { font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; border-left-width: 3px; } }
.back_gray { background-color: #eeeeee; position: relative; }

.back_beige { background-color: #faf7f1; position: relative; }

.back_beige2 { background-color: #faf7f1; position: relative; }

.back_pink { background-color: #f9efef; position: relative; }

.back_white { background-color: #fff; position: relative; }

.page_back_white { background-color: white; }

@media (min-width: 768px) { .back_beige { padding: 50px 0; }
  .back_beige2 { padding: 0 0 50px; }
  .back_pink { padding: 0 0 50px; }
  .back_white { padding: 0 0 50px; }
  .back_gray { min-width: 1054px; }
  .back_gray.page_content { padding: 50px 0; }
  .back_gray.page_content2 { padding: 0 0 50px; }
  .back_gray.page_content3 { padding: 50px 0 0; }
  .back_gray.page_content4 { padding: 50px 0; }
  .page_back_white { padding: 40px; }
  .back_btn { border-top: 1px solid #e5e5e5; text-align: center; margin-top: 40px; font-size: 15px; }
  .back_btn > a > div { margin: 40px 20px 0; display: inline-flex; width: 100px; height: 100px; background-color: #c1c1bd; border-radius: 50%; justify-content: center; align-items: center; color: #414141; }
  .back_btn > a:hover > div { background-color: #f0e7d8; }
  .maru_btn { font-size: 14px; border: 1px solid #d8d8d8; border-radius: 30px; color: #353535; margin: 0 auto; width: 200px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 2; position: relative; }
  .maru_btn:hover { color: #6F5B3C; } }
@media (max-width: 767.98px) { .back_beige { padding: 50px 15px; }
  .back_beige2 { padding: 0 15px 25px; }
  .back_pink { padding: 0 15px 25px; }
  .back_white { padding: 0 15px 25px; }
  .back_gray.page_content { padding: 20px 0; }
  .back_gray.page_content2 { padding: 0 0 20px; }
  .back_gray.page_content3 { padding: 20px 0 0; }
  .back_gray.page_content4 { padding: 20px 15px; }
  .page_back_white { padding: 20px; }
  .back_btn { border-top: 1px solid #e5e5e5; text-align: center; margin-top: 40px; font-size: 13px; }
  .back_btn > a > div { margin: 40px 10px 0; display: inline-flex; width: 90px; height: 90px; background-color: #c1c1bd; border-radius: 50%; justify-content: center; align-items: center; color: #414141; }
  .back_btn > a:hover > div { background-color: #f0e7d8; }
  .maru_btn { font-size: 14px; border: 1px solid #d8d8d8; border-radius: 30px; color: #353535; margin: 0 auto; width: 200px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 2; position: relative; }
  .maru_btn:hover { color: #6F5B3C; } }
/* spsubmenu */
#sub_menu { position: fixed; right: 0; list-style: none; padding: 0; margin: 0; z-index: 9; }

@media (min-width: 768px) { #sub_menu .sub_box, #sub_menu > li.sub_floor, #sub_menu > li.sub_gourmet { display: none; }
  #sub_menu { top: 167px; width: 60px; }
  #sub_menu > li { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: white; font-size: 16px; background-position: center 10px; background-repeat: no-repeat; padding-left: 18px; padding-right: 18px; padding-bottom: 15px; border-radius: 10px 0 0 10px; transition: .3s; position: relative; }
  #sub_menu > li.sub_bus { background-color: rgba(32, 89, 172, 0.8); background-image: url("http://www.h-bt.jp/common/images/icon/sub_bus_w.svg"); background-size: 22px 13px; padding-top: 29px; margin-bottom: 10px; }
  #sub_menu > li.sub_bus:hover { background-color: #2059ac; }
  #sub_menu > li.sub_lend { background-color: rgba(142, 90, 163, 0.8); background-image: url("http://www.h-bt.jp/common/images/icon/sub_lend_w.svg"); background-size: 14px 17px; padding-top: 33px; }
  #sub_menu > li.sub_lend:hover { background-color: #8e5aa3; }
  #sub_menu > li > .sub_btn { margin: 0; }
  #sub_menu > li > .sub_btn > a { position: absolute; width: 100%; height: 100%; display: block; right: 0; top: 0; } }
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #sub_menu > li.sub_bus { height: 144px; }
  *::-ms-backdrop, #sub_menu > li.sub_lend { height: 180px; } }
@media (max-width: 767.98px) { #sub_menu { display: flex; width: 100%; bottom: 0; background-color: white; box-shadow: 0 5px 10px black; }
  #sub_menu > li { width: 25%; border-right: 1px #bfbfbf solid; }
  #sub_menu > li.sub_bus { height: auto; }
  #sub_menu > li.sub_lend { height: auto; }
  #sub_menu > li:last-child { border-right: none; }
  #sub_menu > li.sub_gourmet > a { position: absolute; left: 25%; bottom: 0; width: 25%; height: 100%; display: block; }
  #sub_menu .sub_btn { font-size: 10px; margin: 0; display: flex; flex-wrap: wrap; height: 60px; justify-content: center; color: #404040; transition: .3s; }
  #sub_menu .sub_btn.open { background-color: black; color: white; }
  #sub_menu .sub_btn > a { display: none; }
  #sub_menu .sub_btn::before { content: ""; width: 100%; display: block; height: 30px; background-repeat: no-repeat; background-position: center; margin-top: 5px; }
  .sub_floor .sub_btn::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_floor.svg"); }
  .sub_floor .sub_btn.open::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_floor_w.svg"); }
  .sub_gourmet .sub_btn::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_gourmet.svg"); }
  .sub_gourmet .sub_btn.open::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_gourmet_w.svg"); }
  .sub_bus .sub_btn::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_bus.svg"); }
  .sub_bus .sub_btn.open::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_bus_w.svg"); }
  .sub_lend .sub_btn::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_lend.svg"); }
  .sub_lend .sub_btn.open::before { background-image: url("http://www.h-bt.jp/common/images/icon/sub_lend_w.svg"); }
  #sub_menu .sub_box { background-color: rgba(0, 0, 0, 0.9); position: absolute; left: 0; bottom: 100%; width: 100%; height: calc(100vh - 110px); visibility: hidden; opacity: 0; transition: .3s; padding: 0 30px; overflow: auto; }
  #sub_menu .sub_box.open { visibility: visible; opacity: 1; }
  #sub_menu .sub_box a { color: white; }
  #sub_menu .sub_box a:hover { text-decoration: none; opacity: 0.7; }
  #sub_menu .sub_box .g_list { margin-bottom: 0; }
  #sub_menu .sub_box .g_list dt { color: white; font-weight: normal; font-size: 15px; padding: 10px 0 0; margin: 0 0 5px; }
  #sub_menu .sub_box .g_list dd { width: 100%; margin: 0 auto; font-size: 16px; }
  #sub_menu .sub_box .g_list dd.fg_f10, #sub_menu .sub_box .g_list dd.fg_c { border-left: 1px solid white; border-top: 1px solid white; display: flex; flex-wrap: wrap; }
  #sub_menu .sub_box .g_list dd.fg_f10 a, #sub_menu .sub_box .g_list dd.fg_c a { border-right: 1px solid white; border-bottom: 1px solid white; display: flex; justify-content: center; align-items: center; height: 44px; }
  #sub_menu .sub_box .g_list dd.fg_f10 a { width: 20%; }
  #sub_menu .sub_box .g_list dd.fg_c a { width: 50%; font-size: 10px; text-align: center; padding: 0 10px; }
  #sub_menu .sub_box .g_list_p { padding-top: 20px; }
  #sub_menu .sub_box .g_list_p a { display: block; padding: 15px 10px; border-bottom: 1px solid white; }
  #sub_menu .sub_box .g_list_p a:first-child { border-top: 1px solid white; }
  #sub_menu .sub_box > div { position: relative; padding-top: 80px; padding-bottom: 80px; min-height: 100%; }
  #sub_menu .sub_close_btn { position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; font-weight: bold; color: white; font-size: 13px; line-height: 1em; padding: 10px 0; }
  #sub_menu .sub_close_btn::after { display: block; height: 35px; width: 100%; content: ""; background: url("http://www.h-bt.jp/common/images/icon/abw.svg") no-repeat center; } }
/* footer */
#footer { list-style: none; padding: 0; margin: 0; }

#footer a { color: #404040; }

#footer > li > a { font-weight: bold; font-weight: 600; }

#footer strong { display: block; margin: 0 0 5px; font-weight: bold; }

#copy { text-align: center; color: #404040; margin: 0; }

@media (min-width: 768px) { footer .fotter_ttl { padding-top: 30px; }
  #footer::after { content: ""; display: table; clear: both; }
  #footer > li { width: 16.666%; float: left; margin-bottom: 10px; }
  #footer > li.alone { width: 16.666%; margin-bottom: 10px; }
  #footer > li.pc { width: 33.332%; }
  #footer > li > a { font-size: 16px; display: block; margin-bottom: 10px; }
  #footer > li > span { display: block; }
  #footer > li > span > a { font-size: 14px; }
  #footer a { margin-bottom: 3px; display: inline-block; }
  #footer_sp { display: none; }
  #footer strong { font-size: 14px; }
  #copy { font-size: 10px; padding: 50px 0 20px; min-width: 1054px; }
  .sp_bottom { display: none; } }
@media (max-width: 767.98px) { footer .fotter_ttl, #footer { display: none; }
  #footer_sp { list-style: none; display: flex; flex-wrap: wrap; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; margin: 0; padding: 0; }
  #footer_sp > li { width: 50%; border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; font-weight: bold; }
  #footer_sp > li.lastli { width: 100%; }
  #footer_sp > li > a { color: #414141; font-size: 10px; font-weight: normal; display: flex; justify-content: center; align-items: center; height: 40px; width: 100%; }
  #footer_sp > li > a strong { font-weight: normal; }
  #footer_sp { display: none; }
  #copy { font-size: 10px; padding: 0 0 5px; margin: 0; border-bottom: 3px solid #d8d8d8; position: relative; }
  #copy span { width: 30px; height: 3px; display: inline-block; }
  #copy span:nth-child(1) { background-color: #e71a0f; position: absolute; right: 140px; bottom: -3px; }
  #copy span:nth-child(2) { background-color: #f6ab00; position: absolute; right: 110px; bottom: -3px; }
  #copy span:nth-child(3) { background-color: #14a83b; position: absolute; right: 80px; bottom: -3px; }
  #copy span:nth-child(4) { background-color: #005bac; position: absolute; right: 50px; bottom: -3px; }
  #copy span:nth-child(5) { background-color: #925ca3; position: absolute; right: 20px; bottom: -3px; }
  .sp_bottom { display: flex; bottom: 0; position: fixed; margin: 0; padding: 0; list-style: none; width: 100%; z-index: 10; }
  .sp_bottom > li { display: inline-block; background-color: #005bac; width: 25%; height: 60px; text-align: center; padding: 5px 1px; position: relative; border-right: 1px solid #dfdfdf; }
  .sp_bottom > li > a { color: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 10px 1px; }
  .sp_bottom > li > a span { font-size: 11px; display: block; margin: 8px 0 0 0; line-height: 1.0; }
  .sp_bottom > li > a::before { content: "　"; width: 24px; height: 22px; display: inline-block; background-repeat: no-repeat; background-position: center; }
  .sp_bottom > li > a.floor::before { background-image: url("http://www.h-bt.jp/common/images/icon/floor.svg"); }
  .sp_bottom > li > a.gourmet::before { background-image: url("http://www.h-bt.jp/common/images/icon/gourmet.svg"); }
  .sp_bottom > li > a.bus::before { background-image: url("http://www.h-bt.jp/common/images/icon/bus.svg"); width: 32px; }
  .sp_bottom > li > a.hall::before { background-image: url("http://www.h-bt.jp/common/images/icon/hall.svg"); width: 26px; height: 24px; }
  .sp_bottom > li:last-child { border-right: 0; } }
/* pagetop */
#page_top { z-index: 6; transition: .3s; }

@media (min-width: 768px) { #page_top { position: fixed; right: 0; bottom: 0; width: 150px; height: 112px; display: flex; justify-content: right; align-items: center; opacity: 0; }
  #page_top .on { position: absolute; top: 1px; right: 20px; opacity: 0; transition: opacity 0.3s; }
  #page_top:hover .on { opacity: 1; }
  #page_top.show { opacity: 1; }
  #page_top img { width: 150px; position: relative; top: 1px; right: 20px; }
  #page_top span { display: none; }
  #page_top:before { content: ""; display: block; width: 100vw; height: 3px; background-color: #d8d8d8; position: absolute; bottom: 0; }
  #page_top:hover { cursor: pointer; } }
@media (max-width: 767.98px) { #page_top { text-align: center; position: relative; bottom: 0px !important; width: calc(100% - 20px); margin: 50px auto 80px; }
  #page_top img { width: 71px; }
  #page_top span { margin: 0 auto; display: flex; width: 340px; height: 45px; align-items: center; justify-content: center; background-color: #ff8400; color: #fff; border-radius: 10px; font-size: 15px; }
  #page_top :hover { cursor: pointer; } }
/* ボタン */
.common_btn { display: block; margin: 20px 0; text-align: center; color: #222 !important; position: relative; border: 1px solid #222; }

.common_btn_left { margin: 0 auto 0 0; }

.common_btn:hover { text-align: center; color: #222 !important; background-color: rgba(244, 238, 228, 0.8); position: relative; border: 1px solid #222; }

@media (min-width: 768px) { .common_btn { width: 250px; line-height: 50px; font-size: 14px; }
  .common_btn::after { position: absolute; content: url(http://www.h-bt.jp/common/images/icon/arrow_b.svg); display: inline-block; width: 25px; height: 13px; right: 5px; top: 7px; }
  .common_btn span { position: relative; } }
@media (max-width: 767.98px) { .common_btn { width: 100%; font-size: 12px; padding: 15px; }
  .common_btn::after { position: absolute; content: url(http://www.h-bt.jp/common/images/icon/arrow_b.svg); display: inline-block; width: 25px; height: 13px; right: 5px; top: 50%; margin-top: -12px; }
  .common_btn span { position: relative; } }
/* パンくずリスト */
@media (min-width: 768px) { .breadcrumb_box { background-color: #ddcfb9; z-index: 5; position: relative; }
  .breadcrumb { background-color: #ddcfb9; padding: 1em 0; margin: 0; }
  .breadcrumb a { color: #2278aa; } }
@media (max-width: 767.98px) { .breadcrumb_box { background-color: #ddcfb9; }
  .breadcrumb { background-color: #ddcfb9; padding: 1em 0; margin: 0; }
  .breadcrumb a { color: #2278aa; }
  .breadcrumb { font-size: 12px; } }
/* 多言語翻訳 */
@media (min-width: 768px) { #english { margin-top: -110px; padding-top: 110px; }
  #chinese1 { margin-top: -110px; padding-top: 110px; }
  #chinese2 { margin-top: -110px; padding-top: 110px; }
  #korean { margin-top: -110px; padding-top: 110px; } }
@media (max-width: 767.98px) { #english { margin-top: -50px; padding-top: 50px; }
  #chinese1 { margin-top: -50px; padding-top: 50px; }
  #chinese2 { margin-top: -50px; padding-top: 50px; }
  #korean { margin-top: -50px; padding-top: 50px; } }
/* フッターSNS */
@media (min-width: 768px) { .sns_flex { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; }
  .sns_flex a { background-color: #fff; width: 300px; height: 280px; border-radius: 20px; text-align: center; color: #353535; padding: 25px 20px; }
  .sns_flex a .img { margin: 0 0 15px 0; }
  .sns_flex a .img img { width: 100px; }
  .sns_flex a strong { display: block; font-size: 26px; line-height: 1.0; margin: 0 0 1px 0; }
  .sns_flex a span { display: block; font-size: 14px; margin: 0 0 15px 0; }
  .sns_flex a p { display: block; font-size: 14px; text-align: left; } }
@media (max-width: 767.98px) { .sns_flex { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 0 auto; }
  .sns_flex a { background-color: #fff; width: 100%; max-width: 350px; height: auto; border-radius: 20px; text-align: center; color: #353535; padding: 15px; display: flex; align-items: center; margin: 0 0 20px 0; }
  .sns_flex a:last-child { margin: 0; }
  .sns_flex a .img { margin: 0; width: 75px; }
  .sns_flex a .img img { width: 75px; }
  .sns_flex a .text { margin: 0; width: calc(100% - 75px); padding: 0 0 0 20px; text-align: left; }
  .sns_flex a strong { display: block; font-size: 20px; line-height: 1.0; margin: 0 0 1px 0; }
  .sns_flex a span { display: block; font-size: 12px; margin: 0 0 5px 0; }
  .sns_flex a p { display: block; font-size: 12px; text-align: left; margin: 0; } }
/* フロアガイド */
#floor_ul { list-style: none; padding: 0; margin: 0; }

#floor_ul .floor_li { display: flex; justify-content: space-between; width: 100%; position: relative; }

#floor_ul .floor_li > div { display: flex; align-items: center; }

#floor_ul .floor_li > div > span { font-weight: 500; line-height: 1em; }

#floor_ul .floor_li .l_box .floor_text { margin: 0; color: #404040; font-weight: bold; position: relative; text-align: right; background-color: #f0f0f0; }

#floor_ul .floor_li > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.floor_nav { display: grid; gap: 8px; }
.floor_nav a { border: 1px solid #ababab; background: #fff; color: #555; text-decoration: none; display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative; padding: 5px; font-weight: 500; font-size: 18px; }
.floor_nav a span { position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); display: flex; justify-content: center; align-items: center; }
.floor_nav a:hover span { background-color: #f2f2f2; }
.floor_nav .rows { grid-row: 1 / 3; grid-column: 1; padding: 5px; }
.floor_nav .rows span { background-color: #f2f2f2; }

@media (min-width: 768px) { .page_back_white_floor { width: 1000px; border-radius: 20px; padding: 40px 30px; }
  #floor_guide { padding: 0 0 30px 0; background-image: url("http://www.h-bt.jp/common/images/guide/base.png"); background-size: contain; }
  #floor_figure { width: 100%; }
  #floor_ul .floor_li { margin-bottom: 10px; height: 70px; padding: 5px; }
  #floor_ul .floor_li:last-child { margin-bottom: 0; }
  #floor_ul .floor_li .l_box .floor_text { font-size: 24px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-weight: 500; }
  #floor_ul .floor_li .l_box .floor_text::before { height: 5px; }
  #floor_ul .floor_li .l_box .floor_text::after { font-size: 14px; }
  #floor_ul .floor_li .l_box > span { margin-left: 10px; }
  #floor_ul .floor_li .l_box .line1 { position: absolute; left: 152px; width: 184px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line2 { position: absolute; left: 454px; width: 140px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line3 { position: absolute; right: 254px; width: 90px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line4 { position: absolute; right: 168px; margin: 0 0 0 60px; width: 110px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .icon1 { width: auto; height: 52px; }
  #floor_ul .floor_li .l_box .icon2 { width: 161px; }
  #floor_ul .floor_li .l_box .icon3 { width: 144px; }
  #floor_ul .floor_li .l_box .icon4 { width: 114px; }
  #floor_ul .floor_li .l_box .icon5 { width: 78px; }
  #floor_ul .floor_li .l_box .icon6 { width: 147px; }
  #floor_ul .floor_li .l_box .icon7 { width: 89px; }
  #floor_ul .floor_li .l_box .icon_a { left: 447px; }
  #floor_ul .floor_li .l_box .icon_b { left: 447px; }
  #floor_ul .floor_li .l_box .icon_c { right: 238px; }
  #floor_ul .floor_li .r_box .icon_d { position: absolute; top: 10px; right: 16px; }
  #floor_ul .floor_li .r_box .icon_d img { width: 75px; right: 238px; }
  #floor_ul .floor_li .l_box .left_line { text-align: left; }
  #floor_ul .floor_li .r_box { align-items: flex-end; padding: 0 0 2px 0; }
  #floor_ul .floor_li .r_box > span { margin-left: 2px; }
  #floor_ul .floor_li .r_box p { font-size: 12px; margin: 0 12px 0 0; line-height: 1.2; position: relative; top: 2px; }
  .floor_nav { grid-template-columns: repeat(11, 1fr); margin-bottom: 2px; }
  .floor_nav a { height: 50px; }
  .floor_detail { display: flex; flex-wrap: wrap; width: 1000px; margin: 30px auto 0; }
  .floor_detail > div { width: 310px; background-color: #fff; border-radius: 20px; margin: 0 35px 20px 0; padding: 12px 12px 20px; }
  .floor_detail > div:nth-child(3n) { margin-right: 0; }
  .floor_detail > div ul { list-style: none; font-size: 14px; padding: 0; margin: 10px 0 0 0; }
  .floor_detail > div ul li { margin: 0 0 3px 7px; }
  .floor_detail > div ul li a { color: #353535; }
  .floor_detail > div span { background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; font-size: 18px; width: 290px; height: 30px; border-radius: 30px; } }
@media (max-width: 767.98px) { .page_back_white_floor { border-radius: 10px; padding: 15px 10px; margin: 0 auto 70px; }
  #floor_guide { padding-bottom: 0; background-image: url("http://www.h-bt.jp/common/images/guide/base_sp.png"); background-size: 100% auto; background-repeat: no-repeat; max-height: 624px; aspect-ratio: 660 / 790; }
  #floor_ul .floor_li { margin-bottom: 1.45vw; min-height: 9.5vw; padding: 2px 4px; }
  #floor_ul .floor_li:last-child { margin-bottom: 0; }
  #floor_ul .floor_li .l_box .floor_text { font-size: 15px; font-weight: 500; width: 37px; padding-right: 4px; height: calc(100% - 6px); text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 0 0 1px; }
  #floor_ul .floor_li .l_box .floor_text::before { height: 4px; }
  #floor_ul .floor_li .l_box .floor_text::after { font-size: 10px; }
  #floor_ul .floor_li .l_box > span { margin-left: 8px; }
  #floor_ul .floor_li .r_box > span { margin-left: 2px; }
  #floor_ul .floor_li .l_box .line1 { left: 37px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line2 { left: 454px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line3 { right: 254px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line4 { right: 168px; margin: 0 0 0 8px; text-align: center; display: inline-block; }
  #floor_ul .floor_li .l_box .line4_sp { position: absolute; right: 12vw; top: 2vw; }
  #floor_ul .floor_li .l_box .icon1 { width: auto; height: 21px; }
  #floor_ul .floor_li .l_box .icon2 { width: 75px; }
  #floor_ul .floor_li .l_box .icon3 { width: 43px; }
  #floor_ul .floor_li .l_box .icon4 { width: 46px; }
  #floor_ul .floor_li .l_box .icon5 { width: 50px; }
  #floor_ul .floor_li .l_box .icon6 { width: auto; height: 21px; }
  #floor_ul .floor_li .l_box .icon7 { width: 89px; }
  #floor_ul .floor_li .l_box .icon_a { left: 447px; }
  #floor_ul .floor_li .l_box .icon_b { left: 447px; }
  #floor_ul .floor_li .l_box .icon_c { right: 238px; }
  #floor_ul .floor_li .r_box .icon_d { position: absolute; top: 10px; right: 16px; }
  #floor_ul .floor_li .r_box .icon_d img { width: 75px; right: 238px; }
  #floor_ul .floor_li .l_box .left_line { text-align: left; }
  #floor_ul .floor_li .r_box { align-items: center; padding: 0 0 2px 0; }
  #floor_ul .floor_li .r_box > span { margin-left: 2px; }
  #floor_ul .floor_li .r_box p { font-size: 9px; margin: 0; line-height: 1.0; position: relative; top: 1px; left: -6px; }
  .floor_nav { grid-template-columns: repeat(6, 1fr); gap: 4px; margin: 0 0 7px 0; }
  .floor_nav a { min-height: 25px; font-size: 12px; width: calc(100% - 0px); height: calc(100% - 4px); padding: 2px; border: 1px solid #d3d3d3; }
  .floor_nav a span { width: calc(100% - 6px); height: calc(100% - 6px); }
  .floor_nav .rows { grid-row: 1 / 3; grid-column: 1; padding: 2px; min-height: 54px; }
  .floor_detail { display: none; } }
@media (min-width: 544px) and (max-width: 767.98px) { #floor_ul .floor_li { height: 53px; min-height: auto; margin: 0 0 10px 0; } }
@media (max-width: 499.98px) { #floor_ul .floor_li { margin-bottom: 1.4vw; } }
@media (max-width: 479.98px) { #floor_ul .floor_li { margin-bottom: 1.3vw; } }
@media (max-width: 439.98px) { #floor_ul .floor_li { margin-bottom: 1.2vw; } }
@media (max-width: 399.98px) { #floor_ul .floor_li { margin-bottom: 1.1vw; } }
@media (max-width: 379.98px) { #floor_ul .floor_li { min-height: 9.4vw; margin-bottom: 1.05vw; } }
