@charset "utf-8";


/*TENNIS SCHOOL COMMON [default]
-----------------------------------------------------*/

*,body{
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

.for-pc{
	display:block !important;
}

.for-sp{
	display:none !important;
}

.for-pc-i{
	display:inline !important;
}

.for-sp-i{
	display:none !important;
}

.for-pc-ib{
	display:inline-block !important;
}

.for-sp-ib{
	display:none !important;
}

.for-pc-l{
	display:list-item !important;
}

.for-sp-l{
	display:none !important;
}

#container{
	/*width:100%;*/
	margin: auto;
	width: 960px;
}

#container-inner{
	margin:0 auto;
	width:900px;
}




#header{
	
}

#header #hd-sp{
	display:none;
}

#header #hd-left{
	float:left;
	padding:7px 0 0 15px;
	/*width:580px;*/
	width:425px;
	height:88px;
}

#header #hd-left .group-logo{
	
}

#header #hd-right{
	float:right;
	padding:0 15px 0 0;
	width:430px!important;
	text-align:right;
}

#switching{
	display:none;
}

#header .btn{
	float:right;
}

#header .telnum{
	float:right;
	padding:0 8px 0 0;
	font-size:1.8em;
	font-weight:bold;
	height:28px;
	line-height:28px;
}

#header .telnum img{
	float:left;
	padding:5px 0 0 0;
}

#header .telnum a{
	padding:0 0 0 5px;
	text-decoration:none;
	color:#fa691a;
	font-family:Verdana, Geneva, sans-serif;
}

#header .school-logo{
	clear:both;
	padding:12px 0 0 0;
}

#header p{
	font-size:1.2em;
}

#header .catch{
	padding:0 0 0 0;
	height:34px;
}

#header .catch span{
    padding-left:0.5em;
}

#header p.tel{
	padding:0 0 14px 0;
}


#wrapper{
	clear:both;
}




#sidebar{
	clear:both;
	float:left;
	width:200px;
	padding:0 0 20px 0;
}

/*
#sidebar #nav-opt li.request{
	padding:16px 10px 16px 0;
	text-align:center;
}
*/

#sidebar #nav-opt li.trial{
	padding:22px 0 0;
	text-align:right;
}

#sidebar #nav-opt li.request{
	padding:12px 0 22px;
	text-align:right;
}

#sidebar #nav-opt li.recruit{
	padding:20px 0 0 18px;
}




#sidebar .side-bn{
	padding:30px 0 0 15px;
}

#sidebar .side-bn li{
	margin:0 0 10px 0;
	background:#fff;
	width:170px;
}




#contents{
	float:right;
	width:700px;
}

#contents-inner{
	margin:0 auto;
	width:600px;
}

#single #container-inner{
	background: none repeat scroll 0 0 #fff;
}

#single #contents{
	float:none;
	width:900px;
}

#single #contents-inner{
	margin:0 auto;
	width:900px;
}





#contents .topicpath{
	padding: 3px 0 10px 15px;
	font-size:10px;
}
@media only screen and (max-width: 768px){
	#contents .topicpath{
		padding: 8px 0 0 0;
	}
}

#contents .topicpath a{
	text-decoration:none;
	color:#333;
}
@media only screen and (max-width: 768px){
	#contents .topicpath a{
		
	}
}

#contents .topicpath a:hover{
	opacity:0.8;
}
@media only screen and (max-width: 768px){
	#contents .topicpath a:hover{
		
	}
}




#contents dl#ft-warranty{
	display:table;
	padding:0 0 0 0;
	font-size:1.2em;
	width:100%;
	background-color:#fff;
	

}

#contents dl#ft-warranty dt{
	/*float:left;*/
	display:table-cell;
	padding:0 5px;
	width:7em;
	height:100%;
	vertical-align:middle;
	text-align:center;
	/*
	height:3em;
	line-height:3em;
	*/
	color:#fff;
	font-weight:bold;

	/*背景は各校CSSで指定あり*/
	border-top-left-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-topleft-radius: 5px;   /* Firefox用 */ 

	border-bottom-left-radius: 5px;        /* CSS3草案 */  
	-webkit-border-bottom-left-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-bottomleft-radius: 5px;   /* Firefox用 */ 

}

#contents dl#ft-warranty dt br{
	display:none;
}

#contents dl#ft-warranty dd{
	/*float:left;*/
	display:table-cell;
	padding:6px 12px;
	line-height:1.3em;
	vertical-align: middle;
	background: #f0f0f0;
	
	/*背景は各校CSSで指定あり*/
	border-top-right-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-topright-radius: 5px;   /* Firefox用 */ 

	border-bottom-right-radius: 5px;        /* CSS3草案 */  
	-webkit-border-bottom-rightt-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-bottomright-radius: 5px;   /* Firefox用 */ 
	
}

#contents-footer{
	clear:both;
}

#contents-footer p.scrolltop{
	clear:both;
	text-align:right;
	padding:16px 0 16px 0;
}

#footer{
	clear:both;
	margin:0 auto;
	width:920px;
	padding:0 20px;
}


#footer a{
	text-decoration:none;
}

#footer #footer-wrapper{
	margin:0 10px;
	padding:30px 0 30px;
	/*height:195px;*/
	background:#fff;
	font-size:1.2em;
}

#footer #footer-wrapper #ft-info{
	float:left;
	padding:0 45px 0 30px;
	width:332px;
}

#footer #footer-wrapper #ft-info dt{
	margin:0 0 12px 0;
	padding:0 0 9px 0;
	border-bottom:1px solid #e0e0e0;
	text-align: center;
}

#footer #footer-wrapper #ft-info dt span.ftaddress{
	display: block;
	padding:1.0em 0 0;
	text-align:center;
}

#footer #footer-wrapper #ft-info dt span.ftaddress a{
	display:inline-block;
	margin:0 0 0 0.7em;
	padding:0.1em 0.3em;
	background:#f0f0f0;
	color:#333;
	font-size:0.6em;
}
	
#footer #footer-wrapper #ft-info p.telnum{
	float:left;
	margin:0 0 13px 18px;
	padding:0 12px 0 23px;
	height:25px;
	line-height:25px;
	font-size:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#footer #footer-wrapper #ft-info p.telnum a{
	text-decoration:none;
	color:#fa691a;
}

#footer #footer-wrapper #ft-info p.teltime{
	float:left;
	font-size:11px;
	line-height:1.3;
}

#footer #footer-wrapper #ft-info p.btn{
	clear: both;
	display:block;
	text-align:center;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn{
		padding:0 15px;
	}
}

/*#footer #footer-wrapper #ft-info p.btn{
	clear: both;
	display:flex;
	justify-content:space-between;
	text-align:center;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn{
		padding:0 15px;
		justify-content:center;
	}
}*/

#footer #footer-wrapper #ft-info p.btn a{
	display:inline-block;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn a{
		/*padding:10px;*/
	}
}


#footer #footer-wrapper #ft-info p.btn a:nth-child(1){
		margin-bottom: 12px;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn a:nth-child(1){
		width:100%;
	}
}

/*
#footer #footer-wrapper #ft-info p.btn a:nth-child(1){
		margin-bottom: 12px;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn a:nth-child(1){
		
	}
}*/

#footer #footer-wrapper #ft-info p.btn span{
	display:flex;
	justify-content:center;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn span{
		
	}
}

#footer #footer-wrapper #ft-info p.btn span a:nth-child(1),
#footer #footer-wrapper #ft-info p.btn span a:nth-child(2){
	width:50%;
	max-width:160px;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn span a:nth-child(1),
	#footer #footer-wrapper #ft-info p.btn span a:nth-child(2){
		
	}
}

#footer #footer-wrapper #ft-info p.btn span a:nth-child(1){
	margin:0 6px 0 0;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn span a:nth-child(1){
		
	}
}

#footer #footer-wrapper #ft-info p.btn span a:nth-child(2){
	margin:0 0 0 6px;
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn span a:nth-child(2){
		
	}
}

#footer #footer-wrapper #ft-info p.btn a img{
	
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn a img{
		
	}
}

#footer #footer-wrapper #ft-info p.btn a:nth-child(1) img{
	
}
@media only screen and (max-width: 768px){
	#footer #footer-wrapper #ft-info p.btn a:nth-child(1) img{
		max-width:332px;
		width:100%;
	}
}

#footer #footer-wrapper #ft-col1{
	float:left;
	width:157px;
}

#footer #footer-wrapper #ft-col2{
	float:left;
	width:141px;
}

#footer #footer-wrapper #ft-col3{
	float:left;
	width:178px;
}

#footer #footer-wrapper ul li{
	padding:0 0 12px 15px;
}

#footer #footer-wrapper ul li:last-child{
	padding-bottom:0 ;
}



#ft-belt{
	clear:both;
	margin:0 10px;
	background:#f0f0f0;
	height:30px;
	line-height:30px;
}


#ft-belt p{
	display:inline;
	padding:0 10px 0 15px;
	float:left;
	height:30px;
	line-height:30px;
}

#ft-belt ul li{
	float:left;
	padding:0 0.5em;
	height:30px;
	line-height:30px;
}

#ft-belt ul li.firstChild a{
	padding:0 1em 0 0;
	border-right:1px solid #666;
}

#ft-belt #copyright{
	float:right;
	padding:0 15px 0 0;
}





/*SUB COMMON
-----------------------------------------------------*/
#sub h1{
	clear:both;
	z-index:0;
	position:relative;
}

#sub h1 a.video{
	display:block;
	z-index:10;
	position:absolute;
	right:15px;
	top:12px;
}

#sub #contents{
	background:#fff;
	min-height:600px;	/*カーブBG隠し*/
}

#sub #sidebar #nav{
	padding-top:15px;
}

#sub ul#anchor{
	padding:20px 0 30px 0;
	line-height:1.5;
}

#sub ul#anchor li{
	display:inline-block;
	padding:0 12px 0 0;
	font-size:1.2em;
}

#sub .taxatt{
	margin:0 0 15px 0;
	padding:4px 5px;
	border:1px solid #ff0000;
	font-size:1.4em;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	line-height:1.3;
}


/*HOME
-----------------------------------------------------*/

/*slide*/
#home #slide{
	clear:both;
	/*margin:0 15px 0;*/
	margin:0 auto;	
	/*width:870px;*/
	/*width:100%;*/
	width:870px;
	height:auto;
	background:#ccc;
}

#home ol#controls {
	margin:0 15px 0;
	padding:0;
	background: none repeat scroll 0 0 #248AD4;
	height:20px;
	/*border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
}

#home ol#controls li {
    float: left;
    height: 20px;
    line-height: 20px;
    list-style: none outside none;
    margin: 0 10px 0 0;
    padding: 0;
	font-size:1.4em;
}

#home ol#controls li a {
    background: none repeat scroll 0 0 #248AD4;
    border: 0 solid #CCCCCC;
    color: #002085;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-decoration: none;
}
#home ol#controls li.current a {
    background: none repeat scroll 0 0 #002085;
    border: 0 solid #248AD4;
    color: #FFFFFF;
}
#home ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
    outline: medium none;
}

#home .omimai{
	margin:0 15px 0;
	padding:6px 0 6px;
}

#home #contents h2{
	padding:20px 0 20px 0;
}


#home .static-campaign{
	width:600px;
	margin:20px 0;
}

#home .static-campaign dl{
	padding:12px;
	background:#f9f2e5;
	border:1px solid #faa61a;
}

#home .static-campaign dl dt{
	font-size:1.8em;
	font-weight:bold;
	color:#ff0000;
}

#home .static-campaign dl dd p.merit{
	padding:15px 0 10px  0;
	font-size:1.4em;
	color:#ff0000;
	font-weight:bold;
}

#home .static-campaign dl dd p.merit span{
	/*padding:10px 0 0 0;*/
	display:block;
	text-align:center;
}

#home .static-campaign dl dd p.att{
	font-size:1.0em;
	color:#999;
	text-align:right;
}

#home .static-campaign dl dd p.soloimg{
	padding:3px 0 13px 0;
	text-align:center;
}

#home .static-event{
	margin:0 0 20px 0;
	padding:10px;
	text-align:center;
	background:#f9f2e5;
	border:1px solid #faa61a;
}

#home #news{
	width:600px;
	margin:20px 0 30px 0;
}


#home #news h2{
	margin:0;
	padding:0;
	height:22px;
}

#home #news h2 img{
	float:left;
}

#home #news h2 span{
	float:right;
	padding:3px 0 0 18px;
	background:url(images/icon_arrow.png) 0 0.5em no-repeat;
	font-size:0.7em;
}

#home #news h2 span a{
	color:#666;
}

#home #news dl{
	clear:both;
	padding:10px 10px 7px;
	font-size:1.2em;
	background:#f9f2e5;
	border-top:1px solid #faa61a;
	border-left:1px solid #faa61a;
	border-right:1px solid #faa61a;
	overflow: hidden;
}

#home #news .newsboxes dl:last-child{
	border-bottom:1px solid #faa61a;
}

#home #news dt{
	clear:both;
	float:left;
	padding:3px 10px 3px 0;
	line-height:1.5;
	width: 70px;
	white-space:nowrap;
}

#home #news dd{
	float:left;
	display:block;
	padding:3px 0 3px 60px;
	line-height:1.5;
	width: 436px;
}

#home #news dd.event,
#home #news dd.soccerevent,
#home #news dd.golfevent{
	background:url(images/chip_event.png) 0 0.5em no-repeat;
}

#home #news dd.campaign,
#home #news dd.soccercampaign,
#home #news dd.golfcampaign{
	background:url(images/chip_campaign.png) 0 0.5em no-repeat;
}

#home #news dd.info,
#home #news dd.soccerinfo,
#home #news dd.golfinfo{
	background:url(images/chip_info.png) 0 0.5em no-repeat;
}



#home #contents #static-info{
	clear:both;
	border-top:1px dotted #666;
}

#home #contents .section{
	padding:18px 0;
	border-bottom:1px dotted #666;
}

#home #contents .section h3{
	padding:0 0 10px 0;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
	color:#ff0000;
}

#home #contents .section p{
	padding:0 0 0 15px;
	font-size:1.2em;
	line-height:1.5;
}

#home #contents .section p a.jump{
	display:block;
	padding:1em 0 0 1em ;
	font-weight:bold;
}

#home #contents #long-banner{
	
}


#home #contents #long-banner li{
	padding:0 0 30px 0;
	position:relative;
}

#home #contents #long-banner li span.bakudan{
	display:block;
	position:absolute;
	left:-15px;
	top:-10px;
	z-index:10;
}

#home #contents .section p strong{
	font-weight:bold;
	/*color:#ff0000;*/
}

#home #indoorview{
	margin:10px 15px 0;
}

#home #inmap p.court{
	
}

#home #inmap p.court img{
	display:block;
	margin:15px auto 10px;
	width:520px;
}

#home #map{
	margin:0 0 10px;
	padding:0 0 0 0;
}

#home #map p.lead span{
	float:right;
	margin:0 15px 0 0;
}

#home #map #map_canvas{
	clear:both;
	margin:15px 15px 10px;
	width:570px;
	height:400px;
}

#home #map.section{
	border:none;
}

#home #map .address{
	padding:0 0 0;
	font-size:1.3em;
	font-weight:bold;
}

#home #map .address span{
	float:right;
	display:inline;
	margin:0;
	padding:0 15px 0 0;
}

#home #map .address span a{
	display:inline;
	font-weight:normal;
}


/* コロナ対策ボタン1（ニュース下） ここから */

#home .attbox{
}
@media only screen and (max-width: 768px){
	#home .attbox{
		
	}
}

#home .attbox a{
	display:block;
	padding:22px 15px;
	font-size:15px;
	color:#fff;
	line-height:1.0;
	background-color:#f00;
	text-decoration:none;
	text-align: center;
}
@media only screen and (max-width: 768px){
	#home .attbox a{
		padding:10px 15px;
		font-size:14px;
		line-height:1.5;
	}
}

#home .attbox a:hover{
	opacity:0.7;
}
@media only screen and (max-width: 768px){
	#home .attbox a:hover{
		
	}
}

#home .attbox a span{
	display: inline-block;
    text-decoration: underline;
	padding:0 0 0 30px;
	position:relative;
}
@media only screen and (max-width: 768px){
	#home .attbox a span{
		
	}
}

#home .attbox a span:before{
	content:'';
	display:inline-block;
	width:22px;
	height:16px;
	background-image:url(images/icon_arrow_btn_single.png);
	background-size:22px 16px;
	background-repeat:no-repeat;
	background-position:0 center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
}
@media only screen and (max-width: 768px){
	#home .attbox a span:before{
		
	}
}

#home .attbox a br{
	display:none;
}
@media only screen and (max-width: 768px){
	#home .attbox a br{
		display:inline;
	}
}

#home .attbox a i{
	font-size:14px;
	font-style:normal;
}
@media only screen and (max-width: 768px){
	#home .attbox a i{
		font-size:12px;		
	}
}

/* コロナ対策ボタン1（ニュース下） ここまで */

/* コロナ対策ボタン2 ここから */

#home #contents .covid-19-content{
	display:block;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content{
		
	}
}

#home #contents .covid-19-content a{
	display:block;
	/*border:5px solid #009de1;
	border-bottom:none;*/
	text-decoration:none;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content a{
		
	}
}
#home #contents .covid-19-content a:hover{
	opacity:0.7;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content a:hover{
		
	}
}

#home #contents .covid-19-content dl{
	display:block;
	padding:18px 10px 16px;
	text-align:center;
	border:2px solid #009de1;
	border-bottom:none;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content dl{
		padding:14px 10px 12px;
		border:2px solid #009de1;
		border-bottom:none;
	}
}

#home #contents .covid-19-content dt{
	display:block;
	/*padding:0 0 15px;*/
	padding:0 0 0;
	text-align:center;
	color:#003894;
	/*font-size:28px;*/
	font-size:22px;
	font-weight:bold;
	line-height: 1;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content dt{
		/*padding:0 0 10px;*/
		padding:0 0 0;
		/*font-size:18px;*/
		font-size:16px;
	}
}

#home #contents .covid-19-content dd{
	display:inline-block;
	padding:8px 30px;
	background-color:#009de1;
	color:#fff;
	font-size:18px;
	border:2px solid #fff;
	border-radius:10px;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.15);
	text-decoration:none;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content dd{
		font-size:14px;
	}
}

#home #contents .covid-19-content dd em{
	text-decoration:underline;
	color:#ffeb56;
	font-weight:bold;
}
@media only screen and (max-width: 768px){
	#home #contents .covid-19-content dd em{
		
	}
}

#home .btn-single{
	margin:0 -20px 0;
	padding:0 20px 0;
}
@media only screen and (max-width: 768px){
	#home .btn-single{
		/*margin:30px 15px 0;*/
		margin:0 -10px 0;
		padding:0 10px 0;
	}
}

#home .btn-single a{
	display:block;
	padding:22px 30px;
	font-size:16px;
	color:#fff;
	line-height:1.0;
	background-color:#009de1;
	text-decoration:none;
}
@media only screen and (max-width: 768px){
	#home .btn-single a{
		padding:10px 15px;
		font-size:13px;
		line-height:1.5;
	}
}

#home .btn-single a:hover{
	opacity:0.7;
}
@media only screen and (max-width: 768px){
	#home .btn-single a:hover{
		
	}
}

#home .btn-single a span{
	display: inline-block;
    text-decoration: underline;
	padding:0 0 0 30px;
	position:relative;
}
@media only screen and (max-width: 768px){
	#home .btn-single a span{
		
	}
}

#home .btn-single a span:before{
	content:'';
	display:inline-block;
	width:22px;
	height:16px;
	background-image:url(images/icon_arrow_btn_single.png);
	background-size:22px 16px;
	background-repeat:no-repeat;
	background-position:0 center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
}
@media only screen and (max-width: 768px){
	#home .btn-single a span:before{
		
	}
}

#home .btn-single a br{
	display:none;
}
@media only screen and (max-width: 768px){
	#home .btn-single a br{
		display:inline;
	}
}

#home .btn-single a i{
	font-size:14px;
	font-style:normal;
}
@media only screen and (max-width: 768px){
	#home .btn-single a i{
		font-size:12px;		
	}
}

/* コロナ対策ボタン2 ここまで */


/*kameido*/
#golf-banner{
	
}



/*SCHOOL
-----------------------------------------------------*/
#sub #school{
	padding:20px 0 0 0;
}

#sub #school h2{
	padding:0 0 30px 0;
}

#sub #school .section{
	margin:0 0 0 -15px;
	padding:0 0 20px 0;
}

#sub #school .section dl{
	float:left;
	padding:0 0 0 15px;
	width:190px;
}

#sub #school .section dl:nth-child(3n+1){
	clear:both;
}

#sub #school .section dt{
	padding:0 0 8px 0;
	
}

#sub #school .section dd{
	padding:0 0 30px 0;
	font-size:1.2em;
	line-height:1.5;
}

#sub #school #floormap{
	clear:both;
	padding:0 0 40px 15px;
}

#sub #school #floormap h3{
	padding:0 0 20px 0;
}

#sub #school #floormap p{
	text-align:center;
}

#sub #school #floormap p.linktext{
	padding:30px 0 0 0;
	font-size:1.2em;
}

/*STAFF
-----------------------------------------------------*/
#sub #staff{
	padding:20px 0 0 0;
}

#sub #staff h2{
	padding:0 0 30px 0;
}

#sub #staff .section{
	padding:0 0 50px 0;
}

#sub #staff .section dl{
	clear:both;
	padding:0 0 50px 0;
	position:relative;
}
#sub #staff .section dl:last-child{
	padding-bottom:0;
}

#sub #staff .section dt{
	float:left;
	width:108px;
}

#sub #staff .section dd{
	float:right;
	width:472px;
}

#sub #staff .section h3{
	padding:0 0 8px 0;
	color:#058824;
	font-size:1.45em;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}

#sub #staff .section p{
	padding:8px 0 0 0;
	font-size:1.2em;
	line-height:1.8;
}

#sub #staff .section p.license{
	padding:5px 0 5px 0;
	color:#e06600;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	font-size:1.2em;
	line-height:1.5;
}



/*JOIN
-----------------------------------------------------*/

#sub #join .section{
	clear:both;
}

#sub #join .campaign{
	padding:30px 0 0;
}
@media only screen and (max-width: 768px){
	#sub #join .campaign{
		
	}
}

#sub #join .campaign img{
	max-width:100%;
}
@media only screen and (max-width: 768px){
	#sub #join .campaign img{
		width:100%;
	}
}

#sub #join .campaign ul.att{
	clear:both;
	padding: 6px 0 0 0;
  line-height: 1.5;
  font-size: 10px;
}
@media only screen and (max-width: 768px){
	#sub #join .campaign ul.att{
		
	}
}

#sub #join .campaign ul.att li{

}
@media only screen and (max-width: 768px){
	#sub #join .campaign ul.att li{
		text-indent:-1em;
		padding:0 0 5px 1em;
	}
}

#sub #join h2{
	padding:20px 0 30px 0;
	
}

#sub #join .section{
	padding:0 0 20px;
}

#sub #join .section p.lead{
	padding: 10px 0 25px;
  text-align: center;
  font-size:16px;
  font-weight:bold;
}
@media only screen and (max-width: 768px){
	#sub #join .section p.lead{
		text-align:left;
	}
}

#sub #join .section h3{
	padding: 40px 0 15px 0;
  text-align: center;
  font-weight: bold;
  color: #f00;
  font-size: 1.8em;
  letter-spacing: 0.02em;
  line-height: 1.0;
}

#sub #join .section ol.flow{
	padding:0 0 10px 0;
}

#sub #join .section ol.flow li{
	display:block;
	float:left;
	width:150px;
	/*background:url(<?php echo get_home_url(); ?>/trial/images/img_flow_tri.gif) 128px 26px no-repeat;*/
}

#sub #join .section ol.flow li.last-Child{
	background:none;
}

#sub #join .section ol.flow li span{
	display:none;
}

#sub #join .section p.att{
	color:#666;
}

#sub #join .section h4{
	clear:both;
	padding:30px 0 8px 0;
	font-size:1.4em;
	color:#ee7224;
	font-weight:bold;
	
}

#sub #join .section ol.preparation{
	padding:15px 20px;
	background:#e3f5e7;
	border:#fce3d3;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6;
}

#sub #join .section ol.preparation li{
	padding:0 0 6px 1.5em;
	text-indent: -1.5em;
}
#sub #join .section ol.preparation li:last-child{
	padding-bottom:0;
}
@media only screen and (max-width: 768px){
	#sub #join .section ol.preparation li{
		padding-bottom:12px;
	}
}

#sub #join .section ol.preparation strong{
	color:#ee7224;
}

#sub #join .section ol.preparation span{
	padding: 0.3em 0 0 0;
  display: block;
  font-size: 0.8em;
  color: #666;
  text-indent:0;
}



#sub #join .section ul{
	clear:both;
	padding: 15px 0 20px 0;
    font-size: 1.1em;
}

#sub #join .section ul li{
	padding:0 0 3px 0;
	color:#666;
}

#sub #join .section ul li strong{
	color:#ee7224;
}

#sub #join .section ul li span{
	display:block;
	padding:3px 0 0 0;
	text-indent:1em;
	color:#ee7224;
}

#sub #join .section p.qa{
	padding:0 0 30px 0;
	text-align:center;
}


#sub #join .section dl.qa-sp{
	display:none;
}


/*CLASS
-----------------------------------------------------*/

#sub #class{
	padding:0 0 10px 0;
}

#sub #class h2{
	padding:20px 0 0 0;
}


#sub #class .section h3{
	padding:0 0 10px 0;
}

#sub #class .section p{
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:1.5;
}

#sub #class .section table,
#sub #class .section th,
#sub #class .section td{
	border:1px solid #ccc;
	border-collapse:collapse;
}

#sub #class .section th,
#sub #class .section td{
	padding:4px 7px;
	font-size:1.2em;
	line-height:1.3;
}

#sub #class .section table{
	width:470px;
}

#sub #class .section th{
	text-align:center;
	vertical-align:middle;
	background:#f2f2f2;
	font-weight:bold;
	white-space:nowrap;
}

#sub #class .section{
	clear:both;
	padding:0 0 10px 0;
}

#sub #class .section td.term{
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

#sub #class .section td.exp{
	text-align:left;
	vertical-align:top;
}

#sub #class .section .photo{
	float:right;
}

#sub #class .section .scrolltop{
	clear:both;
	padding:0 0 0 0;
	text-align:right;
}




/*PRICE
-----------------------------------------------------*/

#sub #price .section{
	padding:0 0 40px 0;
}

#sub #price p.text{
    padding: 0 0 10px 0;
    font-size:1.2em;
}

#sub #price .taxatt{
	margin:0 0 15px 0;
	padding:4px 5px;
	border:1px solid #ff0000;
	font-size:1.4em;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
}

#sub #price .section h3{
	padding:0 0 10px 0;
}

#sub #price .section table{
	width:600px;
}

#sub #price .section table table{
	width:100%;
}

#sub #price .section table table,
#sub #price .section table table th,
#sub #price .section table table td{
	border:none;
}

#sub #price .section table table th{
	font-size:0.9em;
}

#sub #price .section table table td{
	font-size:1.0em;
}

#sub #price .section table table th.onecourt{
	background:#dff5e4;
}

#sub #price .section table table th.halfcourt{
	background:#f2f2f2;
	
}


#sub #price .section table,
#sub #price .section table th,
#sub #price .section table td{
	border:1px solid #ccc;
	border-collapse:collapse;
}

#sub #price .section table th,
#sub #price .section table td{
	padding:4px 5px;
	font-size:1.2em;
	text-align:center;
	vertical-align:middle;
	color:#666;
}

#sub #price .section table th{
	white-space:nowrap;
}

#sub #price .section table th.rg{
	background:#e0e6f4;
}

#sub #price .section table th.sp{
	background:#feefcf;
}

#sub #price .section table th.jr{
	background:#d8eddc;
}

#sub #price .section table th.jrsp{
	background:#f9d9d9;
}

#sub #price .section table td{
	line-height:1.2;
}

#sub #price .section table td.dbtable{
	padding:0;
	vertical-align:top;
}

#sub #price .section table th.school-color{
	background:#05ae2d;
	color:#fff;
}

#sub #price .section table th.gray{
	background:#b8c0c3;
	color:#fff;
}

#sub #price .section table td.gray{
	text-align:left;
	background:#f2f2f2;
	font-weight:bold;
}

#sub #price .section table td.gray span{
	display:block;
	padding:12px 0 0;
	text-align:left;
	color:#ff0000;
	font-size:0.9em;
	line-height:1.2;
	font-weight:normal;
}

#sub #price .section table td.classname{
	font-weight:bold;
	text-align:left;
}

#sub #price .section table td.classname span{
	display:block;
	padding:3px 0 0 0;
	font-weight:normal;
	font-size:0.9em;
}

#sub #price .section table td.price12{
	text-align:right;
	background:#e1e6e8;
}

#sub #price .section table td.price13{
	text-align:right;
	
}

#sub #price .section table td strong{
	color:#ff0000;
	font-weight:normal;
}

/*
#sub #price .section p.att{
	padding:5px 0 0 0;
	font-size:1.2em;
	color:#999;
}
*/
/*
#sub #price #discount ul li{
	float:left;
	padding:0 0 20px 0;
	width:300px;
}
*/
#sub #price #discount p{
	padding:0 0 20px 0;
	font-size:1.2em;
}

#sub #price .section ul.att{
	clear:both;
	padding:7px 0 0 0;
	font-size:1.2em;
	color:#666;
	line-height:1.2;
}

#sub #price .section ul.att li{
	/*float:none;*/
	padding:0 0 0 0;
	/*width:auto;*/
	font-size:0.9em;
	line-height:1.4;
	color:#999;
}

#sub #price p.scrolltop{
	padding:10px 0 0 0;
	text-align:right;
}



/*SCHEDULE
-----------------------------------------------------*/

#sub #schedule .section h3{
	padding:0 0 10px 0;
}

#sub #schedule .section h3{
	padding:0 0 20px 0;
}

#sub #schedule .section h4{
	padding:0 0 5px 0;
	font-size:1.2em;
	font-weight:bold;
}

#sub #schedule .section h4.rg{
	color:#8ca4db;
}

#sub #schedule .section h4.sp{
	color:#e0b861;
}

#sub #schedule .section h4.jr{
	color:#61d277;
}

#sub #schedule .section h4.jrsp{
	color:#d29661;
}

#sub #schedule .currentschedule .pdf{
	background: url(images/icn_pdf.png) no-repeat scroll 0 0.1em transparent;
	display: block;
	line-height: 1.5;
	padding: 0 0 0 25px;
}

#sub #schedule .currentschedule{
	margin:0 0 20px 0;
	padding:15px;
	background:none repeat scroll 0 0 #efefef;
	border:1px solid #ccc;
	font-size:12px;
}

#sub #schedule .currentschedule a {
    font-weight:bold;
}

#sub #schedule .section table,
#sub #schedule .section table th,
#sub #schedule .section table td{
	border:1px solid #ccc;
	border-collapse:collapse;
}

#sub #schedule .section table th,
#sub #schedule .section table td{
	/*padding:4px 5px;*/
	padding:6px 5px;
	font-size:1.2em;
	text-align:center;
	vertical-align:middle;
	color:#666;
}

#sub #schedule .section table{
	width:600px;
}

#sub #schedule .section table th,
#sub #schedule .section table td{
	line-height:1.2;
}

#sub #schedule .section table th{
	white-space:nowrap;
}

#sub #schedule .section table th.rg{
	background:#e0e6f4;
}

#sub #schedule .section table th.sp{
	background:#feefcf;
}

#sub #schedule .section table th.jr{
	background:#d8eddc;
}

#sub #schedule .section table th.jrsp{
	background:#f9d9d9;
}

#sub #schedule .section table th.nt{
	background:#f4dbf1;
}

#sub #schedule .section table th.school-color{
	background:#05ae2d;
	color:#fff;
}

#sub #schedule .section p.att{
	padding:5px 0 0 0;
	font-size:1.1em;
	color:#999;
	line-height:1.2;
}

#sub #schedule .section ul.att{
	clear:both;
	padding:5px 0 0 0;
	font-size:0.9em;
	color:#666;
}

#sub #schedule .section ul.att li{
	padding:0 0 0 0;
	font-size:0.9em;
	line-height:1.2;
	color:#999;
}

#sub #schedule #year{
	padding:40px 0 40px 0;
}

#sub #schedule #year h3{
	padding:0 0 15px 0;
}

#sub #schedule #year p.calendar{
	text-align:center;
}

#sub #schedule p.scrolltop{
	padding:10px 0 0 0;
	text-align:right;
}

#sub #schedule p.triallink{
	padding:40px 0 10px 0;
	text-align:center;
	font-size:1.2em;
}

#sub #schedule p.triallink a{
	display:block;
}

#sub #schedule p.triallink a:nth-child(n+2){
	margin:24px 0 0 0;
}

#sub #schedule p.triallink img{
	width:auto;
	height:auto;
}

/*TRIAL
-----------------------------------------------------*/
#sub #trial h2{
	padding:20px 0 20px 0;
}

#sub #trial p.lead{
	padding:0 0 20px 0;
	font-size:1.2em;
}

#sub #trial .section{
	clear:both;
}

#sub #trial h3{
	padding:0 0 12px 0;
}

#sub #trial .campaign {
    padding:30px 0 20px;
}

#sub #trial .campaign img {
    max-width: 100%;
}
@media only screen and (max-width: 768px){
	#sub #trial .campaign img{
		width:100%;
	}
}

#sub #trial .campaign ul.att {
    clear: both;
    padding: 6px 0 0 0;
    line-height: 1.5;
    font-size: 10px;
}
@media only screen and (max-width: 768px){
	#sub #trial .campaign ul.att{
		
	}
}

#sub #trial #impression dl{
	float:left;
	display:block;
	padding:0 18px 0 0;
	width:188px;
	height:256px;
	position:relative;
}

#sub #trial #impression dl.last-child{
	padding:0;
}

#sub #trial #impression dl dt{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

#sub #trial #impression dl dd{
	position:absolute;
	left:0;
	top:85px;
	z-index:1;
}

#sub #trial #flow{
	padding:50px 0 0 0;
}

#sub #trial #price{
	float:left;
	padding:0 0 35px 0;
	padding-top:50px;
	width:210px;
}

#sub #trial #price th{
	padding:4px 0;
	background: none repeat scroll 0 0 #4e8ecf;
	border-bottom: medium none;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}



#sub #trial #price p{
	padding:0 0 7px 0;
	font-size:1.2em;
	line-height:1.4;
}


#sub #trial #price table{
	width:100%;
}

#sub #trial #price table,
#sub #trial #price th{
	border:1px solid #ccc;
}



#sub #trial #price td{
	padding:7px;
	background:#fff;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

#sub #trial #price td span.red{
	display:block;
	padding:7px 0 0 0;
	color:#ff0000;
	font-size:0.7em;
}

#sub #trial #price #coupon{
	margin:12px 0 0 0;
	padding:10px 0;
	background:#e7f9e5;
	border:3px solid #79df41;
	color:#333;
	text-align:center;
	line-height:1.3;
}

#sub #trial #price #coupon p{
	padding:5px 0 0 0;
}



#sub #trial #movie{
	float:right;
	padding:50px 0 35px;
	width:360px;
}

#sub #trial #movie p.att{
	padding:7px 0 0 0;
	color:#999;
}

/* trialForm */

#sub #trial #trialForm{
	padding:15px 0 50px 0;
}

#sub #trial #trialForm h3 span{
	padding:0 0 0 10px;
}

#sub #trial #trialForm p.exp{
	padding:0 0 15px 0;
	color:#4c90d6;
	text-align:center;
	font-size:0.9em;
}

#sub #trial #trialForm div#formBase{
	padding:20px 30px;
	background:#fafafa;
	border:1px solid #ccc;
	font-size:1.2em;
}

#sub #trial #trialForm div#formBase dl{
	clear:both;
	border-top:1px solid #dedede;
	padding:20px 0;
	overflow:hidden;
}

#sub #trial #trialForm div#formBase dl.noborder{
	border-top:none;
	padding-top:0;
}

#sub #trial #trialForm div#formBase dl.first-child{
	border:none;
}

#sub #trial #trialForm div#formBase dt{
	display:block;
	float:left;
	padding:0 12px 0 12px;
	width:134px;
	color:#4c90d6;
	font-weight:bold;
}

#sub #trial #trialForm div#formBase dt sup{
	vertical-align:top;
}

#sub #trial #trialForm div#formBase dd{
	display:block;
	float:left;
	padding:0 0 0 0;
	width:380px;
	line-height:1.0;
}

#sub #trial #trialForm div#formBase dd input{
	vertical-align:bottom;
	font-size:1.0em;
	box-sizing:border-box;
}

#sub #trial #trialForm div#formBase dd p.att{
	margin:0;
	/*padding:5px 0 0 0;*/
	padding:10px 0 0 0;
	font-size:0.9em;
	color:#999;
	line-height:1.4;
}

#sub #trial #trialForm div#formBase dd p.errorAlert{
	padding:0.5em 0 0 0;
}

#sub #trial #trialForm div#formBase dd#wLessontime p{
	padding:0 0 8px 0;
}

#sub #trial #trialForm div#formBase dd#wLessontime p.last-child{
	padding:0 0 0 0;
}

#sub #trial #trialForm div#formBase dd#wLessontime p.att{
	padding:0 0 0 0;
}

#sub #trial #trialForm div#formBase dd#wAgree label input{
	margin-right:0.3em;
}

#sub #trial #trialForm div#formBase dd#wExperience label{
	display: inline-block;
	margin-right:0.8em;
	margin-bottom:0.8em;
}

#sub #trial #trialForm div#formBase dd#wExperience label:last-child{
	margin-bottom:0;
}

#sub #trial #trialForm div#formBase dd#wExperience label input{
	margin-right:0.2em;
}

#sub #trial #trialForm div#formBase dd#wExperience.exps{
	line-height:1.5;
}

#sub #trial #trialForm div#formBase dd textarea{
	padding:3px;
	width:100%;
	font-size:1.0em;
	box-sizing: border-box;
}

#sub #trial #trialForm div#formBase .btn{
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
	border-top:1px solid #dedede;
}


#sub #trial #trialForm div#formBase .btn input{
    margin: 0 15px;
    padding: 2px 5px;
}

#sub #trial #trialForm div#formBase .errorAlert{
	color:#ff0000;
}

#sub #trial #trialForm p.attbottom{
	padding:30px 0 0 0;
	/*color:#4c90d6;*/
	color:#ff0000;
	text-align:left;
	font-size:0.9em;
	line-height:1.5;
}

#sub #trial #trialForm h2.complete{
	margin:0;
	padding:15px 0 20px;
	text-align:center;
	font-size:1.7em;
	color:#000;
	font-weight:bold;
	line-height:1.3;
}

#sub #trial #trialForm p.complete{
	padding:0 0 10px;
	line-height:1.5;
	font-size:1.2em;
}


/*ENROLLMENT
-----------------------------------------------------*/

#enrollment{
  padding:0 0 80px;
}
@media only screen and (max-width: 768px){
  #enrollment{
    padding:0 0 60px;
  }
}

#enrollment h3{
	margin:0 0 20px;
	font-size:2.0em;
	color:#fff;
	font-weight:bold;
	background-color:#0a3e97;
	text-align:center;
	line-height:40px;
	position:relative;
}

#enrollment h3:after{
	content:'';
	display:block;
	border-left:solid 8px transparent;
	border-top:solid 8px #0a3e97;
	border-right:solid 8px transparent;
	border-bottom:solid 8px transparent;
	position:absolute;
	left:50%;
	bottom:-16px;
}

#enrollment .main{
	/*margin: 0 -15px 0;*/
	margin: 0 0 0;
	padding:16px 0 0;
	text-align:center;
}

#enrollment .main img{
	max-width:100%;
}

#enrollment .merit{
	
}

#enrollment .merit li{
  margin:18px 0 0;
  padding:20px 20px 20px 100px;
  color:#000;
  font-size:1.4em;
  font-weight:bold;
  background:#f7f6e1 url(enrollment/images/icon_checkbox_image.png) 30px center no-repeat;
  border-radius:10px;
  border:1px solid #dcdcdc;
  line-height:1.6;
}
@media only screen and (max-width: 768px){
  #enrollment .merit li{
    padding:12px 12px 12px 55px;
    background:#f7f6e1 url(enrollment/images/icon_checkbox_image_sp.png) 15px center no-repeat;
    background-size:27px 23px;
    font-size:1.2em;
    line-height: 1.7;
  }
}

#enrollment .merit li em{
  font-size:24px;
  font-style:normal;
  background: url(enrollment/images/dotline_2x2_bluegreen.png) 0 bottom repeat-x;
  color:#0aaea8;
}
@media only screen and (max-width: 768px){
  #enrollment .merit li em{
    font-size: 1.3em;
    display: inline-block;
    margin: 0 0 0.2em;
  }
}

#enrollment .merit li em sup{
	margin-left:0.3em;
  font-size:13px;
}
@media only screen and (max-width: 768px){
  #enrollment .merit li em sup{
  	font-size:12px;
  }
}

#enrollment .merit .att{
	padding: 0.8em 0 0 1em;
	font-size:1.0em;
	line-height:1.2;
	text-indent:-1em;
}
@media only screen and (max-width: 768px){
  #enrollment .merit .att{
	padding: 1.0em 0 0 1em;
	font-size:1.0em;
	line-height:1.4;
  }
}

#enrollment .merit li i{
  font-size:12px;
  font-style: normal;
}
@media only screen and (max-width: 768px){
  #enrollment .merit li i{
    font-size:0.6em;
  }
}

#enrollment .flow{
	margin:50px 0 0;
}

#enrollment .flow ol{
}

#enrollment .flow li{
    display: flex;
    margin: 0 0 12px;
}

#enrollment .flow li p{	/*共通*/
    display: flex;
    align-items: center;
    /*width:100%;*/
    background-color: #fff;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

#enrollment .flow li:last-child{
	margin:0 0 0;
}

#enrollment .flow li .num{
    justify-content: center;
	width: 10%;
    background-color: #27c7c1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.5;
    border-left: #ccc solid 1px;
    border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .num{
    width: 12%;
    font-size: 0.9em;
  }
}

#enrollment .flow li .num span{
	/*flexで<i>が横並びになるのを防ぐための空span*/
}

#enrollment .flow li .num i{
	display:block;
	text-align:center;
	font-size:1.8em;
  font-style:normal;
  line-height: 1.0;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .num i{
    font-size: 1.6em;
    line-height: 1.3;
  }
}

#enrollment .flow li .pic{
	width:30%;
	text-align:left;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .pic{
    width:38%;
  }
}

#enrollment .flow li .pic img{
  display:inline-block;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .pic img{
    max-width:100%;
    width: 100%;
  }
}

#enrollment .flow li .text{
	width:60%;
    text-align: left;
    border-right: #ccc solid 1px;
    border-radius: 0 10px 10px 0;
    font-size:1.4em;
    line-height:1.5;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .text{
	width:50%;
    font-size: 1.2em;
    line-height:1.6;
  }
}

#enrollment .flow li .text span{
	padding: 0 0 0 20px;
}
@media only screen and (max-width: 768px){
  #enrollment .flow li .text span{
    padding: 0 0 0 10px;
  }
}


#enrollment .preparation{
	margin:50px 0 0;
}

#enrollment .preparation ol{
	padding:24px 30px 16px 50px;
	background-color:#fafafa;
	border:1px solid #cccccc;
	border-radius:10px;
}
@media only screen and (max-width: 768px){
  #enrollment .preparation ol{
    padding:24px 15px 16px 50px;
  }
}

#enrollment .preparation li{
  padding: 0 0 20px 0;
	font-size:1.4em;
  font-weight:bold;
	line-height:1.0;
  position:relative;
}
@media only screen and (max-width: 768px){
  #enrollment .preparation li{
    padding: 0 0 12px 0;
    line-height: 1.5;
  }
}

#enrollment .preparation li:last-child{
	padding:0;
}

#enrollment .preparation li:before{
  content:'';
  display: inline-block;
  width:24px;
  height:24px;
  position:absolute;
  left:-30px;
  top:0.35em;
  margin-top:-12px;
}
@media only screen and (max-width: 768px){
  #enrollment .preparation li:before{
    top:0.7em;
  }
}

#enrollment .preparation li.num1:before{
  background: url(enrollment/images/num1.png) 0 bottom repeat-x;
  background-size:24px 24px;
}
#enrollment .preparation li.num2:before{
  background: url(enrollment/images/num2.png) 0 bottom repeat-x;
  background-size:24px 24px;
}
#enrollment .preparation li.num3:before{
  background: url(enrollment/images/num3.png) 0 bottom repeat-x;
  background-size:24px 24px;
}
#enrollment .preparation li.num4:before{
  background: url(enrollment/images/num4.png) 0 bottom repeat-x;
  background-size:24px 24px;
}
#enrollment .preparation li.num5:before{
  background: url(enrollment/images/num5.png) 0 bottom repeat-x;
  background-size:24px 24px;
}

#enrollment .preparation li span{
	font-size: 0.8em;
}

#enrollment .preparation li span.supplement{
	display:block;
	padding:0.8em 0 0 0;
	font-size: 0.8em;
	color:#555;
	line-height:1.5;
}

#enrollment .preparation .att{
	padding: 0.8em 0 0 1em;
	font-size:1.05em;
	line-height:1.2;
	text-indent:-1em;
	color:#666;
	letter-spacing: 0.03em;
}
@media only screen and (max-width: 768px){
  #enrollment .preparation .att{
	padding: 1.0em 0 0 1em;
	font-size:1.0em;
	line-height:1.4;
  }
}

#enrollment .condition{
	margin:50px 0 0;
}

#enrollment .condition .beforetext{
	padding:5px 0 15px;
	font-size:1.3em;
}

#enrollment .condition .aftertext{
	padding:15px 0 0;
	font-size:1.3em;
}

#enrollment .condition ul{
	padding:20px 30px;
	background-color:#fafafa;
	border:1px solid #cccccc;
	border-radius:10px;
}

#enrollment .condition li{
	padding:0 0 8px 12px;
	font-size:1.4em;
	line-height:1.5;
	position:relative;
}
@media only screen and (max-width: 768px){
  #enrollment .condition li{
    padding:0 0 8px 5px;
  }
}

#enrollment .condition li:last-child{
	padding-bottom:0;
}

#enrollment .condition li:before{
	content:'';
	display:inline-block;
	border-radius:50%;	
	width:6px;
	height:6px;
	background-color:#27c7c1;
	position:absolute;
	left:-12px;
	top:0.45em
}

#enrollment .linkbtn{
  margin:50px auto 0;
	width:360px;
}
@media only screen and (max-width: 768px){
  #enrollment .linkbtn{
    margin:40px auto 0;
    width:80%;
  }
}

#enrollment .linkbtn a{
  display:block;
  width:100%;
  background-color:#27c7c1;
  color:#fff;
  text-decoration: none;
  text-align:center;
  border-radius:5px;
}

#enrollment .linkbtn a:hover{
  opacity:0.8;
}

#enrollment .linkbtn span{
  display:inline-block;
  padding:12px 0;
	font-size:1.6em;
  line-height:1.5;
  position: relative;
}
@media only screen and (max-width: 768px){
  #enrollment .linkbtn span{
    padding:10px 0;
    font-size:1.5em;
  }
}

#enrollment .linkbtn span:after{
	content:'';
  display:inline-block;
  width:12px;
  height:13px;
	background:url(enrollment/images/icon_windowblank.png) 0 0 no-repeat;
  background-size:contain;
  position: absolute;
  right:-25px;
  top:50%;
  margin-top:-6px;
}
@media only screen and (max-width: 768px){
  #enrollment .linkbtn span:after{
    background:url(enrollment/images/icon_windowblank_sp.png) 0 0 no-repeat;
    background-size:12px 13px;
  }
}


/*RULE
-----------------------------------------------------*/

#rule{
	margin: 0 -10px 0;
	padding:0 0 80px;
}
@media only screen and (max-width: 768px){
  #rule{
	margin: 0 0 0;
    padding:0 0 60px;
  }
}

#rule h2{
	padding:25px 0 23px;
	font-size:22px;
	text-align:center;
	font-weight:bold;
}

#rule article{
	padding: 2em 0 2em;
	border-top: 1px solid #dedede;
}

#rule h3{
	margin:0 0 0 -0.5em;
	padding: 0 0 0.8em 0;
	font-size:15px;
	font-weight:bold;
}

#rule h3:before{
	content:'【';
	display:inline;
}

#rule h3:after{
	content:'】';
	display:inline;
}

#rule dl{
	display:flex;
	padding: 0 0 0 0.5em;
}

#rule dl dt{
	display:inline-block;
	padding: 0;
	width:5em;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap;
}

#rule dl dd{
	width:calc(100% - 5em);
}

#rule p{
	font-size:13px;
}

#rule ol{
	margin-left:1.5em;
	font-size:13px;
}

#rule ol li{
}

#rule ol li i{
	display:inline;
	margin-left:-1.3em;
	margin-right:0.3em;
}

#rule ol li ol li{
}

#rule ol li ol li i{
	display:inline;
	margin-left:-1.5em;
	margin-right:0.3em;
}

#rule ol li table{
	vertical-align:top;
	width:100%;
}

#rule ol li table th{
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}
@media only screen and (max-width: 768px){
  #rule ol li table th{
	display:block;
  }
}

#rule ol li table td{
	vertical-align:top;
	text-align:right;
}
@media only screen and (max-width: 768px){
  #rule ol li table td{
	display:block;
	text-align:left;
  }
}

#rule .end{
	text-align:right;
}


/* regiForm */

#regiForm{
	padding:15px 0 50px 0;
}

#regiForm h3 span{
	padding:0 0 0 10px;
}

#regiForm p.exp{
	padding:0 0 15px 0;
	color:#4c90d6;
	text-align:center;
	font-size:0.9em;
}

#regiForm div#formBase{
	padding:20px 30px;
	background:#fafafa;
	border:1px solid #ccc;
	font-size:1.2em;
}

#regiForm div#formBase dl{
	clear:both;
	border-top:1px solid #dedede;
	padding:15px 0;
}

#regiForm div#formBase dl.first-child{
	border:none;
}

#regiForm div#formBase dt{
	display:block;
	float:left;
	padding:0 12px 15px 12px;
	width:134px;
	color:#4c90d6;
	font-weight:bold;
}


#regiForm div#formBase dd{
	display:block;
	float:left;
	padding:0 0 15px 0;
	width:380px;
	line-height:1.0;
}

#regiForm div#formBase dd input{
	vertical-align:bottom;
	font-size:1.0em;
}

#regiForm div#formBase dd p.att{
	margin:0;
	padding:5px 0 0 0;
	font-size:0.9em;
	color:#999;
}

#regiForm div#formBase dd p.errorAlert{
	padding:0.5em 0 0 0;
}

#regiForm div#formBase dd#wLessontime p{
	padding:0 0 8px 0;
}

#regiForm div#formBase dd#wLessontime p.last-child{
	padding:0 0 0 0;
}

#regiForm div#formBase dd#wLessontime p.att{
	padding:0 0 0 0;
}

#regiForm div#formBase dd#wAgree label input{
	margin-right:0.3em;
}

#regiForm div#formBase dd#wExperience label{
	display: inline-block;
	margin-right:0.8em;
	margin-bottom:0.5em;
}

#regiForm div#formBase dd#wExperience label:last-child{
	margin-bottom:0;
}

#regiForm div#formBase dd#wExperience label input{
	margin-right:0.2em;
}

#regiForm div#formBase dd#wExperience.exps{
	line-height:1.5;
}

#regiForm div#formBase dd textarea{
	padding:3px;
	width:100%;
	font-size:1.0em;
}

#regiForm div#formBase .btn{
	clear:both;
	padding:15px 0 0 0;
	text-align:center;
	border-top:1px solid #dedede;
}


#regiForm div#formBase .btn input{
    margin: 0 15px;
    padding: 2px 5px;
}

#regiForm div#formBase .errorAlert{
	color:#ff0000;
}

#regiForm p.attbottom{
	padding:30px 0 0 0;
	/*color:#4c90d6;*/
	color:#ff0000;
	text-align:left;
	font-size:0.9em;
	line-height:1.5;
}

#regiForm p.complete{
	line-height:1.5;
}



/*NEWSLIST
-----------------------------------------------------*/

#sub #newslist{
	width:600px;
	margin:20px 0 20px 0;
}
@media only screen and (max-width: 768px){
	#sub #newslist {
		width: auto;
	}
}

#sub #newslist h1{
	padding:0 0 25px;
	text-align:center;
	font-weight:bold;
	font-size: 21px;
}

#sub #newslist h2{
	display:inline-block;
	/*padding:5px 2px 5px 5px;*/
	padding:0 0 0 0;
	text-align:left;
	line-height:1.0;
	font-weight:bold;
	/*color:#fff;
	font-size:12px;
	background-color:#faa61a;*/
	font-size:13px;
	position:relative;
}
@media only screen and (max-width: 768px){
	#sub #newslist h2{
		display:block;
		text-align:left;
	}
}

/*
#sub #newslist h2:after{
	content:'';
	display:inline-block;
	width:0;
	height:0;
	border-top: 11px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #faa61a;
  border-left: 7px solid #faa61a;
  position: absolute;
  right: -14px;
  top:0;
}*/

/*
#sub #newslist h2{
	margin:0;
	padding:0;
	height:22px;
}

#sub #newslist h2 img{
	float:left;
}

#sub #newslist h2 span{
	float:right;
	padding:3px 0 0 20px;
	background:url(images/icon_arrow.png) 0 0.4em no-repeat;
	font-size:0.7em;
}

#sub #newslist h2 span a{
	color:#666;
}*/

#sub #newslist .newsboxes{
	margin:0;
}
@media only screen and (max-width: 768px){
	#sub #newslist .newsboxes{
		margin:0 -5px;
	}
}

#sub #newslist dl{
	clear:both;
	margin:0 0 35px;
	padding:10px 10px 7px;
	font-size:1.2em;
	background:#f9f2e5;
	border:1px solid #faa61a;
	overflow:hidden;
}
@media only screen and (max-width: 768px){
	#sub #newslist dl{
		padding: 10px 10px 10px;
	}
}

#sub #newslist .newsboxes dl:last-child{
	margin-bottom:0;
}

#sub #newslist dt{
	clear:both;
	float:left;
	padding:3px 5px 3px 0;
	line-height:1.5;
	width:100px;
}
@media only screen and (max-width: 768px){
	#sub #newslist dt {
		clear: both;
		display:block;
		padding:0;
		line-height: 1.5;
		width:auto;
		font-size: 11px;
	}
}

#sub #newslist dd{
	float:left;
	display:block;
	padding:3px 0 3px 60px;
	line-height:1.5;
	width:400px;
}
@media only screen and (max-width: 768px){
	#sub #newslist dd {
		clear: both;
		display:block;
		margin: 0 0 8px;
		/*padding:0 0 15px 0;*/
		line-height: 1.3;
		/*width:100%;*/
		width:auto;
	}
}

@media only screen and (max-width: 768px){
	#sub #newslist dd:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
	}
}

#sub #newslist dd.event,
#sub #newslist dd.soccerevent,
#sub #newslist dd.golfevent{
	background:url(images/chip_event.png) 0 0.5em no-repeat;
}

#sub #newslist dd.campaign,
#sub #newslist dd.soccercampaign,
#sub #newslist dd.golfcampaign{
	background:url(images/chip_campaign.png) 0 0.5em no-repeat;
}

#sub #newslist dd.info,
#sub #newslist dd.soccerinfo,
#sub #newslist dd.golfinfo{
	background:url(images/chip_info.png) 0 0.5em no-repeat;
}

/*
@media only screen and (max-width: 768px){
	#sub #newslist dd.info,
	#sub #newslist dd.event,
	#sub #newslist dd.campaign,
	#sub #newslist dd.soccerinfo,
	#sub #newslist dd.soccerevent,
	#sub #newslist dd.soccercampaign,
	#sub #newslist dd.golfinfo,
	#sub #newslist dd.golfevent,
	#sub #newslist dd.golfcampaign{
		background:none;
	}
}
*/

#sub #newslist #pagenav{
	clear:both;
	padding:15px 0 0;
	text-align:center;
}

#sub #newslist #pagenav li{
	display:inline;
}


/*NEWS
-----------------------------------------------------*/
#sub #news{
	padding:20px 0 50px 0;
}

#sub #news h2{
	padding:0 0 5px 0;
	font-size:1.8em;
	font-weight:bold;
	border-bottom:1px solid #999;
}

#sub #news dl dt{
	line-height:1.8;
}

#sub #news dl dt span{
	display:block;
	font-size:1.1em;
	padding:1px 0 0 55px;
}

#sub #news dl dt.event,
#sub #news dl dt.soccerevent,
#sub #news dl dt.golfevent{
	background:url(images/chipblock_event.gif) 0 0.3em no-repeat;
}

#sub #news dl dt.campaign,
#sub #news dl dt.soccercampaign,
#sub #news dl dt.golfcampaign{
	background:url(images/chipblock_campaign.gif) 0 0.3em no-repeat;
}

#sub #news dl dt.info,
#sub #news dl dt.soccerinfo,
#sub #news dl dt.golfinfo{
	background:url(images/chipblock_info.gif) 0 0.3em no-repeat;
}

#sub #news dl dd{
	font-size:1.2em;
	line-height:1.8;
}

#sub #news dl dd h2{
	margin:5px 0 20px 0;
	line-height:1.3;
}

#sub #news dl dd .content-text p{
	padding:0 0 1em 0;
	clear:both;	/*210513追加*/
	overflow: hidden;	/*210513追加*/
	line-height: 1.8;	/*210513追加*/
	font-size: 1.1em;	/*210513追加*/
}
@media only screen and (max-width: 768px){
	#sub #news dl dd .content-text p{
		clear:both;
	}
}

#sub #news dl dd .content-text img{
	float:left;
	/*padding:0 15px 10px 0;*/
	padding:0 15px 15px 0;	/*210513追加*/
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 768px){
	#sub #news dl dd .content-text img {
	    float: none;
	    margin: 0 auto 10px;
	    padding: 0;
	    width: 100%;
	}
}

/*
#sub #news dl dd .content-text img:last-child{
	padding-bottom:0;
}*/

#sub #news dl dd .content-text table,
#sub #news dl dd .content-text th,
#sub #news dl dd .content-text td{
	border-collapse:collapse;
	border:1px solid #ccc;
}

#sub #news dl dd .content-text table{
	width:auto;
	line-height:1.0;
}

#sub #news dl dd .content-text th,
#sub #news dl dd .content-text td{
	padding:0.5em 1.0em;
}

#sub #news #pagenav{
	padding:30px 0 0;
	text-align:center;
	font-size:1.2em;
}

#sub #news #pagenav li{
	display:inline;
}


/*CAMPAIGN
-----------------------------------------------------*/
#campaign{
	margin:9px auto 0;
	width:664px;
}

#campaign #camp-info{
	margin:20px 0 30px 0;
}

#campaign #camp-info dt img{
	line-height:1.0;
}

#campaign #camp-info dd{
	margin:10px 0 0 0;
}

#campaign #camp-info dd ul{
	margin:10px 0 0 0;
	line-height:1.5;
}

/*
#campaign #contents-footer{
	margin:30px auto 0;
	width:600px;
}
*/


/* #chance */

#campaign #chance table table,
#campaign #chance table tr,
#campaign #chance table td{
	border:none;
	border-collapse:collapse;
}


/* #resolution */

#campaign #resolution h2{
	
}

#campaign #resolution p{
	
}

/*
#campaign #resolution{
	position:relative;
	width:664px;
	height:622px;
	background:url(campaign/images/resolution/bg_campaign.gif) 0 0 no-repeat;
}

#campaign #resolution h2{
	position:absolute;
	left:15px;
	top:15px;
	z-index:100;
}

#campaign #resolution p.toplogo{
	position:absolute;
	left:355px;
	top:13px;
}

#campaign #resolution p.subtitle{
	position:absolute;
	left:15px;
	top:148px;
}

#campaign #resolution p.object{
	position:absolute;
	left:131px;
	top:358px;
}

#campaign #resolution .person1 .pic{
	position:absolute;
	left:295px;
	top:41px;
}

#campaign #resolution .person1 .catch{
	position:absolute;
	left:454px;
	top:68px;
}

#campaign #resolution .person1 dt{
	position:absolute;
	left:477px;
	top:132px;
}

#campaign #resolution .person1 dd{
	position:absolute;
	left:477px;
	top:156px;
}


#campaign #resolution .person2 .pic{
	position:absolute;
	left:160px;
	top:178px;
	z-index:10;
}

#campaign #resolution .person2 .catch{
	position:absolute;
	left:18px;
	top:216px;
}

#campaign #resolution .person2 dt{
	position:absolute;
	left:16px;
	top:280px;
}

#campaign #resolution .person2 dd{
	position:absolute;
	left:20px;
	top:304px;
}


#campaign #resolution .person3 .pic{
	position:absolute;
	left:493px;
	top:209px;
}

#campaign #resolution .person3 .catch{
	position:absolute;
	left:324px;
	top:302px;
}

#campaign #resolution .person3 dt{
	position:absolute;
	left:324px;
	top:365px;
}

#campaign #resolution .person3 dd{
	position:absolute;
	left:322px;
	top:385px;
}


#campaign #resolution .person4 .pic{
	position:absolute;
	left:6px;
	top:355px;
}

#campaign #resolution .person4 .catch{
	position:absolute;
	left:141px;
	top:405px;
}

#campaign #resolution .person4 dt{
	position:absolute;
	left:167px;
	top:468px;
}

#campaign #resolution .person4 dd{
	position:absolute;
	left:167px;
	top:491px;
}


#campaign #resolution .person5 .pic{
	position:absolute;
	left:269px;
	top:423px;
}

#campaign #resolution .person5 .catch{
	position:absolute;
	left:445px;
	top:455px;
}

#campaign #resolution .person5 dt{
	position:absolute;
	left:467px;
	top:519px;
}

#campaign #resolution .person5 dd{
	position:absolute;
	left:467px;
	top:543px;
}

#campaign #resolution p.att{
	position:absolute;
	left:10px;
	top:605px;
}
*/



/*COUPON
-----------------------------------------------------*/
#coupon{
	background:none;
}

#coupon #container{
	margin:0 auto;
	width:640px;
	background:none;
}

#coupon #contents{
	float:none;
}

#coupon #contents .inner{
	margin:50px auto 0;
	width:480px;
	background:none;
}

#coupon #footer{
	background:none;
}

#coupon h1 {
	padding: 0 0 25px;
	text-align: center;
	font-weight:bold;
	font-size:2.2em;
}



#coupon p.exp {
	color:#ff0000;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 25px;
	line-height:1.5;
    text-align: center;
}

#coupon ul {
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: left;
	width: 480px;
}
#coupon ul, #coupon li {
	list-style-type: none;
}

#coupon li {
    line-height: 1.4;
	font-size:1.1em;
}

#coupon p.printbtn{
	padding:20px 0 0;
	text-align:center;
}

#coupon p.pagelink {
	padding: 50px 0;
	font-size:1.2em;
	text-align:center;
}

#coupon p.pagelink a {
    font-size: 1.2em;
    margin: 0 20px;
}

/*PRINTMAP
-----------------------------------------------------*/
#printmap{
	background:none;
}

#printmap #container{
	margin:20px auto 20px;
	width:600px;
	background:none;
}

#printmap #contents{
	float:none;
	width:600px;
}

#printmap #map{
	padding:0 15px;
}

#printmap h1{
	padding:0 0 10px 0;
	font-weight:bold;
}

#printmap h1 span{
	float:right;
}

#printmap h2{
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:1.3em;
}

#printmap p.address{
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:1.5;
}

#printmap #contents #map{
	margin:0;
}

#printmap #contents .inner{
	margin:40px auto 0;
	width:480px;
	background:none;
}

#printmap #contents .inner ul{
	padding:10px 0 0 0;
}

#printmap #contents .inner li{
	line-height:1.4;
}

#printmap #footer{
	background:none;
}



/*junior
-----------------------------------------------------*/
#single #junior{
	padding:10px 35px 0;
}

#single #junior p#logo{
	padding:0 0 10px;
}

#single #junior #container-inner{
	background-image:none;
	background-color:#fff;
}

#single #junior #contents{
	float:none;
	margin:0 auto;
	padding:10px 0 0;
	width:830px;
}

#single #junior h1{
	margin:0;
	padding:0 0 15px 0;
}

#single #junior h2{
	margin:0;
	padding:20px 0 15px 0;
}

#single #junior h3{
	margin:30px 0 0 0;
	padding:0 0 8px 0;
	font-weight:bold;
	font-size:1.7em;
}

#single #junior p{
	margin:0;
	padding:0 0 15px 0;
}


#single #junior table{
	margin:0 0 30px 0;
	padding:0;
}

#single #junior table,
#single #junior th,
#single #junior td{
	border-collapse:collapse;
	border:1px solid #666;
	color:#333;
}

#single #junior table{
}

#single #junior th{
	white-space:nowrap;
	padding:2px 5px;
	color:#fff;
}

#single #junior .kameido{
	margin:30px 0 0 0;
}

#single #junior .kameido h3{
	color:#fba618;
}

#single #junior .tsudanuma h3{
	color:#16becf;
}

#single #junior .tama h3{
	color:#f3859b;
}

#single #junior .hikawadai h3{
	color:#05ae2d;
}

#single #junior .sagamiono h3{
	color:#a15c9d;
}

#single #junior .yokohama h3{
	color:#004c96;
}

#single #junior .toyocho h3{
	color:#d9342c;
}

#single #junior .sapporo-shinrinkoen h3{
	color:#6fba2c;
}

#single #junior .kameido div{
	margin:0 0 30px 0;
}

#single #junior .tsudanuma div{
	margin:0 0 30px 0;
}

#junior .tama div{
	margin:0 0 30px 0;
}

#single #junior .hikawadai div{
	margin:0 0 30px 0;
}

#single #junior .sagamiono div{
	margin:0 0 30px 0;
}

#single #junior .yokohama div{
	margin:0 0 30px 0;
}

#single #junior .toyocho div{
	margin:0 0 30px 0;
}

#single #junior .sapporo-shinrinkoen div{
	margin:0 0 30px 0;
}

#single #junior .junior-price table{
	margin: 0 0 10px 0;
	width:100%;
	font-size:13px;
}

#single #junior .junior-price th{
	text-align:center;
	vertical-align:middle;
}

#single #junior .junior-price td{
	text-align:center;
	vertical-align:middle;
}

#single #junior .junior-price td.classname{
	text-align:left;
	font-weight:bold;
}

#single #junior .junior-price td.classname span{
	font-weight:normal;
}

#single #junior .kameido th{
	background:#fba618;
}

#single #junior .tsudanuma th{
	background:#16becf;
}

#single #junior .tama th{
	background:#f3859b;
}

#single #junior .hikawa th{
	background:#05ae2d;
}

#single #junior .sagamiono th{
	background:#a15c9d;
}

#single #junior .yokohama th{
	background:#004c96;
}

#single #junior .toyocho th{
	background:#d9342c;
}

#single #junior .sapporo-shinrinkoen th{
	background:#6fba2c;
}

#single #junior td{
	padding:3px 5px;
}

#single #junior td span{
}

#single #junior ul,
#single #junior li{
	list-style:none;
}

#single #junior ul{
	padding:0 0 20px 0;
	font-size:12px;
}

#single #junior li{
	line-height:1.5;
}

#single #junior li em{
	margin:0 0 0 -0.5em;
	color:#f00;
}

#single #junior .to-home {
    clear: both;
    font-size: 1.2em;
    padding: 30px 0;
    text-align: center;
}



/*special
-----------------------------------------------------*/

#special h2 strong {
  padding: 0 0.5em 0 0;
	vertical-align:middle;
}


/*404 Not Found
-----------------------------------------------------*/

#notfound {
	padding: 40px 0 40px;
}

#notfound h2 {
	padding: 0 0 0 0;
	text-align:center;
	font-size:22px;
	font-weight:bold;
}

#notfound .text {
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	text-align:center;
	font-size:14px;
	line-height:1.8;
}
@media only screen and (max-width: 768px){
  #notfound .text {
  	padding: 0 10px 0;
		text-align:left;
  }
}

#notfound .link {
	margin: 30px 0 0 0;
	text-align:center;
	font-size:14px;
	line-height:1.8;
}

#notfound .link:last-child {
	margin-top: 15px;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


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

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

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

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

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;*/
	/*-webkit-box-shadow: 0 0 5px #ccc;*/
	/*box-shadow: 0 0 5px #ccc;*/
	/*border:  5px solid #fff;*/
	/*left: -5px;*/
	/*background: #fff;*/

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

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

/* LOADER */

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

/* PAGER */

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

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

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.kameido .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kameido .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff9933;	/*各校CSSで色を差し替える*/
}

.tsudanuma .bx-wrapper .bx-pager.bx-default-pager a:hover,
.tsudanuma .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2adbed;	/*各校CSSで色を差し替える*/
}

.tama .bx-wrapper .bx-pager.bx-default-pager a:hover,
.tama .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff91a1;	/*各校CSSで色を差し替える*/
}

.hikawadai .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hikawadai .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0cca39;	/*各校CSSで色を差し替える*/
}

.sagamiono .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sagamiono .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #c467bf;	/*各校CSSで色を差し替える*/
}

.yokohama .bx-wrapper .bx-pager.bx-default-pager a:hover,
.yokohama .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #004c96;	/*各校CSSで色を差し替える*/
}

.toyocho .bx-wrapper .bx-pager.bx-default-pager a:hover,
.toyocho .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d9342c;	/*各校CSSで色を差し替える*/
}

.sapporo-shinrinkoen .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sapporo-shinrinkoen .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #6fba2c;	/*各校CSSで色を差し替える*/
	/*background: #014099;*/
}

/* DIRECTION CONTROLS (NEXT / PREV) */


/*各校CSSで色の違う画像を差し替える（各校画像はまとめてtennis_commonにある）*/

.kameido .bx-wrapper .bx-prev ,
.tsudanuma .bx-wrapper .bx-prev ,
.tama .bx-wrapper .bx-prev ,
.hikawadai .bx-wrapper .bx-prev ,
.sagamiono .bx-wrapper .bx-prev ,
.yokohama .bx-wrapper .bx-prev ,
.toyocho .bx-wrapper .bx-prev ,
.sapporo-shinrinkoen .bx-wrapper .bx-prev {
	left: -23px;
}

.kameido .bx-wrapper .bx-prev {
	background: url(images/controls_kameido.png) no-repeat 0 -32px;
}

.tsudanuma .bx-wrapper .bx-prev {
	background: url(images/controls_tsudanuma.png) no-repeat 0 -32px;
}

.tama .bx-wrapper .bx-prev {
	background: url(images/controls_tama.png) no-repeat 0 -32px;
}

.hikawadai .bx-wrapper .bx-prev {
	background: url(images/controls_hikawadai.png) no-repeat 0 -32px;
}

.sagamiono .bx-wrapper .bx-prev {
	background: url(images/controls_sagamiono.png) no-repeat 0 -32px;
}

.yokohama .bx-wrapper .bx-prev {
	background: url(images/controls_yokohama.png) no-repeat 0 -32px;
}

.toyocho .bx-wrapper .bx-prev {
	background: url(images/controls_toyocho.png) no-repeat 0 -32px;
}

.sapporo-shinrinkoen .bx-wrapper .bx-prev {
	background: url(images/controls_sapporo-shinrinkoen.png) no-repeat 0 -32px;
}


/*各校CSSで色の違う画像を差し替える（各校画像はまとめてtennis_commonにある）*/

.kameido .bx-wrapper .bx-next,
.tsudanuma .bx-wrapper .bx-next,
.tama .bx-wrapper .bx-next,
.hikawadai .bx-wrapper .bx-next,
.sagamiono .bx-wrapper .bx-next,
.yokohama .bx-wrapper .bx-next,
.toyocho .bx-wrapper .bx-next,
.sapporo-shinrinkoen .bx-wrapper .bx-next{
	right: -23px;
}

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

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

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

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

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

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

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

.sapporo-shinrinkoen .bx-wrapper .bx-next {
	background: url(images/controls_sapporo-shinrinkoen.png) no-repeat -43px -32px;
}

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

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

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

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

/* AUTO CONTROLS (START / STOP) */

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

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

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

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

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

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

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

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

/* IMAGE CAPTIONS */

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

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






/*====================================================================================*/

@media only screen and (max-width: 768px){



/* basic SP */

.for-pc{
	display:none !important;
}

.for-sp{
	display:block !important;
}

.for-pc-i{
	display:none !important;
}

.for-sp-i{
	display:inline !important;
}

.for-pc-ib{
	display:none !important;
}

.for-sp-ib{
	display:inline-block !important;
}

.for-pc-l{
	display:none !important;
}

.for-sp-l{
	display: list-item !important;
}

body{
	background:none!important;
}


h1#static{
	margin:0!important;
}

#container {
	width:100%;
	background:none!important;
}

#container #container-inner {
	width: auto;
	background:none;
	padding:0 0 0;
}



/* header SP */

#header #hd-sp{
	display:block;
	position:relative;
}

#header #hd-sp.kameido{
	background-color:#faa61a;
}

#header #hd-sp.tsudanuma{
	background-color:#16becf;
}

#header #hd-sp.tama{
	background-color:#f3859b;
}

#header #hd-sp.hikawadai{
	background-color:#05ae2d;
}

#header #hd-sp.sagamiono{
	background-color:#a15c9d;
}

#header #hd-sp.yokohama{
	background-color:#004c96;
}

#header #hd-sp.toyocho{
	background-color:#d9342c;
}

#header #hd-sp.sapporo-shinrinkoen{
	background-color:#6fba2c;
}

#header #hd-sp p.telnum{
	float:none;
	padding: 0 0 0 10px;
	font-size:11px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	vertical-align:middle;
	color:#fff;
	text-align:left;
}

#header .telnum a {
	padding: 0 0 0 5px;
	color: #ffef3b;
	font-family:auto;
	font-weight:bold;
	font-size:16px;
}

#header #hd-left {
    float: none;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
}
#header #hd-left .catch{
	padding:12px 0 0 0;
	text-align:center;
	height:auto;
	background: none;
}

#header #hd-left .catch span{
	display:none;
}

#header #hd-left p.group-logo{
	display:none;
}

#header #hd-right {
	float: none;
	padding: 0 0 0 0;
	width: 100%!important;
	text-align: left;
}

#header #hd-right p.btn,
#header #hd-right p.telnum{
	display:none;
}

#header .school-logo {
	padding: 10px 15px 12px;
	text-align:center;
}

#header .school-logo img {
    width: auto;
    /*height: 36px;*/
    width: 100%;
    height: auto;
}

#header .omimai{
	margin:0 15px 5px;
	padding:15px 0 6px;
}

#header .omimai p{
	padding:5px!important;
	text-align:left!important;
	font-size:1.0em!important;
}

#header .omimai br{
	display:none;
}



/* contents SP */

#contents {
	float: none;
	width: auto;
	margin:0 15px;
}

#sub #contents {
    min-height: auto;
}

#contents-inner {
	margin: 0 auto;
	width: auto;
}



/* common menu SP */

#sidebar {
	float: none;
	width: 100%;
	padding: 0 0 0 0;
}

#home #nav {
	padding:0;
	width: 100%;
}
#home #nav > div,
#home #nav-opt{
	overflow:hidden;
}
/*
#home #sidebar.kameido #nav > div,
#home #sidebar.kameido #nav-opt{
	background-color:#faa61a;
}

#home #sidebar.tsudanuma #nav > div,
#home #sidebar.tsudanuma #nav-opt{
	background-color:#16becf;
}

#home #sidebar.tama #nav > div,
#home #sidebar.tama #nav-opt{
	background-color:#f3859b;
}

#home #sidebar.hikawadai #nav > div,
#home #sidebar.hikawadai #nav-opt{
	background-color:#05ae2d;
}

#home #sidebar.sagamiono #nav > div,
#home #sidebar.sagamiono #nav-opt{
	background-color:#a15c9d;
}

#home #sidebar.yokohama #nav > div,
#home #sidebar.yokohama #nav-opt{
	background-color:#004c96;
}

#home #sidebar.toyocho #nav > div,
#home #sidebar.toyocho #nav-opt{
	background-color:#d9342c;
}

#home #sidebar.sapporo-shinrinkoen #nav > div,
#home #sidebar.sapporo-shinrinkoen #nav-opt{
	background-color:#6fba2c;
}
*/

#home #nav .menu,
#sidebar #nav-opt{
	/*display:table;*/
	display:flex;
	flex-wrap:wrap;
	width:100%;
}



#home #nav .menu li,
#sidebar #nav-opt li.member,
#sidebar #nav-opt li.recruit{
	/*float:left;
	display:table-cell;*/
	display:block;
	width:50%;
	margin:0;
	background-image:url(images/icon_menu_tri_sp.png);
	background-position:10px 1.4em;
	background-repeat:no-repeat;
	background-size:7px 7px;
	overflow: hidden;
	white-space: nowrap;
}

#home #nav .menu li.lock,
#sidebar #nav-opt li.lock{
	background-image:url(images/icon_menu_lock_sp.png);
	background-position:9px 1.25em;
	background-repeat:no-repeat;
	background-size:7px 8px;
}

#home #nav .menu li.members,
#sidebar #nav-opt li.members{
	background-image:url(images/icon_menu_members_sp.png);
	background-position:9px 1.25em;
	background-repeat:no-repeat;
	background-size:7px 10px;
}

#home #nav .menu li.blank,
#sidebar #nav-opt li.blank{
	background-image:url(images/icon_menu_blank_sp.png);
	background-position:9px 1.25em;
	background-repeat:no-repeat;
	background-size:7px 8px;
}



#sidebar #nav-opt li.recruit {
    padding: 0 0 0 0;
}
  
#home #nav .menu li a,
#sidebar #nav-opt li.member a,
#sidebar #nav-opt li.recruit a{
	display: block;
	padding:0.7em 10px 0.7em 22px;
	text-indent: 0;
	width: auto;
	height: auto;
	background:none;
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

#sidebar #nav-opt li.recruit a{
	border-right:none;
}


#home #nav .menu li:nth-child(even) a,
#sidebar #nav-opt li.member:nth-child(odd) a,
#sidebar #nav-opt li.recruit:nth-child(odd) a{
	border-right:none;
}

#sidebar #nav-opt li.request,
#sidebar #nav-opt li.group{
	display:none;
}

#sidebar #nav-opt li.member img,
#sidebar #nav-opt li.recruit img{
	display:none;
}

#sidebar #nav-opt li.member a:after,
#sidebar #nav-opt li.recruit a:after{
	content:attr(data-label);
}

#sidebar.kameido #nav-opt li.member{
	background-color:#ef903b;
}

#sidebar.tsudanuma #nav-opt li.member{
	background-color:#0daabd;
}

#sidebar.tama #nav-opt li.member{
	background-color:#ea6a81;
}

#sidebar.hikawadai #nav-opt li.member{
	background-color:#039d22;
}

#sidebar.sagamiono #nav-opt li.member{
	background-color:#874f84;
}

#sidebar.yokohama #nav-opt li.member{
	background-color:#004c96;
}

#sidebar.toyocho #nav-opt li.member{
	background-color:#d9342c;
}

#sidebar.sapporo-shinrinkoen #nav-opt li.member{
	background-color:#6fba2c;
}


/*common footer SP*/



#contents dl#ft-warranty dl{
	border-radius: 5px;
}

#contents dl#ft-warranty dt {
	float: none;
	padding: 0 5px;
	width:5em;
	height: auto;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;

}

#contents dl#ft-warranty dt br{
	display:inline;
}

#contents dl#ft-warranty dd {
	float: none;
	padding: 6px 12px;
	line-height: 1.3em;
}

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

#footer #footer-wrapper {
	    margin: 0;
	padding: 15px 0 0;
	height: auto;
	border-top: 4px solid #faa61a;
}

#footer #footer-wrapper #ft-info {
	float: none;
	padding:0 0 25px;
	width: auto;
}

#footer #footer-wrapper #ft-info dt{
	text-align:center;
}

#footer #footer-wrapper #ft-info dt img{
	height:30px;
	width:auto;
}

#footer #footer-wrapper #ft-info dd{
	text-align:center;
}

#footer #footer-wrapper #ft-info dd p.btn{
	
}

#footer #footer-wrapper #ft-info dd p.btn a img{
	width:100%;
	height:auto;
}

#footer #footer-wrapper #ft-info dd p.telnum {
	float:none;
	display:inline-block;
	margin:0;
	padding:0 0 0 23px;
}

#footer #footer-wrapper #ft-info p.teltime {
	clear:both;
	float: none;
	padding:10px 0 15px 0;
}

#footer #footer-wrapper #ft-info p.teltime br{
	display:none;
}

#footer #footer-wrapper #ft-links{
	margin:0 15px 25px;
	overflow:hidden;
}

#footer #footer-wrapper ul#ft-col1 {
	float: left;
	display:table-cell;
	width: 50%;
}
#footer #footer-wrapper ul#ft-col2 {
	float: left;
	display:table-cell;
	width: 50%;
}
#footer #footer-wrapper ul#ft-col3 {
	display:none;
	clear:both;
	float: none;
}

#ft-belt {
	clear: both;
	margin: 0;
	padding:10px 0;
	background: #f0f0f0;
	height:auto;
	line-height:1.5;
	text-align: center;
	overflow: hidden;
}

#ft-belt p {
    float: none;
    display:inline;
    padding: 0 0 0;
    height: auto;
    line-height: 1.8;
    text-align:center;
}

#ft-belt ul{
    display:inline;
	text-align:center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#ft-belt ul li {
    float: none;
    display:inline;
    padding: 0 0.5em 0;
    height: auto;
    line-height: 1.8;
    letter-spacing: normal; /* 文字間を通常に戻す */
}

#ft-belt ul li.firstChild:before,
#ft-belt ul li.firstChild:after{
	content: "\A" ;
	white-space: pre ;
}

#ft-belt ul li:nth-child(2){
	clear:both;
}

#ft-belt ul li:nth-child(6):after{
	content: "\A" ;
	white-space: pre ;
}

#ft-belt ul li.firstChild a {
	padding: 0 0 0 0;
	border-right:none;
}

#ft-belt #copyright {
	clear:both;
	float: none;
	display:block;
	padding: 5px 0 0 0;
	text-align:center;
}





/*-----Home SP-----*/

#home #slide{
	margin:0 0 30px 0;
	width:auto;
}

.kameido .bx-wrapper .bx-prev ,
.tsudanuma .bx-wrapper .bx-prev ,
.tama .bx-wrapper .bx-prev ,
.hikawadai .bx-wrapper .bx-prev ,
.sagamiono .bx-wrapper .bx-prev ,
.yokohama .bx-wrapper .bx-prev ,
.toyocho .bx-wrapper .bx-prev ,
.sapporo-shinrinkoen .bx-wrapper .bx-prev {
	display:none;
}

.kameido .bx-wrapper .bx-next,
.tsudanuma .bx-wrapper .bx-next,
.tama .bx-wrapper .bx-next,
.hikawadai .bx-wrapper .bx-next,
.sagamiono .bx-wrapper .bx-next,
.yokohama .bx-wrapper .bx-next,
.toyocho .bx-wrapper .bx-next,
.sapporo-shinrinkoen .bx-wrapper .bx-next{
	display:none;
}

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

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    margin-left:-100px;
    width: 200px;
    left:50%;
    bottom: -19px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	margin: 0 10px;
}

#home #contents-inner p.pt20 a img{
	width:100%;
	height:auto;
}


#home #sidebar ul.side-bn{
	display:none;
}

#home #news {
	margin: 25px -5px 20px;
	width: auto;
}

#home #news dl dt:nth-child(n+9),
#home #news dl dd:nth-child(n+9){
	display:none;
}
/*
#home #news dd.info,
#home #news dd.event,
#home #news dd.campaign,
#home #news dd.soccerinfo,
#home #news dd.soccerevent,
#home #news dd.soccercampaign,
#home #news dd.golfinfo,
#home #news dd.golfevent,
#home #news dd.golfcampaign{
	background:none;
}*/



#home #news dl{
	
}

#home #news dt {
	clear: both;
	display:block;
	padding:0;
	line-height: 1.0;
	width:auto;
  font-size: 11px;
}

#home #news dd {
	clear: both;
	display:block;
	margin: 0 0 7px;
	/*padding:0 0 5px 0;*/
	line-height: 1.3;
	/*width:100%;*/
	width:auto;
}

#home #news .newsboxes dd:last-child {
	margin-bottom:0;
}

#home .static-campaign {
	width: 100%;
}

#home .static-campaign img{
	width: 100%;
	height:auto;
}

#home #contents #long-banner li{
	padding:0 0 20px 0;
}

#home ul#long-banner li a img{
	width:100%;
	height:auto;
}

#home #contents #long-banner li span.bakudan {
    display: none;
}

#home #indoorview {
    margin: 10px 0 0;
}

#home iframe{
	/*margin:10px 0 0 0!important;*/
	width:100%;
	height:280px;
}

#home #contents .section p {
	/*padding: 0 15px;*/
	font-size: 1.2em;
	line-height: 1.5;
}

#home #map p.lead span {
	display:none;
}

#home #staticmap {
    margin: 20px 0 10px;
}

#home #staticmap img{
	width:100%;
	height:auto;
}

#home #map #map_canvas{
	clear:both;
	margin:15px 0 10px;
	width:100%;
	height:280px;
}

#home #map .address span {
    padding: 0 0 0 0;
}





/*-----Sub SP-----*/

#sub #sidebar{
	display:none;
}

#sub h1 img{
	display:none;
}

#sub h1{
	margin:0 15px;
	padding:5px 0;
	background-color:#faa61a;
	text-align:center;
}

#sub h1:after{
	content:attr(data-label);
	font-weight:bold;
	font-size:16px;
	line-height:1.0;
	color:#fff;
}

#sub h2 img{
	display:none;
}

#sub h2:after{
	content:attr(data-label);
	font-weight:bold;
	font-size:14px;
	line-height:1.3;
}



/* school SP */

#sub #school {
	    padding: 20px 0 0 0;
}

#sub #school h2 {
    padding: 0 0 20px 0;
}

#sub #school .section{
	margin: 0 0 0 0;
	display:table;
}

#sub #school .section dl.clear{
	clear:none;
}

#sub #school .section dl {
    float: left;
    padding: 0 0 30px 0;
    width: 50%;
	display:table-cell;
}

#sub #school .section dl:nth-child(3n+1){
	clear:none;
}

#sub #school .section dl:nth-child(odd) {
	clear:both;
}

#sub #school .section dl:nth-child(odd) dt{
    padding: 0 5px 7px 0;
}

#sub #school .section dl:nth-child(odd) dd{
    padding: 0 5px 0 0;
}

#sub #school .section dl:nth-child(even) dt{
    padding: 0 0 7px 5px;
}

#sub #school .section dl:nth-child(even) dd{
    padding: 0 0 0 5px;
}



#sub #school .section dl dt img{
	width:100%;
	height:auto;
}

#sub #school #floormap {
    clear: both;
    padding: 0 0 40px 0;
}

#sub #school #floormap p{
	text-align:center;
}

#sub #school #floormap p img{
	width:90%;
	height:auto;
}



/*staff*/

#sub #staff h2 {
    padding: 0 0 10px 0;
}

#sub #staff .staffall.section{
    padding: 0 0 20px 0;
    border-bottom: 1px solid #bbb;
    margin:0 0 20px 0;
}

#sub #staff .staffall.section img{
    width:100%;
    height:auto;
}

#sub #staff .section dl {
    clear: both;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #bbb;
}

#sub #staff .section dt {
    float: none;
    width: 100%;
    padding:0 0 10px 0;
    text-align:center;
}

#sub #staff .section dd {
    float: none;
    width: 100%;
}

#sub #staff .section dd h3 {
    text-align:center;
}




/*join*/

#sub #join h2 {
    padding: 20px 0 20px 0;
}

#sub #join .section ol.flow {
    padding: 0 0 0 0;
}

#sub #contents #join .section ol.flow li {
    display: block;
    float: none;
    margin:0 0 7px 0;
    padding:0 0 20px 0;
    width: 100%;
    background: url(images/img_flow_tri_sp.gif) center bottom no-repeat;
    font-size:1.2em;
    
}

#sub #contents #join .section ol.flow li:last-child{
	padding: 0 0 0 0;
}

#sub #contents #join .section ol.flow li img{
	display:none;
}

#sub #contents #join .section ol.flow li span{
	display:block;
	padding:7px 10px;
	background:#f3f3f3;
	line-height:1.3;
	font-size:14px;
}

#sub #join .section ol.preparation {
    padding: 15px 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#sub #join .section ul.att{
    font-size:11px;
    line-height:1.2;
}

#sub #join .section p.qa {
	display:none;
}

#sub #join .section dl.qa-sp{
	display:block;
	margin:0 0 30px 0;
	border:1px solid #fac266;
	font-size:12px;
}

#sub #join .section dl.qa-sp dt{
	padding:10px;
	background:#fee6bf;
}

#sub #join .section dl.qa-sp dd{
	padding:5px 10px;
	background:#fff;
}

#sub #join .section dl.qa-sp dd ul{
    padding: 5px 0 10px;
    line-height:1.5;
}

#sub #join .section dl.qa-sp dd p{
	padding:0 0 5px;
	color:#ee7224;
	text-align:center;

}


/* class */

#sub #class .section table {
    width: 100%;
}

#sub #class .section p{
    float: none;
    padding: 0 0 10px 0;
    font-size: 1.2em;
    line-height: 1.5;
}

#sub #class .section .photo {
    display:none;
}

#sub #class .section th {
    white-space: normal;
    width:30%;
}



/* price SP */

#sub #price .section table{
    border: 1px solid #ccc;
    width: 100%;
    font-size:0.8em;
}

#sub #price .section table td.classname {
    white-space: normal;
}


/* schedule SP */

#sub #schedule .section table {
    width: 100%;
}

#sub #schedule .section table th {
    white-space:normal;
}

#sub #schedule .section table th,
#sub #schedule .section table td {
    padding: 4px 5px;
    font-size: 1.0em;
}

#sub #schedule p.triallink{
	padding:30px 0 10px 0;
	text-align:center;
	font-size:1.2em;
}

#sub #schedule p.triallink img{
	width:100%;
	height:auto;
}

#sub #schedule #year p.calendar img {
    width:100%;
    height:auto;
}



/* trial SP */

#sub #trial h2 img,
#sub #trial h3 img{
	display:none;
}

#sub #trial h2,
#sub #trial h3{
	color:#fa691a;
	font-weight:bold;
	text-align:left;
	font-size:14px;
}

#sub #trial h3:before{
	content:attr(data-label);
}



#sub #trial #impression dl {
    float: none;
    display: block;
    margin:0 auto;
    padding: 0 0 30px 0;
    width: 100%;
    height: auto;
    position: relative;
}

#sub #trial #impression dl dt {
    position: static;
}

#sub #trial #impression dl dt img{
	width:100%;
	height:auto;
}

#sub #trial #impression dl dd{
    position: static;
}

#sub #trial #impression dl dd img{
	width:100%;
	height:auto;
}




#sub #trial #movie-sp{
	padding: 0;
	position: relative;
	width: 100%;
}

#sub #trial #movie-sp p.att{
	padding:5px 0 0 0;
}

#sub #trial .youtube {
  position: relative;
  width: 100%;
  padding-top: 75%;

}

#sub #trial .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}





#sub #contents #trial #flow table {
    background-image:none;
}

#sub #contents #trial #flow th,
#sub #contents #trial #flow td {
    border-top:none;
    border-bottom:none;
}

#sub #contents #trial #flow th {
	display: block;
    width: auto;
    background:#79df41;
}

#sub #contents #trial #flow td {
	display: block;
	background: #e7f9e5;
}

#sub #contents #trial #flow td.flowtri {
    padding: 0;
    background: #fff;
    text-align: center;
    vertical-align: top;
    height: 20px;
}

#sub #contents #trial #flow td div.apply {
    background-image:none;
}

#sub #contents #trial #flow td div.apply-inner {
    background-image:none;
}

#sub #contents #trial #flow td dl {
    float: none;
    display:table;
    margin: 0 0 10px 0;
    width: 100%;
    background-color:#fff;
    border:1px solid #c1c1c1;
}

#sub #contents #trial #flow td dl:last-child{
	margin:0;
}

#sub #contents #trial #flow td div.apply-inner dl dt{
	display:table-cell;
	width:20%;
	background:#f3f3f3;
}

#sub #contents #trial #flow td div.apply-inner dl.ap-tel dt{
	background:#f3f3f3 url(../tennis_common/images/ico_ap_tel.png) center center no-repeat;
}

#sub #contents #trial #flow td div.apply-inner dl.ap-form dt{
	background:#f3f3f3 url(../tennis_common/images/ico_ap_form.png) center center no-repeat;
}

#sub #contents #trial #flow td div.apply-inner dl.ap-access dt{
	background:#f3f3f3 url(../tennis_common/images/ico_ap_access.png) center center no-repeat;
}

#sub #contents #trial #flow td div.apply-inner dl dt img{
    display:none;
}

#sub #contents #trial #flow td div.apply-inner dl dd{
	display:table-cell;
	width:80%;
}



#sub #contents #trial #price {
    float: none;
    width: auto;
}


/* trialFrom(sp) */

#sub #contents #trial #trialForm h3{
	padding:0;
}

#sub #trial #trialForm h3 span:after{
	display:block;
	padding: 0 0 5px;
	font-size:10px;
	content:attr(data-label);
}



#sub #trial #trialForm div#formBase dt {
    display: block;
    float: none;
    padding: 0 12px 15px 0;
    width: 100%;
}

#sub #trial #trialForm div#formBase dt br{
	display:none;
}

#sub #trial #trialForm div#formBase dd {
    display: block;
    float: none;
    /*padding: 0 0 15px 0;*/
    padding: 0 0 0 0;
    width: 100%;
}

#sub #trial #trialForm div#formBase dd#wKana input {
    width: 100%;
}

#sub #trial #trialForm div#formBase dd#wTel input {
    width: 25%;
}


/* trialFrom(sp) */

#regiForm h3{
	padding:0;
}

#regiForm h3 span:after{
	display:block;
	padding:5px 0 0 0;
	font-size:10px;
	content:attr(data-label);
}



#regiForm div#formBase dt {
    display: block;
    float: none;
    padding: 0 12px 15px 0;
    width: 100%;
}

#regiForm div#formBase dt br{
	display:none;
}

#regiForm div#formBase dd {
    display: block;
    float: none;
    padding: 0 0 15px 0;
    width: 100%;
}

#regiForm div#formBase dd#wKana input {
    width: 100%;
}

#regiForm div#formBase dd#wTel input {
    width: 25%;
}


/* campaign SP*/

#sub #campaign{
	width:100%;
}

#sub #campaign table td img{
	width:100%;
	height:auto;
}

#campaign #camp-info dt img{
    width:100%;
    height:auto;
}

#campaign #camp-info dd p img{
    width:100%;
    height:auto;
}



/* news SP */
/*↑のPCのほうにまとめ直した*/



/*special*/

#special #header h1 img{
    width:80%;
	height:auto;
}

#special h2{
    line-height: 1.2;
    background: url(special/images/icon_mark.gif) 0 0.2em no-repeat;
}

#special h2 strong {
    padding: 0 0.5em 0 0;
}

#special #container #contents .shop {
    padding: 20px 30px 30px;
	border-top:solid 1px #ccc;
}

#special .shop .shop-info dd .merit {
    background-image:none;
}

#special .shop .shop-info dd .merit-inner {
    background:none;
	padding: 0 0;
}

#special .shop-info dd td {
    word-break: break-all;
}

#special .shop .shop-info dd .merit {
    margin: 20px 0 20px;
}

#special .shop .shop-info dd .merit th{
	display:none;
}

#special .shop .shop-info dd .merit td {
    padding: 7px 14px;
}




#special .shop .shop-info dd .merit td strong {
    color: #ff0000;
    font-size: 1.4em;
	padding: 5px 0 0 0;
}

#special .shop .shop-info dd .merit td span.att {
    display: block;
    padding: 5px 0 0 0;
}

#special .shop .shop-info {
	padding: 0 0 15px 0;
    background:none;
}

#special .shop .shop-info > dt {
    float: none;
	margin:0 0 20px 0;
    width: auto;
    height: auto;
	text-align:center;
}

#special .shop .shop-info > dt img{
	width:100%;
	height:auto;
}

#special .shop .shop-info dd {
    float: none;
    width: auto;
}

#special .shop .comment {
    background:none;
}

#special .shop .comment dd {
    float: none;
    padding: 0;
    width: auto;
}

#special .shop .comment dl {
    padding: 10px 15px 0;
    background-image:none;
}



/* coupon */

#coupon #container {
	width: 100%;
}

#coupon h1 {
    font-size: 1.7em;
}

#coupon #contents .inner {
    margin: 30px auto 0;
    width: 100%;
}

#coupon #container #contents p.ticket img{
	width: 100%;
	height:auto;
}

#coupon ul {
    width: 100%;
}

#coupon p.pagelink {
    padding: 40px 0 0;
}

#coupon p.pagelink a {
    font-size: 1.2em;
    margin: 0 0 20px;
    display: inline-block;
	text-align:center;
}



/* junior */

#single #contents{
	margin:0 10px;
	width:auto;
}

#single #junior {
	margin:0;
	padding: 10px 0 0;
}

#single #junior img{
	width:100%;
	height:auto;
}

#single #junior h3 {
	font-weight: bold;
	font-size: 1.4em;
	line-height:1.3;
}


}




/*CMS nav*/
#nav{
	padding:25px 0 0 10px;
	width:170px;
}

/* PCのMENU（WPメニュー出力）*/
#nav div:nth-child(1){
	display:block;
	overflow:hidden;
}
@media only screen and (max-width: 768px){
	#nav div:nth-child(1){
		display:none;
	}
}

/* PCの補助MENU（ソース直書き）*/
#sidebar #nav #nav-opt{
	display:block;
	overflow:hidden;
}
@media only screen and (max-width: 768px){
	#sidebar #nav #nav-opt{
		display:none;
	}
}

/* SPのMENU（ソース直書き）*/
#nav div.menu-sp{
	display:none;
}
@media only screen and (max-width: 768px){
	#nav div.menu-sp{
		display:block;
		overflow:hidden;
	}
}


@media only screen and (max-width: 768px){
	#nav div.menu-sp p.btn a{
		display: inline-block;
		margin: 0 6px;
	}
}

@media only screen and (max-width: 768px){
	#nav div.menu-sp p.btn{
		padding:18px 15px 0;
		display: flex;
    	justify-content: center;
	}
}

@media only screen and (max-width: 768px){
	#nav div.menu-sp p.btn a img{
		width:100%;
		height:auto;
	}
}