@charset "UTF-8";


body{
	position:relative;
}
body:before{
	background:#f2f3f5 url('../img/common/bg_1.png') no-repeat right top;
	content:'';
	display:block;
	height:1649px;
	position:absolute;
	right:135px;
	top:0;
	width:1787px;
	z-index:-1;
}


/*****************************************************
　メインビジュアル　
*****************************************************/
#main-visual .main-visual_inner{
	margin:0 auto;
	max-width:1485px;
	position:relative;
	width:95%;
}
/* 画像 
------------------------------------------------- */
#main-visual .mv-img{
	display:flex;
	max-width:1485px;
	width:77vw;
}
#main-visual .mv-img .mv-img-item + .mv-img-item{
	margin-left:10px;
}
/* .mv-box 
------------------------------------------------- */
#main-visual .mv-box{
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%);
	z-index:0;
}
/* ----- ボタン ----- */
#main-visual .mv-box .mv-btn{
	background:#014099;
	border-radius:46px;
	line-height:92px;
	margin:100px auto 0;
	text-align:center;
	width:395px;
}
#main-visual .mv-box .mv-btn a{
	color:#fff;
	display:block;
}
#main-visual .mv-box .mv-btn a span{
	background:url('../img/common/boat_icon.png') no-repeat left center;
	background-size:78px auto;
	-webkit-background-size:78px auto;
	display:inline-block;
	font-size:26px;
	font-size:2.6rem;
	padding-left:95px;
}


/*****************************************************
　イベント情報　
*****************************************************/
#event{
	margin:50px 0 0;
}
/* タイトル 
------------------------------------------------- */
#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;
}
#event .event-ttl span{
	color:#014099;
	display:block;
	font-size:40px;
	font-size:4.0rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* 投稿リスト 
------------------------------------------------- */
#event .event-list{
	display:flex;
}
#event .event-list .event-item{
	max-width:350px;
	width:30%;
}
#event .event-list .event-item:nth-child(1){
	margin-bottom:60px;
}
#event .event-list .event-item:nth-child(2),
#event .event-list .event-item:nth-child(3){
	margin-bottom:60px;
	margin-left:5%;
}
#event .event-list .event-item:nth-child(5),
#event .event-list .event-item:nth-child(6){
	margin-left:5%;
}
#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;
}
#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;
}
/* 投稿なし 
------------------------------------------------- */
#event .none{
	text-align:center;
}
/* 「もっとみる」ボタン 
------------------------------------------------- */
#event .more{
	text-align:center;
}
#event .more a{
	display:block;
	margin:0 auto;
	padding:10px 0;
	width:200px;
}
#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;
}


/*****************************************************
　ボートレースチケットショップ オラレ日南って？　
*****************************************************/
#about{
	background:url('../img/common/bg_2.png') no-repeat right top;
	margin:190px 0 0;
}
/* タイトル 
------------------------------------------------- */
#about .about-ttl{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
#about .about-ttl span{
	color:#014099;
	display:block;
	font-size:40px;
	font-size:4.0rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* テキスト・画像 
------------------------------------------------- */
#about .about-box{
	display:flex;
	justify-content:space-between;
}
/* ----- テキスト ----- */
#about .about-box .txt{
	max-width:550px;
	width:46%;
}
#about .about-box .txt p{
	letter-spacing:0.12em;
	line-height:1.7;
	margin:35px 0;
}
/* ボタン */
#about .btn{
	background:#014099;
	border-radius:27px;
	line-height:54px;
	margin:0 auto 35px;
	max-width:343px;
	text-align:center;
	width:100%;
}
#about .about-box .btn a{
	color:#fff;
	display:block;
}
#about .about-box .btn a span{
	background:url('../img/common/arrow_white_right.png') no-repeat left center;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	display:inline-block;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	letter-spacing:0.12em;
	padding-left:20px;
}
/* 施設詳細 */
#about .about-box .facility-detail th,
#about .about-box .facility-detail td{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.01em;
	line-height:1.4;
	vertical-align:top;
}
#about .about-box .facility-detail th{
	background:url('../img/common/arrow_blue_right.png') no-repeat 10px 20px;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	padding:15px 10px 15px 30px;
	text-align:left;
}
#about .about-box .facility-detail td{
	padding:15px 0 15px 10px;
}
/* 営業時間・お問い合わせ */
.other-detail{
	margin:35px 0 0;
}
.other-detail dt,
.other-detail dd{
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	line-height:1.4;
}
.other-detail dt{
	margin:0 0 10px;
}
.other-detail dd{
	margin:0 0 0 20px;
}
.other-detail dd .strong{
	color:#014099;
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.4;
}
.other-detail dd .tel{
	color:#014099;
	font-size:40px;
	font-size:4.0rem;
}
.other-detail dd .tel span{
	font-size:30px;
	font-size:3.0rem;
}
.other-detail dd .tel a{
	color:#014099;
	cursor:default;
	pointer-events:none;
}
/* ----- 画像 ----- */
#about .about-box .img{
	max-width:560px;
	position:relative;
	width:47%;
}
#about .about-box .img:before{
	background:url('../img/top/boat_illustration.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	content:'';
	display:block;
	height:213px;
	left:-35px;
	position:absolute;
	top:-175px;
	width:477px;
	z-index:0;
}
#about .about-box .img .img-item{
	align-items:center;
	display:flex;
	justify-content:center;
	min-height:360px;
}
#about .about-box .img .img-item.access{
	background:url('../img/top/about_access.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
#about .about-box .img .img-item.floor-map{
	background:url('../img/top/about_floor-map.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	margin:90px 0 0;
}
#about .about-box .img .img-item .ii-btn{
	background:#fff;
	border-radius:27px;
	line-height:54px;
	text-align:center;
	width:345px;
}
#about .about-box .img .img-item .ii-btn a{
	display:block;
}
#about .about-box .img .img-item .ii-btn 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:20px;
	font-size:2.0rem;
	letter-spacing:0.12em;
	padding-left:25px;
}
#about .about-box .img .img-item .ii-txt{
	color:#fff;
	display:block;
	letter-spacing:0.16em;
	line-height:1.4;
	margin:10px 0 0;
	text-align:center;
}
/* 準備中 */
/*#about .about-box .img .img-item.floor-map{
	position:relative;
}
#about .about-box .img .img-item.floor-map .comingsoon{
	align-items:center;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:flex;
	height:100%;
	justify-content:center;
	position:absolute;
	width:100%;
	z-index:1;
}
#about .about-box .img .img-item.floor-map .comingsoon p{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
}*/
/* バナー 
------------------------------------------------- */
#about .banner{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:60px 0 0;
	padding:0;
}


/*****************************************************
　芦屋ボートレース情報　
*****************************************************/
#ashiya-br-information{
	margin:90px 0 85px;
}
/* タイトル 
------------------------------------------------- */
#ashiya-br-information .abri-ttl{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
#ashiya-br-information .abri-ttl span{
	color:#014099;
	display:block;
	font-size:40px;
	font-size:4.0rem;
	line-height:1.4;
}
#ashiya-br-information .abri-ttl span br{
	display:none;
}
/* リンク 
------------------------------------------------- */
#ashiya-br-information .abri-link{
	display:flex;
	flex-wrap:wrap;
	margin:30px auto 0;
	max-width:1185px;
	width:100%;
}
#ashiya-br-information .abri-link li{
	background:#fff;
	border-radius:11px;
	font-size:22px;
	font-size:2.2rem;
	line-height:58px;
	max-width:380px;
	width:32%;
}
#ashiya-br-information .abri-link li:nth-child(1){
	margin-bottom:2%;
}
#ashiya-br-information .abri-link li:nth-child(2),
#ashiya-br-information .abri-link li:nth-child(3){
	margin-bottom:2%;
	margin-left:2%;
}
#ashiya-br-information .abri-link li:nth-child(5),
#ashiya-br-information .abri-link li:nth-child(6){
	margin-left:2%;
}
#ashiya-br-information .abri-link li a{
	color:#014099;
	display:block;
	padding:0 0 0 60px;
	position:relative;
}
#ashiya-br-information .abri-link li a:before{
	background:url('../img/common/arrow_blue_right.png') no-repeat center center;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	content:'';
	display:block;
	height:16px;
	left:30px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:10px;
	z-index:0;
}


/*****************************************************
　アクセス　
*****************************************************/
#access .access_inner{
	display:flex;
	flex-direction:row-reverse;
	text-align:center;
	width:100%;
}
/* タイトル・テキスト 
------------------------------------------------- */
/* ----- タイトル ----- */
#access .access-ttl{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
	margin:0 0 38px;
}
#access .access-ttl span{
	display:block;
	font-size:40px;
	font-size:4.0rem;
	line-height:1.4;
}
/* ----- テキスト ----- */
#access .access_inner .txt{
	align-items:center;
	background:#014099;
	color:#fff;
	display:flex;
	justify-content:center;
	width:50%;
}
#access .access_inner .txt p{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.12em;
	line-height:2.3;
}
#access .access_inner .txt p + p{
	margin:30px 0 0;
}
#access .access_inner .txt p .tel a{
	color:#fff;
	cursor:default;
	pointer-events:none;
}
/* マップ 
------------------------------------------------- */
#access .access_inner .map{
	height:0;
	overflow:hidden;
	padding-bottom:843px;
	position:relative;
	width:50%;
}
#access .access_inner .map iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　メインビジュアル　
	*****************************************************/
	#main-visual .main-visual_inner{
		width:100%;
	}
	/* 画像 
	------------------------------------------------- */
	#main-visual .mv-img{
		display:block;
		max-width:none;
		width:100vw;
	}
	#main-visual .mv-img .mv-img-item + .mv-img-item{
		display:none;
	}
	#main-visual .mv-img .mv-img-item img{
		width:100%;
	}
	/* .mv-box 
	------------------------------------------------- */
	#main-visual .mv-box{
		bottom:-9.12vw;
		right:0;
		top:auto;
		transform:translate(0,0);
		width:100%;
	}
	/* ----- テキスト画像 ----- */
	#main-visual .mv-box .mv-txt{
		display:none;
	}
	/* ----- ボタン ----- */
	#main-visual .mv-box .mv-btn{
		border-radius:6.66vw;
		line-height:13.33vw;
		margin:0 auto;
		width:64.68vw;
	}
	#main-visual .mv-box .mv-btn a span{
		background-size:12.77vw auto;
		-webkit-background-size:12.77vw auto;
		font-size:4.28vw;
		padding-left:15.07vw;
	}


	/*****************************************************
	　イベント情報　
	*****************************************************/
	#event{
		margin:23.8vw 0 0;
	}
	/* タイトル 
	------------------------------------------------- */
	#event .event-ttl{
		font-size:3.75vw;
		margin:0 0 6.74vw;
	}
	#event .event-ttl span{
		font-size:6.2vw;
	}
	/* 投稿リスト 
	------------------------------------------------- */
	#event .event-list{
		display:block;
	}
	#event .event-list .event-item{
		margin:0 auto!important;
		max-width:none;
		width:69.04vw;
	}
	#event .event-list .event-item + .event-item{
		margin:4.76vw auto 0!important;
	}
	#event .event-list .event-item .img img{
		width:100%;
	}
	#event .event-list .event-item .ttl{
		font-size:3.75vw;
		margin:1.58vw 4.76vw 0;
	}
	#event .event-list .event-item .date{
		font-size:3.75vw;
		margin:0 4.76vw;
	}
	/* 「もっとみる」ボタン 
	------------------------------------------------- */
	#event .more{
		margin:7vw 0 0;
	}
	#event .more a{
		padding:1.58vw 0;
		width:39.68vw;
	}
	#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;
	}


	/*****************************************************
	　ボートレースチケットショップ オラレ日南って？　
	*****************************************************/
	#about{
		/*background:url('../img/common/bg_2.png') no-repeat right top;*/
		margin:10.31vw 0 0;
	}
	/* タイトル 
	------------------------------------------------- */
	#about .about-ttl{
		font-size:3.6vw;
	}
	#about .about-ttl span{
		font-size:6.2vw;
	}
	/* テキスト・画像 
	------------------------------------------------- */
	#about .about-box{
		display:block;
	}
	/* ----- テキスト ----- */
	#about .about-box .txt{
		max-width:none;
		width:auto;
	}
	#about .about-box .txt p{
		margin:6.34vw 0 7.93vw;
	}
	/* ボタン */
	#about .btn{
		border-radius:5.79vw;
		line-height:11.58vw;
		margin:0 auto 8.57vw;
		max-width:73.8vw;
	}
	#about .about-box .btn a span{
		background-size:2.22vw 3.57vw;
		-webkit-background-size:2.22vw 3.57vw;
		font-size:4.28vw;
		padding-left:4.76vw;
	}
	/* 施設詳細 */
	#about .about-box .facility-detail th,
	#about .about-box .facility-detail td{
		font-size:3.75vw;
	}
	#about .about-box .facility-detail th{
		background:url('../img/common/arrow_blue_right.png') no-repeat 1.58vw 3.2vw;
		background-size:1.74vw 2.77vw;
		-webkit-background-size:1.74vw 2.77vw;
		padding:2.38vw 1.74vw 2.38vw 6.34vw;
		width:22vw;
	}
	#about .about-box .facility-detail td{
		padding:2.38vw 0 2.38vw 1.74vw;
	}
	/* 営業時間・お問い合わせ */
	.other-detail{
		margin:5.55vw 0 0;
	}
	.other-detail dt,
	.other-detail dd{
		font-size:3.73vw;
	}
	.other-detail dt{
		margin:0 0 3.17vw;
	}
	.other-detail dd{
		margin:0 0 0 3.17vw;
	}
	.other-detail dd .strong{
		font-size:4.44vw;
	}
	.other-detail dd .tel{
		font-size:6.9vw;
	}
	.other-detail dd .tel span{
		font-size:5.15vw;
	}
	.other-detail dd .tel a{
		cursor:pointer;
		pointer-events:auto;
	}
	/* ----- 画像 ----- */
	#about .about-box .img{
		margin:7.93vw 0 0;
		max-width:none;
		width:auto;
	}
	#about .about-box .img:before{
		display:none;
	}
	#about .about-box .img .img-item{
		min-height:53.17vw;
	}
	#about .about-box .img .img-item.floor-map{
		margin:7.53vw 0 0;
	}
	#about .about-box .img .img-item .ii-btn{
		border-radius:3.96vw;
		line-height:7.93vw;
		width:50.39vw;
	}
	#about .about-box .img .img-item .ii-btn a span{
		background-size:1.58vw 2.3vw;
		-webkit-background-size:1.58vw 2.3vw;
		font-size:2.93vw;
		padding-left:3.57vw;
	}
	#about .about-box .img .img-item .ii-txt{
		margin:1.98vw 0 0;
	}
	/* 準備中 */
	/*#about .about-box .img .img-item.floor-map .comingsoon p{
		font-size:5vw;
	}*/
	/* バナー 
	------------------------------------------------- */
	#about .banner{
		display:block;
		margin:10.31vw 0 0;
	}
	#about .banner li + li{
		margin:3.17vw 0 0;
	}


	/*****************************************************
	　芦屋ボートレース情報　
	*****************************************************/
	#ashiya-br-information{
		margin:13.09vw 0 9.92vw;
	}
	/* タイトル 
	------------------------------------------------- */
	#ashiya-br-information .abri-ttl{
		font-size:3.75vw;
		text-align:center;
	}
	#ashiya-br-information .abri-ttl span{
		font-size:6.2vw;
	}
	#ashiya-br-information .abri-ttl span br{
		display:block;
	}
	/* リンク 
	------------------------------------------------- */
	#ashiya-br-information .abri-link{
		justify-content:space-between;
		margin:5.95vw auto 0;
	}
	#ashiya-br-information .abri-link li{
		border-radius:0.63vw;
		font-size:3.3vw;
		line-height:8.7vw;
		max-width:none;
		width:44.28vw;
	}
	#ashiya-br-information .abri-link li:nth-child(1),
	#ashiya-br-information .abri-link li:nth-child(2),
	#ashiya-br-information .abri-link li:nth-child(3),
	#ashiya-br-information .abri-link li:nth-child(4){
		margin-bottom:2.38vw;
		margin-left:0;
	}
	#ashiya-br-information .abri-link li:nth-child(5),
	#ashiya-br-information .abri-link li:nth-child(6){
		margin-bottom:0;
		margin-left:0;
	}
	#ashiya-br-information .abri-link li a{
		padding:0 0 0 6.74vw;
	}
	#ashiya-br-information .abri-link li a:before{
		background-size:1.26vw 1.98vw;
		-webkit-background-size:1.26vw 1.98vw; 
		height:1.98vw;
		left:3.57vw;
		width:1.26vw;
	}


	/*****************************************************
	　アクセス　
	*****************************************************/
	#access .access_inner{
		display:block;
	}
	/* タイトル・テキスト 
	------------------------------------------------- */
	/* ----- タイトル ----- */
	#access .access-ttl{
		font-size:3.75vw;
		margin:0 0 5.55vw;
	}
	#access .access-ttl span{
		font-size:6.2vw;
	}
	/* ----- テキスト ----- */
	#access .access_inner .txt{
		display:block;
		padding:9.92vw 0 12.3vw;
		width:auto;
	}
	#access .access_inner .txt p{
		font-size:3.17vw;
		line-height:1.8;
	}
	#access .access_inner .txt p + p{
		margin:8.73vw 0 0;
	}
	#access .access_inner .txt p .tel{
		font-size:4.44vw;
	}
	#access .access_inner .txt p .tel a{
		cursor:pointer;
		pointer-events:auto;
	}
	/* マップ 
	------------------------------------------------- */
	#access .access_inner .map{
		padding-bottom:89vw;
		width:auto;
	}
}