@charset "UTF-8";

/* ウィンドウ幅が0〜980pxの場合に適用するCSS */
@media screen and ( max-width:980px )
{

body::before {
  background:url('../images/haikei3.jpg') no-repeat left top;
  background-size: 150% 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index:-1;
}   


body{
	   background:url("../images/haikei3.jpg") center center / cover no-repeat fixed;
	   background-size:100%;
	   -webkit-text-size-adjust: 100%;
	   -webkit-background-size:cover;
	   color:white;
	font-family:"arial black",serif;


}

*{
	margin:0;
	padding:0;
}

.nsck{
	position:relative;
	top:-50px;
	left:25px;
}

.kazoku h1{
	position:relative;
	bottom:408px;
	left:3px;
  	text-align: center; 
  	font-size: 300%;
  	font-family:serif;
  	font-style: italic;
  	color:white;
  	text-shadow:2px 2px rgba(0,0,0,0.8);
	line-height:65px;
}


.zentai{
		 background-color:rgba(182,35,184,0.5);
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:-400px;

		
}


.coachzentai{
		 background-color:rgba(182,35,184,0.5);
		width:100%;
		margin-left:auto;
		margin-right:auto;
		
}
.header{
	background-color:rgba(255,255,255,0.5);
	width:100%;

}
.header table{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	line-height:50px;
	border-collapse:collapse;
}
.header td{
	text-align:center;
	font-size:200%;
	border-left:dashed 2px black;
	border-right:dashed 2px black;
	padding-top:25px;
	padding-bottom:25px;

}
.headmenu a{
	font-size:150%;
	font-weight:bold;
	font-family:"arial black",serif;

}

.headmenu a:link{
	color:rgba(50,50,150,0.5);
	background-color:transparent;
	display:block;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	transition: color 0.5s;
}
.headmenu a:visited{
	color:rgba(50,50,150,0.5);
	background-color:transparent;
	display:block;
	text-align:center;
	line-height:50px;
	text-decoration:none;
}
.headmenu a:hover{
	color:purple;
	background-color:transparent;
	display:block;
	text-align:center;
	line-height:50px;
	text-decoration:none;
}

.logo{
	color:rgba(255,255,255,0.4);
	width:980px;
	margin-left:auto;
	margin-right:auto;
	font-size:400%;
	font-family:"arial black",serif;
	font-weight:bold;
	text-shadow:3px 3px 0 #1550c9,6px 6px 0 #f82222;
}

.logo img{
	width:200px;
	height:200px;

}
.logop{
	margin-right:20px;
}
img{
	border:0;
	vertical-align:bottom;
}

.tel{
	margin:auto;
}

.contents{
			background-color:transparent;
			width:100%;
			margin:0 10px 0 auto;
}
.twitter{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

#floating-menu{
	display:none;
}
.menu{
    	display:none;
		background-color:transparent;
		width:200px;
		border:solid 2px black;
		margin:5px;
		text-align:center;


}

.menukoumoku{
			text-align:center;
			line-height:50px;
			font-size:150%;
			color:black;
			border-bottom:2px solid black;
			background-color:rgba(0,150,0,0.5);
}

.menu li{
			list-style-type:none;
			font-weight:bold;
}

.menu a:link{
	font-size:150%;
				color:rgba(50,50,150,0.5);
				display:block;
				text-align:center;
				line-height:80px;
				text-decoration:none;
					transition: color 0.5s;
}
.menu a:visited{
				color:rgba(50,50,150,0.5);
				display:block;
				text-align:center;
				line-height:80px;
				text-decoration:none;
}
.menu a:hover{
				color:purple;
				display:block;
				text-align:center;
				line-height:80px;
				text-decoration:none;
}




hr{
	clear:both;
}

address{
		clear:both;
}

small{
		clear:both;
}

.top{
		text-align:right;
}

.koumoku{
	width:950px;
	font-size:600%;
	border-left:ridge 20px olive;
	border-bottom:solid 3px black;
	padding-left:10px;
	margin-top:100px;
}

.nscabout{
	margin-left:2em;
	font-size:200%;
}

.aboutimage{
	width:300px;
	height:361px;
	margin-top:20px;
	margin-right:5px;
	margin-left:5px;
	 border-radius: 10px; 
	 
}

.about{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:500px;
	padding-left:25px;
}

.about li{
	list-style-type:none;
	float:left;
	position:relative;
}
.about h3{
	text-align:center;
	font-size:230%;
	font-weight:bold;
	margin-bottom:3px;
}
.about p{
	font-size:150%;
	width:300px;
	text-align:center;
}

.comment{
	position:absolute;
	top:30px;
}

#event{
	clear:both;
}

.eventj,.eventp{
	text-align:center;
	font-size:300%;
}
.eventp img{
	width:900px;
	height:649px;
}


address{
	text-align:right;
}

small{
	text-align:right;
}

.cphoto{
	width:100%;
}



.syoukai{
	font-size:200%;
	margin-left:450px;
}

ul{
	margin-left:400px;
}

.kao{
	width:400px;
	height:600px;
}
.kao1{
	width:430px;
	height:600px;
}

.waku2{
	vertical-align:middle;
}
.waku3{
	font-size:300%;
}
.waku4{
	font-size:300%;
}

.syoukai h2{
	width:400px;
}

.eventsp{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

.toiawasesp{
	width:750px;
		margin-left:auto;
	margin-right:auto;
}

.footer{
	height:400px;
}
.blog_2{
	zoom:1.5;
	border:outset 5px white;
}

}






