@charset "utf-8";
/* CSS Document */
/*===================================================================
For 2026 
===================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
    --dclr: #03062F;
    --dnavy: #03062F;
    --dgray: #b0aca8;
    --dblue: #382383;
    --dred: #c62831;
    --pink: #f77;
    --yellow: #ff8;
    --cream: #ffe;
    --potta:"Potta One", system-ui;
  }
@font-face {
  font-family: "RivieraNights";
  src: url("/css/font/RivieraNights-Light-WebS.woff2") format("woff2"), url("/css/font/RivieraNights-Light-WebS.woff") format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "RivieraNights";
  src: url("/css/font/RivieraNights-Regular-WebS.woff2") format("woff2"), url("/css/font/RivieraNights-Regular-WebS.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "RivieraNights";
  src: url("/css/font/RivieraNights-Medium-WebS.woff2") format("woff2"), url("/css/font/RivieraNights-Medium-WebS.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "RivieraNights";
  src: url("/css/font/RivieraNights-Bold-WebS.woff2") format("woff2"), url("/css/font/RivieraNights-Bold-WebS.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

*:not(.sns_nav *) {box-sizing: border-box;}

body {font-family: 'RivieraNights', 'Noto Sans JP', 'Hiragino Sans', sans-serif;}

a {text-decoration: none;}

header,
.dayBtn>a,
.couse_box,/*背景公式紺・文字白*/
#main_mini_container,
#rumina_box,
#contents_title_box,.contents_title_box,
#contens_container,
#couse_container .couse_box,
#entry_contact a,
#gallery_container,
#transportation_box,
#result_list_box h3,
.kaisai_box>p>a,
.q_index_btn>a,
.question_index_btn>a,
.question_list>li>details>summary,
#pamphlet_container>ul>li>h3,
#result_list_box h3,
.result_list>li>a::after,
.race_info_list>dt,
/*#couse_container h4,*/
.activity_content>h4,
.activtiy_entry_btn a,
#activity_box h4,
#beginner_box>div>h4,
.formTable>li>.problem,
footer,
.hamburger {
	background-image: none;
	background-color: var(--dnavy);
	color: #fff;
}

/*#main_mini_container,.kaisai_box>p,*/
/*#contens_list>li>a>p,*/
#info_container,#info_box>h2,/*背景白・文字公式紺*/
#pamphlet_container,
#entry_container>h4.entry_ttl,
.entry_box h3,
#result.contents_title_box,
#result>h2,
#info_container,
.race_info_text>p,
.race_info_list>dd>dl>dd,
#question_container,
#question_box>h3,
#question_box>h4>span,
.question_box>h4,
.question_list>li>label,
.question_list>li>label::after,
.question_list>li>details>summary + div,
.ac-cont>p>a,
.kaisai_box>ul>li>a,
.beginner_list>li>h5,
.lodging_list>li>a>.lodging_text_box>h4
 {
	background: #fff;
	color: var(--dnavy);/*
	color: #909;カラーチェック*/
}

.dlogo {
	align-content: center;
	background: #fffa;
	padding: 0 1em;
/*	height: 100%;*/
}

h2.ttl>span, #sponsor_container h2 span,/*タイトル背景下半分適用*/
h3.ttl>span,
#info_box>h2>span,
#couse_container>h3>span,
#question_box>h3>span,
#beginner_container>h3>span,
#activity_box h3>span,
#lodging_box h3 span,
#transportation_container h3 span {background: linear-gradient(transparent 50%, var(--dnavy) 100%);}

/*ボーダーカラーのみ公式紺*/
.race_info_list>dt,.race_info_list>dd,
.race_info_list>dt:first-child,.race_info_list>dd:last-child,
.activtiy_entry_btn a,
footer {
	border-color: var(--dnavy);
}

.guide_info a,
.dayBtn>a,
.q_index_btn>a,
#question_box>h4>span,
.question_index_btn>a {
	border: 3px solid var(--dnavy);
	font-weight: bolder;
}
/*=== ↑↑↑↑↑↑全体適用系 ==========================================================*/

/*=== ↓↓↓↓↓↓個別適用系 ==========================================================*/
#thanks {padding-top: 120px;}
#policy,
#contents_title_box {padding-top: 4em;}

#contents_icon {
	top: auto;
	bottom: 0;
}

.flex-wrp {
	display: flex;
	flex-wrap: wrap;
}

header {height: 108px;}

#logo {
	width: 298px;
	padding: 0;
}

.kaisai_box {
	margin: 1em auto;
	line-height: 1.6;
}

.kaisai_box>p {margin-bottom: 1em;}

.kaisai_box>p>a {text-decoration: underline;}

.kaisai_box>ul {
	width: 80%;
	margin: auto;
	display: block;
/*	grid-template-columns: 1fr 1fr 1fr;*/
/*	justify-items: center;*/
}
.kaisai_box>ul>li>a {
	display: flex;
	align-items: flex-end;
	padding: 1em;
	border: var(--dblue) 3px solid;
	border-radius: 1em;
	font-weight: bolder;
	white-space: nowrap;
}
.kaisai_box>ul>li.ico>a::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 2em;
	height: 2em;
	margin-right: .5em;
}
.kaisai_box>ul>li.ico>a.vol::before {
	background-image: url(/images/2026/icon-volunt.png);
}
.kaisai_box>ul>li.ico>a.wet::before {
	background-image: url(/images/2026/icon-wetrental.png);
}
.kaisai_box>ul>li.ico>a.bgn::before {
	background-image: url(/images/2026/icon-begin.png);
}

#transportation_box>h4>span.supp_txt {color: #fff;}

#race_repo,
#footer_container>.race_info_list {margin: 2em 0;}

#footer_container>.race_info_list>dt {
	width: 100%;
	color: #fff;
	font-weight: bolder;
}
#footer_container>.race_info_list>dt,
#footer_container>.race_info_list>dd {padding: .5em;}
#footer_text>* {font-size: .8em;}

#backpage>a,
#thanks_container>p>a,
.text_center>input {
	border-radius: 1em;
	box-shadow: .2em .2em .4em var(--dnavy);
	font-weight: bolder;
	font-size: 1.1em;
}

#nav br {display: none;}

/*============================================================= max-width:768px */
@media screen and (max-width:768px) {
	header, header.fixed {
		align-items: center;
		justify-content: flex-start;
	}

	#top-head {width: 40%;}

	.slideshow>img {
		height: 65vh;
		object-fit: cover;
	}

	.kaisai_box>ul>li {font-size: 1.1em;}
	.kaisai_box>ul>li:not(:last-child) {margin-bottom: 1em;}
}

/*======================================================================= min-width:769px */
@media screen and (min-width:769px) {
	#policy,
	#contents_title_box {padding-top: 64px;}

	.kaisai_box>ul {
		width: 80%;
		margin: 1em auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		justify-items: center;
	}

	.kaisai_box>ul>li>a:hover,
	.kaisai_box>p>a:hover {opacity: .7;}

	.kaisai_box>ul>li>a {
		
	}

	.kaisai_box>ul>li.ico>a:hover.vol::before {
		background-image: url(/images/2026/icon/icon-volunt.png);
	}
	.kaisai_box>ul>li.ico>a:hover.wet::before {
		background-image: url(/images/2026/icon/icon-wetrental.png);
	}
	.kaisai_box>ul>li.ico>a:hover.bgn::before {
		background-image: url(/images/2026/icon/icon-begin.png);
	}

	.dlogo {align-content: center;}

	#nav>li>a:hover {background-color: #1D2590cc;}
	#footermenu a {font-size: 1.2em;}

	.kaisai_box>ul>li>a:hover,
	.result_list li:not(.cert):hover a,
	#backpage>a:hover,
	.text_center>input:hover,
	#thanks_container>p>a:hover,
	#news_list>span>li:hover,
	#news_list>li:hover {
		background-color: #03062fd9;
		color: #fff;
		box-shadow: .1em .1em .36em #777;
		text-shadow: 0 0 .2em #fff;
	}

	.guide_info a:hover,
	.dayBtn>a:hover,
	.q_index_btn>a:hover,
	.activtiy_entry_btn>a:hover,
	.lodging_list>li>a:hover,
	.question_index_btn>a:hover,
	.q_index_btn>a:hover::after,
	.question_index_btn>a:hover::after {
		background: #fff;
		color: var(--dnavy);
		border-color: var(--dnavy);
	}

	.race_info_list>dt:not(:first-child),
	footer .race_info_list>dt:not(:first-child)+dd {border-top: 2px solid #fff;}

	#footer_container>.race_info_list>dt {
		width: 12em;
		text-align: center;
	}
	#footer_container>.race_info_list>dd {
		width: calc(100% - 12em);
	}
}


/*無理やり差し替え*/
/*
#logo {
	min-width: 256px;
	max-width: 384px;
}
#logo img {display: none;}
#logo>a::after {
	display: block;
	content: '';
	background-image: url(/images/2026/logo2026.png);
	background-position: left;
	width: 384px;
	height: 108px;
}
*/