@charset "UTF-8";
/*font*/
/*color*/
/* --- レースカラーバリーション --- */
* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

p {
  line-height: 1.5; }

a img {
  border: none; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: middle; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: underline; }

.table, .table-bordered-h-top-base, .table-brd-h-top-orange, .table-brd-h-top-red, .table-brd-h-top-lbrown, .table-brd-h-top-brown, .table-brd-h-top-yg, .table-brd-h-top-green, .table-brd-h-top-lgray, .table-brd-h-top-wht, .table-brd-h-top-sub, .table-brd-h-top-main, .table-bordered-h-base, .table-brd-h-orange, .table-brd-h-red, .table-brd-h-lbrown, .table-brd-h-brown, .table-brd-h-yg, .table-brd-h-green, .table-brd-h-lgray, .table-brd-h-wht, .table-brd-h-sub, .table-brd-h-main, .table-bordered-base, .table-brd-orange, .table-brd-red, .table-brd-lbrown, .table-brd-brown, .table-brd-yg, .table-brd-green, .table-brd-lgray, .race-sales-table .OffBank, .race-member-table, .table-brd-wht, .table-brd-sub, .table-brd-main {
  width: 100%;
  text-align: left; }
  .table td, .table-bordered-h-top-base td, .table-brd-h-top-orange td, .table-brd-h-top-red td, .table-brd-h-top-lbrown td, .table-brd-h-top-brown td, .table-brd-h-top-yg td, .table-brd-h-top-green td, .table-brd-h-top-lgray td, .table-brd-h-top-wht td, .table-brd-h-top-sub td, .table-brd-h-top-main td, .table-bordered-h-base td, .table-brd-h-orange td, .table-brd-h-red td, .table-brd-h-lbrown td, .table-brd-h-brown td, .table-brd-h-yg td, .table-brd-h-green td, .table-brd-h-lgray td, .table-brd-h-wht td, .table-brd-h-sub td, .table-brd-h-main td, .table-bordered-base td, .table-brd-orange td, .table-brd-red td, .table-brd-lbrown td, .table-brd-brown td, .table-brd-yg td, .table-brd-green td, .table-brd-lgray td, .race-sales-table .OffBank td, .race-member-table td, .table-brd-wht td, .table-brd-sub td, .table-brd-main td,
  .table th,
  .table-bordered-h-top-base th,
  .table-brd-h-top-orange th,
  .table-brd-h-top-red th,
  .table-brd-h-top-lbrown th,
  .table-brd-h-top-brown th,
  .table-brd-h-top-yg th,
  .table-brd-h-top-green th,
  .table-brd-h-top-lgray th,
  .table-brd-h-top-wht th,
  .table-brd-h-top-sub th,
  .table-brd-h-top-main th,
  .table-bordered-h-base th,
  .table-brd-h-orange th,
  .table-brd-h-red th,
  .table-brd-h-lbrown th,
  .table-brd-h-brown th,
  .table-brd-h-yg th,
  .table-brd-h-green th,
  .table-brd-h-lgray th,
  .table-brd-h-wht th,
  .table-brd-h-sub th,
  .table-brd-h-main th,
  .table-bordered-base th,
  .table-brd-orange th,
  .table-brd-red th,
  .table-brd-lbrown th,
  .table-brd-brown th,
  .table-brd-yg th,
  .table-brd-green th,
  .table-brd-lgray th,
  .race-sales-table .OffBank th,
  .race-member-table th,
  .table-brd-wht th,
  .table-brd-sub th,
  .table-brd-main th {
    padding: 5px 5px; }

.table-bordered-base td, .table-brd-orange td, .table-brd-red td, .table-brd-lbrown td, .table-brd-brown td, .table-brd-yg td, .table-brd-green td, .table-brd-lgray td, .race-sales-table .OffBank td, .race-member-table td, .table-brd-wht td, .table-brd-sub td, .table-brd-main td,
.table-bordered-base th,
.table-brd-orange th,
.table-brd-red th,
.table-brd-lbrown th,
.table-brd-brown th,
.table-brd-yg th,
.table-brd-green th,
.table-brd-lgray th,
.race-sales-table .OffBank th,
.race-member-table th,
.table-brd-wht th,
.table-brd-sub th,
.table-brd-main th {
  border: 1px solid; }

.brd-bold td,
.brd-bold th {
  border-width: 2px !important; }

.table-bordered-h-base td, .table-brd-h-orange td, .table-brd-h-red td, .table-brd-h-lbrown td, .table-brd-h-brown td, .table-brd-h-yg td, .table-brd-h-green td, .table-brd-h-lgray td, .table-brd-h-wht td, .table-brd-h-sub td, .table-brd-h-main td,
.table-bordered-h-base th,
.table-brd-h-orange th,
.table-brd-h-red th,
.table-brd-h-lbrown th,
.table-brd-h-brown th,
.table-brd-h-yg th,
.table-brd-h-green th,
.table-brd-h-lgray th,
.table-brd-h-wht th,
.table-brd-h-sub th,
.table-brd-h-main th {
  border-top: 1px solid;
  border-bottom: 1px solid; }

.table-bordered-h-top-base td, .table-brd-h-top-orange td, .table-brd-h-top-red td, .table-brd-h-top-lbrown td, .table-brd-h-top-brown td, .table-brd-h-top-yg td, .table-brd-h-top-green td, .table-brd-h-top-lgray td, .table-brd-h-top-wht td, .table-brd-h-top-sub td, .table-brd-h-top-main td,
.table-bordered-h-top-base th,
.table-brd-h-top-orange th,
.table-brd-h-top-red th,
.table-brd-h-top-lbrown th,
.table-brd-h-top-brown th,
.table-brd-h-top-yg th,
.table-brd-h-top-green th,
.table-brd-h-top-lgray th,
.table-brd-h-top-wht th,
.table-brd-h-top-sub th,
.table-brd-h-top-main th {
  border-top: 1px solid; }

.table-brd-main td,
.table-brd-main th,
.table-brd-h-main td,
.table-brd-h-main th,
.table-brd-h-top-main td,
.table-brd-h-top-main th {
  border-color: #3f3300; }

.table-brd-main .fill,
.table-brd-h-main .fill,
.table-brd-h-top-main .fill {
  background-color: #ffd10c; }

.table-brd-sub td,
.table-brd-sub th,
.table-brd-h-sub td,
.table-brd-h-sub th,
.table-brd-h-top-sub td,
.table-brd-h-top-sub th {
  border-color: #43b04c; }

.table-brd-sub .fill,
.table-brd-h-sub .fill,
.table-brd-h-top-sub .fill {
  background-color: #d1eed4; }

.table-brd-wht td,
.table-brd-wht th,
.table-brd-h-wht td,
.table-brd-h-wht th,
.table-brd-h-top-wht td,
.table-brd-h-top-wht th {
  border-color: #fff; }

.table-brd-wht .fill,
.table-brd-h-wht .fill,
.table-brd-h-top-wht .fill {
  background-color: white; }

.table-brd-lgray td, .race-sales-table .OffBank td, .race-member-table td,
.table-brd-lgray th,
.race-sales-table .OffBank th,
.race-member-table th,
.table-brd-h-lgray td,
.table-brd-h-lgray th,
.table-brd-h-top-lgray td,
.table-brd-h-top-lgray th {
  border-color: #aaa; }

.table-brd-lgray .fill, .race-sales-table .OffBank .fill, .race-member-table .fill,
.table-brd-h-lgray .fill,
.table-brd-h-top-lgray .fill {
  background-color: white; }

.table-brd-green td,
.table-brd-green th,
.table-brd-h-green td,
.table-brd-h-green th,
.table-brd-h-top-green td,
.table-brd-h-top-green th {
  border-color: #43b04c; }

.table-brd-green .fill,
.table-brd-h-green .fill,
.table-brd-h-top-green .fill {
  background-color: #d1eed4; }

.table-brd-yg td,
.table-brd-yg th,
.table-brd-h-yg td,
.table-brd-h-yg th,
.table-brd-h-top-yg td,
.table-brd-h-top-yg th {
  border-color: #90c31f; }

.table-brd-yg .fill,
.table-brd-h-yg .fill,
.table-brd-h-top-yg .fill {
  background-color: #e2f4ba; }

.table-brd-brown td,
.table-brd-brown th,
.table-brd-h-brown td,
.table-brd-h-brown th,
.table-brd-h-top-brown td,
.table-brd-h-top-brown th {
  border-color: #3f3300; }

.table-brd-brown .fill,
.table-brd-h-brown .fill,
.table-brd-h-top-brown .fill {
  background-color: #ffd10c; }

.table-brd-lbrown td,
.table-brd-lbrown th,
.table-brd-h-lbrown td,
.table-brd-h-lbrown th,
.table-brd-h-top-lbrown td,
.table-brd-h-top-lbrown th {
  border-color: #837047; }

.table-brd-lbrown .fill,
.table-brd-h-lbrown .fill,
.table-brd-h-top-lbrown .fill {
  background-color: #dad1bc; }

.table-brd-red td,
.table-brd-red th,
.table-brd-h-red td,
.table-brd-h-red th,
.table-brd-h-top-red td,
.table-brd-h-top-red th {
  border-color: #e60012; }

.table-brd-red .fill,
.table-brd-h-red .fill,
.table-brd-h-top-red .fill {
  background-color: #ffb3b9; }

.table-brd-orange td,
.table-brd-orange th,
.table-brd-h-orange td,
.table-brd-h-orange th,
.table-brd-h-top-orange td,
.table-brd-h-top-orange th {
  border-color: #f08c24; }

.table-brd-orange .fill,
.table-brd-h-orange .fill,
.table-brd-h-top-orange .fill {
  background-color: #fdf0e3; }

.form-list > li {
  margin-top: .5rem;
  margin-bottom: .5rem; }

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.2rem;
  box-sizing: border-box; }

input.form-control, select.form-control, button.form-control {
  display: inline-block;
  width: 100%; }

input:placeholder-shown, select:placeholder-shown, button:placeholder-shown {
  color: #aaa; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, button::-webkit-input-placeholder {
  color: #aaa; }

input:-moz-placeholder, select:-moz-placeholder, button:-moz-placeholder {
  color: #aaa;
  opacity: 1; }

input::-moz-placeholder, select::-moz-placeholder, button::-moz-placeholder {
  color: #aaa;
  opacity: 1; }

input:-ms-input-placeholder, select:-ms-input-placeholder, button:-ms-input-placeholder {
  color: #aaa !important; }

textarea.form-control {
  display: inline-block;
  width: 100%;
  height: 20rem;
  line-height: 1.7; }
  textarea.form-control:placeholder-shown {
    color: #aaa; }
  textarea.form-control::-webkit-input-placeholder {
    color: #aaa; }
  textarea.form-control:-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  textarea.form-control::-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  textarea.form-control:-ms-input-placeholder {
    color: #aaa !important; }

input[type="radio"] {
  display: none; }

select::-ms-expand {
  display: none; }

div.form-w-ico, div.form-w-ico-textarea {
  position: relative; }
  div.form-w-ico > svg.svg-inline--fa, div.form-w-ico-textarea > svg.svg-inline--fa {
    position: absolute;
    margin: auto;
    top: 0;
    left: 5px;
    bottom: 0;
    color: #aaa; }
  div.form-w-ico > input, div.form-w-ico-textarea > input {
    padding-left: 1.9rem;
    padding-right: 1.9rem; }
  div.form-w-ico-textarea > svg.svg-inline--fa {
    position: absolute;
    margin-top: 0;
    top: 10px;
    left: 5px;
    color: #aaa; }
  div.form-w-ico-textarea > textarea {
    padding-left: 1.9rem;
    padding-right: .8rem; }

label.select-wrap {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  background-image: linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
  border: 1px solid #c0c0c0;
  color: #333; }
  label.select-wrap > span {
    position: absolute;
    right: -1.2rem;
    bottom: 0; }
  label.select-wrap > select {
    position: relative;
    z-index: 2;
    display: block;
    min-height: 1.5rem;
    padding: 0 1rem;
    background: transparent;
    border: 0;
    outline: none; }
    label.select-wrap > select::before {
      font-family: "Font Awesome 5 Brands";
      content: "▼"; }

label.label-radio {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer; }
  label.label-radio:before, label.label-radio:after {
    position: absolute;
    content: '';
    top: 50%;
    border-radius: 100%;
    -webkit-transition: all .2s;
    transition: all .2s; }
  label.label-radio::before {
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #f3f3f3;
    border: 1px solid #ccc; }
    label.label-radio::before:hover {
      background: #fff; }
  label.label-radio::after {
    opacity: 0;
    left: 4px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #3f3300;
    -webkit-transform: scale(2);
    transform: scale(2); }

input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #3f3300; }

input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

input.form-control, textarea.form-control {
  color: #333;
  border: solid 1px #837047;
  padding: .5rem .3rem; }

form.form input[type=email], form.form input[type=text], form.form input[type=password] {
  color: black;
  border: solid 1px #837047;
  display: inline-block;
  padding: .4rem;
  border-radius: 3px;
  box-sizing: border-box; }

form.form .form-check-radio-base, form.form .radio-area, form.form .checkbox-area {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #837047;
  position: relative;
  margin-right: 3px; }

form.form .checkbox-area {
  border-radius: 3px; }

form.form input[type="checkbox"] {
  display: none; }
  form.form input[type="checkbox"]:checked + .checkbox-area {
    border-color: #43b04c; }
    form.form input[type="checkbox"]:checked + .checkbox-area:before, form.form input[type="checkbox"]:checked + .checkbox-area:after {
      content: "";
      display: block;
      position: absolute; }
    form.form input[type="checkbox"]:checked + .checkbox-area:before {
      width: 100%;
      height: 100%;
      border-radius: 2px;
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
      background-color: #43b04c; }
    form.form input[type="checkbox"]:checked + .checkbox-area:after {
      top: 1px;
      left: 4px;
      width: 4px;
      height: 7px;
      border-width: 0 2px 2px 0;
      border-style: solid;
      border-color: white;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg); }

form.form .radio-area {
  border-radius: 50%; }

form.form input[type="radio"] {
  display: none; }
  form.form input[type="radio"]:checked + .radio-area {
    border-color: #43b04c; }
    form.form input[type="radio"]:checked + .radio-area:before, form.form input[type="radio"]:checked + .radio-area:after {
      content: "";
      display: block;
      position: absolute; }
    form.form input[type="radio"]:checked + .radio-area:before {
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
      background-color: #43b04c; }
    form.form input[type="radio"]:checked + .radio-area:after {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 50%;
      height: 50%;
      border-radius: inherit;
      background-color: white; }

/*フォーム、スマホ用*/
.sp-form-head {
  padding: .5rem;
  border-bottom: 1px dotted gray; }

.sp-form-item {
  padding: 1rem .5rem; }

.sp-form-input {
  font-size: 1.17rem;
  line-height: 1.57;
  border: 1px solid #837047; }
  .sp-form-input-text {
    width: 38%;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-left: .2rem; }
  .sp-form-input-text-half {
    width: 20%;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-left: .2rem; }
  .sp-form-input-email {
    width: 93%; }
  .sp-form-input-address {
    width: 64%; }
  .sp-form-input-text-double {
    width: 76%; }
  .sp-form-input-textarea {
    width: 93%;
    height: 10rem; }

span.badge {
  display: inline-block;
  height: 1.2rem;
  vertical-align: middle;
  font-size: 0.6666666667rem;
  margin: auto;
  padding: 0.1rem 0.3rem;
  border-radius: 2px;
  text-align: center;
  background-color: #e60012;
  color: white; }
  .form-w-ico span.badge, div.form-w-ico-textarea span.badge {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.5rem; }

.deco-arrow:before {
  content: "➔";
  display: inline-block;
  margin-right: 3px; }

.deco-img-base, .deco-beginner:before, .beginner-item-title:before, .deco-rpan:before, .deco-rpan-s:before, .deco-rpan-l:before, .deco-rpan-a:before, .deco-rpan-c:before, .deco-acorn:before, .content-item-title:before {
  width: 1em;
  height: 1em;
  display: inline-block; }

.deco-acorn, .content-item-title {
  color: #837047; }
  .deco-acorn:before, .content-item-title:before {
    content: url(/assets/default/img/icon/donguri.svg);
    margin-right: 3px; }

.deco-rpan:before, .deco-rpan-s:before, .deco-rpan-l:before, .deco-rpan-a:before, .deco-rpan-c:before {
  margin-right: 3px;
  width: 2em;
  height: 1.5em; }

.deco-beginner:before, .beginner-item-title:before {
  content: url(/assets/default/img/content/guide/beginner/beginner_sign.png); }

.deco-rpan-c:before {
  content: url("/assets/default/img/fan/icon/c_border_w.svg"); }

.deco-rpan-a:before {
  content: url("/assets/default/img/fan/icon/a_border_w.svg"); }

.deco-rpan-l:before {
  content: url("/assets/default/img/fan/icon/l_border_w.svg"); }

.deco-rpan-s:before {
  content: url("/assets/default/img/fan/icon/s_border_w.svg"); }

@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.myTab {
  display: flex; }
  .myTab > .tab-btn {
    cursor: pointer;
    padding: .5rem 1rem; }

.myTab-contents > *:not(.active) {
  display: none; }

.myTab-contents-fade > * {
  animation: show .2s linear 0s; }
  .myTab-contents-fade > *:not(.active) {
    display: none; }

.tooltip {
  position: relative; }
  .tooltip-item {
    cursor: pointer;
    color: blue; }
  .tooltip-content {
    position: absolute;
    display: none;
    background-color: white;
    border: 1px dashed #aaa; }
  .tooltip:hover .tooltip-content {
    display: block;
    z-index: 1000; }

.row {
  display: flex;
  flex-wrap: wrap; }

.row-f .col-1 {
  float: left; }

.row-f .col-2 {
  float: left; }

.row-f .col-3 {
  float: left; }

.row-f .col-4 {
  float: left; }

.row-f .col-5 {
  float: left; }

.row-f .col-6 {
  float: left; }

.row-f .col-7 {
  float: left; }

.row-f .col-8 {
  float: left; }

.row-f .col-9 {
  float: left; }

.row-f .col-10 {
  float: left; }

.row-f .col-11 {
  float: left; }

.row-f .col-12 {
  float: left; }

.row-f::before,
.row-f::after {
  content: "";
  display: table; }

.row-f::after {
  clear: both; }

.row,
.row-f {
  width: 100%; }
  .row .col-1,
  .row-f .col-1 {
    width: 8.3333333333%; }
  .row .col-2,
  .row-f .col-2 {
    width: 16.6666666667%; }
  .row .col-3,
  .row-f .col-3 {
    width: 25%; }
  .row .col-4,
  .row-f .col-4 {
    width: 33.3333333333%; }
  .row .col-5,
  .row-f .col-5 {
    width: 41.6666666667%; }
  .row .col-6,
  .row-f .col-6 {
    width: 50%; }
  .row .col-7,
  .row-f .col-7 {
    width: 58.3333333333%; }
  .row .col-8,
  .row-f .col-8 {
    width: 66.6666666667%; }
  .row .col-9,
  .row-f .col-9 {
    width: 75%; }
  .row .col-10,
  .row-f .col-10 {
    width: 83.3333333333%; }
  .row .col-11,
  .row-f .col-11 {
    width: 91.6666666667%; }
  .row .col-12,
  .row-f .col-12 {
    width: 100%; }

@media screen and (max-width: 768px) {
  body:not(.fixity) .row .col-1,
  body:not(.fixity) .row-f .col-1 {
    width: 100%; }
  body:not(.fixity) .row .col-2,
  body:not(.fixity) .row-f .col-2 {
    width: 100%; }
  body:not(.fixity) .row .col-3,
  body:not(.fixity) .row-f .col-3 {
    width: 100%; }
  body:not(.fixity) .row .col-4,
  body:not(.fixity) .row-f .col-4 {
    width: 100%; }
  body:not(.fixity) .row .col-5,
  body:not(.fixity) .row-f .col-5 {
    width: 100%; }
  body:not(.fixity) .row .col-6,
  body:not(.fixity) .row-f .col-6 {
    width: 100%; }
  body:not(.fixity) .row .col-7,
  body:not(.fixity) .row-f .col-7 {
    width: 100%; }
  body:not(.fixity) .row .col-8,
  body:not(.fixity) .row-f .col-8 {
    width: 100%; }
  body:not(.fixity) .row .col-9,
  body:not(.fixity) .row-f .col-9 {
    width: 100%; }
  body:not(.fixity) .row .col-10,
  body:not(.fixity) .row-f .col-10 {
    width: 100%; }
  body:not(.fixity) .row .col-11,
  body:not(.fixity) .row-f .col-11 {
    width: 100%; }
  body:not(.fixity) .row .col-12,
  body:not(.fixity) .row-f .col-12 {
    width: 100%; }
  body:not(.fixity) .grid-box {
    padding-right: .5rem;
    padding-left: .5rem; } }

.grid-box {
  padding-right: 32px;
  padding-bottom: 32px; }

.icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle; }
  .icon.icon-tree {
    background-image: url("/assets/default/img/icon/tree.png"); }
  .icon.icon-donguri {
    background-image: url("/assets/default/img/icon/donguri.svg"); }

.icon-before {
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .icon-before-donguri {
    position: relative; }
    .icon-before-donguri::before {
      content: "";
      position: absolute;
      width: 1.2rem;
      height: 1.2rem;
      top: .2rem;
      left: -1.8rem;
      background-image: url("/assets/default/img/icon/donguri.svg");
      background-repeat: no-repeat; }

.syaban, .syaban-9, .syaban-8, .syaban-7, .syaban-6, .syaban-5, .syaban-4, .syaban-3, .syaban-2, .syaban-1 {
  vertical-align: middle;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-style: normal; }
  .syaban::after, .syaban-9::after, .syaban-8::after, .syaban-7::after, .syaban-6::after, .syaban-5::after, .syaban-4::after, .syaban-3::after, .syaban-2::after, .syaban-1::after {
    font-weight: bold;
    font-family: "AokaneStd-EB"; }

.syaban-1 {
  background-color: #fff;
  border: 1px solid #333;
  color: #333; }
  .syaban-1::after {
    content: "1"; }

.syaban-2 {
  background-color: #333;
  color: white; }
  .syaban-2::after {
    content: "2"; }

.syaban-3 {
  background-color: #ff2309;
  color: white; }
  .syaban-3::after {
    content: "3"; }

.syaban-4 {
  background-color: #3366ff;
  color: white; }
  .syaban-4::after {
    content: "4"; }

.syaban-5 {
  background-color: #ffe931;
  color: #333; }
  .syaban-5::after {
    content: "5"; }

.syaban-6 {
  background-color: #47d042;
  color: white; }
  .syaban-6::after {
    content: "6"; }

.syaban-7 {
  background-color: #ff7105;
  color: white; }
  .syaban-7::after {
    content: "7"; }

.syaban-8 {
  background-color: #ff77fd;
  color: white; }
  .syaban-8::after {
    content: "8"; }

.syaban-9 {
  background-color: #993399;
  color: white; }
  .syaban-9::after {
    content: "9"; }

/* clearfix */
.cf::before, .cf::after {
  content: "";
  display: table; }

.cf::after {
  clear: both; }

/* float*/
.float-l {
  float: left; }

.float-r {
  float: right; }

.align-l {
  text-align: left; }

.align-c {
  text-align: center; }

.align-r {
  text-align: right; }

.item-center {
  margin-left: auto;
  margin-right: auto; }

.w-full {
  width: 100%; }

.h-full {
  height: 100%; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.hide {
  display: none; }

.overflow-hide {
  overflow: hidden; }

.overflow-y-hide {
  overflow-y: hidden; }

.disabled {
  visibility: hidden; }

.mrg-05rm {
  margin: .5rem; }

.mrg-1rm {
  margin: 1rem; }

.mrg-2rm {
  margin: 2rem; }

.mrg-t-b-05rm {
  margin-top: .5rem;
  margin-bottom: .5rem; }

.mrg-t-b-1rm {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mrg-t-b-2rm {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mrg-t-05rm {
  margin-top: .5rem; }

.mrg-t-1rm {
  margin-top: 1rem; }

.mrg-t-2rm {
  margin-top: 2rem; }

.mrg-r-05rm {
  margin-right: .5rem; }

.mrg-r-2rm {
  margin-right: 2rem; }

.mrg-b-05rm {
  margin-bottom: .5rem; }

.mrg-b-1rm {
  margin-bottom: 1rem; }

.mrg-b-2rm {
  margin-bottom: 2rem; }

.mrg-b-4rm {
  margin-bottom: 4rem; }

.mrg-b-10rm {
  margin-bottom: 10rem; }

.mrg-b-15rm {
  margin-bottom: 15rem; }

.mrg-b-20rm {
  margin-bottom: 20rem; }

.pdg-05rm {
  padding: .5rem; }

.pdg-1rm {
  padding: 1rem; }

.pdg-2rm {
  padding: 2rem; }

.pdg-3rm {
  padding: 3rem; }

.pdg-t-b-05rm {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.pdg-t-b-1rm {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pdg-t-b-2rm {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pdg-t-b-3rm {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.pdg-t-b-4rm {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pdg-l-r-05rm {
  padding-right: .5rem;
  padding-left: .5rem; }

.pdg-l-r-1rm {
  padding-right: 1rem;
  padding-left: 1rem; }

.pdg-l-r-2rm {
  padding-right: 2rem;
  padding-left: 2rem; }

.pdg-l-r-3rm {
  padding-right: 3rem;
  padding-left: 3rem; }

.pdg-t-05rm {
  padding-top: .5rem; }

.pdg-t-1rm {
  padding-top: 1rem; }

.pdg-t-2rm {
  padding-top: 2rem; }

.pdg-r-05rm {
  padding-right: .5rem; }

.pdg-r-1rm {
  padding-right: 1rem; }

.pdg-r-2rm {
  padding-right: 2rem; }

.pdg-r-4rm {
  padding-right: 4rem; }

.pdg-r-32px {
  padding-right: 32px; }

.pdg-b-05rm {
  padding-bottom: .5rem; }

.pdg-b-1rm {
  padding-bottom: 1rem; }

.pdg-b-2rm {
  padding-bottom: 2rem; }

.pdg-b-3rm {
  padding-bottom: 3rem; }

.pdg-b-4rm {
  padding-bottom: 4rem; }

.pdg-b-10rm {
  padding-bottom: 10rem; }

.pdg-b-15rm {
  padding-bottom: 15rem; }

.pdg-b-20rm {
  padding-bottom: 20rem; }

.pdg-b-32px {
  padding-bottom: 32px; }

.pdg-l-05rm {
  padding-left: .5rem; }

.pdg-l-1rm {
  padding-left: 1rem; }

.pdg-l-2rm {
  padding-left: 2rem; }

.pdg-l-3rm {
  padding-left: 3rem; }

.inline-block {
  display: inline-block; }

.flx-nowrap {
  display: flex; }

.flx, .flx-end, .flx-center, #weather .weather-wrap, .flx-around, .flx-between {
  display: flex;
  flex-wrap: wrap; }
  .flx.vertical, .vertical.flx-end, .vertical.flx-center, #weather .vertical.weather-wrap, .vertical.flx-around, .vertical.flx-between {
    flex-direction: column; }

.flx-between {
  justify-content: space-between; }

.flx-around {
  justify-content: space-around; }

.flx-center, #weather .weather-wrap {
  justify-content: center; }

.flx-end {
  justify-content: flex-end; }

/*
.flx-item-half {
  width: 50%;
}
*/
.brd-dashed, .brd-dashed-orange, .brd-dashed-red, .brd-dashed-lbrown, .brd-dashed-brown, .brd-dashed-yg, .brd-dashed-green, .brd-dashed-lgray, .inner-brd-dashed:before, .race-preparation:before, .error:before, .brd-dashed-wht, .brd-dashed-sub, .brd-dashed-main {
  border-style: dashed !important; }

.brd-btm-dashed, .brd-btm-dashed-orange, .brd-btm-dashed-red, .brd-btm-dashed-lbrown, .brd-btm-dashed-brown, .brd-btm-dashed-yg, .brd-btm-dashed-green, .brd-btm-dashed-lgray, .race-preparation .header-styled, .error-message, .brd-btm-dashed-wht, .race-member .race-member-local-list .list-item, .race-member .race-member-local .header-styled, .brd-btm-dashed-sub, .brd-btm-dashed-main {
  border-bottom-style: dashed !important; }

.brd-top-none {
  border-top: none !important; }

.bg-sya-1 {
  background-color: #fff;
  color: #333; }

.clr-sya-1 {
  color: #fff; }

.bg-sya-2 {
  background-color: #333;
  color: white; }

.clr-sya-2 {
  color: #333; }

.bg-sya-3 {
  background-color: #ff2309;
  color: white; }

.clr-sya-3 {
  color: #ff2309; }

.bg-sya-4 {
  background-color: #3366ff;
  color: white; }

.clr-sya-4 {
  color: #3366ff; }

.bg-sya-5 {
  background-color: #ffe931;
  color: #333; }

.clr-sya-5 {
  color: #ffe931; }

.bg-sya-6 {
  background-color: #47d042;
  color: white; }

.clr-sya-6 {
  color: #47d042; }

.bg-sya-7 {
  background-color: #ff7105;
  color: white; }

.clr-sya-7 {
  color: #ff7105; }

.bg-sya-8 {
  background-color: #ff77fd;
  color: white; }

.clr-sya-8 {
  color: #ff77fd; }

.bg-sya-9 {
  background-color: #993399;
  color: white; }

.clr-sya-9 {
  color: #993399; }

.bg-sya-pale-1 {
  background-color: #fff; }

.bg-sya-pale-2 {
  background-color: #eee; }

.bg-sya-pale-3 {
  background-color: #f4d6d6; }

.bg-sya-pale-4 {
  background-color: #e4ebfe; }

.bg-sya-pale-5 {
  background-color: #feffb3; }

.bg-sya-pale-6 {
  background-color: #cbffb4; }

.bg-sya-pale-7 {
  background-color: #ffe4bd; }

.bg-sya-pale-8 {
  background-color: #ffe7f7; }

.bg-sya-pale-9 {
  background-color: #f3d9f2; }

.bg-main {
  background-color: #3f3300; }

.clr-main {
  color: #3f3300; }

.brd-main, .brd-dashed-main {
  border: 1px solid #3f3300; }

.brd-btm-main, .brd-btm-dashed-main {
  border-bottom: 1px solid #3f3300; }

.bg-sub {
  background-color: #43b04c; }

.clr-sub {
  color: #43b04c; }

.brd-sub, .brd-dashed-sub {
  border: 1px solid #43b04c; }

.brd-btm-sub, .brd-btm-dashed-sub {
  border-bottom: 1px solid #43b04c; }

.bg-wht {
  background-color: #fff; }

.clr-wht {
  color: #fff; }

.brd-wht, .brd-dashed-wht {
  border: 1px solid #fff; }

.brd-btm-wht, .brd-btm-dashed-wht, .race-member .race-member-local-list .list-item, .race-member .race-member-local .header-styled {
  border-bottom: 1px solid #fff; }

.bg-lgray {
  background-color: #aaa; }

.clr-lgray {
  color: #aaa; }

.brd-lgray, .brd-dashed-lgray, .inner-brd-dashed:before, .race-preparation:before, .error:before {
  border: 1px solid #aaa; }

.brd-btm-lgray, .brd-btm-dashed-lgray, .race-preparation .header-styled, .error-message {
  border-bottom: 1px solid #aaa; }

.bg-green {
  background-color: #43b04c; }

.clr-green {
  color: #43b04c; }

.brd-green, .brd-dashed-green {
  border: 1px solid #43b04c; }

.brd-btm-green, .brd-btm-dashed-green {
  border-bottom: 1px solid #43b04c; }

.bg-yg {
  background-color: #90c31f; }

.clr-yg {
  color: #90c31f; }

.brd-yg, .brd-dashed-yg {
  border: 1px solid #90c31f; }

.brd-btm-yg, .brd-btm-dashed-yg {
  border-bottom: 1px solid #90c31f; }

.bg-brown {
  background-color: #3f3300; }

.clr-brown {
  color: #3f3300; }

.brd-brown, .brd-dashed-brown {
  border: 1px solid #3f3300; }

.brd-btm-brown, .brd-btm-dashed-brown {
  border-bottom: 1px solid #3f3300; }

.bg-lbrown {
  background-color: #837047; }

.clr-lbrown {
  color: #837047; }

.brd-lbrown, .brd-dashed-lbrown {
  border: 1px solid #837047; }

.brd-btm-lbrown, .brd-btm-dashed-lbrown {
  border-bottom: 1px solid #837047; }

.bg-red {
  background-color: #e60012; }

.clr-red {
  color: #e60012; }

.brd-red, .brd-dashed-red {
  border: 1px solid #e60012; }

.brd-btm-red, .brd-btm-dashed-red {
  border-bottom: 1px solid #e60012; }

.bg-orange {
  background-color: #f08c24; }

.clr-orange {
  color: #f08c24; }

.brd-orange, .brd-dashed-orange {
  border: 1px solid #f08c24; }

.brd-btm-orange, .brd-btm-dashed-orange {
  border-bottom: 1px solid #f08c24; }

.check {
  color: #e60012; }

.font-bold {
  font-weight: bold; }

.font-lg {
  font-size: 1.25rem; }

.font-xlg {
  font-size: 2rem; }

.font-sm {
  font-size: 0.8rem; }

.font-xsm {
  font-size: 0.6rem; }

.wfont-marugo-b {
  font-family: "FOT-筑紫A丸ゴシック Std B"; }

.wfont-aokane {
  font-family: "AokaneStd-EB"; }

.wfont-bpop {
  font-family: "FOT-ベビポップ Std EB"; }

.text-rotate90 {
  display: inline-block;
  transform: rotate3d(0, 0, 1, 90deg); }

.center {
  margin-left: auto;
  margin-right: auto; }

.inline-block {
  display: inline-block; }

.valign-b {
  vertical-align: bottom !important; }

.valign-m {
  vertical-align: middle !important; }

.bg-icon-base, .race-member .race-member-caption:before, .race-member-tab .tab-btn:before, .racer-class-tab .tab-btn:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat; }

.nowrap {
  white-space: nowrap; }

.square {
  width: 100%;
  align-self: baseline;
  position: relative; }
  .square::before {
    content: "";
    display: block;
    padding-top: 100%; }
  .square.square-sm {
    max-width: 0; }
  .square.square-md {
    max-width: 165px; }
  .square.square-lg {
    max-width: 0; }
  .square.square-half {
    max-width: 50%; }

.square-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.main-slider {
  position: relative;
  overflow: hidden;
  margin-top: -13px;
  margin-bottom: 4px; }
  .main-slider .swiper-slide img {
    width: 100%; }
  .main-slider a:hover {
    opacity: .9; }
  .main-slider .swiper-pagination-bullet {
    background-color: #333; }

#move-top {
  position: fixed;
  z-index: 999;
  bottom: 10%;
  right: 2%; }
  #move-top a:hover {
    opacity: .8; }
  #move-top a {
    display: inline-block;
    width: 6rem; }
    #move-top a .move-top-img {
      width: 100%; }

/* 開催中トップページのレース番号選択ボタン */
.race-number-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem; }

.race-number-item {
  cursor: pointer;
  position: relative;
  text-align: center;
  height: 68px;
  width: 68px;
  border-radius: 50%;
  background-color: #b5b5b6;
  box-shadow: 0 1px 1px 0 #383838, 0 -1px 1px 0 #efefef;
  z-index: 2; }
  .race-number-item.pickup::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 39px;
    left: 10px;
    bottom: 94%;
    background-image: url("/assets/default/img/frontpage/pickup/pick_up_icon.svg");
    background-size: contain;
    background-repeat: no-repeat; }
  .race-number-item::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    box-shadow: inset 0px -1px 1px 0px #383838, inset 0px 1px 1px 0px #c6c6c6;
    z-index: 3; }
  .race-number-item.active::after, .race-number-item:active::after {
    box-shadow: inset 0px -1px 2px 0px #383838, inset 0px 1px 2px 0px #383838; }
  .race-number-item .race-number {
    color: #fff;
    text-decoration: none; }
    .race-number-item .race-number:hover {
      color: #fff; }
    .race-number-item .race-number:active {
      text-decoration: none;
      color: #fff; }
  .race-number-item.race-class-c {
    background-color: #4dbab2; }
    .race-number-item.race-class-c.active {
      background-color: #348680 !important; }
    .race-number-item.race-class-c.fin {
      background-color: #84cfca; }
  .race-number-item.race-class-a {
    background-color: #48b051; }
    .race-number-item.race-class-a.active {
      background-color: #327a38 !important; }
    .race-number-item.race-class-a.fin {
      background-color: #7cc982; }
  .race-number-item.race-class-l {
    background-color: #ff6e8e; }
    .race-number-item.race-class-l.active {
      background-color: #ff2152 !important; }
    .race-number-item.race-class-l.fin {
      background-color: #ffbac9; }
  .race-number-item.race-class-s {
    background-color: #ff9c52; }
    .race-number-item.race-class-s.active {
      background-color: #ff7005 !important; }
    .race-number-item.race-class-s.fin {
      background-color: #ffc89e; }

/* ----------------------  */
.race-number {
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  z-index: 4; }
  .race-number:hover {
    text-decoration: none;
    color: #dadf00; }
  .race-number:active {
    text-decoration: none;
    color: yellow; }

.btn-responsive {
  display: inline-block;
  width: 100%;
  line-height: 3rem; }

.btn-txt-center, .btn-attention, .btn-forward, .btn-sewed, .fan-racers .upper-nav-tab-button {
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .btn-txt-center:hover, .btn-attention:hover, .btn-forward:hover, .btn-sewed:hover, .fan-racers .upper-nav-tab-button:hover {
    cursor: pointer; }

.btn-sewed, .fan-racers .upper-nav-tab-button {
  color: white !important;
  text-decoration: none;
  background-color: #3f3300;
  box-shadow: 0 0 0 2px #3f3300;
  border: 2px dashed white;
  border-radius: .5rem; }
  .btn-sewed.active, .fan-racers .active.upper-nav-tab-button, .btn-sewed:hover, .fan-racers .upper-nav-tab-button:hover {
    color: #3f3300 !important;
    border-color: #3f3300;
    background-color: white;
    box-shadow: 0 0 0 2px white; }
  .btn-sewed.preparation, .fan-racers .preparation.upper-nav-tab-button {
    pointer-events: none;
    color: #837047;
    border-color: #837047; }

.btn-forward {
  border-radius: .5rem;
  border: 1px solid #30784d;
  color: white;
  background: linear-gradient(to bottom, #30c173 0%, #30b15d 50%, #30784d 100%); }
  .btn-forward:hover {
    background: none;
    background-color: #30c173;
    color: white;
    text-decoration: none; }
  .btn-forward:active {
    background: linear-gradient(to top, #30c173 0%, #30b15d 50%, #30784d 100%); }

.btn-attention {
  border-radius: .5rem;
  border: 1px solid #e60012;
  color: white;
  background: linear-gradient(to bottom, #e60012 0%, #bd000f 50%, #a9000d 100%); }
  .btn-attention:hover {
    background: none;
    background-color: #e60012; }
  .btn-attention:active {
    background: linear-gradient(to top, #e60012 0%, #bd000f 50%, #a9000d 100%); }

.panel {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.4); }
  .panel-appear {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 3px 0 #f8f7f3, 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow, background-color .3s ease-in-out; }
    .panel-appear:hover {
      background-color: white;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08); }
  .panel-appear-linked {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 3px 0 #f8f7f3, 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow, background-color .3s ease-in-out; }
    .panel-appear-linked:hover {
      background-color: white;
      box-shadow: 1px 2px 4px 2px darkgray; }

.ivy-frame {
  background-image: url("/assets/default/img/decoration/waku_6c.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.ivy-frame-02 {
  background-image: url("/assets/default/img/decoration/leaf05.png"), url("/assets/default/img/decoration/leaf06.png");
  background-repeat: no-repeat;
  background-position: 0 0, 100% 100%; }

.smart-nav-btn {
  cursor: pointer;
  position: absolute;
  left: .5rem;
  top: .5rem;
  width: 2.4rem;
  font-size: .6rem;
  text-align: center; }
  .smart-nav-btn .lines {
    height: 22px;
    position: relative; }
    .smart-nav-btn .lines .item {
      position: absolute;
      width: 100%;
      height: 4px;
      border-radius: 2px;
      background-color: #3f3300;
      transition: .5s;
      margin: auto; }
      .smart-nav-btn .lines .item:nth-child(1) {
        top: 0;
        bottom: calc(100% - 4px); }
      .smart-nav-btn .lines .item:nth-child(2) {
        top: 0;
        bottom: 0; }
      .smart-nav-btn .lines .item:nth-child(3) {
        bottom: 0;
        top: calc(100% - 4px); }

.smart-nav-btn.active .lines .item:nth-child(1) {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 0;
  bottom: 0; }

.smart-nav-btn.active .lines .item:nth-child(2) {
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  width: 0; }

.smart-nav-btn.active .lines .item:nth-child(3) {
  transform: rotate3d(0, 0, 1, -45deg);
  top: 0;
  bottom: 0; }

#smart-nav {
  position: absolute;
  width: 100%;
  max-width: 100%;
  z-index: 100;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s;
  top: calc(100% - 1rem);
  padding-top: 10px; }
  #smart-nav.active {
    max-height: 35rem; }
  #smart-nav .global-nav {
    background-color: white; }
    #smart-nav .global-nav-space {
      display: none; }
  #smart-nav:not(.active) .global-nav-btn {
    overflow-y: hidden; }
  #smart-nav .global-nav-btn {
    position: relative;
    z-index: 101; }
    #smart-nav .global-nav-btn > a {
      cursor: pointer;
      text-align: center;
      display: inline-block;
      width: 100%;
      font-size: 1.3rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      color: #3f3300;
      font-weight: bold;
      text-shadow: 1px 2px 1px white; }
      #smart-nav .global-nav-btn > a:after {
        content: ">";
        display: inline-block;
        margin-right: .5rem;
        margin-left: .5rem;
        transition: .2s; }
      #smart-nav .global-nav-btn > a.active:after {
        transform: rotate3d(0, 0, 1, 90deg); }
      #smart-nav .global-nav-btn > a:before {
        position: absolute;
        content: "";
        display: inline-block;
        top: -3px;
        width: 4rem;
        height: 4rem;
        left: 1rem;
        background-repeat: no-repeat;
        background-size: contain; }
      #smart-nav .global-nav-btn > a.global-nav-btn-top:before {
        background-image: url("/assets/default/img/character/1/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-race:before {
        background-image: url("/assets/default/img/character/2/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-news:before {
        background-image: url("/assets/default/img/character/3/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-schedule:before {
        background-image: url("/assets/default/img/character/4/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-fan:before {
        background-image: url("/assets/default/img/character/5/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-information:before {
        background-image: url("/assets/default/img/character/6/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-guide:before {
        background-image: url("/assets/default/img/character/7/run.svg"); }
      #smart-nav .global-nav-btn > a.global-nav-btn-access:before {
        background-image: url("/assets/default/img/character/8/jun.svg"); }
    #smart-nav .global-nav-btn:nth-child(1) {
      background-color: white; }
    #smart-nav .global-nav-btn:nth-child(2) {
      background-color: #d3d3d4; }
    #smart-nav .global-nav-btn:nth-child(3) {
      background-color: #ff775b; }
    #smart-nav .global-nav-btn:nth-child(4) {
      background-color: #75f7f3; }
    #smart-nav .global-nav-btn:nth-child(5) {
      background-color: white; }
    #smart-nav .global-nav-btn:nth-child(6) {
      background-color: #fff981; }
    #smart-nav .global-nav-btn:nth-child(7) {
      background-color: #ffc81c; }
    #smart-nav .global-nav-btn:nth-child(8) {
      background-color: #9ec4f8; }
    #smart-nav .global-nav-btn:nth-child(9) {
      background-color: #ffbfff; }

.content-body {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.3); }

.content-body-inner {
  background-color: #fff; }
  .content-body-inner:not(:first-child) {
    margin-top: 1rem; }
  .content-body-inner > p {
    padding: 0 1rem; }
  .content-body-inner > h3 {
    padding: 1.5rem 0 1rem 2rem; }

.content-body-section {
  position: relative;
  padding-bottom: 1rem; }
  .content-body-section:not(:last-child):after {
    position: absolute;
    width: 100%;
    content: '';
    border-top: 2px solid gray; }

/* -- 各記事のタイトル -- */
.content-section-title {
  border: 5px solid #3f3300;
  border-radius: 3px;
  background-color: white;
  font-weight: bold;
  color: #004f7c;
  margin-bottom: 1rem;
  padding: .2rem .5rem; }
  @media screen and (min-width: 401px) {
    .content-section-title {
      font-size: 1.5rem; } }
.content-item {
  margin-bottom: 1rem;
  padding-bottom: 2rem; }
  .content-item-title {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    font-size: 1.2rem;
    border-bottom: 1px dashed #aaa; }

@media screen and (max-width: 768px) {
  .content-item-title::before {
    width: 1.3rem;
    height: 1.3rem;
    left: -0.1rem; } }

/*
*******************************
  各ページ内で共通の構造
  *****************************
***/
/* --- ページ内ヘッダー部分 --- */
.content-header {
  margin-top: -14px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media screen and (min-width: 401px) {
    .content-header {
      background-image: url("/assets/default/img/background/bg_racing.png"); } }
  .content-header-nav {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.2rem;
    width: calc(100% - 21rem); }
    .content-header-nav-button {
      width: 40%;
      margin: 0 1rem 1rem; }
      @media screen and (min-width: 401px) {
        .content-header-nav-button.schedule-morning > a {
          padding: .5rem;
          background-color: blue;
          box-shadow: 0 0 0 2px blue; }
          .content-header-nav-button.schedule-morning > a.active, .content-header-nav-button.schedule-morning > a:hover {
            color: blue !important;
            border-color: blue; }
            .content-header-nav-button.schedule-morning > a.active .content-header-nav-icon, .content-header-nav-button.schedule-morning > a:hover .content-header-nav-icon {
              color: blue !important; } }
      .content-header-nav-button > a {
        display: inline-block;
        text-align: center; }
        @media screen and (min-width: 401px) {
          .content-header-nav-button > a {
            padding: .5rem 0;
            width: 100%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: white !important;
            text-decoration: none;
            background-color: #3f3300;
            box-shadow: 0 0 0 2px #3f3300;
            border: 2px dashed white;
            border-radius: .5rem; }
            .content-header-nav-button > a.active, .content-header-nav-button > a:hover {
              color: #3f3300 !important;
              border-color: #3f3300;
              background-color: white;
              box-shadow: 0 0 0 2px white; }
              .content-header-nav-button > a.active .content-header-nav-icon, .content-header-nav-button > a:hover .content-header-nav-icon {
                color: #3f3300 !important;
                background-color: white !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-art:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-art:before {
                  background-image: url("/assets/default/img/icon/nav/b/art.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-facility:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-facility:before {
                  background-image: url("/assets/default/img/icon/nav/b/facility.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-bank:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-bank:before {
                  background-image: url("/assets/default/img/icon/nav/b/bank.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-bus:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-bus:before {
                  background-image: url("/assets/default/img/icon/nav/b/bus.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-beginner:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-beginner:before {
                  background-image: url("/assets/default/img/icon/nav/b/beginner.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-chara:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-chara:before {
                  background-image: url("/assets/default/img/icon/nav/b/chara.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-deme:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-deme:before {
                  background-image: url("/assets/default/img/icon/nav/b/deme.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-morning:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-morning:before {
                  background-image: url("/assets/default/img/icon/nav/b/morning.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-pay:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-pay:before {
                  background-image: url("/assets/default/img/icon/nav/b/pay.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-record:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-record:before {
                  background-image: url("/assets/default/img/icon/nav/b/record.svg") !important; }
                .content-header-nav-button > a.active .content-header-nav-icon.icon-walk:before, .content-header-nav-button > a:hover .content-header-nav-icon.icon-walk:before {
                  background-image: url("/assets/default/img/icon/nav/b/walk.svg") !important; }
            .content-header-nav-button > a.preparation {
              pointer-events: none;
              color: #837047;
              border-color: #837047; } }
    .content-header-nav-icon {
      display: block;
      background-color: #3f3300;
      border-radius: 5px;
      padding: .75rem;
      width: 5rem !important;
      height: 5rem !important; }
      @media screen and (min-width: 401px) {
        .content-header-nav-icon {
          padding: 2px;
          width: 1.5rem !important;
          height: 1.5rem !important;
          margin-right: .5rem; } }
      .content-header-nav-icon:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%; }
      .content-header-nav-icon.icon-art:before {
        background-image: url("/assets/default/img/icon/nav/w/art.svg"); }
      .content-header-nav-icon.icon-facility:before {
        background-image: url("/assets/default/img/icon/nav/w/facility.svg"); }
      .content-header-nav-icon.icon-bank:before {
        background-image: url("/assets/default/img/icon/nav/w/bank.svg"); }
      .content-header-nav-icon.icon-bus:before {
        background-image: url("/assets/default/img/icon/nav/w/bus.svg"); }
      .content-header-nav-icon.icon-beginner:before {
        background-image: url("/assets/default/img/icon/nav/w/beginner.svg"); }
      .content-header-nav-icon.icon-chara:before {
        background-image: url("/assets/default/img/icon/nav/w/chara.svg"); }
      .content-header-nav-icon.icon-deme:before {
        background-image: url("/assets/default/img/icon/nav/w/deme.svg"); }
      .content-header-nav-icon.icon-morning:before {
        background-image: url("/assets/default/img/icon/nav/w/morning.svg"); }
      .content-header-nav-icon.icon-pay:before {
        background-image: url("/assets/default/img/icon/nav/w/pay.svg"); }
      .content-header-nav-icon.icon-record:before {
        background-image: url("/assets/default/img/icon/nav/w/record.svg"); }
      .content-header-nav-icon.icon-walk:before {
        background-image: url("/assets/default/img/icon/nav/w/walk.svg"); }
  @media screen and (max-width: 768px) {
    .content-header-nav {
      width: 100%; } }
  @media screen and (max-width: 400px) {
    .content-header {
      background-size: cover; }
      .content-header-nav {
        display: block;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        white-space: nowrap;
        padding: .5rem 0 0 0; }
        .content-header-nav-button {
          width: 5rem;
          display: inline-block; }
          .content-header-nav-button.schedule-morning {
            width: initial;
            display: block; }
            .content-header-nav-button.schedule-morning a {
              width: initial;
              padding: .5rem;
              background-color: blue;
              color: white;
              border-radius: .5rem; }
          .content-header-nav-button a {
            display: inline-block;
            width: 100%;
            color: #3f3300; }
            .content-header-nav-button a:hover {
              text-decoration: none; } }
.content-title {
  width: 21rem;
  margin-top: -3px;
  height: 11.5rem;
  background-image: url("/assets/default/img/race/title-board.png");
  background-repeat: no-repeat;
  background-position: 0 -108px; }
  .content-title.content-title-chara, .content-title.content-title-character08, .content-title.content-title-character07, .content-title.content-title-character06, .content-title.content-title-character05, .content-title.content-title-character04, .content-title.content-title-character03, .content-title.content-title-character02, .content-title.content-title-character01 {
    position: relative; }
    .content-title.content-title-chara:after, .content-title.content-title-character08:after, .content-title.content-title-character07:after, .content-title.content-title-character06:after, .content-title.content-title-character05:after, .content-title.content-title-character04:after, .content-title.content-title-character03:after, .content-title.content-title-character02:after, .content-title.content-title-character01:after {
      content: "";
      position: absolute;
      height: 100px;
      width: 100px;
      top: 50px;
      background-size: contain;
      background-repeat: no-repeat; }
  .content-title-character01:after {
    left: 192px;
    background-image: url("/assets/default/img/character/1/run.svg"); }
  .content-title-character02:after {
    left: 192px;
    background-image: url("/assets/default/img/character/2/run.svg"); }
  .content-title-character03:after {
    left: 192px;
    background-image: url("/assets/default/img/character/3/run.svg"); }
  .content-title-character04:after {
    left: 192px;
    background-image: url("/assets/default/img/character/4/run.svg"); }
  .content-title-character05:after {
    left: 192px;
    background-image: url("/assets/default/img/character/5/run.svg"); }
  .content-title-character06:after {
    left: 192px;
    background-image: url("/assets/default/img/character/6/run.svg"); }
  .content-title-character07:after {
    left: 222px;
    background-image: url("/assets/default/img/character/7/run.svg"); }
  .content-title-character08::after {
    left: 192px;
    background-image: url("/assets/default/img/character/8/yell.svg"); }
  .content-title-text {
    display: inline-block;
    color: white;
    text-shadow: 2px 2px 2px #000; }
    .content-title-text-main {
      margin-top: 38px;
      margin-left: 20px;
      font-size: 2.8rem;
      line-height: 1em; }
    .content-title-text-information {
      margin-top: 27px;
      margin-left: 6px;
      font-size: 2rem;
      line-height: 1em; }
    .content-title-text-sub {
      margin-left: 2rem;
      font-size: 1.8rem; }

.content-header-information .content-title-text-main {
  display: inline-block;
  width: 133.3333333333%;
  transform-origin: bottom left;
  transform: scale(0.75, 1.2195121951);
  margin-top: 39px;
  margin-left: 6px;
  font-size: 2.5rem;
  line-height: 1em; }

.content-section {
  margin-bottom: 2.5rem; }

@media screen and (max-width: 768px) {
  .content-section {
    padding: 0 .5rem; } }

.policies-item {
  padding-bottom: 2rem; }
  .policies-item-title {
    margin-bottom: 1rem;
    padding-bottom: .5rem; }

.privacy-item {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.bg-policies {
  background-image: url("/assets/default/img/character/1/standing.svg");
  background-position: 99% 99%;
  background-repeat: no-repeat;
  background-size: 7%; }

.link-item {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .link-item-img {
    display: inline-block; }
    .link-item-img-vertical img {
      display: block; }
  .link-item-text {
    display: inline-block;
    padding-left: .5rem; }

.bg-link {
  background-image: url("/assets/default/img/character/1/standing.svg"), url("/assets/default/img/character/chara_jyan.png");
  background-position: 88% 99%, 97% 99%;
  background-repeat: no-repeat;
  background-size: 9%, 7%; }

.inquiry-tel-number {
  margin-right: 3rem;
  font-size: 2rem;
  display: inline-block; }

.inquiry-tel-text {
  font-size: 1.68rem;
  display: inline-block; }

.inquiry-table {
  font-size: 1.17rem; }
  .inquiry-table th, .inquiry-table td {
    padding: 1rem; }

@media screen and (min-width: 769px) {
  .bg-inquiry {
    background-image: url("/assets/default/img/character/1/standing.svg");
    background-position: 99% 7%;
    background-repeat: no-repeat;
    background-size: 7%; } }

.inquiry-chara {
  width: 5rem;
  height: 10rem; }

.list-icon {
  list-style-position: inside;
  list-style-image: url("/assets/default/img/icon/right-arrow.png"); }

.sitemap-item {
  padding-bottom: 3rem;
  padding-left: 1rem; }
  .sitemap-item > li {
    padding-bottom: .5rem; }

@media screen and (min-width: 769px) {
  .bg-sitemap {
    background-image: url("/assets/default/img/character/chara_bank.png"), url("/assets/default/img/character/chara_jyan.png");
    background-position: 0 100%, 12% 90%;
    background-repeat: no-repeat; } }

.medical-car {
  float: left;
  margin-right: 30px;
  margin-bottom: 5px; }

.fan-index-tips-text-box {
  padding-right: 4rem;
  font-size: 1.2rem;
  line-height: 2.1; }

/*------------------------------------------------------------*/
.winners-base {
  padding: 68px; }

.win-title {
  color: #FFFFFF;
  vertical-align: middle;
  font-size: 1.2rem;
  font-weight: bold;
  max-width: 600px;
  padding-left: 1rem; }

.win-warp {
  border-top: dashed 1px #aca8a7;
  border-bottom: dashed 1px #aca8a7;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-bottom: 8px;
  margin-top: 12px;
  display: flex;
  align-items: center; }

.win-name {
  font-size: 1.4rem;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .win-name {
    font-size: 1rem; } }

.win-txt {
  margin-left: 1rem;
  line-height: 1.8; }

.winner-content {
  padding: 0 1rem; }
  .winner-content .h4 {
    /*height: 30px;*/
    padding-left: 15px;
    vertical-align: middle;
    padding-top: 2px; }

.winner-img {
  float: right;
  position: relative; }

.win-txt .bg-green {
  border-radius: 20px;
  width: 76px;
  height: 20px;
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  vertical-align: middle; }

.racerpants {
  display: inline-block;
  /*		width: 70px;*/
  float: right;
  position: relative;
  top: 20px; }

.win-warp .wfont-aokane {
  display: inline-block;
  text-align: center;
  font-size: 1.3rem;
  margin-top: 5px;
  color: #43b04c; }

.racer-class-tab {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .racer-class-tab .tab-btn {
    font-size: 1.4rem;
    color: white;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem; }
    .racer-class-tab .tab-btn:before {
      width: 27px;
      height: 22px;
      margin-right: 1.5rem; }
    .racer-class-tab .tab-btn:not(.active) {
      filter: alpha(opacity=70) !important;
      opacity: 0.7 !important; }
    .racer-class-tab .tab-btn:not(:last-child) {
      margin-right: 1rem; }
    @media screen and (max-width: 400px) {
      .racer-class-tab .tab-btn {
        flex-direction: column;
        padding: 3px; }
        .racer-class-tab .tab-btn:before {
          margin-right: 0; } }
  .racer-class-tab-btn-c {
    background-color: #3b9892; }
    .racer-class-tab-btn-c:before {
      background-image: url("/assets/default/img/fan/icon/c_border_w.svg"); }
  .racer-class-tab-btn-a {
    background-color: #398c40; }
    .racer-class-tab-btn-a:before {
      background-image: url("/assets/default/img/fan/icon/a_border_w.svg"); }
  .racer-class-tab-btn-l {
    background-color: #ff3b66; }
    .racer-class-tab-btn-l:before {
      background-image: url("/assets/default/img/fan/icon/l_border_w.svg"); }
  .racer-class-tab-btn-s {
    background-color: #ff7f1f; }
    .racer-class-tab-btn-s:before {
      background-image: url("/assets/default/img/fan/icon/s_border_w.svg"); }

.fan-racers {
  /*	HOVERモーション*/
  /*	SS用　hoverモーション*/ }
  .fan-racers .l-box {
    margin: 0 6px 6px;
    padding: 13px 13px 0 13px;
    width: 100%;
    max-width: 484px;
    height: 510px; }
  .fan-racers .m-box {
    width: 100%;
    max-width: 236px;
    height: 250px;
    padding: 12px 12px 8px 12px;
    margin: 0 6px 10px;
    /*	position: relative;*/ }
  .fan-racers .fan-racer-box {
    background: #FFF;
    box-shadow: 0 0 13px -5px #837047;
    float: left; }
    .fan-racers .fan-racer-box:hover {
      text-decoration: none; }
  @media screen and (max-width: 768px) {
    .fan-racers .fan-racer-box {
      margin: .5rem auto;
      height: auto;
      float: none; }
    .fan-racers .m-box {
      max-width: 185px; }
    .fan-racers .fan-racers-wrap.active {
      display: flex;
      flex-wrap: wrap; } }
  @media screen and (max-width: 400px) {
    .fan-racers .m-box {
      max-width: 48%; }
    .fan-racers .fan-racer-nm, .fan-racers .fan-racer-mask h4, .fan-racers .fan-racer-mask p {
      font-size: 1rem !important; }
    .fan-racers .fan-racer-mask h4 {
      padding: 3px; } }
  .fan-racers .fan-racer-nm {
    color: #48AF51;
    font-style: italic;
    font-size: 1.2rem;
    font-weight: bold; }
  .fan-racers .l-box .fan-racer-nm {
    font-size: 1.6rem; }
  .fan-racers .fan-racer-info {
    font-size: 1.1rem; }
  .fan-racers .fan-racer-view {
    position: relative; }
    .fan-racers .fan-racer-view:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: .5rem;
      top: .5rem;
      width: 3.4rem;
      height: 2rem;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 400px) {
        .fan-racers .fan-racer-view:before {
          width: 2rem;
          height: 1.5rem; } }
    .fan-racers .fan-racer-view.racer-kyu-ss:before {
      left: 1rem;
      top: 1rem;
      width: 4rem;
      height: 3rem;
      background-image: url("/assets/default/img/fan/icon/ss.svg"); }
    .fan-racers .fan-racer-view.racer-kyu-s:before {
      background-image: url("/assets/default/img/fan/icon/s.svg"); }
    .fan-racers .fan-racer-view.racer-kyu-l:before {
      background-image: url("/assets/default/img/fan/icon/l.svg"); }
    .fan-racers .fan-racer-view.racer-kyu-a:before {
      background-image: url("/assets/default/img/fan/icon/a.svg"); }
  .fan-racers .upper-nav {
    background-color: #3f3300;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 1rem; }
    .fan-racers .upper-nav .header-styled {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      background-color: white;
      font-size: 1.5rem;
      font-weight: bold;
      color: #004f7c;
      margin-bottom: .5rem;
      padding: .2rem .5rem; }
    .fan-racers .upper-nav-tab {
      display: flex;
      flex-wrap: wrap; }
      .fan-racers .upper-nav-tab-button {
        position: relative; }
        .fan-racers .upper-nav-tab-button.active, .fan-racers .upper-nav-tab-button:hover {
          background-color: white;
          box-shadow: 0 0 0 2px white;
          border: 2px dashed #3f3300; }
          .fan-racers .upper-nav-tab-button.active > a, .fan-racers .upper-nav-tab-button:hover > a {
            color: #3f3300; }
      @media screen and (max-width: 768px) {
        .fan-racers .upper-nav-tab-button {
          margin: 5px; } }
  .fan-racers .fan-racer-view .fan-racer-mask {
    opacity: 0;
    background-color: rgba(48, 177, 93, 0.7);
    transition: all 0.4s ease-in-out; }
  .fan-racers .fan-racer-box:hover .fan-racer-view .fan-racer-mask {
    opacity: 1;
    text-decoration: none; }
  .fan-racers .fan-racer-box:hover .fan-racer-nm {
    text-decoration: none; }
  .fan-racers .m-box:hover .fan-racer-view {
    opacity: 1;
    transform: translateY(0); }
    .fan-racers .m-box:hover .fan-racer-view img {
      transform: scale(1.15); }
  .fan-racers .m-box .fan-racer-view {
    overflow: hidden;
    position: relative;
    text-align: center; }
  .fan-racers .fan-racer-mask {
    text-align: center;
    text-shadow: 1px 1px 2px #0f915b; }
    .fan-racers .fan-racer-mask:hover {
      text-decoration: none; }
  .fan-racers .fan-racer-view .fan-racer-info {
    background: #073609;
    color: #fff;
    width: 80%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .fan-racers .fan-racer-view .fan-racer-info {
        width: 100%; } }
    @media screen and (max-width: 400px) {
      .fan-racers .fan-racer-view .fan-racer-info {
        font-size: .8rem; } }
  .fan-racers .fan-racer-view .fan-racer-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .fan-racers .fan-racer-view h4 {
    color: #FFF;
    font-size: 2rem;
    padding: 5px;
    transform: translateY(-100);
    transition: all 0.2s ease-in-out; }
  .fan-racers .l-box .fan-racer-view h4 {
    font-size: 3rem; }
  .fan-racers .fan-racer-mask p {
    color: #FFF;
    font-size: 1.1rem; }
  .fan-racers .fan-racer-img {
    max-width: 100%; }
  .fan-racers .l-box .fan-racer-view .fan-racer-mask {
    opacity: 0;
    background-color: rgba(48, 177, 93, 0.7);
    transition: all 0.4s ease-in-out; }
  .fan-racers .l-box:hover .fan-racer-view .fan-racer-mask {
    opacity: 1; }
  .fan-racers .l-box:hover .fan-racer-view {
    opacity: 1;
    transform: translateY(0); }
    .fan-racers .l-box:hover .fan-racer-view img {
      transform: scale(1.15); }
  .fan-racers .l-box .fan-racer-view {
    overflow: hidden;
    position: relative;
    text-align: center; }
  .fan-racers .l-box .fan-racer-mask p {
    color: #FFF;
    font-size: 1.8rem; }

@media screen and (max-width: 768px) {
  .winners-base {
    padding: .5rem; }
  .win-read {
    margin: 1rem 0; }
  .winner-img {
    display: none; }
  .win-txt {
    margin-left: 1rem;
    line-height: 1.8; } }

/* ------------------- 取手FANキャラクター紹介ページ ------------------ */
#characters {
  /*
  .yellow .btn-sewed{
    font-size: 2.2rem;
    background-color: #f9da00;
    color: #412f00;
    text-shadow: none;
    width: auto;
    line-height: 65%;
    padding-top: 7px;
  }
  .yellow .min{
    font-size: 1.2rem;
  }
  */
  /*.charaprof-btn {
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;

    text-align: center;
    font-size: 2.2rem;
    color: #412f00;
    line-height: 1.2; ///65%
    text-shadow: none;

    background-color: #f9da00;
    box-shadow: 0 0 0 2px #f9da00;

    &-text-sub {
      display: block;
      //width: 100%;
      font-size: 1.2rem;
    }

    &:hover {
      color: $light-brown;
      border-color: $light-brown;
      background-color: #ffe638;
      box-shadow: 0 0 0 2px #ffe638;
    }

  }*/ }
  @media screen and (min-width: 401px) {
    #characters .characters-content {
      padding: 1rem; } }
  #characters .charaprof-warp {
    background: #FFF;
    padding: .5rem; }
    @media screen and (min-width: 401px) {
      #characters .charaprof-warp {
        padding: 60px; } }
  #characters .prof {
    width: 280px;
    height: 280px;
    background-image: url(/assets/default/img/fan/character/charaprof_bg.png);
    background-repeat: no-repeat;
    margin: auto;
    display: inline-block;
    position: relative;
    margin-bottom: 25px; }
  #characters .story-back-bg {
    background-color: #e5fceb;
    padding: .5rem;
    border-top: dashed 1px #9ca69a;
    border-bottom: dashed 1px #9ca69a;
    color: #412f00;
    font-size: 1.2rem;
    line-height: 180%;
    position: relative; }
    @media screen and (min-width: 401px) {
      #characters .story-back-bg {
        padding: 60px; } }
  #characters .heri {
    background-color: #e5fceb;
    height: 5px; }
  #characters .prof-warp {
    margin-left: 0;
    margin-right: 0; }
  #characters .charaprof-notice {
    background-color: #fffbdc; }
  #characters .charaprof-item-title {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    width: 100%;
    max-width: 680px;
    text-align: center;
    font-size: 1.6rem;
    color: #fffc3b;
    text-shadow: 1px 1px 1px #000;
    background-color: #68ae32;
    border-radius: .5rem; }
    @media screen and (min-width: 401px) {
      #characters .charaprof-item-title {
        font-size: 2.8rem; } }
  #characters .story-img1 {
    position: absolute;
    top: 15px;
    left: 650px; }
  #characters .story-img2 {
    position: absolute;
    top: 300px;
    left: 600px; }
  #characters .story-img3 {
    position: absolute;
    top: 600px;
    left: 650px; }
  #characters .story-img4 {
    position: absolute;
    top: 950px;
    left: 650px; }
  #characters .story-img-extra {
    max-width: 560px; }
    @media screen and (max-width: 768px) {
      #characters .story-img-extra {
        max-width: 100%; } }
  #characters .character-wrapper {
    margin: 0 auto 2rem;
    background-color: #fffcd9; }
  #characters #character-slide {
    position: relative;
    overflow: hidden;
    display: block;
    width: 300px;
    height: 400px;
    margin: 0 auto; }
  #characters #character-sections {
    position: absolute;
    width: 2700px;
    height: 100%; }
    #characters #character-sections section {
      float: left;
      width: 300px; }
  #characters .thumb {
    text-indent: -9999px;
    height: 156px;
    width: 100px;
    cursor: pointer; }
    #characters .thumb-bank {
      background-image: url("/assets/default/img/fan/character/bank_small.png");
      background-repeat: no-repeat;
      background-position: center; }
    #characters .thumb-jan {
      background-image: url("/assets/default/img/fan/character/jan_small.png");
      background-repeat: no-repeat;
      background-position: center; }
    #characters .thumb-kant {
      background-image: url("/assets/default/img/fan/character/kant_small.png");
      background-repeat: no-repeat;
      background-position: center; }
    #characters .thumb-tanc {
      background-image: url("/assets/default/img/fan/character/tanc_small.png");
      background-repeat: no-repeat;
      background-position: center bottom; }
    #characters .thumb-tube {
      background-image: url("/assets/default/img/fan/character/tube_small.png");
      background-repeat: no-repeat; }
    #characters .thumb-yamaoroshi {
      background-image: url("/assets/default/img/fan/character/yamaoroshi_small.png");
      background-repeat: no-repeat;
      background-position: center bottom; }
    #characters .thumb-tyeen {
      background-image: url("/assets/default/img/fan/character/tyeen_small.png");
      background-repeat: no-repeat;
      background-position: center bottom; }
    #characters .thumb-ken {
      background-image: url("/assets/default/img/fan/character/ken_small.png");
      background-repeat: no-repeat;
      background-position: center bottom; }
    #characters .thumb-boss {
      background-image: url("/assets/default/img/fan/character/boss_small.png");
      background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      #characters .thumb {
        height: 50px;
        width: 10%;
        background-size: contain; } }
  #characters #story-slide {
    /*スマホ用*/ }
    #characters #story-slide .slide-content {
      display: none; }
    #characters #story-slide .slide-active {
      display: block; }
    @media screen and (max-width: 768px) {
      #characters #story-slide section {
        margin-bottom: 60px;
        font-size: 1.12rem; } }
  #characters #story-container {
    max-width: 400px;
    margin: 0 auto; }
  #characters #story-slideGalley {
    overflow: hidden;
    position: relative; }
  #characters #story-nav .prev {
    position: relative;
    float: left;
    left: 2rem;
    bottom: 5rem;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4)); }
    @media screen and (max-width: 768px) {
      #characters #story-nav .prev {
        position: absolute;
        left: 0;
        bottom: 0; } }
    #characters #story-nav .prev :hover {
      cursor: pointer; }
    #characters #story-nav .prev :active {
      -webkit-transform: translateY(2px);
      -moz-transform: translateY(2px);
      transform: translateY(2px); }
    #characters #story-nav .prev img {
      width: 68px; }
      @media screen and (max-width: 768px) {
        #characters #story-nav .prev img {
          width: 56px; } }
  #characters #story-nav .next {
    position: relative;
    float: right;
    right: 2rem;
    bottom: 5rem;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4)); }
    @media screen and (max-width: 768px) {
      #characters #story-nav .next {
        position: absolute;
        right: 0;
        bottom: 0; } }
    #characters #story-nav .next :hover {
      cursor: pointer; }
    #characters #story-nav .next :active {
      -webkit-transform: translateY(2px);
      -moz-transform: translateY(2px);
      transform: translateY(2px); }
    #characters #story-nav .next img {
      width: 68px; }
      @media screen and (max-width: 768px) {
        #characters #story-nav .next img {
          width: 56px; } }
.dl-photo-list {
  margin: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .dl-photo-list > li {
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 .5rem; }
    @media screen and (max-width: 768px) {
      .dl-photo-list > li {
        width: 50%; } }
  .dl-photo-list img {
    max-width: 100%;
    max-height: 160px; }
  .dl-photo-list a {
    margin: .5rem 0;
    display: inline-block; }

/* --------------------------------------------------------- */
/* ------------------ トップページ新着情報/お知らせnewsページ ------------------ */
.news-box {
  overflow: hidden;
  margin-bottom: 1.5rem; }
  .news-box > p {
    padding: 0 .5rem 1rem; }
  .news-box img {
    max-width: 100%;
    height: initial !important; }

.news-head {
  margin: 0 .5rem .5rem;
  padding: .5rem 0;
  border-bottom: 2px solid #aaa; }

.news-title {
  display: inline-block;
  font-size: 1.28rem;
  color: #43b04c; }
  @media screen and (max-width: 768px) {
    .news-title {
      display: block; } }
.news-date {
  display: inline-block;
  margin-right: 1rem;
  padding: .2rem 1rem;
  font-size: 1rem;
  color: #fff;
  background-color: #43b04c; }
  @media screen and (max-width: 768px) {
    .news-date {
      margin-bottom: .5rem; } }
.news.nav {
  padding: .5rem 0; }
  .news.nav > ul {
    display: flex;
    flex-direction: row; }
    .news.nav > ul > li {
      width: 50%; }
    @media screen and (max-width: 400px) {
      .news.nav > ul {
        flex-direction: column; }
        .news.nav > ul > li {
          width: 100%; } }
.whats-icon::before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 14px;
  margin-left: 14px;
  padding: 2px 10px;
  font-size: .8rem;
  color: #fff;
  border-radius: 12px;
  white-space: nowrap; }

.whats-icon-campaign::before {
  content: "キャンペーン";
  background-color: #ff00ff; }

.whats-icon-present::before {
  content: "プレゼント";
  background-color: #00ab00; }

.whats-icon-report::before {
  content: "レポート";
  background-color: #0073ff; }

.whats-icon-news::before, .whats-icon-info::before {
  content: "ニュース";
  background-color: #ff0000; }

#news .whats-icon {
  margin-right: 2px;
  margin-left: 2px; }

#news-nav-list-title {
  text-align: right; }
  @media screen and (max-width: 400px) {
    #news-nav-list-title {
      text-align: left; } }
#news-nav-list {
  display: flex; }

.news-page-tub {
  display: flex; }
  .news-page-tub > li {
    margin-right: .5rem; }
    .news-page-tub > li a {
      color: white;
      padding: 2px 5px;
      background-color: #43b04c; }

ol.news-list {
  list-style: none; }

.news-list-title {
  font-size: 1.5rem; }

/* --------------------------- インフォメーションページ --------------------------- */
.f-net-title {
  width: 70%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 2px 60px 2px 4px; }

.table-fax th {
  border-top: 1px solid red;
  border-bottom: 1px solid red; }

.table-fax tbody tr:nth-of-type(n+2) {
  border-top: 1px dashed #aaa; }

.table-fax tr:last-child {
  border-bottom: 1px solid red; }

.table-fax-number {
  text-align: center;
  color: red;
  background-color: #fbe6ef; }

.table-fax tbody tr td:first-child {
  font-family: "AokaneStd-EB"; }

.bg-information {
  background-image: url("/assets/default/img/character/chara_tel.png");
  background-position: 96% 7%;
  background-repeat: no-repeat;
  background-size: 13%; }

@media screen and (max-width: 768px) {
  .bg-information {
    background-position: 94% 13.8%;
    background-size: 16.2%; } }

/* --- よくある質問コーナー --- */
.faq {
  padding-bottom: 1rem; }
  .faq-index > li {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: .5rem;
    padding-left: 1rem; }
    .faq-index > li::before {
      position: absolute;
      content: "";
      width: 3px;
      height: 3px;
      left: .5rem;
      top: .5rem;
      background-color: #333; }
  .faq-title {
    margin-bottom: 1rem;
    padding-left: .5rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #280c79;
    border-left: 6px solid #280c79; }
  .faq-question {
    position: relative;
    margin: 0 .5rem 1rem 2.6rem;
    font-size: 1.26rem;
    border-bottom: 1px dashed #aaa; }
    .faq-question::before {
      position: absolute;
      content: url("/assets/default/img/icon/question.svg");
      width: 2rem;
      height: 2rem;
      left: -34px;
      top: -.4rem; }
  .faq-answer {
    position: relative;
    margin: 0 .5rem 2rem 2.6rem;
    padding: 1rem .5rem;
    background-color: #fffbdc; }
    .faq-answer::before {
      position: absolute;
      content: url("/assets/default/img/icon/answer.svg");
      width: 1.8rem;
      height: 1.8rem;
      left: -32px;
      top: 0; }

/* ------------------------- */
/* ------------------------------------------------------------------------ */
/* ------------------------------ 場内案内ページ ------------------------------ */
.facility-index {
  margin: .5rem;
  border: 2px dashed #d3cbc6;
  background-color: #fff;
  box-shadow: 0 0 0 .5rem #fff; }
  .facility-index-title {
    display: block;
    margin: 1rem auto;
    width: 218px;
    height: 53px;
    background-image: url("/assets/default/img/content/guide/facility/zyonaiannai.png"); }

.facility-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.facility-tab-btn, .facility-tab-btn-08, .facility-tab-btn-07, .facility-tab-btn-06, .facility-tab-btn-05, .facility-tab-btn-04, .facility-tab-btn-03, .facility-tab-btn-02, .facility-tab-btn-01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: .5rem .2rem !important;
  width: 20%;
  position: relative;
  color: white;
  text-decoration: none;
  background-color: #e48296;
  box-shadow: 0 0 0 2px #e48296;
  border: 2px dashed white;
  border-radius: .5rem; }
  @media screen and (max-width: 768px) {
    .facility-tab-btn, .facility-tab-btn-08, .facility-tab-btn-07, .facility-tab-btn-06, .facility-tab-btn-05, .facility-tab-btn-04, .facility-tab-btn-03, .facility-tab-btn-02, .facility-tab-btn-01 {
      width: 40%; } }
  .facility-tab-btn.active, .active.facility-tab-btn-08, .active.facility-tab-btn-07, .active.facility-tab-btn-06, .active.facility-tab-btn-05, .active.facility-tab-btn-04, .active.facility-tab-btn-03, .active.facility-tab-btn-02, .active.facility-tab-btn-01, .facility-tab-btn:hover, .facility-tab-btn-08:hover, .facility-tab-btn-07:hover, .facility-tab-btn-06:hover, .facility-tab-btn-05:hover, .facility-tab-btn-04:hover, .facility-tab-btn-03:hover, .facility-tab-btn-02:hover, .facility-tab-btn-01:hover {
    color: #e48296;
    border-color: #e48296;
    background-color: white;
    box-shadow: 0 0 0 2px white; }
  @media screen and (min-width: 401px) {
    .facility-tab-btn::before, .facility-tab-btn-08::before, .facility-tab-btn-07::before, .facility-tab-btn-06::before, .facility-tab-btn-05::before, .facility-tab-btn-04::before, .facility-tab-btn-03::before, .facility-tab-btn-02::before, .facility-tab-btn-01::before {
      position: absolute;
      content: "";
      width: 24px;
      height: 24px;
      left: 10%;
      background-size: cover; } }
  .facility-tab-btn-01 {
    background-color: #e48296;
    box-shadow: 0 0 0 2px #e48296; }
    .facility-tab-btn-01.active, .facility-tab-btn-01:hover {
      color: #e48296;
      border-color: #e48296; }
    .facility-tab-btn-01::before {
      background-image: url("/assets/default/img/icon/map/annai.svg"); }
  .facility-tab-btn-02 {
    background-color: #86bd59;
    box-shadow: 0 0 0 2px #86bd59; }
    .facility-tab-btn-02.active, .facility-tab-btn-02:hover {
      color: #86bd59;
      border-color: #86bd59; }
    .facility-tab-btn-02::before {
      background-image: url("/assets/default/img/icon/map/ken.svg"); }
  .facility-tab-btn-03 {
    background-color: #e15753;
    box-shadow: 0 0 0 2px #e15753; }
    .facility-tab-btn-03.active, .facility-tab-btn-03:hover {
      color: #e15753;
      border-color: #e15753; }
    .facility-tab-btn-03::before {
      background-image: url("/assets/default/img/icon/map/eat.svg"); }
  .facility-tab-btn-04 {
    background-color: #4975b5;
    box-shadow: 0 0 0 2px #4975b5; }
    .facility-tab-btn-04.active, .facility-tab-btn-04:hover {
      color: #4975b5;
      border-color: #4975b5; }
    .facility-tab-btn-04::before {
      background-image: url("/assets/default/img/icon/map/toilet.svg"); }
  .facility-tab-btn-05 {
    background-color: #9b7dad;
    box-shadow: 0 0 0 2px #9b7dad; }
    .facility-tab-btn-05.active, .facility-tab-btn-05:hover {
      color: #9b7dad;
      border-color: #9b7dad; }
    .facility-tab-btn-05::before {
      background-image: url("/assets/default/img/icon/map/kanran.svg"); }
  .facility-tab-btn-06 {
    background-color: #c3a634;
    box-shadow: 0 0 0 2px #c3a634; }
    .facility-tab-btn-06.active, .facility-tab-btn-06:hover {
      color: #c3a634;
      border-color: #c3a634; }
    .facility-tab-btn-06::before {
      background-image: url("/assets/default/img/icon/map/art.svg"); }
  .facility-tab-btn-07 {
    background-color: #58a2cc;
    box-shadow: 0 0 0 2px #58a2cc; }
    .facility-tab-btn-07.active, .facility-tab-btn-07:hover {
      color: #58a2cc;
      border-color: #58a2cc; }
    .facility-tab-btn-07::before {
      background-image: url("/assets/default/img/icon/map/barrier.svg"); }
  .facility-tab-btn-08 {
    background-color: #e7a052;
    box-shadow: 0 0 0 2px #e7a052; }
    .facility-tab-btn-08.active, .facility-tab-btn-08:hover {
      color: #e7a052;
      border-color: #e7a052; }
    .facility-tab-btn-08::before {
      background-image: url("/assets/default/img/icon/map/paper.svg");
      background-size: cover; }

.facility-item-wrap {
  padding: 1rem; }

.facility-item, .facility-item-08, .facility-item-05, .facility-item-04, .facility-item-03, .facility-item-02, .facility-item-01 {
  height: 100%;
  border-top-right-radius: 60px 60px;
  background: #fff; }
  .facility-item-01 {
    position: relative;
    padding: 1rem 1.6rem 1.6rem;
    border: 2px dashed #e48296; }
    .facility-item-01::before {
      position: absolute;
      content: "";
      width: 1rem;
      height: 1rem; }
  .facility-item-02 {
    padding: 1rem 1.6rem 1.6rem;
    border: 2px dashed #86bd59; }
  .facility-item-03 {
    padding: 1rem 1.6rem 1.6rem;
    border: 2px dashed #e15753; }
  .facility-item-04 {
    padding: 1rem 1.6rem 1.6rem;
    border: 2px dashed #4975b5; }
  .facility-item-05 {
    border: 2px dashed #9b7dad;
    padding: 1rem 1.6rem 1.6rem; }
  .facility-item-06 {
    border: 2px dashed #c3a634; }
  .facility-item-07 {
    border: 2px dashed #58a2cc; }
  .facility-item-08 {
    border: 2px dashed #e7a052;
    padding: 1rem 1.6rem 1.6rem; }

.facility-item-title, .facility-item-title-text-08, .facility-item-title-text-07, .facility-item-title-text-06, .facility-item-title-text-05, .facility-item-title-text-04, .facility-item-title-text-03, .facility-item-title-text-02, .facility-item-title-text-01 {
  display: inline-block;
  margin-left: -0.5rem;
  font-family: "FOT-ベビポップ Std EB";
  font-size: 2rem; }
  .facility-item-title > img, .facility-item-title-text-08 > img, .facility-item-title-text-07 > img, .facility-item-title-text-06 > img, .facility-item-title-text-05 > img, .facility-item-title-text-04 > img, .facility-item-title-text-03 > img, .facility-item-title-text-02 > img, .facility-item-title-text-01 > img {
    padding-bottom: 1rem; }
  .facility-item-title-text-01 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #e48296; }
  .facility-item-title-text-02 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #86bd59; }
  .facility-item-title-text-03 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #e15753; }
  .facility-item-title-text-04 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #4975b5; }
  .facility-item-title-text-05 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #9b7dad; }
  .facility-item-title-text-06 {
    color: #c3a634; }
  .facility-item-title-text-07 {
    color: #58a2cc; }
  .facility-item-title-text-08 {
    padding-top: 1rem;
    padding-left: .5rem;
    color: #e7a052; }

/* 競輪場ガイド内メインページ */
.facility-note {
  display: inline-block;
  position: relative;
  margin: 1rem 2rem 1rem 1rem;
  padding: .5rem 2rem .5rem 1rem;
  color: #3f3300;
  border-radius: 4px;
  background-color: #a1d154; }
  .facility-note::after {
    content: "";
    position: absolute;
    width: 63px;
    height: 141px;
    top: -40px;
    right: -30px;
    background-image: url("/assets/default/img/character/09_chara.png");
    background-repeat: no-repeat; }

.facility-icon-base, .facility-paper-icon, .facility-barrier-icon, .facility-art-icon, .facility-kanran-icon, .facility-eat-icon, .facility-ken-icon, .facility-annai-icon {
  position: relative;
  background-size: contain;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem; }
  .facility-icon-base::after, .facility-paper-icon::after, .facility-barrier-icon::after, .facility-art-icon::after, .facility-kanran-icon::after, .facility-eat-icon::after, .facility-ken-icon::after, .facility-annai-icon::after {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    font-size: 1.2rem;
    color: white;
    border-radius: 50%;
    top: -1.2rem;
    right: -1.2rem;
    font-weight: bold; }

.facility-no-1::after {
  content: "1"; }

.facility-no-2::after {
  content: "2"; }

.facility-no-3::after {
  content: "3"; }

.facility-no-4::after {
  content: "4"; }

.facility-no-5::after {
  content: "5"; }

.facility-no-6::after {
  content: "6"; }

.facility-no-7::after {
  content: "7"; }

.facility-no-8::after {
  content: "8"; }

.facility-no-9::after {
  content: "9"; }

.facility-no-10::after {
  content: "10"; }

.facility-annai-icon {
  background-image: url("/assets/default/img/icon/map/annai.svg"); }
  .facility-annai-icon::after {
    background-color: #e48296; }

.facility-ken-icon {
  background-image: url("/assets/default/img/icon/map/ken.svg"); }
  .facility-ken-icon::after {
    background-color: #86bd59; }

.facility-eat-icon {
  background-image: url("/assets/default/img/icon/map/eat.svg"); }
  .facility-eat-icon::after {
    background-color: #e61f19; }

.facility-kanran-icon {
  background-image: url("/assets/default/img/icon/map/kanran.svg"); }
  .facility-kanran-icon::after {
    background-color: #602b87; }

.facility-art-icon {
  background-image: url("/assets/default/img/icon/map/art.svg"); }
  .facility-art-icon::after {
    background-color: #c3a634; }

.facility-barrier-icon {
  position: absolute;
  background-image: url("/assets/default/img/icon/map/barrier.svg"); }
  .facility-barrier-icon::after {
    background-color: #58a2cc; }

.facility-paper-icon {
  background-image: url("/assets/default/img/icon/map/paper.svg"); }

.facility-item-title-main {
  display: inline-block;
  font-family: "FOT-ベビポップ Std EB";
  font-size: 2.68rem;
  color: #006a30; }

@media screen and (max-width: 768px) {
  .facility-item-title-main {
    font-size: 1.8rem; } }

/* トリックアート */
.facility-trick-art {
  padding: 1rem;
  margin: 1rem .5rem;
  border: 2px dashed #c3a634;
  border-top-right-radius: 60px 60px; }
  .facility-trick-art-chara {
    position: relative;
    min-width: 18rem; }
    .facility-trick-art-chara img {
      position: relative;
      width: 4rem; }
    .facility-trick-art-chara .chara-text {
      position: absolute;
      left: 2rem;
      top: .5rem;
      border-radius: .5rem;
      padding: 1rem .5rem;
      font-size: 1.2rem;
      border: 1px dashed #43b04c;
      display: inline-block; }
  .facility-trick-art-more {
    font-size: 2rem;
    font-family: "FOT-ベビポップ Std EB"; }
  .facility-trick-art .trick-images > li {
    margin: 5px; }

/* 飲食店 */
.btn-restaurant {
  position: relative;
  padding: .5rem 2rem .5rem 3rem;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  background-color: #e61f19; }
  .btn-restaurant::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 4px;
    left: 8px;
    background-image: url("/assets/default/img/icon/insta_icon.png");
    background-repeat: no-repeat;
    background-size: cover; }

/* バリアフリー　*/
.b-free-item {
  align-self: center;
  padding: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #58a2cc;
  border-top-right-radius: 45px 45px; }
  .b-free-item img {
    margin-right: 5px; }

.b-free-img {
  position: relative; }

.b-free-icon {
  position: absolute;
  top: -36px;
  left: -26px; }

/* ---------------------------------------------------------------------- */
/* --------------------------- 競輪場ガイドページ共通 ------------------------------ */
.content-section-guide-inner {
  padding: 2rem; }

@media screen and (max-width: 768px) {
  .content-section-guide-inner {
    padding: 1rem .5rem; } }

/* ---------------------------------------------------------------------- */
/* ------------ バンク基本情報 ------------ */
.bank-basic-item {
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  color: #43b04c;
  font-weight: bold;
  border: 6px solid #43b04c;
  border-radius: 7px; }
  .bank-basic-item-data {
    color: #333;
    font-size: 1.6rem;
    font-weight: bold; }

.guide-bank-img {
  width: 100%;
  max-width: 36rem; }

/* ------------------------------------------ */
/* ---------------- 出目データ --------------------*/
.car-number-table {
  margin-top: 2rem;
  margin-bottom: 1rem; }
  .car-number-table th, .car-number-table td {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #aaa; }
  .car-number-table-body {
    background-color: #fff; }

@media screen and (max-width: 768px) {
  .car-number-table-wrapper {
    overflow-x: auto; } }

.triple-single-table {
  margin-top: 2rem;
  margin-bottom: 1rem; }
  .triple-single-table-caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    text-align: left;
    font-size: 1.2rem;
    font-family: "FOT-筑紫A丸ゴシック Std B";
    color: #fff;
    border-radius: 5px 5px 0 0;
    background-color: #43b04c; }
  .triple-single-table th, .triple-single-table td {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    background-color: #fff;
    border-top: 1px solid #aaa;
    text-align: center; }
    .triple-single-table th.rank span, .triple-single-table th.avg span, .triple-single-table td.rank span, .triple-single-table td.avg span {
      display: inline-block;
      text-align: right; }
    .triple-single-table th.rank span, .triple-single-table td.rank span {
      width: 2rem; }
    .triple-single-table th.avg span, .triple-single-table td.avg span {
      width: 6rem; }
    .triple-single-table th.triple-set, .triple-single-table td.triple-set {
      white-space: nowrap; }

.deme-icon-cycle, .deme-icon-cycle-09, .deme-icon-cycle-08, .deme-icon-cycle-07, .deme-icon-cycle-06, .deme-icon-cycle-05, .deme-icon-cycle-04, .deme-icon-cycle-03, .deme-icon-cycle-02, .deme-icon-cycle-01 {
  display: inline-flex;
  align-items: flex-end; }
  .deme-icon-cycle .cycle-chara, .deme-icon-cycle-09 .cycle-chara, .deme-icon-cycle-08 .cycle-chara, .deme-icon-cycle-07 .cycle-chara, .deme-icon-cycle-06 .cycle-chara, .deme-icon-cycle-05 .cycle-chara, .deme-icon-cycle-04 .cycle-chara, .deme-icon-cycle-03 .cycle-chara, .deme-icon-cycle-02 .cycle-chara, .deme-icon-cycle-01 .cycle-chara {
    display: inline-block;
    width: 35px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain; }

.deme-cycle-icons {
  vertical-align: bottom; }

.deme-icon, .deme-icon-3, .deme-icon-2, .deme-icon-1 {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px; }
  .deme-icon::after, .deme-icon-3::after, .deme-icon-2::after, .deme-icon-1::after {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat; }
  .deme-icon-1 {
    margin-right: .5rem;
    width: 29px;
    height: 29px; }
    .deme-icon-1::after {
      margin: auto;
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("/assets/default/img/content/guide/deme-icon/gold_medal.png"); }
  .deme-icon-2 {
    margin-right: .5rem;
    width: 29px;
    height: 29px; }
    .deme-icon-2::after {
      margin: auto;
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("/assets/default/img/content/guide/deme-icon/silver_medal.png"); }
  .deme-icon-3 {
    margin-right: .5rem;
    width: 29px;
    height: 29px; }
    .deme-icon-3::after {
      margin: auto;
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("/assets/default/img/content/guide/deme-icon/blonze_medal.png"); }
  .deme-icon-cycle-01 .cycle-chara {
    background-image: url("/assets/default/img/character/2/stand.svg"); }
  .deme-icon-cycle-02 .cycle-chara {
    width: 39px;
    background-image: url("/assets/default/img/character/9/stand.svg"); }
  .deme-icon-cycle-03 .cycle-chara {
    background-image: url("/assets/default/img/character/3/stand.svg"); }
  .deme-icon-cycle-04 .cycle-chara {
    background-image: url("/assets/default/img/character/4/stand.svg"); }
  .deme-icon-cycle-05 .cycle-chara {
    background-image: url("/assets/default/img/character/5/stand.svg"); }
  .deme-icon-cycle-06 .cycle-chara {
    background-image: url("/assets/default/img/character/1/stand.svg"); }
  .deme-icon-cycle-07 .cycle-chara {
    width: 35px;
    height: 49px;
    background-image: url("/assets/default/img/character/6/stand.svg"); }
  .deme-icon-cycle-08 .cycle-chara {
    background-image: url("/assets/default/img/character/8/stand.svg"); }
  .deme-icon-cycle-09 .cycle-chara {
    background-image: url("/assets/default/img/character/7/stand.svg"); }

/* ------------------------------------------ */
/* ---------------- 記録集 --------------------*/
.bank-record-table {
  max-width: 768px;
  margin: auto; }
  .bank-record-table th {
    background-color: #8ef383;
    width: 5rem;
    text-align: center; }
    @media screen and (max-width: 400px) {
      .bank-record-table th {
        width: 1.2rem; }
        .bank-record-table th .sp-rotate {
          transform: rotate3d(0, 0, 1, 90deg);
          display: inline-block; } }
  .bank-record-table td {
    padding-left: .5rem;
    background-color: #fff; }
    @media screen and (min-width: 769px) {
      .bank-record-table td {
        width: 1.2rem; } }
    .bank-record-table td.record-value {
      text-align: right;
      padding-right: 1.5rem; }
  .bank-record-table th, .bank-record-table td {
    padding-top: .5rem;
    padding-bottom: .5rem; }

.bg-bank-record {
  background-image: url("/assets/default/img/character/kirokusyu_chara.png");
  background-position: 92% 96%;
  background-repeat: no-repeat; }

@media screen and (max-width: 768px) {
  .bg-bank-record {
    background-image: url("/assets/default/img/character/kirokusyu_chara.png");
    background-position: 92% 99%;
    background-repeat: no-repeat;
    background-size: 109px; } }

/* ------------------------------------------ */
/* ------------------ サイクルアートプロジェクトページ --------------------*/
.cycleart-img-wrapper {
  position: relative;
  margin-bottom: 2rem; }
  @media screen and (min-width: 401px) {
    .cycleart-img-wrapper {
      background-image: url("/assets/default/img/content/guide/cycleart/paint.png");
      background-position: 100% -2rem;
      background-repeat: no-repeat;
      padding-top: 8rem; } }
/* ------------------ 初心者ガイドページ --------------------------------*/
.beginner-title {
  font-size: 2.26rem;
  color: #ff8d38;
  text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff; }
  .beginner-title > span {
    font-size: 1.4rem; }

.beginner-head {
  position: relative;
  width: 100%;
  height: 720px;
  background-image: url("/assets/default/img/content/guide/beginner/shoshinsha_main_img.jpg");
  background-size: contain;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 480px) {
    .beginner-head {
      margin-bottom: .5rem;
      max-width: 100%;
      height: 300px;
      background-image: url("/assets/default/img/content/guide/beginner/sp_shoshinsha_main_img.jpg");
      background-size: contain;
      background-position: 50% 100%;
      background-repeat: no-repeat; } }
.beginner-head-supplement {
  position: absolute;
  margin-left: 1rem;
  width: 22%;
  bottom: 7rem;
  font-size: 1.4rem; }
  @media only screen and (max-width: 480px) {
    .beginner-head-supplement {
      margin-left: 0;
      width: 100%;
      height: 3rem;
      bottom: 0;
      font-size: 1rem; }
      .beginner-head-supplement > a {
        position: absolute;
        width: 100%;
        height: 100%; }
      .beginner-head-supplement-text {
        visibility: hidden; } }
.beginner-head-chara {
  text-align: right; }

.bg-beginner {
  background-image: url("/assets/default/img/content/guide/beginner/pc_k_guide_shoshinsya05.jpg");
  background-position: top 50%;
  background-repeat: no-repeat;
  background-size: contain; }

.beginner-item {
  border: 4px solid #ffab3c;
  border-radius: 8px;
  background-color: #fffdcf; }
  .beginner-item-title {
    padding-left: .5rem;
    font-size: 2.68rem;
    font-family: "AokaneStd-EB";
    color: #43b04c; }
    @media screen and (max-width: 480px) {
      .beginner-item-title {
        font-size: 1.8rem; } }
  .beginner-item-text {
    width: 60%; }
  .beginner-item .glossary {
    background: #fff; }
    .beginner-item .glossary > dt {
      font-weight: bold;
      padding-top: .5rem; }
    .beginner-item .glossary > dd {
      margin: 0 1rem;
      padding-bottom: .5rem; }
      .beginner-item .glossary > dd:not(:last-child) {
        border-bottom: 1px dashed #aaa; }

.beginner-img {
  width: 40%; }

.beginner-grid-box {
  margin-top: -.5rem;
  margin-left: -.5rem;
  margin-bottom: .5rem;
  padding-top: 1rem;
  padding-left: 1rem; }

.beginner-grid-layout {
  padding-top: -.5rem;
  padding-left: -.5rem; }

.ticket-link:hover {
  text-decoration: none;
  display: block;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important; }

.ticket-btn {
  position: relative;
  margin: .5rem 0;
  padding: .2rem .5rem .2rem 58px;
  color: white;
  background-color: #e60012; }
  .ticket-btn > img {
    position: absolute;
    max-width: 50px;
    height: auto;
    left: .5rem;
    bottom: -.5rem; }

.beginner-syaban {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  background-color: #fff; }
  .beginner-syaban-item {
    display: inline-block;
    padding: .5rem; }
  .beginner-syaban-note {
    display: inline-block;
    margin: .5rem;
    color: #e60012; }
  @media screen and (max-width: 480px) {
    .beginner-syaban {
      text-align: center; } }
.accordion-box {
  margin: 2em 0;
  padding: 0;
  max-width: 100%; }

.accordion-box label {
  display: block;
  margin: .5rem 0;
  padding: .5rem 1rem;
  color: #fff;
  font-weight: bold;
  background: rgba(230, 0, 18, 0.6);
  cursor: pointer;
  transition: all 0.5s; }
  .accordion-box label > img {
    max-width: 50px;
    height: auto; }

.accordion-box label:hover {
  opacity: .8; }

.accordion-box input {
  display: none; }

.accordion-box .accordion-show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s; }

.accordion-switch:checked + .accordion-show {
  height: auto;
  padding: 5px;
  background: rgba(170, 170, 170, 0.6);
  opacity: 1; }

/* ------------------------------------------------------------------ */
/* --- accessページ --- */
.access-item-inner-heading {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1.6;
  background-color: #fffbdc; }

.access-car-note {
  display: inline-block;
  position: relative;
  margin-top: 6rem;
  margin-bottom: auto;
  padding: .5rem;
  font-size: 1.25rem;
  color: #43b04c;
  border: 1px dashed #43b04c;
  border-radius: 4px; }
  .access-car-note > span {
    display: block;
    padding: .5rem 1rem;
    background-color: #fffbdc; }
  .access-car-note::after {
    position: absolute;
    content: "";
    top: -160%;
    left: 108%;
    width: 167px;
    height: 227px;
    background-image: url("/assets/default/img/content/access/chara_sightseeing.png");
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .access-car-note::after {
        display: none; } }
.access-time-table caption, .access-time-table-return caption, .access-time-table-go caption {
  color: white; }

.access-time-table th, .access-time-table-return th, .access-time-table-go th {
  text-align: center; }

.access-time-table tr th:first-child, .access-time-table-return tr th:first-child, .access-time-table-go tr th:first-child,
.access-time-table tr td:first-child,
.access-time-table-return tr td:first-child,
.access-time-table-go tr td:first-child {
  background-color: #efefef;
  text-align: center; }

.access-time-table tr:nth-child(odd), .access-time-table-return tr:nth-child(odd), .access-time-table-go tr:nth-child(odd) {
  background-color: #efefef; }

.access-time-table .time-sel, .access-time-table-return .time-sel, .access-time-table-go .time-sel {
  width: 6rem; }

.access-time-table-go .pale-color {
  background-color: #f0f6ec; }

.access-time-table-return .pale-color {
  background-color: #fdf5eb; }

.access-bus-map {
  width: 100%;
  max-height: 640px; }

/* --- areaページ --- */
.title-note {
  position: absolute;
  right: 0;
  padding: 2px 4px;
  text-align: right;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  background: red; }
  @media screen and (max-width: 768px) {
    .title-note {
      display: inline-block;
      position: relative;
      margin-left: 2rem; } }
.kanko-bnr {
  position: relative;
  margin: 4rem 1rem;
  background: #43b04c; }
  .kanko-bnr:hover {
    opacity: .8; }
  .kanko-bnr-inner {
    display: block;
    padding: 1rem; }
  .kanko-bnr-img {
    display: inline-block; }
  .kanko-bnr-text {
    display: inline-block;
    margin-left: 2rem;
    color: yellow;
    font-weight: bold;
    font-size: 2.26rem;
    line-height: 1.1; }
    .kanko-bnr-text:hover {
      text-decoration: underline; }
  .kanko-bnr-chara {
    position: absolute;
    top: -50px;
    right: -10px; }
  @media screen and (max-width: 768px) {
    .kanko-bnr {
      margin: .5rem; }
      .kanko-bnr-text {
        margin-left: 0;
        font-size: 1rem; } }
/* ------------------ 取手競輪場周辺の観光情報 --------------------*/
.kanko-list {
  line-height: 170%; }
  .kanko-list > li {
    list-style-type: disc; }

/* ------------------------------------------------------------------ */
.schedule-tab {
  margin: 1rem 0; }
  .schedule-tab > li {
    margin-right: .5rem; }

.calendar {
  width: 100%;
  background-color: white;
  height: 100%;
  table-layout: fixed; }
  .calendar td, .calendar th {
    border: 1px solid #f0f0f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; }
  .calendar th.sun,
  .calendar th.sat,
  .calendar th.weekday {
    height: 1rem; }
  .calendar .year_month {
    background: #30b15d;
    color: white;
    font-size: 15px;
    height: 2.2rem;
    width: 100%;
    text-align: center; }
  .calendar .sun {
    background: #ffdffb;
    color: #ff13b4;
    font-size: 11px; }
  .calendar .weekday {
    background: #eefad2;
    color: #86c60d;
    font-size: 11px; }
  .calendar .sat {
    background: #82f0fd;
    color: #00abf8;
    font-size: 11px; }
  .calendar .day, .calendar .day-sat, .calendar .day-sun {
    color: #666;
    text-align: left;
    vertical-align: top;
    border-bottom: none;
    font-size: 12px;
    padding-left: 3px;
    width: 14%;
    height: 21px; }
    .calendar .day.out_month, .calendar .out_month.day-sat, .calendar .out_month.day-sun {
      color: #ccc; }
  .calendar .day-sun {
    color: #e60012; }
  .calendar .day-sat {
    color: #00abf8; }
  .calendar .inside {
    height: 27px;
    border-top: none;
    border-bottom: none;
    width: 14%;
    text-align: center;
    vertical-align: middle; }
  .calendar .outside {
    height: 27px;
    border-top: none;
    width: 14%;
    text-align: center;
    vertical-align: middle; }
  .calendar .calendar-kaisai, .calendar .out_morning, .calendar .out_g, .calendar .out_f2, .calendar .out_f1, .calendar .out_g3, .calendar .toride {
    text-align: center;
    border-radius: 5px;
    height: 27px;
    border-top: none;
    width: 14%;
    vertical-align: middle;
    margin-bottom: 1px; }
  .calendar .multi {
    display: block;
    margin-bottom: 1px;
    font-size: 12px;
    height: 15px;
    line-height: 15px; }
  .calendar a {
    display: inline-block;
    width: 100%;
    color: white; }

.honzyo {
  color: #e60012;
  font-size: 1.5rem; }

.honzyo-girls {
  position: relative;
  color: #e60012;
  font-size: 1.5rem; }
  .honzyo-girls:before {
    content: "♥";
    position: absolute;
    color: white;
    font-size: 1rem;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center; }

.honzyo-morning {
  position: relative;
  color: #e60012;
  font-size: 1.5rem; }
  .honzyo-morning:before {
    content: "☀︎";
    position: absolute;
    color: white;
    font-size: 1rem;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .honzyo-morning.m7:before {
    content: "7︎"; }
  .honzyo-morning.m12:before {
    content: "12︎";
    font-size: .65rem; }

.zyogai_f2 {
  color: #247bff;
  font-size: 1.5rem; }

.zyogai_f1 {
  color: #ffad20;
  font-size: 1.5rem; }

.zyogai_g3 {
  color: #7578d3;
  font-size: 1.5rem; }

.zyogai_g {
  color: #f031d8;
  font-size: 1.5rem; }

.zyogai_morning {
  position: relative;
  font-size: 1.5rem;
  color: #ffee56; }
  .zyogai_morning:before {
    content: "☀︎";
    position: absolute;
    color: #5a3300;
    font-size: 1rem;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center; }

/*開催カラー*/
.toride {
  background: #e60012;
  color: white; }

.out_g3 {
  background: #7578d3;
  color: white; }

.out_f1 {
  background: #ffad20;
  color: white; }

.out_f2 {
  background: #247bff;
  color: white; }

.out_g {
  background: #f031d8;
  color: white; }

.out_morning {
  background: #ffee56;
  color: #5a3300 !important; }

.cal-link-disable {
  pointer-events: none; }

.inner-brd-dashed, .race-preparation, .error {
  padding: 1rem;
  text-align: center;
  position: relative;
  margin: 1.5rem 0;
  font-size: 1.3rem; }
  .inner-brd-dashed > *, .race-preparation > *, .error > * {
    position: relative; }
  .inner-brd-dashed:before, .race-preparation:before, .error:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-width: 2px; }

.error-head {
  max-width: 640px;
  margin: 0 auto 1rem;
  line-height: 1; }
  .error-head .header-styled {
    font-size: 5rem; }

.error-content {
  max-width: 640px;
  margin: auto; }

.error-message {
  padding-bottom: .5rem;
  margin-bottom: 1rem; }

.error-character {
  width: 100%;
  max-width: 100px; }

.error-link {
  padding: 1rem;
  margin: 1rem; }

/* ------------------- 取手FANメールマガジン ------------------ */
.mmg-title, .present-title {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-bottom-width: 2px; }

.fan-mmg-item-title {
  font-size: 1.5rem; }

.fan-mmg-warp p {
  font-size: 1.5rem; }

.fan-mmg-warp {
  background: #FFF;
  padding: 60px; }

.fan-mmg-img {
  float: right;
  position: relative;
  right: -1rem; }

.inquiry-table {
  font-size: 1.17rem; }
  .inquiry-table th, .inquiry-table td {
    padding: 1rem; }

/*スマホ用？  sp-form*/
.sp-form-head {
  padding: .5rem;
  border-bottom: 1px dotted gray; }

.sp-form-item {
  padding: 1rem .5rem; }

.sp-form-input {
  font-size: 1.17rem;
  line-height: 1.57;
  border: 1px solid #837047; }
  .sp-form-input-text {
    width: 38%;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-left: .2rem; }
  .sp-form-input-text-half {
    width: 20%;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-left: .2rem; }
  .sp-form-input-email {
    width: 93%; }
  .sp-form-input-address {
    width: 64%; }
  .sp-form-input-text-double {
    width: 76%; }
  .sp-form-input-textarea {
    width: 93%;
    height: 10rem; }

.myTab.mmag {
  position: relative; }
  .myTab.mmag:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #aaa;
    z-index: 1; }
  .myTab.mmag > li {
    position: relative;
    flex-grow: 1;
    text-align: center;
    margin-left: .5rem;
    border: 1px solid #aaa;
    background-color: #3f3300;
    z-index: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px; }
    .myTab.mmag > li:first-child {
      margin-left: 0; }
    .myTab.mmag > li.active {
      border-bottom-color: white;
      background-color: white;
      z-index: 2;
      color: #333; }

.mmag.form-wrapper {
  margin: 1rem; }

ul.mmag-birthday-select {
  display: flex; }
  ul.mmag-birthday-select > li {
    margin-left: 1.8rem; }

ul.mmag-gender-radio {
  display: flex; }
  ul.mmag-gender-radio > li {
    flex-grow: 1;
    text-align: center; }

/* --------------------------------------------------------- */
.present-img-space {
  width: 360px;
  height: 360px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (max-width: 400px) {
    .present-img-space {
      width: 280px;
      height: 280px; } }
.present-form-wrapper {
  margin: 1rem; }

.present-warp p {
  font-size: 1.5rem; }

.present-photo-sample {
  margin: auto; }

.present-list p {
  font-size: 1.2rem;
  color: #e13264; }

.present-list {
  display: flex;
  text-align: center; }

.present-img {
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

/* ------------------------------------------------------------------ */
/* ------------------------------ member ------------------------------ */
.race-member-tab {
  margin-bottom: 1rem; }
  .race-member-tab .tab-btn {
    font-size: 1.4rem;
    color: white;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem; }
    .race-member-tab .tab-btn:before {
      width: 27px;
      height: 22px;
      margin-right: 1rem; }
    .race-member-tab .tab-btn:not(.active) {
      filter: alpha(opacity=70) !important;
      opacity: 0.7 !important; }
  .race-member-tab .tab-race-class-c {
    background-color: #3b9892; }
    .race-member-tab .tab-race-class-c:before {
      background-image: url("/assets/default/img/fan/icon/c_border_w.svg"); }
  .race-member-tab .tab-race-class-a {
    background-color: #398c40; }
    .race-member-tab .tab-race-class-a:before {
      background-image: url("/assets/default/img/fan/icon/a_border_w.svg"); }
  .race-member-tab .tab-race-class-l {
    background-color: #ff3b66; }
    .race-member-tab .tab-race-class-l:before {
      background-image: url("/assets/default/img/fan/icon/l_border_w.svg"); }
  .race-member-tab .tab-race-class-s {
    background-color: #ff7f1f; }
    .race-member-tab .tab-race-class-s:before {
      background-image: url("/assets/default/img/fan/icon/s_border_w.svg"); }

.race-member .race-member-caption {
  color: white;
  border-radius: 5px 5px 0 0;
  font-size: 1.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .race-member .race-member-caption:before {
    width: 27px;
    height: 22px;
    margin-right: 2rem; }

.race-member .race-member-caption.race-class-c {
  background-color: #5fc1ba; }
  .race-member .race-member-caption.race-class-c:before {
    background-image: url("/assets/default/img/fan/icon/c_border_w.svg"); }

.race-member .race-member-caption.race-class-a {
  background-color: #58ba60; }
  .race-member .race-member-caption.race-class-a:before {
    background-image: url("/assets/default/img/fan/icon/a_border_w.svg"); }

.race-member .race-member-caption.race-class-l {
  background-color: #ff87a1; }
  .race-member .race-member-caption.race-class-l:before {
    background-image: url("/assets/default/img/fan/icon/l_border_w.svg"); }

.race-member .race-member-caption.race-class-s {
  background-color: #ffaa6b; }
  .race-member .race-member-caption.race-class-s:before {
    background-image: url("/assets/default/img/fan/icon/s_border_w.svg"); }

.race-member-table {
  background-color: white;
  margin-bottom: 1rem;
  text-align: center; }
  @media screen and (max-width: 400px) {
    .race-member-table {
      font-size: .7rem; } }
  .race-member-table th {
    color: #837047; }
  .race-member-table tr:nth-child(odd) {
    background-color: #efefef; }
  .race-member-table td.racer-nm {
    white-space: nowrap; }
  .race-member-table .toktn span,
  .race-member-table .ssk span {
    display: inline-block;
    text-align: right; }
  .race-member-table .ssk span {
    padding: 0.5rem;
    text-align: center; }

.race-member .race-member-local {
  padding: .5rem; }
  .race-member .race-member-local .header-styled {
    font-size: 2rem;
    text-shadow: 0 2px 1px white;
    padding-bottom: .3rem;
    margin-bottom: 1rem;
    text-align: center; }
  .race-member .race-member-local-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .race-member .race-member-local-list .list-item {
      text-align: center;
      margin-bottom: 1rem; }
      .race-member .race-member-local-list .list-item .member-img {
        position: relative;
        display: block;
        margin: auto;
        max-width: 220px; }
        .race-member .race-member-local-list .list-item .member-img:after {
          content: "";
          display: inline-block;
          position: absolute;
          width: 3rem;
          height: 3rem;
          background-repeat: no-repeat;
          background-size: contain;
          left: 10px;
          top: 10px; }
      .race-member .race-member-local-list .list-item .member-nm {
        font-size: 1.25rem;
        color: #3f3300;
        padding: 1rem 0;
        position: relative; }
        .race-member .race-member-local-list .list-item .member-nm:before {
          content: "";
          display: inline-block;
          width: 2.2rem;
          height: 4rem;
          position: absolute;
          left: .5rem;
          top: 0;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url("/assets/default/img/character/1/ride.svg"); }
      .race-member .race-member-local-list .list-item:nth-child(2n) .member-nm:before {
        background-image: url("/assets/default/img/character/2/ride.svg"); }
      .race-member .race-member-local-list .list-item:nth-child(3n) .member-nm:before {
        background-image: url("/assets/default/img/character/8/ride.svg"); }
  .race-member .race-member-local.race-class-c {
    background-color: rgba(95, 193, 186, 0.45); }
    .race-member .race-member-local.race-class-c .member-img:after {
      background-image: url("/assets/default/img/fan/icon/c.svg"); }
  .race-member .race-member-local.race-class-a {
    background-color: rgba(88, 186, 96, 0.45); }
    .race-member .race-member-local.race-class-a .member-img:after {
      background-image: url("/assets/default/img/fan/icon/a.svg"); }
  .race-member .race-member-local.race-class-l {
    background-color: rgba(255, 135, 161, 0.45); }
    .race-member .race-member-local.race-class-l .member-img:after {
      background-image: url("/assets/default/img/fan/icon/l.svg"); }
  .race-member .race-member-local.race-class-s {
    background-color: rgba(255, 170, 107, 0.45); }
    .race-member .race-member-local.race-class-s .member-img:after {
      background-image: url("/assets/default/img/fan/icon/s.svg"); }

@media screen and (min-width: 768px) {
  .race-member-tab .tab-btn:not(:last-child) {
    margin-right: 1rem; }
  .local-member-contents {
    padding-left: 2rem; } }

@media screen and (max-width: 768px) {
  .race-member-tab {
    flex-direction: column; }
    .race-member-tab .tab-btn {
      margin-bottom: 2px;
      font-size: 1.2rem; }
      .race-member-tab .tab-btn:before {
        position: absolute;
        left: 5rem;
        width: 27px;
        height: 22px; }
  .member-tab-contents {
    overflow-x: auto; }
    .member-tab-contents > .member-wrap {
      min-width: 520px; } }

/* ---------------- ヘッダー直下に設置してある、ページ切り替えタブ -------------------- */
.race-info-move {
  display: flex;
  justify-content: space-between;
  margin: 1rem 20px; }
  .race-info-move .list-item > a,
  .race-info-move .list-item > span {
    display: inline-flex;
    height: 24px;
    align-items: center;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #3f3300;
    color: white;
    position: relative; }
    .race-info-move .list-item > a.preparation,
    .race-info-move .list-item > span.preparation {
      filter: alpha(opacity=40) !important;
      opacity: 0.4 !important;
      pointer-events: none; }
    .race-info-move .list-item > a::before,
    .race-info-move .list-item > span::before {
      content: "";
      top: 0;
      display: block;
      height: 0;
      width: 0;
      position: absolute;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent; }
    .race-info-move .list-item > a.prev::before,
    .race-info-move .list-item > span.prev::before {
      left: -20px;
      border-right: 20px solid #3f3300; }
    .race-info-move .list-item > a.next::before,
    .race-info-move .list-item > span.next::before {
      right: -20px;
      border-left: 20px solid #3f3300; }
  .race-info-move .list-item > span {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important; }

.race-info .content-header {
  flex-wrap: wrap; }
  .race-info .content-header .race-info-move {
    width: 100%;
    margin: -.8rem 20px 1rem; }

.race-theme-normal .race-info-head {
  width: 100%;
  background-color: #3f3300;
  border-radius: 4px;
  padding: 5px; }
  @media screen and (max-width: 400px) {
    .race-theme-normal .race-info-head {
      margin-top: 1rem; } }
  .race-theme-normal .race-info-head .header-styled {
    display: flex;
    align-items: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: white;
    font-size: 1.9rem;
    font-weight: bold;
    color: #004f7c;
    margin-bottom: .5rem;
    padding: .2rem .5rem; }
    @media screen and (max-width: 400px) {
      .race-theme-normal .race-info-head .header-styled {
        font-size: 1.2rem; } }
    .race-theme-normal .race-info-head .header-styled img {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: .5rem; }

.race-theme-normal .race-info-tab {
  display: flex;
  overflow-x: auto; }
  .race-theme-normal .race-info-tab-button, .race-theme-normal .race-theme-special .event-tab-button, .race-theme-special .race-theme-normal .event-tab-button {
    height: 100%;
    border: 2px dashed #c3c0b7;
    border-radius: 6px;
    background-color: #3f3300;
    box-shadow: 0 0 0 2px #3f3300;
    min-width: 9.2rem; }
    .race-theme-normal .race-info-tab-button:not(:last-child), .race-theme-normal .race-theme-special .event-tab-button:not(:last-child), .race-theme-special .race-theme-normal .event-tab-button:not(:last-child) {
      margin-right: .5rem; }
    .race-theme-normal .race-info-tab-button.active, .race-theme-normal .race-theme-special .active.event-tab-button, .race-theme-special .race-theme-normal .active.event-tab-button, .race-theme-normal .race-info-tab-button:hover, .race-theme-normal .race-theme-special .event-tab-button:hover, .race-theme-special .race-theme-normal .event-tab-button:hover {
      background-color: white;
      box-shadow: 0 0 0 2px white;
      border: 2px dashed #3f3300; }
      .race-theme-normal .race-info-tab-button.active > a, .race-theme-normal .race-theme-special .active.event-tab-button > a, .race-theme-special .race-theme-normal .active.event-tab-button > a, .race-theme-normal .race-info-tab-button:hover > a, .race-theme-normal .race-theme-special .event-tab-button:hover > a, .race-theme-special .race-theme-normal .event-tab-button:hover > a {
        color: #3f3300; }
    .race-theme-normal .race-info-tab-button.preparation, .race-theme-normal .race-theme-special .preparation.event-tab-button, .race-theme-special .race-theme-normal .preparation.event-tab-button {
      pointer-events: none;
      border: 2px dashed #837047; }
      .race-theme-normal .race-info-tab-button.preparation > a, .race-theme-normal .race-theme-special .preparation.event-tab-button > a, .race-theme-special .race-theme-normal .preparation.event-tab-button > a {
        color: #837047; }
    .race-theme-normal .race-info-tab-button > a, .race-theme-normal .race-theme-special .event-tab-button > a, .race-theme-special .race-theme-normal .event-tab-button > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      font-weight: bold;
      color: #fff;
      width: 100%;
      height: 100%;
      text-decoration: none;
      padding-top: .5rem;
      padding-bottom: .5rem; }
  @media screen and (max-width: 768px) {
    .race-theme-normal .race-info-tab-button, .race-theme-normal .race-theme-special .event-tab-button, .race-theme-special .race-theme-normal .event-tab-button {
      margin: 5px; } }
/* ------------------------------ race-info(展望 ------------------------------ */
.title-decoration {
  position: relative;
  width: 100%;
  text-align: center;
  margin: .5rem 0; }
  .title-decoration::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 50%;
    left: 0;
    background-color: #00916e;
    z-index: -1; }
  .title-decoration-inner {
    display: inline-block;
    position: static;
    background-image: url("/assets/default/img/bg_pattern.png"); }
    .title-decoration-inner::before {
      content: "";
      position: absolute;
      top: 43%;
      left: -1px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #00916e; }
    .title-decoration-inner::after {
      content: "";
      position: absolute;
      top: 43%;
      right: -1px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #00916e; }

.prospect-fig {
  max-width: 360px;
  min-width: 240px;
  position: relative;
  margin: auto; }
  .prospect-fig img {
    margin: auto; }
    @media screen and (min-width: 769px) {
      .prospect-fig img {
        float: right; } }
@media screen and (max-width: 768px) {
  .prospect-fig {
    margin: 1rem .5rem; }
  .race-info-wrapper {
    flex-direction: column-reverse; }
  .prospect-img {
    display: flex;
    overflow: auto; } }

.race-info-class-c .race-info-content-title {
  color: #348680; }

.race-info-class-c .prospect-fig-caption {
  background-color: #5fc1ba; }

.race-info-class-c .title-decoration::before {
  background-color: #45b2aa; }

.race-info-class-c .title-decoration-inner::before, .race-info-class-c .title-decoration-inner::after {
  background-color: #45b2aa; }

.race-info-class-c .pickup-racer-name {
  border-left-color: #5fc1ba; }

.race-info-class-a .race-info-content-title {
  color: #327a38; }

.race-info-class-a .prospect-fig-caption {
  background-color: #58ba60; }

.race-info-class-a .title-decoration::before {
  background-color: #44a54c; }

.race-info-class-a .title-decoration-inner::before, .race-info-class-a .title-decoration-inner::after {
  background-color: #44a54c; }

.race-info-class-a .pickup-racer-name {
  border-left-color: #58ba60; }

.race-info-class-l .race-info-content-title {
  color: #ff2152; }

.race-info-class-l .prospect-fig-caption {
  background-color: #ff87a1; }

.race-info-class-l .title-decoration::before {
  background-color: #ff5e82; }

.race-info-class-l .title-decoration-inner::before, .race-info-class-l .title-decoration-inner::after {
  background-color: #ff5e82; }

.race-info-class-l .pickup-racer-name {
  border-left-color: #ff87a1; }

.race-info-class-s .race-info-content-title {
  color: #ff7005; }

.race-info-class-s .prospect-fig-caption {
  background-color: #ffaa6b; }

.race-info-class-s .title-decoration::before {
  background-color: #ff9342; }

.race-info-class-s .title-decoration-inner::before, .race-info-class-s .title-decoration-inner::after {
  background-color: #ff9342; }

.race-info-class-s .pickup-racer-name {
  border-left-color: #ffaa6b; }

/* ------------------------------ sales ------------------------------ */
.race-sales .header-styled {
  font-size: 1.4rem; }

.race-sales-table .OffBank {
  background-color: white;
  margin: 1rem 0; }
  .race-sales-table .OffBank th,
  .race-sales-table .OffBank .marks {
    text-align: center; }
  .race-sales-table .OffBank th {
    background-color: #e4f5e5; }
  .race-sales-table .OffBank .odd {
    background-color: #efefef; }
  .race-sales-table .OffBank:first-child {
    display: none; }

/* ------------------------------------------------------------------ */
/* ------------------------------ pdf ------------------------------ */
.race-pdf-day {
  background-color: #fffbdc; }

.race-pdf-table {
  background-color: white;
  margin-bottom: 1.5rem; }
  .race-pdf-table .race-class-c {
    background-color: #4dbab2; }
  .race-pdf-table .race-class-a {
    background-color: #48b051; }
  .race-pdf-table .race-class-l {
    background-color: #ff6e8e; }
  .race-pdf-table .race-class-s {
    background-color: #ff9c52; }
  .race-pdf-table .race-no {
    display: inline-block;
    width: 100%; }
  .race-pdf-table .not-dl {
    background-color: #eeefef; }
  .race-pdf-table .pdf-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #333;
    margin: 5px 2px 5px 2px;
    color: white;
    text-align: center; }
    .race-pdf-table .pdf-icon:before, .race-pdf-table .pdf-icon:after {
      font-size: .85rem;
      white-space: pre;
      display: block;
      font-weight: bold;
      line-height: 1.15; }
    .race-pdf-table .pdf-icon.off:before, .race-pdf-table .pdf-icon.off:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 4px;
      background-color: gray; }
    .race-pdf-table .pdf-icon.off:before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .race-pdf-table .pdf-icon.off:after {
      transform: rotate3d(0, 0, 1, -45deg); }
    .race-pdf-table .pdf-icon.provider-01 {
      background-color: #e60012; }
      .race-pdf-table .pdf-icon.provider-01:before {
        content: "赤競"; }
      .race-pdf-table .pdf-icon.provider-01:after {
        content: "ＤＬ"; }
    .race-pdf-table .pdf-icon.provider-02 {
      background-color: #0070bd; }
      .race-pdf-table .pdf-icon.provider-02:before {
        content: 'アオケイ';
        transform-origin: left top;
        transform: scale(0.6, 1); }
      .race-pdf-table .pdf-icon.provider-02:after {
        content: "ＤＬ"; }

.race-pdf-exception {
  margin-bottom: 1.5rem; }
  .race-pdf-exception .exception-announce {
    background-color: #efefef;
    padding: 1rem;
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      .race-pdf-exception .exception-announce {
        text-align: center; } }
/* ------------------------------------------------------------------ */
/* ------------------------------ recommend ------------------------------ */
.race-recommend-tab-btn, .race-recommend .race-recommend-tab-btn-s, .race-recommend .race-recommend-tab-btn-l, .race-recommend .race-recommend-tab-btn-a, .race-recommend .race-recommend-tab-btn-c {
  border-radius: .5rem;
  font-weight: bold;
  color: white;
  text-align: center;
  font-size: 1.2rem; }
  .race-recommend-tab-btn:not(.active), .race-recommend .race-recommend-tab-btn-s:not(.active), .race-recommend .race-recommend-tab-btn-l:not(.active), .race-recommend .race-recommend-tab-btn-a:not(.active), .race-recommend .race-recommend-tab-btn-c:not(.active) {
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important; }

.race-recommend .race-recommend-tab-btn-c {
  background-color: #3b9892; }

.race-recommend .race-class-c {
  background-color: #42aba3; }

.race-recommend .race-recommend-tab-btn-a {
  background-color: #398c40; }

.race-recommend .race-class-a {
  background-color: #419e49; }

.race-recommend .race-recommend-tab-btn-l {
  background-color: #ff3b66; }

.race-recommend .race-class-l {
  background-color: #ff547a; }

.race-recommend .race-recommend-tab-btn-s {
  background-color: #ff7f1f; }

.race-recommend .race-class-s {
  background-color: #ff8d38; }

.recommend-wrap {
  padding: .5rem;
  background-image: url("/assets/default/img/race/bg_wood.svg");
  background-size: cover;
  border: 5px solid white;
  position: relative; }
  @media all and (-ms-high-contrast: none) {
    .recommend-wrap {
      background-image: url("/assets/default/img/race/bg_wood.png"); } }
  .recommend-wrap > * {
    position: relative;
    z-index: 10; }
  .recommend-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    top: 0;
    left: 0; }
  .recommend-wrap > .header-styled {
    max-width: 460px;
    margin-bottom: 1.2rem; }
    .recommend-wrap > .header-styled > img {
      position: relative;
      width: 100%; }

.recommend-announce {
  border-radius: .5rem;
  background-color: #0099ed;
  padding: .5rem;
  font-weight: bold;
  font-size: 1.2rem; }

.race-recommend-day {
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: .5rem;
  text-align: center;
  max-width: 12rem;
  padding: .4rem 0;
  margin: .5rem; }

.race-recommend-racer-list .list-item {
  margin: 2rem 0;
  padding-right: .5rem; }
  .race-recommend-racer-list .list-item .recommend-race-no {
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    width: 4rem; }
  .race-recommend-racer-list .list-item i {
    margin-right: .5rem; }
  .race-recommend-racer-list .list-item .recommend-racer {
    display: flex;
    align-items: center;
    margin: .5rem 0; }
  .race-recommend-racer-list .list-item img {
    display: inline-block;
    margin-right: .5rem;
    float: left; }
  .race-recommend-racer-list .list-item .recommend-content {
    margin: 0 .5rem;
    line-height: 1.5rem; }

.recommend-preparation {
  background-color: #3f3300;
  font-size: 1.2rem;
  border-radius: 1rem;
  padding: .5rem; }
  .recommend-preparation > .header-styled {
    font-size: 2.5rem;
    max-width: 10rem;
    margin: auto; }

@media screen and (min-width: 768px) {
  .race-recommend-tab-btn, .race-recommend .race-recommend-tab-btn-c, .race-recommend .race-recommend-tab-btn-a, .race-recommend .race-recommend-tab-btn-l, .race-recommend .race-recommend-tab-btn-s {
    margin: 1rem 1rem 1rem 0; }
  .recommend-wrap > .header-styled:before {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url("/assets/default/img/race/bg_item.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 115px;
    height: 62px;
    left: -.5rem;
    top: -.5rem; }
  .recommend-wrap > .header-styled > img {
    top: 1rem;
    left: 1rem; }
  .recommend-announce {
    position: absolute;
    top: 1.5rem;
    right: 6rem;
    padding: 1rem 7rem 1rem 2rem;
    font-size: 1.5rem; }
    .recommend-announce:after {
      position: absolute;
      content: "";
      display: inline-block;
      background-image: url("/assets/default/img/character/2/stand.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 62px;
      height: 148px;
      right: -3rem;
      top: -1rem; }
  .recommend-preparation {
    text-align: center;
    font-size: 1.5rem; }
  .race-recommend-day {
    margin: 3rem 0 1rem 4rem; } }

@media screen and (max-width: 768px) {
  .race-recommend-tab {
    flex-direction: column; }
    .race-recommend-tab-btn, .race-recommend .race-recommend-tab-btn-c, .race-recommend .race-recommend-tab-btn-a, .race-recommend .race-recommend-tab-btn-l, .race-recommend .race-recommend-tab-btn-s {
      margin-bottom: 2px;
      padding: .2rem; } }

/* ------------------------------------------------------------------ */
/* --------------------------- 準備中 -------------------------------- */
.race-preparation .header-styled {
  text-align: center;
  max-width: 20rem;
  margin: 0 auto .5rem; }

.race-preparation .preparation-message {
  border: 1px dashed gray;
  padding: .5rem;
  font-weight: bold;
  display: inline-block;
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  .race-preparation {
    padding: 4rem 0 !important; }
    .race-preparation .header-styled {
      font-size: 3rem;
      padding-bottom: 1rem; } }

/* ------------------------------------------------------------------ */
/* --------------------------- 動画 -------------------------------- */
.race-movie-header {
  font-size: 1.2rem;
  color: #3f3300;
  border-bottom: 2px solid #837047;
  margin: .5rem 0;
  padding-bottom: .5rem; }

.race-movie-content {
  background-color: white;
  text-align: center;
  padding: 1rem; }

.race-movie-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem;
  position: relative; }
  .race-movie-title:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url("/assets/default/img/icon/movie.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 39px;
    height: 34px;
    left: 2rem; }
  .race-movie-title p {
    flex: 1 0 auto; }
  .race-movie-title span {
    color: #e60012;
    display: block; }

@media screen and (min-width: 768px) {
  .race-movie .list-item {
    margin-bottom: 2rem;
    padding: 0 1rem; }
  .race-movie-content {
    border-radius: 2rem; }
    .race-movie-content iframe {
      width: 100%;
      max-width: 480px;
      max-height: 360px;
      min-height: 270px; }
  .race-movie-title:before {
    position: absolute;
    left: 2rem; } }

.syut-tate {
  text-align: center; }
  .syut-tate .name img {
    width: 100%;
    max-width: 50px; }

.syut-yoko .yoko-syaban {
  width: 2.1rem; }

.syut-yoko .yoko-name {
  width: 6.5rem; }

.race-comment-table th {
  padding-top: .2rem;
  padding-bottom: .2rem;
  padding-left: 3rem;
  width: 33%;
  position: relative; }
  .race-comment-table th i {
    position: absolute;
    left: 5px;
    top: 1px; }

.race-comment-table tr:first-child th, .race-comment-table tr:first-child td {
  border-top: none; }

/* ------------------------------------------------------------------ */
/* ---------------- ヘッダー直下に設置してある、ページ切り替えタブ -------------------- */
.race-theme-special .race-info-head {
  width: 100%;
  background-color: #d4c33f;
  border-radius: 4px;
  padding: 5px; }
  @media screen and (max-width: 400px) {
    .race-theme-special .race-info-head {
      margin-top: 1rem; } }
  .race-theme-special .race-info-head .header-styled {
    display: flex;
    align-items: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: white;
    font-size: 1.9rem;
    font-weight: bold;
    color: #004f7c;
    margin-bottom: .5rem;
    padding: .2rem .5rem; }
    @media screen and (max-width: 400px) {
      .race-theme-special .race-info-head .header-styled {
        font-size: 1.2rem; } }
    .race-theme-special .race-info-head .header-styled img {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: .5rem; }

.race-theme-special .race-info-tab {
  display: flex;
  overflow-x: auto; }
  .race-theme-special .race-info-tab-button, .race-theme-special .event-tab-button {
    height: 100%;
    box-shadow: 2px 2px 2px #3f3300;
    min-width: 9.1rem;
    margin: .5rem 0; }
    .race-theme-special .race-info-tab-button:not(:last-child), .race-theme-special .event-tab-button:not(:last-child) {
      margin-right: .5rem; }
    .race-theme-special .race-info-tab-button.preparation, .race-theme-special .preparation.event-tab-button {
      box-shadow: none;
      pointer-events: none; }
      .race-theme-special .race-info-tab-button.preparation > a, .race-theme-special .preparation.event-tab-button > a {
        color: white;
        background-color: #acacac;
        background-image: none; }
    .race-theme-special .race-info-tab-button > a, .race-theme-special .event-tab-button > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      font-weight: bold;
      color: #3f3300;
      width: 100%;
      height: 100%;
      text-decoration: none;
      border-radius: 2px;
      border: 2px solid white;
      padding-top: .5rem;
      padding-bottom: .5rem;
      background-image: linear-gradient(#fdfb80, #fdfb80 50%, #ccba2e 50%, #d2c037 100%); }
      .race-theme-special .race-info-tab-button > a:hover, .race-theme-special .event-tab-button > a:hover {
        background-image: none;
        background-color: #ffa616; }
  @media screen and (max-width: 768px) {
    .race-theme-special .race-info-tab-button, .race-theme-special .event-tab-button {
      margin: 5px; } }
.race-theme-special .event-tab-button > a {
  background-image: linear-gradient(#0A6209, #439C04 50%, #286C05 50%, #0B2F03 100%);
  color: #FFF;
  text-shadow: 1px 1px 1px #373838; }

.event-detailed {
  padding: 0 3%;
  margin: 20px 0 30px 0; }

.event-place {
  background-color: #FCE8BC;
  color: #5B3E00;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 10px;
  display: block; }

.event-img-box {
  margin: 0 0 15px 25px;
  display: inline-block; }

.little-txt {
  font-size: 0.5rem; }

.event-img-box img {
  max-width: 280px; }

.green-date {
  width: 60px;
  background-color: #30b15d;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  font-size: 1rem;
  display: inline-block;
  border-radius: 2px;
  margin-right: 10px; }

.another-campaign {
  background-color: #F0F4EE;
  margin: 50px 3%;
  border: solid 2px #078C48; }

.campaigin-title {
  font-size: 2rem;
  color: #FFF;
  text-align: center;
  background-color: #078C48; }

.campaigin-detailed {
  color: #FFF;
  background-color: #F82A2A;
  margin: 0 2% 3% 2%;
  padding: 3px; }

.campaign-taisho {
  margin: 15px 5px;
  font-size: 1.7rem; }

.campaign-chushaku {
  margin-top: 15px; }

.under-margin {
  padding: 0 10px 10px 0; }

.event-chara {
  display: block;
  margin-left: auto; }

.channel-name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 5px;
  display: inline-block; }

.channel-number {
  font-size: 1.5rem;
  font-weight: bold;
  color: #030CAC;
  display: inline-block; }

.channel-warp {
  padding: 3%; }

.tv-icon {
  width: 20px;
  margin-right: 15px; }

.yosojin {
  width: 100%;
  display: flex;
  line-height: 200%;
  margin-left: 1%; }

.yosojin-name {
  padding-left: 15px; }

.txt-bold {
  font-weight: bold; }

.if-Discontinuation {
  background-color: #F9F9C0;
  color: #D80204;
  text-align: center;
  margin: 0 3% 40px 3%;
  padding: 3px 0; }

/*0px以上で適用する内容*/
@media screen and (min-width: 0px) {
  .yosojin {
    flex-direction: column; }
  .event-place {
    width: 100%; }
  .campaigin-detailed {
    font-size: 1.2rem; }
  .campaign-taisho {
    font-size: 1.2rem; } }

/*600px以上で適用する内容*/
@media screen and (min-width: 600px) {
  .yosojin {
    flex-direction: row; }
  .event-place {
    width: 40%; }
  .campaigin-detailed {
    font-size: 1.5rem; }
  .campaign-taisho {
    font-size: 1.5rem; } }

dl.ctc-detail {
  width: 100%;
  padding: 0 2rem; }
  dl.ctc-detail dt.target {
    font-size: 1.4rem;
    font-weight: bold;
    width: 100%;
    border-bottom: 2px dotted #64b903;
    padding: 0.5rem 0; }
  dl.ctc-detail dd {
    padding: 0.5rem 0; }
  dl.ctc-detail ol.conditions {
    list-style-type: decimal;
    margin-left: 3rem; }
    dl.ctc-detail ol.conditions li {
      line-height: 2; }
  dl.ctc-detail ul.notice {
    list-style-type: disc; }
    dl.ctc-detail ul.notice li {
      font-size: 0.8rem;
      line-height: 2; }

.fb-page {
  text-align: center;
  display: block !important; }

.swiper-container {
  overflow-y: hidden; }

@media screen and (min-width: 401px) {
  .visible-sp {
    display: none; } }

@media screen and (max-width: 400px) {
  .visible-pc {
    display: none; } }

@media screen and (max-width: 768px) {
  .visible-wide {
    display: none; } }

.disappear {
  display: none !important; }

.content_wrap {
  flex: 1 0 auto;
  min-height: 10vh;
  width: 100%;
  max-width: 100%;
  margin: 0 auto; }

#move-top {
  bottom: 10px; }

.fb-page {
  text-align: center;
  display: block; }

html {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  height: 100%; }

body {
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  background-image: url("/assets/default/img/bg_pattern.png");
  height: 100%; }

@media screen and (min-width: 768px) {
  #header,
  .content_wrap,
  #footer {
    min-width: 100%; } }

body.fixity #header,
body.fixity .content_wrap,
body.fixity #footer {
  min-width: 100% !important; }

.panel {
  padding: .5rem;
  background-color: rgba(255, 255, 255, 0.4); }
  .panel-appear {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow, background-color .3s ease-in-out; }
  .panel-appear-linked {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow, background-color .3s ease-in-out; }

.appear-box {
  background-color: white;
  box-shadow: 1px 1px 2px 2px darkgray;
  margin-bottom: 1rem; }

.ivy-frame {
  background-color: white;
  margin-bottom: 1rem; }

/* ---------- スマホ用SNSアイコン表示 ---------- */
.sns-list {
  margin: 1rem 1.4rem;
  background-image: url("/assets/default/img/character/followus.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain; }
  .sns-list-title {
    color: #3f3300;
    font-size: 1.4rem;
    margin-top: .5rem; }
  .sns-list-items {
    display: flex;
    justify-content: center;
    width: 70%; }
    .sns-list-items > li {
      margin-top: 1rem;
      margin-right: 1.5rem;
      max-width: 30%;
      height: auto; }

/*　-----------------------------------------　*/
#twitter-widget-0 {
  height: 300px !important; }

#header {
  position: relative;
  width: 100%;
  z-index: 999; }
  #header .header-styled {
    font-size: .75rem;
    text-align: center;
    background-color: #3f3300;
    color: white; }
  #header .header-body {
    background-image: url("/assets/sp/img/header/bg.png");
    background-size: 100% 95%;
    background-repeat: repeat-x;
    position: relative;
    padding-bottom: 1rem; }
    #header .header-body .logo {
      display: inline-flex;
      margin-top: 3px;
      flex-direction: column;
      align-items: center; }
      #header .header-body .logo img {
        margin: 0 .5rem; }
        #header .header-body .logo img.logo-rakuten {
          width: 11rem; }
        #header .header-body .logo img.logo-toride {
          width: 5rem; }
    #header .header-body .dento {
      position: absolute;
      right: .5rem;
      top: 2px;
      padding: .2rem;
      background-color: #3f3300;
      color: white;
      text-align: center;
      font-size: .7rem;
      line-height: 1.2; }
      #header .header-body .dento > .num {
        display: block;
        font-size: 1.2rem; }

#footer {
  margin-top: 1rem;
  color: #837047;
  background-color: white;
  border-top: 2px solid #837047;
  position: relative; }
  #footer .footer-bnr-slide {
    padding: .5rem 0 1rem;
    border-bottom: 1px solid gray; }
    #footer .footer-bnr-slide .slide-item {
      padding: 3px; }
      #footer .footer-bnr-slide .slide-item img {
        margin: auto; }
    #footer .footer-bnr-slide .swiper-pagination {
      bottom: 0; }
    #footer .footer-bnr-slide .swiper-pagination-bullet {
      background-color: #333; }
    #footer .footer-bnr-slide .swiper-button-next,
    #footer .footer-bnr-slide .swiper-button-prev {
      display: none;
      height: 28px;
      margin-top: -18px; }
  #footer .footer-nav {
    margin: .5rem 0; }
    #footer .footer-nav .item {
      width: 25%;
      text-align: center; }
      #footer .footer-nav .item .nav-icon {
        display: inline-block;
        background-size: contain;
        background-image: url("/assets/default/img/icon/donguri.svg");
        width: 36px;
        height: 36px;
        margin: 0 auto .5rem; }
      #footer .footer-nav .item a {
        color: #837047; }
  #footer .administrator {
    font-size: .75rem;
    margin: .5rem 0; }
  #footer .bank-logo {
    width: 8rem;
    margin: 0 5px; }
  #footer .copyright {
    color: white;
    background-color: #837047;
    text-align: center;
    font-size: .75rem;
    padding: 1rem 0; }

.footer-swiper-button-prev,
.footer-swiper-button-next {
  display: none; }

.frontpage-contents {
  padding: 0 1.4rem; }

.top-square-contents .square,
.top-square-contents .square-img {
  width: 48% !important;
  padding: 0 !important;
  margin: 2px; }

.top-square-contents .top-square-panel {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat; }
  .top-square-contents .top-square-panel:active {
    box-shadow: none; }
  .top-square-contents .top-square-panel.top-present {
    background-image: url("/assets/default/img/frontpage/present.png"); }
  .top-square-contents .top-square-panel.top-mmg {
    background-image: url("/assets/default/img/frontpage/mail_magazine.png"); }
  .top-square-contents .top-square-panel.top-question {
    background-image: url("/assets/default/img/frontpage/q_and_a.png"); }
  .top-square-contents .top-square-panel.top-nakama {
    background-image: url("/assets/default/img/frontpage/nakama.png"); }
  .top-square-contents .top-square-panel.top-img {
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .top-square-contents .top-square-panel.top-img > img {
      max-width: 100%; }

.news-bnr > li {
  margin: .5rem 0; }

.top-schedule {
  margin-bottom: .5rem; }

.top-schedule-link {
  padding: 0;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.5rem; }
  .top-schedule-link .appear-box {
    display: block;
    width: 100%;
    border: 2px solid #837047;
    position: relative;
    padding: .5rem; }
    .top-schedule-link .appear-box .icon-tree {
      width: 35px;
      height: 65px;
      position: absolute;
      bottom: 0; }
      .top-schedule-link .appear-box .icon-tree.tree-left {
        left: 5%; }
      .top-schedule-link .appear-box .icon-tree.tree-right {
        right: 5%; }
  .top-schedule-link a {
    color: #3f3300; }

.main-slider {
  margin-top: -2px; }
  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    display: none; }

.whats-new {
  padding: 1rem;
  background-image: url("/assets/default/img/character/news_chara.png");
  background-repeat: no-repeat;
  background-position: 170px 3px;
  background-size: 26px; }
  .whats-new .whats-new-title {
    float: left;
    margin-left: 1rem;
    margin-bottom: 1rem;
    width: 165px;
    height: 39px;
    background-image: url(/assets/default/img/frontpage/news.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    /* ------------------------------------------------------------------------- */ }
  .whats-new .move-list {
    float: right;
    margin: 1rem .5rem 0;
    padding: 2px 10px;
    background-color: #90c31f; }
    .whats-new .move-list > a {
      color: white;
      text-decoration: none; }
    .whats-new .move-list:after {
      clear: both; }
  .whats-new .whats-new-list {
    clear: both;
    margin: 0 1rem;
    color: #592546;
    background-color: white; }
    .whats-new .whats-new-list > li {
      padding: .5rem 0;
      border-bottom: 1px solid #bee293; }
    .whats-new .whats-new-list p:first-child {
      padding-bottom: .5rem;
      font-weight: bold; }
    .whats-new .whats-new-list a {
      color: #592546; }

.info-window {
  padding: .25rem 0 !important;
  border-style: solid;
  border-color: #3f3300;
  border-width: 2px 14px;
  border-radius: 18px;
  background-color: white;
  margin-top: .5rem !important;
  margin-bottom: .5rem !important; }
  .info-window .info-window-wrapper {
    margin-right: .5rem;
    margin-left: .5rem;
    display: flex;
    white-space: nowrap; }
    .info-window .info-window-wrapper > p, .info-window .info-window-wrapper a {
      font-weight: bold;
      color: #ff0000;
      border-radius: 4px; }
      .info-window .info-window-wrapper > p:hover, .info-window .info-window-wrapper a:hover {
        text-decoration: none; }

.info-window-grade, .info-window-grade-6, .info-window-grade-5, .info-window-grade-4, .info-window-grade-3, .info-window-grade-2, .info-window-grade-1 {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: bottom;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat; }

.info-window-grade-1 {
  background-image: url("/assets/default/img/icon/race/1.svg"); }

.info-window-grade-2 {
  background-image: url("/assets/default/img/icon/race/2.svg"); }

.info-window-grade-3 {
  background-image: url("/assets/default/img/icon/race/3.svg"); }

.info-window-grade-4 {
  background-image: url("/assets/default/img/icon/race/4.svg"); }

.info-window-grade-5 {
  background-image: url("/assets/default/img/icon/race/5.svg"); }

.info-window-grade-6 {
  background-image: url("/assets/default/img/icon/race/6.svg"); }

.top-tmp-movie {
  width: 100%; }

.kokutai-news {
  margin: auto;
  background-color: #e1f4fe;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #333;
  margin-bottom: 3px;
  text-decoration: none; }
  .kokutai-news .kokutai-cd {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    font-size: 1.2rem; }
    .kokutai-news .kokutai-cd-days {
      border-radius: .5rem;
      display: inline-block;
      background-color: #333;
      padding: 0 10px;
      color: yellow;
      font-size: 1.8rem;
      margin: 0 7px 2px; }

.ongoing-contents {
  margin-bottom: .5rem; }
  .ongoing-contents li {
    margin-bottom: .5rem; }
  .ongoing-contents .header-styled {
    text-align: center;
    background-color: #38923f;
    color: white; }

.ongoing-tab-content {
  margin: 0 -1.4rem; }

.race-line {
  border: 1px solid #38923f; }

.ongoing-race-head {
  width: 100%;
  color: #3f3300;
  background-color: white;
  font-size: 1rem;
  padding: .5rem 1rem 0; }
  .ongoing-race-head .head-sub {
    display: inline-block;
    font-size: .8rem; }

.syut,
.comment {
  padding: 0; }

.syut-tate {
  text-align: center;
  font-size: .7rem; }

#weather {
  padding: .5rem; }
  #weather .weather-img {
    position: relative;
    padding: .5rem; }
    #weather .weather-img .weather-img-item.houi {
      position: absolute;
      top: .8rem;
      left: .5rem;
      width: 1.5rem;
      transform: rotate3d(0, 0, 1, 68deg); }
    #weather .weather-img .weather-img-item.bank {
      width: 95%; }
    #weather .weather-img .weather-img-item.arrow {
      position: absolute;
      width: 45%;
      left: 0;
      right: 0;
      margin: auto;
      top: 4.2rem;
      transition: .5s; }
    #weather .weather-img .weather-img-item.chara {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 3rem;
      width: 2.4rem;
      transition: .5s; }
      #weather .weather-img .weather-img-item.chara.turn {
        transform: rotate3d(0, 1, 0, 180deg); }
    #weather .weather-img .weather-img-item.icon {
      display: inline-block;
      width: 2.5rem;
      height: 2.5rem;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      right: 0; }
      #weather .weather-img .weather-img-item.icon.rain {
        background-image: url("/assets/default/img/frontpage/weather/rain.png"); }
  #weather .weather-info .check-time {
    font-size: .8rem; }
  #weather .weather-info-table {
    text-align: center;
    font-size: 1.2rem;
    border-collapse: separate;
    border-spacing: 0 .5rem; }
    #weather .weather-info-table th {
      color: white;
      width: 4rem;
      background-color: #38923f;
      font-weight: normal; }
    #weather .weather-info-table td {
      font-weight: bold; }
    #weather .weather-info-table span {
      vertical-align: bottom; }

.weather-notice {
  font-size: .8rem; }

.ongoing-tab {
  justify-content: center;
  font-size: 1.4rem;
  border-bottom: 1px solid #3f3300; }
  .ongoing-tab .tab-btn {
    flex: 1 0 auto;
    background-color: white;
    margin: 0 .5rem;
    color: gray;
    border: 1px solid #3f3300;
    margin-bottom: -1px;
    text-align: center; }
    .ongoing-tab .tab-btn.active {
      color: #3f3300;
      border-bottom-color: transparent; }

.ongoing-tab-contents {
  background-color: white;
  padding: .5rem; }

.ongoing-pickup {
  display: inline-block;
  position: relative;
  color: #fff;
  border-radius: 6px;
  background-color: #0099ed; }
  .ongoing-pickup .pickup-title {
    margin: 1rem .5rem .5rem 1rem;
    border-bottom: 2px solid #0099ed; }
  .ongoing-pickup .pickup-text {
    display: inline-block;
    margin: 0 .5rem 1rem 1rem; }
  .ongoing-pickup > a {
    display: block;
    width: 100%;
    color: #fff; }
    .ongoing-pickup > a:hover .pickup-title {
      border-bottom: 2px solid #fffdae; }
    .ongoing-pickup > a:hover .pickup-text {
      text-decoration: underline; }
  .ongoing-pickup::after {
    content: url("/assets/default/img/ongoing/pick_up_chara.png"); }

.top-pickup-racer {
  margin-bottom: 1.5rem;
  padding: 4px;
  border: 1px solid #43b04c;
  background-color: #fff; }
  .top-pickup-racer-content {
    display: flex;
    justify-content: center; }
  .top-pickup-racer-inner {
    height: 100%;
    background-image: url("/assets/default/img/frontpage/pickup/pick_up_ji.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover; }
    .top-pickup-racer-inner:after {
      clear: both; }
  .top-pickup-racer-title {
    position: relative;
    text-align: center;
    margin-bottom: .5rem; }
    .top-pickup-racer-title .icon-pickup {
      display: inline-block;
      width: 56px;
      height: 40px;
      background-image: url("/assets/default/img/frontpage/pickup/pick_up_icon.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  .top-pickup-racer-name {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold; }
    .top-pickup-racer-name > i {
      margin-right: .5rem; }
  .top-pickup-racer-img {
    display: inline-block;
    min-width: 125px;
    margin: 0 1rem .5rem 0; }
  .top-pickup-racer-text {
    color: #333;
    line-height: 1.8em;
    max-width: 17rem; }

.top-pickup-racer-half {
  margin-bottom: 1rem;
  padding: 4px;
  border: 1px solid #43b04c;
  background-color: #fff; }
  .top-pickup-racer-half-inner {
    height: 100%;
    background-image: url("/assets/default/img/frontpage/pickup/pick_up_ji_half.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .top-pickup-racer-half-content {
    color: #333;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .top-pickup-racer-half-content li .race-no {
      display: inline-block;
      text-align: right;
      width: 2.5rem;
      vertical-align: bottom; }

/* -------------- 開催中のトップページに使用 -------------- */
.info-ongoing {
  padding: 1rem; }

.info-ongoing-item {
  margin-top: -138px;
  padding-bottom: 1rem; }

.download {
  width: 50%;
  padding: 1rem 1.5rem 1.5rem 0; }

.download-inner {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  background-color: #ff2a4f; }
  .download-inner > a {
    display: block;
    padding: 1rem 2rem 1rem 1rem;
    width: 100%; }
    .download-inner > a:active img {
      background-color: rgba(173, 216, 230, 0.4); }
  .download-inner::after {
    position: absolute;
    top: 2px;
    right: -10px;
    content: '';
    display: inline-block;
    width: 37px;
    height: 70px;
    background-image: url("/assets/default/img/character/1/hand_up.svg");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle; }

.pickup {
  width: 50%;
  padding: 1rem 1.5rem 1.5rem 0; }

.pickup-inner {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  background-color: #0099ed; }
  .pickup-inner > a {
    display: block;
    padding: 1rem 2rem 1rem 1rem;
    width: 100%; }
    .pickup-inner > a:active img {
      background-color: rgba(211, 211, 211, 0.4); }
  .pickup-inner::after {
    position: absolute;
    top: 2px;
    right: -10px;
    content: '';
    display: inline-block;
    width: 30px;
    height: 70px;
    background-image: url("/assets/default/img/character/2/stand.svg");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle; }

.race-name {
  padding: 4px 12px;
  font-size: 1rem;
  font-weight: bold;
  color: #004f7c;
  border: 5px solid #3f3300;
  border-radius: 4px;
  background-color: #fff; }

/*　---------------------------------------　*/
/* --- スマホ用レース番号選択プルダウンメニュー --- */
.race-num-pulldown-wrapper {
  margin: 1rem 0;
  padding: 1rem 1.2rem;
  background-color: #fff; }

.race-num-pulldown-box {
  position: relative;
  display: block;
  width: 100%;
  background: linear-gradient(180deg, #fff, #eeecdf);
  border: 2px solid #a8aba7;
  border-radius: 6px;
  /*box-shadow://効かない...
          inset 0 1 0 0 #e3e4e4,
          inset 0 -1 0 0 #d4d4ca
  ;*/ }
  .race-num-pulldown-box:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 20px;
    width: 22px;
    height: 22px;
    background-color: #bcac77;
    border-radius: 50%; }
  .race-num-pulldown-box:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 26px;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }

.race-num-pulldown {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  background: transparent;
  border: 1px solid transparent;
  z-index: 1; }
  .race-num-pulldown::-ms-expand {
    display: none; }

/*　--------------------- スマホ用開催中のUSTREAM表示ボタン --------------------　*/
.ust-button {
  margin: .5rem 0;
  padding: 1.2rem .2rem;
  display: block;
  background-image: url("/assets/default/img/frontpage/ustream.svg");
  background-repeat: no-repeat;
  background-position: 6% 50%;
  background-size: 22%;
  background-color: #3f3300; }
  .ust-button-text {
    font-size: .7rem;
    color: #fff;
    text-align: right; }

.race_program.tate {
  display: flex;
  flex-direction: row-reverse;
  margin: 0; }
  .race_program.tate > li {
    margin: 0;
    font-size: 0.5rem;
    padding: .1rem;
    text-align: center;
    min-width: 2rem;
    flex-grow: 1;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa; }
    .race_program.tate > li img {
      width: 100%; }
    .race_program.tate > li:first-child {
      width: 1rem;
      font-size: 0.5rem;
      border-right: 1px solid #aaa; }

.race_program.bottom > li {
  border-bottom: 1px solid #aaa; }

/*　------------------------------------------------------------------------　*/
/*　---------------------------------------　*/
.race-info {
  margin-top: 1.5rem; }

.race-info-content-wrapper {
  padding: 0 .5rem; }

/* --------------------------- レース展望 --------------------------- */
.race-info-content-title {
  padding: 2rem 0 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #00916e; }

.race-info-content {
  background-image: url("/assets/default/img/decoration/leaf05.png"), url("/assets/default/img/decoration/leaf06.png");
  background-repeat: no-repeat;
  background-position: 0 0, 100% 100%;
  background-size: contain; }
  .race-info-content > p {
    padding: .5rem 0 1rem .5rem;
    font-size: 1.2rem;
    line-height: 1.5em; }
    .race-info-content > p:last-child {
      margin-bottom: 4rem; }

.prospect-fig {
  position: relative;
  margin-bottom: 1rem; }
  .prospect-fig-caption {
    display: inline-block;
    position: absolute;
    width: 8rem;
    padding: .2rem;
    bottom: 0;
    right: 0;
    font-weight: bold;
    color: #fff;
    background-color: #30b15d; }

/* ------------------------------------------------------------------ */
/* ------------------------------ 注目選手 ------------------------------ */
.pickup-racer {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.7em; }
  .pickup-racer-article {
    margin-bottom: 1rem; }
  .pickup-racer-name {
    margin: .5rem 0 0 1rem;
    padding-left: .5rem;
    font-size: 1.6rem;
    font-weight: bold; }
  .pickup-racer-period {
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: normal; }
  .pickup-racer-item {
    display: flex;
    justify-content: space-between; }
  .pickup-racer-text {
    margin: 1rem 2rem;
    padding-right: 4rem; }
  .pickup-racer p:last-child {
    text-align: right; }
  .pickup-racer-img {
    margin-top: -2.5rem; }
    .pickup-racer-img > img {
      display: inline-block;
      max-width: 100%;
      height: auto; }

/* ------------------------------------------------------------------ */
/* ------------------------------ history ------------------------------ */
.race-info-history {
  margin: 1rem 0;
  padding: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #3f3300; }
  .race-info-history-list {
    display: flex; }
    .race-info-history-list > .list-item {
      text-align: center;
      width: 50%; }
      .race-info-history-list > .list-item img {
        max-width: 120px;
        margin: auto; }

/* ------------------------------------------------------------------ */
.race-content-nav {
  width: 100%; }

@media screen and (max-width: 768px) {
  .race-info-wrapper, .pickup-racer-item, .race-prospect {
    flex-direction: column-reverse; }
  .prospect-fig img {
    margin: auto; }
  .race-prospect h3 {
    order: 9;
    margin-bottom: 1.2rem; }
  .race-prospect .race-info-content > p:first-child {
    margin-top: 1rem; }
  .pickup-racer-item .pickup-racer-img {
    margin: 0 auto; }
  .pickup-racer-text {
    margin: auto;
    padding: 0; }
  .prospect-fig-caption {
    left: 0;
    margin: auto;
    text-align: center; } }

/* ------------------------------- PDF ------------------------------ */
.race-pdf-table {
  margin: 0 auto 1.5rem;
  max-width: 26rem; }
  .race-pdf-table td {
    padding: .2rem .5rem; }

/* ------------------------------------------------------------------ */
/* --------------------------- 準備中 -------------------------------- */
.race-preparation .preparation-img {
  width: 100%;
  max-width: 120px; }

/* ------------------------------------------------------------------ */
.race-content-head {
  margin-bottom: 1.5rem; }

/*# sourceMappingURL=style.css.map */