@charset "utf-8";


/* header */
#golden_athl header h2 {
	width:760px;
	margin:0 auto;
}

/* navi */
#nav {
	margin-top:-80px;
}

/* oaInfo */
#golden_athl {
	background:#fccf30;	
}
#oaInfo {
	position:relative;
	z-index:1;
	margin-top:-50px;
	padding:60px 0;
}
#oaInfo h3 {
	width:960px;
	margin:0 auto 30px;
	font-weight:bold;
	font-size:1.923em
}
#oaInfo article {
	margin-bottom:50px;
	padding:50px 0;
	background:#fff;
}
#oaInfo article > div {
	position:relative;
	width:960px;
	margin:0 auto;
	background:#fff;
}
#oaInfo article ul li {
	float:left;
	width:306px;
	margin-right:20px;
}
#oaInfo article ul li:last-child {
	margin-right:0;
}
#oaInfo .artText {
	padding:30px 0 0;
	background:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#oaInfo .artText .date {
	margin-bottom:20px;
	font-size:115.4%;
}
#oaInfo .artText h1 {
	margin-bottom:30px;
	color:#711928;
	font-weight:bold;
	font-size:175%;
}
#oaInfo .artText h1 span {
	display:inline-block;
	margin-top:10px;
	font-weight:bold;
	font-size:66.7%;
}
#oaInfo .artText .innerText {
	line-height:2.5;
	margin-top:30px;
	padding-bottom:80px;
	font-size:116.7%;
}


@media (max-width: 812px) {
/* header */
#golden_athl header h2 {
	width:100%;
	margin:0 auto;
}

/* navi */
#nav {
	margin-top:-7%;
}

/* oaInfo */
#oaInfo {
	margin-top:-10%;
	padding:10% 0;
}
#oaInfo h3 {
	width:90%;
	margin:0 auto 3%;
}
#oaInfo article {
	margin-bottom:15%;
}
#oaInfo article.active {
	margin-bottom:15%;
	padding:12% 0 0;
}
#oaInfo article > div {
	width:90%;
	padding:0 0 5% 0;
}
#oaInfo ul {
	width:100%;
}
#oaInfo article ul li {
	width:32%;
	margin-right:2%;
}
#oaInfo article ul li:last-child {
	margin: 0;
}
#oaInfo article .artText {
	width:90%;
	padding:5% 5% 2%;
}
#oaInfo .active .artText {
	padding:0;
}
}



@media (max-width: 480px) {
/* navi */
#nav {
	margin-top:-9%;
}

#oaInfo article ul li {
	float:none;
	width:100%;
	margin:0 0 5% 0;
}
}