/****************************************************************
コンテンツページPC用CSS
769px以上
*****************************************************************/



/**************************
レイアウト・デザイン
***************************/

/*浦和、大宮ボタン*/
.linkUrawa,
.linkOmiya{
	font-weight: bold;
	width: 240px;
	padding: 10px!important;
-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align: center;
	font-size: 16px;
	}
.linkUrawa a{
	color:#000;
	}
.linkOmiya a{
	color:#fff;
	}

.linkUrawa{
border:1px solid #ffaa22;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffec64 7%, #ffab23 98% );
	background:-ms-linear-gradient( top, #ffec64 7%, #ffab23 98% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #ffec64), color-stop(98%, #ffab23) );
	background-color:#ffec64;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffee66;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}
.linkUrawa:hover{
	background:-moz-linear-gradient( center top, #ffab23 7%, #ffec64 98% );
	background:-ms-linear-gradient( top, #ffab23 7%, #ffec64 98% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #ffab23), color-stop(98%, #ffec64) );
	background-color:#ffab23;
	}
.linkOmiya{
	border:1px solid #cc0000;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fe0000 7%, #cc0000 98% );
	background:-ms-linear-gradient( top, #fe0000 7%, #cc0000 98% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#cc0000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #fe0000), color-stop(98%, #cc0000) );
	background-color:#fe0000;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #fe0000;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #eb9090;
 	-moz-box-shadow:inset 1px 1px 0px 0px #eb9090;
 	box-shadow:inset 1px 1px 0px 0px #eb9090;
	}
.linkOmiya:hover{background:-moz-linear-gradient( center top, #cc0000 7%, #fe0000 98% );
	background:-ms-linear-gradient( top, #cc0000 7%, #fe0000 98% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#fe0000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #cc0000), color-stop(98%, #fe0000) );
	background-color:#cc0000;}


/**************************
テキストスタイル
***************************/
h1{
font-size: 22px;
font-weight: bold;
padding: 0 0 10px 10px;	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffca00+0,ffffff+100 */
background: #ffca00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2EwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffca00 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffca00), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffca00 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca00', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


h1 .h1English{
	font-size: 0.6em;
	margin:0;
	padding:0;
	}

	

h2{
	font-size: 18px;
	font-weight:bold;
	margin: 10px 0;
	padding: 1em 5px;
	text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffca00+0,ffca00+50,ffca00+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left,  rgba(255,202,0,0) 0%, rgba(255,202,0,1) 50%, rgba(255,202,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,202,0,0) 0%,rgba(255,202,0,1) 50%,rgba(255,202,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,202,0,0) 0%,rgba(255,202,0,1) 50%,rgba(255,202,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffca00', endColorstr='#00ffca00',GradientType=1 ); /* IE6-9 */
}
h3{
	font-size: 16px;
	font-weight:bold;
	line-height:100%;
	padding: 0.5em;
background: #ffca00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2EwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffca00 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffca00), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffca00 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffca00 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca00', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

/***************************************************
デザイン・レイアウト
****************************************************/
#content{
	background-color:#fff;
	width: 100%;
    position:relative;
    margin-top:137px;
    
	}
#content_in{
	font-size:15px;
	line-height: 160%;
	color:#000000;
	margin:0 auto;
	float:none;
	padding: 20px 0;
	width: 70%;
	display: block;
}

#content_ex{
	width:450px;
	font-size: 12px;
	line-height: 20px;
	color:#000000;
	margin:20px 25px;
}

#content_news{
	width:480px;
	font-size: 12px;
	line-height: 20px;
	color:#000000;
	margin:10px 10px;
}

#sched{
	width:420px;
	margin:0px 50px;
}

#news_450{
	width:450px;
	margin:15px 15px auto;
}
.error-message{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	text-align: center;
}

.info{
	text-align:center;
}

/*実績*/

#fightersTitles{
/*	font-size:;*/
}

ul.records {
list-style-type: none;
    margin-top: 0px;
    padding: 0;
}
#more {
    cursor: pointer;
    color: #0044cc;
    text-decoration: underline;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

@media screen and (max-width:768px){
		#content{margin-top:80px;}
		
		#content h1{
			background:#333;
			color:#ffca00;
		}
    h1 .h1English{
        font-size:0.5em;
    }

	body{
		border:none;
	}

	.md-hidden{
		display:none;
	}

	/*overall*/
	#header,
	#header-logo-mark,
	#contact,
	#contact-index,
	#menuOpen,
	#header-title,
	#menu
	{
		width: 100%;
		display: block;
		}

	/*header*/
	#header{
		height:auto;
		}
	#header-logo-mark{
		background-color:#ffca00;
		height: auto;
		}
	#header-logo-mark img{
		max-width: 70%;
	}
		



	/*menu*/
	#menuOpen{
	 display:none;	
		}
	#menu{
	 display:none;
	}

	/*コンテンツページのみ該当*/

	#base{
	width:100%;
	}
	#content_in{
	width: 90%;
	}

	/***trial-btn***/

	.trial-btn a{
		display:block;
		background:#FF9A2A;
		padding:20px;
		margin:20px 0;
        width: 100%;
        box-sizing: border-box;
		border-radius:5px;
		color:#fff;
		text-align:center;
		font-size:17px;
	}
	.campaign .trial-btn a{
		width:80%;
		margin-left:0.5em;
		border:2px #fff solid;
	}

	.trial{
		font-size: 1.3em;
		line-height: 1.5em;
	}
	
	#pageTop{
		margin-top:50px;
		font-size:15px;
	}

	#footer ul{
		padding:0px;
	}
		
}

/*開閉ボタン*/
details summary{
	cursor : pointer;
}

details summary:hover{
	background:#fcff99;
}