@charset "utf-8";

/* ================================================================ */
/* スポーツ */
/* ================================================================ */
.sports-link-box{
	padding:20px 10px;
	border-radius: 0 0 5px 5px;
}
.sports-link-box ul{
	margin: 0 auto;
	/* text-align: center; */
	letter-spacing: -.40em;
}
.sports-link-box ul li{
	display:inline-block;
	width:33.33%;
	margin:0;
	padding:0;
	letter-spacing: normal;
}
.sports-link-box ul li img{
	width:100%;
}



/* ================================================================ */
/* スポーツ */
/* ================================================================ */
.sports-box{
	border-radius:5px;
	margin-top:20px;
	padding:10px;
	color:#6f6f6f;
}
.sports-outline{
	border: 2px solid #82B0DE;
	padding: 10px;
	border-radius:5px;

}

.sports-img-box{
	float:right;
	margin-top:-30px;
	margin-right:-30px;
	margin-left: 10px;
}

.sports-box p{
	margin-bottom:1em;
}

.sports-box h3{
	font-size:26px;
	border:none;
	padding:4px 0 3px 46px;
	color:#6f6f6f;
	margin-bottom:5px;
	min-height: 39px;
}

#calendar.sports-box h3 {
	background: url(../img/sports/ic-calendar.png) left center no-repeat;
}

#tleague.sports-box h3 {
	background: url(../img/sports/ic-t_league.png) left center no-repeat;
}

#pass.sports-box h3 {
	background: url(../img/sports/ic-pass.png) left center no-repeat;
}

#surunara.sports-box h3 {
	background: url(../img/sports/ic-surunara.png) left center no-repeat;
}

#pro.sports-box h3 {
	background: url(../img/sports/ic-pro.png) left center no-repeat;
}

#shisetsu.sports-box h3 {
	background: url(../img/sports/ic-shisetsu.png) left center no-repeat;
}

#retsuden.sports-box h3 {
	background: url(../img/sports/ic-retsuden.png) left center no-repeat;
}

#stretch.sports-box h3 {
	background: url(../img/sports/ic-stretch.png) left center no-repeat;
}

#camp.sports-box h3 {
	background: url(../img/sports/ic-camp.png) left center no-repeat;
}

#narutosc.sports-box h3 {
	background: url(../img/sports/ic-narutosc.png) left center no-repeat;
}

#gekirei.sports-box h3 {
  background: url(../img/sports/ic-sido.png) left center no-repeat;
}

.sports-box h4{
	font-size:15px;
	margin-bottom:8px;
}

.sports-box h4.big{
	font-size: 20px;
}

.sports-box ul{
	margin-left:15px;
	margin-bottom:8px;
}
.sports-box ul li{
	
}

.sports-box ul li ul{
	margin-top: 4px;
	margin-bottom: 0;
}

.sports-box ul li li{
  display: inline-block;
  margin: 0 8px 8px 0;
}

.sports-box .flex-container {
	display: -webkit-flex;
	display: flex;
}

.sports-box .flex-container:not(:last-child) {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.sports-box .flex-container.noborder {
	padding-bottom: 0;
	border-bottom: 0;
}

.sports-box .flex-box.img {
	-webkit-order: 2;
	order: 2;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 300px;
	flex-basis: 300px;
	margin-left: 10px;
}

.sports-box .flex-box.movie {
	-webkit-order: 1;
	order: 1;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 400px;
	flex-basis: 400px;
	margin-right: 10px;
}

.sports-box .flex-box.movie .mv {
	display: block;
	position: relative;
}

.sports-box .flex-box.movie .mv::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	background: url(../img/sports/play.png) center center / cover no-repeat;
}

.sports-box .flex-box.movie .mv:hover {
	opacity: 0.9;
}

.sports-box .flex-box.movie .mv img {
	width: 100%;
}

.sports-box .flex-box.movie .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.sports-box .flex-box.movie .movie video,
.sports-box .flex-box.movie .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.sports-box .flex-box.movie + .text strong {
	font-size: 110%;
}


.sports-box .flex-box.text {
	-webkit-order: 1;
	order: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.sports-box .flex-box.text span {
	color: #00f;
}

.sports-box .flex-box.text .more {
	margin-top: -0.5em;
	margin-bottom: 0;
	text-align: right;
}

@media screen and (max-width: 720px) {
	.sports-box .flex-container.wrap {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sports-box .flex-container.wrap .movie {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		margin: 0 0 10px;
	}
	.sports-box .flex-box.img {
		-webkit-flex-basis: 150px;
		flex-basis: 150px;
	}
	.sports-box .flex-box.img img {
		max-width: 100%;
		height: auto;
	}
}

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

	.sports-img-box{
		display:none;
	}
	.sports-img-box img{
		width:100px;
	}

	.sports-box .flex-container {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sports-box .flex-box.img {
		-webkit-order: 2;
		order: 2;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		margin: 0 0 10px;
		text-align: center;
	}

	.sports-box .flex-box.img img {
		max-width: 100%;
		height: auto;
	}

	.sports-box .flex-box.text {
		-webkit-order: 2;
		order: 2;
	}

}


/* qa-box */
 .qa-box {
  margin: 2em 0;
  padding: 15px 20px 10px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 5px #f2f2f2;
}
 .qa-box dt {
  position: relative;
  top: -28px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  background-color: #fff;
  font-weight: bold;
}
 .qa-box dd {
  position: relative;
  top: -15px;
  padding-left: 10px;
  margin: 0;
  background: none;
}