@charset "UTF-8";
/*============================================================================*\
    Page - Index
\*============================================================================*/

/*------------------------------------*\
    Hero-Login
\*------------------------------------*/
@media (min-width:72.5em) {
	.hero-login { min-height: 100vh; }
}


/*------------------------------------*\
    Hero
\*------------------------------------*/
.hero,
.hero a {
  color: #fff;
}
.hero {
	padding-bottom: 75%;
	background-image: url(../img/index-bg.jpg);
	background-repeat: no-repeat;
	background-position: 60% 50%;
	background-size: cover;
}
.hero-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
}

/* Heading */
.hero-heading {
	position: relative;
	padding-right: 10rem;
}
.hero-heading__sub {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

/* Logo */
.hero-logo { width: 28.8rem; }
.hero-heading .hero-logo { width: 19.9rem; }

/* Label */
.hero-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.4rem;
	padding: .8rem;
	border-radius: 50%;
	background-color: #fc6034;
	background-image: linear-gradient(135deg,#ff9b80 0%,#fc6034 80%,#f24114 100%);
	color: #fff;
	text-align: center;
	text-indent: .1em;
	line-height: 1.3;
	letter-spacing: .1em;
	font-size: 1.2rem;
	font-weight: 700;
	font-feature-settings: "pkna";
}
.hero-label::before {
	content: "";
	display: block;
	padding-top: 60%;
}

/* Theme */
.hero-theme {
  color: #000;
	font-weight: 700;
	font-feature-settings: "pkna";
	letter-spacing: .1em;
	text-align: center;
  font-size: 2rem;
  line-height: 1;
}
.hero-theme span {
  font-size: 1.4rem;
}

/* Price */
.hero-price {
	padding: .2rem .4rem;
  background-color: #074b76;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: .3em;
	text-align: center;
	text-indent: .3em;
  font-weight: bold;
}

/* Lede */
.hero-lede { font-size: 1.6rem; }

/* List */
.hero-list { font-size: 1.6rem; }
.hero-list dd { margin-left: 0; }
.hero-list-date { margin-top: .8rem; }

@media (min-width:30em) {
	.hero-heading { padding-left: 10rem; }
}

@media (min-width:42.5em) {
	.hero-price,
	.hero-lede,
	.hero-list { font-size: 1.8rem; }

	/* Heading */
	.hero-heading {
		padding-left: 0;
		padding-right: 9.5rem;
	}
	.hero-heading__sub { right: -5.5rem; }

	/* Logo */
	.hero-logo,
	.hero-heading .hero-logo { width: 44.6rem; }

	/* Label */
	.hero-label {
		width: 11rem;
		font-size: 1.6rem;
	}
	.hero-label::before { padding-top: 100%; }

	/* Theme */
	.hero-theme {
		font-size: 3rem;
	}
  	.hero-theme span {
		font-size: 2.2rem;
	}

	/* Price */
	.hero-price { padding: .4rem .8rem; }
}

@media (min-width:72.5em) {
	.hero { padding-bottom: 20%; }
	.hero--wide-lg {
		padding-bottom: 0;
		background-position: 50% 40%;
    height: 760px;
	}
	.hero-wrapper {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 72.5em) {
    .hero .pcmb-0 {
        margin-bottom: 0;
    }
}

.hero .pcw-50 {
    width: 100%;
    margin-left: 0;
}
@media (min-width: 72.5em) {
    .hero .pcw-50 {
        width: 50%;
        margin-left: 5rem;
    }
}
.flex_box_column {
    display: block;
}
@media (min-width: 72.5em) {
    .flex_box_column {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
}
/*------------------------------------*\
    News
\*------------------------------------*/
.news-list { margin-top: -1.4rem; }
.news-list__item {
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
	border-bottom: .1rem solid #e8e8e8;
}
.news-item__date { display: block; }

@media (min-width:42.5em) {
	.news-item {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.news-item__date { margin-right: 1em; }
	.news-item__heading { flex: 1; }
}


/*------------------------------------*\
    Sponsor
\*------------------------------------*/
/* Heading */
.sponsor-heading {
	overflow: hidden;
	margin-bottom: 1.4rem;
	text-align: center;
}
.sponsor-heading--platinum img { width: 16.4rem; } /* 18.2rem x .9 (font-size: 18px) */
.sponsor-heading--gold img { width: 12.6rem; } /* 14rem x .9 (font-size: 18px) */
.sponsor-heading__inner {
	position: relative;
	padding-right: 1.6rem;
	padding-left: 1.6rem;
}
.sponsor-heading__inner::before,
.sponsor-heading__inner::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 100rem;
	width: 100vw;
	height: .2rem;
	margin-top: -.1rem;
}
.sponsor-heading__inner::before { right: 100%; }
.sponsor-heading__inner::after { left: 100%; }
.sponsor-heading--platinum .sponsor-heading__inner::before,
.sponsor-heading--platinum .sponsor-heading__inner::after { background-color: #8f9bb8; }
.sponsor-heading--gold .sponsor-heading__inner::before,
.sponsor-heading--gold .sponsor-heading__inner::after { background-color: #caac7d; }

@media (min-width:42.5em) {
	/* Heading */
	.sponsor-heading { margin-bottom: 3.2rem; }
	.sponsor-heading--platinum img { width: 18.2rem; }
	.sponsor-heading--gold img { width: 14rem; }
	.sponsor-heading__inner {
		margin-bottom: 3.2rem;
		padding-right: 5.6rem;
		padding-left: 5.6rem;
	}

	/* Gutter */
	.sponsor-gutter-platinum { margin-top: -1.6rem; }
	.sponsor-gutter-platinum [class*="fx-col"] { padding-top: 1.6rem; }
	.sponsor-gutter-gold { margin-top: -2.4rem; }
	.sponsor-gutter-gold [class*="fx-col"] { padding-top: 2.4rem; }
}

@media (min-width:72.5em) {
	/* Wrapper */
	.sponsor-wrapper {
		margin-right: auto;
		margin-left: auto;
	}
	.sponsor-wrapper--platinum { max-width: 64.8rem; }
	.sponsor-wrapper--gold { max-width: 78.4rem; }

	/* Gutter */
	.sponsor-gutter-platinum {
		margin-right: -4.8rem;
		margin-left: -4.8rem;
	}
	.sponsor-gutter-platinum [class*="fx-col"] {
		padding-right: 4.8rem;
		padding-left: 4.8rem;
	}

	/* Logo */
	.sponsor-logo-isolation { margin-top: 2.4rem; }
}


/* 2023追記 */

.hero .fx-col-0 {
  text-shadow: 1px 1px 2px #000;
  font-weight: bold;
}
.hero .label--primary {
  font-weight: bold;
}
.label--primary {
  background-color: #174256e;
  background-image: linear-gradient(180deg, #b053a9 0%, #74256e 10%, #52104d 100%);
  /* box-shadow: 1px 1px 6px #fff; */
}