@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:2;
	margin-top:-50px;
	padding:60px 0;
}
#oaInfo h3 {
	width:1000px;
	margin:0 auto 30px;
	font-weight:bold;
	font-size:1.923em
}
#oaInfo article {
	margin-bottom:50px;
}
#oaInfo article > div {
	position:relative;
	width:990px;
	margin:0 auto;
	padding-right:10px;
	background:#fff;
}
#oaInfo ul {
	float:left;
	width:45%;
}
#oaInfo article ul li {
	display:none;
}
#oaInfo article ul li:first-child {
	display:block;
}
#oaInfo .artText {
	float:left;
	width:55%;
	padding:30px 30px 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:15px;
	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;
	margin-bottom:30px;
}
#oaInfo article .moreBtn {
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
	width:180px;
	margin-top:10px;
	padding:18px 10px 15px;
	border:3px #711928 solid;
	color:#711928;
	font-weight:bold;
	font-size:123.1%;
	letter-spacing:0.1em;
	outline:none;
	text-align:center;
}
#oaInfo .moreBtn span {
	display:block;
	float:right;
	margin-top:-3px;
	font-size:20px;
}
#oaInfo article .moreBtn:hover {
	opacity:0.6;
	transition:.3s;
}

@media (max-width: 780px) {
/* 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:95%;
	margin:0 auto 3%;
}
#oaInfo article {
	margin-bottom:15%;
}
#oaInfo article > div {
	width:100%;
	padding:0 0 5% 0;
}
#oaInfo ul {
	float:none;
	width:100%;
}
#oaInfo .active ul li {
	margin-bottom:20px;
}
#oaInfo article .artText {
	float:none;
	width:100%;
	padding:5% 5% 2%;
}
#oaInfo article .moreBtn {
	display:block;
	position:static;
	width:90%;
	margin:0 auto;
}
#oaInfo article .moreBtn:hover {
	opacity:1;
}
}



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