<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

a{  transition:all ease 0.3s;
    text-decoration: none;
}


/* ---------------------------------------------------------------- */
/* 設置ゴルフ場一覧のスタイル(#course)
/* ---------------------------------------------------------------- */

#course{
	margin-bottom:100px;
	padding-top:50px;
}

#course .tab_wrap{
	margin:8px auto 20px;
}

#course .tab_area a{
	display:flex;
	flex-wrap:wrap;
	font-size:0;
	margin:0 auto;
	width:min(100%,1200px);
}
#course .tab_area label{
	background-color:#FEC;
	border:1px solid #F90;
	color:#F60;
	cursor:pointer;
	display:block;
	font-size:max(min(1.34vw,18px),15px);
	margin-right:2.5px;
	padding:12px 2px;
	text-align:center;
	transition:ease 0.2s opacity;
	width:calc((100% - 50px) / 6);
}
#course .tab_area label.active{
	background-color:#F70;
	color:#FFF;
	font-weight:bold;
}
#course .tab_area label:hover{
	opacity:0.5;
}
#course .tab_area label:last-child{
	margin-right:0;
}


#course .tab_panel{
	display:none;
	margin:0 auto;
	max-width: 1200px;
	padding:5px 0;
}
#course .tab_panel.active{
	display:block;
}

/*-- グリッドレイアウト（基本設定）--*/

#course .tab_panel li{
	align-items: center;
	border-bottom:1px solid #CCC;
	display: grid;
	display: -ms-grid;
	grid-template-columns: 8% 35% 32% 25%;
	-ms-grid-columns: 10% 33% 31% 26%;
	grid-template-rows: 60px;
	-ms-grid-rows: 60px;
	-ms-flex-align: center;
}
#course .tab_panel li.noBorder{
	border-bottom:none;
	grid-template-rows: auto;
	-ms-grid-rows: auto;
	position: -webkit-sticky;/*safari*/
	position: sticky;
	top:110px;
	z-index:1000;
}
#course .tab_panel li:not(.noBorder):hover{
	background-color:rgba(255,153,0,.1);
}
#course .tab_panel li div{
	font-size:max(min(1.19vw,16px),12px);
}
#course .tab_panel li div:first-child{
	font-family:'游ゴシック',sans-serif;
 grid-column: 1 / 2;
 -ms-grid-column: 1;
}
#course .tab_panel li div:nth-child(2){
 grid-column: 2 / 3;
 -ms-grid-column: 2;
}
#course .tab_panel li div:nth-child(3){
 grid-column: 3 / 4;
 -ms-grid-column: 3;
}
#course .tab_panel li div:last-child{
 grid-column: 4 / 5;
 -ms-grid-column: 4;
}

/*-- レイアウト調整 --*/

#course .tab_panel li div:nth-child(2),
#course .tab_panel li div:nth-child(3){
	text-align:left;
}
#course .tab_panel li.noBorder div{
	background-color:#F90;
	color: #FFF;
	font-size:max(min(1.19vw,16px),13px);
	font-weight: normal;
	margin-right:2px;
	padding: 10px;
	text-align: center;
}
#course .tab_panel li.noBorder div:last-child{
	margin-right:none;
	text-align: right;
}
#course .tab_panel li div.nameInfo{
	align-self:center;
	font-weight: bold;
	padding-left:10px;
}
#course .tab_panel li div.nameInfo a{
	color: #666;
	font-size:max(min(1.26vw,17px),14px);
	padding-right: 10px;
}
#course .tab_panel li div.gpgm:before,
#course .listNote span:before{
	background:url("../img/icon_grandpgm.png") no-repeat;
	background-size:contain;
	box-sizing: border-box;
	content:"";
	display: inline-block;
	height:18px;
	margin-right:5px;
	position: relative;
	text-align: center;
	top:3px;
	width: 18px;
}
/*
#course .tab_panel li div.nameInfo a:after{
	background-color: #00b4ff;
	border-radius: 3px;
	box-sizing: border-box;
	color: #FFF;
	content:'MAP';
	display: inline-block;
	font-family: "Jost";
	font-size:max(min(0.89vw,12px),9px);
	font-weight: 400;
	letter-spacing: 0.1rem;
	margin-left:10px;
	padding:3px 8px;
	position: relative;
	text-align: center;
	top: -2px;
}
*/
#course .tab_panel li div.accessInfo{
	align-self:center;
	font-family:'游ゴシック',sans-serif;
	font-size:max(min(1.114vw,15px),12px);
	padding-left:10px;
}



#course .tab_panel li div span{
	border-radius: 5px;
	background-color: #0086cd;
	color: #FFF;
	font-weight: bold;
	margin: 0 3px;
	padding: 5px 15px;
	text-align: center;
	max-width: 150px;
}
#course .tab_panel li div span.booking{
	/* background-color:#CCC; */
	background-color:#F60;
}

#course .tab_panel li div.bk a{
	color: #FFF;
}


/* ########## responsive ########## */

@media screen and (max-width:1200px){
	#course{
		box-sizing:border-box;
		padding:50px 10px 0;
	}
}

@media screen and (max-width:1000px){

	/*グリッドレイアウト 2列表示*/

	#course .tab_panel li.noBorder div{
		padding: 13px 10px;
	}
	#course .tab_panel li div.name::after{
		color: #FFF;
		content:' / アクセス';
	}
	#course .tab_panel li{
		grid-template-columns: 15% 60% 25%;
		-ms-grid-columns: 15% 60% 25%;
		grid-template-rows: 45px 40px;
		-ms-grid-rows: 42px 40px;
	}
	#course .tab_panel li div span{
		display: block;
		margin: auto;
	}
	#course .tab_panel li div span:first-child{
		margin-bottom: 5px;
	}
	#course .tab_panel li.noBorder div:nth-child(3){
		display: none;
	}
	#course .tab_panel li div:first-child{
		align-self:center;
		grid-row: 1 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	#course .tab_panel li div:nth-child(2){
		grid-row: 1 / 2;
		-ms-grid-row: 1;
		grid-column: 2 / 3;
		-ms-grid-column: 2;
	}
	#course .tab_panel li div:nth-child(3){
		align-self:start;
		grid-row: 2 / 3;
		-ms-grid-row: 2;
		grid-column: 2 / 3;
		-ms-grid-column: 2;
	}
	#course .tab_panel li div:last-child{
		grid-row: 1 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-column: 3 / 4;
		-ms-grid-column: 3;
	}
	/* グリッドレイアウト 2列表示ここまで */
	
	#course .tab_panel li div{
		font-size:max(min(1.6vw,16px),12px);
	}
	#course .tab_panel li div.nameInfo a{
		font-size:max(min(1.7vw,17px),14px);
	}
	#course .tab_panel li div.accessInfo{
		font-size:max(min(1.5vw,15px),12px);
	}
}

@media screen and (max-width:960px){
	#course{
		margin-top:50px;
		padding-top:0;
	}
	#course .tab_panel li.noBorder{
		top:90px;
	}
}

@media screen and (max-width:768px){
	#course .tab_panel li.noBorder{
		top:98px;
	}
#course .tab_area a{
	display:flex;
	flex-wrap:wrap;
	font-size:0;
	margin:0 auto;
	width:min(100%,1200px);
}
	#course .tab_area label{
		margin:0 1px 2px 0;
		width:calc((95% - 4px) / 3);
	}
	#course .tab_area label:nth-child(3n){
		margin-right:0;
	}
	#course .tab_wrap,
	#course .tab_panel{
		width:100%;
	}
	#course .tab_panel li.noBorder{
		grid-template-rows: 50px;
		-ms-grid-rows: 50px;
	}
}

@media screen and (max-width:600px){
	
	/*グリッドレイアウト 3列表示*/
	
	#course .tab_area label{
		margin:0 0 5px 0;}
	
	#course .tab_panel{
		padding: 0;
	}
	
	#course .tab_panel li.noBorder{
		grid-template-rows: 55px;
		-ms-grid-rows: 55px;
		top:-5px;
	}
	#course .tab_panel li.noBorder div:last-child{
		display: none;
	}
	/*
	#course .tab_panel li.noBorder div:nth-child(2){
		padding: 16px 10px;
	}
	*/
	#course .tab_panel li{
	grid-template-rows: auto auto auto;
	-ms-grid-rows: auto auto auto;
	grid-template-columns: 20% 80%;
	-ms-grid-columns: 20% 80%;
	}
	#course .tab_panel li div:last-child{
	text-align: left; 
	}
	#course .tab_panel li div span{
	display: inline-block;
	padding: 5px 10px;
	}
	#course .tab_panel li div span:first-child{
		margin-right: 7px;
	}
	#course .tab_panel li div:first-child{
		grid-row: 1 / 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		padding: 10px 0;
	}
	#course .tab_panel li.noBorder div:first-child{
		grid-row: 1 / 2;
		-ms-grid-row: 1;
	}
	#course .tab_panel li div:nth-child(2){
		grid-row: 1 / 2;
		-ms-grid-row: 1;
		grid-column: 2 / 3;
		-ms-grid-column: 2;
		padding:10px 0 10px 10px;
	}
	#course .tab_panel li div:nth-child(3){
		grid-row: 2 / 3;
		-ms-grid-row: 2;
		grid-column: 2 / 3;
		-ms-grid-column: 2;
	}
	#course .tab_panel li div:last-child{
		grid-row: 3 / 4;
		-ms-grid-row: 3;
		grid-column: 2 / 3;
		-ms-grid-column: 2;
		padding: 10px;
	}
	/* グリッドレイアウト 3列表示ここまで */
}

@media screen and (max-width:450px){
	#course{
		margin-top:0;
	}
}

/* ################################ */</pre></body></html>