@charset "UTF-8";
/* ==========================================================

title : �������x�J���g���[�N���u�E�����@
scope : �����ē� �S���t�����pCSS

last modify : 2015/10/08 242_hayakawa  

========================================================== */

/* ----------------------------------------------------------
	btn_course
---------------------------------------------------------- */
.btn_course {
	width: 960px;
	height: 82px;
	margin: 30px auto 0;
	background: url(../image_new/bg_btn_course.png) no-repeat 0 0;
}

.btn_course dt,
.btn_course dd {
	width: 96px;
	margin:0px 0px 3px;
	float: left;
	line-height: 38px;
	text-align: center;
}

@media all and (-ms-high-contrast:none){
  .btn_course dt,
	.btn_course dd {
		font-family: "���C���I"; /* IE10,11 */
  }
}

.btn_course dt {
	color: #fff;
}

.btn_course dd a {
	display: block;
	width: 96px;
	height: 38px;
	color: #000;
}

.btn_course dd a:hover {
	color: #f00;
}

/* ----------------------------------------------------------
	btn_course_have
---------------------------------------------------------- */
#course_01h .course_01h span,
#course_02h .course_02h span,
#course_03h .course_03h span,
#course_04h .course_04h span,
#course_05h .course_05h span,
#course_06h .course_06h span,
#course_07h .course_07h span,
#course_08h .course_08h span{
	display: block;
	width: 97px;
	height: 38px;
	color: #F00 !important;
	box-shadow: inset 0px 0px 0px 1px #ccc;
	cursor: default;
	background: #ffff96;
}

#course_09h .course_09h span{
	display: block;
	width: 96px;
	height: 38px;
	color: #F00 !important;
	box-shadow: inset 0px 0px 0px 1px #ccc;
	border-radius: 0 4px 0 0;
	cursor: default;
	background: #ffff96;
}

#course_10h .course_10h span,
#course_11h .course_11h span,
#course_12h .course_12h span,
#course_13h .course_13h span,
#course_14h .course_14h span,
#course_15h .course_15h span,
#course_16h .course_16h span,
#course_17h .course_17h span{
	display: block;
	width: 97px;
	height: 38px;
	color: #F00 !important;
	box-shadow: inset 0px 0px 0px 1px #ccc;
	cursor: default;
	background: #ffff96;
}

#course_18h .course_18h span{
	display: block;
	width: 96px;
	height: 38px;
	color: #F00 !important;
	box-shadow: inset 0px 0px 0px 1px #ccc;
	border-radius: 0 0 4px 0;
	cursor: default;
	background: #ffff96;
}

/* ----------------------------------------------------------
	[id$="-area"]
---------------------------------------------------------- */
#main-contents section[id$="-area"] {
	width: 1000px;
	margin: 50px 0 0 0;
	overflow: hidden;
}

#main-contents section[id$="-area"] .area-inner {
	width: 588px;
	float: left;
	margin: 28px 0 0 25px;
}

#main-contents section[id$="-area"] .area-inner p {
	line-height: 1.5;
}

#main-contents section[id$="-area"] .area-inner .btn-more {
	margin: 16px 0 0 0;
	text-align: right;
}

#main-contents section[id$="-area"] .area-image {
	width: 330px;
	float: right;
	margin: 30px 25px 0 0;
	overflow: hidden;
}

#main-contents section[id$="-area"] .area-image2 {
	width: 330px;
	float: right;
	margin: 20px 25px 0 30px;
	overflow: hidden;
}

#keyvisual{
	position:relative;
	width:1000px;
	height:400px;
}

#img_box {
	position:relative;
	width:1000px;
	height:300px;
}

#img_box #image_dl{
	position:absolute;
	/*float:right;*/
	bottom:5px;
	right:5px;
	width:212px;
	height:74px;
	background:url(/golf/courseguide/course/image_new/image_dl.gif) 0px 0px no-repeat;
	margin:0;
	padding:0px;
	text-indent:-10000px;
}

#img_box #image_dl li{
	display:block;
	float:left;
	width:95px;
	height:21px;
	margin:0;
	padding:0px;
	text-indent:-10000px;
}
#img_box #image_dl li a{
	overflow:hidden;
	display:block;
	width:95px;
	height:21px;
}
#img_box #image_dl li#btn_800_600{
	position:relative;
	top:24px;
	left:11px;
	background:url(/golf/courseguide/course/image_new/btn_800_600.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_800_600 a:hover{
	background:url(/golf/courseguide/course/image_new/btn_800_600_ov.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1024_768{
	position:absolute;
	top:24px;
	left:108px;
	background:url(/golf/courseguide/course/image_new/btn_1024_768.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1024_768 a:hover{
	background:url(/golf/courseguide/course/image_new/btn_1024_768_ov.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1280_800{
	position:absolute;
	top:47px;
	left:11px;
	background:url(/golf/courseguide/course/image_new/btn_1280_800.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1280_800 a:hover{
	background:url(/golf/courseguide/course/image_new/btn_1280_800_ov.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1280_1024{
	position:absolute;
	top:47px;
	left:108px;
	background:url(/golf/courseguide/course/image_new/btn_1280_1024.gif) 0px 0px no-repeat;
}
#img_box #image_dl li#btn_1280_1024 a:hover{
	background:url(/golf/courseguide/course/image_new/btn_1280_1024_ov.gif) 0px 0px no-repeat;
}

sup{
	vertical-align:top !important;
}


/* ----------------------------------------------------------
	hole-area
---------------------------------------------------------- */
#main-contents #hole-area {
	margin: 26px 0 0 0;
}

#main-contents #hole-area .hole-introduction {
  float: left;
	width: 700px;
}
#main-contents #hole-area .hole-introduction p {
	height: 57px;
	margin: 27px 0 0 25px;
}
#main-contents #hole-area .hole-introduction p a:hover {
	opacity:0.7;
}
#main-contents #hole-area .hole-link {
	width: 980px;
}

#main-contents #hole-area .hole-link p {
	height: 57px;
	margin: 27px 0 0 25px;
}

#main-contents #hole-area .hole-link p a:hover {
	opacity:0.7;
}

#main-contents #hole-area .hole-link p.hole-bnr {
  width: 468px;
	margin: 20px auto 20px;
}

#main-contents #hole-area .hole-map {
	position: relative;
	margin: 0 0 0 54px;
	width: 614px;
	height: 411px;
	background: url(../image_new/bg_hole_map.jpg) no-repeat 0 0;
}

#main-contents #hole-area .hole-map li {
	position: absolute;
}

#main-contents #hole-area .hole-map .hole_01 {
	top: 247px;
	left: 146px;
}
#main-contents #hole-area .hole-map .hole_02 {
	top: 238px;
	left: 27px;
}
#main-contents #hole-area .hole-map .hole_03 {
	top: 99px;
	left: 33px;
}
#main-contents #hole-area .hole-map .hole_04 {
	top: 159px;
	left: 51px;
}
#main-contents #hole-area .hole-map .hole_05 {
	top: 162px;
	left: 105px;
}
#main-contents #hole-area .hole-map .hole_06 {
	top: 191px;
	left: 136px;
}
#main-contents #hole-area .hole-map .hole_07 {
	top: 183px;
	left: 194px;
}
#main-contents #hole-area .hole-map .hole_08 {
	top: 132px;
	left: 310px;
}
#main-contents #hole-area .hole-map .hole_09 {
	top: 136px;
	left: 355px;
}
#main-contents #hole-area .hole-map .hole_10 {
	top: 214px;
	left: 351px;
}
#main-contents #hole-area .hole-map .hole_11 {
	top: 227px;
	left: 409px;
}
#main-contents #hole-area .hole-map .hole_12 {
	top: 220px;
	left: 459px;
}
#main-contents #hole-area .hole-map .hole_13 {
	top: 162px;
	left: 492px;
}
#main-contents #hole-area .hole-map .hole_14 {
	top: 133px;
	left: 535px;
}
#main-contents #hole-area .hole-map .hole_15 {
	top: 95px;
	left: 517px;
}
#main-contents #hole-area .hole-map .hole_16 {
	top: 40px;
	left: 495px;
}
#main-contents #hole-area .hole-map .hole_17 {
	top: 88px;
	left: 424px;
}
#main-contents #hole-area .hole-map .hole_18 {
	top: 174px;
	left: 354px;
}

#main-contents #hole-area .btn-yardage {
	width: 258px;
	margin: 27px 0 0 721px;
}

#main-contents #hole-area .cap-video {
	width: 250px;
	height: 400px;
	margin: 15px 0 0 725px;
	background: url(../image_new/bg_cap_video.jpg) no-repeat 0 0;
}

#main-contents #hole-area .cap-video dt {
	padding: 43px 0 0 20px;
}

#main-contents #hole-area .cap-video .image {
	margin: 16px 0 0 19px;
}

#main-contents #hole-area .cap-video .btn {
	margin: 20px 0 0 57px;
}


#main-contents #hole-area .hole-box {
	overflow:hidden;
}

#main-contents #hole-area .hole-pic{
  display: flex;
  justify-content: space-between;
	margin:25px 15px 0;
	overflow: hidden;
	line-height:1.5;
  flex-wrap: wrap;
}

#main-contents #hole-area .hole-pic li {
  margin: 0 0 20px;
	text-align:right;
	font-size:15px;
}

#main-contents #hole-area .hole-pic li a {
	position: relative;
	display: inline-block;
	margin:0 0 8px;
}
#main-contents #hole-area .hole-pic li a[data-fancybox-group]::before {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url(/image_cmn_new/ico_token-tado-glass.png) no-repeat 0 0 / 100% auto;
	width: 22px;
	height: 22px;
	z-index: 2;
}

#main-contents #hole-area .hole-pic li img {
  width: 460px;
  height: auto;
}
#main-contents #hole-area .hole-pic li a:hover img {
	opacity: 0.75;
}


#main-contents #hole-area .cap-video-top {
	width: 250px;
	padding:35px 0 0;
	background: url(../image_new/bg_cap_video-top.jpg) no-repeat center top;
	text-align:center;
}

#main-contents #hole-area .cap-video-btm {
	float:right;
	margin:25px 25px 30px 0;
	background: url(../image_new/bg_cap_video-btm.jpg) no-repeat center bottom;
	padding:0 0 15px;
}

#main-contents #hole-area .cap-video-btm p.image{
	margin:20px 0;
}

/* -----------------------------
	photogallery
----------------------------- */
#main-contents #photogallery {
	width:700px;
	margin:40px auto 10px;
}

/* ----------------------------------------------------------
	nintei-area
---------------------------------------------------------- */
#main-contents #nintei-area [class$="-nintei-box"] {
	width: 460px;
	position: relative;
}

#main-contents #nintei-area .jgto-nintei-box {
	float: left;
	margin: 0 0 0 25px;
}

#main-contents #nintei-area .lpga-nintei-box {
	float: right;
	margin: 0 25px 0 0;
}

#main-contents #nintei-area [class$="-nintei-box"] .logo {
	font-size:28px;
	color:#1d4646;
	margin: 30px 0 0 0;
	padding: 0 0 15px;
	text-align: center;
	border-bottom: 1px solid #777;
	line-height:0.72;
}

#main-contents #nintei-area [class$="-nintei-box"] p {
	/*height: 223px;*/
	height: 235px;
	margin: 10px 0 0 8px;
	line-height: 1.5;
}

#main-contents #nintei-area .jgto-nintei-box p {
	width: 294px;
	padding: 0 147px 0 0;
	background: url(../image_new/mrk_jgto.png) no-repeat right 0;
}

#main-contents #nintei-area .lpga-nintei-box p {
	width: 320px;
	padding: 0 122px 0 0;
	background: url(../image_new/mrk_jlpga.png) no-repeat right 0;
}

#main-contents #nintei-area .jgto-nintei-box .btn {
	position: absolute;
	/*top: 277px;*/
	top: 290px;
	right: -4px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}

#main-contents #nintei-area [class$="-nintei-box"] figcaption {
	margin: 9px 0 0 0;
	text-align: right;
}
/* ----------------------------------------------------------
	stone-area
---------------------------------------------------------- */

#stone-area .stone-nintei-box{
	overflow: hidden;
	margin:2em 2em;
}


#stone-area .stone-nintei-box_left{
	float: left;
	width: 620px;
}

#stone-area .stone-nintei-box_left .about_sinan{
	margin: 15px 0 0 20px;
}

#stone-area .stone-nintei-box_left .about_sinan img{
	float: left;
	margin: 13px 0 0 10px; 
}

#stone-area .stone-nintei-box_left .about_sinan p{
	float: left;
	width: 420px;
	margin: 13px 0 0 26px;
}

#stone-area .stone-nintei-box figure{
	margin-left: 40px;
	float: left;
}

#stone-area .stone-nintei-box figure img{
	border: solid #ffc58d 1px;
}

#stone-area .stone-nintei-box figure figcaption{
	font-size: 80%;
	text-align: center;
	margin-top: 10px;
}

#stone-area .sinan_photo{
	margin: 0 auto;
	width: 950px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}

#stone-area .sinan_photo ul{
	display: flex;
}
#stone-area .sinan_photo li{
	width:302px;
	margin:0 0 .5em .5em;
}
#stone-area .sinan_photo li:first-child{
	margin-left:0!important;
}
#stone-area .sinan_photo li .modal {
	position: relative;
	display: block;
	border: solid #bbb3a9 1px;
}
#stone-area .sinan_photo li .modal:hover {
	opacity: 0.75;
}
#stone-area .sinan_photo li .modal::before {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	padding: 0.35em;
	color: #fff;
	line-height: 1;
	background: #3a9131;
}

/* ----------------------------------------------------------
	overseed-area
---------------------------------------------------------- */
#main-contents #rule-area {
	padding: 0 0 46px;
}
.bnr{
	width: 500px;
	margin:  30px auto;
	font-size: 15px;
}
.bnr figcaption{
	margin-top: 10px;
}

.bnr-box{
	width:950px;
	margin:auto;
}
.bnr-box ul{
	display:flex;
	justify-content: space-between;
}
.bnr-box li{
	width:468px;
}
.bnr-box figcaption{
	width:468px;
	margin-top:8px;
	font-size:15px;
	line-height:1.3;
}
#garden{
	width:830px;
	margin:2em auto 1em;
	background:#e6f1d9;
	padding:1em 1em 1.5em;
}
#garden h3{
	display: flex;
	align-items: center;
	margin-bottom:1em;
	font-size: 20px;
	color: #000;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif!important;
	&::before,&::after {
	  content: "";
	  height: 1px;
	  flex-grow: 1;
	  background-color: #000;
}
&::before {
    margin-right: 1rem;
  }
  &::after {
    margin-left: 1rem;
  }
}
#garden ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
#garden li{
	width:400px;
}
#garden figcaption{
	width:400px;
	margin-top:8px;
	font-size:15px;
	line-height:1.3;
}
a:hover{
	opacity: 0.75;
}

/* ----------------------------------------------------------
	course
---------------------------------------------------------- */
#main-contents div.hd02 {
	margin: 10px 0 0 0;
	font-size:14px;
}

/* ----------------------------------------------------------
	second-lead-txt
---------------------------------------------------------- */
#main-contents .second-lead-txt_course {
	width: 836px;
	margin: 0px auto 0px;
}

.readtxt{
	width: 836px;
	margin: 26px auto 16px;
	clear:both;
}

/* ----------------------------------------------------------
	SEO������ common.css�㏑��
---------------------------------------------------------- */
.f-text .key-wrap {
    width: 780px;
}


/* ----------------------------------------------------------
	page_nav
---------------------------------------------------------- */
#main-contents .page_nav {
	width:800px;
	margin: 60px auto 30px;
}

#main-contents .page_nav > div {
	background:#f7f7f7;
	line-height:40px;
	height:40px;
	padding:0 10px;
}

#main-contents .page_nav .back {
	line-height:40px;
	width:300px;
	float:left;
	background:url(../image_new/bg_back.png) no-repeat left center;
	padding-left:15px;
}

#main-contents .page_nav .next {
	line-height:40px;
	width:300px;
	float:right;
	background:url(../image_new/bg_next.png) no-repeat right center;
	padding-right:10px;
	text-align:right;
}

#main-contents .page_nav .page_top {
	margin-top:20px;
	clear:both;
	padding:0 10px 0 22px;
	text-align:left;
	background:url(../image_new/mrk_gopagetop.gif) no-repeat left center;
	min-width:150px;
	float:right;
}

.h1wrap {
	width: 1000px;
	height: 300px;
	position: relative;
}

.sunrise_set {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background:url(../image/btn_sunrise_sunset_bg.png) no-repeat 0 0;
}

.sunrise_set a:hover {
	opacity: 0.7; 
}
.bg_speace{
	background: url(../image/img_space01.png) 90% 91% / 100% auto no-repeat;
    background-size: 285px auto !important;
}

.hole_box {
  display: flex;
  width: 900px;
  margin: 30px auto 0;
  align-items: flex-start;
}
.hole_box > img {
  width: 270px;
  height: auto;
}
.hole_box .hole_detail {
  margin-left: 30px;
}
.hole_box .hole_detail h2 {
  padding: 0.2em 0.6em;
  background: #c4e8d0;
  color: #00511d;
  font-size: 21px;
}
.hole_box .hole_detail b {
  display: block;
  margin: 1.1em 1em 0.8em;
}
.hole_box .hole_detail p {
  margin: 0 1em;
}
/*table*/

table.defo {
    overflow: hidden;
  width: 624px;
    margin: 10px auto 10px;
    padding: 1px;
    border: 2px solid #205f1a;
    border-collapse: collapse;
}

table.yardage {
  table-layout: fixed;
}
table.yardage th {
  width: calc(98% / 7);
}
table.yardage td {
    text-align: right !important;
}
table th {
    border: 1px solid #ccc;
    margin: 0px;
    padding: 8px;
    color: #FFF;
    text-align: center;
}
th.defo_main {
    background-color: #397333;
}
.dark_orange {
    background-color: #ed8600;
}

.orange {
	background: #f0af00;
}

.light_orange {
  background: #f7bc1d;
}

.light_yallow {
  background: #ffec83;
}

.green_white {
    background-color: #31692A;
    color: #FFF;
}

.light_green {
    background-color: #77BB40;
}

table.defo td {
    border: 1px solid #31692A;
    margin: 0px;
    padding: 8px;
    text-align: left;
}

.blue {
background-color: #7182DF;}

.light_blue {
    background-color: #D3D8F5;
}

.pink {
    background-color: #E680D1;
}

.light_pink {
    background-color: #F5CDED;
}

.att_yardage{
	padding-left: 2em;
	text-indent: -1em;
}

.w_15p {
	width: 14%;
}

table.defo .b_btm_gray {
    border-bottom: 1px solid #ccc;
}
.mt1{
	margin-top:1em!important;
}
.mt2{
	margin-top:2em!important;
}