@charset "utf-8";

#event_report {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 8%;
  font-size: 100%;
  font-weight: 800;
  text-align: left;
}
#event_report a {
  color: #000000;
  text-decoration: none;
}
#event_report a:hover {
  color: #000000;
  text-decoration: none;
}
#event_report a:visited {
  color: #000000;
  text-decoration: none;
}

.report_container {
  display: grid;
  gap: 20px;
  margin-top: 15px;
}


.tvo-report-link,
.tvo-report-link:visited {
  color: #000;
  text-decoration: none;
}

.tvo-report-link:hover {
  opacity: 0.8;
}

.tvo-report-thumbnail {
  max-width: 100%;
  padding-bottom: 10px;
}

.tvo-report-title {
  margin-top: 2px;
  margin-bottom: 5px;
  font-size: 95%;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.01em;
  text-align: left;
}
.tvo-report-title a {
  color: #000000;
  text-decoration: none;
}
.tvo-report-title a:hover {
  color: #000000 !important;
  text-decoration: none;
  opacity: 0.6;
}
.tvo-report-title a:active {
  color: #000000 !important;
  text-decoration: none;
  opacity: 0.6;
}
.tvo-report-title a:visited {
  color: #000000;
  text-decoration: none;
}

.tvo-report-time {
  font-size: 105%;
  text-align: left;
}

.pad67_09 {
     position: absolute;
     right: 3.5%;
     bottom: 0;
     width: 100px;
}
.pad67_10 {
     width: 100%;
     font-size: 85%;
     letter-spacing: 0.1em;
     font-weight: 600;
}
.pad67_10 a {
     color: #000000;
     text-decoration: none;
}
.pad67_10 a:hover {
     color: #000000;
     text-decoration: none;
     opacity: 0.6;
}
.pad67_10 a:visited {
     color: #000000;
     text-decoration: none;
}
.pad67_11 {
     background-color: #000000;
     color: #ffffff;
     text-align: center;
     padding-top: 4%;
     padding-bottom: 5%;
     width: 100%;
}
.pad67_12 {
     font-size: 70%;
     vertical-align: 0.15em;
     margin-left: 3.5%;
}



@media screen and (min-width: 768px) {
#event_report {
  padding-bottom: 3%;
  font-size: 120%;
  font-weight: 800;
  padding-left: 4.5%;
  padding-right: 4.5%;
  text-align: left;
}
#event_report a {
  color: #000000;
  text-decoration: none;
  transition: 1s;
}
#event_report a:hover {
  color: #000000;
  text-decoration: none;
  transition: 1s;
  opacity: 0.6;
}
#event_report a:visited {
  color: #000000;
  text-decoration: none;
}

.report_container {
  grid-template-columns: repeat(2, 2fr);
  margin-top: 20px;
  gap: 30px 70px;
}
.tvo-report-thumbnail {
  padding-bottom: 15px;
}
.tvo-report-title {
  margin-top: 1px;
  font-size: 105%;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.02em;
  text-align: left;
}
.tvo-report-title a {
  color: #000000;
  text-decoration: none;
}
.tvo-report-title a:hover {
  color: #000000 !important;
  text-decoration: none;
  opacity: 0.6;
}
.tvo-report-title a:active {
  color: #000000 !important;
  text-decoration: none;
  opacity: 0.6;
}
.tvo-report-title a:visited {
  color: #000000;
  text-decoration: none;
}
.tvo-report-time {
  font-size: 115%;
  text-align: left;
}


.pad67_09 {
     position: absolute;
     right: 3.7%;
     bottom: 0;
     width: 150px;
}
.pad67_10 {
     width: 100%;
     font-size: 130%;
     letter-spacing: 0.1em;
     font-weight: 600;
}
.pad67_10 a {
     color: #ffffff;
     text-decoration: none;
     transition: 0.6s;
}
.pad67_10 a:hover {
     color: #ffffff;
     text-decoration: none;
     filter: opacity(75%);
     border: 1px #000000 solid;
     transition: 0.6s;
}
.pad67_10 a:visited {
     color: #ffffff;
     text-decoration: none;
}
.pad67_11 {
     background-color: #000000;
     color: #ffffff;
     text-align: center;
     padding-top: 6.5%;
     padding-bottom: 7.5%;
     width: 100%;
}
.pad67_12 {
     font-size: 70%;
     vertical-align: 0.15em;
     margin-left: 3.5%;
}



}