@charset "utf-8";
/* CSS Document */

header #title {
	float: right;
	margin: 40px 0 0 0;
	color: #FFFFFF
}
header #subtitle {
	float: right;
	margin-right: 20px;
	margin-top: -80px;
	color: #FFFFFF
}

body {
	margin: 0;
	padding: 0;
	color:#2D2626;
}
body {
	width: 1000px;
	margin: 0 auto;
}


a { color: #1418F6; }
a:visited { color: #5AC88A; }
a:hover {
	color: #5AC88A;
	font-weight: bold;
	text-decoration: none;
}
a:hover img { opacity: 0.7; }

h1, h2, h3, h4, h5, h6, { margin-top: 0; }
p {
	margin-top: 0;
	line-height: 1.6;
}
img { vertical-align: bottom; }

#main_visual {
	width: 1000px;
	height: 440px;
	margin: 0 auto 48px;
}

.kinkyuzitaisengen {
	border: 7px solid #007CFF;
	padding: 15px;
	margin: 30px;
	width: 730;
}

#main h1 {
	background-image: url(../???);
	padding: 30px 30px 30px 20px;
	font-size: 26px;
	border-bottom: solid 1px #8b7348;
}
#main h2 {
	font-size: 22px;
	border: 7px solid #28794B;
	padding: 11px 22px;
	border-radius: 5px;
}
#main h3 {
	font-size: 18px;
	border-left: solid 10px #75E74D;
	border-bottom: 2px solid #75E74D;
	padding: 4px 9px 4px 14px;
}


h2 { color: #000000; }

header {
	width: 1000px;
	margin: 0 auto;
}


header h1 {
	float: left;
	margin: 10px 20px 80px;
}

#global_navi {
	width: 1000px;
	clear: both;
	overflow: hidden;
	margin: 16px auto;
}
#global_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#global_navi ul li {
	width: 141.85px;
	float: left;
	margin-right: 1px;
	text-align: center;
}
#global_navi ul li a {
	display: block;
	padding: 16px;
	background-color: #75E74D;
	color: #fff;
	text-decoration: none;
}
#gloval_navi ul li : current a {
	background-color: #28794B;
}
#global_navi ul li a:hover {
	background-color: #28794B;
}

nav li.sportsonigokko {
	font-size: 13.739999px
}


header {
	background-color: #28794B
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#main {
	width: 730px;
	float: left;
}

#sidebar {
	width: 230px;
	float: right;
}
#side_banner { margin-bottom: 30px; }

#side_banner h2 {
	background-color: #56FCFF;
	color: #000000;
	padding: 7px;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: 10px;
}
#side_banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#side_banner ul li { margin-bottom: 10px; }


footer {
	background-color: #efefef;
	text-align: center;
}
footer #footer_nav {
	background-color: #efefef;
	padding: 10px 0;
}
footer #footer_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer #footer_nav li {
	display: inline;
	border-left: solid 1px #AAAAAA;
	margin-left: 8px;
	padding-left: 8px;
	font-size: smaller;
}
footer #footer_nav li:last-child {
	border-right: solid 1px #AAAAAA;
	padding: 0 8px;
}

#news dl { overflow: hidden; 
}
#news dt {
	width: 8em;
	float: left;
	margin-bottom: 10px;
	clear: both;
}
#news dd {
	margin-left: 8em;
	margin-bottom: 10px;
}

#course table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
}
#course th,
#course td {
	border: 1px solid #28794B;
	padding: 8px;
}

#entry dl {
	background: #75E74D
	border: 1px solid #ddd;
	border-top: 0;
}
#entry dl dt,
#entry dl dd {
	padding: 10px;
	border-top: 1px solid #ddd;
}
#entry dl dt {
	width: 13em;
	float: left;
	clear: both;
	font-weight: bold;
}
#entry dl dd {
	background-color: #fff;
	border-left: 1px solid #ddd;
	margin-left: 13em;
}
.must { color: #F00; }

#entry #name {
	width: 15em;
	padding: 3px;
}
#entry #email {
	width: 25em;
	padding: 3px;
}
#entry #tel {
	width: 15em;
	padding: 3px;
}
#entry #detail {
	width: 36em;
	height: 15em;
}
#entry #submit_button_cover {
	text-align: center;
}
#entry #submit_button {
	background-color: #75E74D;
	border: 1px solid #75E74D;
	padding: 15px 100px;
	border-radius: 10px;
	font-size: 18px;
	color: #fff
}
#entry #submit_button:hover {
	background-color: #28794B;
}

.submenu{
	width: 600px;
}
.submenu ul {
	list-style: none;
	margin: 10;
	padding: 0;
	
	border: 1px solid #98adb7;
	border-radius: 10px;
	background: #E7E7E7;
}
.submenu li{
	border-bottom: 1px solid #98adb7;
}
.submenu li:last-child {
	border-bottom: none;
}
.submenu li:hover {
	background: #c4d2dd;
}
.submenu a{
	display: block;
	padding: 10px 30px;
	text-decoration: none;
	color: #406485;
}


.lead::first-letter {
	float: left;
	padding: 0.05em 0.05em 0 0;
	line-height: 0.95em;
	font-size: 4.1em;
	font-weight: bold;
}

table {
	border-collapse: collapse;
}
td,th {
	border: 1px solid #b7b7b7;
}
thead tr {
	background: #89FFE7
}
tr:hover {
	cursor: default;
	background: #C0FFF0
}
th:nth-chid(n+4),td:nth-child(n+4){
	white-space: nowrap;
}


/*tabの形状*/
.tab{
	display: flex;
	flex-wrap: wrap;
}
.tab li a{
	display: block;
	background:#ddd;
	margin:0 2px;
	padding:10px 20px;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
	background:#fff;
}


/*エリアの表示非表示と形状*/
.area {
	display: none;/*はじめは非表示*/
	opacity: 0;/*透過0*/
	background: #fff;
	padding:50px 20px;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}