@charset "utf-8";

/*---------以下、サイト共通ルール---------*/

.pc {display:block;}
.sp {display:none;}


body{
	background:#000;
	color:#FFF;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
}
a{ color:#00D8FF; text-decoration:none;}
a:hover{text-decoration:underline;}

/*---------以下、全ページ共通スタイル---------*/
#container{ width:960px; margin:0 auto; padding-top: 30px;}

/*#navWrap{ height:70px; margin-bottom:14px; background:url(../img/nav.jpg) no-repeat; position:relative;}*/
#navWrap li{ float:left;}
#nav{ position:absolute; top:36px; left:120px; height:34px;}
#nav li{ width:140px; height:34px;}
#nav li a,#nav li span{ text-indent:-9999px; display:block; width:140px; height:34px;}
#nav li#nav1 a{background: url(../img/nav1.png) no-repeat;}
#nav li#nav2 a{background: url(../img/nav2.png) no-repeat;}
#nav li#nav3 a{background: url(../img/nav3.png) no-repeat;}
#nav li#nav4 a{background: url(../img/nav4.png) no-repeat;}
#nav li#nav5 a{background: url(../img/nav5.png) no-repeat;}
#nav li#nav6 a{background: url(../img/nav6.png) no-repeat;}
#nav li#nav1 a:hover{background: url(../img/nav_over1.png) no-repeat;}
#nav li#nav2 a:hover{background: url(../img/nav_over2.png) no-repeat;}
#nav li#nav3 a:hover{background: url(../img/nav_over3.png) no-repeat;}
#nav li#nav4 a:hover{background: url(../img/nav_over4.png) no-repeat;}
#nav li#nav5 a:hover{background: url(../img/nav_over5.png) no-repeat;}
#nav li#nav6 a:hover{background: url(../img/nav_over6.png) no-repeat;}
#nav li#nav1.active span{background: url(../img/nav_over1.png) no-repeat;}
#nav li#nav2.active span{background: url(../img/nav_over2.png) no-repeat;}
#nav li#nav3.active span{background: url(../img/nav_over3.png) no-repeat;}
#nav li#nav4.active span{background: url(../img/nav_over4.png) no-repeat;}
#nav li#nav5.active span{background: url(../img/nav_over5.png) no-repeat;}
#nav li#nav6.active span{background: url(../img/nav_over6.png) no-repeat;}
#social{ position:absolute; top:6px; right:0;}
#social li{width:110px !important;}


/*新規ヘッダー部分*/
#navWrap{
	position:relative;
	margin-bottom:13px;
	height:auto;
	background:url(../img/nav.jpg) no-repeat;
	background-position:8px 0;
	padding-top:70px;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","メイリオ",Meiryo,serif;
}

.mainnav {
	width:960px;
	height:55px;
	line-height:19px;
	text-align:center;
	padding:4px 0 0;
  border-bottom: 1px solid #076c7e;
  border-top: 1px solid #00d8ff;
}

.mainnav li {
	width:160px;
	float:left;
	background-image:url(../img/icon_bar.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding: 6px 0;
}

.mainnav li a {
	width:160px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.mainnav li a:hover {
	text-decoration: none;
}

.mainnav .nav1 {
	background-image:url(../img/bg_nav01.png);
	background-repeat:no-repeat;
}

.mainnav .nav5 {
	background-image:none;
}

.mainnav span {
	font-size:13px;
	}


.subnav {
	/*width:265px;*/
	line-height:15px;
	position: absolute;
  right: 0;
  top: 42px;
}


.subnav .nav2 {
	padding-left:15px;
	background-image:url(../img/arrow-01.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin-right: 50px;
}

.subnav .nav3 {
	padding-left:15px;
	background-image:url(../img/arrow-01.png);
	background-repeat:no-repeat;
	background-position:0 2px;
}

.subnav .nav3 .link {
	padding-right:15px;
	background-image:url(../img/icon_link.png);
	background-repeat:no-repeat;
	background-position:4px 1px;
}

.subnav li a {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}





.mainBlock{ width:960px; background:#1a1a1a url(../img/box_top.gif) no-repeat; margin-bottom:20px;}
.mainBlockInner{ width:960px; background:url(../img/box_bottom.gif) no-repeat center bottom; padding:0 0 20px; position:relative;}
.mainBlockM{ width:770px; background:#1a1a1a url(../img/box_top_m.gif) no-repeat; margin-bottom:20px;}
.mainBlockMInner{ width:770px; background:url(../img/box_bottom_m.gif) no-repeat center bottom; padding:0 0 10px; position:relative;}
.mainBlockS{ width:470px; background:#1a1a1a url(../img/box_top_s.gif) no-repeat; margin-bottom:20px;}
.mainBlockSInner{ width:470px; background:url(../img/box_bottom_s.gif) no-repeat center bottom; padding:0 0 20px; position:relative;}

#bannerArea a{margin-bottom:20px; display:block;}

#toPageTop{ width:960px; height:46px; background:url(../img/totop.png) center bottom no-repeat; position:relative; margin-bottom:20px;}
#toPageTop.toPageTop2{background:url(../img/totop2.png) center bottom no-repeat;}
#toPageTop a{position:absolute; right:5px; bottom:2px; display:block; width:96px; cursor:pointer;}

#siteFooter{ margin-bottom:20px; color:#4d4d4d;}
#siteFooter a{color:#FFF;}
#siteFooter #copyright{ float:right; color:#FFF;}


.movieBlock { position:relative;}
.movieBlockL {
	margin:0 0 0 19px;
	width: 620px;
	min-height: 178px;
	position: relative;
	padding-top:10px;
}
.mainBlockM .movieBlockL{width: 442px; padding-top:18px;}
.movieBlockL .image{width: 192px; float: left;}
.mainBlockM .movieBlockL .image{width: 144px;}
.movieBlockL dl {width:385px; float:left; margin:0 0 0 13px; display: block;}
.mainBlockM .movieBlockL dl {width:281px;}
.movieBlockL dt {
	font-size: 16px;
	font-weight: bold;
	line-height:120%;
	margin-bottom:12px;
}
.movieBlockL dd p {
	font-size:14px;
	margin-bottom:5px;
}
.mainBlockM .movieBlockL dd { padding-bottom:12px;}
.movieBlockR {position: absolute; left: 627px; top: 10px;}
.mainBlockM .movieBlockR {left: 466px; top: 18px;}

h3.menuLayoutH3{ background:#1A1A1A; border-left:5px solid #00D8FF; margin:0 0 5px; padding:10px; font-size:16px; font-weight:bold;}
.mainBlockM h3.menuLayoutH3{margin:20px 20px 5px; background:#262626;}

.menuLayout{ width:960px; background:url(../img/menu_layout.png) left top repeat-y;}
.menuLayoutL{ float:left; width:168px; background:url(../img/menu_border.png) left top no-repeat;}
.menuLayoutL li{ padding:11px 0; background:url(../img/menu_border.png) left bottom no-repeat; width:168px;}
.menuLayoutL li a,.menuLayoutL li span{ font-size:14px; padding-left:10px; margin-left:10px; width:146px; background:url(../img/arrow_menu.png) left 8px no-repeat; display:block; color:#FFF;}
.menuLayoutL li span.active{ font-size:14px; padding-left:10px; margin-left:10px; width:146px; background:url(../img/arrow_menu_active.png) left 8px no-repeat; display:block; color:#00D8FF;}
.menuLayoutR{ float:right; width:770px;}

hr {
    background-color: rgb(38, 38, 38);
    border: medium none;
    color: rgb(38, 38, 38);
    height: 1px;
}

.mainBlockM hr {
    width: 770px;
    margin: 5px auto;
}

.mainBlock hr {
    margin: 15px auto 5px;
}

.menuLayoutDl{ width:770px; border-bottom:2px solid #262626; padding:13px 0 10px;}
.menuLayoutDl dt{ width:158px; float:left; margin-left:9px; background:url(../img/arrow_menu.png) left 6px no-repeat; padding-left:8px;}
.menuLayoutDl dd{ width:590px; float:left;}
.menuLayoutDl dd h4,.menuLayoutDl dd h4 a{ font-weight:bold;}

#topBannerArea{ margin-top:40px; text-align:center;}
.bannerArea { margin-top:40px; text-align:center;}

.eventLink{ text-align:right;}
.eventLink a{padding-left:17px; background:url(../img/event_arrow.png) left center no-repeat; font-size:14px; line-height:100%;}

#topTournamentResult .mainBlockInner{padding-bottom:12px;}
#tournamentResultBanner{ margin-top:7px; text-align:center;}
#tournamentResultResult{ margin:7px 20px 0 0; text-align:right;}



@media (max-width:640px){
  .pc {display:none;}
  .sp {display:block;}

  #container{ width:auto; margin:0 auto; padding-top:0px;}

  .mainBlock{ width:auto; background:#1a1a1a url(../img/box_top.gif) no-repeat; margin-bottom:20px; background-size:100% auto;}
  .mainBlockInner{ width:auto; background:url(../img/box_bottom.gif) no-repeat center bottom; padding:0 0 20px; position:relative; background-size:100% auto;}
  #toPageTop{ width:auto; height:46px; background:url(../img/totop.png) right bottom no-repeat; position:relative; margin-bottom:20px;}


/*#toPageTop.toPageTop2{background:url(../img/totop2.png) right bottom no-repeat;}
*/#toPageTop a{position:absolute; right:5px; bottom:2px; display:block; width:96px; cursor:pointer;}

#siteFooter{ margin-bottom:20px; color:#4d4d4d; text-align: center;}
#siteFooter a{color:#FFF;}
#siteFooter #copyright{ float:none; color:#FFF; margin-top: 5px;}


#sns_sp {text-align: center; height: 28px; margin: 15px 0;}
#sns_sp li {display: inline-block; margin: 0 3px;}

/*新規ヘッダー部分*/



#navWrap{
	position:relative;
	height:auto;
	background:url(../img/sp/sp_nav.png) no-repeat;
	background-position:8px 4px;
	background-size:83px 32px;
	padding-top:40px;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","メイリオ",Meiryo,serif;
  /*border-bottom: 2px solid #00d8ff;*/
  margin:0;
}

#navWrap .menu{
  border-bottom: 2px solid #00d8ff;
}

#navWrap li{ float:none;}
#navWrap a:hover {text-decoration: none;}

#navWrap .sp_wrap {display: none; position: absolute; top:42px; left:0; width: 100%; z-index: 99999;  padding-bottom: 6px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.8); background-color: #232323;}

#navWrap .menu .btn {background:url(../img/sp/btn_menu.png) 0 0 no-repeat; background-size:34px auto; width:34px; height:32px; text-indent:-9999px; position: absolute; top:4px; right: 5px;}
#navWrap .menu .btn.close {background:url(../img/sp/btn_close.png) 0 0 no-repeat; background-size:34px auto; width:34px; height:32px; text-indent:-9999px;}

.mainnav {
	width:auto;
	height:auto;
	line-height:19px;
	text-align:left;
	padding:5px 0 0;
	border-top:none;
  border-bottom: 1px solid #727272;
	background-color:#353535;
}

.mainnav li {
	width:auto;
	float:none;
	background-image:none;
	line-height: 39px;
	margin:0 10px;
  padding:0 6px;
	border-top:1px solid #727272;
}

.mainnav .nav1 {
 background-color: #4d4d4d;
 margin: 0 5px 5px;
 border-radius:3px;
 padding-left:11px;
}

.mainnav li:first-child {
	border:none;
}

.mainnav li a {
	width:auto;
	float:none;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	display: block;
}

.mainnav .nav1 {
	background-image:url(../img/bg_nav01.png);
	background-repeat:no-repeat;
	background-image:none;
}

.mainnav .nav5 {
	background-image:none;
}

.mainnav span {
	font-size:12px;
	padding-right:10px;
	font-weight: bold;
	}


.subnav {
	width:auto;
	line-height:36px;
	position: static;
  right: 0;
  top: 42px;
	background-color:#232323;
}


.subnav .nav1 {
	width:auto;
	padding-left:20px;
	background-image:url(../img/sp/sp_arrow-01.png);
	background-repeat:no-repeat;
	background-position:7px center;
	margin:0 10px;
	line-height: 39px;
  background-size: auto 6px;
}

.subnav .nav2 {
	width:auto;
	padding-left:20px;
	background-image:url(../img/sp/sp_arrow-01.png);
	background-repeat:no-repeat;
	background-position:7px center;
	margin:0 10px;
  border-top: 1px solid #727272;
	line-height: 39px;
  background-size: auto 6px;
}

.subnav .nav3 {
	width:auto;
	padding-left:20px;
	background-image:url(../img/sp/sp_arrow-01.png);
	background-repeat:no-repeat;
	background-position:7px center;
	margin:0 10px;
  border-top: 1px solid #727272;
	line-height: 39px;
  background-size: auto 6px;
}

.subnav .nav3 .link {
	padding: 0 20px 0px 0px;
	background-image:url(../img/sp/sp_icon_link.png);
	background-repeat:no-repeat;
	background-position: 9px 2px;
	background-size:11px 9px;
}

.subnav li a {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display: block;
}



#navWrap .commonnav {
width: auto;
height: auto;
line-height: 33px;
text-align: left;
margin:0 4px;
border: 1px solid #727272;
border-width: 0 1px 1px;
background-color: #353535;
}


#navWrap .commonnav li {
width: auto;
padding-left: 12px;
border-top: 1px solid #727272;
}

#navWrap .commonnav .nav1 {
border-top: none;
}

#navWrap .commonnav li a {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	display: block;

}

.bannerArea { margin-top:40px; text-align:center;}
.bannerArea img { width: 100%;}



}