@charset "utf-8";
/* CSS Document */

body {position: fixed;}

/* --------------------------- GLOBAL HEADER [start] --------------------------- */

#global-header,#global-headerBg {display: none;}

@media (min-width:820px) {

#global-header {display: block; width:100%;height:auto;position:fixed;z-index:999999;padding: 3.5em; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#global-header .glogo {display: block;width: 17em;float: left;}
#global-header .glogo img {width: 100%;}
#global-header .gicon {display: block;width: 3.1em;float: left; margin-top: -.2em; display: none; cursor: pointer;}
#global-header .gicon img {width: 100%;}
#global-header .nav-header {width: calc(100% - 18em);float: right;margin-top: -1em;}

#global-headerBg {width: 100%;height: 10em; position: fixed; z-index: 999998; display: none;}
#global-headerBg .ghbg {
	width: 100%;height: 10em; background: url(../img/bg/bg-black80.png) repeat;border-bottom: 1px solid #00aeef;float: left;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

}

/* -- Mini Nav [start] -- */

#mini-nav {width: auto;float: right;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mini-nav li {display: inline;float: left;padding: 0em 1em;border-right: 1px solid #9c9b9b;}
#mini-nav li:last-child {border-right: 0px;padding-right: 0px;}
#mini-nav li a {display: block; text-decoration: none; float: left;font-family: neoreg;font-size: 1em;text-transform: uppercase;color: #afafaf;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mini-nav li a:hover {color: #fff;}
#mini-nav li a i {display: inline-block;width: 1.8em;height: 1.8em;line-height: 1.8em;margin-top: -.4em;font-size: .8em;text-align: center;border-radius: 100%;border: 1px solid #00aeee;color: #00aeef;margin-right: .3em;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mini-nav li a:hover i {background: #00aeee;color: #fff;}

/* -- Mini Nav [end] -- */

/* -- Main Nav [start] -- */

#global-header .nav-header .gnav {width: 100%;float: right;margin-top: 1em;}

#main-nav {width: auto;float: right;}
#main-nav li {display: inline;float: left;padding: 0em .8em;}
#main-nav li:last-child {padding-right: 0em;}
#main-nav li a {display: block;float: left;padding: .8em 0em;font-family: neobold;font-size: 1.3em;text-transform: uppercase;color: #fff;text-decoration: none;}
#main-nav li a:hover, #main-nav li.active a {color: #00aeef;border-bottom: 2px solid #00aeef;}

#main-shop {width: auto;float: right;}
#main-shop a {display: block;width: auto;padding: .6em 1em;margin: 0em 1.2em;font-family: neobold;font-size: 1.3em;text-transform: uppercase;color: #fff;text-decoration: none;background: #00aeef;border-radius: 3px;border: 1px solid #009dd8;}
#main-shop a:hover {background: #324260;border: 1px solid #2b3953;}

#main-sns {width: auto;float: right;}
#main-sns li {display: inline;float: left;margin: 0em .3em;}
#main-sns li a {display: block;width: 2.2em;height: 2.2em;line-height: 2em;text-align: center;border-radius: 100px;border: 2px solid #00aeef;padding: 0em !important;color: #fff;font-size: 1.4em;}
#main-sns li a:hover {background: #00aeef;}

/* -- Main Nav [end] -- */

/* --------------------------- GLOBAL HEADER [end] --------------------------- */

/* --------------------------- MOBILE HEADER [start] --------------------------- */

@media (min-width:820px) { #mobile-header, #mobile-nav {display: none !important;}}

#mobile-header {display: block; width:100%;height:60px;position:fixed;z-index:999999;padding: 2.0em; background:#000; top: 0px;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mobile-header .mlogo {display: block;width: 3.2em;float: left;}
#mobile-header .mlogo img {width: 100%;}
#mobile-header .mnav-control {width: auto;float: right;}
#mobile-header .mnav-control #mc-off {display: block;font-size: 3.3em; padding: 0.1em 0em 0em 0em; color: #fff; cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mobile-header .mnav-control #mc-on {display: none;font-size: 3.3em; padding: 0.1em .1em 0em .1em; color: #fff; cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mobile-header .mnav-control #mc-off:hover, #mobile-header .mnav-control #mc-on:hover {color: #00aeef;}

#mobile-header .store {width: auto;float: right;margin-right: 2em;}
#mobile-header .store a {display: block;padding: 1.1em 1.5em;background: #00aeef;font-family: neobold;font-size: 1.2em;text-transform: uppercase;color: #fff;border-radius: 2px;text-decoration: none;}
#mobile-header .store a:hover {background: #324260;}

#mobile-nav {position: fixed; z-index: 999998; display: block; top: -320px;width: 100%;min-width: 350px;float: left;background: #000;border-bottom: 1px solid #00aeef;}
#mobile-nav .navLink {width: 100%;float: left;}
#mobile-nav .navLink li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #323232;color: #fff;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#mobile-nav .navLink li a {display: block;font-family: neobold;font-size: 1.3em;text-transform: uppercase;color: #fff;text-decoration: none;outline: 0em;padding: 2em;}
#mobile-nav .navLink li:hover {border-bottom: 1px solid #0098d1;}
#mobile-nav .navLink li:hover a {color: #0098d1;}

#mobile-nav .mini-nav {width: 50%;float: left;padding: 2em;}
#mobile-nav .mini-nav li {width: 100%;display: list-item;float: left;list-style: none;}
#mobile-nav .mini-nav li a {display: block;font-family: neoreg;font-size: 1.1em;text-transform: uppercase;padding: .9em 0em;color: #a3a3a3;text-decoration: none;}
#mobile-nav .mini-nav li a:hover {color: #fff;}
#mobile-nav .mini-nav li a i {color: #00aeef;}

#mobile-nav .mobile-sns {width: auto;float: right; margin-top: 0em; padding: 2em;}
#mobile-nav .mobile-sns li {display: inline;float: left;margin: 0em .3em;}
#mobile-nav .mobile-sns li a {display: block;width: 2.2em;height: 2.2em;line-height: 1.9em;text-align: center;border-radius: 100px;border: 2px solid #00aeef;padding: 0em !important;color: #fff;font-size: 1.4em;}
#mobile-nav .mobile-sns li a:hover {background: #00aeef;}

/* --------------------------- MOBILE HEADER [end] --------------------------- */	

/* --------------------------- GLOBAL CHAT [start] --------------------------- */

#global-chat {
	width: 6em;
	height: 6em;
	background: #00aeef;
	border-radius: 100px;
	position: fixed;
	z-index: 999997;
	bottom: -10em;
	right: 3em;
	overflow: hidden;
	cursor: pointer;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
#global-chat .icon {width: 2.5em;height: 100%;line-height: 2.4em;float: left !important;color: #fff;text-align: center;font-size: 2.5em;}
#global-chat .msg {width: auto;margin-top: 2.7em;float: left;font-family: neobold;font-size: 1em;color: #fff;text-transform: uppercase;margin-left: -1em;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#global-chat:hover {width: 14em;background: #324260;}

/* --------------------------- GLOBAL CHAT [end] --------------------------- */


#global-cube {
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 999996;
	bottom: -10em;
	transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

#global-cube .footer-cube {width: 6em;position: relative;display: inline-block;}
#global-cube .footer-cube .cube {margin-top: -20.3em;}

#global-cube .footer-cube .cube .cube-down {display: block;}
#global-cube .footer-cube .cube .cube-down .arrow {margin-top: -1.7em;}
#global-cube .footer-cube .cube .cube-down .arrow:hover {margin-top: -1.5em;}

#global-cube .footer-cube .cube .cube-up {display: none;}
#global-cube .footer-cube .cube .cube-up .arrow {margin-top: -1.8em;}
#global-cube .footer-cube .cube .cube-up .arrow:hover {margin-top: -2em;}

#global-cube .footer-cube .cube {width: 100%;float: left; position: relative;}
#global-cube .footer-cube .cube img {width: 100%;}
#global-cube .footer-cube .cube .arrow {width: 100%; float: left;z-index: 1;position: relative;text-align: center;color: #fff;font-size: 3em;cursor: pointer;display: block;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#global-cube .footer-cube .cube .arrow:hover {color: #00aeef;}

/* --------------------------- GLOBAL POPUP [start] --------------------------- */

#global-popup {width: 100%;height: 100%;position: fixed;z-index: 9999999;top: 0px;left: 0px; display: none;}
#global-popup .gp-bg {width: 100%;height: 100%;background: url(../img/bg/bg-black80.png);}
#global-popup .gp-body {width: 100%;height: 100%;position: fixed;z-index: 1;top: 0px;left: 0px;text-align: center;padding: 20px;}
#global-popup .gp-body .popsize-wide {width: 100%;height: 100%;max-width: 120em;display: inline-block;}
#global-popup .gp-body .popsize-standard {width: 100%;height: 100%;max-width: 90em;display: inline-block;}
#global-popup .gp-body .popsize-compact {width: 100%;max-width: 50em; height: 100%; max-height: 45em; display: inline-block}
#global-popup .gp-body .pop-box {width: 100%;height: 100%;background: #fff;float: left;border-radius: .4em;padding: 3.5em;margin-top: -2em;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-o-box-shadow:0px 0px 10px rgba(0,0,0,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
#global-popup .gp-body .pop-box .pop-close a {
	display: block;
	text-decoration: none;
	float: right;
	font-size: 3em;
	margin-top: -1.5em;
	margin-right: -1.5em;
	margin-bottom: -10em;
	cursor: pointer;
	color: #00aeef;
	position: relative;
	z-index: 1;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 100%;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
#global-popup .gp-body .pop-box .pop-close a:hover {color: #324260;}
/*#global-popup .gp-body .pop-box .pop-content {width: 100%;height: calc(100% - 7.5em);float: left;}*/
#global-popup .gp-body .pop-box .pop-content {width: 100%;height: calc(100% - 1em);float: left;}
#global-popup .gp-body .pop-box .pop-footer {width: 100%;height: 7.5em;float: left;padding-top: 3em;border-top: 1px solid #e0e0e0;}
@media (min-width:820px) {#global-popup .gp-body {padding: 35px;}}

/* --------------------------- GLOBAL POPUP [end] --------------------------- */

/* --------------------------- GLOBAL LOADER [start] --------------------------- */

#global-loader {width: 100%;height: 100%; float: left;text-align: center;}
#global-loader .l-layout {width: 100%;position: absolute;top: 50%;margin-top: -7em;}
#global-loader .l-layout .icon {width: 100%;float: left;}
#global-loader .l-layout .icon .loader-container {width: 10em;height: 10em;	margin:0 auto;overflow: hidden;}
#global-loader .l-layout .icon .loader-container .pos {width: 100%;height: 100%;margin-top: -10.4em;float: left;}
#global-loader .l-layout .logo {width: 100%;float: left;text-align: center;margin-top: -6.3em;z-index: 1;position: relative;}
#global-loader .l-layout .logo img {width: 100%;max-width: 2.5em;}
#global-loader .l-layout .msgx {font-family: neobold;font-size: 1em;text-transform: uppercase;color: #324260;margin-top: -.2em;}

@media (min-width:1000px) {#global-loader .l-layout .icon .loader-container .pos {margin-top: -8em;}}

/* --------------------------- GLOBAL LOADER [end] --------------------------- */

/* --------------------------- PAGE TARGET [start] --------------------------- */

.page-target {width: 100%;height: 7em;margin-top: -3em;background: red;position: absolute;z-index: 1;visibility: hidden;}

/* --------------------------- PAGE TARGET [end] --------------------------- */

/* --------------------------- BUTTON TEMPLATE [start] --------------------------- */

/* -- Button Position [start] -- */

.btn-pos {width: 100%;float: left;text-align: center;}
.btn-pos .center, .btn-pos .left, .btn-pos .right {width: 100%;}
.btn-pos .center {display: inline-block !important;}
.btn-pos .left {float: left;}
.btn-pos .right {float: right;}
.btn-pos .center li, .btn-pos .left li, .btn-pos .right li {width: 100% !important;float: left;display: inline-block; border:0px !important; margin: 0px !important;}
.btn-pos .center li {padding: 0em 0em; margin-bottom: .5em !important; float: left;}
.btn-pos .left li {padding-right: 0em !important; margin-bottom: .5em !important; float: left;}
.btn-pos .right li {padding-left: 0em !important; margin-bottom: 5em !important; float: left;}
.btn-pos .center li:last-child, .btn-pos .left li:last-child, .btn-pos .right li:last-child {margin-bottom:0em;}

@media (min-width:500px) {

.btn-pos .center, .btn-pos .left, .btn-pos .right {width: auto;}
.btn-pos .center li, .btn-pos .left li, .btn-pos .right li {width: auto !important;}
.btn-pos .center li {padding: 0em .3em; margin-bottom: 0em;}
.btn-pos .left li {padding-right: .5em !important;margin-bottom: 0em;}
.btn-pos .right li {padding-left: .5em !important;margin-bottom: 0em;}

}

/* -- Button Position [end] -- */

/* -- Button Design [start] -- */

/*White Box Button*/
.btn-wbox-b {width: auto;min-width: 11em;border: 1px solid #e7e7e7;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #fff;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-wbox-b:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

.btn-wbox-l a {display: block;text-decoration:none; width: auto;min-width: 11em;border: 1px solid #e7e7e7;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #fff;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-wbox-l a:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

/*Blue Box Button*/
.btn-bbox-b {width: auto;min-width: 11em;border: 1px solid #00aeef;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #00aeef;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-bbox-b:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

.btn-bbox-l a {display: block;text-decoration:none; width: auto;min-width: 11em;border: 1px solid #00aeef;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #00aeef;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-bbox-l a:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

/*Dark Blue Box Button*/
.btn-vbox-b {width: auto;min-width: 11em;border: 1px solid #324260;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #324260;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-vbox-b:hover {background: #324260;border: 1px solid #27344e;color: #fff;}

.btn-vbox-l a {display: block;text-decoration:none;width: auto;min-width: 11em;border: 1px solid #324260;font-family: neobold;text-transform: uppercase;font-size: 1.6em;color: #324260;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-vbox-l a:hover {background: #324260;border: 1px solid #27344e;color: #fff;}

/*Pop Box Button*/
.btn-pbox-b {width: auto;min-width: 11em;border: 1px solid #00aeef;font-family: neobold;text-transform: uppercase;font-size: 1.2em;color: #00aeef;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-pbox-b:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

.btn-pbox-l a {display: block;text-decoration:none;width: auto;min-width: 11em;border: 1px solid #00aeef;font-family: neobold;text-transform: uppercase;font-size: 1.2em;color: #00aeef;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.btn-pbox-l a:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

/*Submit Button*/

button {width: auto;min-width: 11em;border: 1px solid #00aeef;background: none; font-family: neobold;text-transform: uppercase;font-size: 1.2em;color: #00aeef;border-radius: 2px;overflow: hidden;padding: 1.2em 2em;cursor: pointer;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
button:hover {background: #00aeef;border: 1px solid #009dd7;color: #fff;}

/* -- Button Design [start] -- */

/* --------------------------- BUTTON TEMPLATE [end] --------------------------- */

/* --------------------------- SUBPAGE SETTINGS [start] --------------------------- */

#subpage {width: 100%; min-width: 350px !important; float: left;z-index: 10;background: #fff;position: relative; background: #fff;}
#subpage .global-margin {width: 100%;float: left; padding: 0em 3em;}

@media (min-width:820px) {#subpage .global-margin {padding: 0em 7em;}}
/* -- Page Title [start] -- */

#subpage .page-title {width: 100%;float: left;text-align: center;padding: 8em 0em 0em 0em;}
#subpage .page-title .pagetitle-box {width: 100%;max-width: 60em;display: inline-block;}
#subpage .page-title .pagetitle-box .main-title {width: 100%;float: left;font-size: 4em;line-height: 1em;color: #1e1e1e;text-transform: uppercase;font-family: neobold;}
#subpage .page-title .pagetitle-box .sub-title {width: 100%;float: left;font-size: 1.8em;line-height: 1.2em;color: #1e1e1e;font-family: neoreg;margin-top: 1em;}

/* -- Page Title [end] -- */

#subpage .page-body {width: 100%;float: left;text-align: center;padding: 7em 0em;}
#subpage .page-content {width: 100%;max-width: 120em;display: inline-block;text-align: left;}

/* -- Text Color [start] -- */

span.c-d {color: #1e1e1e;}
span.c-b {color: #00aeef;}
span.c-v {color: #324260;}
span.c-w {color: #fff;}

/* -- Text Color [end] -- */

/* --------------------------- SUBPAGE SETTINGS [end] --------------------------- */

/* --------------------------- CONSTRUCT PAGE [start] --------------------------- */

.page-uc {width: 100%;max-width: 35em;text-align: center;margin: 0 auto;border: 1px solid red;display: inline-block;padding: 2.5em;border: 1px solid #d1d1d1;border-radius: 5px;}
.page-uc .icon {width: 100%;float: left;font-size: 10em;color: #f55151;}
.page-uc .msg {width: 100%;float: left;font-family: neobold;font-size: 1.1em;margin-top: 2.5em;text-transform: uppercase;}
.page-uc-footer {width: 100%;float: left;margin-top: 2.5em;}

/* --------------------------- CONSTRUCT PAGE [end] --------------------------- */

/* --------------------------- FOOTER [start] --------------------------- */

#footer {width: 100%;float: left;background: #191919; overflow: hidden;}
#footer .page-content {max-width: 70em;}

#footer .footer-logo {width: 100%;float: left;text-align: center;}
#footer .footer-logo img {width: 100%;max-width: 8em;}

#footer .footer-menu {width: 100%;float: left;text-align: center;margin: 3em 0em 1.5em 0em;}
#footer-nav {width: auto;display: inline-block;}
#footer-nav li {width: 100%; display: list-item;float: left;padding: 1em 0em;border-right: 0px;border-bottom: 1px solid #2f2f2f;}
#footer-nav li:last-child {border-right: 0px;padding-right: 0px; border-bottom: 0px; padding-bottom: 0px;}
#footer-nav li a {width: 100%; text-align: center; display: block; text-decoration: none; float: left;font-family: neoreg;font-size: 1em;text-transform: uppercase;color: #afafaf;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#footer-nav li a:hover {color: #fff;}
#footer-nav li a i {display: inline-block;width: 1.8em;height: 1.8em;line-height: 1.8em;margin-top: -.4em;font-size: .8em;text-align: center;border-radius: 100%;border: 1px solid #00aeee;color: #00aeef;margin-right: .3em;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#footer-nav li a:hover i {background: #00aeee;color: #fff;}

#footer .copyright {width: 100%;float: left;font-family: neoreg;font-size: 1.1em;text-align: center; margin-bottom: 2em;}
#footer .footer-line {width: 100%;float: left;height: 2em;background: #00aeef;}

#footer .footer-sns {width: 100%; float: left; text-align: center;}
#footer .footer-sns .fsns-nav {width: auto; display: inline-block;}
#footer .footer-sns .fsns-nav li {display: inline;float: left;margin: 0em .3em;}
#footer .footer-sns .fsns-nav li a {display: block;width: 2.2em;height: 2.2em;line-height: 2.2em;text-align: center;border-radius: 100px;padding: 0em !important;color: #fff;font-size: 1.4em; background: #343434;}
#footer .footer-sns .fsns-nav li a:hover {background: #00aeef;}

@media (min-width:500px) {
#footer-nav li {width: auto; display: inline;padding: 0em 1em;border-right: 1px solid #9c9b9b; border-bottom: 0px;}
#footer-nav li a {width: auto;}
}

/* --------------------------- FOOTER [end] --------------------------- */