@import url('https://fonts.googleapis.com/css?family=Suez+One');



/* =======================================================
*
* 	Template Style 
*
* ======================================================= */



html {margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-size: 13px;font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height: 1.7;color:#545454;background: #fff;margin: 0;padding: 0;text-align:center;}

#wrapper {
position: relative;
overflow-x: hidden;
width: 100%;
height: 100%;
-webkit-transition: 5s;
-o-transition: 5s;
transition: 5s;
text-align: left;
}
.offcanvas #wrapper {
overflow: hidden;
position: absolute;
}
.offcanvas #wrapper:after {
-webkit-transition: 5s;
-o-transition: 5s;
transition: 5s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.7);
content: "";
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.sp_only {display:none;}


.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {width: 750px;}
}
@media (min-width: 992px) {
.container {width: 970px;}
}
@media (min-width: 1200px) {
.container {width: 1170px;}
}





.row {margin-left: -15px;margin-right: -15px;}
.row:before, .row:after {content: " ";display: table;}
.row:after {clear: both;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;}

.col-xs-1 {width: 8.33333%;}
.col-xs-2 {width: 16.66667%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33333%;}
.col-xs-5 {width: 41.66667%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.33333%;}
.col-xs-8 {width: 66.66667%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33333%;}
.col-xs-11 {width: 91.66667%;}
.col-xs-12 {width: 100%;}


a {
color: #808184;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover, a:active, a:focus {
color: #666;
outline: none;
text-decoration: none;
}

p {
margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, figure {
color: #000;
font-weight: 400;
margin: 0 0 10px 0;
}

small,.small {font-size: 85%;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}


/*
::-webkit-selection {
color: #fff;
background: #50CB86;
}

::-moz-selection {
color: #fff;
background: #50CB86;
}

::selection {
color: #fff;
background: #50CB86;
}
*/






/*
////////////////////////////////////////////////////////////////////////////////////

header
	
////////////////////////////////////////////////////////////////////////////////////
*/


.head-cover {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
position: relative;
width: 92%;
height: 86vh;
margin: 65px auto;
display:block;
}


.head-cover .overlay {
z-index: 0;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
background: #ff5db1;
background: -moz-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff5db1), color-stop(100%, rgba(0, 87, 137, 0.7)));
background: -webkit-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
background: -o-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
background: -ms-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
background: linear-gradient(135deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#005789', GradientType=1 );
}
.head-cover > .cover_container {
position: relative;
z-index: 10;
}



/*
////////////////////////////////////////////////////////////////////////////////////

navigation
	
////////////////////////////////////////////////////////////////////////////////////
*/

nav {display: block;}

.contentnav {position:absolute;top:0;margin:0;width: 100%;padding:0 0 20px;z-index: 1001;}
.contentnav_inner {width:93.5%;margin:20px auto 0;overflow:hidden;}

.contentnav #logo {float:left;width:220px;}
.contentnav #logo img {width:100%;}
.contentnav a {padding: 5px 10px;color:#fff;}


.contentnav .mainmenu ul {padding: 0;margin: 2px 0 0 0;display:none;}
.contentnav .mainmenu ul li {padding: 0;margin: 0;list-style: none;display: inline;}
.contentnav .mainmenu ul li a {font-size: 14px;padding: 30px 10px;text-transform: uppercase;color: rgba(255, 255, 255, 0.5);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contentnav .mainmenu ul li a:hover, .contentnav .mainmenu ul li a:focus, .contentnav .mainmenu ul li a:active {color: white;}
.contentnav .mainmenu ul li.has-dropdown {position: relative;}
.contentnav .mainmenu ul li.has-dropdown .dropdown {
width: 130px;
-webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
z-index: 1002;
visibility: hidden;
opacity: 0;
position: absolute;
top: 40px;
left: 0;
text-align: left;
background: #fff;
padding: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}

.contentnav .mainmenu ul li.has-dropdown .dropdown:before {
bottom: 100%;
left: 40px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px;
}

.contentnav .mainmenu ul li.has-dropdown .dropdown li {display: block;margin-bottom: 7px;}
.contentnav .mainmenu ul li.has-dropdown .dropdown li:last-child {margin-bottom: 0;}
.contentnav .mainmenu ul li.has-dropdown .dropdown li a {
padding: 2px 0;
display: block;
color: #999999;
line-height: 1.2;
text-transform: none;
font-size: 15px;
}

.contentnav .mainmenu ul li.has-dropdown .dropdown li a:hover {color: #000;}
.contentnav .mainmenu ul li.has-dropdown:hover a, .contentnav ul li.has-dropdown:focus a {color: #fff;}
.contentnav .mainmenu ul li.btn-cta a {color: #50CB86;}
.contentnav .mainmenu ul li.btn-cta a span {
background: #fff;
padding: 4px 20px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
}
.contentnav .mainmenu ul li.btn-cta a:hover span {
-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.contentnav .mainmenu ul li.active > a {color: #fff !important;}

.contentnav .sns {width:150px;float:right;margin:0 0 20px;}
.contentnav .sns ul {overflow:hidden;}
.contentnav .sns ul li {float:left;width:18px;display:block;margin-left:12px;}
.contentnav .sns ul li a {width:20px;}
.contentnav .sns ul li a img {width:100%;}
.contentnav .sns ul li a:hover {opacity:0.6;}


.nav-toggle {width: 25px;height: 25px;cursor: pointer;text-decoration: none;}
.nav-toggle.active i::before, .nav-toggle.active i::after {background: #444;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {outline: none;border-bottom: none !important;}
.nav-toggle i {
position: relative;
display: inline-block;
width: 25px;
height: 2px;
color: #252525;
font: bold 14px/.4 Helvetica;
text-transform: uppercase;
text-indent: -55px;
background: #252525;
transition: all .2s ease-out;
}
.nav-toggle i::before, .nav-toggle i::after {
content: '';
width: 25px;
height: 2px;
background: #252525;
position: absolute;
left: 0;
transition: all .2s ease-out;
}
.nav-toggle.fh5co-nav-black > i {color: #000;background: #000;}
.nav-toggle.fh5co-nav-black > i::before, .nav-toggle.fh5co-nav-black > i::after {background: #000;}
.nav-toggle i::before {top: -7px;}
.nav-toggle i::after {bottom: -7px;}
.nav-toggle:hover i::before {top: -10px;}
.nav-toggle:hover i::after {bottom: -10px;}
.nav-toggle.active i {background: transparent;}
.nav-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
background: #FFF;
}

.nav-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
background: #FFF;
}

.nav-toggle {position: absolute;right: 0px;top: 10px;z-index: 21;padding: 6px 0 0 0;display: block;margin: 0 auto;display: none;height: 44px;width: 44px;z-index: 2001;border-bottom: none !important;}








/*
////////////////////////////////////////////////////////////////////////////////////

contents
	
////////////////////////////////////////////////////////////////////////////////////
*/

.shadowbox {-moz-box-shadow: 0px 0px 10px 1px #cccccc;
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;
background: #FFF;
overflow: hidden;
display: block;
border:solid 1px #EEE;
}
.photo_shadow {-moz-box-shadow: 0px 0px 10px 1px #999;
box-shadow:0px 0px 10px 1px #999;
-moz-box-shadow:0px 0px 10px 1px #999;
-webkit-box-shadow:0px 0px 10px 1px #999;
overflow: hidden;
display: block;
}


h2 {font-family: 'Suez One', serif;font-size:40px;z-index:9;position:absolute;}
h3 {font-family: 'Suez One', serif;font-size:30px;z-index:9;position:absolute;}


.head-cover .skids_charactor {width:30%;z-index:9;position:absolute;right:-20px;top:60vh;}
.head-cover .informationbox {width:58%;z-index:9;position:absolute;left:5%;top:75vh;}
.head-cover .informationbox h2 {margin:0 0 0 40px !important;}
.head-cover .informationbox .shadowbox {margin:70px 0 0;min-height:200px;}
.head-cover .informationbox ul {overflow: hidden;margin:40px 40px 30px;padding:0;list-style:none;}
.head-cover .informationbox ul li {margin:0 0 5px;}
.head-cover .informationbox ul li span {display:inline-block;margin:0 8px 0 0;font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:14px;}

/*
.head-cover .informationbox ul li span {display:inline-block;margin:0 8px 0 0;font-family: 'Suez One', serif;font-size:14px;}
*/


.sectionbox {position: relative;padding: 7em 0;clear: both;}
.sectionbox .overlap01 {z-index:6;position:absolute;}


#aboutskids {padding:15em 0 7em;}
#aboutskids img {width:100%;}
#aboutskids .about_img02 {margin:110px 0 0;}
#aboutskids img.overlap01 {width:85%;}
#aboutskids .col-xs-12 .about_txtbox {float:right;width:70%;overflow:hidden;margin:20px 0 0;}
#aboutskids .col-xs-12 .about_txtbox h2 {margin:-30px 0 0 50px;}
#aboutskids .col-xs-12 .about_txtbox div {padding:40px 50px 30px;margin:30px 60px 30px 30px;text-align: left;}

#lesson {background:url(images/lesson_bg.png) no-repeat top center;background-size: cover;padding:0 0 50px !important;}
#lesson .try_txt {text-align:right;}
#lesson .try_txt img {width:40%;margin:-30px 0 0;}

#lesson h2 {padding:0 !important;margin:-70px 0 0 !important;}
#lesson #class .col-xs-5 h3 {margin:0px 0px 0 50px;}
#lesson #class .col-xs-5 p {margin:100px 0 0 50px;}
#lesson #class .col-xs-5 dl {margin:20px 0 0 50px;}
#lesson #class .col-xs-5 dl dt {font-weight:700;color:#000;font-size:18px;}
#lesson #class .col-xs-5 dl dd {margin:0 0 10px;}
#lesson #class .col-xs-7 img {width:100%;margin:40px 0 0 30px;}

.view_class {margin:40px 0 0 !important;}
.view_class a {background:url(images/btn_arrow.png) no-repeat right center #1a1a1a; background-size:50px auto;padding:20px 80px 20px 30px;color:#FFF;text-decoration:none;font-weight:700;}
.view_class a:hover {background-color:#555;}

#lesson #timetable {margin-top:10px;}
#lesson #timetable img {width:100%;margin:0;}
#lesson #timetable .col-xs-5 {}
#lesson #timetable .col-xs-6 h3 {margin:30px 0 0 10px;}
#lesson #timetable .col-xs-6 table {margin:130px 0 0 0;width:90%;}

table {border-collapse: separate !important;border-spacing:4px;width:100%;margin-top:20px;}
table th,table td {padding:15px;vertical-align:middle;}
table th {width:35%;text-align:center;color: #FFF;}
table tr th {background:#9b9b9b;font-size:14px;}
table td {font-size:13px;line-height:1.8em;}
table tr td {background:#f9f9f9;border:solid 1px #ddd;}


#lesson #space {margin-top:60px;}
#lesson #space img {width:100%;margin:0;}
#lesson #space .col-xs-5 {}
#lesson #space .col-xs-5 h3 {margin:10px 0 0 70px;}
#lesson #space .col-xs-5 dl {margin:110px 0 0 ;}
#lesson #space .col-xs-5 dl dt {font-weight:700;color:#000;font-size:18px;line-height:1.4em;margin-bottom:10px;}
#lesson #space .col-xs-5 dl dd {margin:0 0 10px;}
#lesson #space .col-xs-9 {margin:-30px 0 0;}
#lesson #space .col-xs-9 img {margin:0 0 0 80px;width:90%;}
#lesson #space .col-xs-3 {margin:60px 0 0;}
#lesson #space .col-xs-3 .poolparklogo {width:80%;}
#lesson #space .col-xs-3 dl dt {margin:0 0 10px;}
#lesson #space .col-xs-3 dl dd {margin:0;}
#lesson #space .col-xs-3 dl dd.a_area {background:url(images/icon_a.png) no-repeat; background-size:20px 20px;padding:0 0 0 25px;}
#lesson #space .col-xs-3 dl dd.b_area {background:url(images/icon_b.png) no-repeat; background-size:20px 20px;padding:0 0 0 25px;}
#lesson #space .col-xs-3 dl dd.c_area {background:url(images/icon_c.png) no-repeat; background-size:20px 20px;padding:0 0 0 25px;}
#lesson #space .col-xs-3 dl dd.d_area {background:url(images/icon_d.png) no-repeat; background-size:20px 20px;padding:0 0 0 25px;}
#lesson #space .col-xs-3 dl dd.e_area {background:url(images/icon_e.png) no-repeat; background-size:20px 20px;padding:0 0 0 25px;}


#instructor #instructor01 img {width:100%;}
#instructor #instructor01 .col-xs-7 {margin:180px -150px 0 0;text-align:right;}
#instructor #instructor01 .col-xs-7 img {width:90%;}
#instructor #instructor01 .col-xs-4 {margin:30px 0 0 0;text-align:right;float:right !important;}
#instructor #instructor01 .col-xs-4 h2 {position: relative;margin:0 !important;}
#instructor #instructor01 .col-xs-4 p {margin:-20px 0 0 0;}
#instructor #instructor01 .col-xs-5 {text-align:right;} 
#instructor #instructor01 .col-xs-5 img {width:80%;}
#instructor #instructor02 img {width:100%;}
#instructor #instructor02 .col-xs-6 {margin:-80px -180px 0 0;text-align:right;}
#instructor #instructor02 .col-xs-6 img {margin:0 0 0 180px;width:70%;}
#instructor #instructor02 .col-xs-5 {text-align:right;margin:70px 0 0 120px;} 
#instructor #instructor02 .col-xs-5 img {position: relative;width:95%;}


#charge {background:url(images/charge_bg.png) no-repeat top center;background-size: cover;padding:0 0 50px !important;}
#charge img {width:100%;}
#charge #charge02 {margin-top:150px ;}
#charge .col-xs-12 {margin-top:80px;}
#charge .col-xs-12 .enter_info {float:right;width:75%;}
#charge .col-xs-12 .enter_info div {padding: 30px 60px 30px;}
#charge .col-xs-12 .enter_info div ul {padding:0;margin:0;}
#charge .col-xs-12 .enter_info h4 {background:#000;padding:10px 30px;margin:-30px 0 20px 20px;color:#FFF;font-weight:700;z-index:9;position:absolute;display:inline-block;}
#charge .col-xs-7 ul {overflow:hidden;list-style:none;padding:0;margin: 0;} 
#charge .col-xs-7 ul li {width:50%;float:left;padding:5px;}


#access {margin:0;}
#access img {width:100%;}
#access .col-xs-4 {margin:80px 0 0;}
#access .col-xs-4 h2 {margin:10px 0 0 100px;}
#access .col-xs-4 .access_info div {margin:80px 0 0 -50px;padding: 30px 40px 30px;}
#map_poolpark {margin: 0 auto;width:100%;height:360px;}
#map_poolpark img {max-width: none;}


#contact {margin:-80px 0 0;}
#contact a {background:url(images/btn_arrow.png) no-repeat right center #1a1a1a; background-size:70px auto;padding:30px 100px 30px 30px;color:#FFF;text-decoration:none;font-weight:700;margin:0 0 0 140px;}
#contact a span {font-family: 'Suez One', serif;display:inline-block;margin:0 10px 0 0;font-size:16px;font-weight:100;}
#contact a:hover {background-color:#555;}



#page-container {margin:70px 0 0;overflow:hidden;}

#contactform {background:url(images/lesson_bg.png) no-repeat bottom center;background-size: cover;padding:150px 0 !important;}
#contactform .col-xs-5 {margin:-30px 0 0;}
#contactform .col-xs-5 h2 {}
#contactform .col-xs-5 p {margin:120px 0 0 10px;}
#contactform .col-xs-5 .backhome {margin:40px 0 0 10px;}
#contactform .col-xs-5 .backhome a {background:#1a1a1a;padding:15px 30px;color:#FFF;text-decoration:none;font-weight:700;font-size:13px;}
#contactform .col-xs-5 .backhome a:hover {background:#666;padding:15px 30px;color:#FFF;text-decoration:none;font-weight:700;}
#contactform .col-xs-7 {margin:40px 0 0;}
#contactform .col-xs-7 h3 {text-align:right;width:100% !important;}
#contactform .col-xs-7 h3 img {width:50%;margin:-80px 0 0;}
#contactform .col-xs-7 .shadowbox {padding:100px 50px 30px;}
#contactform .col-xs-7 .shadowbox ul {overflow:hidden;padding:0;margin:0;} 
#contactform .col-xs-7 .shadowbox ul li {list-style:none;line-height:1.5em;margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:solid 1px #ccc;}
#contactform .col-xs-7 .shadowbox ul li span {font-weight:700;color:#1a1a1a;}
#contactform input[type=text],
#contactform input[type=email], 
#contactform input[type=textarea],
#contactform input[type=select],
#contactform textarea {border:solid 1px #ccc;border-radius:4px;padding:8px 15px;display:block;}
#contactform select {display:block;border:solid 1px #ccc;border-radius:4px;padding:10px 25px;}
input[type="button"],
input[type="reset"],
input[type="submit"] {border: none;border-radius:4px;background: #000;color: rgba(255, 255, 255, 1);cursor: pointer;font-size:16px;padding:8px 15px;}




#infopage {background:url(images/lesson_bg.png) no-repeat bottom center;background-size: cover;padding:100px 0 130px !important;}
#infopage .col-xs-5 {margin:0;}
#infopage .col-xs-5 h2 {margin:20px 0 0;}
#infopage .col-xs-5 p {margin:;}
#infopage .col-xs-7 {margin:50px 0 0 0;}
#infopage .col-xs-7 h3 {font-size:22px;color:#1a1a1a;font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight:700;line-height:1.5em !important;margin:20px 0 0 !important;padding:0 0 15px;border-bottom:solid 1px #CCC;}
#infopage .col-xs-7 .shadowbox {padding:30px 50px 30px;}
#infopage .col-xs-7 .data {margin:80px 0 0;font-family: 'Suez One', serif;font-size:24px;}
.meta {border-top:solid 1px #CCC;overflow:hidden;padding:10px 0 0;}
.meta ul {overflow:hidden;padding:0;list-style:none;}
.meta ul li {float:left;margin:0 20px 0 0;}
.meta ul li a {text-decoration:none;background:#1a1a1a;padding:20px 30px !important;color:#FFF;text-decoration:none;font-weight:700;font-size:12px !important;}
.meta ul li a:hover {text-decoration:none;background:#666;}








/*
#footer {padding: 2em 0 6em;clear: both;}
#footer {background: #efefef;}
#footer .col-xs-6 img {width:65%;float:left;}
#footer .col-xs-6 {text-align:right !important;} 
#footer .f_sns {display:none;}
*/

#footer {text-align:center;background: #000;padding: 3em 0 6em;clear: both;color:#999;}
#footer .col-xs-6 {width:100%;}
#footer .col-xs-6 img {width:35%;float:none;margin:0 auto;}
#footer .col-xs-6 {text-align:center !important;} 

#footer .f_sns {width:200px;margin:20px auto 0;display:block;}
#footer .f_sns ul {overflow:hidden;}
#footer .f_sns ul li {float:left;width:28px;display:block;margin:0 8px;}
#footer .f_sns ul li a {width:28px;}
#footer .f_sns ul li a img {width:100%;}
#footer .f_sns ul li a:hover {opacity:0.4;}


#footer_fixbanner {display:none;}
#side_fixbanner {display:inline-block;position:fixed;z-index:9999;top:180px;right:0;width:44px;height:auto;}
#side_fixbanner img {width:100%;}
#side_fixbanner a:hover img {opacity:0.85;}








#fh5co-offcanvas {
position: absolute;
z-index: 1901;
width: 270px;
background: black;
top: 0;
right: 0;
top: 0;
bottom: 0;
padding: 45px 40px 40px 40px;
overflow-y: auto;
-moz-transform: translateX(270px);
-webkit-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.offcanvas #fh5co-offcanvas {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#fh5co-offcanvas a {
color:#FFF;
font-size: 17px;
font-weight: 700;
text-decoration: none;
}
#fh5co-offcanvas a:hover {
color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
padding: 0;
margin: 0;
}
#fh5co-offcanvas ul li {
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom:solid 1px #666;
}
#fh5co-offcanvas ul li.sp_only a img {
background: #FFF;
padding:3px;
width:20px;
display:inline-block;
margin:2px 0 0;
}



#fh5co-offcanvas ul li > ul {
padding-left: 20px;
display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
display: block;
position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
position: absolute;
right: 0px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e921";
font-size: 20px;
color: rgba(255, 255, 255, 0.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}


.gototop {
position: fixed;
bottom: 0 ;
right: 0;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.gototop.active {
opacity: 1;
visibility: visible;
}
.gototop a {
width: 280px;
height: 64px;
display: table;
/*background: rgba(0, 0, 0, 0.9);*/
color: #fff;
text-align: center;
text-decoration: none;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-size:11px;
font-family: 'Suez One', serif;
}
.gototop a span {
padding:0 8px 0 0;
display:inline-block;
}
.gototop a i {
height: 50px;
display: table-cell;
vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
text-decoration: none;
outline: none;
}


.fh5co-loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
opacity: 0;
}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

div.wpcf7-mail-sent-ok {background:#333;color:#FFF;border:none !important;}
div.wpcf7-mail-sent-ng {background:#8642AC;color:#FFF;border:none !important;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {background:#8642AC;color:#FFF;border:none !important;}
span.wpcf7-not-valid-tip {color: #8642AC;font-size: 1em;display: block;}





/*# sourceMappingURL=style.css.map */