@charset "UTF-8";
/* ------------------------------------------------------------
 RAINBOW KIDS SCHOOL - INDEX STYLES
--------------------------------------------------------------- */

.afterschool-select {
	width: 100%;
	height: 90vh;
}

.afterschool-select img {
	vertical-align: bottom;
	width: 100%;
    height: auto;
}

.afterschool-select tr th,.afterschool-select tr td {
	width: 33.33%;
	height: 50%;
	margin: 0;
    padding: 0;
	position: relative;
}

.afterschool-select tr th img {
	position: absolute;
	width: auto;
	margin: auto;
	bottom: 10px; 
	z-index: 3;
	right: 0;
	left: 0;
}

.afterschool-select tr th  {
	background-size: cover;
    background-repeat: no-repeat;
    height: 50%;
    background-position: center;
}

.as_rainbow  {
	background-image: url(../img/index/rainbow-topimg.jpg);
}

.as_annex  {
	background-image: url(../img/index/annex-topimg.jpg);
}

.as_abroad  {
	background-image: url(../img/index/abroad-topimg.jpg);
}

.as_abroad_canada  {
	background-image: url(../img/index/abroad-canada-topimg.jpg);
}

.as_abroad_singapore  {
	background-image: url(../img/index/abroad-singapore-topimg.jpg);
}


.afterschool-select tr th a {
	height: 100%;
	display: block;
	z-index: 2;
	position: relative;
	width: 100%;
}

.ipad .afterschool-select tr th  {
    height: 260px;
}

.ipad .afterschool-select tr th a {
	height: 260px;
}

.as_rainbow a {
	background: rgba(53, 196, 178, .34);
}

.as_annex a {
	background: rgba(154, 216, 35, .34);
}

.as_abroad a {
	background: rgba(107, 23, 23, .50);
}

.as_abroad_canada a, .as_abroad_singapore a {
	background: rgba(65, 105, 225, .30);
}

.afterschool-select tr th a:hover {
	opacity: 1;
	background: rgba(0,0,0,0);
}

.afterschool-select tr td {
	background-color: #eee;
}



@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
	.pg_index .navFrame {
		height: 700px;
	}
	
.pg_index .navFrame .box a {
	position: relative;
	padding: 0 0 5vh;
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
}

#index-left {	
	display: block;
	width: 50%;
	float: left;
}
	
#name-left,#name-right {
	position: absolute;
	bottom: 50px;
	left: 25%;
	}	
	
#index-right {	
	display: block;	
	width: 50%;
	float: right;
}
	
#index-all {
	width: 100%;	
	}
	
}


/* 幅1010px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1010px) {
	.pg_index .ttlBox {
		margin: -15.75vw 0 0 -15.75vw;
		width: 31.3vw;
		height: 31.3vw;
	}

	.pg_index .navFrame {
		min-width: 1px;
		min-height: 420px;
	}

	.pg_index .navFrame .box a {
		padding: 0 0 3vh;
	}

	.pg_index .navFrame .box a span {
		width: 31.9vw;
	}
}



/* 幅767px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
.afterschool-select tr th  {
	background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
}
	
.afterschool-select tr th a {
	height: 250px;
	display: block;
	z-index: 2;
	position: relative;
	width: 100%;
}
	
.afterschool-select tr th img {	
	position: absolute;
    width: auto;
    margin: 0;
    bottom: 5px;
    z-index: 3;
    right: 0;
    left: 5px;
}
	
.afterschool-select tr td  {
    height: 300px;
    width: 50%;
    padding: 0 17% 5%;
}

.as_rainbow img {
	width: 50%!important;
}
	
.as_annex img {
	width: 50%!important;
}

.as_abroad img, .as_abroad_canada img, .as_abroad_singapore img {
	width: 30%!important;
}	
	
	
}