@charset "UTF-8";
body {
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
  position: relative;
  font-size: 12px;
}

.outer-block {
  min-width: 320px;
}

.inner-block {
  width: auto;
  padding: 0;
  padding: 0 25px;
}

#wrapper {
  position: relative;
  min-width: 320px;
  overflow: hidden;
}

input[type="submit"] {
  -webkit-text-size-adjust: 100%;
}

input, select, textarea {
  font-size: 16px !important;
}

.pc {
  display: none !important;
}

main > *:last-child {
  padding-bottom: 60px;
}

#pagetop {
  top: -21.5px;
  right: 25px;
}

#pagetop > a {
  width: 43px;
  height: 43px;
}

#pagetop > a::after {
  width: 11px;
  height: 7px;
}

/*------------------------------------------------------------------------------
common
------------------------------------------------------------------------------*/
.page-ttl-block .inner-block {
  padding-top: 100px;
  text-align: left;
}

.page-ttl-block .inner-block .c-ttl {
  text-align: left;
}

.page-ttl-block .inner-block .c-ttl .en {
  font-size: 30px;
}

.page-ttl-block .inner-block .c-ttl .ja {
  margin-top: 10px;
  font-size: 15px;
}

.c-border {
  margin: 24px auto 30px;
  padding: 5px 0;
  border-top: 2px solid #212327;
  border-bottom: 2px solid #212327;
}

.c-border.race {
  margin-top: 24px;
}

.c-border.child-page {
  margin: 30px 0;
  padding: 20px 0;
}

.c-border .select-ttl .ttl {
  font-size: 18px;
}

.c-border .select-ttl .ttl::before {
  display: inline-block;
  width: 15px;
  height: 2px;
  margin-right: 10px;
  background: #212327;
  content: "";
}

.an-link {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 30px auto 0;
}

.an-link li {
  width: 50%;
}

.an-link li + li::after {
  top: 2px;
  height: 14px;
}

.an-link li:nth-child(2n-1)::after {
  content: none;
}

.an-link li:nth-child(n+3) {
  border-top: 1px solid #000;
}

.an-link li:nth-child(odd):last-child {
  width: 100%;
}

.an-link li a {
  display: block;
  width: 100%;
  padding: 12px 20px;
  font-size: 13px;
  text-align: center;
}

.c-summary {
  margin-top: 24px;
  padding: 12px 15px;
}

.select-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0;
}

.select-wrap .select-button select {
  padding: 3px 25px 5px 7px;
  background: url(../img/common/arrow_bottom_black.svg) no-repeat center right 10px;
  background-size: 7px 8px;
  font-size: 16px !important;
}

.select-wrap .select-button:last-child select {
  margin-left: 5px;
  padding-right: 23px;
}

.select-button-wrap {
  display: flex;
  flex-direction: column;
}

.select-button-wrap .schedule-button {
  margin: 6px 0 0;
  box-sizing: border-box;
}

.select-button-wrap .schedule-button a {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px 3px 6px;
  border: 1px solid #212327;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.075em;
  height: 34px;
}

.select-button-wrap .arrow-right-icon {
  transform: rotate(-90deg);
  transform-origin: center;
  display: block;
  width: 7px;
  height: 8px;
}

.ttl-block {
  min-height: auto;
  margin-top: 30px;
}

.ttl-block.small {
  height: 100%;
  min-height: 80px;
  margin-top: 40px;
}

.ttl-block.small .ttl-area .txt {
  padding: 17px 20px;
}

.ttl-block .ttl-area {
  background: #fff;
}

.ttl-block .ttl-area .ttl {
  width: 80px;
  font-size: 10px;
}

.ttl-block .ttl-area .txt {
  width: calc(100% - 80px);
  padding: 20px 30px;
}

.ttl-block .ttl-area .txt .txt-ttl {
  font-size: 18px;
  font-weight: bold;
}

.ttl-block .ico-ttl .ico {
  width: 50px;
  height: 50px;
}

.ttl-block .ico-ttl .ico.cheering::before {
  width: 29px;
  height: 24px;
  background-size: 29px 24px;
}

.ttl-block .ico-ttl .ico.tv::before {
  width: 29px;
  height: 24px;
  background-size: 29px 24px;
}

.ttl-block .ico-ttl .ico.en {
  font-size: 24px;
}

.ttl-block .ico-ttl .txt {
  width: 100%;
  padding: 65px 30px 0;
}

.ttl-block .ico-ttl .small {
  margin-bottom: 10px;
  font-size: 12px;
}

.bottom-page .social-btn-wrap {
  right: 0;
}

.bottom-page .social-btn-wrap > a::before {
  left: 15px;
}

.bottom-page .social-btn-wrap > a.c-btn {
  width: 130px;
}

.bottom-page .social-btn-wrap > a.c-btn::after {
  right: 14px;
}

.bottom-page .social-btn-wrap .icon-ig::before {
  width: 16px;
  height: 16px;
}

.bottom-page .btn-wrap.overlap .c-btn {
  margin-right: 15px;
}

.bottom-page .btn-wrap .c-btn {
  margin-top: 30px;
}

.bottom-page .btn-wrap .c-btn.long {
  min-width: auto;
  height: 54px;
  padding: 0 40px 0 60px;
  font-size: 12px;
}

/* white-area */
.white-area:last-child .white-box {
  padding-bottom: 40px;
}

.white-area .ttl-block .ttl-area {
  background: none;
}

.white-area .ttl-block .ttl-area .txt {
  background: #fff;
}

.white-area .white-box {
  margin-top: -40px;
  padding: 70px 0 40px;
}

.white-area .white-box .txt {
  font-size: 14px;
}

.white-area .white-box .summary {
  text-align: left;
}

/* ttl */
.c-ttl01 {
  margin-bottom: 15px;
  font-size: 18px;
}

.record-list li .c-ttl01 {
  margin-bottom: 10px;
}

.record-list li .txt, .record-list li .record {
  font-size: 14px;
  line-height: 1.5 !important;
}

.record-list li .record {
  margin-top: 6px;
  font-weight: bold;
}

/*------------------------------------------------------------------------------
  header
------------------------------------------------------------------------------*/
.header {
  padding: 20px 25px;
}

.header > .col {
  padding-right: 65px;
}

.header > .col .header-sns {
  display: none;
}

.header-logo > a {
  width: 90px;
}

.header-logo > a img {
  width: 65px;
}

.header-fanclub {
  margin-top: 3px;
}

.header-fanclub > a {
  font-size: 12px;
}

/*------------------------------------------------------------------------------
c-header
------------------------------------------------------------------------------*/
.c-header .header-fanclub > a {
  font-size: 12px;
}

/*------------------------------------------------------------------------------
  nav
------------------------------------------------------------------------------*/
.nav-btn-wrap {
  width: 90px;
  height: 70px;
}

.nav-btn-wrap .inner {
  width: 40px;
  padding-bottom: 16px;
}

.nav-btn-wrap .btn.is-open {
  background-color: #212327 !important;
}

.nav-btn-wrap .btn.is-open .bar::before, .nav-btn-wrap .btn.is-open .bar::after {
  width: 21px;
}

.nav-btn-wrap .bar {
  height: 16px;
}

.nav-btn-wrap .bar::before, .nav-btn-wrap .bar::after {
  height: 2px;
}

.nav-btn-wrap .bar > span {
  height: 2px;
}

.nav-btn-wrap .bar > span:nth-child(2) {
  width: 30px;
  margin-top: -1px;
}

.nav-btn-wrap .bar > span:nth-child(3) {
  width: 20px;
}

.nav-btn-wrap .txt {
  font-size: 10px;
}

.nav-inner {
  padding: 50px 0 70px;
}

.nav-inner::before {
  width: 275px;
  height: 125px;
  background-image: url("../img/common/sp/nav_bg02.svg");
}

.nav-inner .contents {
  padding: 0 25px;
}

.nav-item + .nav-item {
  margin-top: 28px;
}

.nav-item .name {
  padding-right: 18px;
  font-size: 20px;
}

.nav-item .name::after {
  width: 8px;
  height: 12px;
}

.nav-item .txt {
  margin-top: 8px;
  font-size: 12px;
}

.nav-sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.nav-sns a {
  width: 30px;
  height: 30px;
}

/*------------------------------------------------------------------------------
  footer
------------------------------------------------------------------------------*/
.footer-sitemap {
  padding: 40px 0;
}

.footer-sitemap::before {
  top: 0;
  right: 0;
  width: 215px;
  height: 112px;
  background-image: url("../img/common/sp/nav_bg.svg");
}

.footer-sitemap > .inner {
  padding-left: 17px;
}

.footer-sitemap .list > li + li {
  margin-top: 10px;
}

.footer-sitemap .link {
  display: inline-block;
}

.footer-company .col {
  margin: 0 -12.5px;
  padding: 0;
}

.footer-company .col > li {
  width: 50%;
  padding: 0;
  padding: 5px 12.5px;
}

.footer-company a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}

.footer-company a > img {
  max-width: 115px;
  max-height: 25px;
}

.footer-address {
  padding: 22px 0 20px;
  text-align: center;
}

.footer-address .name {
  font-size: 15px;
  letter-spacing: 0.075em;
}

.footer-copyright {
  padding: 15px 0;
  font-size: 10px;
}

/*------------------------------------------------------------------------------
c-footer
------------------------------------------------------------------------------*/
.c-footer .footer-sitemap::before {
  width: 220px;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  background: url("../img/common/nav-bg-small.svg") no-repeat;
}

.c-footer .footer-sitemap > .inner .c-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-footer .footer-sitemap > .inner .c-list li {
  text-align: left;
}

.c-footer .footer-sitemap > .inner .c-list li.active {
  background: #fff;
}

.c-footer .footer-sitemap > .inner .c-list li.active a {
  color: #eb0a1e;
}

/*------------------------------------------------------------------------------
  main
------------------------------------------------------------------------------*/
.c-btn {
  height: 45px;
  font-size: 12px;
}

.kv-block {
  height: 88vw;
  min-height: 282px;
}

.kv-img::after {
  width: 225px;
  height: 93px;
  background-image: url("../img/common/bg_cover.svg");
}

.kv-text {
  left: 5%;
  bottom: 10%;
}

.kv-text img {
  width: 75.122vw;
  height: calc(75.122vw * 0.428);
}

.kv-text span {
  margin-top: 1vw;
}

.ie .kv-img video {
  width: auto;
  height: 100%;
}

.ar-right-blk {
  padding-right: 14px;
}

.ar-right-blk:before {
  width: 6px;
  height: 9px;
}

/*--------------------
  next
---------------------*/
.next-area {
  margin-top: -39px;
  margin-left: 25px;
}

.next-area .ttl-wrap .link {
  margin-top: 10px;
}

.next-ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 78px;
  font-size: 16px;
}

.next-body .date {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 78px;
  margin-bottom: 22px;
  padding-left: 80px;
}

.next-body .date-item {
  font-size: 28px;
}

.next-body .date-item + .date-item {
  margin-left: 12px;
  padding-left: 36px;
}

.next-body .date-item + .date-item::before {
  width: 23px;
  height: 3px;
}

.next-body .date-week {
  margin-top: 5px;
}

.next-body .contents {
  margin-bottom: 25px;
  padding: 0;
}

.next-body .contents-ttl {
  font-size: 16px;
}

.next-body .contents-txt {
  margin-top: 12px;
  font-size: 13px;
}

.next-body .btn-wrap {
  text-align: right;
}

.next-body .btn-wrap > a {
  width: 160px;
  margin-bottom: -22.5px;
}

/*--------------------
  member
---------------------*/
.member-block {
  height: 400px;
  padding: 30px 0;
  background: url(../img/top/member_bg.jpg) no-repeat center/cover;
}

.member-block .member-ttl {
  margin-bottom: 10px;
  font-size: 40px;
}

.member-block .txt {
  margin-bottom: 15px;
  font-size: 16px;
}

.member-block .link {
  padding-right: 14px;
  font-size: 14px;
}

.member-block .link::before {
  top: 6px;
}

/*--------------------
  news
---------------------*/
.news-block > .inner {
  padding-top: 55px;
}

.news-block .ttl-wrap .link {
  margin-top: 10px;
}

.news-ttl {
  margin-bottom: -7px;
  padding: 0;
  font-size: 40px;
}

.news-item .thumbnail {
  display: block;
  padding-top: 59.3582%;
}

.news-item .box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px;
}

.news-item .ttl {
  font-size: 13px;
}

.news-item .date {
  font-size: 12px;
}

/*--------------------
  pickup
---------------------*/
.pickup-block {
  padding: 40px 0;
}

.pickup-block .pickup-ttl {
  margin-bottom: -7px;
  padding: 0;
  font-size: 40px;
}

.pickup-block .pickup-inner {
  width: 47%;
}

.pickup-block .pickup-inner:only-child {
  width: 100%;
}

.pickup-block .pickup-inner .pickup-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pickup-block .pickup-inner .thumbnail {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100px;
}

.pickup-block .pickup-inner:only-child .thumbnail {
  height: 40vw;
}

.pickup-block .pickup-inner .box {
  height: 100%;
  padding: 10px 10px 30px;
}

.pickup-block .pickup-inner .box .ttl {
  font-size: 13px;
}

.pickup-block .pickup-inner .box .date {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
}

/*--------------------
  social
---------------------*/
.social-block {
  padding: 20px 0 30px;
}

.social-ttl {
  margin-bottom: -11px;
  padding: 0;
  font-size: 40px;
  line-height: normal;
}

.social-inner {
  margin: 0 -25px;
}

.social-btn-wrap {
  right: 25px;
  bottom: -22.5px;
}

.social-btn-wrap > a {
  width: 190px;
}

/*------------------------------------------------------------------------------
schedule
------------------------------------------------------------------------------*/
.select-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 50px;
}

.select-box.stop .txt-area {
  position: relative;
}

.select-box.stop .txt-area::before {
  width: 100%;
}

.select-box.stop .txt-area::after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 192px;
  height: 54px;
  margin: auto;
  padding: 20px 0;
  background: #212327;
  color: #fff;
  text-align: center;
  content: "中止";
}

.select-box.stop .c-btn {
  background: #dde0e4;
  pointer-events: none;
}

.select-box .ttl-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  min-height: inherit;
  padding: 14px 0;
}

.select-box .ttl-area .c-ttl {
  margin: auto;
}

.select-box .ttl-area .c-ttl .day {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
}

.select-box .ttl-area .c-ttl .week {
  display: inline-block;
  margin-top: 8px;
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.select-box .ttl-area .c-ttl:nth-child(2)::before {
  position: absolute;
  right: 0;
  left: 0;
  width: 30px;
  height: 4px;
  margin: 27px auto;
}

.select-box .txt-area {
  width: 100%;
  padding: 25px 25px 30px;
}

.select-box .txt-area .ttl {
  margin-bottom: 20px;
  margin-left: 0;
  font-size: 18px;
}

.select-box .txt-area .ttl .sub-ttl {
  display: block;
  margin-top: 9px;
  margin-left: 0;
  color: #011f3d;
  font-size: 12px;
}

.select-box .txt-area .datail {
  margin-bottom: 9px;
  margin-left: 0;
}

.select-box .txt-area .datail .ttl {
  width: 95px;
  font-size: 14px;
}

.select-box .txt-area .datail .ttl::before {
  width: 4px;
  height: 16px;
  margin-right: 8px;
}

.select-box .txt-area .datail .txt {
  width: calc(100% - 95px);
  font-size: 16px;
}

.select-box .social-btn-wrap {
  visibility: visible;
  right: 0;
  margin: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.select-box .social-btn-wrap > a {
  width: 130px;
  padding-left: 13px;
  font-size: 11px;
}

.select-box .social-btn-wrap > a::before {
  left: 15px;
}

.select-box .social-btn-wrap > a.c-btn::after {
  right: 15px;
}

.select-box .social-btn-wrap > a:last-child {
  padding-left: 4px;
}

.ranking .rank-box {
  padding: 30px 30px 0;
}

.ranking .rank-box::before {
  width: 50px;
  height: 50px;
  font-size: 23px;
}

.ranking .rank-box .box {
  display: block;
  padding: 15px;
}

.ranking .rank-box .box:not(:last-child) {
  border-right: 0;
  border-bottom: 1px solid #aaaaae;
}

.ranking .rank-box .box:last-child {
  width: 100%;
}

.ranking .rank-box .name {
  padding-top: 0;
  padding-left: 40px;
}

.ranking .rank-box .name p {
  font-size: 17px;
  font-weight: bold;
}

.ranking .rank-box .name p .team {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}

.ranking .rank-box .record p {
  font-size: 24px;
}

.ranking .rank-box .record.new p::before {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 5px;
  font-size: 10px;
}

.ranking .rank-box .other {
  font-size: 14px;
}

.ranking .rank-box:nth-child(n+4) .name {
  padding-left: 30px;
}

.ranking + .c-border {
  margin-top: 40px;
}

/*------------------------------------------------------------------------------
players
------------------------------------------------------------------------------*/
.box-area {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.box-area .box:not(:last-child) {
  margin: 0 0 20px;
}

.box-area .box .white-bg {
  margin: -30px 15px 0;
}

.box-area .box .white-bg .posi {
  font-size: 11px;
}

.box-area .box .white-bg .yomi {
  font-size: 11px;
}

.box-area .box .white-bg .name {
  margin-top: 6px;
  font-size: 21px;
}

.box-area .box .white-bg .school {
  display: block;
  margin-top: 16px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.075em;
}

.box-area .box .white-bg .tag-info {
  min-width: 70px;
  padding: 6px 3px;
  font-size: 11px;
}

/*------------------------------------------------------------------------------
  players-detail
------------------------------------------------------------------------------*/
.player-mv-block .inner-block {
  padding-top: 100px;
}

.player-mv-block .arrow {
  top: 330px;
  bottom: inherit;
}

.player-mv-block .arrow.prev {
  left: 10px;
}

.player-mv-block .arrow.next {
  right: 10px;
}

.player-mv-block .arrow.prev::after, .player-mv-block .arrow.next::after {
  background-size: 18px 27px;
}

.player-mv-block .name {
  padding-left: 10px;
  border-width: 3px;
}

.player-mv-block .name .en {
  font-size: 47px;
  word-break: keep-all;
  letter-spacing: 0.5px;
}

.player-mv-block .name .jp {
  font-size: 15px;
}

.player-mv-block .person-area .person {
  height: 410px;
}

.player-mv-block .person-area .person .img {
  right: 0;
  bottom: 60px;
  left: -190px;
  width: 60px;
  margin: auto;
}

.player-mv-block .person-area .person .img .txt {
  right: 75px;
  bottom: 30px;
}

.player-mv-block .person-area .person .img.is-active {
  right: -110px;
  bottom: 15px;
  max-width: 220px;
}

.player-mv-block .person-area .person .change-btn {
  right: inherit;
  bottom: 0;
  left: -25px;
  width: calc(100% + 25px);
  padding: 15px 30px;
  font-size: 12px;
  text-align: left;
}

.player-mv-block .person-area .person .change-btn .txt {
  padding-left: 35px;
  padding-right: 0;
}

.player-mv-block .person-area .person .change-btn .txt::before {
  left: 0;
  right: auto;
}

.player-mv-block .person-area .plofile .ttl {
  margin: 25px 0 15px;
  font-size: 30px;
}

.player-mv-block .person-area .plofile .qa-box, .player-mv-block .person-area .plofile .qa-table {
  margin: 0 -25px;
}

.player-mv-block .person-area .plofile .qa-box {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.player-mv-block .person-area .plofile .qa-box li {
  width: 50%;
  padding: 13px 25px;
}

.player-mv-block .person-area .plofile .qa-box li:nth-child(2n+1) {
  border-left: none;
}

.player-mv-block .person-area .plofile .qa-box li .question, .player-mv-block .person-area .plofile .qa-box li .small {
  font-size: 12px;
}

.player-mv-block .person-area .plofile .qa-table {
  width: calc(100% + 50px);
}

.player-mv-block .person-area .plofile .qa-table th, .player-mv-block .person-area .plofile .qa-table td {
  display: block;
  padding: 13px 25px;
}

.player-mv-block .person-area .plofile .qa-table th {
  padding-bottom: 3px;
  border-bottom: none;
}

.player-mv-block .person-area .plofile .qa-table td {
  padding-top: 3px;
  border-top: none;
}

.player-mv-block .person-area .plofile .qa-table tr:last-child th {
  border-bottom: none;
}

.player-mv-block .message-area {
  margin: 0 -25px;
  padding: 40px 25px;
}

.player-mv-block .message-area .txt-area .ttl {
  font-size: 30px;
}

.player-mv-block .message-area .txt-area .txt {
  font-size: 13px;
}

.player-mv-block .message-area .sign {
  max-width: 120px;
  margin: 30px auto 0;
}

.gallery-block .gallery-list li {
  width: calc((99.9999% - 15px)/2);
}

.gallery-block .gallery-list li:nth-child(odd) {
  margin-right: 15px;
}

.gallery-block .gallery-list li:nth-child(n+3) {
  margin-top: 15px;
}

.gallery-block .under-area {
  margin-top: 40px;
}

.gallery-block .under-area .btn-wrap .c-btn {
  margin-top: 20px;
}

/*------------------------------------------------------------------------------
 news
------------------------------------------------------------------------------*/
.news .box-area .select-box {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 30px;
}

.news .box-area .select-box::after {
  width: 30px;
  height: 30px;
}

.news .box-area .select-box:last-child {
  margin-bottom: 0;
}

.news .box-area .select-box .txt-area {
  padding: 15px 20px 20px;
}

.news .box-area .select-box .txt-area .ttl {
  font-size: 18px;
}

.news .box-area .select-box .txt-area .day {
  margin-top: 10px;
  font-size: 12px;
}

.news-detail .news-area {
  margin-top: 30px;
  padding: 40px 25px;
}

.news-detail .news-area .news-ttl {
  padding-bottom: 15px;
}

.news-detail .news-area .news-ttl .ttl {
  font-size: 18px;
}

.news-detail .news-area .news-ttl .day {
  margin-top: 10px;
  font-size: 12px;
}

.news-detail .news-area .txt-area {
  padding-top: 25px;
}

.news-detail .news-area .txt-area .txt {
  margin-bottom: 10px;
  font-size: 14px;
}

.news-detail .news-area .txt-area a {
  font-size: 12px;
}

/*------------------------------------------------------------------------------
  team
------------------------------------------------------------------------------*/
.team .slogan-block .white-box .txt {
  margin-top: 20px;
}

.team .mv-block {
  margin-top: 40px;
}

.team .greeting-block .upper-area .img {
  text-align: center;
}

.team .greeting-block .upper-area .txt-area {
  margin-top: 20px;
}

.team .greeting-block .upper-area .txt-area .ttl {
  margin-bottom: 20px;
}

.team .greeting-block .upper-area .txt-area .ttl .position {
  font-size: 16px;
}

.team .greeting-block .upper-area .txt-area .ttl .name {
  font-size: 24px;
}

.team .greeting-block .info {
  margin-top: 20px;
  padding: 20px;
}

.team .greeting-block .info .txt {
  margin-top: 10px;
}

.team .mascot-block .right-area .balloon {
  position: absolute;
  top: 45px;
  right: 0;
  left: -90px;
  width: 201px;
  height: 131px;
  margin: auto;
  background-image: url(../img/team/baloon_sp.svg);
  background-size: 201px 131px;
}

.team .mascot-block .right-area .balloon .inn {
  font-size: 14px;
}

.team .mascot-block .right-area .balloon .inn01 {
  margin-top: 16px;
  margin-left: 14px;
}

.team .mascot-block .right-area .balloon .inn02 {
  margin-top: 12px;
  margin-left: 38px;
}

.team .mascot-block .right-area .img {
  position: absolute;
  top: -20px;
  right: -160px;
  left: 0;
  left: 0;
  width: 140px;
  margin: auto;
}

.team .mascot-block .right-area .catchcopy {
  width: 100%;
  padding-top: 230px;
}

.team .mascot-block .right-area .catchcopy .jp {
  padding-top: 24px;
}

.team .mascot-block .right-area .catchcopy .jp::before {
  top: 12px;
}

.team .mascot-block .table-area {
  margin-top: 25px;
}

.team .mascot-block .table-area .ttl {
  padding-bottom: 15px;
}

.team .mascot-block .table-area .ttl::before {
  width: 100%;
}

.team .mascot-block .table-area .ttl .sub {
  margin-bottom: 7px;
  font-size: 12px;
}

.team .mascot-block .table-area .ttl .name {
  font-size: 30px;
}

.team .mascot-block .table-area .mascot-table td, .team .mascot-block .table-area .mascot-table th {
  padding: 10px 0;
}

.team .mascot-block .table-area .mascot-table th {
  width: 100px;
}

.team .location-block .box + .box {
  margin-top: 35px;
}

.team .location-block .img {
  margin-top: 10px;
}

/*------------------------------------------------------------------------------
  watch
------------------------------------------------------------------------------*/
.watch .goods-block .goods-area {
  padding: 30px 0 40px;
}

.watch .goods-block .goods-list li {
  width: calc((99.9999% - 20px)/2);
  max-width: 270px;
}

.watch .goods-block .goods-list li:nth-child(even) {
  margin-left: 20px;
}

.watch .goods-block .goods-list li:nth-child(n+3) {
  margin-top: 20px;
}

.watch .goods-block .goods-list .img {
  height: 0;
  padding-top: 100%;
}

.watch .goods-block .goods-list .txt-area {
  margin-top: 10px;
}

.watch .goods-block .goods-list .txt-area .ttl {
  font-size: 13px;
}

.watch .goods-block .goods-list .txt-area .plice {
  margin-top: 5px;
  font-size: 20px;
}

.watch .goods-block .goods-list .txt-area .plice .tax {
  font-size: 13px;
}

.watch .tv-block .media-area {
  margin-top: 20px;
}

.watch .tv-block .media-area .box + .box {
  margin-top: 20px;
}

/*------------------------------------------------------------------------------
  about
------------------------------------------------------------------------------*/
.an-link02 {
  margin-top: 30px;
}

.an-link02 li {
  text-align: center;
}

.an-link02 li a {
  display: block;
  padding: 20px 35px 20px 45px;
}

.an-link02 li a::before {
  top: 0;
  right: 15px;
  bottom: 0;
  left: inherit;
  width: 12px;
  height: 8px;
  background-size: 12px 8px;
}

.an-link02 li + li::before {
  right: 0;
  bottom: inherit;
  left: 0;
  width: calc(100% - 80px);
  height: 1px;
}

.an-link02 .ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35px;
  height: 35px;
  margin: auto;
}

.an-link02 .ico .inn {
  font-size: 15px;
}

.an-link02 .small {
  margin: 0 0 5px;
  font-size: 12px;
}

.an-link02 .txt {
  font-size: 20px;
}

.an-link02 .txt .sub {
  font-size: 12px;
}

.about .num-list {
  margin-top: 20px;
}

.about .num-list li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.about .num-list li .num {
  width: 40px;
  font-size: 20px;
}

.about .num-list li .txt {
  width: calc(100% - 40px);
  line-height: 1.6;
}

.about .num-list li + li {
  margin-top: 15px;
}

.about .balloon {
  padding: 15px;
  font-size: 16px;
}

.about .balloon.triangle::before {
  bottom: -18px;
}

.about .balloon.triangle.left::before {
  border-width: 18px 18px 0 0;
}

.about .balloon.triangle.right::before {
  border-width: 0 18px 18px 0;
}

.about .balloon.triangle.left-beside::before {
  border-width: 9px 18px 9px 0;
}

.about .point-box {
  padding: 30px 20px 20px;
}

.about .point-box .ttl {
  left: 30px;
  margin-top: -47px;
  padding: 10px 30px;
}

.about .point-box .ttl .ico {
  left: -15px;
  width: 40px;
  height: 40px;
}

.about .point-box .ttl .ico::before {
  width: 18px;
  height: 22px;
  background-size: 18px 22px;
}

.about .point-box .txt, .about .point-box .txt.center {
  text-align: left;
}

.about .round-ttl {
  margin-bottom: 10px;
}

.about .circle-ttl {
  margin-bottom: 10px;
}

.about .basics-block .balloon {
  width: calc(100% - 85px);
  margin-left: auto;
}

.about .basics-block .balloon.triangle.left::before {
  top: 15px;
  bottom: 0;
  left: -15px;
  border-width: 10px 20px 10px 0;
  border-color: transparent #eb0a1e transparent transparent;
}

.about .basics-block .balloon + .wrap {
  position: relative;
  margin-top: 40px;
}

.about .basics-block .luchs {
  z-index: 2;
  position: absolute;
  top: -130px;
  width: 100px;
}

.about .basics-block .txt-area {
  margin-top: 20px;
}

.about .learn-block .track .track-area {
  margin-bottom: 30px;
}

.about .learn-block .track .txt-area .inn {
  position: relative;
  margin-top: 25px;
  padding-left: 0;
}

.about .learn-block .track .txt-area .distance-table {
  width: calc(100% - 100px);
}

.about .learn-block .track .txt-area .img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  padding-left: 0;
}

.about .learn-block .box {
  margin-top: 40px;
}

.about .learn-block .box + .box {
  margin-top: 30px;
}

.about .learn-block .difference .balloon {
  width: calc(100% - 85px);
  margin-left: auto;
}

.about .learn-block .difference .balloon.triangle.left::before {
  top: 15px;
  bottom: 0;
  left: -15px;
  border-width: 10px 20px 10px 0;
  border-color: transparent #eb0a1e transparent transparent;
}

.about .learn-block .difference .balloon + .wrap {
  position: relative;
  margin-top: 40px;
}

.about .learn-block .difference .luchs {
  z-index: 2;
  position: absolute;
  top: -130px;
  width: 100px;
}

.about .learn-block .difference .wrap .txt-area {
  margin-top: 20px;
}

.about .learn-block .difference .track-area {
  margin-top: 20px;
}

.about .learn-block .difference .track-area .short + .speed {
  margin-top: 20px;
}

.about .learn-block .shoes .inn {
  padding: 20px;
  border-radius: 14px;
}

.about .learn-block .shoes .inn .balloon-area {
  position: relative;
}

.about .learn-block .shoes .inn .balloon-area .balloon {
  padding: 15px;
}

.about .learn-block .shoes .blue-box .upper-area .balloon-area .img {
  bottom: -45px;
  width: 80px;
}

.about .learn-block .shoes .blue-box .upper-area .txt-box .txt {
  margin: 0 0 0 10px;
  font-size: 13px;
}

.about .learn-block .shoes .blue-box .under-area .img-area .ttl {
  margin-bottom: 10px;
}

.about .learn-block .shoes .blue-box .under-area .img-area .img {
  margin-top: 10px;
  text-align: center;
}

.about .learn-block .shoes .blue-box .under-area .balloon-area {
  margin-top: 20px;
}

.about .learn-block .shoes .blue-box .under-area .balloon-area .img {
  z-index: 2;
  position: absolute;
  bottom: -25px;
  left: -40px;
  width: 80px;
}

.about .learn-block .shoes .blue-box + .red-box {
  margin-top: 20px;
}

.about .learn-block .shoes .red-box .upper-area .txt {
  margin-bottom: 0;
  font-size: 13px;
}

.about .learn-block .shoes .red-box .under-area {
  margin-top: 30px;
}

.about .learn-block .shoes .red-box .under-area .img-area .img {
  text-align: center;
}

.about .learn-block .wear .img {
  margin-bottom: 20px;
}

.about .explanation-block .summary {
  margin-bottom: 20px;
}

.about .explanation-block .point-box {
  padding-right: 90px;
}

.about .explanation-block .point-box .img {
  right: 0;
  width: 80px;
}

.about .explanation-block .box .img {
  max-width: 400px;
}

.about .explanation-block .box .img.movie {
  height: 240px;
}

@media all and (-ms-high-contrast: none) {
  .select-box .ttl-area {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .select-box .ttl-area .c-ttl {
    margin: inherit;
  }
}
/*# sourceMappingURL=sp.css.map */

.title th, .resultTxt td {
  padding: 16px 0;
}

.title {
  font-size: 12px;
}

.resultTxt {
  font-size: 12px;
}