@charset "UTF-8";

/* common
-----------------------------------------*/
body{
	width:100%;
	height:auto;
	margin:0 auto;
	font-size: 100%;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#323232;
  }
li{list-style:none;}
a{color:#323232;}
.wrap{
  display:block;
  max-width:1200px;
  margin:0 auto;
}
.wrap2{
  display:block;
  max-width:878px;
  margin:0 auto;
}
.gray{
  background:#e6e6e6;
  width:100%;
  height:auto;
  padding:3em;
}
.blue{
  background:#1d2088;
  width:100%;
  height:auto;
  padding:3em auto 0;
}
.nav{
  width:100%;
  position: absolute;
  top:0;
  z-index:100;
}
.nav ul{
  max-width:1200px;
  margin:0 auto;
  display:table;
  table-layout: fixed;
  text-align:center;
}
.nav li{
  display:table-cell;
  vertical-align:middle;
  width:11.111111%;
}
#spMenu,menu{
  display:none;
}
.header{
  height:600px;
  margin-bottom:3em;
}
.mainImg{
  position:relative;
  width:100%;
  height:auto;
  z-index:1;
}
.mainImg .main{
  width:100%;
  height:auto;
}
th{
  background:#1d2088;
  color:white;
  width:auto;
}
td{
  text-align:center;
  border:1px solid #e6e6e6;
}
caption{
  float:left;
  margin-top:-3em;
  margin-bottom:1em;
  margin-left:-2.1em;
}
.siteMap{
  padding-top:4em;
}
.siteMap .sitemapImg img{
  width:114px;
  height:24px;
}
.siteMap ul{
  float:left;
  padding-right:7em;
  margin-top:2em;
}
.siteMap a{
  color:#fff;
}
.link{
  margin-top:2em;
  float:right;
}
.link img{
  width:123px;
  height:123px;
}
small{
  color:#fff;
  display:block;
  margin:0 auto;
  padding-bottom:3em;
  text-align:center;
}


/* index
-----------------------------------------*/

/*.mainImg video{
  width:100%;
  height:auto;
  background:#fff;
}*/
.mainImg span{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 480px;
  height: 313px;
  display:none;
 }
.mainImg span img{
  width:100%;
  height:auto;
}
/*.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}*/
.game{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
}
.index .game{
  height:300px;
  overflow-y:scroll;
}

.game table{
  width:100%;
  height:auto;
}
.game .day{
  width:20%;
}
.game .name{
  width:35%;
}
.game .team{
  width:20%;
}
.game .sc{
  width:15%;
}
.game .score{
  font-size:200%;
  font-weight:bold;
}
.game .win_los{
  width:10%;
}

/*.game .year{
  width:10%;
}
.game .name{
  width:35%;
}
.game .score{
  font-size:200%;
  font-weight:bold;
  width:20%;
}*/
.more{
  width:30%;
  max-width:180px;
  height:auto;
  display:block;
  padding-top:2em;
  margin:0 0 0 auto;
}
.more img{
  width:100%;
  height:auto;
}
.achievement{
  width:25%;
  max-width:180px;
  height:auto;
  display:block;
  padding-top:2em;
  margin:0 0 0 auto;
  float:right;
}
.achievement img{
  width:100%;
  height:auto;
  margin-left:1%;
}
.schedule{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
}
.index .schedule{
  height:300px;
  overflow-y:scroll;
}
.scheduleTitle,.gameTitle{
  margin-top:-2em;
  margin-bottom:1em;
  margin-left:-2.1em;
}
.newsTitle{
  margin-top:-1.1em;
  margin-bottom:1em;
  margin-left:-2.1em;
}
.schedule table{
  width:100%;
  height:auto;
}
.schedule th{
  border:1px solid white;
}
.schedule .day{
  width:10%;
}
.schedule .year{
  width:10%;
}
.schedule .sc{
  width:20%;
}
.schedule .place{
  width:20%;
}
.schedule .ex{
  width:30%;
}
.news{
  width:100%;
  height:auto;
  background:white;
  padding:1em 2em;
  margin-top:3em;
}
.index .news{
  height:550px;
  overflow-y:scroll;
}
.news dl{
  width:90%;
  margin:0 3% 0 7%;
}
.news dt{
  width:15%;
  float:left;
}
.news dd{
  width:83%;
  float:left;
}
.news .title{
  float:left;
  margin-top:-2em;
  margin-bottom:1em;
  margin-left:-2.1em;
}
.youtube{
  width:80%;
  height:auto;
  display:block;
  margin:4em auto;
}
.youtube img{
  width:100%;
  height:auto;
}
.banner01,
.banner02{
  width: 25.65%;
  height: auto;
  float: left;
  margin:0 1% 1% 0;
}
.banner03{
  width: 46.7%;
  height: auto;
  float: left;
  margin:0 0 1%;
}
.banner04{
  width: 73.35%;
  height: auto;
  float: left;
  margin:0 1% 1% 0;
}
.banner05{
  width: 25.65%;
  height: auto;
  float: left;
}
.banner img{
  width:100%;
  height:100%;
}
/*.support ul{
  width:100%;
}
.support li{
  width:18%;
  margin:1%;
  float:left;
}
.support li img{
  width:100%;
  height:auto;
}*/
.titleImg{
  padding-bottom:5em;
  width:200px;
  height:40px;
}
.titleImg img{
  width:100%;
  height:auto;
}

/* record_list
-----------------------------------------*/

.record_list{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
}
.record_list table{
  width:100%;
  height:auto;
}
.record_list th{
  border:1px solid white;
}
.record_list td:hover{
  background:#1d2088;
  color:#fff100;
  font-weight:bold;
}
/*.record_list th:nth-child(5){
  border:none;
  background:none;
}
.record_list td:nth-child(5){
  border:none;
}*/
.record_list td:nth-child(5):hover{
  background:none;
}
.record_list .day{
  width:13%;
  text-align:center;
}
.record_list .name{
  width:37%;
}
.record_list .team{
  width:20%;
}
.record_list .sc{
  width:15%;
}
.record_list .score{
  font-size:200%;
  font-weight:bold;
}
.record_list .win_los{
  width:5%;
}
.record_list .moreBtn{
  width:10%;
}
.record_list .moreBtn img{
  max-width:150px;
  width:auto;
  height:auto;
}

/* record
-----------------------------------------*/
.record{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
  font:110%;
}
.record table{
  width:100%;
  height:auto;
}
.record th{
  border:1px solid white;
}
.record .name{
  width:30%;
}
.record .round{
  width:7%;
}

.record .text{
  width:100%;
  display:block;
  margin:1% auto 0;
}
.record .text p{
  width:95%;
  display:block;
  margin:0.5em auto 0;
}
.record .text h3{
  width:100%;
  color:#1d2088;
  padding:0.5% 1%;
}
.record caption{
  float:none;
  margin-top:0;
  margin-bottom:1%;
  margin-left:0;
  text-align:left;
  font-weight:bold;
  color:#1d2088;
}

/* gallery_list
-----------------------------------------*/

.gallery_list{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
}
.gallery_list table{
  width:100%;
  height:auto;
}
.gallery_list th{
  border:1px solid white;
}
.gallery_list td:hover{
  background:#1d2088;
  color:#fff100;
  font-weight:bold;
}
.gallery_list td{
  text-align:left;
	padding:0 2%;
 }
.gallery_list .date{
  text-align:center;
  width:20%;
}
.gallery_list .team{
  width:80%;
}

/* gallery
-----------------------------------------*/
.gallery ul{
  width:100%;
  display:block;
  margin:0 auto;
  padding-top:4em;
}

.gallery ul li{
  width:32.333333%;
  height:auto;
  float:left;
  margin:0.5%;
  min-height:300px;
  max-height:300px;
}
.gallery ul li img{
  display:block;
  margin:0 auto 8%;
  width:auto;
  height:auto;
  max-height:300px;
  max-width:100%;
}
.gallery h3{
  width:100%;
/*  color:#1d2088;*/
  color:#ffffff;
  padding:0.5% 1%;
  font-size:150%;
/*  background:#fff100;*/
  background:#1d2088;
}

/* bbs blog now
-----------------------------------------*/
.bbs,.blog,.now{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
  font:110%;
}
.bbs table,.blog table,.now table{
  width:100%;
  height:auto;
}
.bbs th,.blog th,.now th{
  border:1px solid white;
  padding:0.5% 1%;
}
.bbs td,.blog td,.now td{
	text-align:left;
	padding:1% 3%;
}
.bbs h2,.blog h2,.now h2,record_list h2{
	font-size:170%;
	padding:1%;
	color:#1d2088;
}
.blog th ,.now th{
  text-align:left;
  padding-left:2.5%;
}
.blog td img ,.now td img{
  display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  width:30.333333333%;
  margin:3% 1.5% 5%;
  height:auto;
}
.blog .blogImg ,.now .blogImg{
  width:100%;
  height:auto;
  display:block;
}
.now th{
  border-bottom:2px solid #fff;
}

/* member
-----------------------------------------*/
.memberLink li{
  width:18%;
  max-width:180px;
  margin:1%;
  float:right;
}
.memberLink li img{
  width:100%;
  height:auto;
}
.member,.leader,.officer{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
}
.member table,.leader table,.officer table{
  width:100%;
  height:auto;
}
.member h2,.leader h2,.officer h2{
  font-size:130%;
  color:#1d2088;
}
.member th,.leader th,.officer th{
  border:1px solid white;
}
.member .member_name{
  width:33%;
}
.member .grade{
  width:15%;
}
.member .name{
  width:25%;
}
.member .school{
  width:30%;
}
.member .year{
  width:10%;
}
.member .birth{
  width:20%;
}
.leader .position{
  width:25%;
}
.leader .name{
  width:35%;
}
.leader .career{
  width:40%;
}
.officer .position{
  width:30%;
}
.officer .name{
  width:70%;
}

/* support
-----------------------------------------*/
.support h3{
  width:100%;
  margin-top:2%;
  margin-bottom:2%;
  padding:1% 3%;
  background:#fff100;
  color:#1d2088;
  font-weight:bold;
}
.sponsorList{
  margin-bottom:5%;
}
.sponsorList p{
  float:left;
  font-size:100%;
  font-weight:bold;
  line-height:1;
  margin:1% 2%;
}


/* join
-----------------------------------------*/
.joinText .contentR{
  padding: 1% 1% 1% 0.5%;
  width: 48.5%;
  float:right;
}
.joinText .contentL{
  padding:1% 0.5% 1% 1%;
  width: 48.5%;
  float:left;
}
.joinText img{
  width:100%;
  height:auto;
}
.joinText p{
  padding:1% 2%;
}
.joinText h3{
  width:100%;
  margin-top:2%;
  margin-bottom:2%;
  padding:1% 3%;
  background:#fff100;
  color:#1d2088;
  font-weight:bold;
}


/*.joinL{
  width:46%;
  margin: 0 2%;
  float:left;
}
.joinL p{
  padding:1% 2%;
}
.joinL h3{
  width:100%;
  margin-top:5%;
  margin-bottom:5%;
  padding:1% 3%;
  background:#fff100;
  color:#1d2088;
  font-weight:bold;
}
.joinR{
  width:48%;
  margin: 1% 2% 1% 0;
  float:left;
}
.joinR img{
  width:100%;
  height:auto;
}*/
.join{
  width:100%;
  height:auto;
  margin-top:3em;
  background:white;
  padding:2em;
  margin-bottom:3em;
  font:110%;
}
.join table{
  width:100%;
  height:auto;
}
.join th{
  border:1px solid white;
  padding:0.5% 1%;
  width:30%;
}
.join td{
	padding:1% 3%;
  width:70%;
  text-align:left;
}

/* now
-----------------------------------------*/

.now .contentR{
  padding: 1% 1% 1% 0.5%;
  width: 48.5%;
  float:right;
}
.now .contentL{
  padding:1% 0.5% 1% 1%;
  width: 48.5%;
  float:left;
}
.now img{
  width:100%;
  height:auto;
}
.now h3{
  width:100%;
  margin-top:2%;
  margin-bottom:2%;
  padding:1% 3%;
  background:#fff100;
  color:#1d2088;
  font-weight:bold;
}
.now p{
  padding:1% 2%;
}


/* team
-----------------------------------------*/

.policyWrap{
  display:block;
  max-width:1200px;
  width:100%;
  height:auto;
  margin:0 auto;
  background:url(../img/team/teamBack.png) no-repeat center center;
  padding:1em 0 8em;
}
.policyWrap .title01{
  margin-top:3em;
}
.policyWrap .policy{
  margin-top:3em;
}
.policyWrap .title02{
  margin-top:7em;
}
.policyWrap .title01 img,
.policyWrap .policy img,
.policyWrap .title02 img{
  width:100%;
}
.groundL{
  width:48%;
  margin:1% 1% 1%;
  float:left;
}
.groundR{
  width:48%;
  margin:-5% 1% 1%;
  float:left;
}
.groundR img{
  width:100%;
}
.groundB{
  width:100%;
  margin:1% 0 5%;
}
.groundB img{
  width:23%;
  margin:1%;
  float:left;
}
.access{
  margin-top:3em;
  margin-bottom:7em;
}

/* contact
-----------------------------------------*/
.contact img{
  width:90%;
  height:auto;
  max-width:1000px;
  display:block;
  margin:0 auto;
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img,
.bx-wrapper video{
	max-width: 100%;
  width:100%;
	display: block;
	margin: 0 auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
  z-index:2;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
  border:#223BCD 1px solid;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #287728;
}
.bx-pager {
  display:none;

}
  
   
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left:5px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* Opening
-----------------------------------------
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}*/

@media (max-width:1300px){	
.mainImg span{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 360px;
  height: 234px;
  display:none;
 }
.groundL{
  margin:-5% 1% 1%;
}
.policyWrap .policy img{
  width:96%;
  margin:5% 2% 1%;
}
}
@media (max-width:1100px){	
.mainImg span{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 240px;
  height: 156px;
  display:none;
 }
}
@media (max-width:1000px){	
.news dt {
    width: 22%;
}
.news dd {
    width: 76%;
}
}
@media (max-width:900px){	
.moreBtn{ display:none;}	
.nav{
  display:none;
}
.gallery ul{
  padding-top:2em;
}
.gallery ul li{
  min-height:150px;
  max-height:150px;
}
.gallery ul li img{
  max-height:150px;
}
.gallery h3{
  font-size:130%;
}
.news dt,.news dd{
  font-size:95%;
}

/* ハンバーガー
------------------------------------- */

.menu
{ width: 35px; height:31px; position: fixed; top:12px; right:12px; cursor:pointer; z-index:3; }
.menu1
{ width:35px; height:6px; background-color:#666; top:0px; position:absolute; border:#fff solid 0.1em; } 
.menu2
{ width:35px; height:6px; background-color:#666; top:10px; position:absolute; border:#fff solid 0.1em; } 
.menu3
{ width:35px; height:6px; background-color:#666; top:20px; position:absolute; border:#fff solid 0.1em; }

.menu1,.menu2,.menu3{
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
  }
  
.menuclick1{
	top:17px;
    -o-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg); }
.menuclick2{ opacity:0;}
.menuclick3{
	top:17px;
	-o-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg); } 

#spMenu ul{
	width:100%;
	position:fixed;
	z-index:2;
	top:0;
/*	padding:6.5em 0 0 0;*/
	background:#f5f2ed;
}
#spMenu ul li{
	display:block;
	width:100%;
	margin:0 auto;
	background:#1d2088;
	border-bottom:#fff 1px solid;
	position:relative;
}

#spMenu ul li a{
	display:block;
	width:100%;
	color:#fff100;
	text-align:center;
	font-weight:bold;
	padding:0.8em;
}
#spMenu ul li a:hover{
	background:#fff100;
	color:#1d2088;
}
.joinText .contentR,
.now .contentR{
  padding: 0.5%;
  width: 49%;
  float:right;
}
.joinText .contentL,
.now .contentL{
  padding: 0.5%;
  width: 49%;
  float:left;
}
.joinText h3,
.now h3{
  font-size:80%;
  margin-bottom:2%;
}
.joinText p,
.now p{
  font-size:80%;
  padding:1% 2%;
}
.now .wrap{
  padding-bottom:5%;
}
/*.game .score{
  font-size:180%;
}*/
.policyWrap{
  background-size: contain;
}
}
@media (max-width:658px){
body{
  font-size:80%;
}
.gray{
  padding:1em 0;
}
.game{
  padding:2em 0.2em;
}
caption{
  float:left;
  margin-top:-3.5em;
  margin-bottom:1em;
  margin-left:-1.1em;
}
caption .w90{
  width:90px;
  height:auto;
  padding-top:0.5em;
}

.schedule{
  padding:2em 0.2em;
}
.news{
  width:100%;
/*  padding:2em 0 1em;*/
  margin-top:3em;
}
.news dl{
  width:100%;
  margin:0;
}
.news dt{
  width:100%;
  text-align:left;
  font-weight:bold;
  float:left;
}
.news dd{
  width:100%;
  float:left;
}
.news .title{
  float:left;
  margin-top:-2.2em;
  margin-bottom:1em;
  margin-left:-2.1em;
}
.scheduleTitle,.gameTitle{
  margin-left:-0.3em;
}

.youtube{
  width:95%;
  margin:1em auto;
}
.banner01,
.banner05{
  width: 49.5%;
  margin:0 1% 1% 0;
}
.banner02{
  width:49.5%;
  margin:0 0 1% 0;
}
.banner03{
  width: 100%;
}
.banner04{
  width: 100%;
  margin:0 0 1% 0;
}
.banner img{
  width:100%;
  height:100%;
}
.support li{
  width:48%;
  margin:1%;
  float:left;
}
.titleImg{
  padding-bottom:3em;
  width:150px;
  height:30px;
}
.siteMap{
  padding-top:1em;
}
.siteMap ul{
  float:left;
  padding-right:7em;
  margin-top:2em;
}
.siteMap a{
  color:#fff;
}
.link{
  margin-top:2em;
  float:right;
}
.link img{
  width:90px;
  height:90px;
}
.record_list .score{
  font-size:150%;
}
.game .score{
  font-size:150%;
}
.gallery ul{
	padding-top:1em;
}
.gallery ul li{
  min-height:120px;
  max-height:120px;
}
.gallery ul li img{
  max-height:120px;
}
.policyWrap{
    overflow:hidden;
    padding: 1em 0 1em;
}
.policyWrap .title01{
  margin-top:2em;
}
.policyWrap .policy{
  margin-top:0.5em;
}
.policyWrap .title02{
  margin-top:5em;  
}
.policyWrap .title01 img,
.policyWrap .title02 img{
  width:140%;
  margin-left:-20%;
}
.groundL{
  width:90%;
  margin:1% 5% 1%;
  float:none;
}
.groundR{
  width:100%;
  margin:1% 0;
  float:none;
}
.groundR img{
  width:98%;
  margin:1%;
}
.groundB{
  width:100%;
  margin:1% 0 3%;
}
.groundB img{
  width:48%;
  height:auto;
  margin:1%;
  float:left;
}
	
	
	.groundG{
  width:96%;
  margin:1% 0 3%;
}
.groundG img{
  width:96%;
  height:auto;
  margin:5%;
  float:left;
}
	
	
	
.access{
  width:96%;
  margin:6% 2%;
}
/*.joinText .contentL,
.joinText .contentR{
  width:100%;
  margin:1% 0 1% 0;
  float:none;
}*/
.joinText h3,
.now h3{
  width:96%;
  margin: 3% 2% 1%;
  float:none;
  font-size:110%;
}
.joinText p,.now p{
  font-size:100%;
  padding:1% 5%;
}
/*.joinR{
  width:100%;
  margin:1% 0 1% 0;
  float:none;
}*/
.joinText img,
.now img{
  width:80%;
  display:block;
  margin:0 10%;
}

.joinText .contentL,
.joinText .contentR,
.now .contentR,
.now .contentL{
  padding:2%;
  width:96%;
  float:none;
}
.now .wrap{
  padding-bottom:2%;
}
.game .score{
  font-size:160%;
}

}
@media (max-width:550px){	
.mainImg span{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 180px;
  height: 117px;
  display:none;
 }

}





.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}
.sponsorList .right{
    float: right;
}

.footer_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.footer_flex li{
    margin-left: 25px;
}
.footer_flex a:hover{
    opacity: 0.6;
}
footer ul img{
    width:60px;
    height:60px;
}
.sns ul{
    display: flex;
    justify-content: center;
    margin: 30px auto;
    width:200px;
}
.sns li{
    margin-left: 30px;
}
.sns li:first-child{
    margin-left: 0px;
}
.sns li img{
    width: 60px;
    height: 60px;
}