@charset "UTF-8";
/* CSS Document */

html,body{
font-family: 'Noto Sans JP',YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-size: 10px;}

#menu{position: sticky; top: 0; }
#menu ul{display: flex; justify-content: center; background : rgba(148, 148, 148,0.7);}
#menu li{}
#menu li a{color: #fff; font-size: 1.6em; font-weight: bold; padding: 20px 20px; display: block;}
#menu li a:hover{color : #891C32;}
#menu li span.icon{width: 17px; display: inline-block; margin-left: 5px;}

#menu li.planbtn,
#menu li#close{display: none;}

.plan_fixed{position: fixed; right: 0; top: 260px; width: 140px; z-index: 1000;}
.ticket_fixed{position: fixed; right: 0; top: 400px; width: 140px; z-index: 1000;}

/*アクティブカラー*/
#faq #menu li.a06 a{color:#891C32; pointer-events: none;}
#access #menu li.a05 a{color:#891C32; pointer-events: none;}
#rest #menu li.a04 a{color:#891C32; pointer-events: none;}
#tashiro #menu li.a03 a{color:#891C32; pointer-events: none;}
#naeba #menu li.a02 a{color:#891C32; pointer-events: none;}
#top #menu li.a01 a{color:#891C32; pointer-events: none;}

footer ul{display: flex; justify-content: center; padding: 80px 0 50px;}
footer li{padding: 0px 20px; border-right: 1px solid #000;}
footer li:last-child{border-right: none;}
footer li a{color: #000; font-size: 1.6em;}

#gototop{position: fixed; right: 20px; bottom: 20px;  }
#gototop a{ display: block; width: 55px;}

@media screen and (max-width: 900px){
#menu li.planbtn,
#menu li#close{display: none;}
.plan_fixed{ top: 120px; width: 80px;}
.ticket_fixed{ top: 240px; width: 80px;}

}


@media screen and (max-width: 460px){
#menu li.planbtn,
#menu li#close{display: block;}
.plan_fixed{display: none;}
.ticket_fixed{display: none;}

#menu ul{display: block;}
#menu ul{background: #fff;}
#menu li{border-bottom: 2px solid #891C32; }
#menu li:last-child{border: none;}
#menu li a{color: #891C32; padding: 20px 0px;}

#menu li.planbtn a{color: #ab7a28; background: #eee4d4;}

/*アクティブカラー*/
#faq #menu li.a06 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}
#access #menu li.a05 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}
#rest #menu li.a04 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}
#tashiro #menu li.a03 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}
#naeba #menu li.a02 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}
#top #menu li.a01 a{color: #fff; background:#891C32; height: 100%; width: 100%; display: block;  pointer-events: none;}

	
footer ul{flex-wrap: wrap;}
footer li{padding: 0px 10px; margin-bottom: 10px;}
footer ul li:nth-child(3),
footer ul li:first-child{border-left: 1px solid #000;}
footer li:last-child{border-right: 1px solid #000;}
}


#guidmap .txtlink{display: flex; justify-content: center; font-size: 16px;}
#guidmap .txtlink span{width: 17px; margin-left: 5px;}
#guidmap .txtlink a{color: #333; text-decoration: underline;}
#guidmap a{color: #333;}
#guidmap .sub{box-sizing: border-box; width: 900px; font-size : 14px; margin:15px auto; line-height : 1.5; padding: .6em 1.2em; color: #fff; background: #891c32;}


/*.header-login-cont.status-login .mypage-club a.btn-type03 {
  background: url(/images/common/icon_arrow_right_17.png) 98% center no-repeat;
  background-size: auto;
  border: 2px solid #222;
  color: #222;
}

.header-login-cont.status-login .mypage-club a.btn-type03:hover {
  background-image: url(/images/common/icon_arrow_right_18.png);
  background-color: #222;
  color: #fff;
}*/
.btn-type01,
.btn-type02{
	width: 360px;
	margin: 60px auto 0;
	line-height : 1.5;
}

.btn-type01 + .btn-type01{margin-top: 20px;}
.btn-type01 a,
.btn-type02 a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	background: url(/images/common/icon_arrow_right_10.png) 97% center no-repeat transparent;
	background-size: 22px auto;
	border: 2px solid #891c32;
	color: #891c32;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 40px 15px 15px;
	margin: auto;
}
.btn-type01 a span,
.btn-type02 a span {
	font-size: 12px;
	display: block;
}
#guidmap .btn-type02  a {
	text-align: center;
	padding: 15px 40px 15px 15px;
	color: #891c32;
}
.btn-type01 a:hover,
.btn-type02 a:hover,
#guidmap .btn-type02 a:hover{
  background: url(/images/common/icon_arrow_right_03.png) 97% center no-repeat #891c32;
  background-size: 22px auto;
  color: #fff;
}
/*
.area-access .area-top-season a.btn-type03 {
  width: 300px;
}*/

@media screen and (max-width: 768px) {
  a.btn-type03 {
    background-position: 97% center;
  }
	#guidmap .sub{width: 90%;}
	
	.btn-type01,
	.btn-type02{
		width: 90%;
		margin: 60px auto 0;
	}
	.btn-type01 a {
		background: url(/images/common/icon_arrow_right_10.png) center 84% no-repeat transparent;
		padding: 15px 12px 40px 15px;
	}
	.btn-type01 a:hover {
		background: url(/images/common/icon_arrow_right_03.png) center 84% no-repeat transparent;
	}
	.btn-type02 a {
		background: url(/images/common/icon_arrow_right_10.png) 97% center no-repeat transparent;
		padding: 15px 40px 12px 15px;
	}
  /*.golf-info a.btn-type03 {
    background-image: url(/images/golf/golf_icon_arrow_right_04.png);
    background-size: 26px 6px;
    border: 1px solid #0E7134;
    color: #0E7134;
    width: 220px;
  }

  .golf-info a.btn-type03:hover {
    background-image: url(/images/golf/golf_icon_arrow_right_04.png);
    background-position: 97% center;
    background-size: 26px 6px;
  }
.luxury .area-top-season a.btn-type03 {
  background: url(/images/common/icon_arrow_right_10.png) 94% center no-repeat #fff;
  background-size: 32px auto;
  border: 2px solid #222;
  color: #222;
}
.luxury .area-top-season a.btn-type03:hover {
  background: url(/images/common/icon_arrow_right_03.png) 94% center no-repeat #222;
  border: 2px solid #fff;
  color: #fff;
}*/
}


/**/

/* @media : PC */
@media screen and (min-width: 769px) {
    .sp { display: none; }
}/* /@media */

/* @media : SP */
@media screen and (max-width: 768px) {
    .pc { display: none; }
	#header table,
	#copyright {
		width: 96%;
	}
	
#btnlink{width: 100px;}
	
}/* /@media */



/*24/01/16 追加*/
.lyt-lead{
	color: #f16000;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
    padding-bottom: 30px;
}
.lyt-lead.end{
	margin-bottom: 140px;
}

@media screen and (max-width: 768px) {
.lyt-lead.end{
    margin-bottom: 90px
}
}