@charset "utf-8";

/* index.css：PC
 * ======================================
 * Main
 * ======================================
 */

  /* Main
------------------------------------------------------------------ */
#home #main {
}
#home #hospProgram {
	font-family:rounded-x-mplus-1m-regular;
	position: relative;
	height: 2090px;
}
#home #hospProgram div {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
#home #hospProgram p {
}
#home #hospProgram a {
}
#home #hospProgram a img {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#home #hospProgram:after {
	z-index: -1;
}
#home #hospProgram:before {
	z-index: -2;
}
#home #hospProgram div.hidden {
  	display: none;
}
#home #hospProgram em {
  	font-style: normal;
}

/* Box Shadow */
#home #hospProgram .trial:hover,
#home #hospProgram .trial2:hover,
#home #hospProgram .event:hover,
#home #hospProgram .swimming:hover,
#home #hospProgram .swimStandard:hover,
#home #hospProgram .gymnastics:hover,
#home #hospProgram .gymStandard:hover,
#home #hospProgram .taiken:hover,
#home #hospProgram .sport:hover,
#home #hospProgram .point:hover,
#home #hospProgram .schoolFamily:hover,
#home #hospProgram .students:hover,
#home #hospProgram .dance:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .line:hover,
#home #hospProgram .instagram:hover,
#home #hospProgram .job:hover {
  -moz-box-shadow: #666666 0 0 6px;
  -webkit-box-shadow: #666666 0 0 6px;
  box-shadow:  #666666 0 0 6px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index:9;
  zoom:1;
}
#home #hospProgram .short:hover,
#home #hospProgram .swimming:hover,
#home #hospProgram .swimStandard:hover,
#home #hospProgram .gymnastics:hover,
#home #hospProgram .gymStandard:hover,
#home #hospProgram .taiken:hover,
#home #hospProgram .sport:hover,
#home #hospProgram .point:hover,
#home #hospProgram .students:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .job:hover {
	background:#000000;
}


/* バナーエリア
-------------------------------------- */

/* trial */
#home #hospProgram .trial {
	height:355px;
	position: absolute; top:0; left:0;
	width: 355px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* event */
#home #hospProgram .event {
	height: 355px;
	position: absolute; top:0; left:370px;
	width: 355px;
	/*background-color: #FFFFFF;
	border: 3px solid #fa3296;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* schoolFamily */
#home #hospProgram .schoolFamily {
	position: absolute; top:370px; left:0;
	width: 355px;
}
#home #hospProgram .schoolFamily a {
	display: block;
	height: 355px;
	width: 355px;
}


/* Swimming School */
#home #hospProgram .swimming {
	position: absolute; top:370px; left:370px;
	width: 355px;
}
#home #hospProgram .swimming a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .swimming a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .swimming a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .swimming a:hover span {
	color: #ffffff;
}
#home #hospProgram .swimming em {
	display: none;
	position: absolute; top:20px; left:0;
	padding: 0 65px;
	font-size: 2.0rem; /* =20px */
	font-weight: normal;
	color:#ffffff;
}
#home #hospProgram .swimming .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 30px;
	width: 295px;
	font-size: 1.3rem; /* =13px */
	line-height: 2.0rem;
}
#home #hospProgram .swimming .school {
	position: absolute; top:136px; left:0;
	padding: 5px 0;
	width: 355px;
	font-size: 1.5rem; /* =15px */
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	background-color: rgba(13,95,214,0.8);
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Gymnastics School */
#home #hospProgram .gymnastics {
	position: absolute; top:555px; left:370px;
	width: 355px;
}
#home #hospProgram .gymnastics a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .gymnastics a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .gymnastics a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .gymnastics a:hover span {
	color: #ffffff;
}
#home #hospProgram .gymnastics em {
	display: none;
	position: absolute; top:20px; left:0;
	padding: 0 100px;
	font-size: 2.0rem; /* =20px */
	font-weight: normal;
	color:#ffffff;
}
#home #hospProgram .gymnastics .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 20px;
	width: 315px;
	font-size: 1.3rem; /* =13px */
	line-height: 2.0rem;
}
#home #hospProgram .gymnastics .school {
	position: absolute; top:136px; left:0;
	padding: 5px 0;
	width: 355px;
	font-size: 1.5rem; /* =15px */
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	background-color: rgba(234,85,20,0.8);
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Swimming Standard */
#home #hospProgram .swimStandard {
	position: absolute; top:740px; left:0;
	width: 355px;
}
#home #hospProgram .swimStandard a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .swimStandard a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .swimStandard a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .swimStandard a:hover span {
	color: #ffffff;
}
#home #hospProgram .swimStandard .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 50px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.0rem;
}
#home #hospProgram .swimStandard .standard {
	position: absolute; top:136px; left:0;
	padding: 4px 0 3px 0;
	width: 355px;
	font-size: 1.2rem; /* =12px */
	font-weight: bold;
	color:#333333;
	text-align: center;
	background-color: rgba(255,255,255,1);
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#home #hospProgram .swimStandard a:hover .standard {
	color:#333333;
}
#home #hospProgram .swimStandard em {
	font-size: 1.7rem; /* =17px */
	color:#0B93D8;
}

/* Gymnastics Standard */
#home #hospProgram .gymStandard {
	position: absolute; top:740px; left:370px;
	width: 355px;
}
#home #hospProgram .gymStandard a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .gymStandard a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .gymStandard a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .gymStandard a:hover span {
	color: #ffffff;
}
#home #hospProgram .gymStandard .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 50px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.0rem;
}
#home #hospProgram .gymStandard .standard {
	position: absolute; top:136px; left:0;
	padding: 4px 0 3px 0;
	width: 355px;
	font-size: 1.2rem; /* =12px */
	font-weight: bold;
	color:#333333;
	text-align: center;
	background-color: rgba(255,255,255,1);
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#home #hospProgram .gymStandard a:hover .standard {
	color:#333333;
}
#home #hospProgram .gymStandard em {
	font-size: 1.7rem; /* =17px */
	color:#EA5514;
}

/* students */
#home #hospProgram .students {
	position: absolute; top:925px; left:0;
	width: 355px;
}
#home #hospProgram .students a {
	display: block;
	height: 170px;
	width: 355px;
}
#home #hospProgram .students a:hover span {
	color: #000000;
}
#home #hospProgram .students span.recommend {
	position: absolute; top:123px; left:18px;
	padding: 5px 0;
	font-size: 1.3rem; /* =13px */
	letter-spacing: -0.1em;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
}

/* dance */
#home #hospProgram .dance {
	position: absolute; top:925px; left:370px;
	width: 355px;
}
#home #hospProgram .dance a {
	display: block;
	height: 170px;
	width: 355px;
}
#home #hospProgram .dance a:hover span {
	color: #000000;
}
#home #hospProgram .dance span.recommend {
	position: absolute; top:123px; left:18px;
	padding: 5px 0;
	font-size: 1.3rem; /* =13px */
	letter-spacing: -0.1em;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
}

/* sport */
#home #hospProgram .sport {
	height: 170px;
	position: absolute; top: 1110px; left:0;
	width: 355px;
	/*background-color: #FFFFFF;
	border: 3px solid #fa3296;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/* point */
#home #hospProgram .point {
	height: 170px;
	position: absolute; top:1110px; left:370px;
	width: 355px;
	/*background-color: #FFFFFF;
	border: 3px solid #fa3296;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* line */
#home #hospProgram .line {
	height: 170px;
	position: absolute; top:1295px; left:0;
	width: 355px;
	border-radius: 8px;
}

/* instagram */
#home #hospProgram .instagram {
	height: 170px;
	position: absolute; top:1295px; left:370px;
	width: 355px;
	border-radius: 8px;
}

/* job */
#home #hospProgram .job {
	height: 170px;
	position: absolute; top:1480px; left:0;
	width: 355px;
	/*background-color: #FFFFFF;
	border: 3px solid #fa3296;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* News */
#home #hospProgram .news {
	position: absolute; top:1480px; left:370px;
	width: 325px;
	background-color: #FFFFFF;
	padding: 10px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#home #hospProgram .news p {
	font-size: 1.5rem; /* =15px */
	font-weight: bold;
	text-align: left;
}
#home #hospProgram .news .whatsNew {
	height: 120px;
	margin: 5px 0 0 0;
	overflow: auto;
	padding: 0 10px 0 0;
	}
#home #hospProgram .news .whatsNew dl {
	border-bottom: 1px dotted #999999;
	clear: both;
	margin: 0 0 5px 0;
	text-align: left;
}
#home #hospProgram .news .whatsNew dl dt {
	font-size: 1.1rem; /* =11px */
	float: left;
	line-height: 1.4;
	margin: 0;
	padding: 5px 0;
	width: 95px;
}
#home #hospProgram .news .whatsNew dl dd {
	font-size: 1.1rem; /* =11px */
	line-height: 1.3;
	margin: 0;
	padding: 5px 0 5px 95px;
}

/* facebook likebox */
#home #hospProgram .likebox {
	position: absolute; top:1665px; left:0;
	width: 500px;
}
#home #hospProgram .fb-page {
	display: block !important;
	text-align: left;
	width: 500px;
}
#home #hospProgram .likebox > div.hidden {
	display: block !important;
}

/* liners */
#home #hospProgram .liners {
	height: 170px;
	position: absolute; top:1665px; left:515px;
	width: 170px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/* 未使用 */
/* kino */
#home #hospProgram .kino{
	position: absolute; top:1110px; left:0;
	width: 355px;
	height: 170px;
	position:relative;
}
#home #hospProgram .kino img{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;

}
#home #hospProgram .kino .insta {
	display: block;
	position: absolute; bottom: 1.2em; left: 1.5em;
}
#home #hospProgram .kino .face {
	display: block;
	position: absolute; bottom: 1.2em; left: 18.5em;
}
#home #hospProgram .kino a:hover{
	opacity:0.8;
}
/* form */
#home #hospProgram .form {
	position: absolute; top:0; left:0;
	background: url(../images/index/2017-form.jpg) no-repeat center top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: 355px;
	width: 355px;
}
#home #hospProgram .form ul {
	list-style: none;
	position: absolute; top:303px; left:0;
}
#home #hospProgram .form ul li {
	background: #000000;
		border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

}
#home #hospProgram .form ul li a img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

}
#home #hospProgram .form ul li:first-child + *,
#home #hospProgram .form ul li:first-child + * a img {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#home #hospProgram .form ul li a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .form ul li a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	zoom:1;
}

/* taiken */
#home #hospProgram .taiken {
	height: 170px;
	position: absolute; top:555px; left:0;
	width: 355px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* WEB予約 */
#home #hospProgram .web {
	display:none;
}
.sideWeb {
	background: url(../images/index/web_btn_back_pc.gif) no-repeat top center;
	background-size: cover;
	display: block;
	width: 208px;
	height:270px;
	color: #000000;
	text-align: left;
}
.sideWeb .discount {
	position: absolute; top: 0; left: 0;
}
.sideWeb div a {
	display:block;
	padding: 6px 0 4px 15px;
}
.sideWeb .transfer {
	background: #ffffff 95% center;
	border: 2px solid #000000;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	position: absolute; bottom: 27em; left: 1.3em;
	width: 80%;
	padding:1px;
}
.sideWeb .reschedule {
	background: #036eb8 95% center;
	border: 3px solid #043756;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	position: absolute; bottom: 23.5em; left: 1.3em;
	width: 80%;
}
.sideWeb .about {
	background: #e73828 95% center;
	border: 3px solid #9b241e;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	position: absolute; bottom: 20em; left: 1.3em;
	width: 80%;
}
.sideWeb .reschedule a,
.sideWeb .about a {
	color: #ffffff;
	display: block;
}
.sideWeb .reschedule a:hover,
.sideWeb .about a:hover {
	opacity:0.8;
}