@charset "UTF-8";
/****************************************
	XC-1クラス3位入賞セール -2026-
*****************************************/


/*=============================
	共通パーツ
==============================*/
.rallyhokkaido_2026 {
	color: #000;
}
.rallyhokkaido_2026 .c-yellow-box {
	background-color: #FFFEEA;
	padding: 2rem 2.2rem;
}
.rallyhokkaido_2026 span.c-marker {
	background: linear-gradient(transparent 30%, #FEFC03 30%);
	padding: 0 5px;
}
.rallyhokkaido_2026 .c-ttl {
	border-left: 10px solid #000;
	background-color: #FFEB7A;
    background-image:
         repeating-linear-gradient(-45deg,#FDDC47, #FDDC47 10px,transparent 0, transparent 20px);
	padding: .5rem .5rem .5rem 1rem;
	font-weight: 900;
	font-size: 1.5rem;
	margin-top: 3rem;
}
.rallyhokkaido_2026 .c-copy {
	font-weight: 900;
	font-size: 1.05rem;
	line-height: 2.2;
}
.rallyhokkaido_2026 .c-bnr {
	margin-top: 3rem;
}
.rallyhokkaido_2026 .c-bnr a:hover {
	opacity: .7;
}

/*=============================
	各々の設定
==============================*/
.rallyhokkaido_2026 h2.ttl {
	padding: 0;
	border-bottom: none;
	margin-bottom: 0;
	background: none;
	padding-left: 0;
}
.rallyhokkaido_2026 .intro-box .ttl {
	font-size: 1.8rem;
	font-weight: 900;
	text-align: center;
}
.rallyhokkaido_2026 .intro-box .copy {
	font-size: 1.3rem;
	font-weight: 900;
	margin-top: 1rem;
	line-height: 2;
}
.rallyhokkaido_2026 .msg-box {
	margin-top: 3rem;
	background-color: #FFEB7A;
    background-image:
         repeating-linear-gradient(-45deg,#FDDC47, #FDDC47 10px,transparent 0, transparent 20px);
	padding: 1rem 1rem;
}
.rallyhokkaido_2026 .msg-box .inner {
	background-color: #FFFEEA;
	padding: 2rem 1rem 3rem 1rem;
}
.rallyhokkaido_2026 .msg-box .ttl {
	font-size: 1.8rem;
	font-weight: 900;
	text-align: center;
}
.rallyhokkaido_2026 .msg-box .copy,
.rallyhokkaido_2026 .msg-box .photo {
	margin-top: 2rem;
}
.rallyhokkaido_2026 .msg-box .copy {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 2.2;
}
.rallyhokkaido_2026 .msg-box .copy.thanks {
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.8;
	color: #f00;
}
.rallyhokkaido_2026 .msg-box .photo {
	text-align: center;
}
.rallyhokkaido_2026 .msg-box .photo img {
	width: 100%;
	max-width: 600px;
}
.rallyhokkaido_2026 .msg-box .logo {
	text-align: center;
	margin-top: 1.5rem;
}
.rallyhokkaido_2026 .msg-box .logo img {
	width: 100%;
	max-width: 300px;
}
@media screen and (max-width: 880px){
	
	/*SPローカルコーディング用*/
	/*
	.product-container {
		display: block !important;
	}*/
	/*SPローカルコーディング用 ここまで*/
	
	
	/*=============================
		共通パーツ
	==============================*/
	.rallyhokkaido_2026 .c-yellow-box {
		padding: 1.5rem 1rem;
	}
	.rallyhokkaido_2026 .c-ttl {
		border-left: 8px solid #000;
		padding: .5rem .5rem .5rem 1rem;
		font-size: 1.25rem;
		margin-top: 3rem;
		line-height: 1.5;
	}
	.rallyhokkaido_2026 .c-copy {
		font-size: 1.08rem;
		line-height: 2.2;
	}

	/*=============================
		各々の設定
	==============================*/
	.rallyhokkaido_2026 .intro-box .ttl {
		font-size: 1.5rem;
	}
	.rallyhokkaido_2026 .intro-box .copy {
		font-size: 1.2rem;
		margin-top: 1rem;
		line-height: 2;
	}
	.rallyhokkaido_2026 .msg-box {
		margin-top: 3rem;
		padding: .8rem .8rem;
	}
	.rallyhokkaido_2026 .msg-box .inner {
		padding: 2rem 1rem 3rem 1rem;
	}
	.rallyhokkaido_2026 .msg-box .ttl {
		font-size: 1.5rem;
	}
	.rallyhokkaido_2026 .msg-box .copy,
	.rallyhokkaido_2026 .msg-box .photo {
		margin-top: 1.5rem;
	}
	.rallyhokkaido_2026 .msg-box .copy {
		text-align: left;
		font-size: 1.1rem;
		line-height: 2;
	}
	.rallyhokkaido_2026 .msg-box .copy.thanks {
		font-size: 1.5rem;
		font-weight: 900;
		line-height: 1.8;
		text-align: center;
	}
	.rallyhokkaido_2026 .msg-box .logo img {
		width: 100%;
		max-width: 240px;
	}

}