@charset "UTF-8";
/*///////////////////////////////////////////////////////
    レーシングサイト共通設定・スタイル上書き用
///////////////////////////////////////////////////////*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap");
/*///////////////////////////////////////////////////////
    変数設定
///////////////////////////////////////////////////////*/
/* custom style */
/*///////////////////////////////////////////////////////
    mixin設定
///////////////////////////////////////////////////////*/
:root {
  --add-ft-noto: Noto Sans JP, Zen Kaku Gothic New, serif;
  --add-ft-redhat: Red Hat Display, Noto Sans JP, Zen Kaku Gothic New, serif;
  --add-ft-saira: Saira, Noto Sans JP, Zen Kaku Gothic New, serif;
}

body {
  background: #0f0f0f;
}

#contents {
  margin-top: 8rem;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", serif;
  font-weight: 400;
}

.component-footer {
  background: #1c2086;
}
.component-footer .component-footer--inner .component-footer--wrapper .component-footer--nav-list .component-footer--nav-item a {
  background: #1c2086;
}
.component-footer .component-footer--inner .component-footer--wrapper .component-footer--nav-list .component-footer--nav-item .component-footer--subnav-list .component-footer--nav-item a {
  background: #191c5d;
}
.component-footer .component-footer--inner .component-footer--wrapper.component-footer--top .component-footer--nav-list {
  background: #1c2086;
}
.component-footer .component-footer--inner .component-footer--wrapper.component-footer--top .component-footer--nav-list .component-footer--nav-item a {
  background: #191c5d;
}
.component-footer .component-footer--inner .component-footer--wrapper.component-footer--top .component-footer--nav-list .component-footer--nav-item.active a {
  background: #1c2086;
}
.component-footer .component-footer--inner .component-footer--wrapper.component-footer--bottom .component-footer--nav {
  border-bottom-color: #1c2086;
  background: #1c2086;
}

.component-breadcrumb .component-breadcrumb--container .component-breadcrumb--link {
  color: #d0d0d0;
}
.component-breadcrumb .component-breadcrumb--container .component-breadcrumb--current {
  color: #ffffff;
}

.component-pager .component-pager--inner .component-pager--item a {
  border-color: #ffffff;
  border-radius: 0;
  color: #ffffff;
  background: #0f0f0f;
}
.component-pager .component-pager--inner .component-pager--item.active a {
  color: #0f0f0f;
  background: #ffffff;
}
.component-pager .component-pager--inner .component-pager--item.prev a, .component-pager .component-pager--inner .component-pager--item.next a {
  background: #0f0f0f;
}

#detail .contents .contents-head {
  margin-bottom: 3.3rem;
}
#detail .contents .contents-head .page-head--container .page-head--inner {
  margin-top: 8rem;
  margin-bottom: 2.7rem;
}
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip {
  flex-direction: column;
  align-content: center;
  justify-content: center;
  grid-gap: 1.2rem 0;
  margin-bottom: 1.5rem;
}
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip .page-head--tip-date,
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip .page-head--tip-category {
  text-align: center;
}
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip .page-head--tip-date {
  font-size: 1.3rem;
  font-family: Saira, Noto Sans JP, Zen Kaku Gothic New, serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1.6156em;
}
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip .page-head--tip-category {
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4165em;
  border: none;
  border-radius: 0;
  color: #ffffff;
  background: #1d2087;
}
#detail .contents .contents-head .page-head--container .page-head--inner .page-head--ttl {
  font-size: 1.5rem;
  line-height: 1.5666em;
}

@media screen and (min-width: 961px) {
  #contents {
    margin-top: 11.3rem;
  }
  #detail .contents .contents-head {
    margin-bottom: 6rem;
  }
  #detail .contents .contents-head .page-head--container {
    min-height: 26.5rem;
  }
  #detail .contents .contents-head .page-head--container .page-head--inner {
    margin-top: 11.6rem;
    margin-bottom: 4.6rem;
  }
  #detail .contents .contents-head .page-head--container .page-head--inner .page-head--tip {
    margin-bottom: 1.2rem;
  }
  #detail .contents .contents-head .page-head--container .page-head--inner .page-head--ttl {
    font-size: 2.4rem;
    line-height: 1.4584em;
  }
}