@charset "UTF-8";

/* CSS Document */
body#ticket_change {
  background-image: url(image/bg.jpg);
  background-repeat: repeat-x;
}
body p {
  font-size: 12px;
  line-height: 1.6;
}
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1 {
  width: 456px;
  height: 24px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
}
p.txt__indent-1,
.txt__indent-1 li {
  text-indent: -1em;
  padding-left: 1em;
}
p.txt__indent-1_3,
.txt__indent-1_3 li {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
p.txt__indent-1_5,
.txt__indent-1_5 li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
p.txt__indent-1_7,
.txt__indent-1_7 li {
  text-indent: -1.7em;
  padding-left: 1.7em;
}
p.txt__indent-2,
.txt__indent-2 li {
  text-indent: -2em;
  padding-left: 2em;
}
#ticket_change .bg__pink {
  background-color: #a90b79;
}
#ticket_change .zoom_1 {
  position: relative;
  zoom: 1;
}
#ticket_change .overflow__hidden {
  overflow: hidden;
}
#ticket_change .fs-10 {
  font-size: 10px;
}
#ticket_change .fs-12 {
  font-size: 12px;
}
#ticket_change .fs-14 {
  font-size: 14px;
}
#ticket_change .fs-15 {
  font-size: 15px;
}
#ticket_change .fs-16 {
  font-size: 16px;
}
#ticket_change .fs-18 {
  font-size: 18px;
}
#ticket_change sup {
  vertical-align: text-top;
}
#ticket_change .mt-5 {
  margin-top: 5px;
}
#ticket_change .mt-10 {
  margin-top: 10px;
}
#ticket_change .mt-20 {
  margin-top: 20px;
}
#ticket_change .mt-30 {
  margin-top: 30px;
}
#ticket_change .mb-10 {
  margin-bottom: 10px;
}
#ticket_change .mb-20 {
  margin-bottom: 20px;
}
#ticket_change .mb-30 {
  margin-bottom: 30px;
}
#ticket_change .py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#ticket_change .py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
#ticket_change .py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
#ticket_change .py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#ticket_change .color__white {
  color: #ffffff;
}

#Wrapper {
  background: #0d0744;
  padding: 0 28px;
}
#WrapperInner {
  background: #fff;
  padding: 20px;
}
p.txt_m {
  padding: 14px 0;
}
#tabMain {
  text-align: center;
  width: 677px;
  margin-bottom: 30px;
  background-color: #ffdcf6;
  border-top: 3px #e52dab solid;
  border-left: 1px #e52dab solid;
  border-right: 1px #e52dab solid;
  border-bottom: 1px #e52dab solid;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
#tabMain_smp {
  text-align: center;
  width: 677px;
  margin-bottom: 30px;
  background-color: #e9d2ff;
  border-top: 3px #3228a3 solid;
  border-left: 1px #3228a3 solid;
  border-right: 1px #3228a3 solid;
  border-bottom: 1px #3228a3 solid;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
.tab_img {
  margin-top: 10px;
}
#tabWrapper {
  margin: 0;
  padding: 0;
}
#tabArea {
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}
#tab_PC {
  width: 250px;
  height: 35px;
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
}
#tab_SMP {
  width: 250px;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#tab_PC_smp {
  width: 250px;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#tab_SMP_smp {
  width: 250px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  float: left;
}
li {
  list-style-type: none;
  font-size: 12px;
  line-height: 16px;
}
.red {
  font-weight: bold;
  color: #ff0f5f;
}
.arrow {
  background: url(/e/image/arrow.gif) no-repeat left center;
  padding-left: 10px;
}
a img {
  border: none;
}
#btn_eseki_smp {
  width: 265px;
  height: 44px;
  text-align: center;
  margin: 20px auto 20px;
  text-indent: -9999px;
}
#btn_eseki_smp a {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_etop_smp.jpg) no-repeat left top;
  zoom: 1;
  position: relative;
}
#btn_eseki_smp a:hover {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_etop_smp_on.jpg) no-repeat left top;
  zoom: 1;
}
#btn_login {
  width: 265px;
  height: 44px;
  text-indent: -9999px;
  position: absolute;
  bottom: 20px;
  left: 40px;
}
#btn_login a {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_login.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
#btn_login a:hover {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_login_ov.jpg) no-repeat center top;
  zoom: 1;
}
#btn_syokai {
  width: 265px;
  height: 44px;
  text-indent: -9999px;
  position: absolute;
  bottom: 20px;
  right: 40px;
}
#btn_syokai a {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_syokai.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
#btn_syokai a:hover {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_syokai_ov.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
#btn_login_smp {
  width: 265px;
  height: 44px;
  text-indent: -9999px;
  position: absolute;
  bottom: 20px;
  left: 40px;
}
#btn_login_smp a {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_login_smp.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
#btn_login_smp a:hover {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_login_smp_ov.jpg) no-repeat center top;
  zoom: 1;
}
#btn_syokai_smp {
  width: 265px;
  height: 44px;
  text-indent: -9999px;
  position: absolute;
  bottom: 20px;
  right: 40px;
}
#btn_syokai_smp a {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_syokai_smp.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
#btn_syokai_smp a:hover {
  display: block;
  width: 265px;
  height: 44px;
  background: url(/e/image/btn_syokai_smp_ov.jpg) no-repeat center top;
  zoom: 1;
  position: relative;
}
ul.tab li.tab1 {
  width: 250px;
  height: 51px;
}
ul.tab li.tab2 {
  width: 255px;
  height: 51px;
}
ul.tab li.tab1 a span {
  background: url(../e/image/tab_1.jpg) no-repeat left top;
  cursor: pointer;
}
ul.tab li.tab2 a span {
  background: url(../e/image/tab_2.jpg) no-repeat left top;
  cursor: pointer;
}
ul.tab li a.selected span {
  background-position: left -51px;
}
ul.tab li a.over span {
  background-position: left -51px;
}
ul.tab li {
  position: relative;
}
ul.tab li span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.tab li {
  float: left;
}
#theater {
  margin: 15px 0 0 0;
  border-collapse: collapse;
}
#theater th,
#theater td {
  line-height: 16px;
  padding: 3px 0;
  font-weight: normal;
}
#theater td {
  margin: 0;
  padding: 5px 0;
}
#theater td.border {
  border-bottom: 1px solid #ccc;
}

/* ticket_change__column */
.ticket_change__column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 20px;
  margin-top: 4px;
  margin-bottom: 26px;
}
.ticket_change__column #btn_login,
.ticket_change__column #btn_syokai {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
}