body {
	font-family: 'Muli', sans-serif;
	font-size:1.1em;
	line-height: 1.428571429;
	color:#2a2a32;
	margin:0;
	
}

img {
	border:0px;
}

p {
	margin:0px;
	padding:0px;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	font-weight:normal;
}
a { text-decoration:none; color:#0f60fb;}
a:focus{ outline:none;}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap { width:100%; max-width:900px; margin:0 auto; position:relative; }

ol{ margin:0;}
ol li{ padding: 0 0 10px 8px; line-height: 1.6em; }
ol li strong{ font-weight: 700;}
/*ol li strong{ font-weight: 500;}*/

/*Footer-------*/
#footer { color:#8d97ad; font-size:.7em; line-height:2em; padding:40px 20px; text-align:center; background: #1c041d;}
#footer .wrap{ max-width:900px;}
#footer span { display:inline-block; padding:0 2px; }
#footer a { color:#8d97ad; }
.button { text-align:center; }
.button a, .button button { margin:10px auto 0; cursor:pointer; font-size:1.9em; font-weight: 700; text-align: center; color:#FFF; line-height: 1.2em;
	padding:12px 30px 16px; outline:none; display:inline-block; border-radius: 5px; 
	border:none; box-shadow: 0 10px 5px -6px rgba(0, 0, 0, 0.2);
	background:#de5f00;
}
.button a span { display:block; color:#fff0c0; font-size: .6em; letter-spacing: .02em; text-shadow:none;}
.button.t1 a{ font-size: 1.2em; padding: 12px 25px 10px;}
.button a.arrow{ position:relative}
.button a.arrow::before {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: -50px;
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/arrowL1.png) no-repeat;
    background-size: 100%;
    opacity: .3;
}
.top-navi { padding:5px 0 7px; width:100%; position: relative; z-index:999; top:0; border-bottom: dashed 1px rgba(255, 255, 255, 0.2);}
.top-navi ul { padding:0; margin:0; list-style-type:none; text-align:center; }
.top-navi ul li { padding:0; margin:0; display:inline-block; font-size: 1em; line-height:1.3em; font-weight:800; color:#dadfe6; text-transform:uppercase; 
vertical-align:top; position: relative; }
.top-navi ul li:last-child { margin:0;}
.top-navi ul li a { color:#bb73be; padding: 0px 30px 0px; display:block; border-left: dashed 1px rgba(255, 255, 255, 0.2);}
.top-navi ul li a span { display:block; font-weight:500; font-size:.81em; letter-spacing: .02em; color:#bb73be; text-transform: none;}
.top-navi ul li.current a { position:relative; color:#fb8e3b; }
.top-navi ul li.current a span { color:#c8e8ff;}
.top-navi ul li.logo{ width:100%; max-width:150px; margin-right: 30px; border-left: none;}
.top-navi ul li.logo img{ width:100%; opacity: .9; margin: 0px 0 0;}
.top-navi ul li.arrow:before {
	bottom: -28px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 9; pointer-events: none;
	border-top-color:#fb8e3b; border-width: 10px; margin-left: -10px;
}
.top-navi.ex ul li a { color:#fff; padding: 0px 30px 0px; display:block; border-left: none;}
.top-navi.ex ul li a span { display:block; font-weight:500; font-size:.81em; letter-spacing: .02em; color:#ffc599; text-transform: none;}
li.mid-strip {
   color: #ff913f !important;
   padding: 17px 60px !important;
}
.badge {
    background: #49224a;
    margin: 0;
    border: 1px solid #78355f;
    border-radius: 5px;
    background-color: #46124b;
    padding: 5px !important;
}
.top-navi.ex ul li.logo {
    margin-top: 5px;
}
#header{
    background:#410044;
    background-image: -webkit-linear-gradient(left, #1d001e 0%, #611164 50%, #1d001e 100%);
    padding: 5px 15px;
}

#header h1 { font-size: 2.3em; line-height: 1.2em; font-weight: 800; margin:30px 0 10px; color: #fff; text-align: center; 
position: relative; text-shadow: 0 1px 0px rgba(0,0,0,.3);}
#header h1 strong{ font-weight: 800;}
#header h1 span { font-size:.5em; color:#fff88f; font-weight:600; display:block; text-transform: uppercase;}
#header h2 { font-size:1.5em; color:#fffed2; font-weight:300; display:block; text-align:center;}

.trainingTimes{ width: 100%; max-width: 870px; margin:0 auto 50px; padding: 26px 0 0px; position: relative;}
.trainingTimes .boxL { float:left; width:100%; max-width:400px; margin:0 0 0; text-align:center;}
.trainingTimes .boxL img { width:100%; margin:0 auto 0px; display: block;}
.trainingTimes .boxR { float:right; width:100%; max-width:460px; color: #eaeaea;}
.trainingTimes .boxR h3{ padding:0; margin:0; color: #fdc1ff; font-weight:700; font-size: 1.1em;}
.trainingTimes .boxR.list{ font-size:1.1em}
.trainingTimes p{ padding:0; margin:0 0 12px;}
.trainingTimes p:last-child { margin:0; }
#middle { padding:25px 0 30px; background: #f5f7fa;}
#middle .wrap { background:#fff; padding:25px 60px 40px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); position:relative; max-width: 950px;}
#middle p{ padding:0; margin:0 0 20px; line-height: 1.6em; }
#middle p:last-child { margin:0; }
p.t1{ font-size:.8em; margin-bottom: 8px !important;}
p.t2{ font-size:1.4em; color: #410044; font-weight: 700!important; padding: 10px 25px !important; margin: 60px -30px 20px !important; background: #f2eaf2; } 
.midbox {
    margin: 50px -60px 30px;
    padding: 30px 40px 20px;
    text-align: left;
    background: #fef5ff;
    border-bottom: solid 1px #e6e6d3;
    border-top: solid 1px #e6e6d3;
}
.t2.ex { margin-top: 0 !important; }
.midbox .imgL{ float:right; width:100%; max-width:334px;}
.midbox .imgL img {
	width: 100%;
	margin: -17px 0 -40px;
}
.tx3{ font-size:1.4em; font-weight:700; color: #410044;} 
.boxL{ float:left; width:100%; max-width:120px; margin: 0 0 0 -23px;}
.boxL img{ width:100%;}
.boxR{ width:auto;}
.HL{ background: #fff97c;}
.HLT{ color: #991D33; background: #ffffc4;}
.HLB{ background:#fef5ff; padding:15px 20px 10px; margin-bottom: 20px; border: dashed 1px #e0d3e2;}
.HLB.maxW{ width:100%; max-width:790px; margin:0 auto 26px; }

.list ul { margin:0; padding:8px 0 10px; list-style-type:none; text-align:left;}
.list ul li { position:relative; padding:0 0 10px 34px; margin-bottom:10px; border-bottom: dashed 1px rgba(255, 255, 255, 0.1);}
.list ul li strong { font-weight:800; color:#fffed2;}
.list ul li:before { position:absolute; content: "\f061"; font-family: FontAwesome; left:0; top:0px; font-size:20px; color:#e14938;}
.list ul li:last-child { margin-bottom:0px; border-bottom:none;}
.mid-img { width:100%; margin:0 auto 20px; text-align:center;}
.mid-img img { width:100%; border: solid 1px #000;}

.conimg { float:left; width:100%; max-width:154px; margin-right:30px;}
.conimg img { width:100%;}
.conimg.right{ float:right; margin-left:10px; margin-right: 0;}
.w270{ max-width:270px;}

.moblink{ text-align:center; display:none; position: relative;}
.moblink a{ color: #ffe581;}


.ea-buttonRocking {
	animation:rocking 2s infinite;
	animation-timing-function:cubic-bezier(0, 0, 0.58, 1);
transition:.2s
}
@keyframes rocking {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(0deg)
}
50% {
transform:rotate(2deg)
}
75% {
transform:rotate(-2deg)
}
100% {
transform:rotate(0deg)
}
}
.ea-buttonRocking:hover {
	animation:none !important
}

.imgL.mob{
	display:none;
}
.imgL1 {
    float: right;
    width: 100%;
    max-width: 250px;
}
.imgL2 {
    float: left;
    width: 100%;
    max-width: 293px;
    margin: 0 20px 0 -20px;
}
.imgL2 img {
    width: 100%;
    margin: 0 0 -20px;
}
.mob {
    display: none!important;
}
.pc{ display: block; }
.listb ul {
    list-style: none;
    padding: 0px;
    margin: 0 0 20px 10px;
}
.listb ul li {
    padding: 0px 0 10px 40px;
    margin: 0 0 10px;
    position: relative;
    text-align: left;
    line-height: 1.6em;
    color: #fff;
}
.listb ul li:before {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    left: 0;
    top: 0px;
    font-size: 1.5em;
    color: #fff;
    font-weight: 300;
}
.boxR h2 {
    text-align: left;
    color: #fff;
    font-size: 1.8em;
    line-height: 1.5em;
    margin-bottom: 20px;
    opacity: .9;
    padding-left: 70px;
}
.boxR h2 i {
	font-size: .9em;
}
.hl-box {
    padding: 12px 20px 12px 48px;
    text-align: center;
    width: 94%;
    max-width: 690px;
    margin: 30px auto 0;
    font-size: 1em;
    box-shadow: 0 0 10px rgba(0, 62, 140, 0.3);
    position: relative;
    border-radius: 5px;
    border: solid 1px #fff;
}


.hl-box.v1 {
    background: rgba(255, 255, 255, 0.1);
    color: #fdc1ff;
    box-shadow: none;
    border: none;
}

.hl-box:before {
    position: absolute;
    content: '\f10d';
    top: -25px;
    left: 10px;
    font-family: FontAwesome;
    font-size: 2em;
    color: #713a73;
}
.hl-box p{ font-size: 15px; }
.imgL1 img{ width: 100%; }




.faq-area{padding: 2px 0 40px}
.qa{ padding: 10px 30px; }
.qa h4 {
    font-weight: 700;
    font-size: 1.5em;
    background: #fffaea;
    padding: 0px 8px 4px 0px;
    margin-bottom: 10px;
    margin-top: 40px;
}
.qa h4 span{ background: #ff882e; color: #fff; padding: 0px 8px 4px; margin-right: 10px; }




#hidden-content2{ max-width:600px; width:100%; padding:25px; text-align:center;}
#hidden-content2 h4{
	font-size:1.3em;
}
#hidden-content2 a{ margin:20px auto 0; cursor:pointer; font-size:1.6em; font-weight: 700; text-align: center; color:#FFF; line-height: 1.2em;
	padding:12px 30px 16px; outline:none; display:inline-block; border-radius: 5px; 
	border:none; box-shadow: 0 10px 5px -6px rgba(0, 0, 0, 0.2);
	background:#de5f00;
}
#hidden-content2 a span { display:block; color:#fff0c0; font-size: .6em; letter-spacing: .02em; text-shadow:none;}

  /*.button a.yes{ background:#42a10e;}*/
.button a.nobtn{ background:#a582ac;}

.button.dbtn {
    border: dashed 2px rgba(255, 255, 255, 0.2);
    padding: 15px 10px;
    background-color: #2e0c2e;
    border-radius: 10px;
	max-width:720px;
	margin:10px auto 0;
	position:relative;
}
/*.button.dbtn:before {
    position: absolute;
    z-index: 1;
    top: 60px;
    left: -70px;
    content: '';
    width: 100px;
    height: 100px;
    background: url(../images/arrowR1.png) no-repeat;
    background-size: 100%;
    opacity: .3;
}
.button.dbtn:after {
    position: absolute;
    z-index: 1;
    top: 60px;
    right: -70px;
    content: '';
    width: 100px;
    height: 100px;
    background: url(../images/arrowL1.png) no-repeat;
    background-size: 100%;
    opacity: .3;
}*/
.button.dbtn h3 {
    padding: 0;
        padding-bottom: 0px;
    margin: 0;
    color: #fefdda;
    font-weight: 700;
    font-size: 1.3em;
}
.trainingTimes.bttns{
	max-width: 800px;
	margin-bottom:15px;
}
.trainingTimes.bttns .boxR {
    max-width: 510px;
}
.trainingTimes.bttns .boxL {
    max-width: 280px;
}
.trainingTimes.bttns .text1 {
    text-align: center;
    font-size: 1.15em;
	background:none;
	border:none;
	margin-top:10px;
}
.trainingTimes.bttns .button.t1 a{ font-size: 1.3em;}

.text1{ 
text-align: center;
font-size: 1.25em;
color: #cb8ece;
font-weight: 400;
margin: 30px auto 0;
background: rgba(0, 0, 0, 0.2);
width: 100%;
padding: 6px 10px 10px;
border-radius: 10px;
border: dashed 2px rgba(255, 255, 255, 0.2);
}
.text1 span{ color:#fff88f; font-size:1em; font-weight: 800;}



