.word-break-keep {
	word-break: keep-all;
}

.border-color-darkgreen {
	border-color: #062c30!important;
}

.font-15{
	font-size: 15px;
} 

.video-container {
	position: relative;
}

.video-container video {
	aspect-ratio: 1920/1080;
}

@media screen and (min-width: 768px) {
	.w-md-50 {
		width: 50%!important;
	}
}

.number:hover {
	cursor: pointer;
	opacity: 0.8;
	color: #ff0000;
	font-size: 1.1rem;
}

.number::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: .8rem;
	background-color: #9a7c5d;
	margin-left: 1rem;
}

.in {
	width: 67px;
	text-align: center;
}

.hole-number::after {
	display: block;
	content: '';
	border-bottom: 2px solid #cbbc78;
	width: 60px;
	margin: 0 auto;
}
 
.course-detail {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	z-index: 1000;
	padding: 40px 0;
	background-color: #00000080;
}

@media screen and (max-width: 576px) {
	.course-detail {
		padding: 0 0 80px;
	}
}

.closebtn-wrap {
	position: absolute;
	top: 15px;
	right: 15px;
}

.closebtn {
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px solid #000000;
	cursor: pointer;
}

.closebtn span {
    display: inline-block;
    position: absolute;
	top: 50%;
	left: 50%;
	width: 35px;
    height: 1px;
    background-color: #000000;
}

.closebtn span:nth-of-type(1) {
    transform: translate(-50%,-50%) rotate(45deg);
}

.closebtn span:nth-of-type(2) {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.slider {
	width: 100%;
	margin: 0 auto;
	padding-left: 0px;
}

.slider picture{
    cursor: grab;
}
.slider picture:active{
    cursor: grabbing;
}
.slick-prev, .slick-next {
    position: absolute;
    bottom: -7%;
    cursor: pointer;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    height: 15px;
    width: 15px;
}
.slick-prev{
	left: -5px;
    transform: rotate(-135deg);
}
.slick-next{
	right: -5px;
    transform: rotate(45deg);
}
.slick-prev:before, .slick-next:before {
	content: "";
}
.slick-arrow{
	z-index: 2!important;
}

.w-20 {
	width: 20%;
}

.text-nowrap {
	white-space: nowrap;
}

.font-size-18px {
	font-size: 18px;
}

.font-size-24px {
	font-size: 24px;
}

.font-size-44px {
	font-size: 44px;
}

.slide-btn {
	padding: 0 !important;
	width: 35px;
	height: 35px;
	border: solid 1px #493610;
	border-radius: 0;
}
.slide-btn:hover {
	background-color: #493610;
	color: #ffffff;
}
.slide-btn.active {
	background-color: #493610;
	color: #ffffff;
}

.map-wrapper {
	position: relative;
	width: 100%;
}
.map-image {
	width: 100%;
	height: auto;
	display: block;
}
.map-link {
	position: absolute;
	display: block;
}
@media screen and (max-width: 1400px) {
.slick-prev{
	left: -30px;
}
.slick-next{
	right: -30px;
}
@media screen and (max-width: 768px) {
	.slick-prev,
	.slick-next {
		top: 30px;
	}
	.slick-prev {
		left: 15px;
	}
	.slick-next {
		right: 15px;
	}
}
@media screen and (max-width: 575px) {
	.slick-prev,
	.slick-next {
		top: 75px;
	}
}
@media screen and (max-width: 374px) {
	table th {
		font-size: 0.9rem;
	}
}