/* ============================ */
/* default_delete */
/* ============================ */
/* disabled */
#sub_menu,
h1 > a,
.game_title_box h3,
.game_title_box .game_title,
.game_title_box_en h3,
.game_title_box_en .game_title_en,
.bt_nodisp {
  display: none;
}
/* style-reset */
header {
  padding: 0;
  border: none;
}
#main_contents {
  position: initial;
  padding-top: 0;
}
h2 {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  color: transparent;
  font-size: 0;
}
#contents_wrapper {
  padding: 0;
}
#attention_box {
  border: none;
}
.tx_r.mt_5 {
  position: unset;
}
.content_box {
  border: none;
}
/* ============================ */
/* 共通スタイル */
/* ============================ */
body {
  background: url("./images/background.jpg") #fff no-repeat center / cover fixed;
  line-height: 1.6;
  min-height: 100vh;
}
#all_container {
  max-width: 540px;
  padding-top: 5em;
  background: #f4f3e8;
  font-size: min(3.2vw, 18px);
  background: url("./images/contents_background-top.png") no-repeat top / 540px
      auto fixed,
    url("./images/contents_background-bottom.png") no-repeat bottom / 540px auto
      fixed;
}
header {
  position: relative;
  height: 0;
  margin-bottom: 14%;
  padding-bottom: 17%;
  background: url("./images/arcade_logo.png") transparent repeat-y top center /
    contain;
}
#contents_wrapper {
  margin: 0 2em;
}
#language {
  position: absolute;
  top: 1em;
  right: 1em;
}
h2 {
  height: 0;
  margin-bottom: 10%;
  padding-bottom: var(--page-title-height);
  background: url("./images/sub_title.png") no-repeat top center / contain;
}
.content_box {
  margin-bottom: 10%;
  padding: 2em 1.5em 0;
  background: var(--contents-box-background);
}
.content_box h3 {
  padding: 6px 2px 2px;
  background: var(--section-title-color);
  border-radius: 0.4em;
  text-align: center;
  font-size: 1.16em;
}
.bt_search,
.bt_search:hover {
  background: url("./images/button_search.png") no-repeat top center / contain;
}
.bt_search_en,
.bt_search_en:hover {
  background: url("./images/button_search_en.png") no-repeat top center /
    contain;
}
.bt_search,
.bt_search_en {
  position: relative;
  bottom: 0;
  width: 50%;
  height: var(--button-search-height);
  transition: 0.3s;
}
.bt_search:hover,
.bt_search_en:hover {
  bottom: 4px;
}
div:has(.bt_back:not(.bt_nodisp)),
div:has(.bt_back_en:not(.bt_nodisp)) {
  margin: 0 0 10% 0;
}
.bt_back:not(.bt_nodisp),
.bt_back:not(.bt_nodisp):hover {
  background: url("./images/button_back.png") no-repeat top center / contain;
}
.bt_back_en:not(.bt_nodisp),
.bt_back_en:not(.bt_nodisp):hover {
  background: url("./images/button_back_en.png") no-repeat top center / contain;
}
.bt_back:not(.bt_nodisp),
.bt_back_en:not(.bt_nodisp) {
  position: relative;
  bottom: 0;
  width: 50%;
  height: min(13vw, 80px);
  transition: 0.3s;
}
.bt_back:not(.bt_nodisp):hover,
.bt_back_en:not(.bt_nodisp):hover {
  bottom: 4px;
}
#attention_box {
  margin-bottom: 10%;
  background: #fff;
  font-size: 0.8em;
}

#footer_link {
  font-size: 0.8em;
}
#footer_link p {
  width: 24%;
}
#copy_right {
  background: var(--footer-background);
  color: var(--copyright-text);
}

/* ============================ */
/* 設置店舗スタイル */
/* ============================ */
.plate_01 {
  background: transparent;
  margin: 4% 0 10%;
  padding: 0;
  border: none;
}
.plate_01 h4 {
  background: var(--semi-section-title-color);
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  font-weight: normal;
}
.bt_details,
.bt_details:hover {
  background: url("./images/button_detail.png") no-repeat center center /
    contain;
}
.bt_details_en,
.bt_details_en:hover {
  background: url("./images/button_detail_en.png") no-repeat center center /
    contain;
}
.bt_details,
.bt_details_en {
  width: min(26vw, 150px);
  height: 52px;
  position: relative;
  bottom: 0;
  transition: 0.3s;
}
.bt_details:hover,
.bt_details_en:hover {
  bottom: 4px;
}
.store_list .store_name {
  color: var(--section-title-color);
  font-size: 1.1em;
}
.store_list li {
  padding: 8% 0;
}
.bt_google_map,
.bt_google_map_en {
  width: 80%;
  height: var(--button-search-height);
  position: relative;
  bottom: 0;
  background: url("./images/button_googlemap.png") no-repeat center center /
    contain;
  transition: 0.3s;
}
.bt_google_map:hover,
.bt_google_map_en:hover {
  bottom: 4px;
  background: url("./images/button_googlemap.png") no-repeat center center /
    contain;
}
/* ============================ */
/* タイトル固有css */
/* ============================ */
body {
  --page-title-height: 15%;
  --section-title-color: #2d50d1;
  --semi-section-title-color: #f75c81;
  --contents-box-background: #fff;
  --button-search-height: 62px;
  --copyright-text: #000;
  --footer-background: #f75c81;
}
.bt_search {
  margin-bottom: -10px;
}
