@charset "UTF-8";

/* ---- ページ全体 ---- */
header,
#contents,
#backtop,
footer {
  min-width: 320px;
}
.leftvariantcontainer {
  margin-right: 0;
  float: none;
}
.leftvariant,
.rightside {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
}
.rightside {
  margin-top: 0;
  width: auto;
  float: none;
}
.hide_when_narrow {
  display: none;
}

/* ---- エラーメッセージポップアップ ---- */
@media (max-width: 624px) {
  .error_popup_inner {
    width: 90%;
    left: 5%;
  }
  .error_title,
  .error_content {
    max-width: 100%;
  }
}

/* ---- ログイン/新規登録ポップアップ ---- */
@media (max-width: 500px) {
  #direct_popup_wrapper {
    margin-left: 0;
    width: 96%;
    left: 2%;
  }
  #birth_year {
    width: 22%;
  }
  #birth_month,
  #birth_day {
    width: 12%;
  }
}
@media (max-width: 560px) {
  #registered_popup_wrapper {
    margin-left: 0;
    width: 100%;
    left: 0;
  }
  .direct_popup button {
    width: 69%;
  }
}

/* ---- 白ヘッダ ---- */
header {
  height: auto;
}
#headerlogo {
  margin-top: 11px;
  margin-left: 15px;
  width: 165px;
}
#headerlogo img {
  width: 100%;
  height: auto;
}
#headerright {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  float: none;
}
#headerlogin {
  margin-left: 15px;
  margin-right: 15px;
}
#headermenu {
  margin-left: 0px;
  margin-right: 0px;
}
#eventsearchcontainer {
  margin-left: 0;
  margin-right: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 31px;
  clear: right;
  text-align: center;
}
#eventsearch {
  margin-left: 15px;
  margin-right: 70px;
  float: none;
  white-space: nowrap;
}
#eventsearch input[type="text"] {
  width: 100%;
  float: none;
}
/* ---- ページ本体 ---- */
.breadcrumb_zone {
  padding-left: 15px;
}
.breadcrumb_zone img {
  margin-left: 0;
}
#page_title {
  margin-left: 0;
}

/* ---- フッタ ---- */
#backtop {
  margin-right: 25px;
  width: auto;
}
.undergnav {
  margin-left: 25px;
  margin-right: 25px;
  width: auto;
  display: block;
}
.undergnavcontents {
  width: auto;
  display: block;
}

/* ---- 自由席 販売数テーブル 共通 ----
 /eventmake/number
 /eventmanage/number
 /eventmanage/reserve/number
 /event/detail
 ---- */
.number_table {
  margin-bottom: 8px;
}
.number_table th,
.number_table td {
  padding-left: 8px;
  padding-right: 8px;
}
.number_table th.price,
.number_table td.price {
  width: auto;
}


/* --------  （イベント一覧表 共通） -------- */
table.event_list {
  margin-left: 0px;
  margin-right: 0px;
}