@charset "utf-8";
/* CSS Document */
.inner {width: 980px;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}
#top-head {top: -100px;position: absolute;width: 100%;margin: 100px auto 0;padding: 30px 0 0;line-height: 1;z-index: 999;}
#top-head a,
#top-head {color: #fff;text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left;font-size: 18px;}
#global-nav ul {list-style: none;position: absolute;right: 0;bottom: 0;font-size: 14px;}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 20px;}
#global-nav ul li a:hover {color: #F9C922;}
.tel {display: none;}
#top-head.fixed {margin-top: 0;top: 0;position: fixed;padding-top: 30px;height: 55px;background: #fff;background: rgba(7,7,7,.7);transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;-moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 18px;color: #FFFFFF;}
#top-head.fixed #global-nav ul li a {color: #FFFFFF;padding: 0 20px;}
#top-head.fixed #global-nav ul li a:hover {color: #F9C922;}
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px;width: 34px;height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 4px;width: 100%;background: #666;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

@media only screen and (min-width:480px) and (max-width:780px){
#top-head,
.inner {width: 100%;padding: 0;}
#top-head {top: 0;position: fixed;margin-top: 0;}
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {background: #000000;width: 100%;height: 56px;z-index: 999;position: relative;}
#top-head.fixed .logo,
#top-head .logo {position: absolute;left: 13px;top: 13px;color: #DBDBDB;font-size: 16px;font-weight: 200;padding-top: 15px;}
#global-nav {position: absolute;top: -500px;background: #333;width: 100%;text-align: center;padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;background: rgba(7, 7, 7, 0.7);}
#global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size: 14px;padding-left: 0;}
#global-nav ul li{float: none;position: static;padding-top: 5px;padding-bottom: 5px;}
.tel {display: block;}
.telWrap {padding:  5px; border: solid 1px #FFFFFF; margin-left: auto;margin-left: auto;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a,#top-head.fixed #global-navi ul li a:hover  {width: 100%;display: block;color: #fff;padding: 18px 0;}
#nav-toggle {display: block;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
.open #global-nav {-moz-transform: translateY(556px);-webkit-transform: translateY(556px);transform: translateY(556px);}
}

@media screen and (max-width: 480px) {
#top-head,
.inner {width: 100%;padding: 0;}
#top-head {top: 0;position: fixed;margin-top: 0;}
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {background: #000000;width: 100%;height: 56px;z-index: 999;position: relative;}
#top-head.fixed .logo,
#top-head .logo {position: absolute;left: 13px;top: 13px;color: #DBDBDB;font-size: 16px;font-weight: 200;padding-top: 15px;}
#global-nav {position: absolute;top: -500px;background: #333;width: 100%;text-align: center;padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;background: rgba(7, 7, 7, 0.7);}
#global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size: 14px;padding-left: 0;}
#global-nav ul li {float: none;position: static;}
.tel {display: block;}
.telWrap {padding:  5px; border: solid 1px #FFFFFF; margin-left: auto;margin-left: auto;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width: 100%;display: block;color: #fff;padding: 18px 0;}
#nav-toggle {display: block;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
.open #global-nav {-moz-transform: translateY(556px);-webkit-transform: translateY(556px);transform: translateY(556px);}
}