@charset "UTF-8";

/*===============================================
（SP用）
===============================================*/
@media screen and (max-width: 759px){
	
.pc,.tab{display:none;}

.w100{
	width:100%;}

.sp_scroll{width:100%; overflow-x: scroll;}

.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow: scroll;width: 100%;height:100%;color:#222;background-color: #FFF;}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none;overflow: scroll;}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right: -100%;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1);}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right: -1px;top: -3px;}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding: 21px 0.75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent;}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color: #20b8e0;}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}


#wrap{
	overflow:hidden;}

.drawer-menu{
	}


#menu_logo{
	width:55%;
	float:left;
	}

#menu_jfl{
	width:23%;
	float:right;
	margin: 6px 50px 0 0;
	}



li.tab_sp::marker{
	list-style:none;
	display: none;
	}


#logo{
    width: 78%;
    margin: 5px 3% 3% 3%;
    }


.megamenu h2{color: #1FB8DE;font-weight: bold;padding: 10px 0 11px 20px;background: #dedede;margin: 0 0 4px 0;}
.megamenu h2 span{
    font-size: 28px;
    margin: 0 8px 0 0;
}

.acMenu dt{border-bottom: 1px solid;display:block;cursor:pointer;background: #1FB8DE;color: white;padding: 5px 0 5px 20px;font-weight: bold;







position: relative;

}


.acMenu dt:before {
position: absolute;
top: 10px;
right: 21px;
content: '\f067';
color: #ffffff;
font-family: fontAwesome;
z-index: 4;
}


.acMenu dd{
display:none;
}

.acMenu dd i{
	margin:0 3px 0 0;}


.megamenu-inner li{
	padding: 4px 0 6px 20px;
	border-bottom: 1px solid gray;
	}

.megamenu-inner li a{
    color: #1FB8DE;
    font-weight: bold;
    display: block;
}

#mini_menu{
	padding:10px 20px;
	background: white;
	}


#mini_menu ul{
	display:flex;
	flex-wrap:wrap;}

#mini_menu a{
	font-weight: bold;
	color: #000;
	font-size: 14px;
	margin: 0 28px 0 0;
	}

#mini_menu a i{
	margin-right:6px;}


#mini_footer {
    padding: 10px 20px 50% 20px;
    background: #7b7b7b;
}

#mini_footer .logo {
	width: 34%;
	}

#mini_footer p{
	font-size:10px;
	color:#FFF;}


header drawer-nav gnav-wrapper .sns {
	display: flex;
	margin: 5px 0 0 0;
	}

 .sns {
	display: flex;
	margin: 5px 0 0 0;
	}


.sns li a{
	background: #4c4c4c;
	display:  block;
	text-align:center;
	border-radius: 50%;
	width: 32px;
	margin: 7px 4px 0 0;
	padding: 4px 0 0 0;
	}

.sns li a img{
	width: 43%;
	}

#mini_icon{
    padding: 20px 0 10px 0;
    background: white;
}
#mini_icon img{
    width: 89%;
}
#mini_icon ul{
    display: flex;
    flex-wrap: wrap;
}
#mini_icon li{
    text-align: center;
    font-weight: bold;
    width: 25%;
    margin: 0 4% 10px 4%;
}
#mini_icon a{color: #1FB8DE;}


.gnav-wrapper{
    padding: 72px 0 0 0;
    background: none;
    }


.acMenu{
	background:#FFF;}


header{
	background: #ffffff;
	padding: 13px 0 0 2%;
	position: fixed;
	z-index: 2;
	width: 100%;
	}


.pc_sns{
	display:none;
}

header h1{
	float:left;
	width: 50%;
	}

header h1 img{}

#jfl_w{
	float:left;
	width: 20%;
	margin: 5px 3% 3% 5%;
	}

#menu{
	height:0;}




#contents2{
	padding: 21% 0 0 0;
	}


#slider-wrapper {
	position: relative;
	}


	
.bx-wrapper .bx-pager{
	text-align: center;
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding: 20px 0;
	}


#slider-wrapper img{
	border: 5px solid #1FB8DE;
	box-sizing:border-box;
	/* width: 100%; */
	}

.bx-wrapper{
	margin: 5px !important;
	}

.custom-thumb a img{
	border: 3px solid #1FB8DE;
	box-sizing:border-box;
	width:16%;
}

.bx-pager{
	display:none;}





.bx-wrapper .bx-controls-direction a {
    z-index: 1 !important;

}





.top01{
	background:#1FB8DE;
	padding: 30px 0 0 0;
	margin: 30px 0;
	}


.top_match{
	width: 100%;
	}


.top_results{
	padding: 1% 1% 17px 1%;
	background:#FFF;
	width: 94%;
	margin: 0 2%;
	}


.top_results a.button {
    font-size: 14px;
    background: white;
    color: #1FB8DE;
    border-radius: 7px;
    padding: 3px 10px;
    display: block;
    width: 40%;
    margin: 0 auto;
    font-weight: bold;
    border: 1px solid;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.top_results h3{
	color: white;
	background:#1FB8DE;
	text-align:center;
	font-size: 33px;
	margin: 0 0 8px 0;
	padding: 6px 0;
	}



.top_results ul{
	display:flex;
	justify-content:center;}


.top_results .team_li{
	width: 50%;
	}

.top_results .team_li img{
	width: 79%;
	}

.top_results li{
	text-align:center;}


.top_results .team_li .team{
	text-align: center;
	color: #222;
	font-weight: bold;
	font-size: 13px;
	}

.top_results .team_li .date{}

.top_results .team_li .home{
    background: #1d2088;
    color: white;
    text-align: center;
    width: 62%;
    margin: 0 auto;
    font-size: 13px;
}
.top_results .team_li .away{
    background:red;
    color: white;
    text-align: center;
    width: 62%;
    margin: 0 auto;
    font-size: 13px;
	}

.top_results .date{
    font-size: 23px;
    padding: 15px 0 0 0;
    margin: 0 0 -14px 0;
}
.top_results .vs{
    color: #1FB8DE;
    font-size: 66px;
    margin: 0 0 -11px 0;
}
.top_results .venue{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 12px;
}

.top_results li.center{
	width:30%;
}



.top_next{
	background:#1FB8DE;
	border:#FFF 2px solid;
	padding: 2% 4%;
	color:#FFF;
	}


.top_next{
	width: 96%;
	box-sizing: border-box;
	margin: 10px 2%;
	}

.top_next h3{

    border-bottom: 1px solid;

    font-size: 39px;
    text-align: center;
}
.top_next h4.date{

	margin:10px 0 0 0;
	font-size: 43px;
	letter-spacing: 0.08em;
}
.top_next h4.date span{
    font-size: 30px;
	margin:0 0 0 10px 
}
.top_next h5{
    font-size: 19px;
    font-weight: bold;
    margin: -6px 0 0 0;
}
.top_next h5 span{font-weight: 100;margin: 0 6px 0 0;}
.top_next p{
	font-size: 12px;
	}


.top_next ul{
	display:flex;
	justify-content:space-between;}

.top_next ul li.team{
	width:20%;}
.top_next ul li.team img{
	width:100%;
	margin: 10px 0 0 0;
	}


.top_youtube{
	width: 96%;
	padding: 0 2%;
	}

.top_youtube .youtube01{
	width:100%
	
}

.top_youtube .youtube01 img{
	width:100%
	
}

.top_youtube .youtube01 iframe{
    width: 100% !important;
    height: 203px !important;
    margin: 0 0 10px 0;
}
.top_youtube .youtube02,
.top_youtube .youtube03{
	display:none;}



.top_news .tab_area{
	display:none;}

.top_news #contents3_2,
.top_news #contents3_3,
.top_news #contents3_4,
.top_news #contents3_5,
.top_news #contents3_6,
.top_news #contents3_7,
.top_news #contents3_8,
.top_news #contents3_9{
	display:none;}


.top_news h2{
	background: #1FB8DE;
	color: white;
	padding: 13px 0 10px 24px;
	margin: 0 0 11px 0;
	font-size: 33px;
}
ul.news_list {
    display: flex;
    flex-wrap: wrap;
}
ul.news_list li{
    width: 48%;
    margin: 1% 1%;
}
ul.news_list li img{
    width: 100%;
    border: #1FB8DE 4px solid;
    height: 113px;
    box-sizing: border-box;
    object-fit: cover;
}
ul.news_list li .date{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 3px 0;
}

ul.news_list li .date span{
	background: #1FB8DE;
	color: white;
	font-weight: 500;
	padding: 1px 5%;
	font-size: 10px;
	display: block;
	float: right;
	text-align: center;
	}

ul.news_list li .title a{
    color: #3e3e3e;
    font-weight: bold;
    font-size: 13px;
}
ul.news_list li .title {
	line-height:1.2em;
	}


.top_news a.more{
	background: #928d8d;
	color:#FFF;
	font-size: 17px;
	width: 54%;
	padding: 5px 0;
	text-align:center;
	margin: 12px auto;
	display: block;
	}

.top_news a.more i{
	margin:0 0 0 5px;}




.top_rankng{
	width: 95%;
	background: #1FB8DE;
	margin: 30px auto;
}
.top_rankng h2{
    font-size: 40px;
    float: left;
    color: white;
    margin: 10px 5%;
}
.top_rankng .date{
    color: white;
    float: right;
    margin: 20px;
    font-size: 20px;
}
.top_rankng table{
    width: 100%;
    color: white;
    font-weight: bold;
}

.top_rankng table tr.tiamo{
	background:yellow;
	color: #1FB8DE;
}

 

.top_rankng th{
    text-align: center;
    font-weight: bold;
}
.top_rankng td{
    border-bottom: 1px solid;
}
.top_rankng td.rank{
    padding: 0 0 0 5%;
    text-align: center;
    font-size: 16px;
    width: 11%;
}
.top_rankng td.logo{
    width: 5%;
    padding: 6px 0 0 0;
}
.top_rankng td.logo img{
    width: 100%;
}
.top_rankng td.team{
    padding: 0 0 0 2%;
}
.top_rankng td.point01{
    text-align: center;
}
.top_rankng td.point02{
    text-align: center;
}
.top_rankng th.point03,
.top_rankng td.point03{
    text-align: center;
    padding: 0 5% 0 0;
    width: 10%;
}




.top03{
    margin: 30px 0 0 0;
}


.top_ticket{
	background: url(../../images/top01.webp) no-repeat center;
	background-size: cover;
	padding: 50px 0 50px;
	}

.top_btn{
    text-align: center;
}
.top_btn h2{
    color: #FFF;
    font-size: 45px;
}
.top_btn p{
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.top_btn a.more{
    color: white;
    border: 1px solid;
    width: 45%;
    text-align: center;
    padding: 6px;
    font-size: 13px;
    margin: 9px 0 0 0;
}

.top_btn a.more i{
	margin:0 0 0 5px ;
	}

.top_btn a.more:hover{
	background:rgb(255 255 255 / 28%);
	}



.top_stadium{
	background: url(../../images/top02.jpg) no-repeat center;
	background-size: cover;
	padding: 50px 0 50px 0;
}

.top_goods{
	background: url(../../images/top03.jpg) no-repeat center;
	background-size: cover;
	padding: 50px 0 50px 0;
}



.top05{
	display:none;}



footer .sponsor{
	background:#1FB8DE;

	padding: 25px 0;
	}

footer .sponsor h2{
	margin: 0  0 10px 0;
	color:#FFF;
	font-size: 34px;
	text-align:center;
	}


footer .sponsor ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
footer .sponsor li{
    width: 31%;
    margin: 0 1%;
}

footer .sponsor a {}
footer .sponsor a img{width: 100%;}

footer .sponsor a.more{
	display:block;
	font-size: 13px;
	color: white;
	border: #FFF 1px solid;
	width: 30%;
	margin: 1px auto 0 auto;
	text-align: center;
	padding: 6px 0;
}


footer .sponsor a.more i{
	margin:0 0 0 5px;}


footer .banner{
    padding: 20px 0 13px 0;
    background:#FFF;
}
footer .banner ul{
    display: flex;
    justify-content: space-around;
}
footer .banner ul li{
    width: 33.3%;
}
footer .banner ul li a{}
footer .banner ul li a img{
    width: 100%;
}


footer .footer{
	background: #333;
	padding: 30px 0 26px 0;
	}


footer .footer .contents div{
	}



footer .footer ul{display:none;}

footer .footer p{
	text-align: center;
	margin: 5px 0 0 0;
	font-size: 10px;
	color: #afafaf;
	}

footer .footer .logo{width: 50%;margin: 0 auto;display: block;}

footer .footer ul.sns{
	display: flex;
	justify-content: center;
	}



.h2 {
    text-align: center;
    background: #1FB8DE;
    padding: 110px 0 49px 0;
}


.h2 h2{
    line-height: 0.9;
    color: #FFF;
    font-size: 40px;
    line-height: 0.6;
}

.h2 h2 span{
	font-size:15px;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}



#news div.tab_area ul li a{
	color:#333;}

#news div.tab_area ul li a:hover{
	color:#FFF;}

#news #demo4{
	padding:0 0 30px 0;}




#demo4 .tab_area ul li:hover{ 	color: #FFF;
}


#demo4 .tab_area ul li.active{
 color: white;
 }

#demo4 .tab_area ul{
	display:flex;
	background: #c7c7c7;
	flex-wrap: wrap;
	margin: 0 0 10px 0;
	}

#demo4 .tab_area ul li{
	font-size: 14px;
	cursor:pointer;
	background: #c7c7c7;
	color: #1FB8DE;
	text-align:center;
	padding: 10px 1%;
	font-weight: bold;
	margin: 0 5px;
	}






 .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 41.1%;
    text-align: center;
    background: gainsboro;
    padding: 4.1%;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
    color: #1FB8DE;
    font-weight: bold;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }


#mini_btn{
    background: white;
    padding: 10px 0 0 0;
}
#mini_btn ul{ display:flex;}
#mini_btn li{
    width: 48%;
    margin: 0 1%;
}
#mini_btn li a{
	font-weight:bold;
    display: block;
    text-align: center;
    padding: 10px 0;
}

#mini_btn li a.fan{
    background: #1FB8DE;
    color: white;
    border: #1FB8DE 2px solid;
    box-sizing: border-box;
}
#mini_btn li a.goods{     background: #FFF;
    color: #1FB8DE;
    border: #1FB8DE 2px solid;
    box-sizing: border-box;
}





#news{
	padding: 21px 3% 50px 3%;
	}


.pk{
	background:#CCC;
	padding: 5px 2%;
	}

#news_detail .contents{
	padding: 20px 0;
	}

#news_detail .contents .main {
    width: 92%;
    padding: 0 4%;
}

#news_detail .contents .main .info{
	display:flex;
	margin-bottom: 11px;
	}

#news_detail .contents .main .info .category{
    background: #1FB8DE;
    color: white;
    padding: 2px 20px;
    font-weight: bold;
    font-size: 13px;
}
#news_detail .contents .main .info .date{
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 0 10px;
}
#news_detail h3{
    font-size: 20px;
    font-weight: bold;
    color: #1FB8DE;
    border-bottom: 2px solid;
}
#news_detail ul.icon{
	margin: 10px 0 20px;
	display:flex;
	justify-content: space-between;
	}

#news_detail ul.icon li{
    width: 32.9%;
    text-align: center;
}
#news_detail ul.icon li a{

    color: #FFF;
    background: #1FB8DE;
    font-size: 19px;
    display: block;
    padding: 3px 0;
}

#news_detail ul.icon li a:hover {
	background:#333;}


#news_detail .article{
    color: #000;
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
}
#news_detail .article img{
    width: 100%;
	height: auto;
    margin: 20px 0;
}

#news_detail .contents .sub {
    width: 92%;
    padding: 0 4%;
}


.sub .sub_contents{}
.sub .sub_contents h4{
    font-size: 57px;
    color: #1FB8DE;
}
.sub .sub_contents ul{
    margin: 0 0 27px 0;
}
.sub .sub_contents li{}
.sub .sub_contents a{
    display: block;
    background: #dfdfea;
    margin: 0 0 2px 0;
    padding: 13px 20px;
    color: #000;
    text-align: left;
    font-weight: bold;
}
.sub .sub_contents a:hover{
	    background: #d0d0dc;

	}
.sub .sub_contents a i{
    color: #1FB8DE;
    margin: 0 10px 0 0;
}

.second{
	padding:0 1%;}






.voluntiamo01{
    padding: 50px 0 29px 0;
    text-align: center;
}
.voluntiamo01 h3{
    color: #1FB8DE;
    margin: 0 0 12px 0;
    font-size: 49px;
}
.voluntiamo01 h3 span{
    color: gray;
}
.voluntiamo01 h4{
    font-size: 14px;
    color: black;
    font-weight: bold;
    line-height: 1.8;
}
.voluntiamo01 p{
    margin: 10px 0 16px 0;
    color: black;
    font-size: 12px;
    line-height: 1.8;
}
.voluntiamo01 img{
    width: 100%;
}

.voluntiamo02{
    margin: 0 0 30px 0;
}
.voluntiamo02 h3,.voluntiamo03 h3{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}
.voluntiamo02 .voluntiamo02_{width: 91%;justify-content: space-around;margin: 20px  auto;}
.voluntiamo02 .voluntiamo02_ li{margin: 20px 0 0 0;}
.voluntiamo02 .voluntiamo02_ li h4{font-weight: bold;color: black;}
.voluntiamo02 .voluntiamo02_ .voluntiamo02__{padding: 0 0 0 19px;}
.voluntiamo02 .voluntiamo02_ .voluntiamo02__ li{
    list-style: disc;
    color: #353535;
    margin: 0;
}

.voluntiamo02 .voluntiamo02_ li img{
	width:100%;
}


.voluntiamo03{margin: 0 0 30px 0;}
.voluntiamo03 table{
    width: 100%;
    margin: 8px auto;
    color: black;
}
.voluntiamo03 table th{
    background: #c8eff9;
    white-space: nowrap;
    width: 25%;
    font-weight: bold;
}
.voluntiamo03 table td{
    background: #FFFF;
}

.voluntiamo03 table th,.voluntiamo03 table td{padding: 2% 5%;border: 1px solid #b1b1b1;}


.voluntiamo04 a{
	width:90%;
	margin: 0 auto 30px auto;
	display:block;
	text-align:center;
	background:#4c4c4c;
	padding:20px 0;
	color:#FFF;
	font-weight:bold;
	transition:0.5s;
}


.contact_form{}
#voluntiamo .contact_form h3{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 33px;
    text-align: center;
    margin: 0 0 13px 0;
}
.contact_form table{
    margin: 24px auto;
    width: 100%;
}

.contact_form p{
	color: #000;
	text-align: center;
	font-size: 14px;
	}

.contact_form p span.red{
    color: red;
    font-weight: bold;
}

.contact_form table th{
    font-weight: bold;
}
.contact_form table td{}
.contact_form table th,.contact_form table td{
    border-bottom: 1px solid gray;
    padding: 6% 5%;
    color: #000;
    display: block;
    width: 90%;
}

.pp{
    height: 150px;
    overflow-y: scroll;
    background: #FFF;
    padding: 17px 5%;
    border: #8a8a8a 1px solid;
    width: 89%;
    margin: 100px auto;
}
.pp h3{
    text-align: left !important;
    font-size: 20px !important;
}
.pp h4{
	color:#000;
	font-weight:bold;
	margin: 20px 0 3px 0;
}
.pp p{
	text-align:left;}




.second h3.h3{
    text-align: center;
    color: #1FB8DE;
    font-size: 55px;
    line-height: 0.9;
}
.second h3.h3 span{
    display: block;
    font-size: 16px;
    /* font-weight: bold; */
    color: black;
    margin: 10px 0 0 0;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.second h4.h4{
    text-align: center;
    background: #1FB8DE;
    color: white;
    font-weight: bold;
    padding: 10px 0 9px 0;
    font-size: 18px;
    margin: 39px 0 8px 0;
}



.ticket01{
    margin: 50px 0;
}
.ticket01 table{
    width: 100%;
    margin: 30px auto 10px auto;
}
.ticket01 table th,.ticket01 table td{
    padding: 2% 5%;
    border-bottom: 1px solid gray;
}
.ticket01 table th{
    background: #c0f3ff;
    font-weight: bold;
    color: #000;
}
.ticket01 table td{
    background: #FFF;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: right;
}
.ticket01 table td.t_top{
    text-align: center;
    color: #1FB8DE;
    background: #d4d4d4;
    font-weight: bold;
    font-size: 16px;
}

.ticket01 p{
	color: black;
	width: 100%;
	margin:0 auto;
	}

.ticket02{}
.ticket02 p{
    color: #000;
    line-height: 1.8;
}

.ticket02 .red{
	color:red;
	}
	
.ticket02 h5{
    background: gray;
    color: white;
    padding: 2px 20px;
    margin: 20px 0 10px;
}

.ticket02 ul{padding: 0 0 0 18px;font-weight:bold;color:black;}
.ticket02 li{
	list-style:disc;
	margin: 8px 0;
	}


.ticket02 .code{
    font-weight: bold;
    margin: 30px auto;
    display: block;
    font-size: 30px;
    background: #FFF;
    padding: 10px 20px 7px 20px;
    text-align: center;
    border: red 4px solid;
    width: 76%;
}
.ticket02 .bnr{}
.ticket02 .bnr ul{
    width: 100%;
    margin: 0 auto;
	padding:0;
}
.ticket02 .bnr li{
    width: 77%;
	list-style:none;
    margin: 10px auto 0 auto ;
}
.ticket02 .bnr li img{
    width: 60%;
    background: #FFF;
    padding: 20px 20%;
    border: 1px solid #d2d2d2;
}
.ticket02 .bnr li p{}

.ticket02 div.carousel table{
    width: 1000px;
    border: 1px solid;
}
.ticket02 div.carousel table th{
    background: #b7e2f3;
    font-weight: bold;
	text-align:center;
}
.ticket02 div.carousel table td{
    background: white;
}
.ticket02 div.carousel table th,.ticket02 div.carousel table td{
    padding: 5px 1%;
    border: 1px solid;
    color: black;
}


.ticket02 div.carousel table tr.grayout td
{
	background:gray;
}

.ticket02 div.carousel table td.section{
    width: 5%;
    text-align: center;
}
.ticket02 div.carousel table td.date{
    width: 8%;
    white-space: nowrap;
}
.ticket02 div.carousel table td.week{
    width: 5%;
    text-align: center;
    white-space: nowrap;
}
.ticket02 div.carousel table td.time{
    width: 11%;
    text-align: center;
}
.ticket02 div.carousel table td.vs{}
.ticket02 div.carousel table td.field{}
.ticket02 div.carousel table td.launch{
    width: 14%;
    white-space: nowrap;
}
.ticket02 div.carousel table td.launch_time{
    width: 9%;
    white-space: nowrap;
}




.ticket03{
    margin: 50px 0;
}

.ticket03 p{
	color:#000;}

.ticket04 h3{
	text-align: center;
	color:#F00;
	font-weight: bold;
	font-size: 24px;
	margin: 0 0 6px 0;
	}


.ticket04 {
    margin: 0 0 50px 0;
    padding: 28px 10%;
    width: 80%;
    background: #e6e6e6;
}
.ticket04 ul{
    margin: 14px 0 0 0;
    padding: 0 0 0 22px;
}
.ticket04 li{
    margin: 0 0 6px 0;
    color: black;
    list-style: disc;
}
.ticket05 {
    margin: 0 0 50px 0;
}
.ticket05 ul{
    margin: 30px 0 0 0;
}
.ticket05 ul li{}
.ticket05 ul li img{
    text-align: center;
    background: #FFF;
    padding: 10px 10% 0 10%;
    width: 80%;
}
.ticket05 ul li p{
    text-align: center;
    font-weight: bold;
    color: #000;
}





#schedule h3{
	font-size: 80px;
	color: #1FB8DE;
	text-align: center;
	margin: 50px 0 20px 0;
	}

#schedule .pager .pagination li{
    border-radius: 21px;
    border: 2px solid #1FB8DE;
    background: #ffffff;
    padding: 7px 4%;
    width: 40%;
}
#schedule .pager .pagination li a{color: #1FB8DE;font-weight: bold;}
#schedule .pager .pagination li a span{
}


#schedule .pager .pagination li a:hover,
#schedule .pager .pagination li a.active{
    background: #1FB8DE;
    color: white;
    border-radius: 18px;
}


#schedule .pager .pagination{
    padding: 0 31px;
}

#schedule table{
    width: 80%;
    margin: 20px auto;
    color: black;
}
#schedule table td{
    padding: 10px 2%;
}
#schedule table th{
    font-weight: bold;
    width: 18%;
    white-space: nowrap;
    padding: 10px 0 10px 4%;
}
#schedule table th,
#schedule table td{
    border-bottom: 1px solid gray;
}
#schedule table tr.sta{
    background: #d5d5ef;
}
#schedule table tr.sun{
    background: #f7dcdc;
}
#schedule table tr.sta th{
    color: #405471;
}
#schedule table tr.sun th{
    color: #af1919;
}

#schedule{
	padding:0 0 50px 0;}



#schedule .pager .pagination li.pre span::after {
    content: "　前の月へ";
}
#schedule .pager .pagination li.next span::before {
    content: "次の月へ";
}






.tiamall01{
	padding: 50px 0;
	background: url(../../images/tiamall01.jpg) no-repeat center;
	background-size: cover;
	text-align:center;
	}

.tiamall01 img{
    width: 80%;
}

.tiamall02 {
    margin: 30px 0;
}
.tiamall02 h3 {
    text-align: center;
    color: #1FB8DE;
    font-weight: bold;
    font-size: 23px;
    margin: 15px 0 12px 0;
}
.tiamall02 p {
    color: black;
    width: 90%;
    margin: 0 auto;
    line-height: 1.8;
}

.tiamall03{
    margin: 50px 0 0 0;
}
.tiamall03 h3{
    font-weight: bold;
    color: #1FB8DE;
    text-align: center;
    font-size: 24px;
}
.tiamall03 p.price{
    background: red;
    width: 90%;
    text-align: center;
    display: block;
    margin: 12px auto 0 auto;
    color: white;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 0;
}
.tiamall03 p.text14{
    text-align: center;
    margin: 10px 0 30px 0;
    color: black;
}

.tiamall04{
    margin: 0 0 50px 0;
}
.tiamall04 ul{
}
.tiamall04 ul li{
    width: 80%;
    margin: 20px 10%;
    text-align: center;
}
.tiamall04 ul li img{
    width: 60%;
}
.tiamall04 ul li h3{
    font-size: 30px;
    color: #1FB8DE;
    font-weight: bold;
}
.tiamall04 ul li p{
    color: black;
}

.tiamall05{}
.tiamall05 ul{width: 90%;margin: 0 auto;}
.tiamall05 li{margin: 30px 1%;}
.tiamall05 li img{width: 100%;height: 232px;object-fit: cover;}
.tiamall05 li h4 a{font-weight: bold;color: #1FB8DE;}
.tiamall05 .more{
    width: 90%;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
    background: #1FB8DE;
    color: white;
    font-weight:bold;
    padding: 16px 0;
}

.tiamall05 .more:hover{
	background:#333;}


.h2 h2 span.tiamall_h201{
    font-size: 38px;
}

.h2 h2 span.tiamall_h202{
    font-size: 13px;
    display: block;
    margin: 10px 0 0 0;
}



.tiamall_list01{
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-around;
}
.tiamall_list01 li{
    text-align: center;
    width: 24%;
    margin: 0.5%;
}
.tiamall_list01 li a{
    color: white;
    display: block;
    width: 100%;
    background: #1FB8DE;
    padding: 10px 0;
    font-size: 12px;
}

.tiamall_list01 li a:hover{
	background: #666;}


.tiamall_list_box{
    width: 89%;
    margin: 44px auto 0 auto;
}
.tiamall_list_box .image{
    width: 100%;
}
.tiamall_list_box .image img{
    width: 97%;
    border: 7px solid #1FB8DE;
    object-fit: cover;
    height: 187px;
    background: border-box;
}
.tiamall_list_box .info{
    width: 100%;
    padding: 13px 0 0 0;
}
.tiamall_list_box .info .tag{
    background: #1FB8DE;
    text-align: center;
    color: white;
    display: inline;
    padding: 5px 15px;
    font-size: 12px;
}
.tiamall_list_box .info .shop a{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0 0px 0;
}


.tiamall_list_box .info .shop a:hover{
	color:#333;}


.tiamall_list_box .info .add{
    color: black;
}
.tiamall_list_box .info .benefits{
    background: white;
    padding: 14px 4%;
    margin: 10px 0;
    color: red;
    border: 1px solid;
}
.tiamall_list_box .info .etc{
    font-size: 14px;
    color: black;
}
#tiamall_list .pager{
	margin:50px 0;}





.shop-image{
    width: 100%;
    margin: 0;
}

.tiamall_detail01{
    width: 90%;
    margin: 0 auto;
}
.tiamall_detail01 .tiamall_info{
    float: right;
}
.tiamall_detail01 .tiamall_info div{
    margin: 20px 0;
}
.tiamall_detail01 .tiamall_info div .category{
    background: #1FB8DE;
    display: inline;
    color: white;
    padding: 3px 20px;
}
.tiamall_detail01 .tiamall_info div .shop{
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #1FB8DE;
}
.tiamall_detail01 .tiamall_info div .add{
    color: black;
}
.tiamall_detail01 .tiamall_info table.info{
    color: black;
    margin: 20px 0;
}
.tiamall_detail01 .tiamall_info table.info th{
    font-weight: bold;
    white-space: nowrap;
}
.tiamall_detail01 .tiamall_info table.info td{
    padding: 5px 2% 5px 32px;
}
.tiamall_detail01 .tiamall_info table.info td,
.tiamall_detail01 .tiamall_info table.info th{
}

.tiamall_detail02{
    width: 89%;
    margin: 10px auto;
    background: red;
    padding: 18px 3%;
    color: white;
}
.tiamall_detail02 h3{
    font-weight: bold;
    font-size: 20px;
}
.tiamall_detail02 p{}
.tiamall_detail03{
    width: 94%;
    margin: 0 auto;
}
.tiamall_detail04{
    width: 90%;
    margin: 0 auto;
}
.tiamall_detail04 iframe{
    width: 100%;
    margin: 30px 0 50px 0;
    height: 200px;
}


.stadium01 {padding: 66px 0;background:url(../../images/studium_hirakata01.jpg) no-repeat;background-size: cover !important;text-align: center;background-position: center !important;}
.stadium01 h3{
    font-size: 37px;
    color: white;
    font-weight: bold;
}
.stadium01 p{
    color: white;
}

.stadium02{
    text-align: center;
    padding: 20px 0;
}
.stadium02 img{
    width: 98%;
}

.stadium03 {
    margin: 0 0 50px 0;
}
.stadium03 table{width: 98%;font-size: 15px;margin: 0 auto;}
.stadium03 th{
    text-align: center;
    font-weight: bold;
    background: #e0e0e0;
    width: 30%;
    white-space: nowrap;
}
.stadium03 td{
    background: white;
}
.stadium03 th,.stadium03 td{
    padding: 5px 5%;
    color: black;
    border: 1px solid #c1c1c1;
}

.stadium04{
    text-align: center;
}
.stadium04 img{
    width: 98%;
    margin: 30px auto;
}

.stadium05{}
.stadium05 iframe{width: 98%;height: 241px;margin: 20px  auto 0 auto;}

.stadium06{
    width: 90%;
    margin: 0 auto;
}
.stadium06 .bus,.stadium06 .taxi,.stadium06 .train{
    padding: 26px 6% 44px 6%;
    background: white;
    /* box-shadow: 1px 1px 1px gray; */
    color: black;
    margin: 20px 0 0 0;
    font-size: 15px;
}
.stadium06 .bus h3{
    font-size: 40px;
    color: #494949;
    background:url(../../images/studium_bus.jpg) no-repeat left;
    padding: 6px 0 0 56px;
    margin: 0 0 23px 0;
}

.stadium06 .bus ul{
	padding:0 0 0 5%;
}

.stadium06 .bus ul li{
	list-style:disc;
	margin:8px 0;
}


.stadium06 .bus h4{
	font-weight:bold;
	margin:30px 0 5px 0;
}

.stadium06 .taxi h3{
    font-size: 40px;
    color: #4a4a4a;
    background:url(../../images/studium_taxi.jpg) no-repeat left;
    padding: 6px 0 0 56px;
    margin: 0 0 23px 0;
}

.stadium06 .train h3{
    font-size: 40px;
    color: #4a4a4a;
    background:url(../../images/studium_train.jpg) no-repeat left;
    padding: 6px 0 0 56px;
    margin: 0 0 23px 0;
}


.stadium07{
    padding: 10px 5%;
    background: white;
    margin: 27px auto 10px auto;
    text-align: center;
}
.stadium07 img.logo{
    width: 50%;
}
.stadium07 h3{
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0 0 0;
}
.stadium07 h4{
    background: #797979;
    color: white;
    margin: 20px 0 7px 0;
    padding: 3px;
}
.stadium07 .more{
    background: red;
    color: white;
    width: 70%;
    display: block;
    margin: 20px auto 0 auto;
    padding: 10px 5%;
}






.fanclub01{
	background:url(../../images/tiamore01_bg.jpg) no-repeat;
	background-size:cover;
	padding: 33px 0 20px 0;
	text-align:center;
	}




.fanclub01 img{
    width: 30%;
}
.fanclub01 p{
    color: white;
}
.fanclub01 .text10{
    font-size: 18px;
    margin: 7px 0 -15px 0;
}
.fanclub01 .text18{font-size: 62px;}

.fanclub02{
    background: #1FB8DE;
    color: white;
    text-align: center;
    padding: 10px;
    margin: 0 0 40px 0;
    font-weight: bold;
    font-size: 18px;
}
.fanclub02 p{
    font-size: 14px;
}

.fanclub03{}
.fanclub03 h4{
    background: #1FB8DE;
    padding: 10px 0 9px 2%;
    margin: 30px 0 15px 0;
    color: white;
    font-weight: bold;
    text-align: center;
}
.fanclub03 .no{
    padding: 0 1% 0 9%;
}
.fanclub03 .no li{
    font-weight: bold;
    color: black;
    list-style: decimal;
    margin: 28px 0;
}
.fanclub03 .caution{
    background: #e6e6e6;
    padding: 10px 7% 18px 12%;
    font-size: 15px;
}
.fanclub03 .caution li{
    list-style: disc;
    margin: 10px 0 0 0;
    color: black;
}
.fanclub03 .caution li.red{
    color: #d40000;
}
.fanclub03 a{
    width: 80%;
    display: block;
    background: red;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: white;
    padding: 10px;
    margin: 20px auto;
    font-size: 15px;
}
.fanclub03 .no li p.bank{
    border: 2px solid #1FB8DE;
    padding: 19px 2%;
    margin: 10px 0 0 0;
    color: #1FB8DE;
    font-size: 20px;
    background: white;
    text-align: center;
}

.fanclub04{
    background: gray;
    width: 90%;
    margin: 30px auto 50px auto;
    padding: 22px 5%;
}
.fanclub04 h3{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: white;
    margin: 0 0 16px 0;
}
.fanclub04 ul{
    background: white;
    padding: 2px 6% 8px 12%;
    font-size: 15px;
}
.fanclub04 ul li{
    font-weight: bold;

    list-style: disc;
    margin: 19px 0;
    line-height: 1.8em;
}



.fanclub05{}
.fanclub05 ul{
    width: 90%;
    margin: 20px auto;
}
.fanclub05  li img{
    border: 8px solid white;
    width: 100%;
    box-sizing: border-box;
}
.fanclub05  li{width: 100%;}
.fanclub05  li h4{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 19px;
    margin: 20px 0;
    text-align: center;
}
.fanclub05  li p{
    color: black;
    text-align: center;
    line-height: 2;
    font-weight: bold;
    font-size: 15px;
}

.fanclub06{}
.fanclub06 h3{
    font-size: 25px;
    font-weight: bold;
    color: #1FB8DE;
    text-align: center;
    margin: 30px 0;
}
.fanclub06 ul{
    width: 80%;
    margin: 0 auto;
}
.fanclub06 li.box{
    padding: 30px 0;
}
.fanclub06 li.junior{
    background: #343434;
}
.fanclub06 li.regular{
    background: #1FB8DE;
}
.fanclub06 li.gold{  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}
.fanclub06 li{
    width: 100%;
    text-align: center;
}

.fanclub06 li h4{
    color: white;
    font-size: 69px;
}
.fanclub06 li h5{
    background: white;
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
    color: black;
    font-weight: bold;
    padding: 2px 0  1px 0;
}
.fanclub06 li p.price{
    color: white;
    font-size: 50px;
    font-weight: bold;
}
.fanclub06 li p.text10{
    font-weight: bold;
    font-size: 15px;
    color: white;
}
.fanclub06 .mailmaga{
    width: 80%;
    margin: 0 auto 60px auto;
    background: gray;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    font-size: 30px;
    color: white;
}




.fanclub07{}
.fanclub07 table{
    width: 100%;
    margin: 30px 0;
}
.fanclub07 table tr{}
.fanclub07 table th{
    color: white;
    width: 30%;
}

.fanclub07 table th.th01{
    background: #404040;
    color: white;
}
.fanclub07 table th.th02{
    background: gray;
}
.fanclub07 table th.th03{
    background: #1FB8DE;
    font-size: 15px;
}
.fanclub07 table td{



    text-align: center;
    color: black;
    width: 18%;
}
.fanclub07 table td.mailmaga{
    color: gray;
}
.fanclub07 table td.junior{
    color: #404040;
}
.fanclub07 table td.regular{
    color: #1FB8DE;
}
.fanclub07 table td.gold{
    color: #927c05;
}
.fanclub07 table td,
.fanclub07 table th{
    padding: 10px 2%;
    border: 1px solid #b3b3b3;
    font-weight: bold;
}

.fanclub07{}
.fanclub07 ul{
}
.fanclub07 ul li{
    text-align: center;
    width: 100%;
    margin: 20px 0 0 0;
    background: white;
    padding: 20px 3% 18px 3%;
    border: #d2d2d2 2px solid;
    box-sizing: border-box;
}
.fanclub07 ul li h4{
    background: #1FB8DE;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    padding: 5px 0 2px 0;
    margin: 0 0 13px 0;
}
.fanclub07 ul li p{
    font-weight: bold;
    color: black;
}
.fanclub07 ul li img{
    width: 100%;
    margin: 23px 0 0 0;
}

.fanclub08{
    width: 80%;
    margin: 20px auto;
    background: #cecece;
    padding: 19px 8%;
    font-size: 12px;
    line-height: 1.8;
}
.fanclub08 p{
    color: black;
    font-weight: bold;
    margin: 27px 0;
}

.fanclub09{}
.fanclub09 ul{
    width: 87%;
    margin: 0 auto 20px auto;
}
.fanclub09 ul li{
    width: 94%;
    margin: 10px 3%;
}
.fanclub09 ul li h4{
    font-weight: bold;
    color: #1FB8DE;
    font-size: 18px;
    margin: 24px 0 9px 0;
}

.fanclub09 ul li p{
    font-size: 15px;
    color: black;
    line-height: 2.1em;
    font-weight: bold;
    font-size: 14px;
}


.fanclub10{}
.fanclub10 div{
    width: 80%;
    margin: 30px auto;
    text-align: center;
    background: white;
    padding: 38px 5%;
    border: 2px solid #b7b7b7;
}
.fanclub10 div p{
    color: black;
    font-weight: bold;
}
.fanclub10 div p.blue{
    color: #1FB8DE;
    font-size: 16px;
    margin: 21px 0 0 0;
}
.fanclub10  a{
    width: 300px;
    margin: 0 auto 50px auto;
    text-align: center;
    display: block;
    background: red;
    color: white;
    padding: 10px 0;
    font-weight: bold;
}

.fanclub10  a:hover{
	background: #333;
}



.ranking01{
    text-align: center;
    margin: 40px 0 10px 0;
}
.ranking01 h3{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 21px;
}
.ranking01 h4{
    color: red;
    font-size: 19px;
    margin: 10px 0 10px 0;
}
.ranking02{}
.ranking02 table{
	width: 700px;
    }
    

    .ranking02 tr.tiamo{
        background: #ff98c3;
    }
    .ranking02 tr.tiamo td{color:white !important;}
    

.ranking02 table th{
    background: #d8d8d8;
}
.ranking02 table td{}
.ranking02 table th,.ranking02 table td{
    border-bottom: 1px solid black;
    padding: 10px 0.5%;
    color: black;
    font-weight: bold;
    border-right: 1px solid;
}
.ranking02 table .point03{}
.ranking02 table .rank{
    border-right: none;
    padding: 10px 0.5%;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
.ranking02 table .logo{
    border-right: none;
    padding: 10px 0;
    border-left: none;
}
.ranking02 table .logo img{
    width: 25px;
    margin: 6px 0 0 0;
}
.ranking02 table .team{
    white-space: nowrap;
    border-left: none;
    padding: 10px 0.5% 10px 0;
    font-weight: bold;
    color: black;
    font-size: 14px;
}
.ranking02 table .point01{
    text-align: center;
    width: 6%;
}
.ranking02 table .point02{
    text-align: center;
    width: 6%;
}
.ranking02 table .point03{
    width: 6%;
    text-align: center;
}
.ranking02 table .point04{
    text-align: center;
    width: 6%;
}
.ranking02 table .point05{
    text-align: center;
    width: 6%;
}
.ranking02 table .point06{
    text-align: center;
    width: 6%;
}
.ranking02 table .point07{
    text-align: center;
    width: 6%;
}
.ranking02 table .point08{
    text-align: center;
    width: 8%;
    border-right: none;
}


.carousel {
    margin: 0 0 0 0;
    width: calc(100% + 0px);
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}





.player00{
    margin: 30px 0;
}



.player00 ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.player00 ul li{width: 31%;margin: 5px 1%;}

.player00 ul li a{
	font-weight:bold;
    padding: 0 2%;
    background: #1FB8DE;
    color: white;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 10px;
	transition:0.5s;
}

.player00 ul li a:hover{
	background:#fbff00;
	color:black;}



.player_box{
    margin: 50px 0 0 0;
}
.player_box h3{
    color: #1FB8DE;
    text-align: center;
    font-size: 94px;
    margin: 30px 0;
}
.player_box ul{display: flex;flex-wrap: wrap;}
.player_box li.wrapper{
    background: #1FB8DE;
    width: 90%;
    margin: 5%;
}
.player_box .inner{
    position: relative;
    text-align: center;
}
.player_box .no{
    background: black;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: white;
    font-size: 1.6em;
    border: #484848 2px solid;
}
.player_box img{
    width: 100%;
}
.player_box h4{
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin: 5px 0 0 0;
}

.player_box h4.name_l{
	font-size:15px;
}

.player_box h5{
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 0.6;
    margin: 10px 0 5px 0;
    letter-spacing: 0.2em;
}
.player_box p.aka{
    font-weight: bold;
    color: white;
    text-align: center;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.player_box li.wrapper {
    color: #fff;
    background: #404d88;
    position: relative;
    z-index: 0;
    width: 48%;
    margin: 1%;
}

.player_box li::before {
    content: '';
    display: block;
    position: absolute;
    top: 18%;
    right: 0;
    bottom: 19%;
    left: 0;
    background-color: #1FB8DE;
    transform: skewY(27deg);
    z-index: -1;
}

.player01{
	margin:30px 0;}


.player_detail01{
	background-size: cover !important;
	padding: 0 0 22px 0;
	background-position: center !important;
}

.player_detail01 .wrap{

	}

#player_detail{
    width: 100%;
    padding: 0;
}

.player_detail01 ul{display: flex;flex-direction: column;}
.player_detail01 li.data{
    color: white;
    width: 100%;
    order: 2;
    padding: 0 5%;
}
.player_detail01 li.image{
    width: 100%;
    order: 1;
    text-align: center;
    padding: 30px 0 0 0;
}

.player_detail01 li h3{
    font-size: 100px;
}
.player_detail01 li h4{
    font-weight: bold;
    font-size: 28px;
}
.player_detail01 li h5{
    font-size: 30px;
}
.player_detail01 li table{
    margin: 20px 0;
    font-weight: bold;
    font-size: 17px;
}
.player_detail01 li table th{padding: 8px 30px 8px 0;font-weight: bold;}
.player_detail01 li table td{
    padding: 0 7% 0 0;
}
.player_detail01 li table th,
.player_detail01 li table td{font-weight: bold;}
.player_detail01 li img.back{
    width: 90%;
}
.player_detail01 li img.stand{
    width: 80%;
}

.player_detail02{}
.player_detail02 table{
    margin: 50px auto;
    padding: 0 5%;
    width: 95%;
}
.player_detail02 table th{
    white-space: nowrap;
    background: #d0d0d0;
}
.player_detail02 table td{
    background: white;
}
.player_detail02 table th,.player_detail02 table td{
    padding: 15px 5%;
    color: black;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 90%;
    display: block;
}


.player_detail03 ul{
    display: flex;
    width: 95%;
    justify-content: space-between;
    margin: 0 auto;
}
.player_detail03 ul li{width: 32%;}
.player_detail03 ul li a{
	 background: #1FB8DE;
	 color: white;
	 text-align: center;
	 margin: 0 0 18px 0;
	 padding: 10px 0;
	 color: white;

	 width: 100%;
	 display: block;
}

.player_detail03 ul li a:hover{
	background: #333;
	}

.player_detail{
	width:100%;
	padding:0;}

.staff_detail01{
	background: #333;}

#staff_detail{
    width: 100%;
    padding: 0;
}

.staff_detail01 li h3 {
    font-size: 64px;
}

.staff_detail01 li.image {
    width: 100%;
    order: 1;
    text-align: center;
    padding: 10px 0 0 0;
}

.staff_box h3 {
    color: #222;
    text-align: center;
    font-size: 70px;
}

.staff_box li.wrapper {
    color: #fff;
    background: #2b2b2b;
    position: relative;
    z-index: 0;
}

.staff_box li::before {
    content: '';
    display: block;
    position: absolute;
    top: 18%;
    right: 0;
    bottom: 19%;
    left: 0;
    background-color: #444444;
    transform: skewY(
27deg
);
    z-index: -1;
}


#recruit h3 span{
	color:#333;
	}

.recruit_h201{
    font-size: 39px;
}
.recruit_h202{
    font-size: 17px;
    display: block;
    margin: 10px 0 0 0;
}

.recruit01{background:url(../../images/recruitment.png) right no-repeat;background-size: cover;}

.recruit01 .contents {
    padding: 30px 2%;
    background: rgb(51 53 117 / 89%);
    text-align: center;
    color: white !important;
    width: 96%;
}


.recruit01 h3{
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 20px;
}
.recruit01 p{
    color: white;
    line-height: 1.8;
    font-size: 15px;
}

.recruit02{
    background: white;
    padding: 40px 0 40px 0;
}
.recruit02 ul{text-align: center;margin: 30px 0 0 0;}
.recruit02 ul li{
    font-size: 19px;
    font-weight: bold;
    margin: 20px;
    color: #1FB8DE;
}

.recruit03{padding: 0;}

.recruit03 ul{
    display: flex;
    flex-wrap: wrap;
}

.recruit03 h3{
	margin-bottom: 3px;
	}

.recruit03 ul li{
    color: black;
    width: 46%;
    position: relative;
    margin: 30px 2% 0 2%;
}
.recruit03 ul li .no{position: absolute;top: 0;left: 0;background: yellow;color: #1FB8DE;font-weight: bold;border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.recruit03 ul li img{width: 100%;}
.recruit03 ul li .para{font-size: 14px;}

.recruit04{}
.recruit04 p{
    background: gray;
    color: white;
    padding: 28px 6%;
    text-align: center;
    font-size: 15px;
    margin: 20px 1% 0 1%;
}
.recruit05{}
.recruit05 p{
    color: #1FB8DE;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 1%;
}
.recruit06{}
.recruit06 a{
    background: yellow;
    width: 73%;
    border: 2px solid #1FB8DE;
    display: block;
    margin: 30px auto;
    padding: 20px;
    font-weight: bold;
    color: #1FB8DE;
    font-size: 18px;
}
.recruit06 a:hover{
	background:#1FB8DE;
	color:white;


}
#recruit{ padding:0;
width:100%;}



.katano01{
	}
.katano01 h3{}	
.katano01 p{
    text-align: center;
    color: black;
    margin: 33px;
}	
.katano01{
    margin: 50px 0;
}	
.katano01 table{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	width: 800px;
	margin: 0 auto 60px auto;
	}	
.katano01 table th{
    background: #d2ebf9;
    font-weight: bold;
    }
.katano01 table td{
    background: white;
}
.katano01 table th,.katano01 table td{
	padding:10px 20px;
	border-bottom:#CCC 1px solid;
	color: black;
	text-align: center;
	border-left: 1px solid #cccccc;
	}
.katano02{}	
.katano02 table{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	width: 90%;
	margin: 40px auto 40px auto;
	}	
.katano02 table th{    background: #d2ebf9;
    font-weight: bold;}
.katano02 table td{background: white;}
.katano02 table th,.katano02 table td{
	padding: 10px 5%;
	border: #CCC 1px solid;
	color: black;
	text-align: center;
	width: 90%;
	display: block;
}

.katano02 td.pc{ display:none;}
.katano03{
    background: #c7c7c7;
    padding: 31px 5%;
    text-align: center;
    width: 80%;
    margin: 0 auto 50px auto;
} 
.katano03 h3{background: #1FB8DE;color: white;font-weight: bold;padding: 10px;margin: 0 0 16px 0;} 
.katano03 p{
    color: black;
    margin: 0 0 18px 0;
} 
.katano03 a{background: #333;width: 90%;margin: 0 auto;display: block;padding: 10px 0;color: white;} 

.katano03 a i{
	margin:0 0 0 5px;}
.policy01{
    margin-bottom: 30px;
    text-align: center;
}
.policy01 h3{
    color: #1FB8DE;
    font-weight: bold;
    font-size: 25px;
    margin: 31px 0 21px 0;
}
.policy01 img{
    width: 100%;
}
.policy01 p{
    margin: 14px 0;
    color: black;
    font-size: 15px;

}

.policy02,.policy03{
    width: 100%;
    margin: 0 auto 80px auto;
}
.policy02 h3{}
#policy h4,#logo_page h4,#link h4,#tour h4{
    background: #1FB8DE;
    width: 96%;
    color: white;
    font-weight: bold;
    padding: 10px 2%;
    margin: 31px 0 28px 0;
}
#policy h5,#logo_page h5{
    font-weight: bold;
    color: black;
    margin: 10px 0 0 0;
    padding: 0 3%;
}
#policy ul,#logo_page ul,#tour ul{
    padding: 0 0 0 10%;
}
#policy ul li,#logo_page ul li,#tour ul li{
    color: black;
    list-style: disc;
    line-height: 2em;
}

.policy03 p{
    color: black;
    line-height: 2em;
    padding: 0 4%;
}
.policy03 h3{
	margin-bottom:20px;}
.logo04 a{
    font-size: 17px;
    background: #4e4e4e;
    color: white;
    padding: 15px 0 13px 0;
    width: 90%;
    margin: 0 auto 50px auto;
    display: block;
    text-align: center;
    font-weight: bold;
}
.logo04 a i{
    margin: 0 12px 0 0;
}
.school01{
    text-align: center;
    margin: 35px 0;
}
.school01 h3{
    font-size: 23px;
    color: black;
}
.school01 img{
    margin: 20px 0;
    width: 100%;

}
.school01 p{
    color: black;
    line-height: 2;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
}
.school02{
    background: white;
    padding: 20px 0;
}
.school02 h4{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}
.school02 h3{}
.school02 ul{
    width: 90%;
    margin: 0 auto;
}
.school02 ul li{}
.school02 ul li img{
    width: 100%;
}
.school02 ul li table{
    margin: 0;
    width: 84%;
}
.school02 ul li table th{
    width: 23%;
    white-space: nowrap;
    background: #c3c3c3;
}
.school02 ul li table td{}
.school02 ul li table th,.school02 ul li table td{
    display: block;
    color: black;
    padding: 16px 9%;
    border: 1px solid;
    width: 100%;
}
.school03{
    background: #dedede;
    width: 90%;
    margin: 20px auto;
    padding: 35px 3%;
}
.school03 h3{
    background: #1FB8DE;
    color: white;
    text-align: center;
    width: 100%;









    display: block;
    padding: 10px 0;
    font-weight: bold;
} 
.school03 p{
    color: black;
    text-align: center;
    margin: 10px 0;
} 
.school03 ul{
    width: 87%;
    margin: 30px auto;
    background: white;
    padding: 10px 0 10px 13%;
    font-weight: bold;
    color: black;
} 
.school03 ul li{list-style: decimal;margin: 10px 0;} 
.school03 a{
    width: 90%;
    display: block;
    background: #333;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.school03 a:hover{} 
.school03 a i{
    margin: 0 0 0 5px;
} 



.sponsor01{}
.sponsor01 img{
    width: 100%;
    margin: 29px 0 10px 0;
}
.sponsor01 h3{
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 18px;
    color: #313131;
}
.sponsor01 p{
    text-align: center;
    color: black;
    font-size: 14px;
    line-height: 2;
}
.sponsor02{
    background: white;
    padding: 0 0 1px 0;
    margin: 40px 0;
}
.sponsor02 h3{
    margin: 0 0 28px 0;
}
#sponsor .box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
#sponsor .official{
    display: contents;
}

#sponsor .box li{
    position: relative;
    margin: 1%;
}

#sponsor .official li{width: 70%;margin: 0 auto 20px auto;}
#sponsor .other li{width: 48%;}


#sponsor .box li a{}
#sponsor .box li div{}
#sponsor .box li img.sdgs{
    position: absolute;
    top: -23px;
    left: -17px;
    z-index: 1;
}
#sponsor .box li div img.sponsor_logo{transition:0.5s;
transition:0.5s;
    width: 100%;
    border: 1px solid #d4d4d4;
}
#sponsor .box li div h4{
    text-align: center;
    color: black;
}
#sponsor .box a img:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);}


#sponsor .other li img.sdgs{
    width: 32px;
    top: -11px;
    left: -12px;
}

#sponsor .sponsor03 h3{
    font-size: 36px !important;
    margin: 0 0 19px 0;
}


#sponsor .text_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#sponsor .text_box li{margin: 0 10px;color: black;font-weight: bold;}


.sponsor04{
    border: 2px solid #bbbbbb;
    margin: 66px 0 50px 0;
    padding: 34px 5%;
}
.sponsor04 h3{
    text-align: center;
    color: #1FB8DE;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 7px 0;
}
.sponsor04 p{
    text-align: center;
    color: black;
    font-size: 14px;
    line-height: 2;
}
.sponsor05{}
.sponsor05 p{
    text-align: center;
    color: black;
    font-weight: bold;
}
.sponsor05 a{
    display: block;
    width: 80%;
    margin: 36px auto 48px auto;
    background: yellow;
    text-align: center;
    color: black;
    font-weight: bold;
    padding: 15px;
    border: black 2px solid;
    transition:0.5s;
}

.sponsor05 a i{
	margin:0 0 0 5px;}

.sponsor05 a:hover{
	background:#313131;
	color:yellow;}


.tour01{
    margin: 50px 0 40px 0;
}
.tour01 p{
    background: white;
    padding: 40px 5%;
    width: 80%;
    margin: 0 auto;
    line-height: 2;
    color: black;
}
.tour02{
    width: 90%;
    margin: 0 auto 100px auto;
}

.tour02 ul li{margin:10px 0;}

.tour02 h3{}



.academy01{
    text-align: center;
    margin: 40px 0;
}
.academy01 h3{}
.academy01 img{
    width: 100%;
    margin: 38px 0 0 0;
}
.academy01 p{
    font-weight: bold;
    background: white;
    padding: 10px;
    margin: 10px auto;
    width: 90%;
}
.academy02{
    background: #1FB8DE;
    padding: 80px 0 40px 0;
}
.academy02 h3,.academy02 h3 span{
    color: white !important;
    margin-bottom: 50px;
}
.academy02 ul{
    width: 80%;
    margin: 0 auto;
}
.academy02 ul li{
    text-align: center;
    width: 100%;
    margin: 37px 0;
}
.academy02 ul li img{
    margin: 0 0 17px 0;
}
.academy02 ul li h4{
    color: #FFF;
    font-weight: bold;
}
.academy02 ul li p{

    padding: 0 12%;
    color: #FFF;
    margin: 17px 0 0 0;
}
.academy03{
    padding: 80px 0;
}
.academy03 h3{}
.academy03 ul{
    margin: 50px auto 0 auto;
    width: 90%;
}
.academy03 ul li{
    width: 100%;
    margin: 30px 0 0 0;
}
.academy03 ul li img{
    width: 100%;
}
.academy03 ul li h4{
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
    color: #1FB8DE;
    font-size: 20px;
}
.academy03 ul li p{}
.academy04{}
.academy04 table{
    width: 98%;
    margin: 0 auto 0 auto;
}
.academy04 table th{
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
    width: 25%;
}
.academy04 table td{}
.academy04 table th,.academy04 table td{
    padding: 31px 5%;
}
.academy04 table td h4{
    background: #333a84;
    color: white;
    font-weight: bold;
    padding: 5px 2%;
}
.academy04 table td ul{
    margin: 10px 0 0 0;
    padding: 0 0 0 11%;
    font-size: 16px;
    color: #000;
}
.academy04 table td ul li{
    list-style: disc;
    margin: 5px 0;
}
.academy04 table th.th01{
    background: #7fc2dc;
}
.academy04 table th.th02{
    background: #6a87c7;
}
.academy04 table th.th03{
    background: #456fcc;
}
.academy04 table th.th04{
    background: #244ba0;
}
.academy04 table th.th05{

    background: #09318a;
}
.academy05{
    background: #FFF;
    padding: 100px 0 57px 0;
}
.academy05 h3{}
.academy05 ul{
}
.academy05 ul li{
    background: #e1e7ee;
    width: 90%;
    padding: 20px 5%;
    margin: 30px 0 0 0;
}
.academy05 ul li h4{
    background: #1FB8DE;
    color: #FFF;
    font-weight: bold;
    padding: 6px 0 4px 0;
    text-align: center;
}
.academy05 ul li h5{
    text-align: center;
    background: gray;
    color: white;
    font-weight: bold;
    padding: 4px 0 3px 2%;
    margin: 14px 0 0 0;
}
.academy05 ul li h6{
    text-align: center;
    color: #1FB8DE;
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0 0 0;
}
.academy05 ul li table{
    width: 100%;
    margin: 6px 0 33px 0;
}
.academy05 ul li table th{
    background: #a7c1e0;
    color: black;
    white-space: nowrap;
    width: 37%;
    border-right: 8px solid #e1e7ee;
}
.academy05 ul li table td{
    background: #FFF;
    color: #000;
}
.academy05 ul li table th,.academy05 ul li table td{
    padding: 5px 5%;
    width: 90%;
    display: block;
    text-align: center;
}
.academy05 p {
    background: gray;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 30px;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    line-height: 1.8;
}
.academy06{padding: 0 0;}
.academy06 h3{
    margin: 0 0 38px 0;
}
.academy06 ul.news_list{}
.academy06 ul.news_list li{}
.academy06 a.button{
    background: #1FB8DE;
    color: white;
    padding: 20px;
    width: 80%;
    margin: -3px auto 42px auto;
    display: block;
}


.academy07{
    padding: 64px 0 0 0;
    background: #dedede;
}
.academy07 p{
	color: #404040;
	width: 85%;
	text-align: center;
	font-weight: bold;
	margin: 27px auto 0 auto;
	font-size: 15px;
	line-height: 1.8;
	}

.academy07 h3{}
.academy07 ul.big{
    margin: 37px 0 0 0;
}
.academy07 ul.big li{
}
.academy07 ul.big li.photo{
    width: 100%;
    text-align: center;
    margin: 25px 0 9px 0;
}

.academy07 ul.big li h4{
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}

.academy07 ul.big li h5{
	text-align:center;
	font-weight:bold
}



.academy07 ul.big li h4 span{font-size: 14px;margin: 0 0 0 10px;}

.academy07 ul.big li img{
    width: 60%;
}
.academy07 ul.big li table{
    width: 72%;
    color: #4c4c4c;
    margin: 15px auto 0 auto;
}
.academy07 ul.big li table th{
    white-space: nowrap;
    padding: 5px 7% 5px 0;
    VARIANT: JIS04;
    FONT-VARIANT: JIS04;
    vertical-align: text-top;
}
.academy07 ul.big li table td{
    padding: 5px 0;
}
.academy07 ul.big li table th,.academy07 ul.big li table td{font-size: 15px;}
.academy07 ul.small{

    flex-wrap: wrap;
    display: flex;
    margin: 24px;
}
.academy07 ul.small li{
    width: 48%;
    margin: 10px 1%;
    text-align: center;
}
.academy07 ul.small li img{
    width: 100%;
}
.academy07 ul.small li p{
    font-size: 15px;
    margin: 0;
    text-align: center;
    width: auto;
}
.academy07 ul.small li h4{
    font-size: 19px;
    color: #3c3c3c;
    font-weight: bold;
    line-height: 1;
}
.academy07 a{
	transition:0.5s;
	background: #1FB8DE;
	color: #FFF;
	width: 90%;
	display: block;
	margin: 30px auto 0 auto;
	text-align: center;
	padding: 30px 0;
	font-size: 18px;
	font-weight: bold;
	border: 3px #FFF solid;
}
.academy07 a:hover{
    background: #333;
	}
.academy07 a i{
    margin: 0 0 0 17px;
}





.match_d01{
    padding: 40px 0;
}
.match_d01 h3{
    margin: 0 0 15px 0;
}
#match_detail .h4_bk{
    background: #2d2d2d;
    text-align: center;
    color: white;
    font-weight: bold;
    padding: 10px;
    font-size: 18px;
}
.match_d01 h4{}
.match_d01 h5{
    background: gray;
    padding: 10px 0;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
}
.match_d01 ul{
    display: flex;
    width: 94%;
    margin: 20px auto 0 auto;
}
.match_d01 ul li.team{
    width: 29%;
    text-align: center;
}
.match_d01 ul li.team img{
    width: 100%;
}
.match_d01 ul li.team h4{
    text-align: center;
    font-weight: bold;
    color: #2d2d2d;
    font-size: 1rem;
    margin: 0 0 8px 0;
    height: 73px;
}
.match_d01 ul li.team p.home{background: rgb(0 157 204);text-align: center;width: 100%;margin: 0 auto;padding: 5px 0;font-size: 1rem;color: white;}
.match_d01 ul li.team p.away{
    background: #ce2525;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 1rem;
    color: white;
}
.match_d01 ul li.point{
    width: 42%;
}
.match_d01 ul li.point table{
    width: 100%;
    margin: 19px 0 0 0;
}
.match_d01 ul li.point table th{
    font-size: 3rem;
}
.match_d01 ul li.point table td{
    font-size: 1rem;
    width: 33%;
}
.match_d01 ul li.point table th,.match_d01 ul li.point table td{
    text-align: center;
    color: #1FB8DE;
    white-space: nowrap;
}
.match_d02{}
.match_d02 h4{}
.match_d02 ul{
    display: flex;
    justify-content: space-around;
    margin: 0 0 20px 0;
}
.match_d02 ul li{
    background: #d8d8d8;
    width: 48%;
    margin: 11px 1%;
    padding: 20px 2%;
    color: black;
    font-weight: bold;
}
.match_d02 ul li table{
    width: 100%;
}
.match_d02 ul li table th{
    width: 10%;
    font-weight: bold;
    white-space: nowrap;
}
.match_d02 ul li table td{}
.match_d02 ul li table th,.match_d02 ul li table td{
    padding: 5px 1%;
}
.match_d03{}
.match_d03 h4{}
.match_d03 div{}
.match_d03 ul{}
.match_d03 li{
    display: flex;
    margin: 20px 1%;
}
.match_d03 .start{
    background: #1FB8DE;
    color: white;
    margin: 20px 1% 0 1%;
    padding: 50px;
}
.match_d03 .reserve{
    background: #484848;
    color: white;
    margin: 20px 1% 40px 1%;
    padding: 50px;
}
.match_d03 div h5{
    text-align: center;
    font-size: 50px;
    margin-bottom: 24px;
}
.match_d03 div ul{
    width: 100%;
    margin: 0 auto;
}
.match_d03 div ul li{}
.match_d03 div ul li .no{
    border: 1px solid white;
    width: 57px;
    text-align: center;
    margin: 0 10px 0 0;
    font-size: 15px;
}
.match_d03 div ul li .name{}


.match_d03 div ul li .name a{
	text-decoration:underline;
}

.match_d04{}
.match_d04 h4{}
.match_d04 ul{
    background: #e0e0e0;
    margin: 10px 0 30px 0;
    padding: 20px 5%;
    font-weight: bold;
}
.match_d04 ul li{
    margin: 10px 0;
    color: #2d2d2d;
}
.match_d05{}
.match_d05 a{
    background: gray;
    color: white;
    width: 90%;
    display: block;
    text-align: center;
    margin: 0 auto 50px auto;
    padding: 20px 0;
    font-weight: bold;
    transition: 0.5s;
}

.match_d05 a i{ padding:0 0 0 5px }
.match_d05 a:hover{ background:#333;}

.match_d06{
    background: #212121;

    padding: 60px 0 30px 0;
}
.match_d06 h3{
    color: white !important;
}
.match_d06 ul{
}
.match_d06 ul li{}
.match_d06 ul li.movie{
    width: 100%;
    text-align: center;
}
.match_d06 ul li.movie iframe{
    width: 90%;
    height: 194px;
    margin: 20px 0 5px 0;
}
.match_d06 ul li.movie img{
    width: 90%;
    height: 194px;
    margin: 20px 0 5px 0;
}


.match_d06 ul li.photo{
    width: 90%;
    margin: 0 auto;
}
.match_d06 ul li.photo ul.inner{
    display: flex;
    flex-wrap: wrap;
}
.match_d06 ul li.photo ul.inner li{
    width: 31.3%;
    margin: 1%;
}
.match_d06 ul li.photo ul.inner li img{
    width: 100%;
}
.match_d07{
    padding: 80px 0;
}
.match_d07 h3{
    margin: 0 0 30px 0;
}
.match_d07 table{
    width: 100%;
    margin: 0 0 30px 0;
    width: 800px;
}
.match_d07 table th{
    background: #d7d7e4;
    color: #1FB8DE;
    font-weight: bold;
}
.match_d07 table td{
    background: #FFF;
}
.match_d07 table th,.match_d07 table td{
    border: 1px solid #9c9c9c;
    padding: 20px 2%;
}


.match_d07 table th.time,.match_d07 table td.time{
width:10%;
}

.match_d07 a{
    background: #1FB8DE;
    width: 80%;
    color: white;
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}
.match_d07 a i{ padding:0 0 0 5px;}
.match_d07 a:hover{ background:#333;}

.match_d08 a {
    background: #f00;
    color: white;
    width: 80%;
    margin: 20px auto 30px auto;
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 1em;
    font-weight: bold;
    transition: 0.5s;
}


.match01{}
.match01 ul{
    margin: 30px 0;
}
.match01 ul li{
    margin: 10px;
}
.match01 ul li a{
    display: block;
    background: #1FB8DE;
    color: white;
    text-align: center;
    border-radius: 9px;
    font-weight: bold;
    padding: 20px 5%;
}
.match02{}
.match02 h4{
    color: #1FB8DE;
    font-weight: bold;

    text-align: center;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 20px 0;
    font-size: 1rem;
} 


.match02 p{
    color: black;
    background: #e8e8e8;
    padding: 30px 5%;
    margin: 10px 0;
    line-height: 2;
    font-size: 0.8em;
} 
.match02 table{
    width: 1200px;
    margin-bottom: 30px;
} 
.match02 th{
    text-align: center;
    background: black;
    color: white;
} 
.match02 td{
    font-weight: bold;
    color: black;
}
.match02 th,.match02 td{
    padding: 5px 1%;
}
.match02 .section{} 
.match02 .home{
    background: #b7edfb;
} 
.match02 .nogame{
    background: #737373;
} 


.match02 .section{
    text-align: center;
    width: 6%;
}
.match02 .date{
    white-space: nowrap;
    width: 10%;
}
.match02 .date .red{}
.match02 .date .blue{}
.match02 .time{
    width: 6%;
    text-align: center;
}
.match02 .place{
    width: 20%;
}
.match02 .vs_team{
    width: 30%;
}
.match02 .vs_team img{
    width: 5%;
    margin: 0 12px -6px 0;
}
.match02 .results{
    width: 6%;
    text-align: center;
}
.match02 .report{
    width: 6%;
    text-align: center;
}
.match02 .detail{
    width: 6%;
    text-align: center;
}
.match02 td a{}
.match02 a.button {
    background: #1FB8DE;
    color: white;
    width: 80%;
    text-align: center;
    padding: 14px 0;
    margin: 10px auto 50px auto;
    display: block;
}


.match02 a.button:hover{
	background:#333;}



.guide01{
    padding: 30px 0 10px 0;
}
.guide01 h3{
    text-align: center;
    color: #1FB8DE;
    font-weight: bold;
    line-height: 2;
    margin: 0 0 20px 0;
    font-size: 1em;
}
.guide01 a{
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #717171;
    color: white;
    padding: 10px 0;
    font-weight: bold;
    transition:0.5s;
}
.guide01 a:hover{
	background:#000;}
.guide01 a i{
    margin: 0 0 0 5px;
}
.guide02{
    width: 90%;
    margin: 30px auto;
}
.guide02 h4{}
.guide02 ul{
}
.guide02 ul li{
    width: 100%;
}
.guide02 ul li img{
    width: 100%;
}
.guide02 ul li iframe{
    width: 100%;
    height: 200px;
}
.guide02 p{
    background: #d2d2d2;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 0.9em;
}
.guide03{
    padding: 30px 0;
}
.guide03 p{
    width: 80%;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.guide03 a{
    background: #1FB8DE;
    width: 80%;
    margin: 20px auto;
    display: block;
    padding: 10px 0;
    color: white;
    text-align: center;
    transition:0.5s;
}
.guide03 a i{
    margin: 0 0 0 5px;
}
.guide03 a:hover{
	background: #333;}



.youth01{
    text-align: center;
    padding: 20px 0;
}
.youth01 img{
    width: 100%;
}
.youth02{
    margin: 0 auto;
    text-align: center;
}
.youth02 h3{
    margin: 0 0 30px 0;
}
.youth02 iframe{
    width: 98%;
    height: 503px;
}
.youth03{
    background: #FFF;
    padding: 40px 0;
    margin: 40px 0;
}

.youth03 ul li{
    width: 48%;
    margin: 1%;
}

.youth03 a.button{
    background: #1FB8DE;
    color: white;
    display: block;
    width: 80%;
    text-align: center;
    padding: 24px 0;
    margin: 30px auto 0 auto;
    font-size: 20px;
}
.youth03 a.button i{
    margin: 0 0 0 5px;
}
.youth03 a.button:hover{
	background:#333;}
.youth03 h3{
    margin-bottom: 20px;
}
.youth04{
    text-align: center;
}
.youth04 h3{
    margin: 0 0 30px 0;
}
.youth04 h4{
    color: #383838;
    font-weight: bold;
    font-size: 1.3em;
}
.youth04 p{
    width: 90%;

    margin: 20px auto;
    color: #484848;
    line-height: 2;
    font-weight: bold;
}
.youth05{
    padding: 1px 20px 20px 20px;
    background: #dad9d9;
    text-align: center;
    margin: 50px 0;
}
.youth05 h4{
    padding: 10px 20px !important;
}
.youth05 p{
    color: black;
    line-height: 2;
    margin: 20px 0;
}
.youth05 a{
    background: #2f2f2f;
    color: white;
    font-weight: bold;
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}
.youth05 a i{
    margin: 0 0 0 5px;
}
.youth06{
    text-align: center;
    margin: 0 0 50px 0;
}
.youth06 h3{
    color: #1FB8DE;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    margin: 0 0 11px 0;
}
.youth06 p{
    text-align: center;
    color: black;
}
.youth06 a{
    text-align: center;
    color: #2f2f2f;
    display: block;
    font-weight: bold;
    font-size: 2em;
}
.youth06 a i{}


.hirakata01{
    padding: 50px 0;
}
.hirakata01 h3{}
.hirakata01 h4{
    text-align: center;
    margin: 14px 0 0 0;
    color: #1FB8DE;
    font-weight: bold;
}
.hirakata01 ul{
    display: flex;
}
.hirakata01 ul li{
    width: 31.3%;
    margin: 20px 1%;
}
.hirakata01 ul li img{
    width: 100%;
}
.hirakata01 p{
    width: 90%;
    text-align: left;
    margin: 0 auto 20px auto;
    color: black;
    line-height: 2;
}

.hirakata02{}
.hirakata02 h3{}
.hirakata02 p{
    text-align: center;
    color: black;
    margin: 20px 15px 0 15px;
}
.hirakata02 div.table{
}
.hirakata02 div.table table{
    width: 90%;
    margin: 30px auto;
}
.hirakata02 div.table table th{
    width: 59%;
}
.hirakata02 div.table table td{
    background: white;
}
.hirakata02 div.table table td,.hirakata02 div.table table th{
    border-bottom: 1px solid gray;
    padding: 10px 3%;
    font-weight: bold;
    color: #333;
}
.hirakata02 div.table table.hirakata th{
    background: #cacaca;
}
.hirakata02 div.table table.hirakata td{}
.hirakata02 div.table table.hirakata td.title{
    background: #757575;
    color: white;
}
.hirakata02 div.table table.hirakata th,.hirakata02 div.table table.hirakata td{}
.hirakata02 div.table table.fctiamo th{
    background: #bbe6f1;
}
.hirakata02 div.table table.fctiamo td{}
.hirakata02 div.table table.fctiamo td.title{
    background: #1fb8de;
    color: white;
}
.hirakata02 div.table table.fctiamo th,.hirakata02 div.table table.fctiamo td{}

.hirakata03{}
.hirakata03 ul{
}
.hirakata03 ul li{
    padding: 10px  2%;
}
.hirakata03 ul li p{
}

.hirakata03 p{
    color: black;
    line-height: 2.2;
    font-size: 0.9em;
}

.hirakata03 ul li img{
    width: 100%;
}
.hirakata03 a,.hirakata01 a{
    background: #1FB8DE;
    color: white;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto 30px auto;
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
    transition:0.5s;
}
.hirakata03 a i,.hirakata01 a i{
    margin: 0 0 0 5px;
}
.hirakata03 a:hover{
	background: #333;}






.rule01{
    text-align: center;
}
.rule01 h3{
    color: #1FB8DE;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0 0 20px 0;
    padding: 40px 0 0 0;
}
.rule01 img{
    width: 100%;
}
.rule01 p{
    width: 90%;
    margin: 10px auto 50px auto;
    color: black;
    line-height: 2;
    font-size: 0.8em;
}
.rule02{
    width: 96%;
    margin: 0 auto 80px auto;
}
.rule02 h3{}
.rule02 h4{
    text-align: left !important;
    padding: 10px !important;
}
.rule02 div.icon{text-align: center;}
.rule02 div.icon img{}
.rule02 div.icon ul{
    padding: 0 0 0 2%;
    margin: 0 20px;
}
.rule02 div.icon ul li{
    list-style: disc;
    color: black;
    margin: 5px 0;
    text-align: left;
}
.rule02 div.icon p{
    color: black;
    margin: 0 20px;
    line-height: 2;
}
.rule02 div.icon p span.red{
    color: red;
}
.rule03{
    width: 100%;
    margin: 0 auto;
}
.rule03 h3{}
.rule03 p{
    background: #383838;
    padding: 20px 5%;
    margin: 30px auto;
    color: white;
    line-height: 1.8;
    width: 80%;
    font-size: 0.9em;
}
.rule04{
    width: 90%;
    margin: 0 auto;
}
.rule04 h4{}
.rule04 h5{
    color: black;
    font-weight: bold;
    font-size: 1.2em;
    padding: 10px 20px;
    margin: 15px 0;
}
.rule04 h5.ok{

    background: #ec8f8f;
}
.rule04 h5.ok i{
    margin: 0 12px 0 0;
    color: red;
}
.rule04 p{
    color: black;
    font-weight: bold;
}
.rule04 p span.red{
    color: red;
}
.rule04 h5.ng{
    background: #999bda;
    color: black;
    font-weight: bold;
}
.rule04 h5.ng i{
    color: #2929ca;
    margin: 0 12px 0 0;
}
.rule05{color: white;background:url(../../images/rule09.jpg) no-repeat;background-size: cover;padding: 60px 0;margin: 50px 0;}
.rule05 h3{
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    margin: 0 20px 53px 20px;
}
.rule05 ul{
    padding: 0 0 0px 3%;
    width: 90%;
    margin: 0 auto;
}
.rule05 ul li{
    list-style: disc;
    margin: 19px;
}
.rule05 ol{
    padding: 0 0 0px 8%;
    margin: 10px 0 0 0;
}
.rule05 ol li{
    margin: 5px 0;
    font-size: 0.8em;
    list-style: decimal-leading-zero;
}
.rule06{
    background: white;
    padding: 30px;
    border: 1px solid;
    margin: 0 0 100px 0;
}
.rule06 ul{
}
.rule06 ul li{}

.rule06 ul li img{
    width: 100%;
}
.rule06 ul li h3{
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 8px 0;
}
.rule06 ul li h4{
    background: gray;
    display: inline;
    color: white;
    padding: 5px 20px;
    border-radius: 10px;
}
.rule06 ul li p{
    margin: 20px 0 0 0;
}


.club01{background:url(../../images/club01.jpg) no-repeat;background-size:cover;padding: 80px 0;text-align: center;color: white;}
.club01 h3{
    color: white !important;
}
.club01 h3 span{
    color: white !important;
}


.club01 img{
    width: 100%;
    margin: 30px 0 0 0;
}
.club01 h4{
    font-size: 3em;
}
.club01 p{}
.club02{
    background: white;
    padding: 40px 0;
    text-align: center;
}
.club02 img{
    width: 40%;
}
.club02 h3{
    color: #1FB8DE;
    font-weight: bold;
    margin: 30px 0 20px 0;
    font-size: 1.5em;
}
.club02 p{
    line-height: 2;
    font-weight: bold;
    padding: 0 5%;
}
.club03{
    background: #1FB8DE;
    padding: 20px 0;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
}
.club03 p{font-size: 0.8em;padding: 0 5%;}
.club04{
    background: white;
    text-align: center;
    padding: 40px 0;
}
.club04 h3{}
.club04 img{
    width: 96%;
    margin: 30px 0;
    padding: 0 2%;
}
.club05{
    padding: 20px 0;
}
.club05 h3{
    margin: 0 0 44px 0;
}
.club05 div.vision{background:url(../../images/club05.png) right no-repeat;background-size: cover;}
.club05 div.vision_{color: white;background: rgb(31 184 222 / 80%);padding: 80px 0;}
.club05 p{
    width: 90%;
    line-height: 2;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 auto;
}
.club06{
    padding: 60px 0 0 0;
    margin-bottom: 40px;
}
.club06 h3{}
.club06 ul{margin: 50px 0 0 0;}
.club06 ul li{
    width: 98%;
    text-align: center;
    margin: 0 1%;
}
.club06 li img{
    width: 80%;
}
.club06 li table{
    margin: 0 auto;
    width: 90%;
    text-align: left;
}
.club06 table th{
    white-space: nowrap;
}
.club06 table td{}
.club06 table th,.club06 table td{
    padding: 14px 20px;
    border-bottom: 1px solid;
    color: black;
}
.club06 img{}
.club07{}
.club07 ul{
}
.club07 ul li{}
.club07 ul li.club07_01{
    background: #d6d6d6;
    padding: 50px;
    color: black;
    font-weight: bold;
    line-height: 2;
}
.club07 ul li.club07_01 h3{
    font-size: 1.5em;
    font-weight: bold;
}
.club07 ul li.club07_01 p{}
.club07 ul li.club07_02{}
.club07 ul li.club07_02 img{
    width: 90%;
    margin: 30px 5%;
}





.history01{
    background: #ffffff;
    color: #1FB8DE;
}
.history02{
    background: #161616;
    color: #1fb8de;
}

.history01,.history02{
	background-size:cover !important;
	padding: 40px 0;
	background-position: center !important;
	}

#history ul{
}
#history ul li{
    padding: 0 4%;
}
#history ul li p{
    font-weight: bold;
    margin: 10px 0;
}
#history ul li div{
}

#history ul li div.photo01{
}

#history ul li div.photo01 img{width: 100%;}


#history ul li div img{width: 100%;}
#history ul li.year{
    font-size: 108px;
    width: 25%;
}
.history2014{
	background: url(../../images/history2014.jpg) no-repeat;}
.history2015{
	background: url(../../images/history2015.jpg) no-repeat;}
.history2016{
	background: url(../../images/history2016.jpg) no-repeat;}
.history2017{
	background: url(../../images/history2017.jpg) no-repeat;}
.history2018{
	background: url(../../images/history2018.jpg) no-repeat;}
.history2019{
	background: url(../../images/history2019.jpg) no-repeat;}
.history2020{
	background: url(../../images/history2020.jpg) no-repeat;}


.history2021{
	background: url(../../images/history2021.jpg) no-repeat;}


 .responsive-slide-width .slick-slide table {
  width: 330px;
}


#no_history .responsive-slide-width {}


#no_history figure table th{
    background: #1FB8DE;
    color: white;
    text-align: center; 
    padding: 10px;
    font-size: 37px;
}
#no_history figure table td{
    padding: 10px;
    display: flex;
}
#no_history figure table td p{
    font-weight: bold;
    color: #1FB8DE;
}
#no_history figure table td p.no{
    background: #1FB8DE;
    color: white;
    width: 54px;
    text-align: center;
    margin: 0 10px 0 0;
}


#no_history figure table td p.coach{
    background: #383838;
}
#no_history figure table td p.coach_name{
	color:#333;}



#no_history figure table td {
	background: #c8f4ff;
}
#no_history figure table tr:nth-child(odd) td {
	background: #fff;
}

.slick-initialized .slick-slide {
    margin: 10px;
}

.swipe{
	text-align: center;
	background:#FFF;
	border:1px solid;
	margin: 10px 0;
	font-size: 0.8em;
	padding: 10px 0;
	}



	#contact_t{
		width: 90%;
		margin: 0 auto;
	}
	#contact_t th,
	#contact_t td{
    /* border-bottom: #232323 1px dotted; */
    /* padding: 31px; */
    width: 100%;
    display: block;
    padding-top: 16px;
 }
	
	#contact_t td{
		color:black;
		border-bottom: black 1px dotted;
		padding-bottom: 17px;
		padding-top: 5px;
	}
	
	#contact_t th span{color: #ff6800;
    font-size: 14px;
		
	}
	#contact_t th{
    color: black;
    font-weight: bold;
    white-space: nowrap;
 }
	
	#contact_t td input{
		height: 38px;
		width: 92%;
		padding: 1%;
		border-radius: 5px;
		font-size: 16px;
		margin: 0 2%;
		}

	#contact_t td .radio{
		height:auto;
		font-weight:bold;
		width: auto;
	}
	#contact_t td label{
		width:100%;
		display: block;
	}
	#contact_t td .mwform-radio-field-text{
		color:black;
		font-size: 18px;
		margin:0 20px 0 0;
	}
	#contact_t td .add{
		margin: 1px 0 11px 0;
	}
	#contact_t td input.telno{
		width: 22%;
	}	
		#contact_t td .check{
    width: 17px;
    float: left;
    margin: -7px 12px 0 0;
}
	#contact_t td .mwform-checkbox-field-text{
    /* text-align: left; */
    /* margin: 0px 25px 0 0; */
    /* display: block; */
}

	#contact_t td textarea{
		border-radius:5px;
		width:100%;
	}
	
	
	#contact_t td .horizontal-item{}
	
	#contact_t td select{
    width: 96%;
    margin: 0 2%;
    font-size: 20px;
    padding: 2%;
}
	#contact .submit,#media_contact .submit{
		width: 80%;
		margin: 50px auto;
		display: block;
		padding: 10px;
		font-size: 16px;
		background: #1FB8DE;
		border: #ffffff 3px solid;
		color: white;
		font-weight: bold;
		border-radius: 15px;
	}
.contact_{
    margin: 20px;
    color: black;
}

#contact_thanks{
	width: 85%;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
	}

#contact_thanks h3{
    font-weight: bold;
    color: black;
    font-size: 1.1em;
    margin: 0 0 19px 0;
}
#contact_thanks p{}




#sitemap .contents{

    justify-content: space-between;
    padding: 10px 0 50px 0;
}

#sitemap ul{
    margin: 0 1%;
}
#sitemap ul li{}
#sitemap ul li h3{
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    background: #1FB8DE;
    padding: 5px 0 4px 11px;
    margin: 30px 0 0 0;
}
#sitemap ul li h4{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 9px 0;
}
#sitemap ul li h4 span{
    font-size: 22px;
    color: #3e3e3e;
    margin: 0px 9px 0 0;
    font-weight: 100;
}
#sitemap ul li a{
    color: #333;
}

#sitemap ul li a:hover{
	font-weight:bold;

}

#sitemap ul li.big{}
#sitemap ul li.small{
    padding: 5px 0;
    line-height: 1.5;
}

	
	
.red_button
	{
    background: red;
    color: white;
    width: 80%;
    display: block;
    margin: 30px auto;
    text-align: center;
    font-weight: bold;
    padding: 17px;
    font-size: 17px;
    }


.free img{
	width:100%
	
}

	.drawer-nav{
		touch-action: auto !important;
		
	}	
		#news_detail .article h4{
background: #dfdfdf;
    color: black;
    font-weight: bold;
    padding: 0 0 0 2%;
    border-left: 5px #1FB8DE solid;
    margin: 30px 0;
	}

	.ranking_link{
		display: block;
    text-align: center;
    font-weight: bold;
    width: 50%;
    background: #ff0047;
    margin: 0 auto 50px auto;
    padding: 20px 0;
    color: white;
    font-size: 30px;
	}	

	#test_player{
		margin:10px 0 !important;
	}
	
	#test_player td,#test_player th{
		white-space:nowrap;
	}
	
}