@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700);
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	----------------------------------
	dw-flow-cols-mobile:		4;
	dw-flow-cols-tablet:		6;
	dw-flow-cols-desktop:	8;
	dw-gutter-percentage:	25;
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
#launch .wrapper {
	top:0;
	left: 0;
	right: 0;
	position: absolute;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}
/*menu*/
#hmenu {
	display: none;
}
#menu {
	display: none;
}
#logosp {
	width: 200px;
	height: 48px;
	padding: 0;
	margin: -8px 0 0 0;
	position: fixed;
	top: 0px; left: 3%;
	overflow:hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 10;
}
#logosp h1 a {
	display: block;
	width:170px;
	height:48px;
	background:url("../images/verdikids.png");
	background-size: 160px auto; background-repeat: no-repeat;
	text-indent:-9999px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#logosp h1 a:hover {
	opacity:.6;
} 

.content-section {
	width: 90%;
	margin: 0 5% 0 5%;
	text-align: center;
}

/*----------------------------------------------------
	HERO
----------------------------------------------------*/
.apti { margin-right: 10px; }

.pore { width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero01.jpg"); background-size: cover; background-repeat: no-repeat; background-position: -120px 0px, left;}
.pore2 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero33s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.pore3 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero34s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore4 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero35s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore5 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero36s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore6 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero37s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore7 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero38s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore8 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero13s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore9 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero39s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore10 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero41s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore11 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero42s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore12 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero43s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore13 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero44s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore14 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero46s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore15 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero47as.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore16 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero49as.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore17 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero50s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore18 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero53s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore19 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero54s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore20 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero55s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore21 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero56s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore22 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero57s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore23 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero28s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore24 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero29s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore25 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero30s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore26 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero31s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore27 { position: relative; width: 100%; height: 430px; margin: 45px 0 0 0; background-image: url("../images/hero32s.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }


.leatt { position: relative;}
.herowrap { width: 100%; top: 27%; margin: 0; position: absolute;}
.abtla { color: #fff; font-size: 1.6rem; text-align: center; }
.abtla h2 { font-size: 24px; width: 94%; line-height: 24px; margin: 0 3% 10px 3%; color: #fff; text-shadow: 1px 1px 3px #404040; }
.abtla p { width: 80%; text-align: center; font-size: 1.4rem; font-weight: normal; color: #fff; text-shadow: 1px 1px 2px #404040; padding: 0;margin: 0 10% 0 10%; line-height: 2.2rem; }

.herowrap2 { width: 100%; top: 15%; margin: 0; padding: 160px 0 0 0;}
.abtla2 h2 { font-size: 24px; width: 94%; line-height: 34px; margin: 0 3% 10px 3%; color: #fff; text-shadow: 1px 1px 3px #404040; text-align: center; font-style: italic; font-weight: bold; }
.abtla2 p { width: 80%; text-align: center; font-size: 1.4rem; font-weight: normal; color: #fff; text-shadow: 1px 1px 2px #404040; padding: 0;margin: 0 10% 0 10%; line-height: 2.2rem; }

.herowrap3 { width: 100%; top: 32%; margin: 0; position: absolute;}

/*----------------------------------------------------
	buttton
----------------------------------------------------*/
.linbtn { display: inline-block; width: 230px; margin: 90px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #dd768c; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.linbtn a { color: #fff; }
.linbtn:hover { color: #fff; background-color: #E79EAE; border: 1px solid #ffffff; }
.linbtn,
.linbtn:before,
.linbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.einbtn { display: inline-block; width: 230px; margin: 125px 0 10px 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #fa6465; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.einbtn a { color: #fff; }
.einbtn:hover { color: #fff; background-color: #F28586; border: 1px solid #ffffff; }
.einbtn,
.einbtn:before,
.einbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.dikbtn { display: inline-block; width: 230px; margin: 12px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #62a354; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: none; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.dikbtn a { color: #edba21; }
.dikbtn:hover { color: #fff; background-color: #86BB7B; border: 1px solid #ffffff; }
.dikbtn,
.dikbtn:before,
.dikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.vikbtn { display: inline-block; width: 230px; margin: 12px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #62a354; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: none; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.vikbtn a { color: #edba21; }
.vikbtn:hover { color: #fff; background-color: #86BB7B; border: 1px solid #ffffff; }
.vikbtn,
.vikbtn:before,
.vikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.rinbtn { display: inline-block; width: 230px; margin: 200px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #df6326; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.rinbtn a { color: #ffffff; }
.rinbtn:hover { color: #fff; background-color: #e37a45; border: 1px solid #ffffff; }
.rinbtn,
.rinbtn:before,
.rinbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.binbtn { display: inline-block; width: 230px; margin: 200px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #E1BD98; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.binbtn a { color: #ffffff; }
.binbtn:hover { color: #fff; background-color: #D0A679; border: 1px solid #ffffff; }
.binbtn,
.binbtn:before,
.binbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.sinbtn { display: inline-block; width: 230px; margin: 200px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #61A354; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.sinbtn a { color: #ffffff; }
.sinbtn:hover { color: #fff; background-color: #83BA78; border: 1px solid #ffffff; }
.sinbtn,
.sinbtn:before,
.sinbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}


.ginbtn { display: inline-block; width: 230px; margin: 200px 0 0 0; padding: 4px 8px 2px; text-align: center; text-decoration: none; background-color: #fa6465; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.ginbtn a { color: #fff; }
.ginbtn:hover { color: #fff; background-color: #F28586; border: 1px solid #ffffff; }
.ginbtn,
.ginbtn:before,
.ginbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

/* TOP-CONTENTS*/
#mainwrap {
	max-width: 100%;
	background: #F9F6EA;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 0;
	padding: 0 0 70px;
}

#kidstitle {
	width: 100%;
	height: 30px;
	background-image: url("../images/gkk2.png");
	background-repeat: no-repeat;
	background-size: 90% auto;
	background-position: 50%;
	text-indent: 100%;
	margin: 20px 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
}
.contents_title {
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: normal;
	color: #00588C;
	text-align: center;
	width: 94.5%;
	margin: 20px 2.75% 20px 2.75%;
}
.contents_title2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	margin: 20px 0 10px 0;
}
.subTit {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 2px 0 1px 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #00588C;
}

.app_sub {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.app_sub h5{
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0;
}
/*----------------------------------------------------
	SUB-CONTENTS
----------------------------------------------------*/
.sucon {
	width: 100%;
	clear: both;
	color: #ffffff;
}
.weph {
    position:relative;
	height: 80px;
    padding:0;
	color: #FFFFFF;
	background-color: #f09b9e;
	font-size: 1.8rem;
    margin:20px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
 .weph:hover{
    background-color:#00588C;
}
.weph a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:80px;
}

.vtsc {
    position:relative;
    width:100%;
	height: 80px;
    padding:0;
	color: #FFFFFF;
	background-color: #05a1e8;
	font-size: 1.8rem;
    margin:0px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.vtsc:hover{
    background-color:#00588C;
}
.vtsc a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:80px;
}

.fanec {
    position:relative;
    width:100%;
	height: 80px;
    padding:0;
	color: #FFFFFF;
	background-color: #8dc21f;
	font-size: 1.8rem;
    margin:0px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fanec:hover{
    background-color:#00588C;
}
.fanec a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:80px;
}

.sucon a {
	text-decoration: none;
	color: #ffffff;
}

.sub_nn{
	font-size: 12px;
	font-size: 1.2rem;
	width: 94%;
	text-align: center;
	margin: 5px 3% 0 3%;
	padding: 0;
}
.sub_uu {
	/* [disabled]font-style: normal; */
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	text-shadow: 0 2px 4px #696969;
	text-align: center;
	vertical-align: middle;
	margin: 20px 0 0 0;
	/* [disabled]margin-right: 0px; */
	/* [disabled]margin-left: 0px; */
	padding: 0px;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

.contents_sub {
	width: 94%;
	padding: 0;
	margin: 0 3% 30px 3%;
}
.contents_sub p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.4rem;
	padding: 0;
	margin: 20px 0 0 0;
}

#sw_ct {
	position: relative;
	width: 96%;
	margin: 0 2% 30px 2%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
}
#sw_ct a {
	position: absolute;
	width: 100%;
	height: 100%;
 	top:0;
	left:0;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
 	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}
#sw_ct a:hover {
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#tk_ct {
	position: relative;
	width: 96%;
	margin: 0 2% 30px 2%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
}
#tk_ct a {
	position: absolute;
	width: 100%;
	height: 100%;
 	top:0;
	left:0;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
 	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}
#tk_ct a:hover {
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#kk_ct {
	position: relative;
	width: 96%;
	margin: 0 2% 30px 2%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
}
#kk_ct a {
	position: absolute;
	width: 100%;
	height: 100%;
 	top:0;
	left:0;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
 	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}
#kk_ct a:hover {
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.cotts {
	line-height: 1.8em;
	margin: 10px 0 20px 0;
}


.kswm { display: block;}
.kswb { display: none;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width : 472px ){
.content-section {
	width: 90%;
	margin: 0 5% 0 5%;
	
}

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}

#kidstitle {
	width: 100%;
	height: 40px;
	background-image: url("../images/gkk2.png");
	background-repeat: no-repeat;
	background-size: 420px auto;
	background-position: 50%;
	text-indent: 100%;
	margin: 20px 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
}
.contents_title {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	width: 100%;
	margin: 25px 0 25px 0;
}
.subTit {
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 2px 0 1px 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #00588C;
}
.contents_title2 {
	font-size: 2.2rem;
	font-size: 22px;
	margin: 40px 0 10px 0;
}


/*----------------------------------------------------
	HERO
----------------------------------------------------*/
.pore { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero01.jpg"); background-size: cover; background-repeat: no-repeat; background-position: right; }
.pore2 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero33.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore3 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero34.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore4 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero35.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore5 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero36.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore6 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero37.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore7 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero38.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore8 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero13b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore9 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero39.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore10 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero41.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore11 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero42.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore12 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero43.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore13 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero45.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore14 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero46.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore15 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero47a.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore16 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero49a.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore17 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero50.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore18 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero53.jpg"); background-size: cover; background-repeat: no-repeat; }  
.pore19 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero54.jpg"); background-size: cover; background-repeat: no-repeat; }  
.pore20 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero55.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore21 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero56.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore22 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero57.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore23 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero28.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore24 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero29.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore25 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero30.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore26 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero31.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore27 { position: relative; width: 100%; height: 460px; margin: 45px 0 0 0; background-image: url("../images/hero32.jpg"); background-size: cover; background-repeat: no-repeat; } 
    
.herowrap { width: 100%; top: 50%; margin: 0; position: absolute;}
.herowrap2 { width: 60%; top: 15%; margin: 0 8% 0 32%; padding: 140px 0 0 0;}
.herowrap3 { width: 100%; top: 45%; margin: 0; position: absolute;}
.abtla { color: #fff; text-align: center; }
.abtla h2 { width: 80%; font-size: 4.0rem; line-height: 45px; margin: 0 10% 20px 10%; }
.abtla p { width: 90%; margin: 0 5% 0 5%; text-align: center; font-size: 1.6rem; font-size: 16px; font-weight: normal; padding: 0;
line-height: 3.0rem; }

.herowrap2 { width: 60%; top: 15%; margin: 0 6% 0 34%; padding: 140px 0 0 0;}
.abtla2 h2 { font-size: 3.6rem; width: 94%; line-height: 40px; margin: 0 3% 10px 3%;}
.abtla2 p { width: 82%; text-align: left; font-size: 1.5rem; font-weight: normal; color: #fff; text-shadow: 1px 1px 2px #404040; padding: 0;margin: 0 9% 0 9%; line-height: 2.6rem; }


/*----------------------------------------------------
	buttton
----------------------------------------------------*/
.linbtn { display: inline-block; width: 198px; margin: 13px 15px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.linbtn a { color: #BA972B; }
.linbtn,
.linbtn:before,
.linbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.einbtn { display: inline-block; width: 198px; margin: 100px 15px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.einbtn a { color: #BA972B; }
.einbtn,
.einbtn:before,
.einbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.dikbtn { display: inline-block; width: 194px; margin: 30px 5px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: both; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.dikbtn,
.dikbtn:before,
.dikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.vikbtn { display: inline-block; width: 194px; margin: 30px 5px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: both; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.vikbtn,
.vikbtn:before,
.vikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.rinbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.binbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.sinbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }	

.ginbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }	
    
/*----------------------------------------------------
	SUB-CONTENTS
----------------------------------------------------*/
.sub_nn{ font-size: 12px; font-size: 1.2rem; width: 94%; text-align: center; margin: 5px 3% 0 3%; padding: 0; }
.sub_uu { /* [disabled]font-style: normal; */ font-weight: 400; font-size: 14px; font-size: 1.4rem; text-align: center; vertical-align: middle; margin: 20px 0 0 0; /* [disabled]margin-right: 0px; */ /* [disabled]margin-left: 0px; */ padding: 0px; }
.hide_tablet { display: none; }

.zeroMargin_tablet { margin-left: 0; }


.contents_sub {
	width: 96%;
	padding: 0;
	margin: 0 2% 30px 2%;
}
.contents_sub p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.6rem;
	padding: 0;
	margin: 20px 0 0 0;
}

#sw_ct {
	position: relative;
	width: 96%;
	margin: 0 2% 20px 2%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
}
#sw_ct a {
	position: absolute;
	width: 100%;
	height: 100%;
 	top:0;
	left:0;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
 	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}
#sw_ct a:hover {
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.cotts {
	line-height: 1.8em;
    font-size: 1.4rem;
	margin: 10px 0 40px 0;
}

#tk_ct {
	position: relative;
	width: 46.5%;
	margin: 0 0 30px 2%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	clear: none;
	float: left;
}
#kk_ct {
	position: relative;
	width: 46.5%;
	margin: 0 0 30px 3%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	clear: none;
	float: left;
}
.kswm { display: none;}
.kswb { display: block;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width : 754px ){
.slicknav_menu {
	display: none;
}
#logobp {
	width: 200px;
	height: 48px;
	padding: 0;
	margin: -7px 0 0 2%;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}
#logobp h1 a {
	display: block;
	width:190px;
	height:48px;
	background:url("../images/verdikids.png");
	background-size: 190px auto; background-repeat: no-repeat;
	text-indent:-9999px;
}
#logobp h1 a:hover {
	opacity:.6;
} 
#hmenu {
	display: inline;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 55px;
	background-color: #fff;
 	box-shadow: 0px 1px 3px rgba(0,0,0,0.49);
	-webkit-box-shadow: 0px 1px 3px  rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 1px 3px  rgba(0,0,0,0.49);
	position: fixed;
	z-index: 10;
	top: 0;
}

/* header-navi*/
#navi {
	max-width: 960px;
	margin: 0 auto;
	font-size: 13px;
	font-size: 1.3rem;
}

#menu {
	display: block;
	margin: 18px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
#navi > ul > li {
	float: left;
	height: 40px;
	padding: 0;
	margin: 0 25px 0 0;
	position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#navi a {
  color: #000;
  text-decoration: none;
}
#navi ul a:hover {
  color: #00588C;
}

#navi .sub-menu {
	position: absolute;
	width: 180px;
	background: #00588C;
	padding: 0;
	top: 22px;
 	list-style-type: none;
	display: none;
}
#navi .sub-menu a {
	color: #fff;
	padding: 10px 15px;
	display: block;
}
#navi .sub-menu a:hover {
  color: #fff;
}

/* ホバー＆フォーカスで子メニュー表示 */
/* Display sub menu by hover & focus */
#menu .menu-item-has-children:hover ul,
#menu .menu-item-has-children ul.focused {
  display: block;
}
#menu li.menu-item-has-children li a:hover,
#menu li.menu-item-has-children li a:focus {
  background: #003554;
}
	
.content-section {
	width: 90%;
	margin: 0 5% 0 5%;	
}

/*----------------------------------------------------
	HERO
----------------------------------------------------*/
.pore { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero01.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.pore2 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero33b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore3 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero34b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore4 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero35b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore5 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero36b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore6 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero37b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore7 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero38b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore8 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero13b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore9 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero39b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore10 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero41b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore11 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero42b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore12 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero43b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore13 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero45b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore14 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero46b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore15 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero47ab.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore16 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero49ab.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore17 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero50b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore18 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero53b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore19 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero54b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore20 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero55b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore21 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero56b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore22 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero57b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore23 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero28b.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore24 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero29b.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore25 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero30b.jpg"); background-size: cover; background-repeat: no-repeat; } 
.pore26 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero31b.jpg"); background-size: cover; background-repeat: no-repeat; }
.pore27 { position: relative; width: 100%; height: 460px; margin: 55px 0 0 0; background-image: url("../images/hero32b.jpg"); background-size: cover; background-repeat: no-repeat; } 
    
.herowrap { width: 100%; top: 50%; margin: 0; position: absolute;}
.abtla { color: #fff; font-size: 1.6rem; text-align: center; }
.abtla h2 { font-size: 50px; width: 80%; line-height: 45px; margin: 0 10% 20px 10%; font-weight: normal; }
.abtla p { width: 80%; margin: 0 10% 0 10%; text-align: center; font-size: 1.8rem; font-size: 18px; font-weight: normal; padding: 0;
line-height: 3.0rem; }

.herowrap2 { width: 50%; top: 15%; margin: 0 2% 0 48%; padding: 140px 0 0 0;}
.abtla2 h2 { font-size: 3.7rem; width: 100%; line-height: 40px; margin: 0 0 10px 0;}
.abtla2 p { width: 66%; text-align: left; font-size: 1.6rem; font-weight: normal; color: #fff; text-shadow: 1px 1px 2px #404040; padding: 0;margin: 0 17% 0 17%; line-height: 2.8rem; }

.herowrap3 { width: 100%; top: 65%; margin: 0; position: absolute;}

/*----------------------------------------------------
	buttton
----------------------------------------------------*/
.linbtn { display: inline-block; width: 198px; margin: 80px 15px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.linbtn,
.linbtn:before,
.linbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.einbtn { display: inline-block; width: 198px; margin: 100px 15px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.einbtn,
.einbtn:before,
.einbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.dikbtn { display: inline-block; width: 194px; margin: 50px 5px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: both; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.dikbtn,
.dikbtn:before,
.dikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.vikbtn { display: inline-block; width: 194px; margin: 30px 5px 0 0; padding: 9px 8px 7px; text-align: center; text-decoration: none; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; outline: none; clear: both; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.vikbtn,
.vikbtn:before,
.vikbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.rinbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; text-align: center; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.binbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; text-align: center; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.sinbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; text-align: center; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.ginbtn { display: inline-block; width: 198px; margin: 100px 0 0 0; padding: 9px 8px 7px; text-align: center; font-size: 16px; font-size: 1.6rem; outline: none;  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
    
.gridContainer {
	width: 100%;
	max-width: 960px;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 auto;
	clear: none;
	float: none;
}


img {
    max-width: 100%;
    height: auto;
}

#kidstitle {
	width: 100%;
	height: 60px;
	background-image: url("../images/gkk2.png");
	background-repeat: no-repeat;
	background-size: 550px auto;
	background-position: 50%;
	text-indent: 100%;
	margin: 20px 0 0 0;
	white-space: nowrap;
	overflow: hidden;
}
.contents_title {
	font-size: 22px;
	font-size: 2.2rem;
	width: 100%;
	margin: 30px 0 30px 0;
}
.subTit {
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	padding: 2px 0 1px 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #00588C;
}

.footerBox {
	text-align: left;
}
#f_link {
	width: 96%;
	text-align: left;
}

/*----------------------------------------------------
	SUB-CONTENTS
----------------------------------------------------*/
.sucon {
	width: 33.33%;
	clear: none;
}
.weph {
    position:relative;
	height: 100px;
    padding:0;
	color: #FFFFFF;
	font-size: 1.8rem;
	clear: none;
    margin: 20px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
 .weph:hover{
    background-color:#00588C;
}
.weph a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:100px;
}

.vtsc {
    position:relative;
	height: 100px;
    padding:0;
	color: #FFFFFF;
	font-size: 1.8rem;
	clear: none;
    margin: 20px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.vtsc:hover{
    background-color:#00588C;
}
.vtsc a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:100px;
}

.fanec {
    position:relative;
	height: 100px;
    padding:0;
	color: #FFFFFF;
	font-size: 1.8rem;
	clear: none;
    margin: 20px auto 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fanec:hover{
    background-color:#00588C;
}
.fanec a{
    position:absolute;
	text-decoration: none;
	color: #ffffff;
    top:0;
    left:0;
    width:100%;
    height:100px;
}

.sub_nn{
	font-size: 12px;
	font-size: 1.2rem;
	width: 90%;
	text-align: center;
	margin: 5px 5% 0 5%;
	padding: 0;
}
.sub_uu {
	/* [disabled]font-style: normal; */
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	margin: 28px 0 0 0;
	/* [disabled]margin-right: 0px; */
	/* [disabled]margin-left: 0px; */
	padding: 0px;
}

.zeroMargin_desktop { margin-left: 0; }
.hide_desktop { display: none; }

.contents_sub {
	font-size: 1.4rem;
	line-height: 2.4rem;
	width: 98%;
	margin: 0 1% 30px 1%;
	padding: 0;
}


#sw_ct {
	position: relative;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
}
#sw_ct a {
	position: absolute;
	width: 100%;
	height: 100%;
 	top:0;
	left:0;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
 	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}
#sw_ct a:hover {
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#tk_ct {
	position: relative;
	width: 48.5%;
	margin: 0 0 30px 0;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	clear: none;
	float: left;
}
#kk_ct {
	position: relative;
	width: 48.5%;
	margin: 0 0 30px 3%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 6px 3px;
	clear: none;
	float: left;
}
.cotts {
	line-height: 1.8em;
    font-size: 1.4rem;
	margin: 10px 0 40px 0;
}

}