@charset "utf-8";

/* min-width: 1028px; */

#contentsArea {
  clear: both;
	overflow-x: initial;
}

.wrap {
	box-sizing: border-box;
	font-family: 'Zen Kaku Gothic New', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #3B3B3B;
}

.wrap *,
.wrap *:before,
.wrap *:after {
	box-sizing: inherit;
}

.wrap header,
.wrap section,
.wrap footer,
.wrap h1,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap p {
	font-size: 1em;
	font-family: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	line-height: inherit;
	letter-spacing: normal;
}

.wrap img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	width: 100%;
}

.wrap a {
	color: inherit;
}

.wrap > .contents-wrap {
	margin: 0 auto 2em;
  max-width: 80em;
}

.wrap .--serif {
	font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}

.wrap .--imgTxt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .wrap > .contents-wrap {
    min-width: 1028px;
  }
}

@media only screen and (max-width: 767px) {
	.wrap {
		font-size: 4.266667vw;
	}

	.wrap .--only-pc {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.wrap .--only-sp {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1027px) {
	.wrap {
		font-size: 12.8375px;
	}
}

@media only screen and (min-width: 1028px) and (max-width: 1280px) {
	.wrap {
		font-size: 1.25vw;
	}
}

.wrap .p-sportsUpdate-inner {
  padding-inline: 5em;

  @media only screen and (max-width: 767px) {
    padding-inline: 1.25em;
  }
}

.wrap .p-sportsUpdate-mv {
  line-height: 1;
  margin-bottom: 1.6875em;

  @media only screen and (max-width: 767px) {
    margin-bottom: 1.1875em;
  }
}

.wrap .p-sportsUpdate-txt-1 {
  text-align: center;
  line-height: 1.5;

  @media only screen and (max-width: 767px) {
    font-size: 0.9375em;
  }
}

.wrap .p-sportsUpdate-nav {
  margin: 2.6875em auto 0;
  width: 59.4375em;
  display: grid;
  grid-template-columns: 36.5625em minmax(0, 1fr);
  grid-column-gap: 3.5em;
  max-width: 100%;

  @media only screen and (max-width: 767px) {
    width: 19.375em;
    display: flex;
    flex-direction: column;
    row-gap: 1.875em;
    margin-top: 2em;
  }
}

.wrap .p-sportsUpdate-nav__ttl {
  margin-inline: auto;
  width: 100%;
}

.wrap .p-sportsUpdate-nav__ttl.--nav-ttl1 {
  aspect-ratio: 585 / 54;
  background-image: url(../sports_update_index_img/nav_ttl_01__pc.png);
  margin-bottom: 0.5em;

  @media only screen and (max-width: 767px) {
    aspect-ratio: 310 / 54;
    margin-bottom: 0.625em;
    background-image: url(../sports_update_index_img/nav_ttl_01__sp.png);
  }
}

.wrap .p-sportsUpdate-nav__ttl.--nav-ttl2 {
  aspect-ratio: 310 / 54;
  background-image: url(../sports_update_index_img/nav_ttl_02.png);
  margin-bottom: 1.875em;

  @media only screen and (max-width: 767px) {
    margin-bottom: 1.25em;
  }
}

.wrap .p-sportsUpdate-nav__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  column-gap: 2.5em;
  row-gap: 1.875em;
  flex-wrap: wrap;
}

.wrap .p-sportsUpdate-nav__list a {
  transition: opacity 0.2s ease-out;

  &:hover {
    opacity: 0.7;
  }
}

.wrap .p-sportsUpdate-nav__list .--nav01 {
  aspect-ratio: 118 / 281;
  background-image: url(../sports_update_index_img/nav_01.png);
  width: 7.375em;
}

.wrap .p-sportsUpdate-nav__list .--nav02 {
  aspect-ratio: 115 / 281;
  background-image: url(../sports_update_index_img/nav_02.png);
  width: 7.1875em;
}

.wrap .p-sportsUpdate-nav__list .--nav03 {
  aspect-ratio: 115 / 281;
  background-image: url(../sports_update_index_img/nav_03.png);
  width: 7.1875em;
}

.wrap .p-sportsUpdate-nav__list .--nav04 {
  aspect-ratio: 100 / 306;
  background-image: url(../sports_update_index_img/nav_04.png);
  width: 6.25em;
}

.wrap .p-sportsUpdate-nav__list .--nav05 {
  aspect-ratio: 159 / 261;
  background-image: url(../sports_update_index_img/nav_05__pc.png);
  width: 9.9375em;

  @media only screen and (max-width: 767px) {
    aspect-ratio: 258 / 105;
    background-image: url(../sports_update_index_img/nav_05__sp.png);
    width: 16.125em;
  }
}

.wrap .p-sportsUpdate-wrap {
  overflow: clip;
  border-radius: 5em;
  margin: 2.375em auto 0;
  width: 75em;
  max-width: 100%;

  @media only screen and (max-width: 767px) {
    border-radius: 3.75em;
    margin-top: 3em;
  }
}

.wrap .p-sportsUpdate-sec {
  padding-block: 3.75em;

  @media only screen and (max-width: 767px) {
    padding-block: 2.5em;
  }
}

.wrap .p-sportsUpdate-sec.--color-01 {
  background-color: #FAF6E1;
}

.wrap .p-sportsUpdate-sec.--color-02 {
  background-color: #FFF6F5;
}

.wrap .p-sportsUpdate-sec.--color-03 {
  background-color: #F0FBF4;
}

.wrap .p-sportsUpdate-sec.--color-04 {
  background-color: #F6F4FD;
}

.wrap .p-sportsUpdate-sec.--color-05 {
  background-color: #EFFBFC;
}

.wrap .p-sportsUpdate-sec.--color-02 strong {
  color: #E83521;
}

.wrap .p-sportsUpdate-ttl-01 {
  margin: 0 auto 1em;
  max-width: 100%;
}

.wrap .p-sportsUpdate-ttl-01.--sec-ttl-01 {
  aspect-ratio: 325 / 113;
  width: 20.3125em;
  background-image: url(../sports_update_index_img/sec_01_ttl.png);

  @media only screen and (max-width: 767px) {
    width: 16.875em;
  }
}

.wrap .p-sportsUpdate-ttl-01.--sec-ttl-02 {
  aspect-ratio: 315 / 112;
  width: 19.6875em;
  background-image: url(../sports_update_index_img/sec_02_ttl.png);

  @media only screen and (max-width: 767px) {
    width: 15.6875em;
  }
}

.wrap .p-sportsUpdate-ttl-01.--sec-ttl-03 {
  aspect-ratio: 325 / 111;
  width: 20.3125em;
  background-image: url(../sports_update_index_img/sec_03_ttl.png);

  @media only screen and (max-width: 767px) {
    width: 15.75em;
  }
}

.wrap .p-sportsUpdate-ttl-01.--sec-ttl-04 {
  aspect-ratio: 540 / 112;
  width: 33.75em;
  background-image: url(../sports_update_index_img/sec_04_ttl__pc.png);

  @media only screen and (max-width: 767px) {
    aspect-ratio: 252 / 129;
    width: 15.75em;
    background-image: url(../sports_update_index_img/sec_04_ttl__sp.png);
  }
}

.wrap .p-sportsUpdate-ttl-01.--sec-ttl-05 {
  aspect-ratio: 244 / 110;
  width: 15.25em;
  background-image: url(../sports_update_index_img/sec_05_ttl.png);

  @media only screen and (max-width: 767px) {
    width: 12.375em;
  }
}

.wrap .p-sportsUpdate-txt-2 {
  text-align: center;
  font-size: 1em;
  line-height: 1.75;

  @media only screen and (max-width: 767px) {
    font-size: 0.9375em;
  }
}

.wrap .p-sportsUpdate-item-01 {
  display: flex;
  align-items: flex-start;
  column-gap: 3.125em;
  margin-top: 2em;

  @media only screen and (max-width: 767px) {
    flex-direction: column;
    row-gap: 2em;
    margin-top: 1.5em;
  }
}

.wrap .p-sportsUpdate-item-01 + .p-sportsUpdate-item-01 {
  margin-top: 3.75em;

  @media only screen and (max-width: 767px) {
    margin-top: 2.5em;
  }
}

@media only screen and (min-width: 768px) {
  .wrap .p-sportsUpdate-item-01 .p-sportsUpdate-item-01__col.--body {
    flex-grow: 1;
  }

  .wrap .p-sportsUpdate-item-01 .p-sportsUpdate-item-01__col.--image {
    width: 33.75em;
    flex-shrink: 0;
  }

  .wrap .p-sportsUpdate-item-01.--inverted .p-sportsUpdate-item-01__col.--image {
    order: 1;
  }
}

.wrap .p-sportsUpdate-item-01__main {
  line-height: 1;
}

.wrap .p-sportsUpdate-item-01__main img {
  display: block;
  border-radius: 0.625em;
}

.wrap .p-sportsUpdate-item-card {
  display: grid;
  grid-template-columns: 9.375em minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  grid-column-gap: 1.25em;
  grid-row-gap: 1.5em;

  @media only screen and (max-width: 767px) {
    grid-row-gap: 1em;
    grid-template-rows: repeat(2, auto);
  }
}

.wrap .p-sportsUpdate-item-card + .p-sportsUpdate-item-card {
  margin-top: 2em;
  padding-top: 2em;
  position: relative;
}

.wrap .p-sportsUpdate-item-card + .p-sportsUpdate-item-card::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: repeat-x;
}

.wrap .p-sportsUpdate-sec.--color-01 .p-sportsUpdate-item-card + .p-sportsUpdate-item-card::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Cline x1='0' y1='0.5' x2='100%25' y2='0.5' stroke='%23CDC392' stroke-width='1' stroke-dasharray='3%2C 5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrap .p-sportsUpdate-sec.--color-02 .p-sportsUpdate-item-card + .p-sportsUpdate-item-card::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Cline x1='0' y1='0.5' x2='100%25' y2='0.5' stroke='%23E59A9A' stroke-width='1' stroke-dasharray='3%2C 5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrap .p-sportsUpdate-sec.--color-05 .p-sportsUpdate-item-card + .p-sportsUpdate-item-card::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Cline x1='0' y1='0.5' x2='100%25' y2='0.5' stroke='%239CB9BC' stroke-width='1' stroke-dasharray='3%2C 5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrap .p-sportsUpdate-item-card__img {
  line-height: 1;
  grid-area: 1 / 1 / 3 / 2;

  @media only screen and (max-width: 767px) {
    grid-area: 1 / 1 / 2 / 2;
  }
}

.wrap .p-sportsUpdate-item-card__img a {
  display: block;
  transition: opacity 0.2s ease-out;

  &:hover {
    opacity: 0.7;
  }
}

.wrap .p-sportsUpdate-item-card__img img {
  display: block;
  border-radius: 0.625em;
}

.wrap .p-sportsUpdate-item-card__head {
  grid-area: 1 / 2 / 2 / 3;

  @media only screen and (max-width: 767px) {
    grid-area: 1 / 2 / 2 / 3;
  }
}

.wrap .p-sportsUpdate-item-card__txt1 {
  font-size: 0.9375em;
}

.wrap .p-sportsUpdate-item-card__info {
  grid-area: 2 / 2 / 3 / 3;

  @media only screen and (max-width: 767px) {
    grid-area: 2 / 1 / 3 / 3;
  }
}

.wrap .p-sportsUpdate-item-card__name {
  text-align: center;
  font-size: 0.9375em;
}

.wrap .p-sportsUpdate-item-card__price {
  text-align: center;
  font-size: 1.125em;
  line-height: 1.25;
  font-weight: bold;
  margin-top: 0.22222222em;
}

.wrap .p-sportsUpdate-item-card__price > span > span {
  font-size: 0.66666667em;
}

.wrap .p-sportsUpdate-item-card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity 0.2s ease-out;
  font-size: 1em;
  font-weight: bold;
  margin: 0.75em auto 0;
  background-color: #FFF;
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-size: 0.5em auto;
  height: 3.125em;
  border-radius: 3.125em;
  border: 0.125em solid;
  text-decoration: none;
  max-width: 17.5em;

  &:hover {
    opacity: 0.7;
    text-decoration: none;
  }

  @media only screen and (max-width: 767px) {
    max-width: 15.9375em;
  }
}

.wrap .p-sportsUpdate-sec.--color-01 .p-sportsUpdate-item-card__btn {
  color: #C99D00;
  border-color: currentColor;
  background-image: url(../sports_update_index_img/arrow_02.png);
}

.wrap .p-sportsUpdate-sec.--color-02 .p-sportsUpdate-item-card__btn {
  color: #E83521;
  border-color: currentColor;
  background-image: url(../sports_update_index_img/arrow_03.png);
}

.wrap .p-sportsUpdate-sec.--color-03 .p-sportsUpdate-item-card__btn {
  color: #079A3F;
  border-color: currentColor;
  background-image: url(../sports_update_index_img/arrow_04.png);
}

.wrap .p-sportsUpdate-sec.--color-04 .p-sportsUpdate-item-card__btn {
  color: #4E3A93;
  border-color: currentColor;
  background-image: url(../sports_update_index_img/arrow_05.png);
}

.wrap .p-sportsUpdate-sec.--color-05 .p-sportsUpdate-item-card__btn {
  color: #07899A;
  border-color: currentColor;
  background-image: url(../sports_update_index_img/arrow_06.png);
}

.wrap .p-sportsUpdate-btnBox {
  margin-top: 3.75em;
  padding-top: 2.5em;
  border-top: 1px solid;

  @media only screen and (max-width: 767px) {
    margin-top: 2em;
    padding-top: 2em;
  }
}

.wrap .p-sportsUpdate-sec.--color-01 .p-sportsUpdate-btnBox {
  border-top-color: #CDC392;
}

.wrap .p-sportsUpdate-sec.--color-02 .p-sportsUpdate-btnBox {
  border-top-color: #E59A9A;
}

.wrap .p-sportsUpdate-sec.--color-03 .p-sportsUpdate-btnBox {
  border-top-color: #D6E7DD;
}

.wrap .p-sportsUpdate-sec.--color-05 .p-sportsUpdate-btnBox {
  border-top-color: #B1C9CC;
}

.wrap .p-sportsUpdate-btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 auto;
  width: 35em;
  max-width: 100%;
  height: 4.25em;
  border-radius: 4.25em;
  transition: opacity 0.2s ease-out;
  color: #FFF;
  background: url(../sports_update_index_img/arrow_01.png) no-repeat right 1.25em center / 0.5em auto;

  &:hover {
    opacity: 0.7;
    text-decoration: none;
  }

  @media only screen and (max-width: 767px) {
    font-size: 1.125em;
    background-position: right 0.88888889em center;
    background-size: 0.44444444em auto;
    height: 4.66666667em;
  }
}

.wrap .p-sportsUpdate-sec.--color-01 .p-sportsUpdate-btn1 {
  background-color: #C99D00;
}

.wrap .p-sportsUpdate-sec.--color-02 .p-sportsUpdate-btn1 {
  background-color: #E83521;
}

.wrap .p-sportsUpdate-sec.--color-03 .p-sportsUpdate-btn1 {
  background-color: #079A3F;
}

.wrap .p-sportsUpdate-sec.--color-05 .p-sportsUpdate-btn1 {
  background-color: #07899A;
}

.wrap .p-sportsUpdate-img {
  margin: 2em auto 0;
  max-width: 100%;
  width: 26.875em;

  @media only screen and (max-width: 767px) {
    margin-top: 1em;
    width: 100%;
  }
}

.wrap .p-sportsUpdate-img img {
  display: block;
  margin: 0 auto 0.5em;
  width: 20.9375em;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.wrap .p-sportsUpdate-img figcaption {
  font-size: 0.75em;
}

.wrap .p-sportsUpdate-img figcaption a {
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

.wrap .p-sportsUpdate-item-02 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 2.5em;
  row-gap: 2em;
  margin-top: 2em;

  @media only screen and (max-width: 767px) {
    flex-direction: column;
    margin-top: 1.5em;
  }
}

.wrap .p-sportsUpdate-item-02 > li {
  width: calc(50% - 1.25em);

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.wrap .p-sportsUpdate-item-02 > li + li {
  @media only screen and (max-width: 767px) {
    position: relative;
    padding-top: 2em;

    &::before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      top: 0;
      background-repeat: repeat-x;
    }
  }
}

.wrap .p-sportsUpdate-sec.--color-03 .p-sportsUpdate-item-02 > li + li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Cline x1='0' y1='0.5' x2='100%25' y2='0.5' stroke='%23AECFBB' stroke-width='1' stroke-dasharray='3%2C 5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrap .p-sportsUpdate-sec.--color-04 .p-sportsUpdate-item-02 > li + li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='1px'%3E%3Cline x1='0' y1='0.5' x2='100%25' y2='0.5' stroke='%23C2B9DE' stroke-width='1' stroke-dasharray='3%2C 5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrap .p-sportsUpdate-item-02__img {
  line-height: 1;
  margin-bottom: 0.75em;
}

.wrap .p-sportsUpdate-item-02__img a {
  display: block;
  transition: opacity 0.2s ease-out;

  &:hover {
    opacity: 0.7;
  }
}

.wrap .p-sportsUpdate-item-02__img img {
  display: block;
  border-radius: 0.625em;
}

.wrap .p-sportsUpdate-item-02__txt {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 1em;
}

.wrap .p-sportsUpdate-item-02__txt small {
  display: inline-block;
  font-size: 0.75em;
}

.wrap .p-sportsUpdate-item-02__name {
  font-size: 0.9375em;
  line-height: 1.25;
  text-align: center;

  @media only screen and (max-width: 767px) {
    font-size: 0.9375em;
  }
}

.wrap .p-sportsUpdate-item-02__price {
  text-align: center;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.25;
  margin-top: 0.22222222em;
}

.wrap .p-sportsUpdate-item-02__price > span > span {
  font-size: 0.66666667em;
}

.wrap .p-sportsUpdate-btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  font-size: 1.375em;
  font-weight: bold;
  margin: 0.54545455em auto 0;
  width: 19.09090909em;
  max-width: 100%;
  height: 3.63636364em;
  border-radius: 3.63636364em;
  transition: opacity 0.2s ease-out;
  color: #FFF;
  background: url(../sports_update_index_img/arrow_01.png) no-repeat right 1.09090909em center / 0.45454545em auto;

  &:hover {
    opacity: 0.7;
    text-decoration: none;
  }

  @media only screen and (max-width: 767px) {
    font-size: 1.125em;
    background-position: right 0.88888889em center;
    background-size: 0.44444444em auto;
    height: 4.66666667em;
    margin-top: 0.66666667em;
  }
}

.wrap .p-sportsUpdate-sec.--color-04 .p-sportsUpdate-btn2 {
  background-color: #4E3A93;
}

.wrap .p-sportsUpdate-other {
  margin-top: 5.1875em;

  @media only screen and (max-width: 767px) {
    margin-top: 3.5em;
  }
}

.wrap .p-sportsUpdate-other__ttl {
  margin: 0 auto 1em;
  aspect-ratio: 165 / 27;
  width: 10.3125em;
  background-image: url(../sports_update_index_img/sec_more_ttl.png);

  @media only screen and (max-width: 767px) {
    width: 8.125em;
  }
}

.wrap .p-sportsUpdate-bnr {
  margin: 0 auto;
  width: 65em;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;

  @media only screen and (max-width: 767px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 0.9375em;
    grid-row-gap: 0.9375em;
  }
}

.wrap .p-sportsUpdate-bnr > li {
  line-height: 1;
}

.wrap .p-sportsUpdate-bnr a {
  display: block;
  transition: opacity 0.2s ease-out;

  &:hover {
    opacity: 0.7;
  }
}