@charset "UTF-8";
body{
	margin: 0px;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
a{
	text-decoration: none;
	}
mainbg{
	background-repeat: repeat-x;
	background-image: url(../base/menu/bg.png);
	margin: 0px;
	padding: 0px;
	}
.img_L {
	float: left;
}
#header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#logo {
	width: 374px;
	height: 60px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 72px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo  h1{
	width: auto;
	text-decoration: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
#about {
	width: 455px;
	height: 90px;
	float: right;
}
#about h2 {
	text-decoration: none;
	font-size: 0.75em;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: lighter;
	line-height: 1.2em;
}
#menubg {
	width: 100%;
	background-image: none;
	background-repeat: repeat-x;
	height: 60px;
	background-color: #FFF;
	padding-top: 10px;
}
#menu {
	width: 980px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu ul {
	list-style-type: none;
	width: 510px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#menu li a{
	float: right;
	width: 170px;
	height: 60px;
	font-size: 0px;
	display: block;
	background-image: url(../base/menu/2/menu.png);
	background-repeat: repeat-y;
	background-position: left;
}
#menu li a img {
	margin-left: 10px;
}

#menu li a:hover {
	float: right;
	width: 170px;
	height: 60px;
	font-size: 0px;
	display: block;
	background-image: url(../img/base/menu/2/menu_hover.png);
	background-repeat: repeat-y;
	background-position: left;
}
#menu_now li  a{
	float: right;
	width: 170px;
	height: 60px;
	font-size: 0px;
	display: block;
	background-image: url(../base/menu/2/menu_hover.png);
	background-position: left;
	background-repeat: repeat-y;
}
#menu_now li a img {
	margin-left: 10px;
}
#top_bg {
	width: 100%;
	height: auto;
	background-color: #FFF;
	overflow: hidden;
}
#main {
	width: 980px;
	height: auto;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#footerbg {
	width: 100%;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	/* border-top-color: #666;
	background-image: url(../base/menu/2/bg.png); */
	height: 200px;
	background-repeat: repeat-x;
	overflow: hidden;
}
#footer {
	width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	overflow: hidden;
}
#other {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	height: 30px;
	font-size: 0.88em;
	margin-top: 20px;
}
#other ul {
	width: 895px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#other ul li {
	width: auto;
	display: block;
	list-style-type: none;
	height: auto;
	float: left;
	padding-left: 15px;
	margin-right: 15px;
	background-image: url(../base/ft_li.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
}
#other li a {
	color: #333;
}
#other li a:hover {
	color: #666;
}
#copy {
	width: 980px;
	font-size:0.75em;
	text-align: center;
	color: #FFF;
	font-weight: lighter;
	float: left;
	height: auto;
	margin-top: 10px;
}
#copy2 {
	width: 600px;
	font-size:0.75em;
	color: #FFF;
	font-weight: lighter;
	height: auto;
	margin-top: 10px;
	float: left;
}
#link2 a{
	color: #FFF;
}
#link2 li {
	display: block;
	width: auto;
	float: right;
	margin-left: 20px;
	list-style-type: none;
}
#link2 {
	height: auto;
	width: 360px;
	float: right;
	font-size: 0.81em;
	color: #FFF;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
}
#main2 {
	width: 980px;
	height: auto;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}










.l-content{
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
#arena {
    margin-top: 10px;}
/*
 *================================================================
 *		@gnavi MENU
 *================================================================
 */
 .c-btn_gnavi {
	width: 50px;
	height: 50px;
	position: fixed;
	background: #FFBD00;
	top: 8px;
	right: 8px;
	border-radius: 3px;
	z-index: 99;
	display: none; }
	.c-btn_gnavi div {
	  width: 30px;
	  height: 2px;
	  background-color: #FFFFFF;
	  border-radius: 1.5px;
	  -webkit-transition: 0.4s;
	  -o-transition: 0.4s;
	  transition: 0.4s;
	  display: block;
	  margin-left: auto;
	  margin-right: auto; }
	  .c-btn_gnavi div:nth-child(1) {
		margin-top: 0px; }
	  .c-btn_gnavi div:nth-child(2), .c-btn_gnavi div:nth-child(3) {
		margin-top: 6px; }
  
  @media screen and (max-width: 700px) {
	.c-btn_gnavi {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  text-align: center;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  flex-direction: column; } }
  
  .c-btn_gnavi:after {
	content: "\f0d7";
	font: normal normal normal 28px/1 FontAwesome;
	position: absolute;
	display: none;
	width: 50px;
	height: 10px;
	line-height: 10px;
	color: #FFFFFF;
	background: none;
	bottom: -9px; }
  
  @media only screen and (max-width: 768px) {
	.is-open {
	  background: #F5F5F5; }
	  .is-open:after {
		color: #F5F5F5;
		display: inline-block; } }
  
  .is-open div {
	background-color: #FFBD00; }
	.is-open div:nth-child(1) {
	  -webkit-transform: rotate(-45deg) translate(-3px, 3px);
	  -ms-transform: rotate(-45deg) translate(-4px, 4px);
	  transform: rotate(-45deg) translate(-4px, 4px); }
	.is-open div:nth-child(2) {
	  opacity: 0; }
	.is-open div:nth-child(3) {
	  -webkit-transform: rotate(45deg) translate(-3px, -3px);
	  -ms-transform: rotate(45deg) translate(-7px, -6px);
	  transform: rotate(45deg) translate(-7px, -6px); }
  
  /*
   *================================================================
   *		@gnavi
   *================================================================
   */
  .c-logo {
	width: 300px;
	height: 65px;
	float: left;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; }
	@media only screen and (max-width: 768px) {
	  .c-logo {
		width: auto; } }
	.c-logo img {
	  width: auto;
	  height: 40px; }
	  @media only screen and (max-width: 768px) {
		.c-logo img {
		  margin-left: 10px; } }
  
  .c-header {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 999999999;
	background: #FFFFFF; }
	@media only screen and (max-width: 768px) {
	  .c-header {
		top: 0px; } }
  
  /*
   *================================================================
   *		@gnavi
   *================================================================
   */
  .c-gnavi {
	display: block;
	float: right;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in; }
	.c-gnavi ul {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-transition: 0.3s;
	  -o-transition: 0.3s;
	  transition: 0.3s; }
	  .c-gnavi ul li {
		display: block; }
		.c-gnavi ul li a, .c-gnavi ul li span {
		  height: 65px;
		  position: relative;
		  padding: 0px 20px;
		  display: block;
		  font-size: 16px;
		  line-height: 65px;
		  color: #221714;
		  cursor: pointer; }
		.c-gnavi ul li a:after, .c-gnavi ul li span:after {
		  position: absolute;
		  content: '';
		  display: block;
		  width: 0%;
		  height: 5px;
		  background: #FDD000;
		  -webkit-transition: 0.3s;
		  -o-transition: 0.3s;
		  transition: 0.3s;
		  right: 0;
		  left: auto;
		  bottom: 0px; }
		.c-gnavi ul li a:hover:after {
		  width: 100%;
		  left: 0; }
		.c-gnavi ul li span:hover:after {
		  width: 100%;
		  left: 0; }
		.c-gnavi ul li span.is-open:after {
		  content: ''; }
		.c-gnavi ul li .is-sub.is-open:after {
		  content: ''; }
	  .c-gnavi ul .l-content {
		max-width: 960px;
		margin: 0 auto;
		padding-left: 50px; }
		@media only screen and (max-width: 768px) {
		  .c-gnavi ul .l-content {
			padding-left: 0px; } }
	  .c-gnavi ul .sub-menu__title {
		width: 250px;
		height: calc(100% - 55px);
		background: #F4B816;
		display: block;
		float: left;
		position: absolute;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center; }
		.c-gnavi ul .sub-menu__title p {
		  color: #ffffff;
		  font-size: 35px;
		  margin-left: 30px;
		  font-weight: 500; }
	  .c-gnavi ul nav {
		width: 710px;
		float: right;
		display: block;
		left: -50px;
		margin-bottom: 25px;
		position: relative; }
		@media only screen and (max-width: 768px) {
		  .c-gnavi ul nav {
			width: 100%;
			height: auto;
			left: 0px;
			margin: 0px;
			float: none; } }
	  .c-gnavi ul ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		opacity: 1;
		pointer-events: none;
		position: fixed;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		top: 65px;
		left: 0;
		width: 100%;
		height: 0px;
		text-align: center;
		background: #f4f4f6;
		overflow: hidden;
		margin-top: 0px;
		pointer-events: none; }
		.c-gnavi ul ul li {
		  position: relative;
		  float: left;
		  width: 220px;
		  height: auto;
		  margin: 0 auto;
		  margin-top: 30px;
		  margin-left: 16px; }
		  @media only screen and (max-width: 768px) {
			.c-gnavi ul ul li {
			  width: 100%;
			  height: auto;
			  margin: 0px;
			  float: none;
			  display: inline-block;
			  padding: 0px;
			  border-top: 1px solid #FFFFFF; } }
		  .c-gnavi ul ul li a {
			width: 220px;
			height: auto;
			display: inline-block;
			padding: 0px;
			position: relative;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s; }
			@media only screen and (max-width: 768px) {
			  .c-gnavi ul ul li a {
				width: 100%;
				height: auto;
				margin: 0px; } }
			.c-gnavi ul ul li a p {
			  width: 100%;
			  height: 55px;
			  position: absolute;
			  bottom: 0px;
			  background: #ffffff;
			  display: -webkit-box;
			  display: -webkit-flex;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-align: center;
			  -webkit-align-items: center;
			  -ms-flex-align: center;
			  align-items: center;
			  -webkit-box-pack: center;
			  -webkit-justify-content: center;
			  -ms-flex-pack: center;
			  justify-content: center;
			  color: #F4B816;
			  font-size: 16px; }
			  @media only screen and (max-width: 768px) {
				.c-gnavi ul ul li a p {
				  height: auto;
				  color: #FFFFFF;
				  background: none;
				  font-size: 16px;
				  margin: 0px;
				  text-align: left;
				  position: relative;
				  font-weight: 500;
				  margin-left: 20px;
				  display: inline-block; } }
			.c-gnavi ul ul li a:hover {
			  opacity: 0.6;
			  -webkit-transition-duration: 0.5s;
			  -o-transition-duration: 0.5s;
			  transition-duration: 0.5s; }
	  .c-gnavi ul li:hover ul {
		pointer-events: auto;
		height: 250px;
		opacity: 1;
		padding-top: 28px; }
		@media only screen and (max-width: 768px) {
		  .c-gnavi ul li:hover ul {
			padding-top: 0px; } }
	  .c-gnavi ul li:hover:nth-of-type(1) ul {
		height: 445px; }
		@media only screen and (max-width: 768px) {
		  .c-gnavi ul li:hover:nth-of-type(1) ul {
			height: 0px; } }
	.c-gnavi.is-open {
	  opacity: 1;
	  pointer-events: auto; }
	  @media only screen and (max-width: 768px) {
		.c-gnavi.is-open {
		  display: block; } }
	  .c-gnavi.is-open li {
		opacity: 1;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in;
		-o-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		pointer-events: auto; }
		.c-gnavi.is-open li:last-child a {
		  padding-bottom: 40px; }
  
  @media screen and (max-width: 700px) {
	.c-gnavi {
	  position: fixed;
	  opacity: 0;
	  pointer-events: none;
	  background-color: rgba(255, 255, 255, 0.8);
	  width: 100%;
	  height: auto;
	  margin: 0px;
	  top: 58px;
	  display: none; }
	  .c-gnavi ul {
		background: #CDCDCD;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		height: auto;
		margin-top: 0px;
		padding: 10px;
		overflow: auto; }
		.c-gnavi ul li {
		  padding-bottom: 0px;
		  opacity: 0;
		  margin-top: 1px;
		  background: #FFFFFF;
		  -webkit-transition-duration: 0s;
		  -o-transition-duration: 0s;
		  transition-duration: 0s;
		  -webkit-transform: translateY(10px);
		  -ms-transform: translateY(10px);
		  transform: translateY(10px); }
		  .c-gnavi ul li:nth-of-type(4) {
			background: #FFBD00; }
			.c-gnavi ul li:nth-of-type(4) .is-open {
			  background: #FFBD00; }
		  .c-gnavi ul li a, .c-gnavi ul li span {
			font-size: 16px;
			color: #231815;
			text-align: left;
			height: 40px;
			padding-left: 30px;
			line-height: 44px;
			font-weight: bold; }
		.c-gnavi ul .ic-r:nth-of-type(3) a:after {
		  content: "\f054";
		  font: normal normal normal 14px/1 FontAwesome;
		  position: relative;
		  display: inline-block;
		  width: 40px;
		  height: 40px;
		  line-height: 40px;
		  color: #FFBD00;
		  background: none;
		  bottom: 0;
		  float: right; }
		.c-gnavi ul .ic-r:nth-of-type(2) a:after {
		  content: "\f054";
		  font: normal normal normal 14px/1 FontAwesome;
		  position: relative;
		  display: inline-block;
		  width: 40px;
		  height: 40px;
		  line-height: 40px;
		  color: #FFBD00;
		  background: none;
		  bottom: 0;
		  float: right; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul li a:hover:after, .c-gnavi ul li span:hover:after {
	  width: 0px;
	  height: 0px; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul li span:hover:after, .c-gnavi ul li a.is-sub:hover:after {
	  width: 40px;
	  height: 40px; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul li span:after, .c-gnavi ul li .is-sub:after {
	  content: '\f067';
	  font: normal normal normal 14px/1 FontAwesome;
	  position: relative;
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  line-height: 40px;
	  color: #FFBD00;
	  background: none;
	  bottom: 0;
	  float: right; }
	.c-gnavi ul li span.is-open:after {
	  content: "\f068";
	  font: normal normal normal 14px/1 FontAwesome;
	  position: relative;
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  line-height: 40px;
	  color: #FFBD00;
	  background: none;
	  bottom: 0; }
	.c-gnavi ul li:nth-of-type(4) span:after, .c-gnavi ul li:nth-of-type(4) .is-sub:after {
	  color: #FFffff; }
	.c-gnavi ul li:nth-of-type(4) span.is-open:after {
	  color: #FFffff; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul ul {
	  pointer-events: auto;
	  opacity: 0;
	  height: 0px;
	  position: relative;
	  overflow: unset;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: row;
	  -ms-flex-direction: row;
	  flex-direction: row;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  min-width: 320px;
	  width: calc(100%);
	  margin: auto;
	  top: 0px;
	  padding: 0px;
	  position: relative; }
	  .c-gnavi ul ul a {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0); }
	  .c-gnavi ul ul li {
		width: 100%;
		height: 40px;
		background: #959698; }
		.c-gnavi ul ul li:nth-of-type(4) {
		  background: #959698; }
		.c-gnavi ul ul li a {
		  width: calc(100% - 50px); }
		  .c-gnavi ul ul li a p {
			color: #FFFFFF;
			font-size: 16px;
			margin: 0px;
			font-weight: 500;
			margin-left: 20px; }
			.c-gnavi ul ul li a p:after {
			  content: "\f054";
			  font: normal normal normal 14px/1 FontAwesome;
			  position: relative;
			  display: inline-block;
			  width: 55px;
			  height: 40px;
			  line-height: 40px;
			  color: #FFFFFF;
			  background: none;
			  bottom: 0;
			  float: right; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul ul li:after {
	  content: none; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul ul li:hover:after {
	  width: auto; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul li:hover ul {
	  height: 0;
	  opacity: 0; } }
  
  @media screen and (max-width: 700px) {
	.c-gnavi ul ul.is-open {
	  pointer-events: auto;
	  opacity: 1 !important;
	  height: auto !important; }
	  .c-gnavi ul ul.is-open a {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1); }
		.c-gnavi ul ul.is-open a:last-child {
		  padding-bottom: 0px; } }
  
  @media only screen and (max-width: 768px) {
	.sub-menu {
	  width: 100%;
	  height: auto;
	  margin: 0px;
	  padding: 0px; } }
  
  .c-gnavi ul .m1 .l-content {
	max-width: 750px; }
	.c-gnavi ul .m1 .l-content nav {
	  max-width: 500px; }
  
  /*
   *================================================================
   *		@gnavi MENU END
   *================================================================
   */