@charset "utf-8";

.mt-40 {
	margin-top: 40px;
}
@media (max-width: 767px){
	.mt-40 {
		margin-top: 5.3333vw;
	}
}
@media (min-width: 768px){
	.pc-none {
		display: none;
	}
}
@media (max-width: 767px){
	.sp-none {
		display: none;
	}
	.grandprix__flex {
		display: flex;
		flex-direction: column;
		gap: 1.3333vw;
	}
}


.kv {
	background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/2025/kv-final-2025.png) no-repeat center top / cover;
}
@media (max-width: 767px){
	.kv {
		background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/2025/kv-final-2025-sp.png) no-repeat center top / cover;
	}
}
.g-nav .anchor-list {
	padding: 0;
}
.g-nav .anchor-list > li a > span > span:before {
	background: #fff;
}
.g-nav__pullDown__menu > li::before{
	background: none;
}

@media (max-width: 825px){
	.g-nav .anchor-list {
		padding: 0;
	}
}
.g-nav .nav-other::before {
	background: rgba(0, 0, 0, 0.3);;
}
.g-nav .anchor-list > li a,
.g-nav .anchor-list > li span {
	color: #FFF;
}
.g-nav .anchor-list > li::before {
	border-color: #fff !important;
	background-color: #FFF !important;
}
.g-nav__pullDown__trigger > span::after{
	color: #FFF;
}
.g-nav__pullDown__menu > li > a > span::after{
	border-color: #FFF;
}
@media (max-width: 767px) {
    .g-nav__pullDown__trigger > span::after {
        color: #555;
    }
}
.grandprix__outline {
	color: #000;
}
:not(str-inner) > :where(.plain-html) #wrapper {
	background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/2024/page-bg-final.jpg) no-repeat center top / cover;
}
@media (max-width: 767px){
	:not(str-inner) > :where(.plain-html) #wrapper {
		background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/2024/page-bg-final-sp.jpg) no-repeat center top / cover;
	}
}

/* kv
------------------------------ */

@media (max-width: 767px) {
	.kv{
		aspect-ratio: 750 / 1426;
		padding-top: 0;
	}
	.kv h1{
		margin-top: -10vw;
	}
	.kv p{
		font-size: 2.13333vw;
		line-height: 1.6875;
	}
}

/* outline
------------------------------ */
.imgBox-imgC .textImgBox__img::before {
	border-top: #ff3000 4px solid;
	border-left: #ff3000 4px solid;
}
.imgBox-imgC .textImgBox__img::after {
	border-top: #ff3000 4px solid;
	border-right: #ff3000 4px solid;
}
.imgBox-imgC .textImgBox__img__inner::before {
	border-bottom: #ff3000 4px solid;
	border-left: #ff3000 4px solid;
}
.imgBox-imgC .textImgBox__img__inner::after {
	border-bottom: #ff3000 4px solid;
	border-right: #ff3000 4px solid;
}
.grandprix__name-jp__kana {
	margin-left: 1.5em;
}
.grandprix__imgTxtBox__img {
	float: left;
  margin: 0 30px 20px 0;
}
.grandprix__imgTxtBox {
	display: block;
}
.grandprix__imgTxtBox__txt {
	width: 100%;
}
.textImgBox-imgR p,
.textImgBox-imgL p,
.grandprix__imgTxtBox__txt p,
.comment__list__txt p {
	text-align: justify;
}
.bg-red {
	background: rgba(255, 60, 0, 0.8);
	mix-blend-mode: multiply;
}
.grandprix__name-en{
	width: 191px;
}

@media (max-width: 767px) {
	.negativeMargin {
		margin-left: -0.1vw;
	}
	.g-nav .anchor-list li:nth-child(3n-1):before, .g-nav .anchor-list li:nth-child(3n):before {
		border-left: 1px solid #fff;
	}
	.grandprix__name-en {
		width: 27.66666vw;
	}
	.grandprix__outline {
			margin: -31.6666vw auto 10.6666vw;
	}
	.imgBox-imgC .textImgBox__img::before {
		border-top: #ff3000 0.53333vw solid;
		border-left: #ff3000 0.53333vw solid;
	}
	.imgBox-imgC .textImgBox__img::after {
		border-top: #ff3000 0.53333vw solid;
		border-right: #ff3000 0.53333vw solid;
	}
	.imgBox-imgC .textImgBox__img__inner::after {
		border-bottom: #ff3000 0.53333vw solid;
		border-right: #ff3000 0.53333vw solid;
	}
	.imgBox-imgC .textImgBox__img__inner::before {
		border-bottom: #ff3000 0.53333vw solid;
		border-left: #ff3000 0.53333vw solid;
	}
}