@charset "utf-8";

@font-face {
	font-family: 'LigatureSymbols';
	src: url('../font/LigatureSymbols-2.11.eot');
	src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
			 url('../font/LigatureSymbols-2.11.woff') format('woff'),
			 url('../font/LigatureSymbols-2.11.ttf') format('truetype'),
			 url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	font-weight: normal;
	font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

#golden_athl {
	letter-spacing:0.1em;
	line-height:1;
	color:#000;
	font-size:81.3%;
	background:#fff;
  overflow: hidden;
}
#golden_athl * {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}
#golden_athl img {
	display:block;
	width:100%;
	height:auto;
}

/* header */
#golden_athl header {
	background:url(../../images/bg_header.jpg) no-repeat center top;
}

/* navi */
#nav {
	position: relative;
  overflow: hidden;
	margin-top:-8%;
	padding:60px 0 50px;
	z-index:3;
}
#nav ul {
	background: #000;
	text-align:center;
}
#nav ul li {
	display:inline-block;
	padding:10px 20px;
}
#nav ul li a {
	color:#fff;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
	font-size:138.5%;
}
#nav:before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 2000px 0px 0;
	border-color: transparent #000000 transparent transparent;
  z-index: -1;
}
#nav:after {
	content: '';
  position: absolute;
  bottom: 0;
  left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 2000px 50px 0;
	border-color: transparent #000000 transparent transparent;
  z-index: -1;
}



/* footer */
#pageTop a {
	z-index:200;
}

@media (max-width: 812px) {
/* navi */
#nav {
	margin-top:-7%;
	padding:20px 0 30px;
}
#nav ul li {
	display:inline-block;
	padding:10px 2%;
}
#nav ul li a {
	font-size:115.4%;
}
#nav:before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 812px 0px 0;
	border-color: transparent #000000 transparent transparent;
  z-index: -1;
}
#nav:after {
	content: '';
  position: absolute;
  bottom: 0;
  left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 812px 30px 0;
	border-color: transparent #000000 transparent transparent;
  z-index: -1;
}
}


@media (max-width: 420px) {
/* header */
#golden_athl header {
	position:relative;
	width:100%;
	overflow:hidden;
}
#golden_athl header img {
	width:150%;
	margin-left:-25%;
}

/* navi */
#nav {
	margin-top:-13%;
}	
#nav ul li a {
	font-size:100%;
}
}