@charset "UTF-8";

#sports h2.top {
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align:center;
	color:#135291;
	font-size:40px;
	padding:0 20px 0;
	margin-bottom:20px;
}

#sports img {
	width:100%;
	height:auto;
	vertical-align:bottom;
	max-width:none;
}

#sports .feature_content  {
	width:100%;
}

#sports .top_box {
	margin-top:65px;
	text-align:center;
	margin-bottom:65px;
}

#sports .top_box p.box {
	line-height:1.5em;
	font-size:20px;
	color:#000;
	letter-spacing: -0.075rem;
}

#sports .top_box p.tip{
	font-size:14px;
	font-weight:500;
	color:#7D7D7D;
	margin-top: 13px;
}


#sports div.name{
	border-left:solid 20px #60ADC5;
	padding-left:20px;
}

#sports h3{
	color:#000;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 0.02rem;
	line-height: 2.0rem;
}

#sports .name p.blue{
	font-size:22px;
	color:#60ADC5;
	font-weight:500;
}

#sports .button{
	margin-bottom:40px;
}

#sports .button a{
	width: 100%;
	max-width:480px;
	border-radius: 25px;
	background: #FFF800;
	box-shadow: 5px 5px 0px #135291;
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	color: #135291;
	display:block;
	margin:0 auto;
	padding:7.5px 20px;
}

#sports .button a:after{
	content:"";
	display: inline-block;
	vertical-align: middle;
	color: #135291;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 17px;
	border-left-color: currentColor;
	border-right: 0;
	position: relative;
	top: -2px;
	margin-left: 10px;
}

#sports .button a:hover{
	opacity:0.75;
}

#sports h2.white {
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 0 20px;
	line-height: 2.2rem;
}

#sports h2.white span{
	font-family: "futura-pt", sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size:20px;
	color:#FFF800;
}

#sports .indexlist{
	padding: 65px 30px 40px;
	margin: 40px 0 90px;
	background:#419DCF;
}

#sports .indexlist ul{
	margin-top: 30px;
}

#sports .indexlist li{
	display:flex;
	padding:30px 30px 0;
	background:#fff;
	margin-bottom:30px;
}


#sports .indexlist li div.head{
	position:relative;
	margin-bottom:20px;
}

#sports .indexlist li div.head span{
	display: inline-block;
	position: absolute;
	left: 0;
	color: #fff;
	font-size: 14px;
	background: #0098D8;
	padding: 5px 10px;
	font-weight: 700;
	letter-spacing: -0.05rem;
}

#sports .indexlist li div.head p{
	text-align:right;
	color:#0098D8;
}

#sports .indexlist li p{
	font-size:16px;
	color:#000;
	margin-bottom:15px;
}

#sports .indexlist li p.name{
	font-size:20px;
	font-weight:700;
}

#sports .indexlist li p span{
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #366CA8;
	display: inline-block;
	width: 100%;
	padding: 3px 10px 5px;
	max-width: 92px;
	line-height: 1.2rem;
}

#sports .indexlist li > div:nth-child(1){
	width:240px
}

#sports .indexlist li > div:nth-child(2){
	width:calc(100% - 240px);
	padding-left:50px;
}

#sports .indexlist .button a{
	max-width:340px;
	font-size:20px;
	padding:5px 10px;
}

#sports .indexlist .button a:after{
	border-width: 8px 15px;
	top: -1px;
}

#sports div.button.end{
	margin-top:10px;
}

#sports div.button.end a{
	color: #135291;
	max-width: 540px;
	font-size: 26px;
	background: #FFF800;
	box-shadow: 5px 5px 0px #135291;
	padding: 15px 20px;
	font-weight: 700;
	border-radius: 50px;
}

#sports div.button.end a:after{
	color: #135291;
}

#sports div.button.end.back{
	margin-top:10px;
}

#sports div.button.end.back a{
	color: #fff;
	max-width: 540px;
	font-size: 26px;
	background: #A2A2A2;
	box-shadow: 5px 5px 0px #717171;
	padding: 15px 20px;
	font-weight: 700;
	border-radius: 50px;
}

#sports div.button.end.back a:after{
	color: #717171;
}

/*記事ページ---------------------------------------*/
#sports .feature_content.detail{
	
}

#sports .detail_head{
	margin-top: 90px;
	margin-bottom:85px;
}

#sports .detail_head .cat{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight:500;
	color:#fff;
	background:#0098D8;
	font-size: 16px;
	padding: 2px 10px;
	display: inline-block;
	letter-spacing: -0.08rem;
	margin-bottom: 13px;
}

#sports .detail_head h1{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 800;
	color:#000;
	font-size:30px;
}

#sports .detail_head .date{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight:500;
	color:#0098D8;
	text-align:right;
	font-size: 16px;
	margin-top: 10px;
}

#sports .feature_content.detail .text > img{
	max-width:720px;
	margin:0 auto 20px;
	display:block;
}

#sports .feature_content.detail h2{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-size:26px;
	color:#135291;
	position: relative;
	padding: 20px 10px;
	border-bottom: 4px solid #E5E5E5;
	margin-bottom:25px;
}

#sports .feature_content.detail h2:before{
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100px;
	height: 4px;
	content: '';
	background: #135291;
}

#sports .feature_content.detail .text p{
	font-family: kozuka-gothic-pro, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 17px;
	line-height: 2.0rem;
	padding: 0 25px;
	color: #222;
	letter-spacing: 0.14rem;
}

#sports .feature_content.detail .text p + img{
	margin-top:60px;
}

#sports .feature_content.detail .text img + p{
	margin-top:60px;
}


#sports .feature_content.detail div.sub{
	margin-top:60px;
	display:flex;
	flex-wrap:wrap;
}

#sports .feature_content.detail div.sub > div{
	width:50%;
	margin-bottom:45px;
}

#sports .feature_content.detail div.sub > div:nth-child(odd){
	padding-right:40px;
}

#sports .feature_content.detail div.sub > div:nth-child(even){
	padding-left:40px;
}

#sports .feature_content.detail div.sub p{
	padding:0 10px;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}

#sports div.other_link{
	border:solid 7px #135291;
	background:#fff;
	padding:60px 20px;
	margin-bottom:60px;
}

#sports div.other_link h3{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 600;
	color: #135291;
	font-size: 26px;
	text-align: center;
}

#sports div.other_link .flex{
	margin-top:30px;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
}

#sports div.other_link .flex > div{
	width:calc(33.333% - 30px);
	margin: 0 15px;
}

#sports div.other_link p{
	color:#000;
	margin-top:20px;
}

#sports div.other_link p:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #FFB811;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.375em 0.64952em;
	border-left-color: currentColor;
	border-right: 0;
	margin-right:10px;
}
/*記事ページend------------------------------------*/
@media screen and (max-width:1100px) {

	#sports .indexlist li > div:nth-child(1){
		width:180px
	}

	#sports .indexlist li > div:nth-child(2){
		width:calc(100% - 180px);
		padding-left:30px;
	}

	#sports .indexlist li{
		padding:20px 20px 0;
	}

}


@media screen and (max-width:900px) {


	#sports .feature_content  {
		width:100%;
		margin:10px auto;
	}

	#sports .top_box p {
		font-size:16px;
		line-height:1.7em;
	}

	#sports h2 {
		font-size:20px !important;

	}

	#sports div.name{
		border-left: solid 10px #60ADC5;
		padding-left: 10px;
	}

	#sports h3{
		font-size:20px;
		font-weight: 700;
		line-height: 1.8rem;
	}

	#sports .name p.blue{
		font-size:18px;
	}

	#sports .indexlist{
		padding: 30px 30px 40px;
	}

	#sports .indexlist li{
		display: block;
		padding: 30px 20px 30px;
	}

	#sports .indexlist li > div:nth-child(1){
		width:100%;
	}

	#sports .indexlist li > div:nth-child(1) img{
		width:calc(100% - 60px);
		margin:0 auto 20px;
		display:block;
		max-width:320px;
	}

	#sports .indexlist li > div:nth-child(2){
		width:100%;
		padding-left:0;
	}

	#sports .indexlist li p{
		font-size:16px;
		line-height: 1.4rem;
	}

	#sports .indexlist li p span{
		font-size:14px;
		letter-spacing:0;
		max-width: 70px;
	}

	#sports .indexlist .button{
		margin-bottom: 0;
	}

	#sports .indexlist .button a{
		font-size:18px;
		margin-bottom: 0;
	}

	#sports .indexlist li p.name{
		font-size:18px;
		letter-spacing: 0;
	}

	#sports .indexlist li:last-child{
		margin-bottom:0;
	}


}


@media screen and (max-width:480px) {

	#sports .top_box{
		margin: 30px 0 40px;
	}

	#sports .top_box p.box{
		font-size:15px;
		padding: 0;
		text-align:left;
		letter-spacing: 0;
	}

	#sports .top_box p.box span{
		padding: 15px;
	}

	#sports .button{
		margin-bottom:0;
	}

	#sports .button a{
		width:calc(100% - 40px);
		font-size: 18px;
		padding:10px 20px;
	}

	#sports h2.white{
		font-size: 20px !important;
		letter-spacing: 0;
		padding: 10px 10px;
	}

	#sports .indexlist {
		padding: 10px 15px 30px;
		margin: 40px 0 50px;
	}

	#sports .indexlist ul{
		margin-top:10px;
	}

	#sports div.button.end{
		margin-bottom:30px;
	}

	#sports div.button.end a{
		font-size:20px;
		
	}

	#sports div.button.end.back{
		margin-bottom:70px;
	}

	#sports div.button.end.back a{
		font-size:20px;
		
	}


	#sports div.name{
		border-left: solid 7px #60ADC5;
		padding-top:3px;
		padding-bottom:3px;s
	}

	#sports h3{
		font-size: 18px;
		line-height: 1.6rem;
		letter-spacing: 0;
		margin-bottom: 5px;
	}

	#sports .name p.blue{
		font-size:16px;
		letter-spacing: 0;
		line-height: 1.2rem;
	}

}

/*記事ページ---------------------------------------*/
@media screen and (max-width:1000px) {
	#sports .detail_head{
		margin-top: 50px;
		margin-bottom: 55px;
	}

	#sports .detail_head h1{
		font-size:24px;
	}

	#sports .feature_content.detail h2{
		font-size:20px;
		padding: 10px 10px;
		margin-bottom:20px;
	}

	#sports .feature_content.detail div.sub > div:nth-child(odd){
		padding-right:15px;
	}

	#sports .feature_content.detail div.sub > div:nth-child(even){
		padding-left:15px;
	}

	#sports .feature_content.detail .text p{
		padding-left:0;
		padding-right:0;
		font-size: 16px;
		line-height: 1.9rem;
	}

	#sports div.other_link{
		padding:40px 10px;
	}
	
	#sports .feature_content.detail .text > img{
		width:80%;
	}

	#sports .feature_content.detail .text p + img{
		margin-top:40px;
		margin-bottom:50px;
	}

	#sports .feature_content.detail .text img + p{
		margin-top:40px;
		margin-bottom:50px;
	}

	#sports .feature_content.detail div.sub{
		margin-top:40px;
	}

	#sports .feature_content.detail div.sub p{
		padding:0;
	}

	#sports div.other_link h3{
		font-size:22px;
	}
}

@media screen and (max-width:480px) {
	#sports .feature_content.detail div.sub p{
		line-height: 1.6rem;
		font-size: 15px;
	}

	#sports .feature_content.detail div.sub > div:nth-child(odd){
		padding-right:10px;
	}

	#sports .feature_content.detail div.sub > div:nth-child(even){
		padding-left:10px;
	}

	#sports .detail_head h1{
		font-size:20px;
	}

	#sports .feature_content.detail h2{
		font-size:18px !important;
	}

	#sports div.other_link{
		border: solid 4px #135291;
		padding:30px 20px 0;
		margin-bottom:40px;
	}

	#sports div.other_link h3{
		font-size:18px;
	}

	#sports div.other_link .flex{
		display: block;
	}

	#sports div.other_link .flex > div{
		width:100%;
		margin:0 0 30px;
	}

	#sports div.other_link .flex img{
		width:70%;
		display:block;
		margin:0 auto;
	}
}

/*記事ページend------------------------------------*/