@charset "UTF-8";
/*---------------------
		フォント設定
---------------------*/

/*---------------------
		タグ初期設定
---------------------*/
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  /*vertical-align: middle;*/
}


html,
body {
  min-height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-justify: inter-ideograph;
  -webkit-font-smoothing: antialiased;
  zoom: 1;
  overflow-x: hidden;
  font-size: 15px;
  font-family: 'baubodbc';
  font-weight: lighter;
}


img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
li {list-style: none;}
a{
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}
a:hover{cursor: pointer; opacity: 0.6;}
#main .menu a:hover + #main .menu li { opacity: 0.6;}

/*---------------------
		common
---------------------*/
.clearfix {
	zoom: 1;
	clear: both;
}

.pcNone{display: none;}
.spNone{display: block;}

.dispFlex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.flexWrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexSb{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flexColumn{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.mainColor{background-color: #E9470B;}


.commingSoon{text-align: center; margin: 30px auto;}
.commingSoon img{}




/*---------------------
		header
---------------------*/

header{
	width: 100%;
	margin: 0 auto;
	border-top: solid 10px #E9470B;
}
#headerInner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
}
header .menu li{font-size: 1.2rem; font-weight: 600; text-align: center;}
header .menu li a{font-size: 1.2rem;}



/*---------------------
		top
---------------------*/
#top{
	background-image: url("../img/img_bgTop.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#topInner{padding: 60px 0; text-align: center;}
#top h2{
	font-size: 3rem; 
	letter-spacing: 0.2rem;
	font-weight: 600;
	color: #fff; 
	text-align: center; 
	display: inline-block;
	padding: 0 8px;
	background-color:rgba(233,71,11, 0.8);
}



/*---------------------
		footer
---------------------*/
footer{width: 100%; background-color: #E9470B; padding: 40px 0;}
footer .logo_footer{text-align: center; display: block; margin: 0 auto;}
footer ul{max-width: 1000px; width: 80%; margin: 20px auto 0;}
footer li{border-left: solid 1px #fff; width: 20%; text-align: center;}
footer li:first-child{border-left: none;}
footer li a{color: #fff;}




/* sp */
@media screen and (max-width:896px) {
	/*---------------------
			common
	---------------------*/
	.pcNone{display: block;}
	.spNone{display: none;}
	
	.commingSoon{width: 180px;}
	
	/*---------------------
			header
	---------------------*/	
	#headerInner{display: flex; justify-content: center; padding: 10px; margin: 0; }
	header .logoBox_header{width: 20%; flex-direction: column;}
	header .logo_header,
	header .logo_bleague{height: 50px; text-align: center; padding: 5px;}
	header .logoBox_header img{height: 100%;}
	header .menu {align-items: center;}
	header .menu li{width: 50%; font-size: 0.6rem;line-height: 1;}
	header .menu li a{font-size: 1rem;}
	
	#top h2{font-size: 2rem;}
	
	
	/*---------------------
			footer
	---------------------*/	
	footer .logo_footer{width: 80%;}
	footer ul{flex-direction: column;}
	footer li{border-left: none; width: 100%;}
}