@charset "utf-8";

/* CSS Document */
.emphasis_line {
	background-image: linear-gradient(rgba(0 0 0 / 0)70%, #E5FF17 70%);
}

/*背景ボーダーのカラー反映用*/
@media(min-width:460px) {
	body {
		background: repeating-linear-gradient(135deg, #88cff3, #88cff3 8px, #94D5F5 8px, #94D5F5 16px);
	}
}

.boder {
	background: repeating-linear-gradient(135deg, darkgray, darkgray 8px, #fff 8px, #fff 16px);
}

/*エリア分け下矢印グラデーション*/
@media (max-width: 460px) {
	.traiangl_area01 {
		background: -ms-linear-gradient(-90deg, rgba(234, 234, 234, 1) 0%, rgba(229, 233, 235, 1) 23.33%, rgba(215, 230, 238, 1) 50.73%, rgba(191, 226, 243, 1) 80.05%, rgba(171, 222, 247, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#ABDEF7' ,GradientType=0)";
		background: linear-gradient(180deg, rgba(234, 234, 234, 1) 0%, rgba(229, 233, 235, 1) 23.33%, rgba(215, 230, 238, 1) 50.73%, rgba(191, 226, 243, 1) 80.05%, rgba(171, 222, 247, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#ABDEF7', GradientType=0);
	}
}

/*メインビジュアル用*/
.mainvisual_backcolor {
	background-color: #7DCCF3;
}

.mainvisual_wrap::before {
	background: url(/files/cont/paris2024/hokkaido_athletes/img/kitaguchi/top_kitaguchi_01_pc.webp) no-repeat center center / auto auto;
}

.mainvisual_text_inner h1 span:nth-child(2)::before {
	content: "";
	display: inline-block;
	width: 5rem;
}

.mainvisual_03 {
	width: 1654px;
}

.mainvisual_03 img {
	top: -65px;
	left: -256px;
}

.kazari_dot_top {
	top: -197px;
	right: 45%;
	transform: scale(-1, 1);
}

@media (max-height: 739px) {
	.kazari_dot_top {
		display: none;
	}

}


.kazari_dot_botom {
	bottom: 15%;
	right: 10%;
}

@media (max-width: 460px) {
	.mainvisual_wrap::before {
		background: url(/files/cont/paris2024/hokkaido_athletes/img/kitaguchi/top_kitaguchi_01_sp.webp) no-repeat center right / auto auto;
		background-size: cover;
	}

	.kazari_text {
		mix-blend-mode: color-dodge;
	}

	.mainvisual_03 {
		width: 100vw;
		bottom: 15svh;
	}

	.mainvisual_03 img {
		top: -24vw;
		left: 0;
	}

	.mainvisual_text_inner h1 span:nth-child(2)::before {
		width: 1rem;
	}

	.kazari_dot_botom {
		bottom: -50px;
		right: 12px;
	}
}

@media (max-height: 740px) and (max-width: 460px) {
	.mainvisual_03 {
		bottom: 10svh;
	}
}



/*写真反映用*/
.box_shadow {
	box-shadow: 8px 8px 0 #94D5F5;
}

.stripe_box {
	background: repeating-linear-gradient(135deg, #ffffff00, #ffffff00 8px, #E4F4FD 8px, #E4F4FD 16px);
}

.kitaguchi_02 {
	width: 290px;
}

.kitaguchi_03 {
	width: 290px;
}

.kitaguchi_04 {
	width: 487px;
	margin-top: 50px;
}

.kitaguchi_05 {
	width: 440px;
}

.kitaguchi_06 {
	background: url(/files/cont/paris2024/hokkaido_athletes/img/kitaguchi/06_kitaguchi.webp) no-repeat center center;
	background-size: cover;
}

.kitaguchi_07 {
	width: 474px;
}

.kitaguchi_08 {
	background: url(/files/cont/paris2024/hokkaido_athletes/img/kitaguchi/08_kitaguchi.webp) no-repeat center center;
	background-size: cover;
}


/*写真反映用*/
@media (max-width: 460px) {
	.kitaguchi_04, .kitaguchi_05, .kitaguchi_07 {
		width: 100%;
	}

	.kitaguchi_02, .kitaguchi_03 {
		width: 47vw;
	}

	.kitaguchi_04 {
		margin-top: 35px;
	}
}

/*テーマカラー一括反映用*/
.maincolor {
	background-color: #009ED7;
}

.subcolor {
	background: #94D5F5;
}