@charset "UTF-8";
:root {
  --color-sg: #ff0817;
  --color-pg1: #ff8125;
  --color-g1: #ffc425;
  --color-g2: #77af4c;
  --color-g3: #3f7dcd;
  --color-ippan: #afafaf;
  --color-all-ladies: #9b61e0;
  --color-venus: #fa628a;
}

main {
  margin: 0 auto;
}
main h2,
main .ttl {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7;
  background: url("../img/icon/h2_deco.webp") no-repeat 0.5rem 0.9rem/1.8rem;
}
main h2::after,
main .ttl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  content: "";
  background: linear-gradient(90deg, #868686 0 16.6666666667%, #202020 16.6666666667% 33.3333333333%, var(--color-sg) 33.3333333333% 50%, #01abff 50% 66.6666666667%, #f2df00 66.6666666667% 83.3333333333%, #22d608 83.3333333333% 100%);
}
main article {
  margin-bottom: 3rem;
}
main article > section {
  padding: 1rem;
}
main article > section section {
  margin: 2rem auto;
}
main article .document_top,
main article .page_top {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.6) 2px, transparent 2px), radial-gradient(circle, rgba(255, 255, 255, 0.6) 2px, transparent 2px), linear-gradient(to top, #d6edf3, #fff 100%);
  background-position: 0 0, 4px 8px, center;
  background-size: 8px 16px, 8px 16px, cover;
}
main article .document_top .postdate,
main article .page_top .postdate {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
main article .document_top .postdate time,
main article .page_top .postdate time {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #208d9c;
  border: solid 1px #208d9c;
}
main article .document_top .postdate time::before,
main article .page_top .postdate time::before {
  width: 0.7rem;
  height: 0.7rem;
  content: "";
  background: no-repeat center/contain;
}
main article .document_top .postdate time.pubdate::before,
main article .page_top .postdate time.pubdate::before {
  background-image: url("../img/icon/time.webp");
}
main article .document_top .postdate time.moddate::before,
main article .page_top .postdate time.moddate::before {
  background-image: url("../img/icon/update.webp");
}
main article .document_top h1,
main article .page_top h1 {
  margin: 0.3rem auto 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7;
}
main article .document_lead,
main article .page_lead {
  padding: 0.8rem 1rem;
  background: #fff;
}
main article .document_lead strong,
main article .page_lead strong {
  font-weight: normal;
  background: linear-gradient(to bottom, transparent 70%, #2ee7e8 0);
}
main article .document_lead em,
main article .page_lead em {
  display: inline-block;
  font-weight: bold;
  color: #ff8124;
}
main article h3,
main article .h3 {
  position: relative;
  padding-left: 0.8rem;
  margin: 1rem auto 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  background: none;
  border-bottom: solid 1px #208d9c;
}
main article h3::before,
main article .h3::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 100%;
  content: "";
  background: #208d9c;
  border-radius: 0.5rem 0.5rem 0 0;
}
main article h3::after,
main article .h3::after {
  display: none;
}
main article h4 {
  position: relative;
  padding-bottom: 0.3rem;
  margin-bottom: 1.3rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom: solid 0.15rem #cce1e1;
}
main article h4::after {
  position: absolute;
  bottom: -0.15rem;
  left: 0;
  width: 80%;
  height: 0.15rem;
  content: "";
  background: #208d9c;
}
main article .toc.open,
main article .sort.open {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 95vw;
  background: none;
  transform: translate(-50%, -50%);
}
main article .toc.open .toc_ttl,
main article .toc.open .sort_ttl,
main article .sort.open .toc_ttl,
main article .sort.open .sort_ttl {
  position: relative;
}
main article .toc.open .toc_ttl::after,
main article .toc.open .sort_ttl::after,
main article .sort.open .toc_ttl::after,
main article .sort.open .sort_ttl::after {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/close.webp") no-repeat center/contain;
  filter: brightness(0) invert(1);
}
main article .toc.open > ol,
main article .sort.open > ol {
  max-height: 70vh;
  overflow-y: auto;
}
main article .toc_ttl,
main article .sort_ttl {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  margin: 0;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #208d9c;
}
main article .toc_ttl::before,
main article .sort_ttl::before {
  display: inline-block;
  content: "";
  background: url("../img/icon/toc.webp") no-repeat center/contain;
}
main article .flex {
  display: flex;
  gap: 1rem;
}
main article .flex p {
  margin: 0;
}
main article .read_more,
main article .linkArea {
  max-width: 23rem;
  margin: 1rem auto;
  background: #208d9c;
  border-radius: 0.3rem;
}
main article .read_more a,
main article .linkArea a {
  display: block;
  padding: 1rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: url("../img/icon/more_wh.webp") no-repeat center right 1rem/1rem;
}
main article.document .toc {
  padding: 1.3rem 1rem 2rem;
}
main article.document .toc .toc_ttl::before {
  width: 0.9rem;
  height: 0.9rem;
  background: url("../img/icon/toc.webp") no-repeat center/contain;
}
main article.document .toc > ol {
  padding: 1rem 1rem 1.5rem 2rem;
  background: #fff;
  border: solid 1px #208d9c;
}
main article.document .toc > ol > li {
  margin-bottom: 0.5rem;
  text-decoration: underline;
  list-style: disc;
}
main article.document .toc > ol > li::marker {
  font-size: 1.2rem;
  color: #208d9c;
}
main article.document .toc > ol > li ol {
  padding-left: 1rem;
}
main article.document .toc > ol > li ol li::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.6rem;
  margin-right: 0.5rem;
  clip-path: polygon(100% 50%, 0 0, 0 99%);
  content: "";
  background: #208d9c;
}
main article.document .site_card {
  display: none;
  padding: 1rem;
  margin: 2rem auto;
  background: #cce1e1;
}
main article.document .site_card .card_title {
  display: block;
  margin: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: 500;
}
main article.document .site_card .card_title::before {
  display: none;
}
main article.document .thumb {
  margin-bottom: 1rem;
}
main article.document .thumb figcaption {
  margin: 1rem auto;
}
main article.document .zoom {
  position: relative;
  float: left;
  margin: 0 1rem 1rem 0;
  cursor: pointer;
}
main article.document .zoom::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  background: url("../img/icon/zoom.webp") rgba(0, 0, 0, 0.231372549) no-repeat center/1.2rem;
}
main article.document .zoom img {
  width: 10rem;
  height: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #f0f0f0;
}
main article.document .zoom figcaption {
  max-width: 10rem;
  margin-top: 0.3rem;
  font-size: 0.85rem;
}
main article.document .zoom + p {
  margin: 0 auto 1rem;
}
main article.document .zoom + p::after {
  display: block;
  clear: both;
  content: "";
}
main article.document .zoom + .mark {
  float: left;
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
}
main article.document .zoom + .mark::after {
  display: block;
  clear: both;
  content: "";
}
main article.document .zoom + .mark li {
  font-size: 0.9rem;
}
main article.document .zoom + .mark li strong,
main article.document .zoom + .mark li em {
  display: contents;
}
main article.document .zoom + .mark + * {
  clear: both;
}
main article.document .zoom_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 20rem;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
main article.document .zoom_modal::after {
  position: absolute;
  top: -1.8rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url("../img/icon/close.webp") no-repeat center/contain;
}
main article.document .h_img {
  max-width: 600px;
  margin: 0 auto 1rem;
}
main article.document .youtube {
  max-width: 600px;
  margin: 0 auto 1rem;
}
main article.document .youtube iframe {
  width: 100%;
}
main article.document .balloon {
  position: relative;
  display: flex;
  gap: 0.66rem;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 1rem auto;
  border-radius: 0.8rem;
}
main article.document .balloon::before {
  position: relative;
  min-width: 4.6rem;
  height: 4.6rem;
  content: "";
  background: url("../img/.webp") #208d9c no-repeat -1rem 0.5rem/5.5rem;
  border-radius: 100%;
}
main article.document .balloon p {
  position: relative;
  padding: 0.8rem;
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
  color: #208d9c;
  background: #cce1e1;
  border-radius: 0.5rem 0.5rem 0.5rem 0;
}
main article.document .balloon p::before {
  position: absolute;
  bottom: 0;
  left: -1rem;
  width: 1.1rem;
  height: 0.8rem;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  content: "";
  background: #cce1e1;
}
main article.document .balloon p span {
  color: #f33;
}
main article.document .balloon p a {
  color: #f33;
  text-decoration: underline;
}
main article.document .balloon:nth-child(even) {
  flex-direction: row-reverse;
}
main article.document .balloon:nth-child(even) p {
  border-radius: 0.5rem 0.5rem 0;
}
main article.document .balloon:nth-child(even) p::before {
  right: -1rem;
  left: unset;
  transform: scale(-1, 1);
}
main article.document .balloon.smile::before {
  background-image: url("../img/smile.webp");
}
main article.document .balloon.ikari::before {
  background-image: url("../img/ikari.webp");
}
main article.document .balloon.odoroki::before {
  background-image: url("../img/odoroki.webp");
}
main article.document .balloon.namida::before {
  background-image: url("../img/namida.webp");
}
main article.document blockquote {
  position: relative;
  padding: 1rem 2rem;
  margin: 2rem auto;
  background: #f0f6f6;
  border-radius: 0.5rem;
}
main article.document blockquote::before, main article.document blockquote::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url("../img/icon/quote.webp") no-repeat center/contain;
}
main article.document blockquote::before {
  top: -0.7rem;
  left: 0.5rem;
}
main article.document blockquote::after {
  right: 0.5rem;
  bottom: -0.7rem;
  transform: scale(-1, -1);
}
main article.document blockquote p {
  margin: 0 !important;
}
main article.document blockquote footer {
  margin: 1rem 0 0.5rem;
  text-align: right;
}
main article.document blockquote footer a {
  font-style: normal;
}
main article.document blockquote + figure {
  clear: both;
}
main article.document .racer_profile {
  margin: 1rem auto;
}
main article.document .racer_profile .wins_table {
  position: relative;
  margin: 1rem auto 2rem;
}
main article.document .racer_profile .wins_table tbody tr td {
  text-align: center;
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(1) {
  min-width: 7rem;
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(2) {
  width: 3rem;
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(2) img {
  width: 2.66rem;
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(3) {
  width: 2rem;
  background: no-repeat center/1.2rem;
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(3).morning {
  background-image: url("../img/icon/race_morning.webp");
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(3).day {
  background-image: url("../img/icon/race_summer.webp");
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(3).nighter {
  background-image: url("../img/icon/race_night.webp");
}
main article.document .racer_profile .wins_table tbody tr td:nth-of-type(4) {
  text-decoration: underline;
}
main article.document .racer_profile .wins_table .more_row > td {
  padding: 0;
  border: none;
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle[open] summary {
  font-size: 0;
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle[open] summary::before {
  transform: rotate(-90deg);
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle[open] summary::after {
  font-size: 1rem;
  content: "詳細を非表示";
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle summary {
  position: absolute;
  bottom: -3rem;
  left: 50%;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 10rem;
  color: #208d9c;
  border: solid 1px #208d9c;
  border-radius: 0.5rem;
  transform: translateX(-50%);
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle summary::marker {
  font-size: 0;
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle summary::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/more.webp") no-repeat center/contain;
  transform: rotate(90deg);
}
main article.document .racer_profile .wins_table .more_row .ranking_toggle table tbody tr:first-child th,
main article.document .racer_profile .wins_table .more_row .ranking_toggle table tbody tr:first-child td {
  border-top: none;
}
main article.document .racer_profile .race_stadium_ex {
  position: relative;
  display: none;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  max-width: 23rem;
  padding: 0.5rem;
  margin: 3rem auto 1rem;
  background: #f0f6f6;
  border-radius: 0.5rem;
}
main article.document .racer_profile .race_stadium_ex::after {
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  content: "";
  background: repeating-linear-gradient(to right, #7ac2cc 0 0.1rem, transparent 0.2rem 0.5rem);
}
main article.document .racer_profile .race_stadium_ex li {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
main article.document .racer_profile .race_stadium_ex li::before {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  content: "";
  background: no-repeat center/contain;
}
main article.document .racer_profile .race_stadium_ex li.morning, main article.document .racer_profile .race_stadium_ex li.daytime, main article.document .racer_profile .race_stadium_ex li.nighter {
  width: calc(33.3333333333% - 0.5rem);
  margin-bottom: 1rem;
}
main article.document .racer_profile .race_stadium_ex li.daytime, main article.document .racer_profile .race_stadium_ex li.nighter {
  justify-content: center;
}
main article.document .racer_profile .race_stadium_ex li.morning::before {
  background-image: url("../img/icon/race_morning.webp");
}
main article.document .racer_profile .race_stadium_ex li.daytime::before {
  background-image: url("../img/icon/race_summer.webp");
}
main article.document .racer_profile .race_stadium_ex li.nighter::before {
  background-image: url("../img/icon/race_night.webp");
}
main article.document .racer_profile .race_stadium_ex li.sg::before {
  background-color: var(--color-sg);
}
main article.document .racer_profile .race_stadium_ex li.pg1::before {
  background-color: var(--color-pg1);
}
main article.document .racer_profile .race_stadium_ex li.g1::before {
  background-color: var(--color-g1);
}
main article.document .racer_profile .race_stadium_ex li.g2::before {
  background-color: var(--color-g2);
}
main article.document .racer_profile .race_stadium_ex li.g3::before {
  background-color: var(--color-g3);
}
main article.document .racer_profile .race_stadium_ex li.ippan::before {
  background-color: var(--color-ippan);
}
main article.document .racer_profile .race_stadium_ex li.all-ladies::before {
  background-color: var(--color-all-ladies);
}
main article.document .racer_profile .race_stadium_ex li.venus::before {
  background-color: var(--color-venus);
}
main article.document .racer_profile .wins_table + .race_stadium_ex {
  display: flex;
}
main article.document .racer_profile > p {
  margin-bottom: 0;
}
main article.document .profile_table tr th,
main article.document .profile_table tr td {
  border: solid 1px #fff;
}
main article.document .profile_table tr th {
  color: #fff;
  background: #208d9c;
}
main article.document .profile_table tr td {
  background: #cce1e1;
}
main article.document .today_race {
  margin: 1rem auto;
}
main article.document .today_race thead tr th:nth-of-type(3), main article.document .today_race thead tr th:nth-of-type(4) {
  font-size: 0.9rem;
}
main article.document .today_race tbody tr td {
  text-align: center;
}
main article.document .today_race tbody tr td:nth-of-type(1) {
  width: 5rem;
}
main article.document .today_race tbody tr td:nth-of-type(2) {
  width: 3rem;
}
main article.document .today_race tbody tr td:nth-of-type(2) img {
  width: 2.66rem;
  padding: 0.1rem;
}
main article.document .today_race tbody tr td:nth-of-type(4), main article.document .today_race tbody tr td:nth-of-type(5) {
  white-space: nowrap;
}
main article.document .today_race tbody tr td:nth-of-type(4) .race_number, main article.document .today_race tbody tr td:nth-of-type(5) .race_number {
  margin: 0;
}
main article.document .today_race tbody tr td:nth-of-type(4) .boat_number, main article.document .today_race tbody tr td:nth-of-type(5) .boat_number {
  padding: 0 0.4rem;
  font-weight: 500;
}
main article.document .scroll {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-x: scroll;
  clear: both;
  scrollbar-width: thin;
  scrollbar-color: #208d9c #cce1e1;
}
main article.document .scroll::-webkit-scrollbar {
  display: none;
}
main article.document .scroll::before {
  position: sticky;
  inset: 0;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  color: #000;
  text-align: center;
  content: "▼ スクロールしてご確認ください。▼";
}
main article.document .scroll table {
  width: auto;
  white-space: nowrap;
}
main article.document .scroll table td {
  padding: 1rem 0.5rem;
}
main article.document .check {
  padding: 1.5rem 1rem;
  background: #f0f6f6;
  border: solid 1px #208d9c;
}
main article.document .check li {
  display: flex;
  gap: 0.5rem;
  color: #208d9c;
}
main article.document .check li::before {
  flex: none;
  width: 0.9rem;
  height: 0.9rem;
  margin-top: 0.4rem;
  content: "";
  background: url("../img/icon/pen.webp") no-repeat center/contain;
}
main article.document .mark {
  padding: 1.5rem 1rem;
  background: #f0f6f6;
}
main article.document .mark li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  color: #000;
}
main article.document .mark li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #208d9c;
  content: "●";
}
main article.document section > p,
main article.document section > div p {
  margin: 1rem 0;
}
main article.document section > p strong,
main article.document section > div p strong {
  font-weight: normal;
  background: linear-gradient(to bottom, transparent 70%, #2ee7e8 0);
}
main article.document section > p em,
main article.document section > div p em {
  font-weight: bold;
  color: #ff8124;
}
main .toc_float,
main .sort_float {
  position: fixed;
  bottom: -10rem;
  left: -5rem;
  z-index: 8;
  background: #208d9c;
  border-radius: 0 100% 0 0;
  transition: 0.3s;
}
main .toc_float.active,
main .sort_float.active {
  bottom: 3.9rem;
  left: 0;
}
main .toc_float_btn,
main .sort_float_btn {
  color: #fff;
}
main .toc_float .toc_float_btn,
main .sort_float .toc_float_btn {
  padding: 2.5rem 2rem 0.5rem 1rem;
  background: url("../img/icon/toc.webp") no-repeat 1.5rem 1.4rem/1rem 0.8rem;
}
main .aside .overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(0.5rem);
}
main .aside .overlay.open {
  display: block !important;
  transition: 0.25s;
}
main .aside .slide_menu {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 11;
  transition: 0.25s;
}
main .aside .slide_menu.open {
  right: 0;
}
main .aside .slide_menu button {
  position: absolute;
  top: 0.5rem;
  right: 21rem;
  z-index: 2;
}
main .aside .slide_menu button img {
  width: 2rem;
}
main .aside .slide_menu ul {
  position: relative;
  z-index: 1;
  width: 20rem;
  height: 100vh;
  padding-bottom: 4rem;
  overflow-y: scroll;
  background: #208d9c;
}
main .aside .slide_menu ul li a {
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.8rem 2rem;
  font-size: 1rem;
  color: #fff;
  border-bottom: dotted 1px #fff;
}
main .aside .slide_menu ul li a::before {
  width: 1.73rem;
  height: 1.73rem;
  content: "";
  background: no-repeat center/contain;
}
main .aside .slide_menu ul li a::after {
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  width: 0.8rem;
  height: 1.2rem;
  content: "";
  background: url("../img/icon/drawer_arrow.webp") no-repeat center/contain;
}
main .aside .slide_menu ul li:last-child a {
  border: none;
}
main .aside .slide_menu ul li.current a {
  color: #fff;
  background: #f1951b;
}
main .aside .slide_menu ul li.current a::before, main .aside .slide_menu ul li.current a::after {
  filter: brightness(0) invert(1);
}
main .aside .slide_menu ul li.topics a::before {
  background-image: url("../img/icon/drawer_topics.webp");
}
main .aside .slide_menu ul li.race a {
  gap: 0;
  padding-left: 2.2rem;
}
main .aside .slide_menu ul li.race a::before {
  position: relative;
  left: -0.3rem;
  width: 2.5rem;
  background-image: url("../img/icon/drawer_race.webp");
}
main .aside .slide_menu ul li.grandprix a::before {
  background-image: url("../img/icon/drawer_grandprix.webp");
}
main .aside .slide_menu ul li.racer a::before {
  background-image: url("../img/icon/drawer_racer.webp");
}
main .aside .slide_menu ul li.bbs a::before {
  background-image: url("../img/icon/drawer_bbs.webp");
}
main .aside .slide_menu ul li.beginner a::before {
  background-image: url("../img/icon/drawer_beginner.webp");
}
main .aside .slide_menu ul li.stadium a::before {
  background-image: url("../img/icon/drawer_stadium.webp");
}
main .aside .slide_menu ul li.knowledge a::before {
  background-image: url("../img/icon/drawer_knowledge.webp");
}
main .aside .slide_menu ul li.column a::before {
  background-image: url("../img/icon/drawer_column.webp");
}
main .aside .slide_menu ul li.news a::before {
  background-image: url("../img/icon/drawer_news.webp");
}
main .aside .slide_menu ul li.site a::before {
  background-image: url("../img/icon/drawer_site.webp");
}
main .aside .slide_menu ul li.review a::before {
  background-image: url("../img/icon/drawer_review.webp");
}
main .aside .slide_menu ul li.hot a::before {
  background-image: url("../img/icon/drawer_hot.webp");
}
main .aside .slide_menu ul li.about a::before {
  background-image: url("../img/icon/drawer_about.webp");
}
main .aside .slide_menu ul li.inquiry a::before {
  background-image: url("../img/icon/drawer_inquiry.webp");
}
main .aside .footer_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  background: #2ee7e8;
}
main .aside .footer_menu ul {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
main .aside .footer_menu ul li {
  position: relative;
  z-index: 0;
  height: 4rem;
}
main .aside .footer_menu ul li::before {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  content: "";
  background: no-repeat center/contain;
  transform: translateX(-50%);
}
main .aside .footer_menu ul li a {
  display: block;
  font-size: 0.75rem;
  line-height: 6.3rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
main .aside .footer_menu ul li:nth-of-type(1)::before {
  background-image: url("../img/icon/menu_topics.webp");
}
main .aside .footer_menu ul li:nth-of-type(2)::before {
  width: 2.8rem;
  background-image: url("../img/icon/menu_race.webp");
  transform: translateX(-45%) rotate(-10deg);
}
main .aside .footer_menu ul li:nth-of-type(3)::before {
  background-image: url("../img/icon/menu_grandprix.webp");
}
main .aside .footer_menu ul li:nth-of-type(4)::before {
  background-image: url("../img/icon/menu_racer.webp");
}
main .aside .footer_menu ul li:nth-of-type(5)::before {
  background-image: url("../img/icon/menu_bbs.webp");
}
main .aside .footer_menu ul li:nth-of-type(6)::before {
  background-image: url("../img/icon/menu_column.webp");
}
main .aside section.banner_area, main .aside section.ladies_ranking, main .aside section.recommend_column, main .aside section.topics, main .aside section.access, main .aside section.prize_ranking, main .aside section.ladies_schedule, main .aside section.popular_ranking, main .aside section.recommend_ranking, main .aside section.free_ranking, main .aside section.review_ranking {
  padding: 1rem 1rem 2.5rem;
}
main .aside section.banner_area {
  padding-bottom: 0;
  margin-top: 1rem;
}
main .aside section.banner_area ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.65rem;
}
main .aside section.ladies_ranking > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.33rem 1rem;
}
main .aside section.ladies_ranking > ul > li {
  position: relative;
  padding-bottom: 1.33rem;
  border-bottom: dotted 0.15rem #208d9c;
}
main .aside section.ladies_ranking > ul > li dl {
  display: flex;
  gap: 0.66rem;
}
main .aside section.ladies_ranking > ul > li dl dt figure {
  width: 6.66rem;
  height: 6.66rem;
}
main .aside section.ladies_ranking > ul > li dl dd time {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #208d9c;
}
main .aside section.ladies_ranking > ul > li dl dd time::before {
  width: 0.7rem;
  height: 0.7rem;
  content: "";
  background: url("../img/icon/time.webp") no-repeat center/contain;
}
main .aside section.ladies_ranking > ul > li dl dd a {
  font-size: 1.2rem;
  font-weight: 500;
}
main .aside section.ladies_ranking > ul > li dl dd a::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .aside section.ladies_ranking > ul > li dl dd a span {
  display: block;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2;
  color: #208d9c;
}
main .aside section.ladies_ranking > ul > li dl dd ul {
  display: flex;
  gap: 0.66rem;
  align-items: center;
  margin-top: 0.3rem;
}
main .aside section.ladies_ranking > ul > li dl dd ul li:nth-of-type(1) {
  font-size: 1rem;
  color: #208d9c;
}
main .aside section.ladies_ranking > ul > li dl dd ul li:nth-of-type(2) {
  padding: 0 0.5rem;
  font-size: 0.8rem;
  color: #fff;
  background: #208d9c;
}
main .aside section.ladies_ranking > ul > li dl dd ul li:nth-of-type(3) {
  padding: 0 0.5rem;
  font-size: 0.8rem;
  color: #208d9c;
  border: solid 1px #208d9c;
}
main .aside section.ladies_ranking > ul > li > p {
  margin: 0.3rem 0 0.6rem;
}
main .aside section.ladies_ranking > ul > li .link::before {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  margin-left: -3rem;
  background-image: url("../img/icon/helmet.webp");
}
main .aside section.ladies_ranking > ul > li .link::after {
  position: absolute;
  top: 0.4rem;
  right: 3.5rem;
  width: 1rem;
  height: 1rem;
  background-image: url("../img/icon/more.webp") no-repeat center/contain;
}
main .aside section.prize_ranking table {
  max-width: 23rem;
  margin: 0 auto;
}
main .aside section.prize_ranking table thead th {
  font-size: 0.8rem;
  white-space: nowrap;
}
main .aside section.prize_ranking table tbody tr.condition td {
  padding: 0.4rem;
}
main .aside section.prize_ranking table tbody tr.condition td span {
  position: relative;
  display: block;
  width: 1.4rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #d41f07;
}
main .aside section.prize_ranking table tbody tr.condition td span::after {
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.9rem;
  height: 0.9rem;
  content: "";
  background: no-repeat center/contain;
}
main .aside section.prize_ranking table tbody tr.good td span::after {
  background-image: url("../img/icon/condition_good.webp");
}
main .aside section.prize_ranking table tbody tr.natural td span::after {
  background-image: url("../img/icon/condition_natural.webp");
}
main .aside section.prize_ranking table tbody tr.bad td span::after {
  background-image: url("../img/icon/condition_bad.webp");
}
main .aside section.prize_ranking table tbody tr td {
  padding: 0.5rem;
  font-size: 0.9rem;
}
main .aside section.prize_ranking table tbody tr td:nth-child(2) {
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0;
  border: none;
  border-bottom: solid 1px #707070;
}
main .aside section.prize_ranking table tbody tr td:nth-child(2) img {
  width: 2.1rem;
  height: 100%;
}
main .aside section.prize_ranking table tbody tr td:nth-child(2) a {
  flex: 1;
  margin: 0 0.5rem;
  margin-left: 0.66rem;
  font-size: 1rem;
  color: #208d9c;
  text-decoration: underline;
  white-space: nowrap;
}
main .aside section.prize_ranking table tbody tr td:last-child {
  text-align: right;
}
main .aside section.recommend_column .category li a {
  max-height: 5.2em;
  line-height: 1.3;
}
main .aside section.access .category li {
  padding-left: 2.2rem;
}
main .aside section.access .category li figure {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}
main .aside section.access .category li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  color: #fff;
  text-align: center;
  background: #208d9c;
}
main .aside section.access .category li:nth-of-type(1)::before {
  content: "1";
}
main .aside section.access .category li:nth-of-type(2)::before {
  content: "2";
}
main .aside section.access .category li:nth-of-type(3)::before {
  content: "3";
}
main .aside section.access .category li:nth-of-type(4)::before {
  content: "4";
}
main .aside section.access .category li:nth-of-type(5)::before {
  content: "5";
}
main .aside section.access .category li a {
  max-height: 5.2em;
  line-height: 1.3;
}
main .aside section.access .category li time {
  right: unset;
  left: 2rem;
}
main .aside section.popular_ranking ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.33rem 1rem;
}
main .aside section.popular_ranking ul > li {
  position: relative;
  padding-bottom: 1.33rem;
  border-bottom: dotted 0.15rem #208d9c;
}
main .aside section.popular_ranking ul > li dl {
  display: flex;
  gap: 0.66rem;
}
main .aside section.popular_ranking ul > li dl dt img {
  width: 8rem;
}
main .aside section.popular_ranking ul > li dl dd {
  padding-top: 0.5rem;
}
main .aside section.popular_ranking ul > li dl dd time {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #208d9c;
}
main .aside section.popular_ranking ul > li dl dd time::before {
  width: 0.7rem;
  height: 0.7rem;
  content: "";
  background: url("../img/icon/time.webp") no-repeat center/contain;
}
main .aside section.popular_ranking ul > li dl dd a {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
}
main .aside section.popular_ranking ul > li dl dd a::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .aside section.popular_ranking ul > li dl dd span {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5rem;
  margin: 1rem 0 0 auto;
  color: #fff;
  background: #208d9c;
  border-radius: 2rem;
}
main .aside section.popular_ranking ul > li dl dd span::after {
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background: url("../img/icon/more.webp") no-repeat center/contain;
  filter: brightness(0) invert(1);
}
main .aside section.recommend_ranking > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
main .aside section.recommend_ranking > ul > li {
  position: relative;
  padding-bottom: 1.33rem;
  border-bottom: dotted 0.15rem #208d9c;
}
main .aside section.recommend_ranking > ul > li::before {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 3.53rem;
  height: 5.33rem;
  content: "";
  background: no-repeat center/contain;
}
main .aside section.recommend_ranking > ul > li:nth-of-type(1)::before {
  background-image: url("../img/label/best_01.webp");
}
main .aside section.recommend_ranking > ul > li:nth-of-type(2)::before {
  background-image: url("../img/label/best_02.webp");
}
main .aside section.recommend_ranking > ul > li:nth-of-type(3)::before {
  background-image: url("../img/label/best_03.webp");
}
main .aside section.recommend_ranking > ul > li dl {
  display: flex;
  gap: 0.66rem;
}
main .aside section.recommend_ranking > ul > li dl dt img {
  width: 8rem;
}
main .aside section.recommend_ranking > ul > li dl dd {
  padding-top: 0.5rem;
}
main .aside section.recommend_ranking > ul > li dl dd a {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}
main .aside section.recommend_ranking > ul > li dl dd a::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/pager.webp") no-repeat center/contain;
}
main .aside section.recommend_ranking > ul > li dl dd a::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .aside section.recommend_ranking > ul > li dl dd p {
  height: 6rem;
}
main .aside section.recommend_ranking > ul > li dl dd .link::before {
  width: 1.2rem;
  height: 1rem;
  background-image: url("../img/icon/article.webp");
}
main .aside section.free_ranking > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
main .aside section.free_ranking > ul > li {
  position: relative;
  padding-bottom: 1.33rem;
  border-bottom: dotted 0.15rem #208d9c;
}
main .aside section.free_ranking > ul > li::before {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 3.53rem;
  height: 5.33rem;
  content: "";
  background: no-repeat center/contain;
}
main .aside section.free_ranking > ul > li:nth-of-type(1)::before {
  background-image: url("../img/label/best_01.webp");
}
main .aside section.free_ranking > ul > li:nth-of-type(2)::before {
  background-image: url("../img/label/best_02.webp");
}
main .aside section.free_ranking > ul > li:nth-of-type(3)::before {
  background-image: url("../img/label/best_03.webp");
}
main .aside section.free_ranking > ul > li dl {
  display: flex;
  gap: 0.66rem;
}
main .aside section.free_ranking > ul > li dl dt img {
  width: 8rem;
}
main .aside section.free_ranking > ul > li dl dd {
  padding-top: 0.5rem;
}
main .aside section.free_ranking > ul > li dl dd a {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
}
main .aside section.free_ranking > ul > li dl dd a::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/pager.webp") no-repeat center/contain;
}
main .aside section.free_ranking > ul > li dl dd a::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .aside section.free_ranking > ul > li dl dd > p {
  display: block;
}
main .aside section.free_ranking > ul > li dl dd > p em {
  color: var(--color-sg);
}
main .aside section.free_ranking > ul > li dl dd .link::before {
  width: 1.2rem;
  height: 1rem;
  background-image: url("../img/icon/cup.webp");
}
main .aside section.review_ranking > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
main .aside section.review_ranking > ul li {
  position: relative;
  padding-bottom: 1.33rem;
  border-bottom: dotted 0.15rem #208d9c;
}
main .aside section.review_ranking > ul li::before {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 3.53rem;
  height: 5.33rem;
  content: "";
  background: no-repeat center/contain;
}
main .aside section.review_ranking > ul li:nth-of-type(1)::before {
  background-image: url("../img/label/best_01.webp");
}
main .aside section.review_ranking > ul li:nth-of-type(2)::before {
  background-image: url("../img/label/best_02.webp");
}
main .aside section.review_ranking > ul li:nth-of-type(3)::before {
  background-image: url("../img/label/best_03.webp");
}
main .aside section.review_ranking > ul li dl {
  display: flex;
  gap: 0.66rem;
}
main .aside section.review_ranking > ul li dl dt img {
  width: 8rem;
}
main .aside section.review_ranking > ul li dl dd {
  padding-top: 0.5rem;
}
main .aside section.review_ranking > ul li dl dd a {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
}
main .aside section.review_ranking > ul li dl dd a::after {
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/pager.webp") no-repeat center/contain;
}
main .aside section.review_ranking > ul li dl dd a::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .aside section.review_ranking > ul li dl dd em {
  color: var(--color-sg);
}
main .aside section.review_ranking > ul li dl dd .link::before {
  width: 1.2rem;
  height: 1rem;
  background-image: url("../img/icon/chat.webp");
}
main .ladies_schedule nav {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.2rem 0;
  margin: 0 auto;
  background: #cce1e1;
}
main .ladies_schedule nav button {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
main .ladies_schedule nav button.prev::before {
  width: 0.7rem;
  height: 0.8rem;
  content: "";
  background: url("../img/icon/arrow.webp") no-repeat center/contain;
  transform: scale(-1, 1);
}
main .ladies_schedule nav button.next::after {
  width: 0.7rem;
  height: 0.8rem;
  content: "";
  background: url("../img/icon/arrow.webp") no-repeat center/contain;
}
main .ladies_schedule nav select {
  background: none;
  border: none;
}
main .ladies_schedule ul {
  margin: 0.66rem auto 0;
}
main .ladies_schedule ul li {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.66rem;
}
main .ladies_schedule ul li.sg {
  background: var(--color-sg);
  border: solid 0.15rem var(--color-sg);
}
main .ladies_schedule ul li.g1 {
  background: var(--color-g1);
  border: solid 0.15rem var(--color-g1);
}
main .ladies_schedule ul li.g2 {
  background: var(--color-g2);
  border: solid 0.15rem var(--color-g2);
}
main .ladies_schedule ul li.g3 {
  background: var(--color-g3);
  border: solid 0.15rem var(--color-g3);
}
main .ladies_schedule ul li.pg1 {
  background: var(--color-pg1);
  border: solid 0.15rem var(--color-pg1);
}
main .ladies_schedule ul li.ippan {
  background: var(--color-ippan);
  border: solid 0.15rem var(--color-ippan);
}
main .ladies_schedule ul li.all-ladies {
  background: var(--color-all-ladies);
  border: solid 0.15rem var(--color-all-ladies);
}
main .ladies_schedule ul li.venus {
  background: var(--color-venus);
  border: solid 0.15rem var(--color-venus);
}
main .ladies_schedule ul li > img {
  width: initial;
  height: 3rem;
}
main .ladies_schedule ul li dl {
  width: 100%;
}
main .ladies_schedule ul li dl dt {
  background: url("../img/icon/more_wh.webp") no-repeat center right 1rem/1rem;
}
main .ladies_schedule ul li dl dt a {
  display: block;
  padding: 0 2.5rem 0 0.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
main .ladies_schedule ul li dl dt a::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .ladies_schedule ul li dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0.2rem 0.5rem;
  background: linear-gradient(70deg, transparent 65%, rgb(255, 255, 255) 65% 65%, transparent 65%), linear-gradient(70deg, #eef6f8 0 65%, transparent 65%), #fff;
}
main .ladies_schedule ul li dl dd img {
  width: auto;
  height: 1.2rem;
  margin-right: auto;
}
main .ladies_schedule ul li dl dd time {
  font-size: 0.9rem;
  color: #000;
}
main table {
  width: 100%;
  border-collapse: collapse;
}
main table th,
main table td {
  padding: 0.25rem 0.5rem;
  line-height: 1.6;
  background-color: #fff;
  border: solid 1px #707070;
}
main table thead tr th {
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #208d9c;
}
main table tbody {
  padding: 0.5rem;
  background: #fff;
}
main .link {
  position: relative;
  display: flex;
  gap: 0.66rem;
  align-items: center;
  justify-content: center;
  max-width: 23rem;
  padding-bottom: 0.66rem;
  margin: 1rem auto;
  font-weight: 500;
  color: #208d9c;
  border-bottom: solid 0.15rem #208d9c;
}
main .link::before {
  content: "";
  background: no-repeat center/contain;
}
main .link::after {
  position: absolute;
  top: 0.3rem;
  right: 0.66rem;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/more.webp") no-repeat center/contain;
}
main .btn {
  display: block;
  width: 100%;
  max-width: 13rem;
  padding: 0.8rem;
  margin: 1rem auto;
  color: #fff;
  text-align: center;
  background: #208d9c;
  border-radius: 0.3rem;
  box-shadow: 0 0.2rem 0 #000;
}
main .tag {
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 0.5rem;
  margin: 0 0.8rem 0.8rem 0;
  line-height: 1.2;
  color: #208d9c;
  border: solid 1px #208d9c;
  border-radius: 0.3rem;
}
main .tag::before {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background: url("../img/icon/tag.webp") no-repeat center/contain;
}
main .stars {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  align-items: center;
}
main .stars img {
  width: 1.1rem;
}
main .category {
  display: flex;
  flex-wrap: wrap;
  gap: 1.33rem 1rem;
}
main .category li {
  position: relative;
  width: 100%;
  padding: 1rem 1rem 2rem;
  border: solid 1px #cce1e1;
  box-shadow: 0.3rem 0.3rem 0 #cce1e1;
}
main .category li.new::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  content: "";
  background: url("../img/icon/new.webp") no-repeat center/contain;
}
main .category li figure {
  display: flex;
  gap: 1rem;
}
main .category li figure img {
  width: 6rem;
  height: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
main .category li a {
  display: -webkit-box;
  max-height: 4.8em;
  overflow: hidden;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: underline;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
main .category li a::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .category li > p {
  display: -webkit-box;
  max-height: 6.4em;
  margin: 0.5rem auto 1rem;
  overflow: hidden;
  font-weight: 500;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
main .category li time {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #208d9c;
}
main .category li time::before {
  width: 0.7rem;
  height: 0.7rem;
  content: "";
  background: url("../img/icon/time.webp") no-repeat center/contain;
}
main .related {
  display: flex;
  flex-wrap: wrap;
  gap: 1.33rem 1rem;
}
main .related li {
  position: relative;
  padding: 1rem 0.5rem;
  border: solid 1px #208d9c;
}
main .related li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 2rem;
  content: "";
  background: url("../img/icon/related.webp") no-repeat center/contain;
}
main .related li figure {
  display: flex;
  gap: 1rem;
}
main .related li figure img {
  width: 6rem;
  height: 6rem;
}
main .related li figure figcaption {
  margin-left: 1rem;
}
main .related li figure figcaption a {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: underline;
}
main .related li figure figcaption a::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
}
main .related li time {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #208d9c;
}
main .related li time::before {
  width: 0.7rem;
  height: 0.7rem;
  content: "";
  background: url("../img/icon/time.webp") no-repeat center/contain;
}
main .pagenation {
  margin: 1rem auto;
}
main .pagenation ol {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
main .pagenation ol li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 2rem;
  border-bottom: solid 0.15rem #cce1e1;
}
main .pagenation ol li a {
  width: 100%;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  color: #208d9c;
  text-align: center;
}
main .pagenation ol li span {
  line-height: 1;
}
main .pagenation ol li.prev img, main .pagenation ol li.next img {
  display: inline-block;
  width: 0.7rem;
  opacity: 0.7;
}
main .pagenation ol li.prev.current a, main .pagenation ol li.next.current a {
  padding-bottom: 0;
}
main .pagenation ol li.prev {
  transform: scale(-1, 1);
}
main .pagenation ol li.current {
  border-bottom: solid 0.2rem #208d9c;
}
main .pagenation ol li.current img {
  opacity: 1;
}
main .pagenation ol li:has(span) {
  align-items: flex-start;
  border: none;
}
main .search form {
  display: flex;
  gap: 0.3rem;
  align-items: stretch;
}
main .search form input {
  width: 100%;
  height: 2.1rem;
  padding: 0 0.5rem;
  color: #000;
  background: #fff;
  border: solid 1px #208d9c;
}
main .search form input::-moz-placeholder {
  color: #ccc;
}
main .search form input::placeholder {
  color: #ccc;
}
main .search form button {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
  width: 6rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  background: #208d9c;
  border-radius: 0.3rem;
}
main .search form button::before {
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("../img/icon/search.webp") no-repeat center/contain;
}

[data="1"],
.boat_1 {
  color: #000;
  background: #e0e0e0;
}

[data="2"],
.boat_2 {
  color: #fff;
  background: #000;
}

[data="3"],
.boat_3 {
  color: #fff;
  background: var(--color-sg);
}

[data="4"],
.boat_4 {
  color: #fff;
  background: #01abff;
}

[data="5"],
.boat_5 {
  color: #000;
  background: #f2df00;
}

[data="6"],
.boat_6 {
  color: #fff;
  background: #22d608;
}

body:has(.search)::before {
  display: none;
}/*# sourceMappingURL=common_sp.css.map */