@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 .special:hover,
#home #hospProgram .campaign:hover,
#home #hospProgram .trial:hover,
#home #hospProgram .trial01:hover,
#home #hospProgram .trial02:hover,
#home #hospProgram .trial03:hover,
#home #hospProgram .smartswimming:hover,
#home #hospProgram .swimClass:hover,
#home #hospProgram .gymClass:hover,
#home #hospProgram .danceClass:hover,
#home #hospProgram .kidsFamily:hover,
#home #hospProgram .instagram:hover,
#home #hospProgram .line:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .teen:hover,
#home #hospProgram .coach: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 .swimClass:hover,
#home #hospProgram .gymClass:hover,
#home #hospProgram .danceClass:hover,
#home #hospProgram .instagram:hover,
#home #hospProgram .line:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .teen:hover,
#home #hospProgram .coach:hover,
#home #hospProgram .job:hover {
	background:#000000;
}


/* バナーエリア
------------------------------------------------------------------ */
/* 上から順番に表示と合わせて並べています */
/* コメントアウト中など未使用のものは一番下の未使用に移動しておく */

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

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

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

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

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

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


/* Swimming Class */
#home #hospProgram .swimClass {
	position: absolute; top:925px; left:0;
	width: 355px;
}
#home #hospProgram .swimClass a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .swimClass 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 .swimClass 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 .swimClass a:hover span {
	color: #ffffff;
}
#home #hospProgram .swimClass .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 50px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.0rem;
}
#home #hospProgram .swimClass .class {
	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 .swimClass a:hover .class {
	color:#333333;
}
#home #hospProgram .swimClass em {
	font-size: 1.7rem; /* =17px */
	color:#0B93D8;
}

/* Gymnastics Class */
#home #hospProgram .gymClass {
	position: absolute; top:925px; left:370px;
	width: 355px;
}
#home #hospProgram .gymClass a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .gymClass 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 .gymClass 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 .gymClass a:hover span {
	color: #ffffff;
}
#home #hospProgram .gymClass .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 50px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.0rem;
}
#home #hospProgram .gymClass .class {
	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 .gymClass a:hover .class {
	color:#333333;
}
#home #hospProgram .gymClass em {
	font-size: 1.7rem; /* =17px */
	color:#EA5514;
}

/* Dance Class */
#home #hospProgram .danceClass {
	position: absolute; top:1110px; left:0;
	width: 355px;
}
#home #hospProgram .danceClass a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .danceClass 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 .danceClass 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 .danceClass a:hover span {
	color: #ffffff;
}
#home #hospProgram .danceClass .lead {
	display: none;
	position: absolute; top:55px; left:0;
	padding: 0 35px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.0rem;
}
#home #hospProgram .danceClass .class {
	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 .danceClass a:hover .class {
	color:#333333;
}
#home #hospProgram .danceClass em {
	font-size: 1.7rem; /* =17px */
	color:#339933;
}

/* News */
#home #hospProgram .news {
	position: absolute; top:740px; 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;
}


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

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

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

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

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



/* liners */
#home #hospProgram .liners {
	position: absolute; top:1480px; left:370px;
	width: 170px;
}
#home #hospProgram .liners a {
	display: block;
	height: 170px;
	width: 170px;
}

/* 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;
}

/* 未使用 */
/* form */
#home #hospProgram .form {
	position: absolute; top:0; left:0;
	background: url(../images/index/201706-tanki.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:252px; left:0;
}
#home #hospProgram .form ul li {
	background: #000000;
}
#home #hospProgram .form ul li a img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#home #hospProgram .form ul li.bo,
#home #hospProgram .form ul li.bo 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;
}

/* kino */
#home #hospProgram .kino{
	position: absolute; top:1110px; left:370px;
	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;
}

/* WEB振替について */
#home #hospProgram .web {
	display:none;
}
.sideWeb {
	background: url(../images/index/web_btn_back.gif) no-repeat center center;
	background-size: cover;
	display: block;
	width: 208px;
	color: #000000;
	text-align: left;
}
.sideWeb:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.sideWeb .discount {
	position: absolute; top: 0; left: 0;
}
.sideWeb .method {
	background: #036eb8 url(../images/index/web_arrow_01.png) no-repeat 95% center;
	border: 3px solid #043756;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	position: absolute; bottom: 22.6em; left: 1.2em;
	padding: 5px 0 5px 5px;
	width: 80%;
}
.sideWeb .about {
	background: #e73828 url(../images/index/web_arrow_02.png) no-repeat 95% center;
	border: 3px solid #9b241e;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	position: absolute; bottom: 19.4em; left: 1.2em;
	padding: 5px 0 5px 5px;
	width: 80%;
}
.sideWeb .method a,
.sideWeb .about a {
	color: #ffffff;
	display: block;
}