@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}

/* base */
main#topics a {
  text-decoration: underline;
  color: #0066ff;
}
.center { text-align: center;}
.bold {font-weight: bold;}
.red {color: #da0000;}
.end {margin: 40px auto; text-align: center; color: #ff0000; font-weight: 900;}

.button {
  max-width: 300px;
  border-radius: 20px;
  margin: 30px auto 0px;
  background: #ffcc33;
  text-align: center;
  padding: 20px;
}

div.imgbox {
  margin: 50px 0;
  text-align: center;
}

div.timetable {
  max-width: 500px;
  margin: 0 auto 50px;
}

div.timetable img {
  width: 100%;
}

div.seatmap {
  max-width: 600px;
  margin: 0 auto 50px;
}

div.seatmap img {
  width: 100%;
}


/* MARKING LINE */
.linered{background:linear-gradient(transparent 65%, #ffadad 60%); font-weight: bold;}
.lineblue{background:linear-gradient(transparent 65%, #c1e0ff 60%);font-weight: bold;}
.lineyellow{background:linear-gradient(transparent 65%, #fff799 60%);font-weight: bold;}


/* div.offer */
div.offer {
  max-width: 760px;
  margin: 0 auto;
  border: solid 1px #da0000;
  padding: 20px;
  text-align: center;
}

div.offer p{
  font-size: 2.5em;
  line-height: 1.3em;
}

a.offerlink {
  text-decoration: none !important;
}

/* div.lead */
div.lead h3 {
  line-height: 1.4em !important;
}

/* div.ActComment */
div.actcomment {
  width: 93.75%;
  max-width: 760px;
  margin: 0 auto 50px;
}

div.actcomment h3{
font-weight: 600;
font-size: 16px;
font-size: 1.6rem;
line-height: 30px;
letter-spacing: 0.05em;
margin-bottom: 19px;
}


div.actcomment dl{
  width: 95%;
  margin: 0 auto 30px;

}

div.actcomment dt{
  font-weight: 800;
  margin-bottom: 15px;
}

div.actcomment dd{
  font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
}


/* div.event_info */
div.event_info h4 {
  font-size: 1.5rem !important;
  line-height: 1.4em !important;
}


/* div.onlineticket */
div.onlineticket {
  max-width: 760px;
  margin: 50px auto;
}

div.onlineticket h4 {
  padding: 20px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3em;
}

div.onlineticket p.info {
  margin-top: 30px;
  text-align: center;
  line-height: 1.5em;
}



/* div#areaForm */

div#areaForm {}

/* div#areaForm h4{
  height: 160px;
  padding: 20px;
  background: url('/topics/entry_saude2023/img/memberreserve.png') no-repeat center #000;
  text-indent: -9999px;
} */

div#areaForm h4.otherreserve {
  padding: 20px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 3em;
}


div.formdetail {
  margin:-7px 0 0 0;
  padding: 20px 20px 40px;
  background: #f5f5f5;
}

div.formdetail p.info {
  margin-top: 30px;
  line-height: 1.5em;
  text-align: center;
}

dl.entrydate {
  text-align: center;
}
dl.entrydate dt {
  background: #000;
  display: inline-block;
  margin-top: 2em;
  padding: 0.25em 0.5em;
  font-size: 1.25em;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
}
dl.entrydate dd {
  margin:30px auto;
  font-size: 2.0em;
}

/* today ticket */
dl.today {
  text-align: center;
}
dl.today dt {
  background: #a70404;
  display: inline-block;
  margin-top: 2em;
  padding: 0.25em 0.5em;
  font-size: 1.6em;
  font-weight: 600;
  color: #fff;
  line-height: 1.6em;
}
dl.today dd {
  margin:30px auto;
  font-size: 1.3em;
  line-height: 1.6em;
}




dl.entrysubinfo {
  text-align: center;
}
dl.entrysubinfo dt {
  margin: 15px 0;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: underline;
}
dl.entrysubinfo dd {
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.5em;
}



/* GUIDE LINE */

div #smaticket {
  width: 93.75%;
  max-width: 760px;
  margin: 0 auto 63px;
  padding: 3%;
  border: solid 1px #333;
  border-radius: 5px;
}

.u-text {
  padding: 0 5em 2.5em
}

.u-text__inner {
line-height: 2.2;
}

.u-text .text-headline {
  margin: 0 0 1.5em;
  font-size: 1.5em;
  line-height: 1.25
}

.notelist {
  margin: 0;
  padding: 0 0 0 1.5em
}

.notelist>li {
  font-size: .9em;
  line-height: 1.5;
  text-indent: -1.5em
}

.notelist>li:before {
  content: "※";
  margin-right: .5em
}

.notelist>li+li {
  margin-top: .75em
}

.notelist a {
  color: #fff;
  text-decoration: underline;
  font-weight: 700
}

.notelist a:hover {
  color: #2277f7
}

.notelist2 {
  background: #efefef;
  margin: 1em 0;
  padding: 1em 1em 1em 2.5em;
  color: #000
}

.notelist2_b {
  background: none;
  padding: 0em 0em 0em 1.5em;
  color: #fff
}

.notelist2>li {
  font-size: .9em;
  line-height: 1.5;
  text-indent: -1.5em
}

.notelist2>li:before {
  content: "●";
  margin-right: .5em
}

.notelist2>li+li {
  margin-top: .75em
}



/* SMART PHONE STYLE */
@media screen and (max-width: 680px){   
div#areaForm h4.otherreserve {
    padding: 20px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 3em;
}

  dl.entrydate dd {
    font-size: 1.7em;
    line-height: 1.5em;
  }

}

#topics input[type="submit"] {
    letter-spacing: 0.4em !important;
}



/* U21 TICKET */

div.u21 {
  padding: 0.8em;
  text-align: center;
  background: #000;
  border: solid 5px #000;
  color: #fff;
}

div.u21 h3 {
  padding: 20px 0;
  color:#f5fd43;
  font-size: 1.8em !important;
}

div.u21 div.u21-txt {
  max-width: 600px;
  margin: 0 auto;
}

div.u21 p {
  text-align: left;
}

div.ticketinfo {
  margin: 20px 0;
  line-height: 2em;
  text-align: center;
}

div.ticketinfo h4 {
  padding-top: 20px;
  font-size: 1.8em;
  font-weight: bold;
}

div.ticketinfo ul {
  margin-top: 20px;
  font-size: 1.3em;
}
div.ticketinfo li {
  margin: 5px 0;
}

div.ticketinfo p.button {
  text-align: center;
}