@charset "UTF-8";
/* CSS Document */

/*アタリ用あとで削除
.columns1 img{
	outline: 2px solid #000;
	outline-offset: -2px;
}*/
/*レポ用追加*/
/* 4段組み */
.columns4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	-ms-columns: 4;
	columns: 4;
	clear: both;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.columns4 a img{
	width: 100%;
	height: auto;
}
/*--- 表示領域が800px以下の場合に適用するスタイル ---*/
@media screen and (max-width:800px) {
.columns4 {
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	columns: 2;
	clear: both;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
}
/*--- 表示領域が300px以下の場合に適用するスタイル ---*/
@media screen and (max-width:300px) {
.columns4 {
	-webkit-columns: 1;
	-moz-columns: 1;
	-ms-columns: 1;
	columns: 1;
	clear: both;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
}
.smal{
	font-family: sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	font-weight: bolder;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/*みだし*/
.repo1 {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	color: #000;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}
/* YOUTUBE & ALL SPORTS */
.repo2 {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top-width: 3px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
}
.repo2:before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-size: 1.0em;
	font-weight: 900;
	color: #F00;
	padding-right: 0.3em;/* インデントと揃える */
	margin: 0px;
	vertical-align: baseline;
}
/* レースレポート */
.repo_midashi21 {
	font-family: sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #F00;
	font-weight: bolder;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F00;
}
/*
.repo_midashi21:before {
	font-family: "Font Awesome 5 Free";
	content: '\f45c';
	font-size: 1.0em;
	font-weight: 900;
	color: #F00;
	padding-right: 0.3em;
	margin: 0px;
	vertical-align: baseline;
	
}
*/
.repo_midashi22 {
	font-family: sans-serif;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #000;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px 0px 5px 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.repo_midashi23 {
	font-family: sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #06C;
	font-weight: bolder;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #06C;
}
/*
.repo_midashi23:before {
	font-family: "Font Awesome 5 Free";
	content: '\f45c';
	font-size: 1.0em;
	font-weight: 900;
	color: #06C;
	padding-right: 0.3em;
	margin: 0px;
	vertical-align: baseline;
}
*/
.repo_midashi24a {
	font-family: sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #F00;
	font-weight: bolder;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
.repo_midashi24b {
	font-family: sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #06C;
	font-weight: bolder;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
.repo_midashi25 {
	font-family: sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #336699;
	font-weight: bolder;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* ギャラリーナビ用 矢印1 */
.arrow1 {
	font-weight: bolder;
	color: #4161BC;
	margin: 0px;
	padding: 0px;
}
.arrow1 a{
	color: #4161BC;
}
.arrow1 a:hover{
	color: #F00;
}
/*.arrow1:before {
	font-family: "Font Awesome 5 Free";
	content: '\f111';
	font-weight: 900;
	color: #7FA5DC;
	padding-right: 3px;
}
/*フォトギャラリーの子メニュー*/
.photogallery{
	font-size: 1.0em;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.photogallery .arrow1{
	width: 190px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	display: inline-block;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #7FA5DC;
}
/* TOP用 矢印2 */
.container .content .columns1 .top_columns{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
.arrow2 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bolder;
	width: 25%;
	height: auto;
	color: #fff;
	background-color: #4161BC;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	border-radius: 0px;	
	outline: 2px solid #fff;
	outline-offset: -2px;
}
/* 矢印 */
.arrow2 a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	padding-right: 3px;
}
.arrow2 a{
	font-weight: bolder;
	color: #FFF;
	display: block;/* 項目内全域をリンク可能にする */
}
.arrow2 a:hover{
	font-weight: bolder;
	color: #FFF;
}
@media screen and (max-width:780px) {
.arrow2 {
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bolder;
	width: 50%;
	height: auto;
	color: #fff;
	background-color: #4161BC;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	border-radius: 0px;	
	outline: 2px solid #fff;
	outline-offset: -2px;
}
}
.repo_midashi27 {
	font-family: sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #066;
	border-radius: 10px 10px 0px 0px;
	clear: both;
}
.repo_midashi28 {
	font-family: sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #000;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #DDD;
	border-radius: 0px 0px 10px 10px;
	clear: both;
}
/* ◎赤マーク 
.repo_midashi28:before {
	font-family: "Font Awesome 5 Free";
	content: '\f192';
	font-size: 1em;
	font-weight: 900;
	color: #069;
	padding-right: 0.3em;
	vertical-align: baseline;
}
*/
.repo_midashi29 {
	font-family: sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #039;
	border-radius: 10px 10px 0px 0px;
	clear: both;
}
.repo_midashi30 {
	font-family: sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #F06;
	border-radius: 10px 10px 0px 0px;
	clear: both;
}
.repo_midashi31 {
	font-family: sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #099;
	border-radius: 10px 10px 0px 0px;
	clear: both;
}
/*ギャラリー*/
.repo_midashi32 {
	font-family: sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #FFF;
	background-color: #4161BC;
	margin: 0px 0px 15px 0px;
	padding: 5px;
	border: 3px solid #4161BC;
}
/*ホストチーム*/
.repo_midashi33{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #369;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #369;
	border-bottom-color: #369;
	padding: 10px 10px 10px 0px;
}
.repo_midashi34{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #099;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #099;
	border-bottom-color: #099;
	padding: 10px 10px 10px 0px;
}
.sp3 {
	display: block !important;
	height: auto;
	width: 100%;
	display: block;
	clear: both;
}
/*PCでは非表示*/
@media only screen and (min-width: 781px) {
.repo_midashi35{
	display: none;
}
}
@media only screen and (max-width: 780px) {
.sp3 { display: none !important;
}	
.repo_midashi35{
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bolder;
	color: #000;
	margin-top: 5px;
	margin-bottom: 15px;
	height: auto;
	width: 100%;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #4A8E2F;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
}
.repo_midashi36{
	font-size: 0.9em;
	line-height: 1.2em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.repo_midashi36:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0aa';
	font-weight: 900;
	color: #0066CC;
	padding-right: 5px;
}
.repo_midashi37{
	font-size: 0.9em;
	line-height: 1.2em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}
.repo_midashi37:after{
	font-family: "Font Awesome 5 Free";
	content: '\f0aa';
	font-weight: 900;
	color: #0066CC;
	padding-left: 5px;
}
.repo_midashi38{
	font-size: 0.9em;
	line-height: 1.2em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}
.repo_midashi39{
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bolder;
	color: #000;
	height: auto;
	width: auto;
	margin: 10px 0px 5px 0px;
	padding: 8px 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #069;
	border-bottom-color: #069;
}
.repo_midashi40 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	color: #069;
	margin: 10px 0px 3px 0px;
	padding: 0px;
}

/*レポートのメニュー*/
.container .content .repomenu{
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bolder;
	width: 100%;
	height: auto;
	margin: 10px 0px;
	padding: 10px 0px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4161BC;
	border-bottom-color: #4161BC;
}
.container .content .repomenu ul{
	margin: 0;
	padding: 0;
}	
.container .content .repomenu li{
	list-style: none;
	width: auto;
}
.container .content .repomenu ul .repo a{
	color: #000;
}
.container .content .repomenu ul .repo a:hover, a:active{
	color: #F00;
}
.repo:before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-size: 1.0em;
	font-weight: 900;
	color: #4161BC;
	padding: 0.3em;/* インデントと揃える */
	margin: 0px;
	vertical-align: baseline;
}

/*--- 表示領域が935px以下の場合に適用するスタイル ---*/
@media screen and (max-width:935px) {
/*レポートのメニュー*/
.container .content .repomenu{
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: bolder;
	width: 100%;
	height: auto;
	margin: 10px 0px;
	padding: 10px 0px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4161BC;
	border-bottom-color: #4161BC;
}
}