@charset "UTF-8";

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media print, screen and (min-width: 768px) { 

.sp{display:none;}


body{
	min-width:1000px;}


button.drawer-toggle{
	display:none;}

#slider-wrapper {
	position: relative;
	left: 50%;
	width: 3000px;
	margin-left: -1500px;}

#slider-wrapper img{
	width:1000px;
	}

#contents2 {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

.content{
	width:1000px;
	margin:0 auto !important;}


#sub_menu{
	font-size:12px;
	background:#1d2089;
	margin-bottom:30px;
	padding:5px 0;
	}
	

#sub_menu ul{
	float:right;
	width:170px;
	margin-bottom:0;
	}

#sub_menu ul li a{
	display:block;
	float:left;
	padding:0 0 0 20px;
	color:#CCC;
	}


#sub_menu ul li a#h_sitemap {
	margin:0 20px 0 0;
	background:url(../images/header_sitemap.png) left no-repeat;
	}

#sub_menu ul li a#h_clubinfo {
	background: url(../images/header_infomation.png) left no-repeat;
}



#h_logo{
	float:left;
	}


h2{
	font-size:15px !important;
	float:left;
    padding: 16px 0 10px 20px;
	}


#h_sns{
	float:right;
	width:200px;
	padding:10px 0 0 0;
	}

#h_sns li a{
	display:block;
	margin-left:10px;
	float:left;
	}
	

/*グローバル*/




#menu{
	background:#29a7e1;
	height:65px;	
	margin-top:20px;
	border-bottom:#1d2089 5px solid;
	}

#emblem{
	z-index:1 !important;
	margin: -79px 0 0 20px;}


#menu nav{
	position:relative;
	z-index:9999;
    transform: skew(-20deg);
}

#menu ul#global{
	z-index:9999;
    transform: skew(-20deg);
}

#menu ul#global li{
    float: left;
    background:#29a7e1;
	border-left:#FFF 1px dotted;
	width:140px;
	box-sizing:border-box;
	display:block;
	height:59px;
}


#menu ul#global li#li_last{
	border-right:#FFF 1px dotted;
	}


#menu ul#global li a,
#menu ul#global li b{
	text-align:center;
	color:#FFF;
	font-weight:bold;
    display: block;
    padding: 8px 0;
    transform: skew(20deg);
}

#menu ul#global li b:hover{
	cursor:pointer;
	}


#menu ul#global li a:hover{
	color:#1d2089;
	text-decoration:none;
}



.menu {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;

}

.menu > li {
    height: 50px;
    line-height: 50px;
    background: rgb(29, 33, 19);
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a {
	    transform: none !important;
}


.menu__third-level li {
    border-top: 1px solid #111;
}



.menu__second-level li a:hover {
    background: #111;
}


.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
	background:#1d2089;
    position: absolute;
    left: 17px;
    width: 100%;
    transform: skew(20deg);
	margin-top:-1px;
}

#menu ul#global li.menu__mega ul{
	padding:0;}

#menu ul#global li.menu__mega ul.menu__second-level li{
	background:#1d2089;
	padding:0;
	height:50px;
	border:none;

	}

#menu ul#global li.menu__mega ul.menu__second-level a{
	padding:0;
	font-size:14px;
	font-weight:100;
	border-right:1px solid #FFF;

}

#menu ul#global li.menu__mega ul.menu__second-level a:hover{
	text-decoration:none;
	color:#FFF;
}



li.menu__mega:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1;
}




/*スライダーコントロール*/


.bx-wrapper {
    margin: 0 auto 20px !important;
}


#slider-wrapper .bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -480px;
}

#slider-wrapper .bx-wrapper .bx-next {
    right: 50%;
    margin-right: -480px;
}


/*タブ部分*/
#demo3 .tab_area ul li,
#demo4 .tab_area ul li{
    display:block;
    float:left;
    background:#dddddd;
    width: 100px;
    border-right:1px solid #ffffff;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
    text-align:center;
    font-size:22px;
    padding: 5px;
    color:#313131;
}
 
#demo3 .tab_area ul li:hover,
#demo4 .tab_area ul li:hover {
    background:#999999;
    color:#ffffff;
    cursor:pointer;
}
 
#demo3 .content_area,
#demo4 .content_area {
    width: 600px;
    overflow: hidden;
    height: 140px;
    font-size: 20px;
    border: 1px solid #DDDDDD;
    position: relative;
}
 
#demo3 .content_area .content_block ,
#demo4 .content_area .content_block {
    height: 140px;
    padding: 10px;
    width: 600px;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}
 
.content_block_3,
.content_block_4 {
    background: #ffffff;
    padding: 10px;
}
 
#contents3_1 {
    background:#47CA40;
}
 
#contents3_2 {
    background:#EBEF64;
}
 
#contents3_3 {
    background:#F56B6B;
}



/*試合結果タブ*/

#match{
	margin:40px 0 20px 0;}


#demo3 .tab_area ul li:hover{ background:#292b8f;}


#demo3 .tab_area ul li.active{ 	background:#292b8f;
 }



#demo3 .tab_area ul li{
	float:left;
	cursor:pointer;
	background:#29a7e1;
	color:#FFF;
	width:331px;
	text-align:center;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	margin:0 1px ;
	padding:5px 0 10px 0;
	}


#demo3 .tab_area ul li span.yellow{
	color:#FF0;
	font-size:20px;
	font-weight:bold;
	}
#demo3 .tab_area ul li span.text14{
	border:#FFF 1px solid;
	padding:2px 5px;
	font-size:12px;
	margin:0 10px 0 0;
	vertical-align: middle;}


#demo3 .content_area{background-image:
    linear-gradient(-45deg,#1d2089 30%, #292b8f 30%, #292b8f);
	color:#FFF;
padding: 50px 0;	}


#demo3 div.team{
	width:200px;
	text-align:center;}

#demo3 div.team p.home{
	background:#2554d8;
	padding:3px 5px;
	border-radius:30px;
	border:#FFF 1px solid;
	}

#demo3 div.team p.away{
	background:#e01327;
	padding:3px 5px;
	border-radius:30px;
	border:#FFF 1px solid;
	}

#demo3 div.team,#demo3 div.vs{
	float:left;}


#demo3 .home,
#demo3 .away{
	width:100px;
	margin:0 auto;
	}


#demo3 div.vs{
	text-align:center;
	width:600px;
	}

#demo3 p.date{
	font-size:22px;}


#demo3 p.match{
	padding:5px 10px;
	width:300px;
	margin:0 auto;
	background:#FFF;
	color:#1d2089;
	font-weight:bold;}
	

#demo3 ul.point{
display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}

	
#demo3 ul.point li.center{
	padding:10px;
	}

#demo3 ul.point li.winner{
	color:#FF0;
	}

#demo3 ul.point li{
	float:left;
	}

	
#demo3 ul.point li.left,
#demo3 ul.point li.right{
	line-height: 1em;
	font-size:120px;
	font-weight:bolder;
	font-style:italic;
	}

#demo3 a.report{
	width:500px;
	display:block;
	color:#FFF;
	margin:0 auto;
	border:#FFF 1px solid;
	text-align:center;
	padding:10px 20px;
	}

#demo3 a.report:hover{
	text-decoration:none;
	letter-spacing: 5px;
	}


/*informationタブ*/


#top_information{
	background:url(../images/top_bg.jpg) no-repeat;
	background-size:cover;
	color:#1d2089;
	padding:50px 0;
	}

#top_information h3.anton{
	font-size:50px;}


#demo4 .tab_area ul li:hover{ background:#000000;}


#demo4 .tab_area ul li.active{ 	background:#000000;
 }



#demo4 .tab_area ul li{
	font-size:12px;
	float:left;
	cursor:pointer;
	background:#434343;
	color:#FFF;
	width:100px;
	text-align:center;
	margin:0 1px ;
	padding:5px 10px;
	}


#top_info{
	float:left;
	width:590px;
	}


.top_info{
	background:#FFF;
	padding:10px 20px;
	color:#333;
	margin:4px 0;
	width:100%;
	}


.top_info .date{
	font-size:12px;}

.top_info span{
	color:#FFF;
	padding:3px 5px;
	font-size:10px;}

.top_info .label01{
	background:#1d2089;}

.top_info .label02{
	background:#29a7e1;}

.top_info .label03{
	background:#ef1c79;}

.top_info .label04{
	background:#0c7518;}


.top_info a{
	color:#333;}

.more {
	font-size:14px;
  background-color: transparent;
border: 2px solid #292b8f;
color: #292b8f;
font-weight: bold;
width: 150px;
display: block;
float: left;
height: 42px;
padding:10px 15px;
margin:10px 0 0 0;
}
.more:hover {
	text-decoration:none;
  background-color: rgba(255, 255, 255, .2);
  color: #292b8f;
}






	
/*TOPランキング*/
	
#top_results h3{
	float: left;}

#top_results #up-date{
	float:right;
	padding:30px 5px 0  0;
	}	

#top_results{
	float:right;
	width:360px;
	}

#top_results table{
	color:#333;
float: right;
width:360px;	}

#top_results table .league{
	background:#1d2089 !important;
	color:#FFF;
	}

#top_results table th{
	background:#c6c6de;
	white-space:nowrap;
	}

#top_results table th,
#top_results table td{
	padding:10px;}


#top_results table tr:nth-child(odd) td {  
  background-color: #e9e9e9;  
}
#top_results table tr:nth-child(even) td {  
  background-color:#f4f4f4;  
}  
 
#top_results table td.club{
	white-space:nowrap;}

#top_results .ranking{
	font-weight:bold;}
#top_results .team{
	font-size:14px;
	}

a.link{
		text-align:left;
	background:url(../images/link.png) no-repeat;
	  background-position:90% 50%;
	  margin:10px 0 0 10px;
}

/*TOPバナー*/


#top_bnr01{
	margin:50px 0 30px 0;
	}

#top_bnr02{
	margin-bottom:30px;
	}

#top_bnr02 img{
	border:#CCC 1px solid;
	}

#top_bnr01 img,
#top_bnr02 img{
	float:left;
	margin:6px;
	}


/*フッターSNS*/

#top_sns{
	background:#292b8f;
	padding:30px 0;
	}

#top_sns #footer_sns{
	border-right:#FFF 1px dotted;
	padding-right:80px;
	float:left;
}


#top_sns #footer_sns img{
	margin:15px;
	}

#top_sns #footer_ameba img{
	margin:20px 10px 10px 10px;}

#top_sns #footer_ameba{
	float:right;
	}

.more_{
	float:right;
	}



/*スポンサー*/

#sponsor{
	padding:50px 0;}


#sponsor_big img{
    width: 183px;
	margin: 4px;
}

#sponsor_small img{
	width:100px;
	margin:4px 2px;
	}

#sponsor_big img,
#sponsor_small img{
	border: #CCC 1px solid;
	}



/*フッター*/

footer img{
	float:left;
	margin-right:20px;
	}

footer{
	background:#28a7e1;
	padding:30px 0;}

footer .text12 a{
	color:#333;
	line-height:0;}

footer .text12{
	margin-bottom:0;}


/*セカンド共通*/


#second{
	background: url(../images/h2.jpg) no-repeat;
	background-size: cover;
	width:100%;
	padding:50px;
	}

#second p{
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:30px;
	line-height:0.8em;
	}

#second p span{
	font-size:12px;
	font-weight:normal;
	}

#pkz{
	padding:8px 0;
	background: #F1F1F1;
	}

#pkz li{
	margin: 0 5px;}

.second_page{
	padding:50px 0;
	}

#schedule h3,
#academy h3,
#clubinfo h3{
	color:#1d2089;
	font-size:30px;
	text-align:center;}

#schedule h3 span,
#academy h3 span,
#clubinfo h3 span{
	color:#999;
	font-size:12px;
	}

#academy h3.white,
#clubinfo h3.white{
	color:#FFF;
}


iframe.calendar{
	width:100%;
	height:800px;
	}

/*ニュース・詳細*/


#main{
	width:700px;
	float:left;
	padding-bottom:50px;}

#sub{
	width:260px;
	height:500px;
	float:right;}



.sidebar_inner h3{
font-size: 15px !important;
    color: #1d2089;
    padding: 1em;
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
border-radius: 0.5em;/*角丸*/    font-size: 24px;
    font-weight: bold;
	background:none !important;
	}
.sidebar_inner{
	margin:0 0 50px 0;
	}


.sidebar_inner .label_academy{
	background:#29a7e1;
	padding:1px 10px;
	font-size:12px;
	color:#FFF;
	}


.sidebar_inner .label_topteam{
	background:#1d2089;
	padding:1px 10px;
	font-size:12px;
	color:#FFF;
}

.sidebar_inner .label_another{
	background:#ef1c79;
	padding:1px 10px;
	font-size:12px;
	color:#FFF;
	}
	
.sidebar_inner .label_another{
	background:#ef1c79;
	padding:1px 10px;
	font-size:12px;
	color:#FFF;
	}

.sidebar_inner .label_community{
	background:#0c7518;
	padding:1px 10px;
	font-size:12px;
	color:#FFF;
	}
	
	
.sidebar_inner .side_info{
	border-bottom: #CCC 1px dotted;
    padding: 5px 10px;}

#news .top_info{
	background: #F1F1F1;
	}

#news #top_info{
	width:100%;
	}

	
#detail h3 {
color: #1d2089;
padding: 1em;
border-top: solid 2px #1d2089;
border-bottom: solid 2px #1d2089;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
font-size: 24px;
}

#detail #up-date{
	float:left;
	color: #333;
	font-weight:bold;
	margin:0 0 0 10px;
	}

#detail #category{
	background:#1d2089;
	color:#FFF;
	padding:1px 5px;
	float:left;
	width:100px;
	font-size:12px;
	text-align:center;}


#detail #article{
	padding:30px 0;}	



/*トップチーム*/


#topteam h3 {
border-bottom: solid 3px #28a7e1;
position: relative;
font-size:60px;
}


#topteam h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #1d2089;
bottom: -3px;
width: 30%;
}


#topteam h3 span{
	font-size:18px;
	color:#28a7e1;
	}


#topteam #jump{
	float:left;
	width:700px;}


#topteam #jump li a{
	background:#29a7e1;
	color:#FFF;
	padding:5px 20px;
	display:block;
	float:left;
	margin:5px;
	border-radius:5px;
	}

#topteam #jump li a:hover{
	text-decoration:none;
	background:#2187b2;
	}


#topteam a.sample4-1{
	float:right;
	background: #333;
	padding:5px 20px;
	display:block;
	width:130px;
	color:#FFF;
	text-align:center;
	}

#topteam a.sample4-1:hover{
	background:#666;
	text-decoration:none;
	}


#topteam a.sample4-1::before{
left: 10px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid  #FFF;

}







#topteam .player,
#topteam .staff,
#academy .staff{
	margin:6px;
	display:block;
	float:left;
	}


#topteam .player p{	background:url(../images/bg_player.jpg) no-repeat;}

#topteam .staff p,
#academy .staff p{
	background:url(../images/bg_staff.jpg) no-repeat;
	}

#topteam .player p,
#topteam .staff p,
#academy .staff p{
	background-size:cover;
	color:#FFF;
	display:block;
	padding:20px;
	width:250px;
	height:295px;
	line-height:1.4em;
	}

#topteam .player th,
#topteam .staff th{
	width:236px;
	height:295px !important;
	padding:0;}


#topteam .player td p,
#topteam .staff td p{
	margin-bottom:0;}

#topteam .player p b,
#topteam .staff p b,
#academy .staff p b{
	display:block;
	}

	








/*スケジュール*/

#schedule table {
	margin:30px 0 60px 0;
	width:100%;
	}

#schedule table th,
#schedule table td {
	padding:10px 20px;	}

#schedule table th{
	background:#1d2089;
	color:#FFF;
	font-weight:bold;}

#schedule .event a{
	padding:5px 20px;
	border-radius:5px;
	display:block;
	background:#333;
	color:#FFF;
	font-size:12px;}

#schedule .event a:hover{
	background: #666;
	text-decoration:none;
	}




#schedule .report{
	text-align:center;
	font-weight:bolder;
	font-size:40px;}


#schedule .red,
#schedule .red a{
	color: #F00;
	}

#schedule .blue,
#schedule .blue a{
	color: #00F;
	}

#schedule .section{
	color:#29a7e1;
	font-weight:bold;
	}


#schedule .results{
	text-align:center;
	font-weight:bolder;
		font-size:36px;}

#schedule tr.home{background: #bbe0f3;
	}




#schedule table td p.text10{
	color: #666;}



/*アカデミー*/

#academy .aim{
	border:#CCC 1px solid;
	padding:10px 20px;
	text-align:center;
	margin:30px 0;
	}


#academy #academy_bg{
	background:url(../images/academy_bg.jpg) no-repeat;
	background-size:cover;
	padding:60px 0;
	color:#FFF;
	text-align:center;
	margin-bottom:60px;
	}

#academy #academy_bg .mnc{
	font-size:30px;
	margin-top:30px;
	}

#academy #t_policy{
	margin-bottom:60px;}

#academy #t_policy div.box{
	width:319px;
	float:left;
	margin:7px;}

#academy #t_policy h4{
	margin:10px 0 0 0 ;
	color:#1d2089;
	font-size:18px;
	font-weight:bold;
	}
	
#academy #academy_01{
	background:#28a7e1;
	color:#FFF;
	text-align:center;
	}

#academy #academy_02{
	background:#266de0;
	color:#FFF;
	text-align:center;
	}
	
#academy #academy_03{
	background:#005f9f;
	color:#FFF;
	text-align:center;
	}

#academy #academy_04{
	background:#00389e;
	color:#FFF;
	text-align:center;
	}

#academy #academy_05{
	background:#0d3a8c;
	color:#FFF;
	text-align:center;
	}
	
#academy #academy_06{
	background:#0a197a;
	color:#FFF;
	text-align:center;
	}


#academy section h4 a{
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto;
	}

#academy section h4 a.button:hover{
	text-decoration:none !important;
	letter-spacing: 5px;
	}








#academy #academy_01 h4,
#academy #academy_02 h4,
#academy #academy_03 h4,
#academy #academy_04 h4,
#academy #academy_05 h4,
#academy #academy_06 h4{
	margin-bottom:0 !important;
	padding:20px 0;
	font-weight:bolder;}

#academy #academy_01 h4 a,
#academy #academy_02 h4 a,
#academy #academy_03 h4 a,
#academy #academy_04 h4 a,
#academy #academy_05 h4 a,
#academy #academy_06 h4 a{
	color:#FFF;}

#academy #academy_01 p,
#academy #academy_02 p,
#academy #academy_03 p,
#academy #academy_04 p,
#academy #academy_05 p,
#academy #academy_06 p{
	text-align:center;
	margin:10px auto 20px auto;
	width:1000px;
	padding:2px;
	}

 .panel-heading {
    cursor: pointer;
}


#academy #top_info{
	background:#CCC;
	float:none;
	width:100%;
	padding:60px 0;
	margin-bottom:60px;
	}

#academy h3.anton{
	font-size:50px;
	}

#academy .staff p{
	padding-top:80px;
	}

.sub_table{
	width:100%;
	}
.sub_table th{
	background:#d2ebf9;
	text-align:center;
	font-weight:bold;
	}

.sub_table th,
.sub_table td{
	padding:20px;
	text-align: center;
	}


#academy .more_{
	float:none;
	width:100%;
	}
#academy .more_ a{
	margin:30px auto 0 auto;
	width:300px;
	display:block;
	float:none;}



/*ジュニア、ジュニアユース*/


#academy #blog{
	text-align:center;
	margin:30px 0;
	}

#academy #blog img{
	border:#999 2px solid;
	}

#academy .contact{
	background:#F1F1F1;
	padding:50px 0;
	text-align:center;
	}

#academy .contact h4{
	color:#5bc1e0;
	font-size:18px;
	font-weight:bold;
	}

#academy .contact h5 a{
	font-size:40px;
	color:#1b1d84;
	font-style:italic;
	font-weight:bold;
	}

#academy .contact span a{
	background:#5bc1e0;
	width:400px;
	display:block;
	margin:0 auto;
	border-radius:10px;
	border:#FFF 1px solid;
	box-shadow: #333 1px 1px 1px;
	padding:15px 0;
	color:#FFF;
	}

#academy .contact span a:hover{
	text-decoration:none;
	background:#599bdd;
	}



#junior_photo{
	text-align:center;
	padding:50px 0;
	}

.junior{
	padding-bottom:0;}

.junior .recruit{
	border:#4a94bb 2px solid;
	padding:20px;
	margin:30px 0;
	text-align:center;
	}

.junior .recruit h4{
	color:#4a94bb;
	font-weight:bolder;
	}

.junior .recruit h5{
	font-weight:bolder;}

.junior .recruit a{
	background:#4a94bb;
	color:#FFF;
	display:block;
	width:300px;
	padding:10px;
	text-align:center;
	margin:20px auto 0 auto;
	}

.junior .recruit a:hover{
	background:#54aad6;
	text-decoration:none;
	}

/*ユース*/


#youth_photo{
	text-align:center;
	padding:50px 0;
	}
	
	
/*FCTIAMO交野*/

.katano .sub_table{
	margin-bottom:60px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;}

.katano .sub_table td,
.katano .sub_table th{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	}

.katano{
	padding-bottom:0;}

.katano .contact table th,
.katano .contact table td{
	padding:10px 20px;
	text-align:left;
	border-bottom:#CCC 1px solid;
	}

.katano .contact table{
	width:500px;
	margin:30px auto 0 auto;}


/*巡回サッカースクール*/


.school{
	padding-bottom:0;
	}

#school_photo{
	text-align:center;
	padding:50px 0;
	}

#school_detail{
	background:url(../images/school02.jpg) no-repeat left;
	padding:0 0 0 350px;
	margin:50px 0;
	}



#school_detail table th,
#school_detail table td{
	padding:10px 20px;}

#school_detail table th{
	white-space:nowrap;
	vertical-align: text-top;
	}

#school_detail table th p{
	background:#333;
	color:#CCC;
	padding:5px 10px;
	text-align:center;
	border-radius:5px;
	font-size:12px;
	}

.school .contact ul{
	border: #CCC 2px solid;
	text-align:left;
	width:500px;
	margin: 30px auto;
	padding:20px;
	}



.school .contact a.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  width:600px;
}
.school .contact a.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
  text-decoration:none;
}
.school .contact a.button::before,
.school .contact a.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
.school .contact a.button::before {
  right: 0;
}
.school .contact a.button::after {
  left: 0;
}
.school .contact a.button:hover::before,
.school .contact a.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}


/*クラブ情報*/

#clubinfo{
	padding-top:0;}

#clubinfo #slogan{
	background: url(../images/club_slogan_bg.jpg) no-repeat;
	background-size:cover;
	padding:80px 0;
	text-align:center;
	color:#FFF;
	}

#clubinfo #intro{
	text-align:center;
	padding:60px 0;
	}

#clubinfo #intro h4{
	color:#1d2088;
	font-size:40px;
	margin:20px 0;
	font-weight:bold;
	}

#clubinfo #intro .emblem{
	width:80px;
	margin-bottom:10px;
	}

#clubinfo #intro p{
	font-size:18px;
	line-height:2em;
}

#clubinfo #uniform{
	text-align:center;
	padding:60px 0;}

#clubinfo #uniform img{
	margin-top:40px;}

#clubinfo #vision{
	background:url(../images/club_vision.jpg) no-repeat;
	background-size:cover;
	padding:60px 0;
	}

#clubinfo #vision h3{
	font-size:60px;
	text-shadow:#000 3px 3px 3px;
	margin-bottom:20px;
	}

#clubinfo #vision p{
	color:#FFF;
	background:#000;
	padding:50px;
	opacity:0.8;
	line-height:2em !important;
	}
	
	
#clubinfo #profile{
	padding:60px 0;	
	}

#clubinfo #profile table{
	width:100%;
	margin:50px 0;
	border-top:#CCC 1px dotted;
	border-right:#CCC 1px dotted;
	border-left:#CCC 1px dotted;}

#clubinfo #profile table th,
#clubinfo #profile table td{
	padding:10px 20px;
	border-bottom: #CCC 1px dotted;
}


#clubinfo #profile table th{
	white-space:nowrap;
	background: #DBF0FD;
	width:20%;
	}




#clubinfo #league{
	background: url(../images/club_league_bg.jpg) no-repeat;
	background-size: cover;
	padding:60px 0;}


#clubinfo #league #league_{
	background:url(../images/club_league.png) no-repeat;
	padding:200px 50px 0 500px;
	}

#clubinfo #league #league_ #text{
	background:#FFF;
	padding:30px;
	width:400px;
	background: rgba(255, 255, 255, 0.4);
	}

#clubinfo #league #league_ #text h4{
	color:#FF0;
	font-size:40px;
	text-shadow:#333 2px 2px 2px;}

#clubinfo #league #league_ #text h5{
	font-weight:bolder;
	}

#clubinfo #league #league_ #text p{
	font-size:14px;}

#clubinfo #history{
	padding:60px 0 0 0;
	}

#clubinfo #history table{
	width:100%;
	box-shadow:#333 3px 3px 3px 3px;
	margin:30px 0 0 0 ;
	}

#clubinfo #history table th,
#clubinfo #history table td{
	padding:15px 20px;
	border-bottom:#CCC 1px solid;
	}

#clubinfo #history table th.title{
	background:#DBF0FD;
	}

#clubinfo #history table th{
	border-right:#CCC 1px solid;	
	}


/*ファンクラブ*/


#fanclub{
	padding-top:20px;}


#fanclub #intro{
	padding:20px;
	background:url(../images/tiamore_emblem.png) no-repeat right;
	width:930px;
	margin:0 auto;
	}


#fanclub #intro h3{
	color:#ff0072;
	font-size:55px;
	font-style:italic;
	}
#fanclub #intro h3 span{
	font-size:42px;
	}

#fanclub #intro h4{
	width:493px;
	background:#ff0072;
	padding:10px;
	text-align:center;
	color:#FFF;
	letter-spacing:2em;
	border-radius:30px;
	text-align:center;
	margin:20px 0 0 0;
	}

#fanclub #intro_{
	margin:60px 0 80px 0;}

#fanclub #intro_ img{
	float:left;
	}

#fanclub #intro_ div{
	float:right;
	width:554px;
	padding:30px 0;
	}

#fanclub #intro_ div h4{
	color:#ff0072;
	}




#fanclub h3.fan_h3 {
border-bottom: solid 3px #ff0072;
position: relative;
font-size:30px;
color:#fc0071;
}


#fanclub h3.fan_h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffef19;
bottom: -3px;
width: 30%;
}


#fanclub h3.fan_h3 span{
	font-size:12px;
	color:#666;
	}

#fanclub #benefits{
	margin:30px 0;
	}
	
#fanclub #benefits table{
	width:100%;
	margin:20px 0 10px 0;}

#fanclub #benefits table th{
	font-size:30px;
	width:50%;
	}
#fanclub #benefits table#silver{
	background:#CCC;
	}

#fanclub #benefits table#gold{
	background:#D6D5B1;	}



#fanclub #benefits table th.color{
	text-align:left;
	}


#fanclub #benefits table th.dues{
	text-align:right;
	}


#fanclub #benefits table th,
#fanclub #benefits table td{
	padding:10px 20px 5px 20px;}
#fanclub #benefits table td{
	padding-top:0;}
	
#fanclub #benefits img{
	margin:13px;}	

#fanclub #origin{
	border:#CCC 3px solid;
	padding:40px 100px;
	margin-bottom:60px;
	}

#fanclub #origin #tiamore_emblem{
	width:178px;
	float:left;}


#fanclub #origin div{
	float:left;
	margin:40px 18px;
width: 580px;	}

#fanclub #origin #tiamore_logo{
	width:246px;
	margin-bottom:10px;}

#fanclub #enrollment div{
	border:#CCC 3px solid;
	padding:30px;
	}

#fanclub #enrollment div ul li{
	list-style: disc;}

#fanclub #enrollment div ul{
	padding-left:30px;}

#fanclub #enrollment p{
	margin:30px 0;}

#fanclub #enrollment p#payee{
	background:#CCC;
	padding:30px;}

#fanclub #enrollment a.button {
position: relative;
    z-index: 2;
    background-color: #e51384;
    border: 2px solid #e51384;
    color: #fff;
    line-height: 50px;
    width: 500px;
    font-size: 20px;
    font-weight: bold;
    padding: 30px;
}
#fanclub #enrollment a.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
  text-decoration:none;
}
#fanclub #enrollment a.button::before,
#fanclub #enrollment a.button::after {
  top: 0;
  width: 50%;
  height: 100%;
 background-color: #e51384;
}
#fanclub #enrollment a.button::before {
  right: 0;
}
#fanclub #enrollment a.button::after {
  left: 0;
}
#fanclub #enrollment a.button:hover::before,
#fanclub #enrollment a.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}



/*スポンサー*/

#sponsor{
	padding-top:0;}

#sponsor #intro{
	padding:60px 0;
	background:url(../images/sponser_bg.jpg) no-repeat;
	background-size:cover;
	color:#FFF;
	}

#sponsor #intro h3{
	font-weight:bolder;
	font-size:80px;
	line-height:1em;
	margin-bottom:20px;
	background:none;
	border:none;
	text-align:left;
	}

#sponsor #intro h3 span{
	margin-left:100px;
		font-size:100px;
		color:#FF0;
}

#sponsor h3{
	color:#FFF;
	padding:30px 0 20px 0;
	text-align:center;
	background:#292b8f;
	border-bottom:#2ba1dd 4px solid;
	line-height:0.8em;
	margin-bottom:30px;
	}

#sponsor h3 span{
	font-size:10px;}

#sponsor .sponsor_box_big{
	margin:10px 37px;
	float:left;
	text-align:center;
	padding:10px 20px 3px 20px;
	width:426px;
	border-radius:5px;
	box-shadow:2px 3px 3px 3px #999999;
	position:relative;
	}

#sponsor .sponsor_box_big img{
	margin-bottom:15px;
	}

#sponsor .sponsor_box{
	font-size: 14px;
	position:relative;
	margin:10px 13px;
	float:left;
	text-align:center;
	padding:10px 20px 3px 20px;
	width:306px;
	border-radius:5px;
	box-shadow:2px 3px 3px 3px #999999;
	}

#sponsor .sponsor_box a,
#sponsor .sponsor_box_big a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;}

#sponsor .sponsor_box a:hover,
#sponsor .sponsor_box_big a:hover{
background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

#sponsor .sponsor_box img{
	margin-bottom:5px;
	width:266px;
	}

#sponsor #ouenshitai{
	background:url(../images/sponser_ouen_bg.jpg) no-repeat;
	background-size: cover;
	padding:60px 0;}

#sponsor #ouenshitai img{
	margin-bottom:30px;}

#sponsor #ouenshitai div.content div{
	padding:40px 50px 50px 180px;
	width:800px;
	margin:0 auto;
	background:url(../images/sponser_ouen_flag19.png) no-repeat 50px 30px rgba(255, 255, 255, 0.8);;
	}

#sponsor iframe{
	width:100%;
	height:500px;	
	}

#sponsor #attention{
	border:#CCC 2px solid;
	padding:30px 50px;
	margin:50px 0;
	text-align:center;}
	
#sponsor a.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  width:330px;
  margin:20px 0 0 0;
}
#sponsor a.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
  text-decoration:none;
}
#sponsor a.button::before,
#sponsor a.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
#sponsor a.button::before {
  right: 0;
}
#sponsor a.button::after {
  left: 0;
}
#sponsor a.button:hover::before,
#sponsor a.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}


/*グッズ*/

#goods{
	padding-top:0;}

#goods #intro{
	padding:20px;
	text-align:center;
	}

#goods #intro h3{
	color:#28a7e1;
	font-size:47px;
	}

#goods #intro h3 span{
color: #1d2088;
    font-weight: bold;
    font-size: 74px;	}


#goods #intro p{
	width:590px;
	margin:0 auto;}



#goods #intro a.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  width:100%;
  margin:20px 0 0 0;
}
#goods #intro a.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
  text-decoration:none;
}
#goods #intro a.button::before,
#goods #intro a.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
#goods #intro a.button::before {
  right: 0;
}
#goods #intro a.button::after {
  left: 0;
}
#goods #intro a.button:hover::before,
#goods #intro a.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}


#goods .goods_box{
	float:left;
	margin:23px;
	}

#goods .goods_box img{
	border:2px solid  #dedede;}

#goods_ a.button{
font-size: 22px;
    margin: 0 auto 20px auto;
    display: block;
    background: url(../images/goods_shop.png) no-repeat center;
    width: 300px;
    padding: 30px 0 30px 0;
    border: #1d2088 3px solid;
    color: #1d2088;
    font-weight: bolder;
	}

#goods_ a.button:hover{
	text-decoration:none;
	letter-spacing:1px;
	}


#goods_ a.button{position: relative;
  z-index: 2;
  background-color: #fff;
  line-height: 50px;
  overflow: hidden;
}
#goods_ a.button:hover {
  color: #fff;
}
#goods_ a.button::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
#goods_ a.button:hover::after {
  top: 0;
  background-color:#1d2088;
}



/*サイトマップ*/

#sitemap{
	padding-top:20px;}

#sitemap ul li.big a{
	display:block;
	background:#1d2088;
	color:#FFF;
	border-radius:3px 3px 0 0;
	padding:10px 20px;
	}

#sitemap ul li.big a:hover{
	background:#2b3087;
	text-decoration:none;
	}

#sitemap ul li.small a{
	display:block;
	background:#29a7e1;
	color:#FFF;
	padding:10px 20px;
	border-bottom:#FFF 1px solid;
	padding-left:40px;
	}



#sitemap ul li.small a:hover{
	background:#56b7e0;
	text-decoration:none;
	}


#sitemap ul li.big2 a{
	display:block;
	background:#1d2088;
	color:#FFF;
	border-radius:3px;
	padding:10px 20px;
	}

#sitemap ul li.big2 a:hover{
	background:#2b3087;
	text-decoration:none;
	}

/*お問い合わせ*/


#contact{
	text-align:center;}
#form{
	margin:30px;
	width:800px;
	margin:0 auto;
	margin-bottom:30px;
	}

#form th,#form td{
	padding:10px 20px;
	border-bottom:1px dotted #999999;
	text-align:left;
	}


#form th{
	background:#c4d8e0;
	}

input.wpcf7-submit{
	background:#292b8f;
	padding:10px 0;
	width:300px;
	color:#FFF;
	text-align:center;
	}


/*個人情報保護方針*/


#pp h4{
	margin:30px 0 0 0;
	}

#pp h3{
color: #1d2089;
    border-bottom: #1d2089 1px solid;
    font-size: 26px;
}

#pp h4{
color: #1d2089;
    font-size: 20px;
}


/*メンバー個別ページ*/

#member .member01 img{
	width:100%;
	}

#member .member01{
	margin-bottom:30px;}

#member p.nunber{
	background:#1d2089 ;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	display:block;
	margin-bottom:30px;
	}

#member h3{
	color:#1d2089;
	text-align:center;
	font-size:60px;
	line-height: 0.6;
	}
#member h3 span{
	color:#CCC;
	font-size:12px;}


.pro01,
.pro02{
	width:100%;}

.pro01 th{
	background:#d6d6d6;
	width:15%;
	white-space:nowrap;
	}

.pro01 td{
	width:35%;}

.pro01 th,
.pro01 td,
.pro02 th,
.pro02 td{
	border-bottom:#FFF 5px solid;
	padding:10px 20px;}


.pro02 th{	width:15%;
background:#d6d6d6;
}

#member h4{
	border-bottom:#000 1px solid;
	margin-bottom:20px;
	padding-bottom:10px;
	}

	
#member_pager{
width:100%;
margin:50px 0 0 0;
	}

#member_pager td{
	width:48%;
	padding:1%;
	text-align:center;}

#member_pager td a{
	width:100%;
	background:#292b8f;
	color:#FFF;
	display:block;
	padding:10px;}

#member_pager td a:hover{
	text-decoration:none;
	letter-spacing:0.5em;
	background:#333;
	}
	
	.postcode{
		width:80px;
		
	}	

	#enrollment{
		text-align:center;
	}
	
	.gray{
		    background: #c5c5c5;
    font-size: 18px;
    padding: 30px;
    margin: 20px 0;
    font-weight: bold;
	}

	#test_player{
		width:100%;
	}
	
	
	#test_player th,
	#test_player td{
		padding:10px 20px;
	}
	
	#test_player th{
		color:white;
		background:#1d2089;
		font-weight:bold;
	}

	
	
	
	#test_player td.post{
		background:#8ecdf0;
		font-weight:bold;
	}
	#test_player td{
		border:#d9d9d9 1px solid;
	}
	
	
	.player a{
		background: #e5221c;
    color: white;
    padding: 14px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
		width:100%;
	}	
	
	.player a:hover{
		background: #444444;
		text-decoration:none;

	}	
	.player .link{
		padding:10px 0;
	}

	
/*ティアモール概要*/	
	
	
img#tiamall01{
	float:left;
	margin:30px 0 30px 0;
	}


#tiamall02 h3{
	font-weight:bold;
	font-size:22px;
	color:#000;
	margin:10px 0 0 0;
	}

#tiamall02{
	float:left;
	width:655px;
	margin:30px 0 0 30px;
	}


#tiamall03{
	padding:50px;
	background:#ededed;
	}

#tiamall03 b{
	font-size:22px;
	color:#F00;
	}

#tiamall03 h4{
	font-weight:bolder;
	background:#828282;
	color:#FFF;
	border-radius:5px;
	font-size:15px;
	padding:5px 10px ;
	display: inline;
	}

#tiamall03 div{
background: #FFF;
    padding: 20px;
    margin: 12px 10px 0 10px;
    width: 430px;
    float: left;
	height:150px;
	}

#tiamall03 .tokuten{
	font-size:18px;
	color:#000;
	font-weight:bold;
	}

#toku_box3{
	width:880px !important;
	height:auto !important;}

#tiamall04{
	color:#FFF;
	padding:60px;
	background:#28a7e1;
	font-size:30px;
	margin:50px 0 20px 0;
	}

#tiamall04 dl{
	float: left;
	margin:5px 1%;
	width:31%;
	}
#tiamall04 dl dt{

	}
#tiamall04 dl dt a{
	display:block;
	height:200px; width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	}

#tiamall04 h3{
	font-size:50px;
	margin:0 0 30px 0;}

#tiamall04 dt {
	padding:10px;
	background:#FFF;
display: table-cell; /*上下中央*/
    width: 313px;
    height: 200px;
text-align: center; /*左右中央*/
vertical-align: middle; /*上下中央*/
layout-grid-line:166px; /*IE7*/
}

#tiamall04 dt img {
width:auto;
height:auto;
max-width:313px;
max-height:200px;
vertical-align: middle;/*IE7*/
}
#tiamall04 dd a{
	font-weight:bold;
	font-size:14px;
	color:#FFF;}





#tiamall04 a.button {
	margin:30px 0 0 0;
	width:400px;
	font-size:20px;
	color:#FFF;
  position: relative;
  z-index: 2;
	border:#FFF 2px solid;	
  line-height: 50px;
  overflow: hidden;
}
#tiamall04 a.button:hover {
  color: #fff;
  text-decoration:none;
}
#tiamall04 a.button::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
#tiamall04 a.button:hover::after {
  top: 0;
  background-color: #218ebc;
}

#tiamall05{
	padding:50px 0;}

#tiamall05 h3{
	text-align:center;
	font-size:50px;
	color:#28a7e1;
	margin-bottom:30px;}


#tiamall05 a {
	display:block;
	margin:13px;
	float:left;}

	
#tiamall-list{}
.shops-with-benefit{ padding:30px 0; background:#29a7e1; }
.shops-no-benefit{ }
.shop{ border:2px solid #CCC; margin:30px 0; padding:15px; background:#FFF; }
.shop>div{ float:left; padding:15px; }
.shop-thumb,
.shop-data,
.shop-benefit{ min-height:280px; }
.shop-data{ width:376px;}
.shop-thumb{ background-size:cover; background-position:center;     width: 390px;}
.shop-data>div{ margin:10px 0; }
.shop-type{ }
.shop-type span{ padding:5px 10px; border-radius:3px; background:#999; color:#FFF; }
.shop-name{ }
.shop-name a{ font-weight:bold; font-size:1.2em; text-decoration:underline; }
.shop-addr{ }
.shop-comment{ padding: 5px 5px 5px 15px;
    font-size: 14px;
    border-left: 5px solid #999;
    color: #444444; }
.shop-benefit{padding-left:30px;
width:200px;


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc0003+6,ff0004+52,cc0003+99 */
background: #cc0003; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cc0003 6%, #ff0004 52%, #cc0003 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #cc0003 6%,#ff0004 52%,#cc0003 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #cc0003 6%,#ff0004 52%,#cc0003 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0003', endColorstr='#cc0003',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */





 }
.benefit-title { border:1px solid #FFF; padding:15px; text-align:center; font-weight:bold; color:#FFF; }
.benefit-detail{ margin:15px 0 0 0; color:#FFF; }



#tiamall-detail .shop-detail{ margin:30px 0; }
#tiamall-detail .shop-image,
#tiamall-detail .shop-data { float:left; width:48%; min-height:500px; margin:0 1%; }
#tiamall-detail .shop-image{ background:#DDD; border:5px solid #FFF; padding:30px; }
#tiamall-detail .shop-image-inner{
  width:100%; min-height:450px;
  background-size:cover;
  background-position:center;
}
#tiamall-detail .shop-data {}
#tiamall-detail .shop-data table{}
#tiamall-detail .shop-data table th,
#tiamall-detail .shop-data table td{ padding:15px; text-align:left; border:5px solid #FFF; }
#tiamall-detail .shop-data table th{ background:#DDD; }
#tiamall-detail .shop-data table td{}

#tiamall-detail .shop-comment{ margin:30px 0; padding:30px; background:#DDD; }

#tiamall-detail .shop-benefits { margin:30px 0; padding:30px; border:3px solid #DDD; }
#tiamall-detail .shop-benefits>div{
  display:table-cell; padding:15px; height:100px; vertical-align:middle;
}
#tiamall-detail .benefit-title { width:25%; background:red; }
#tiamall-detail .benefit-detail{ width: 74%;
    font-size: 1.2em;
    font-weight: bold;
    color: black;}


	#family h3{
    line-height: 0.9;
    text-align: center;
    font-size: 52px;
    color: #e60012;
    font-weight: bold;
    margin-bottom: 29px;	}	
	#family h3 span{
		font-size: 31px;
    color: #616161;
	}
	#family .text17{
		background:red;
		color:white;
		font-weight:bold;
		padding:20px;
		}
	#family .text17 a{
		display:block;
		color:black;
		background:yellow;
		width:400px;
		margin:20px 0 0 0;
		padding:10px 0;
	}

	#family .text17 a:hover{
		background:white;
		text-decoration:none;
	}	
	

	#family .text15{
		color:red;
		font-weight:bold;
	}
	#family h4{
		margin:50px 0 30px 0;
		text-align:center;
	}
	#family #jfl{
		width:500px;
		margin-bottom:30px;
	}
	#family table
	{
		width:100%;
	}
	#family table td{
		text-align:center;
		padding:10px 20px;
		border-bottom:1px gray solid;
		
	}

	#schedule_anker{
		margin-bottom:30px;
		height:64px;
	}
	
	#schedule_anker li a{
		text-align:center;
		display:block;
		background:#29a7e1;
		color:white;
		padding:10px 1%;
		width:18%;
		float:left;
		margin: 0 1%;
		height:64px;
		border-radius:7px;
	}
	#schedule_anker li a:hover{
		text-decoration:none;
		background:#1d2089;
	}
	
	
	
}