@charset "UTF-8";


/*****************************************************
　ヘッダー　
*****************************************************/
#header{
	padding:52px 0 20px;
}
#header .header-inner{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:1485px;
	width:95%;
}
/* グローバルナビ 
------------------------------------------------- */
/* ----- メニュー ----- */
#globalnav ul{
	align-items:center;
	display:flex;
	justify-content:flex-end;
	list-style-type:none;
	padding:20px 0 0;
}
#globalnav ul li{
	letter-spacing:0.12em;
}
#globalnav ul li + li{
	margin-left:40px;
}
#globalnav ul li a{
	color:#014099;
}
/* ----- ハンバーガーメニュー ----- */
/* 開くボタン */
#globalnav-open-btn{
	align-items:center;
	background:#014099;
	border-radius:50%;
	cursor:pointer;
	display:none;
	height:64px;
	justify-content:center;
	position:fixed;
	right:60px;
	top:40px;
	width:64px;
	z-index:50;
}
#globalnav-open-btn.show{
	display:flex;
}
#globalnav-open-btn span{
	background:#fff;
	display:block;
	height:4px;
	width:26px;
}
#globalnav-open-btn span + span{
	margin:7px 0 0;
}
/* 閉じるボタン */
#globalnav-close-btn{
	cursor:pointer;
	position:absolute;
	right:50px;
	top:40px;
	z-index:0;
}
#globalnav-close-btn span{
	background:#fff;
	display:block;
	height:5px;
	transition:all 0.3s ease-out;
	width:53px;
}
#globalnav-close-btn span:nth-child(1){
	transform:translateY(2px) rotate(-45deg);
	-webkit-transform:translateY(2px) rotate(-45deg);
}
#globalnav-close-btn span:nth-child(2){
	transform:translateY(-2px) rotate(45deg);
	-webkit-transform:translateY(-2px) rotate(45deg);
}
/* メニュー2 */
#globalnav-type2{
	background:#014099;
	color:#fff;
	height:100vh;
	left:0;
	position:fixed;
	top:0;
	transform:translateX(100vw);
	transition:all 0.6s;
	width:100%;
	z-index:100;
}
#globalnav-type2.open{
	transform:translateX(0);
}
#globalnav-type2 .globalnav-type2_inner{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
}
#globalnav-type2 ul{
	border-bottom:2px solid #fff;
	list-style-type:none;
	margin:0 auto;
	max-width:480px;
	padding:0;
	text-align:center;
	width:100%;
}
#globalnav-type2 ul li{
	font-size:36px;
	font-size:3.6rem;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:34px;
}
#globalnav-type2 ul li a{
	color:#fff;
	display:block;
}
#globalnav-type2 .globalnav-info{
	margin:60px auto 0;
	max-width:480px;
	text-align:center;
	width:100%;
}
#globalnav-type2 .globalnav-info dl dt{
	margin:40px 0 0;
}
#globalnav-type2 .globalnav-info dl dt{
	font-size:28px;
	font-size:2.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
#globalnav-type2 .globalnav-info dl dd{
	font-size:40px;
	font-size:4.0rem;
	line-height:1.4;
}
#globalnav-type2 .globalnav-info dl dd a{
	color:#fff;
	cursor:default;
	pointer-events:none;
}


/*****************************************************
　フッター　
*****************************************************/
#footer{
	background:#fff;
	text-align:center;
	padding:75px 0 65px;
}
#footer .footer-inner{
	margin:0 auto;
	max-width:1485px;
	width:95%;
}
/* ロゴ 
------------------------------------------------- */
#foot-logo{
	margin:0 0 50px;
}
/* コピーライト 
------------------------------------------------- */
#copyright{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	margin:25px 0 0;
}


/*****************************************************
　404 Not Found　
*****************************************************/
/* ページヘッダー 
------------------------------------------------- */
#error404 .page-head{
	align-items:center;
	color:#014099;
	display:flex;
	font-size:20px;
	font-size:2.0rem;
	height:220px;
	justify-content:center;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 auto;
	max-width:1750px;
	text-align:center;
	width:95%;
}
#error404 .page-head span{
	display:block;
	font-size:48px;
	font-size:4.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* コンテンツ 
------------------------------------------------- */
.error404-inner{
	margin:100px 0;
}
.error404-txt{
	text-align:center;
}
/* ボタン 
------------------------------------------------- */
.error404-btn{
	margin:40px auto 0;
	padding:10px 0;
	text-align:center;
	width:300px;
}
.error404-btn span{
	background:url('../img/common/arrow_blue_left.png') no-repeat left center;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding-left:30px;
}


/*****************************************************
　その他イベント情報　
*****************************************************/
.other-event{
	margin:170px 0 100px;
}
/* タイトル 
------------------------------------------------- */
.other-event .event-ttl{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 0 40px;
	text-align:center;
}
.other-event .event-ttl span{
	color:#014099;
	display:block;
	font-size:40px;
	font-size:4.0rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* 投稿リスト 
------------------------------------------------- */
.other-event .event-list{
	display:flex;
}
.other-event .event-list .event-item{
	max-width:350px;
	width:30%;
}
.other-event .event-list .event-item:nth-child(1){
	margin-bottom:60px;
}
.other-event .event-list .event-item:nth-child(2),
.other-event .event-list .event-item:nth-child(3){
	margin-bottom:60px;
	margin-left:5%;
}
.other-event .event-list .event-item:nth-child(5),
.other-event .event-list .event-item:nth-child(6){
	margin-left:5%;
}
.other-event .event-list .event-item .ttl{
	color:#365980;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:10px 10px 0;
	text-decoration:underline;
}
.other-event .event-list .event-item .date{
	color:#365980;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 10px;
	text-decoration:underline;
}
/* 投稿なし 
------------------------------------------------- */
.other-event .none{
	text-align:center;
}
/* 「もっとみる」ボタン 
------------------------------------------------- */
.other-event .more{
	text-align:center;
}
.other-event .more a{
	display:block;
	margin:0 auto;
	padding:10px 0;
	width:200px;
}
.other-event .more a span{
	background:url('../img/common/arrow_blue_right.png') no-repeat left center;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding-left:30px;
}


/*****************************************************
　.inner　
*****************************************************/
.inner{
	margin:0 auto;
	max-width:1200px;
	width:95%;
}


/*****************************************************
　ページャー　
*****************************************************/
.pager{
	text-align:center;
}
.pager span,
.pager a{
	color:#014099;
}
.pager .wp-pagenavi a:hover,
.pager .wp-pagenavi span.current{
	border-color:#014099;
}


/*****************************************************
　フォント　
*****************************************************/
/* Noto Sans Japanese 
------------------------------------------------- */
.f-noto-sans-jp-700{
	font-family:"Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:700;
	font-style:normal;
}
/* Roboto Slab 
------------------------------------------------- */
.f-roboto-slab-700{
	font-family:"Roboto Slab", serif;
	font-optical-sizing:auto;
	font-weight:700;
	font-style:normal;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　ヘッダー　
	*****************************************************/
	#header{
		padding:5.55vw 0 5.55vw;
	}
	#header .header-inner{
		margin:0 auto;
		width:92.85vw;
	}
	/* ロゴ 
	------------------------------------------------- */
	#logo{
		margin:0 2.77vw;
	}
	#logo img{
		width:74.76vw;
	}
	/* グローバルナビ 
	------------------------------------------------- */
	#globalnav{
		display:none;
	}
	/* ----- ハンバーガーメニュー ----- */
	/* 開くボタン */
	#globalnav-open-btn{
		display:flex;
		height:9.84vw;
		/*right:3.57vw;
		top:4.6vw;*/
		right:0;
		top:0;
		position:relative;
		width:9.84vw;
	}
	#globalnav-open-btn span{
		height:0.55vw;
		width:3.96vw;
	}
	#globalnav-open-btn span + span{
		margin:0.95vw 0 0;
	}
	/* 閉じるボタン */
	#globalnav-close-btn{
		right:3.57vw;
		top:6.9vw;
	}
	#globalnav-close-btn span{
		height:0.78vw;
		width:7.03vw;
	}
	#globalnav-close-btn span:nth-child(1){
		transform:translateY(0.31vw) rotate(-45deg);
		-webkit-transform:translateY(0.31vw) rotate(-45deg);
	}
	#globalnav-close-btn span:nth-child(2){
		transform:translateY(-0.31vw) rotate(45deg);
		-webkit-transform:translateY(-0.31vw) rotate(45deg);
	}
	/* メニュー2 */
	#globalnav-type2{
		overflow:scroll;
	}
	#globalnav-type2 .globalnav-type2_inner{
		display:block;
		height:auto;
		left:0;
		position:relative;
		top:50%;
		transform:translate(0,-50%);
		z-index:0;
	}
	#globalnav-type2 ul{
		border-bottom-width:0.31vw;
		max-width:80vw;
		padding:10vw 0 0;
	}
	#globalnav-type2 ul li{
		font-size:4.61vw;
		margin:4.35vw;
	}
	#globalnav-type2 .globalnav-info{
		margin:7.69vw auto 0;
		max-width:80vw;
		padding:0 0 10vw;
	}
	#globalnav-type2 .globalnav-info img{
		width:100%;
	}
	#globalnav-type2 .globalnav-info dl dt{
		margin:5.12vw 0 0;
	}
	#globalnav-type2 .globalnav-info dl dt{
		font-size:3.58vw;
	}
	#globalnav-type2 .globalnav-info dl dd{
		font-size:5.12vw;
	}
	#globalnav-type2 .globalnav-info dl dd a{
		cursor:pointer;
		pointer-events:auto;
	}


	/*****************************************************
	　フッター　
	*****************************************************/
	#footer{
		padding:10.31vw 0 9.52vw;
	}
	/* ロゴ 
	------------------------------------------------- */
	#foot-logo{
		margin:0 0 7.53vw;
	}
	#foot-logo img{
		width:60vw;
	}
	#boatrace-ashiya-logo img{
		width:26.74vw;
	}
	/* コピーライト 
	------------------------------------------------- */
	#copyright{
		font-size:3.17vw;
		margin:3.17vw 0 0;
	}


	/*****************************************************
	　404 Not Found　
	*****************************************************/
	/* ページヘッダー 
	------------------------------------------------- */
	#error404 .page-head{
		font-size:4.28vw;
		height:33.17vw;
	}
	#error404 .page-head span{
		font-size:6.9vw;
	}
	/* コンテンツ 
	------------------------------------------------- */
	.error404-inner{
		margin:13.02vw 0;
	}
	/* ボタン 
	------------------------------------------------- */
	.error404-btn{
		margin:5.12vw auto 0;
		padding:1.58vw 0;
		width:50vw;
	}
	.error404-btn span{
		background-size:2.22vw 3.57vw;
		-webkit-background-size:2.22vw 3.57vw;
		font-size:3.75vw;
		padding-left:4.76vw;
	}


	/*****************************************************
	　その他イベント情報　
	*****************************************************/
	.other-event{
		margin:21.79vw 0 12.82vw;
	}
	/* ページヘッダー 
	------------------------------------------------- */
	.other-event .event-ttl{
		font-size:4.28vw;
	}
	.other-event .event-ttl span{
		font-size:6.9vw;
	}
	/* 投稿リスト 
	------------------------------------------------- */
	.other-event .event-list{
		display:block;
	}
	.other-event .event-list .event-item{
		margin:0 auto!important;
		max-width:none;
		width:69.04vw;
	}
	.other-event .event-list .event-item + .event-item{
		margin:4.76vw auto 0!important;
	}
	.other-event .event-list .event-item .img img{
		width:100%;
	}
	.other-event .event-list .event-item .ttl{
		font-size:3.75vw;
		margin:1.58vw 4.76vw 0;
	}
	.other-event .event-list .event-item .date{
		font-size:3.75vw;
		margin:0 4.76vw;
	}
	/* 「もっとみる」ボタン 
	------------------------------------------------- */
	.other-event .more{
		margin:7vw 0 0;
	}
	.other-event .more a{
		padding:1.58vw 0;
		width:39.68vw;
	}
	.other-event .more a span{
		background-size:1.74vw 2.77vw;
		-webkit-background-size:1.74vw 2.77vw;
		font-size:3.8vw;
		padding-left:6.74vw;
	}


	/*****************************************************
	　.inner　
	*****************************************************/
	.inner{
		margin:0 auto;
		width:92.85vw;
	}


	/*****************************************************
	　ページャー　
	*****************************************************/
	.pager{
		margin:10vw 0 0;
	}
}