/* =================================================- *
コースガイドトップ
 * =================================================- */
#course-guide-index {
	background: #ffffff;
	color: #000000;
}

#course-guide-index div {
	box-sizing: border-box;
}

#course-guide-index .map-header {
	clear: both;
	max-width:  1000px;
	width:  100%;
	margin:  0 auto;
	padding: 0;
}

#course-guide-index .map-header .map-header-topbox {
	max-width: 492px;
	width: 49.2%;
	margin:  0;
	padding: 0 0.5em;
}

#course-guide-index .map-header .map-header-topbox .course-header_all {
	max-width: 215px;
	width: 43.69918%;
	float: left;
	margin:  0;
	padding: 0;
}

#course-guide-index .map-header .map-header-topbox .course-header_all img {
	width: 100%;
	height: auto;
}

#course-guide-index .map-header .map-header-topbox .course-header-par {
	max-width: 215px;
	width: 43.69918%;
	float: left;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.0;
	text-align: center;
	margin:  0;
	padding: 2.0em 0 0;
}



#course-guide-index .map-header .map-header-leftside {
	float: left;
	max-width: 492px;
	width: 49.2%;
	margin:  0;
	padding: 0;
}

#course-guide-index .map-header .map-header-leftside .course-header-table {
	width: 100%;
	float: left;
	margin:  0;
	padding: 0;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table {
	clear: both;
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	width: 100%;
	font-size: 1.3rem;
	font-weight: bold;
	border: 1px #cccccc solid;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table td {
	padding: 0.15em 0.5em 0;
	border: 1px #cccccc solid;
	text-align: center;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(2) {
	font-size: 1.2rem;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(3) td:first-child {
	background: #000000;
	color: #ffffff;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(4) td:first-child {
	background: #0000ff;
	color: #ffffff;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(5) td:first-child {
	background: #ffffff;
	color: #000000;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(6) td:first-child {
	background: #bf8f00;
	color: #ffffff;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(7) td:first-child {
	background: #ff0000;
	color: #ffffff;
}

#course-guide-index .map-header .map-header-leftside .course-header-table #course-header-table tr:nth-child(8) td:first-child {
	background: #00cc00;
	color: #ffffff;
}



#course-guide-index .map-header .map-header-rightside {
	float: right;
	max-width: 492px;
	width: 49.2%;
	margin:  0;
	padding: 0;
}

#course-guide-index .map-header .map-header-rightside img {
	width: 100%;
	height: auto;
}


/* --- ヤーデージ表 --- */
#course-guide-index .map-header .map-header-rightside #incourse,
#course-guide-index .map-header .map-header-rightside #outcourse {
	width: 100%;
	padding: 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

#course-guide-index .map-header .map-header-rightside #incourse {
	margin:  0;
}

#course-guide-index .map-header .map-header-rightside #outcourse {
	margin:  0.95em 0 0;
}

#course-guide-index .map-header .map-header-rightside #incourse  tr,
#course-guide-index .map-header .map-header-rightside #outcourse tr {
}

#course-guide-index .map-header .map-header-rightside #incourse  tr:nth-child(1),
#course-guide-index .map-header .map-header-rightside #outcourse tr:nth-child(1) {
	background: #d4b400;
}

#course-guide-index .map-header .map-header-rightside #incourse  tr:nth-child(2) th:nth-child(2),
#course-guide-index .map-header .map-header-rightside #outcourse tr:nth-child(2) th:nth-child(2) {
	background: #d4b400;
}

#course-guide-index .map-header .map-header-rightside #incourse  tr:nth-child(3),
#course-guide-index .map-header .map-header-rightside #outcourse tr:nth-child(3) {
	background: #ebd989;
}

#course-guide-index .map-header .map-header-rightside th,
#course-guide-index .map-header .map-header-rightside td {
	border: 1px #cccccc solid;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.0;
	padding: 0.70em 0 0.43em;
}

#course-guide-index .map-header .map-header-rightside td.active {
	background: #eaeaff;
}

#course-guide-index .map-header .map-header-rightside td.focus {
	background: #eaeaff;
}

#course-guide-index .map-header .map-header-rightside td .hole-wrapp {
	position: relative;
}

#course-guide-index .map-header .map-header-rightside td .hole-wrapp a {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
	text-indent: -9999px;
}


/* --- ヤーデージ表（新） --- */
.courses {
	clear: both;
	margin:  0;
	padding: 1.0em 0 0;
}

.courses .course-table {
	width: 100%;
	padding: 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}


.courses .course-table tr {
}

.courses .course-table tr:nth-child(1) {
	background: #d4b400;
}

.courses .course-table tr:nth-child(2) th:nth-child(1) {
	font-weight: bold;
	color: #ffffff;
	background: #000000;
}

.courses .course-table tr:nth-child(3) th:nth-child(1) {
	font-weight: bold;
	color: #ffffff;
	background: #0000ff;
}

.courses .course-table tr:nth-child(4) th:nth-child(1) {
	font-weight: bold;
	color: #000000;
	background: #ffffff;
}

.courses .course-table tr:nth-child(5) th:nth-child(1) {
	font-weight: bold;
	color: #ffffff;
	background: #bf8f00;
}

.courses .course-table tr:nth-child(6) th:nth-child(1) {
	font-weight: bold;
	color: #ffffff;
	background: #ff0000;
}

.courses .course-table tr:nth-child(7) th:nth-child(1) {
	font-weight: bold;
	color: #ffffff;
	background: #00cc00;
}


.courses .course-table tr:nth-child(2) th:nth-child(11),
.courses .course-table tr:nth-child(3) th:nth-child(11),
.courses .course-table tr:nth-child(4) th:nth-child(11),
.courses .course-table tr:nth-child(5) th:nth-child(11),
.courses .course-table tr:nth-child(6) th:nth-child(11),
.courses .course-table tr:nth-child(7) th:nth-child(11),
.courses .course-table tr:nth-child(2) th:nth-child(21),
.courses .course-table tr:nth-child(3) th:nth-child(21),
.courses .course-table tr:nth-child(4) th:nth-child(21),
.courses .course-table tr:nth-child(5) th:nth-child(21),
.courses .course-table tr:nth-child(6) th:nth-child(21),
.courses .course-table tr:nth-child(7) th:nth-child(21),
.courses .course-table tr:nth-child(2) th:nth-child(22),
.courses .course-table tr:nth-child(3) th:nth-child(22),
.courses .course-table tr:nth-child(4) th:nth-child(22),
.courses .course-table tr:nth-child(5) th:nth-child(22),
.courses .course-table tr:nth-child(6) th:nth-child(22),
.courses .course-table tr:nth-child(7) th:nth-child(22) {
	background: #d4b400;
}


.courses .course-table tr:nth-child(8) {
	background: #ebd989;
}

.courses .course-table th,
.courses .course-table td {
	border: 1px #cccccc solid;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.0;
	padding: 0.70em 0 0.43em;
}


.courses .course-table td.active {
	background: #eaeaff;
}

.courses .course-table td.focus {
	background: #eaeaff;
}

.courses .course-table td .hole-wrapp {
	position: relative;
}

.courses .course-table td .hole-wrapp a {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
	text-indent: -9999px;
}


/* --- クリッカブルマップ --- */
#course-guide-index .map-body {
	clear: both;
	width: 100%;
	height: 45em;
	margin:  0;
	padding: 0;
	position: relative;
}

#course-guide-index .map-body #map-box {
	position: absolute;
	top:  0;
	right: 3.0em;
	max-width: 830px;
	width: 100%;
}

#course-guide-index .map-body #map-box img {
	width: 100%;
	height: auto;
}


#overmap {
	width:  750px;
	height: 470px;
	position: absolute;
	top:  0;
	left: 0;
	display: none;
}

#course-guide-index .map-body-text {
	clear: both;
	width: 96%;
	height: 40em;
	margin:  1em 0;
	padding: 0;
	position: absolute;
	top:  0;
	left: 0;
	font-size: 1.6rem;
}

#course-guide-index .map-body .map-body-text_mb {
	display: none;
}


#course-guide-index .map-air {
	position: absolute;
	bottom: 2em;
	right: 25em;
	xwidth:  260px;
	margin:  0;
	padding: 0;
	display: none;
}

.map-air-inner {
	margin:  0;
	padding: 0;
}

.map-air-inner ul {
	margin:  0;
	padding: 0;
	list-style: none;
	font-size: 1.3rem;
}

.map-air-inner ul li {
	display: block;
	margin:  0;
	padding: 3px 0 0 70px;
	width: 100px;
	height: 40px;
	background: url(../images/jet.png) no-repeat left top;
}

.map-air-inner ul li a {
	color: #ffffff;
}

.map-air-inner ul li a:hover {
	text-decoration: underline;
	background: #748c14;
}

#course-guide-index .map-footer {
	position: absolute;
	bottom: 2em;
	right: 0;
	width:  24em;
	height: 150px;
	margin:  0 0 0 690px;
	padding: 0;
	font-size: 1.6rem;
}

#course-guide-index .map-footer-left {
	width: 24em;
	float: left;
	margin:  37.0em 0 0 16em;
	padding: 0;
	font-size: 1.6rem;
}

#course-guide-index .map-footer-right {
	width: 20em;
	float: right;
	margin:  37.0em 0 0 0;
	padding: 0;
	font-size: 1.6rem;
}



.large-text {
	font-size: 14px;
}


@media screen and (max-width: 1025px) {
	#course-guide-index .map-body { height: 55em; }
	#course-guide-index .map-body #map-box { top: 1em; }
}

@media screen and (max-width: 1000px) {
	#course-guide-index .map-body { height: 56em; }
	#course-guide-index .map-body #map-box { top: 2em; }
}

@media screen and (max-width: 975px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 3em; }
}

@media screen and (max-width: 950px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 4em; }
}

@media screen and (max-width: 925px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 5em; }
}

@media screen and (max-width: 900px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 6em; }
}

@media screen and (max-width: 875px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 8em; }
}

@media screen and (max-width: 850px) {
	#course-guide-index .map-body { height: 57em; }
	#course-guide-index .map-body #map-box { top: 10em; }
}

@media screen and (max-width: 800px) {
	#course-guide-index .map-body { height: 58em; }
	#course-guide-index .map-body #map-box { top: 12em; }
}





/* =================================================- *
各ホール
 * =================================================- */
#course-guide {
	background: #ffffff;
}


/* --- タイトル --- */
#cg-title {
	float: left;
	max-width: 492px;
	width: 50.93%;
	margin:  0;
	padding: 0;
}

#cg-title img {
	width: 100%;
	height: auto;
}



/* --- ヤーデージ表 --- */
#cg-yardage-table {
	float: right;
	max-width: 468px;
	width: 48.45%;
	margin:  15px 0 0 0;
	padding: 0;
}

#cg-yardage-table #incourse,
#cg-yardage-table #outcourse {
	max-width: 468px;
	width: 100%;
	margin:  0.5em 0 0;
	padding: 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}

#cg-yardage-table #incourse  tr,
#cg-yardage-table #outcourse tr {
}

#cg-yardage-table th,
#cg-yardage-table td {
	border: 1px #cccccc solid;
	font-size: 1.3rem;
	text-align: center;
}

#cg-yardage-table #incourse  tr,
#cg-yardage-table #outcourse tr {
}

#cg-yardage-table #incourse  tr:nth-child(1),
#cg-yardage-table #outcourse tr:nth-child(1) {
	background: #d4b400;
}

#cg-yardage-table #incourse  tr:nth-child(2) th:nth-child(2),
#cg-yardage-table #outcourse tr:nth-child(2) th:nth-child(2) {
	background: #d4b400;
}

#cg-yardage-table #incourse  tr:nth-child(3),
#cg-yardage-table #outcourse tr:nth-child(3) {
	background: #ebd989;
}

#cg-yardage-table td.focus,
#cg-yardage-table td.active {
	background: #eaeaff;
}

#cg-yardage-table td .hole-wrapp {
	position: relative;
}

#cg-yardage-table td .hole-wrapp a {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
	text-indent: -9999px;
}



/* --- ホール概要 --- */
#cg-hole-number {
	float: left;
	max-width: 700px;
	width: 72.46376%;
	padding: 0.5em 0;
	border-top:    1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

#cg-hole-number .hole-title {
	font-family: 'Russo One', sans-serif;
	font-size: 3.6rem;
	font-weight: normal;
	line-height: 0.95;
	margin:  0.20em 0.15em 0 1.0em;
	padding: 0.08em 0 0;
	float: left;
}

#cg-hole-number .hole-number {
	font-family: 'Russo One', sans-serif;
	font-size: 3.6rem;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	line-height: 0.95;
	margin:  0.20em 0 0;
	padding: 0.08em 0 0;
	width: 1.5em;
	float: left;
	background: rgb(255,0,0);
	background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,153,153,1) 50%, rgba(255,0,0,1) 100%);
	border-radius: 0.1em;
}

#cg-hole-number .hole-profile {
	float: right;
}

#hole-profile-table {
	border-collapse: collapse;
	border: 1px #cccccc solid;
	margin:  0 0 0;
}

#hole-profile-table td {
	width: 25%;
	font-size: 1.2rem;
	line-height: 1.0;
	border: 1px #cccccc solid;
	padding: 0.50em 0.25em;
}

#hole-profile-table td .hpt-left {
	float: left;
}

#hole-profile-table td .hpt-right {
	xwidth: 2.5em;
	float: right;
	text-align: right;
	padding-left: 1.0em;
}

#hole-profile-table tr:nth-child(1) td:nth-child(1),
#hole-profile-table tr:nth-child(2) td:nth-child(1) {
	background: #f0f0f0;
}

#hole-profile-table tr:nth-child(1) td:nth-child(2) {
	color: #ffffff;
	background: #000000;
}

#hole-profile-table tr:nth-child(1) td:nth-child(3) {
	color: #ffffff;
	background: #0000ff;
}

#hole-profile-table tr:nth-child(1) td:nth-child(4) {
	color: #000000;
	background: #ffffff;
}

#hole-profile-table tr:nth-child(2) td:nth-child(2) {
	color: #ffffff;
	background: #bf8f00;
}

#hole-profile-table tr:nth-child(2) td:nth-child(3) {
	color: #ffffff;
	background: #ff0000;
}

#hole-profile-table tr:nth-child(2) td:nth-child(4) {
	color: #ffffff;
	background: #00cc00;
}



/* --- ホール図 --- */
#cg-graph {
	float: right;
	max-width: 454px;
	width: 47.71%;
	margin:  1% 0.8%; 0 0;
}

#cg-graph img {
	width: 100%;
	height: auto;
}


/* --- ホール説明 --- */
#cg-description {
	float: left;
	max-width: 463px;
	width: 48%;
	margin:  0;
	padding: 1em 0 0 1em;
	color: #000000;
	font-size: 1.6rem;
	line-height: 160%;
	text-align: justify;
}


/* --- ホール写真 --- */
#cg-photos {
	max-width: 463px;
	width: 48%;
	margin:  0;
	padding: 0;
	float: left;
	position: relative;
}

#cg-photos .cgp1 {
	position: absolute;
	top:  1.0em;
	left: 1.0em;
	max-width: 300px;
	width: 60.97560%;
	z-index: 2;
}

#cg-photos .cgp2 {
	position: absolute;
	bottom: 1.0em;
	right:  1.0em;
	max-width: 300px;
	width: 60.97560%;
	z-index: 1;
}



#cg-photos img {
	width: 100%;
	height: auto;
}






/* =================================================- *
ナビゲーション
 * =================================================- */
#btn-table {
	border-collapse: collapse;
	margin:  0 auto;
	padding: 0;
}

#btn-table td {
	padding: 10px 5px 0 5px;
}

#cg-gnavi {
	clear: both;
	max-width:  830px;
	width:  100%;
	margin:  0 0 0 1.8em;
	padding: 1.0em 0 5px 5px;
}

#cg-gnavi ul {
	list-style: none;
	margin:  0;
	padding: 0;
}

#cg-gnavi ul li {
	float: left;
	margin:  0;
	padding: 2px 0 0 2px;
}

#cg-gnavi ul li.li-19 {
	xclear: both;
}

#cg-gnavi ul li.li-20,
#cg-gnavi ul li.li-21 {
	display: none;
}



/* =================================================- *
コース全景写真
 * =================================================- */
#cg-photo {
	background: #183f22;
	max-width: 830px;
	width: 100%;
}

#cg-photo img {
	width: 100%;
	height: auto;
}