@charset "UTF-8";
/**
 * スマホ用固定フッターバーの設定
 */
@font-face {
  font-family: "footer_bar";
  src: url("../fonts/footer_bar.eot?v=1.2");
  src: url("../fonts/footer_bar.eot?v=1.2#iefix") format("embedded-opentype"), url("../fonts/footer_bar.woff?v=1.2") format("woff"), url("../fonts/footer_bar.ttf?v=1.2") format("truetype"), url("../fonts/footer_bar.svg?v=1.2#footer_bar") format("svg");
  font-weight: normal;
  font-style: normal;
}
.dp-footer-bar {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  text-align: center;
  width: 100%;
  z-index: 9998;
}

.dp-footer-bar-item {
  flex: 1;
  margin: 0 -1px 0 0;
}

.dp-footer-bar a {
  display: block;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height: 50px;
  position: relative;
}

.dp-footer-bar-item:last-of-type a {
  border: none;
}

.dp-footer-bar a:hover {
  position: relative;
  z-index: 10;
  border: none;
}

.dp-footer-bar a .label {
  bottom: 8px;
  left: 0;
  right: 0;
  position: absolute;
}

.footer_bar_icon:before {
  display: block;
  font-family: "footer_bar";
  font-size: 16px;
  position: relative;
  top: 12px;
}

.footer_bar_icon_twitter:before {
  font-family: "tiktok_x_icon";
  content: "\e901";
}

.footer_bar_icon_facebook:before {
  font-family: "tiktok_x_icon";
  content: "\e902";
}

.footer_bar_icon_instagram:before {
  content: "\ea92";
}

.footer_bar_icon_tiktok:before {
  font-family: "tiktok_x_icon";
  content: "\e900";
}

.footer_bar_icon_youtube:before {
  content: "\ea9d";
}

.footer_bar_icon_line:before {
  content: "\e90f";
  font-size: 18px;
}

.footer_bar_icon_spotify:before {
  content: "\ea94";
}

.footer_bar_icon_heart:before {
  content: "\e9da";
}

.footer_bar_icon_star1:before {
  content: "\e9d9";
}

.footer_bar_icon_star2:before {
  content: "\e9d7";
}

.footer_bar_icon_list1:before {
  content: "\e9bb";
}

.footer_bar_icon_list2:before {
  content: "\e907";
}

.footer_bar_icon_fire:before {
  content: "\e9a9";
}

.footer_bar_icon_bubble:before {
  content: "\e96c";
}

.footer_bar_icon_cart:before {
  content: "\e93a";
}

.footer_bar_icon_bell:before {
  content: "\e951";
}

.footer_bar_icon_profile:before {
  content: "\e923";
}

.footer_bar_icon_user:before {
  content: "\e90a";
  font-size: 14px;
}

.footer_bar_icon_map:before {
  content: "\e909";
}

.footer_bar_icon_film:before {
  content: "\e913";
}

.footer_bar_icon_camera:before {
  content: "\e905";
  font-size: 14px;
}

.footer_bar_icon_news:before {
  content: "\e904";
}

.footer_bar_icon_office:before {
  content: "\e903";
}

.footer_bar_icon_home:before {
  content: "\e900";
}

.footer_bar_icon_help:before {
  content: "\e901";
  font-size: 19px;
}

.footer_bar_icon_light:before {
  content: "\e902";
  font-size: 20px;
}

.footer_bar_icon_menu:before {
  content: "\e90e";
  font-size: 13px;
}

.footer_bar_icon_grid:before {
  content: "\e90d";
  font-size: 14px;
}

.footer_bar_icon_search:before {
  content: "\e90c";
}

.footer_bar_icon_tel:before {
  content: "\e90b";
}

.footer_bar_icon_calendar:before {
  content: "\e908";
}

.footer_bar_icon_mail:before {
  content: "\e906";
  font-size: 12px;
}

.footer_bar_icon_pdf:before {
  content: "\e910";
}

.footer_bar_icon_pencil:before {
  content: "\e911";
}

.footer_bar_icon_clock:before {
  content: "\e912";
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modal-content {
  margin: auto;
  position: fixed;
  bottom: 20%;
  left: 0;
  right: 0;
  width: 209px;
  z-index: 9999;
}

.modal-close:before {
  color: #fff;
  font-size: 32px;
  position: absolute;
  bottom: 20%;
  right: 0;
  text-align: center;
  width: 50px;
}

.share {
  text-align: center;
}

.share-button {
  float: left;
  vertical-align: center;
  width: 50px;
  height: 50px;
}

.share-button--rounded-square {
  border-radius: 2px;
  overflow: hidden;
}

.share-button + .share-button {
  margin-left: 3px;
}

.share-button a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.share-button a img {
  width: 100%;
  height: auto;
}
/*# sourceMappingURL=footer-bar.css.map */