@charset "UTF-8";


#sports-content{ max-width: 790px; margin: 50px auto 0; }
#sports-content img{ width: 100%; height: auto; }
#sports-content .section~.section{ margin-top: 80px; }
#sports-content .section .ttl{ background-color: #cfe392; font-size: 1.5rem; line-height: 1.3; margin: 0; overflow: hidden; padding: 8px 0; }
#sports-content .section .ttl:first-letter{ display: inline-block; background-color: #000000; color: #cfe392; padding: 10px 15px; margin-right: 0.5em; }
#sports-content .section .copy{ font-size: 1.2rem; line-height: 1.7; margin-top: 20px; font-weight: bold; }
#sports-content .section01 .list-item{ display: flex; display: -ms-flex; flex-wrap: wrap; align-items: flex-start; margin-top: 20px; }
#sports-content .section01 .list-item .item .head-body .head{ font-size: 1.8rem; line-height: 1.3; }
#sports-content .section01 .list-item .item .head-body .txt{ font-size: 0.8rem; line-height: 1.7; }
#sports-content .section01 .list-item .item .txt-body .name{ font-size: 1rem; line-height: 1.7; color: #67ae28; border-left: 4px solid #67ae28; padding-left: 0.5em; }
#sports-content .section01 .list-item .item .txt-body .name+.name{ margin-top: 5px; }
#sports-content .section01 .list-item .item .txt-body .txt{ margin-top: 5px; }
#sports-content .section01 .list-item .item01{ width: 100%; display: grid; grid-template-columns: 34.9726% 3.5519% 61.4754%; }
#sports-content .section01 .list-item .item01 .head-body{ grid-row: 1 / 2; grid-column: 3 / 4; }
#sports-content .section01 .list-item .item01 .photo{ grid-row: 1 / 4; grid-column: 1 / 2; }
#sports-content .section01 .list-item .item01 .txt-body{ grid-row: 2 / 3; grid-column: 3 / 4; margin-top: 10px; }
#sports-content .section01 .list-item .item02{ width: 41.37%; /*width: 300px;*/ margin-top: 30px; display: flex; display: -ms-flex; flex-wrap: wrap; }
#sports-content .section01 .list-item .item02 .head-body{ width: 100%; }
#sports-content .section01 .list-item .item02 .photo{ width: 43%; margin-right: 15px; margin-top: 10px; }
#sports-content .section01 .list-item .item02 .txt-body{ flex: 1; margin-top: 10px; }
#sports-content .section01 .list-item .item03{ width: 52.96%; /*width: 384px;*/ margin-top: 30px; margin-left: 5.67%; display: flex; display: -ms-flex; flex-wrap: wrap; }
#sports-content .section01 .list-item .item03 .head-body{ width: 100%; }
#sports-content .section01 .list-item .item03 .photo{ width: 33.8541%; margin-right: 15px; margin-top: 10px; }
#sports-content .section01 .list-item .item03 .txt-body{ flex: 1; margin-top: 10px; }
#sports-content .section01 .list-item .item04{ width: 44.96%; /*width: 326px;*/ display: flex; display: -ms-flex; align-items: flex-end; justify-content: flex-end; margin-top: -40px; }
#sports-content .section01 .list-item .item04 .photo{ width: 39.8773%; margin-left: 15px; }
#sports-content .section02 .list-item{ margin: 20px auto 0; display: flex; display: -ms-flex; flex-wrap: wrap; }
#sports-content .section02 .list-item .item{ width: 32%; box-sizing: border-box; margin-left: 2%; box-sizing: border-box; border: 1px solid #cccccc; padding: 10px; }
#sports-content .section02 .list-item .item:nth-child(3n+1){ margin-left: 0; }
#sports-content .section02 .list-item .item:nth-child(n+4){ margin-top: 2%; }
#sports-content .section02 .list-item .item .txt-body{ margin-top: 10px; }
#sports-content .section02 .list-item .item .txt-body .name{ font-weight: bold; line-height: 1.5; }
#sports-content .section02 .list-item .item .txt-body .floor{ font-size: 0.8rem; line-height: 1.5; }
#sports-content .section02 .list-item .item .txt-body .floor .icon{ background-color: #84854E; color: #ffffff; display: inline-block; padding: 0 7px; margin-left: 0.5em; }
#sports-content .section02 .list-item .item .txt-body .info{ font-size: 0.8rem; line-height: 1.5; }

@media only screen and (max-width: 767px) {
	#sports-content{ margin-top: 10%; }
	#sports-content .section~.section{ margin-top: 10%; }
	#sports-content .section .copy{ margin-top: 5%; }
	#sports-content .section01 .list-item{ display: block; margin-top: 5%; }
	#sports-content .section01 .list-item .item .txt-body .txt{ margin-top: 5px; }
	#sports-content .section01 .list-item .item01{ width: 100%; display: flex; display: -ms-flex; flex-wrap: wrap; }
	#sports-content .section01 .list-item .item01 .head-body{ width: 100%; }
	#sports-content .section01 .list-item .item01 .photo{ width: 50%; margin-right: 15px; margin-top: 10px; }
	#sports-content .section01 .list-item .item01 .txt-body{ flex: 1; margin-top: 10px; }
	#sports-content .section01 .list-item .item02{ width: 100%; margin-top: 10%; }
	#sports-content .section01 .list-item .item02 .photo{ width: 30%; }
	#sports-content .section01 .list-item .item03{ width: 100%; margin: 10% 0 0; }
	#sports-content .section01 .list-item .item03 .photo{ width: 30%; }
	#sports-content .section01 .list-item .item04{ width: 100%; margin-top: 10%; align-items: center; justify-content: flex-start; }
	#sports-content .section01 .list-item .item04 .photo{ width: 30%; }
	#sports-content .section02 .list-item .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#sports-content .section02 .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#sports-content .section02 .list-item .item:nth-child(n+3){ margin-top: 4%; }
}
@media only screen and (max-width: 480px) {
	#sports-content .section01 .list-item .item01 .photo{ width: 100%; margin-right: 0; }
}