@charset "utf-8";
/* CSS Document */

.html{
overflow-x: hidden;
	word-wrap: break-word;
    overflow-wrap: break-word;
}


h1,h2,h3,h4,h5,h6,p,li {
     font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
}


figure {margin:0; }


img {
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}



.clear {
	clear: both;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
header {
	background-color: #FFF;
	padding-bottom:5px;
}

/* End hide from IE-mac */
/*#contents h3 {
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}*/




figure {
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: bottom;
	border:none;
}


table {
border-collapse: collapse;
}





.formTitle01 {
    font-size: 200%;
	margin-bottom: 40px;
	color:#0997e0;
}


.formTitle02 {
    font-size: 200%;
	margin-bottom: 40px;
	color:#f0ce32;
}



#mailformpro table tr th {
	width: 20%;
	paddding-bottom: 10px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	/*<!--font-weight: normal !important;-->*/
	font-size: 100%;
	font-weight:normal;
}

#mailformpro table tr td {
	width: 80px;
	padding-bottom: 10px;
	vertical-align: middle;
	padding-top: 10px;
}



#mailformpro textarea {width:100%;
                      height: 50px;}


.fa-asterisk {font-size:50%;}


/*****************************************/
/*FMとやまテニススクール
******************************************/


.bgAREA {background-image: url("../images/special/fm2023BG.jpg");
	    background-size: cover;
    }



.bgAREA2 {background-image: url("../images/special/fm2024BG.jpg");
	    background-size: cover;
    }




.point-n1 {
    background-color: #0097e0;
    padding: 5px 5px 5px 15px;
    border-radius: 3px;
    font-size: 18px;
    margin: 30px 0 10px;
    color: #FFFFFF;
}


.point-n2 {
    background-color: #f0ce32;
    padding: 5px 5px 5px 15px;
    border-radius: 3px;
    font-size: 18px;
    margin: 30px 0 10px;
    color: #333333;
}




.specialTable th {
    padding: 15px;
    border: 1px solid #777;
    border-collapse: collapse;
  /*  background-color: #F4FFFD;*/
}

.specialTable td {	padding:15px;
	border:1px solid #777;
	border-collapse: collapse;
    /* background-color: #F4FFFD;*/}





.dropshadow {
-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.8));
}




/*****************************************/
/*2023春のジュニア短期テニス教室
******************************************/

.shopName {font-size:200%;
           font-weight: 600;
           letter-spacing: 5px;
           color:forestgreen;}


.shopInfo {font-size:140%;
          letter-spacing: 3px;
           color:#666666;}

.shopInfo a {text-decoration: none;
             color:#666666;}

.shopInfo a:hover {text-decoration: none;
             color:#666666;}


.title01 {background-color:forestgreen;
         padding-top:5px;
         padding-bottom:5px;
         font-size:150%;
          color: #ffffff;
         letter-spacing:5px;
           border-radius: 5px;}


.hissu1 {color:crimson;}


.thumbnailShop a:hover{text-decoration: none;}


.schoolBtn {background-color: darkorange;
           padding-top:5px;
           padding-bottom:5px;
           text-align: center;
           color: #ffffff;
	       font-size:120%;
           letter-spacing: 2px;}



.schoolBtn2 {background-color:#2E8A1F;
           padding-top:5px;
           padding-bottom:5px;
           text-align: center;
           color: #ffffff;
	       font-size:120%;
           letter-spacing: 2px;}



.jrspringTable {font-size:100%;}


.jrspringTable th {width:30%;
	               font-weight: nomal;
                   font-size:80%;
                  padding-top:5px;
                    padding-bottom:5px;}


.jrspringTable td {padding-top:5px;
                    padding-bottom:5px;
                    font-size:100%;}



.line01 {border-bottom:1px solid #cccccc;
         margin-bottom:20px;
         height: 1px;}

/************************************************
  新CSS：リンクのマウスホバー時の半透明化を無効にする
************************************************/
a:hover img{ opacity: 1.0;}


/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){


	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
	
	

}



/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	

	
			

	


}

/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	

.shopName {font-size:130%;
           font-weight: 600;
           letter-spacing: 5px;
           color:forestgreen;}


.shopInfo {font-size:130%;
          letter-spacing: 3px;
           color:#666666;}	
	
	
.jrspringTable th {
    width: 30%;
    font-weight: nomal;
    font-size: 80%;
    padding: 5px;
    border: 1px solid #666666;
	              }


.jrspringTable td { padding: 5px;
                    font-size:70%;
	                 border: 1px solid #666666;
	}
	

.schoolBtn {background-color: darkorange;
           padding-top:5px;
           padding-bottom:5px;
           text-align: center;
           color: #ffffff;
	       font-size:100%;
           letter-spacing: 2px;}



.schoolBtn2 {background-color:#2E8A1F;
           padding-top:5px;
           padding-bottom:5px;
           text-align: center;
           color: #ffffff;
	       font-size:100%;
           letter-spacing: 2px;}
	
	
	
	
	
#mailformpro table tr th {
	width: 20%;
	paddding-bottom: 10px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#mailformpro table tr td {
	width: 80px;
	padding-bottom: 10px;
	vertical-align: middle;
	padding-top: 10px;
}	
		
	

}



/*****************************************/
/*大河端短期クラスキャンペーン
******************************************/


.bgAREA3 {background-image: url("../images/special/okobataTankiBG.jpg");
	    background-size: cover;
    }

	.specialPage .nyukaiTable2{margin-top: 60px;}	



	
	
	.specialPage .nyukaiTable2 table th { background-image: linear-gradient(90deg, rgba(94, 197, 208, 1), rgba(126, 206, 125, 1));
                                       text-align: center;
                      				   vertical-align: middle;
		                               width:20%;
										}	
	
	.specialPage .nyukaiTable2 table td {vertical-align: middle;
										color:#000000;
		                               background: #ffffff;
                                       }






/*******************************************/
/* ～479px：SP縦
------------------------------ */
@media (max-width: 479px){	


	.specialPage .nyukaiTable2 .th1 {width:35%;}
	
	.specialPage .nyukaiTable2 .td1 {width:65%;}
		
	
	.specialPage .nyukaiTable2 table {overflow-x: hidden;}



}
