@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);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,600);
@charset "UTF-8";
/* 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-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	8;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.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 .bg .img {
  margin:0 auto;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg03.jpg') no-repeat;
  background-size: cover;
  background-position: left 45px;
}
#launch .bg .img2 {
  margin:0 auto;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg02.jpg') no-repeat;
  background-size: cover;
  background-position: center 45px;
}
#launch .bg .img3 {
  margin:0 auto;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg04.jpg') no-repeat;
  background-size: cover;
  background-position: center 45px;
}
#launch .bg .img4 {
  margin:0 auto;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg05.jpg') no-repeat;
  background-size: cover;
  background-position: left 45px;
}

#launch .wrapper {
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 300px;
	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: 94%;
	margin: 0 5% 0 5%;
	
}
#concept {
	color: #ffffff;
	margin: 55px 0 0 0;
	padding: 0 5% 0;
}
#concept h2  {
	display: block; width: 100%; height: 100px; background:url('../images/h_title.png'); background-size: 100%  auto;
	background-repeat: no-repeat; background-position: center; text-indent:-9999px;
}

#content-box {
	width: 94.5%;
	margin: 0 2.75%;
}
.twostu-box {
	width: 94.5%;
	margin: 0 2.75%;
}
#factent-box {
	width:100%;
	margin: 0 auto;
}

.ffm {
	padding: 0 10px 0 0;
	margin: 20px 0 0 0;
}

.contents_title {
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: normal;
	color: #00588C;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
}
.contents_title2 {
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: normal;
	color: #00588C;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
}
.contents_title3 {
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: normal;
	color: #00588C;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
}
.contents_title4 {
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: normal;
	color: #00588C;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}
.contents_title5 {
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: normal;
	color: #00588C;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 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;
}
.linTit {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 2px 0 1px 8px;
	margin: 0;
	border-left: 3px solid #00588C;
}
.contents_sub {
	width: 99%;
	clear: both;
	text-align: center;
	padding: 0;
	margin: 0 0.5% 0 0.5%;
}
.contents_sub p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: left;
	padding: 0;
	margin: 10px 0 20px 0;
}
.contents_sub h4 {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0 auto 20px auto;
}
.contents_sub2 {
	clear: both;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0 18px 0 18px;
}
.contents_sub2 p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: left;
	padding: 0;
	margin: 10px 0 20px 0;
}
.contents_sub3 {
	width: 96%;
	clear: both;
	text-align: center;
	padding: 0;
	margin: 0 2% 0 2%;
}
.contents_sub3 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	padding: 0;
	margin: 10px 0 20px 0;
}
.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;
}

/* ボタン; */
.b_link {
	width: 100%;
	text-align: center;
	z-index: 4;
}
.button {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 220px;
	height: 51px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: 1px solid #AEA583;
	background-color: #9e936a;
	background-image: -webkit-linear-gradient(top, #9e936a, #AEA583);
	background-image: linear-gradient(to bottom, #9e936a, #BEB79C);
	border-radius: 4px;
}
.button:hover {
	color: #fff;
	border:1px solid #837A56;
	background-color: #AEA583;
	background-image: -webkit-linear-gradient(top, #AEA583, #9e936a);
	background-image: linear-gradient(to bottom, #AEA583, #9e936a);
}
.button:active {
	background: #9e936a;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #7E7552;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}


.spac {
	width: 94.5%;
	padding: 0 2.75% 0 2.75%;
}

#header  {
	display: none;
}
#change .inner {
	display: none;
}

/*----------------------------------------------------
	ALLS
----------------------------------------------------*/

.wrpb { margin: 10px 0 0 0;}

#udbo { width: 100%; height: 60px; background-color:#E9E9E9; margin: 30px auto 0; padding: 0; text-align: center; }
.unbs { width:46%; margin: 0 0 0 2.5%; clear: none;}
.unbt { width:46%; margin: 0 0 0 3%; clear: none;}

.shtbtn { display: inline-block; width: 100%; height: 44px; margin: 8px 0 0 0; text-align: center; text-decoration: none; background-color: #BA972B; border: 1px solid #BA972B; border-radius: 4px; color: #ffffff; font-size: 14px; font-size: 1.4rem; line-height: 40px; outline: none; }
.shtbtn a { color: #BA972B; }
.shtbtn:hover { color: #fff; background-color: #DCB12C; border: 1px solid #BA972B; }
.shtbtn,
.shtbtn:before,
.shtbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.fftbtn { display: inline-block; width: 100%; height: 44px; margin: 8px 0 0 0; text-align: center; text-decoration: none; background-color: #3AC6AF; border: 1px solid #3AC6AF; border-radius: 4px; color: #ffffff; font-size: 14px; font-size: 1.4rem; line-height: 40px; outline: none; }
.fftbtn a { color: #BA972B; }
.fftbtn:hover { color: #fff; background-color: #59DCC7; border: 1px solid #3AC6AF; }
.fftbtn,
.fftbtn:before,
.fftbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.iqsbtn { display: inline-block; width: 100%; height: 44px; margin: 8px 0 0 0; text-align: center; text-decoration: none; background-color: #D0632D; border: 1px solid #D0632D; border-radius: 4px; color: #ffffff; font-size: 14px; font-size: 1.4rem; line-height: 40px; outline: none; }
.iqsbtn a { color: #D0632D; }
.iqsbtn:hover { color: #fff; background-color: #EE6E2F; border: 1px solid #D0632D; }
.iqsbtn,
.iqsbtn:before,
.iqsbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.fam { margin: 0 0 0 -5px;}
.fac { margin: 0 3px 0 -5px;}

/*----------------------------------------------------
	TAISOU-KARATE SCHOOL
----------------------------------------------------*/
.gt05 { display: none;}
.gt06 { display: none;}

/*----------------------------------------------------
	SWIMMING SCHOOL
----------------------------------------------------*/
.gt04 { display: none;}

table.type06 { border-collapse: collapse; text-align: left; line-height: 1.5; border: 1px solid #ccc; margin: 0 0 10px 0; }
table.type06 thead { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #E9E9E9; }
table.type06 thead th { width: auto; padding: 5px; font-weight: normal; vertical-align: top; border: 1px solid #ccc; text-align: center; }
table.type06 tbody th { width: 200px; padding: 5px; vertical-align: top; font-weight: normal; border: 1px solid #ccc; background: #F5F5F5; text-align: center; }
table.type06 td { width: auto; padding: 7px; vertical-align: middle; border: 1px solid #ccc; }
table.type06 .kblue { color: #145DE2; }
table.type06 ul { list-style: none; margin: 0; padding: 0; }

table.type08 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; border: 1px solid #ccc; margin: 0; }
table.type08 thead { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #E9E9E9; }
table.type08 thead th { width: auto; padding: 5px; font-weight: normal; vertical-align: top; border: 1px solid #ccc; text-align: center; }
table.type08 tbody th { width: 200px; padding: 5px; vertical-align: top; font-weight: normal; border: 1px solid #ccc; background: #F5F5F5; text-align: center; }
table.type08 td { width: auto; padding: 7px; vertical-align: top; border: 1px solid #ccc; }
table.type08 .kblue { color: #145DE2; }
table.type08 ul { list-style: none; margin: 0; padding: 0; }
table.type08 .ccte { text-align: center;}

table.type09 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; border: 1px solid #ccc; margin: 0; margin: 20px 0 0 0; }
table.type09 thead { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #E9E9E9; }
table.type09 thead th { width: auto; padding: 5px; font-weight: normal; vertical-align: top; border: 1px solid #ccc; text-align: center; }
table.type09 tbody th { width: 200px; padding: 5px; vertical-align: top; font-weight: normal; border: 1px solid #ccc; background: #F5F5F5; text-align: center; }
table.type09 td { width: auto; padding: 7px; vertical-align: top; border: 1px solid #ccc; }

.btqwrap { width: 100%;}

.vikbtn { display: inline-block; width: 100%; height: 55px; text-align: center; text-decoration: none; background-color: #00588C; border: 1px solid #00588C; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 52px; outline: none; }
.vikbtn a { color: #00588C; }
.vikbtn:hover { color: #fff; background-color: #0C82C8; border: 1px solid #00588C; }
.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;}

.inqbtn { display: inline-block; width: 100%; height: 55px; margin: 15px 0 0 0; text-align: center; text-decoration: none; background-color: #D0632D; border: 1px solid #D0632D; border-radius: 4px; color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 52px; outline: none; }
.inqbtn a { color: #D0632D; }
.inqbtn:hover { color: #fff; background-color: #EE6E2F; border: 1px solid #D0632D; }
.inqbtn,
.inqbtn:before,
.inqbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.telbtn { display: inline-block; width: 100%; height: 55px; margin: 15px 0 0 0; text-align: center; text-decoration: none; background-color: #BA972B; border: 1px solid #BA972B; border-radius: 4px; color: #ffffff; font-size: 18px; font-size: 1.8rem; line-height: 52px; outline: none; }
.telbtn a { color: #BA972B; }
.telbtn:hover { color: #fff; background-color: #DCB12C; border: 1px solid #BA972B; }
.telbtn,
.telbtn:before,
.telbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.scboxs { width: 100%; margin: 20px 0 0 0; padding: 0;}
.scboxs2 { width: 100%; margin: 0; padding: 0;}
.scboxs3 { width: 100%; margin: 20px 0 0 0; padding: 0;}
.scboxs2 ul { list-style-type: decimal; margin: 0 0 0 20px; padding: 0;}
.scboxs2 ul li { line-height: 24px; margin: 0 0 10px 0; padding: 0;}
.scboxs4 { width: 100%; margin: 20px 0 0 0; padding: 0;}
.scboxs4 ul { list-style: none; margin: 0; padding: 0;}
.scboxs4 ul li { line-height: 24px; margin: 0 0 10px 0; padding: 0;}

.a_link a:hover{
	color: #00588C;
	text-decoration: none;
}

/*----------------------------------------------------
	FAMILIY FITNESS
----------------------------------------------------*/
.lbtss img { width: 100%; margin: 0 0 15px 0; clear: none;}
.lbtst img { width: 100%; margin: 0 0 15px 0; clear: none;}
.hscroll { display: inline; font-size: 1.2rem; line-height: 2.0rem;}
.handsc { width: 25px; height: auto; margin: 10px 15px 0 5px;}

.gt02 { display: none;}
.gt03 { display: none;}

#famct { width: 100%; margin: 8px 0 0 0; overflow-x: auto;}
#famct table{ width: 960px;}
table.type07 { border-collapse: collapse; text-align: left; line-height: 1.5; border: 1px solid #ccc; text-align: center; }
table.type07 thead { border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #E9E9E9; }
table.type07 thead th { width: 280px; padding: 10px; font-weight: normal; vertical-align: top; border: 1px solid #ccc; }
table.type07 tbody th { width: 150px; padding: 10px; vertical-align: top; font-weight: normal; border: 1px solid #ccc; background: #F5F5F5; }
table.type07 td { width: 350px; padding: 10px; vertical-align: top; border: 1px solid #ccc; }
table.type07 .kblue { color: #145DE2; }
table.type07 ul { list-style: none; margin: 0; padding: 0; }
.cuicmn { padding: 0; font-size: 1.2rem; line-height: 2.0rem;}
.cuicmm { list-style: none; margin: 10px 0 0 10px; padding: 0; font-size: 1.2rem; line-height: 2.2rem;}


/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/
#cobo { width: 98%; height: 150px; margin: 0 auto 0; padding: 10px 0 0 0; text-align: center; border-radius: 4px; }
.cobs { width:100; margin: 25px 0 0 0; clear: none;}
.cobt { width:100%; margin: 0; clear: none;}
.conbtn { display: inline-block; width: 100%; height: 56px; margin: 0; text-align: center; text-decoration: none; background-color: #9e0a33; border: 1px solid #9e0a33; border-radius: 4px; color: #ffffff; font-size: 1.8rem; line-height: 52px; outline: none; }
.conbtn a { color: #D0632D; }
.conbtn:hover { color: #fff; background-color: #C72552; border: 1px solid #9e0a33; }
.conbtn,
.conbtn:before,
.conbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.phobtn { display: inline-block; width: 100%; height: 56px; margin: 0; text-align: center; text-decoration: none; background-color: #BA972B; border: 1px solid #BA972B; border-radius: 4px; color: #ffffff; font-size: 2.0rem; line-height: 56px; outline: none; }
.phobtn a { color: #BA972B; }
.phobtn:hover { color: #fff; background-color: #DCB12C; border: 1px solid #BA972B; }
.phobtn,
.phobtn:before,
.phobtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.concmm { list-style: none; margin: 10px 0 0 0; padding: 0 8px 0 8px; font-size: 1.2rem; line-height: 2.0rem; text-align: center;}
.concmm2 { margin: 10px 0 0 0; padding: 0 8px 0 8px; font-size: 1.2rem; line-height: 2.0rem; text-align: left;}
.zeroMargin_mobile {
margin-left: 0;
}

/*----------------------------------------------------
	Q&A
----------------------------------------------------*/
.ac-container { max-width: 100%; margin: 10px 0 0 0; }
.ac-container label { height: 28px; line-height: 1.8; font-size: 1.4rem; padding: 2px 10px 8px; display: block; cursor: pointer; color: #00588C; background:#F6F6F6; border-top: 1px dotted #ccc; }
.ac-container label span { margin: 0 7px 0 0; font-size: 1.7rem; font-weight: bold }
.ac-container input { display: none; }
.ac-container article { overflow: hidden; height: 0; transition: 0.6s; }
.ac-container article p { margin: 10px 0 0 11px; padding: 0 8px 0 0; line-height: 2.4rem; }
.ac-container ul { list-style: upper-alpha; line-height: 2.4rem; margin: 0 0 40px -2px; transition: 0.6s; }
.ac-container li { color: #ED7D38; font-size: 1.7rem; font-weight: bold; }
.ac-container article li span { color: #000; font-size: 1.4rem; font-weight: normal; margin: 0 7px 0 0; }
.answ { list-style: none;}
.ac-container input:checked ~ article { height: 190px; border-top: 1px dotted #ccc; }

.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
#launch .bg .img {
	margin:0 auto;
	width: 100%;
	padding: 0;
	height: 200px;
	background: url('../images/common_bg03.jpg') no-repeat;
	background-size: cover;
	background-position: center 45px;
}
.slicknav_nav ul {
    padding: 0 0 0 40px !important;
    margin: 0;
}
.slicknav_nav .slicknav_row {
    padding:10px 0;
    margin: 0 0 0 20px !important;
}
.slicknav_nav .slicknav_row a {
    padding: 0;
    margin: 0 0 0 20px !important;
}
.slicknav_nav a{
    padding:10px 0;
	line-height: 23px;
	text-align: left;
    margin: 0 0 0 40px !important;
    text-decoration:none;
    color:#ffffff;
	background-color: #ffffff;
}
.content-section {
	width: 90%;
	margin: 0 5% 0 5%;
	
}
#concept {
	color: #ffffff;
	margin: 100px 0 0 0;
	text-align: center;
	padding: 0;
}
#concept h2  {
	display: block; width: 100%; height: 100px; background:url('../images/h_title.png'); background-size: 70%  auto;
	background-repeat: no-repeat; background-position: center; text-indent:-9999px;
}

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

.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;
}
.contents_sub {
	width: 90%;
	clear: both;
	text-align: center;
	padding: 0;
	margin: 0 5% 0 5%;
}

.contents_sub2 {
	clear: both;
	width: 71%;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0 18px 0 18px;
}
.contents_sub2 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-align: left;
	padding: 0;
	margin: 10px 0 20px 0;
}
.contents_sub3 {
	width: 92%;
	text-align: center;
	padding: 0;
	margin: 0 4% 0 4%;
}
.contents_sub3 p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.6rem;
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
}
.contents_sub h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto 20px;
}

#udbo { width: 100%; height: 70px; background-color:#E9E9E9; margin: 50px auto 0; padding: 0; text-align: center; }
.unbs { width:26%; margin: 0 0 0 22.5%; clear: none;}
.unbt { width:26%; margin: 0 0 0 3%; clear: none;}
.shtbtn { display: inline-block; width: 100%; height: 44px; margin: 13px 0 0 0; }
.fftbtn { display: inline-block; width: 100%; height: 44px; margin: 13px 0 0 0; }
.iqsbtn { display: inline-block; width: 100%; height: 44px; margin: 13px 0 0 0; }
/*----------------------------------------------------
	TAISOU-KARATE SCHOOL
----------------------------------------------------*/


/*----------------------------------------------------
	SWIMMING SCHOOL
----------------------------------------------------*/
.btqwrap {
	display: inline;
	position: relative;
	width: 49%;
	height: 200px;
	margin: 15px 0 0 2%;
	padding: 0;
	clear: none;
}

.inqbtn { margin: 13px 0 0 0; }
.telbtn { margin: 13px 0 0 0; }

.scboxs { width: 48.5%; margin: 10px 0 0 3%; padding: 0; clear: none;}
.scboxs2 { width: 48.5%; margin: 10px 0 0 0; padding: 0; clear: none;}
.scboxs3 { width: 48.5%; margin: 20px 0 0 3%; padding: 0; clear: none;}

/*----------------------------------------------------
	FAMILIY FITNESS
----------------------------------------------------*/
.lbtss { width: 49%; margin: 15px 0 15px 0; clear:none;}
.lbtst { width: 49%; margin: 15px 0 15px 2%; clear: none;}
.lbtss img { width: 100%; margin: 0;}
.lbtst img { width: 100%; margin: 0;}
.hscroll { display: inline;}

/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/
#cobo { width: 99%; height: 180px; background-color:#fff; margin: 20px auto 70px; padding: 0; text-align: center; border: 1px solid #E9E9E9; 	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; }
.cobs { width:40%; margin: 0 0 0 5%; clear: none;}
.cobt { width:40%; margin: 0 0 0 7.5%; clear: none;}
.conbtn { display: inline-block; width: 100%; height: 56px; margin: 30px 0 0 0; text-align: center; text-decoration: none; background-color: #9e0a33; border: 1px solid #9e0a33; border-radius: 4px; color: #ffffff; font-size: 1.8rem; line-height: 56px; outline: none; }
.conbtn a { color: #D0632D; }
.conbtn:hover { color: #fff; background-color: #C72552; border: 1px solid #9e0a33; }
.conbtn,
.conbtn:before,
.conbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.phobtn { display: inline-block; width: 100%; height: 56px; margin: 30px 0 0 0; text-align: center; text-decoration: none; background-color: #BA972B; border: 1px solid #BA972B; border-radius: 4px; color: #ffffff; font-size: 2.2rem; line-height: 56px; outline: none; }
.phobtn a { color: #BA972B; }
.phobtn:hover { color: #fff; background-color: #DCB12C; border: 1px solid #BA972B; }
.phobtn,
.phobtn:before,
.phobtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

/*----------------------------------------------------
	Q&A
----------------------------------------------------*/
.ac-container { max-width: 100%; margin: 20px auto 30px ; }

.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

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

@media only screen and (min-width: 769px) {
#launch .bg .img {
  margin:55px auto 0;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg03.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
#launch .bg .img2 {
  margin:55px auto 0;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg02.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
#launch .bg .img3 {
  margin:55px auto 0;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg04.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
#launch .bg .img4 {
  margin:45px auto 0;
  width: 100%;
  padding: 0;
  height: 200px;
  background: url('../images/common_bg05.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}

.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;
}

/* 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%;	
}
#concept {
	color: #ffffff;
	margin: 80px 0 0 0;
	text-align: center;
	padding: 0;
}
#concept h2  {
	display: block; width: 100%; height: 150px; background:url('../images/h_title.png'); background-size: 60%  auto;
	background-repeat: no-repeat; background-position: center; text-indent:-9999px;
}

.gridContainer {
	max-width: 960px;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 auto;
	clear: none;
	float: none;
}

.contents_title {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 20px 0 20px 0;
}
.contents_title3 {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 40px 0 0 0;
}
.contents_title5 {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 40px 0 0 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;
}
.contents_sub {
	width: 90%;
	clear: both;
	text-align: center;
	padding: 0;
	margin: 0 5% 0 5%;
}
.contents_title5 {
	margin: 40px 0 0 0;
	padding: 0;
}
.contents_sub2 {
	clear: both;
	width: 71%;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0 18px 0 18px;
}
.contents_sub2 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-align: left;
	padding: 0;
	margin: 10px 0 20px 10px;
}
.contents_sub h4 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 auto 30px;
}

#udbo { width: 100%; height: 70px; background-color:#E9E9E9; margin: 80px auto 0; padding: 0; text-align: center; }

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

/*----------------------------------------------------
	TAISOU-KARATE SCHOOL
----------------------------------------------------*/
.gt05 {
	display: inline;
	position: relative;
	width: 67%;
	height: 260px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
	background: url("../images/taisouschool.jpg") no-repeat;
	background-size: 100% auto;
	clear: none;
}
.gt06 {
	display: inline;
	position: relative;
	width: 67%;
	height: 260px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
	background: url("../images/karateschool.jpg") no-repeat;
	background-size: 100% auto;
	clear: none;
}
/*----------------------------------------------------
	SWIMMING SCHOOL
----------------------------------------------------*/
.gt04 {
	display: inline;
	position: relative;
	width: 67%;
	height: 260px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
	background: url("../images/swimschool.jpg") no-repeat;
	background-size: 100% auto;
	clear: none;
}
.sc_field {
	width: 92%;
	margin: 22% 4% 0 4%;
	padding: 0;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}
.btqwrap {
	display: inline;
	position: relative;
	width: 30%;
	height: 260px;
	margin: 10px 0 0 2%;
	padding: 0;
	clear: none;
}
/*----------------------------------------------------
	FAMILIY FITNESS
----------------------------------------------------*/
.lbtss  { display: none;}
.lbtst  { display: none;}
.gt02 {
	display: inline;
	position: relative;
	width: 49%;
	height: 310px;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
	background: url("../images/lbtraining.jpg") no-repeat;
	background-size: 100% auto;
	clear: none;
}
.gt03 {
	display: inline;
	position: relative;
	width: 49%;
	height: 310px;
	margin: 10px 0 10px 2%;
	padding: 0;
	text-align: left;
	background: url("../images/lbshape.jpg") no-repeat;
	background-size: 100% auto;
	clear: none;
}
.gt_field {
	width: 92%;
	margin: 38% 4% 0 4%;
	padding: 0;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}
.hscroll { display: none;}
#famct { width: 100%; margin: 20px 0 0 0; overflow-x: auto;}

/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/
#cobo { width: 80%; height: 180px; background-color:#fff; margin: 20px auto 70px; padding: 0; text-align: center; border: 1px solid #E9E9E9; 	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; }
.cobs { width:40%; margin: 0 0 0 5%; clear: none;}
.cobt { width:40%; margin: 0 0 0 7.5%; clear: none;}
.conbtn { display: inline-block; width: 100%; height: 56px; margin: 35px 0 0 0; text-align: center; text-decoration: none; background-color: #9e0a33; border: 1px solid #9e0a33; border-radius: 4px; color: #ffffff; font-size: 1.8rem; line-height: 56px; outline: none; }
.conbtn a { color: #D0632D; }
.conbtn:hover { color: #fff; background-color: #C72552; border: 1px solid #9e0a33; }
.conbtn,
.conbtn:before,
.conbtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.phobtn { display: inline-block; width: 100%; height: 56px; margin: 35px 0 0 0; text-align: center; text-decoration: none; background-color: #BA972B; border: 1px solid #BA972B; border-radius: 4px; color: #ffffff; font-size: 2.2rem; line-height: 56px; outline: none; }
.phobtn a { color: #BA972B; }
.phobtn:hover { color: #fff; background-color: #DCB12C; border: 1px solid #BA972B; }
.phobtn,
.phobtn:before,
.phobtn:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

/*----------------------------------------------------
	Q&A
----------------------------------------------------*/
.ac-container { max-width: 80%; margin: 20px 10% 30px 10%; }
.ac-container input:checked ~ article { height: 110px; }

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