
/* 直接契約の特典（固定） */

#fixed-benefits {
  max-width: 100px;
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 60px;
}

#fixed-benefits a {
  color: inherit;
  text-decoration: none;
  display: block;
  transition: filter 0.3s ease-in-out 0.0s;
}

#fixed-benefits a:hover {
  opacity: 1;
  filter: brightness(115%);
}

@media screen and (min-width:737px) {

  #fixed-benefits {
    max-width: 156px;
    bottom: 15px;
  }

}

/* 下部固定メニュー */

body {
  padding-bottom: 70px;
}

#fixed-menu {
  width: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
}

#fixed-menu ul.list,
#fixed-menu ul.list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#fixed-menu ul.list {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

#fixed-menu ul.list li {
  width: calc(100% / 3);
  flex-grow: 1;
}

#fixed-menu ul.list li ~ li {
  border-left: 1px solid #fff;
}

#fixed-menu ul.list li a {
  height: 100%;
  padding: 4px 0 2px;
  color: inherit;
  text-decoration: none;
  background-color: #ce4ea5;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

#fixed-menu ul.list li a:hover {
  opacity: 1;
}

#fixed-menu ul.list li a::after {
  content: '';
  width: 2px;
  margin-left: -2px;
  background-color: inherit;
  position: relative;
  z-index: 2;
}

#fixed-menu ul.list li img {
  width: auto;
  max-height: 44px;
}

#fixed-menu ul.list li.map {
  max-width: 70px;
}

#fixed-menu ul.list li.map a {
  background-color: #857ac6;
}

#fixed-menu ul.list li.map img {
  max-height: 46px;
}

@media screen and (min-width:737px) {

  body {
    padding-bottom: 0;
  }

  #fixed-menu {
    display: none;
  }

}

/* 共用 */

body:not(.page-shisetsu)
#fixed-menu ul:not(#fixed-menu-common) {
  display: none;
}

/* ヴィベル館林栄町 */

body.page-vibel-sakaecho
#fixed-menu ul:not(#fixed-menu-vibel-sakaecho) {
  display: none;
}

/* ヴィベル上里 */

body.page-vibel-kamisato
#fixed-menu ul:not(#fixed-menu-vibel-kamisato) {
  display: none;
}

/* あかぎヒルズ */

body.page-akagi-hills
#fixed-menu ul:not(#fixed-menu-akagi-hills) {
  display: none;
}

/* ヴィベル深谷 */

body.page-vibel-fukaya
#fixed-menu ul:not(#fixed-menu-vibel-fukaya) {
  display: none;
}

/* ヴィベル太田大島町 */

body.page-vibel-ooshimacho
#fixed-menu ul:not(#fixed-menu-vibel-ooshimacho) {
  display: none;
}

/* ヴィベル藍燦 */

body.page-vibel-aisansan
#fixed-menu ul:not(#fixed-menu-vibel-aisansan) {
  display: none;
}

/* ヴィベル多々良沼公園 */

body.page-vibel-tatara
#fixed-menu ul:not(#fixed-menu-vibel-tatara) {
  display: none;
}

/* ヒルズ新里 */

body.page-hills-niisato
#fixed-menu ul:not(#fixed-menu-hills-niisato) {
  display: none;
}

/* ヴィベル足利大前町 */

body.page-vibel-oomaecho
#fixed-menu ul:not(#fixed-menu-vibel-oomaecho) {
  display: none;
}

/* ヴィベル多々良沼公園Ⅱ */

body.page-vibel-tatara2
#fixed-menu ul:not(#fixed-menu-vibel-tatara2) {
  display: none;
}

/* ヴィベル桐生東 */

body.page-vibel-kiryuhigashi
#fixed-menu ul:not(#fixed-menu-vibel-kiryuhigashi) {
  display: none;
}

/* ヴィベル羽生 */

body.page-vibel-hanyu
#fixed-menu ul:not(#fixed-menu-vibel-hanyu) {
  display: none;
}

/* ヴィベル邑楽光善寺 */

body.page-vibel-ora
#fixed-menu ul:not(#fixed-menu-vibel-ora) {
  display: none;
}

/* ヴィベル熊谷 */

body.page-vibel-kumagaya
#fixed-menu ul:not(#fixed-menu-vibel-kumagaya) {
  display: none;
}

/* ヴィベル太田高林南 */

body.page-vibel-takahayashiminami
#fixed-menu ul:not(#fixed-menu-vibel-takahayashiminami) {
  display: none;
}

/* ヴィベル太田龍舞町 */

body.page-vibel-ryumaicho
#fixed-menu ul:not(#fixed-menu-vibel-ryumaicho) {
  display: none;
}

/* ヴィベル館林赤生田町 */

body.page-vibel-akoudacho
#fixed-menu ul:not(#fixed-menu-vibel-akoudacho) {
  display: none;
}
