/*@import "compass";*/
html {
  height: 100%; }

/*++++++++++++++++++++++++++++++++++++
		Loading
++++++++++++++++++++++++++++++++++++*/
.loader-bg {
  width: 100%; }
  .loader-bg .loader-bg {
    width: 1000px;
    margin: 0px auto; }
    .loader-bg .loader-bg .loader-bg > img {
      width: 1000px; }

.loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 4; }

.loader {
  position: fixed;
  top: 25%;
  left: 37%;
  text-align: center;
  color: #000;
  z-index: 5;
  width: 100%; }

.loader_sp {
  position: fixed;
  top: 25%;
  text-align: center;
  color: #000;
  z-index: 5;
  width: 100%; }

/*++++++++++++++++++++++++++++++++++++
		contents
++++++++++++++++++++++++++++++++++++*/
body {
  width: 100%;
  height: 100%;
  background: #000;
  position: relative; }

/*++++++++++++++++++++++++++++++++++++
         menu
++++++++++++++++++++++++++++++++++++*/
#nav_l {
  width: 100%;
  height: 80px;
  padding: 8px 0 0;
  background: url(../img/menu_bg1.png) repeat-x center top; }

.nav_s_btn {
  width: 100%;
  height: 70px;
  background: url(../img/menu_s_side.png) repeat-x;
  text-align: center;
  font-size: 0; }
  .nav_s_btn .menu {
    position: absolute;
    top: 9px;
    right: 5%; }

.menu_s {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  position: absolute;
  z-index: 10; }

.menuBtn > li {
  text-align: center;
  position: relative; }

.topbtn_sp {
  position: absolute;
  top: 9px;
  left: 5%; }

.menuBtn {
  width: 800px;
  height: 80px;
  margin: 0 auto; }

.menuBtn > li {
  width: 194px;
  height: 63px;
  overflow: hidden;
  float: left;
  margin: 0 3px; }

.menuBtn > li > a {
  display: block; }

.menuBtn > li > a:hover {
  margin-left: -194px; }

.topbtn {
  width: 100%;
  height: 80px; }

.topbtn_k {
  width: 992px;
  height: 80px;
  margin: 0 auto;
  position: relative; }

.topbtn_k > div {
  text-align: center;
  position: absolute;
  right: 0%;
  width: 141px;
  height: 71px;
  overflow: hidden; }

.topbtn_k > div > a {
  display: block; }

.topbtn_k > div > a:hover {
  margin-left: -141px; }

.topbtn_md {
  width: 100%;
  height: 80px; }

.topbtn_md_k {
  height: 80px;
  margin: 0 auto;
  position: relative; }

.topbtn_md_k > div {
  text-align: center;
  position: absolute;
  right: 0%;
  width: 141px;
  height: 71px;
  overflow: hidden; }

.topbtn_md_k > div > a {
  display: block; }

.topbtn_md_k > div > a:hover {
  margin-left: -141px; }

.h_s {
  position: absolute;
  top: 80px;
  z-index: 1; }

/*+++++++++++++++++++++++++++++++++++*/
#main {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0px; }
  #main div {
    padding: 0px; }
  #main ul {
    padding: 0px; }
    #main ul li {
      padding: 0px; }
  #main img {
    padding: 0px; }

#main_k {
  overflow: hidden;
  position: relative;
  padding: 0px; }
  #main_k div {
    padding: 0px;
    z-index: 2; }
  #main_k ul {
    padding: 0px; }
    #main_k ul li {
      padding: 0px; }
  #main_k img {
    padding: 0px; }
  #main_k h1 {
    z-index: 3; }
  #main_k .haikei {
    position: absolute; }

.logo {
  position: absolute;
  top: 14%; }
  .logo img {
    position: absolute; }

.haikei_k {
  position: absolute;
  left: 50%;
  margin-left: -500px; }

.haikei_m {
  position: absolute;
  top: -0.8%; }

.haikei_xs {
  top: -16px; }

.main_logo {
  position: absolute;
  top: 20PX;
  left: 50%;
  margin-left: -187.5px; }

.main_logo_sm {
  margin: 6% 0% 6% 0%; }

.contents_k img {
  margin-bottom: 8%; }

.contents_n {
  position: relative;
  top: 165px;
  left: 50%;
  margin: 0 0 210px -500px;
  height: 2577px; }

.contents_b {
  position: relative;
  top: 165px;
  left: 50%;
  margin: 0 0 210px -500px;
  height: 3684px; }

.contents_r {
  position: relative;
  top: 165px;
  left: 50%;
  margin: 0 0 210px -500px;
  height: 1473px; }

.contents_s {
  position: relative;
  top: 165px;
  left: 50%;
  margin: 0 0 210px -500px;
  height: 1875px; }

.a_pro {
  position: absolute;
  top: -6.5%;
  left: -0.5%; }

.logo_k {
  position: absolute;
  top: 1%; }

.top_r {
  position: relative;
  height: 74px;
  top: 1%; }
  .top_r img {
    position: absolute;
    top: 1%;
    right: 0%; }

.copy {
  position: absolute;
  bottom: 35.2%; }
  .copy img {
    position: absolute; }

.pv_btn {
  position: absolute;
  bottom: 3%;
  /* left: -20%;  */
}

.countdown {
  position: absolute;
  bottom: 3%;
  left: 20%; }

.search_btn {
  position: absolute;
  bottom: 3%;
  left: 20%; }

.apro_btn {
  position: absolute;
  bottom: 7%; }

.a_pro_xs {
  position: absolute;
  top: -8%;
  left: -12.5%; }

.logo_xs {
  position: absolute;
  top: 9%; }
  .logo_xs img {
    position: absolute; }

.copy_xs {
  position: absolute;
  bottom: 41%;
  left: 12%; }
  .copy_xs img {
    position: absolute; }

.pv_btn_xs {
  position: absolute;
  bottom: 14%;
  left: 23%; }

.countdown_xs {
  position: absolute;
  bottom: 14%;
  right: 3%; }

.search_btn_sp {
  position: absolute;
  bottom: 14%;
  right: 3%; }

.apro_btn_xs {
  position: absolute;
  bottom: 1%; }

.blinking {
  opacity: 0; }

/*++++++++++++++++++++++++++++++++++++
		borderline
++++++++++++++++++++++++++++++++++++*/
.bottom_line {
  height: 3px;
  background: #f03200; }

.bottom_line_xs {
  height: 2px;
  background: #f03200; }

/*++++++++++++++++++++++++++++++++++++
		Footer
++++++++++++++++++++++++++++++++++++*/
footer {
  background: #000;
  padding: 1% 0; }
  footer li, footer img {
    margin: 0 !important;
    padding: 0 1px !important; }
  footer .bn-gr {
    margin-bottom: 0 !important; }
  footer .sns {
    overflow: hidden; }
    footer .sns li {
      padding: 0 1px !important; }
  footer.footer_s {
    margin: 0 !important;
    padding: 2% 0; }
    footer.footer_s li, footer.footer_s img {
      padding: 1px !important; }

/*++++++++++++++++++++++++++++++++++++
		Search Page
++++++++++++++++++++++++++++++++++++*/
#search {
  background: url(../img/searchbody.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%; }
  #search .searc_contents {
    padding: 0px; }
    #search .searc_contents .searchbg {
      width: 320px;
      height: 320px;
      padding: 185px 0 0;
      background: url(../img/searchbg.png) no-repeat;
      background-size: 320px 320px;
      -webkit-background-size: 320px 320px;
      font-size: 14px;
      margin: 20% auto 0; }
      #search .searc_contents .searchbg .searchselect {
        height: 30px;
        margin-bottom: 1%; }
        #search .searc_contents .searchbg .searchselect .ken {
          width: 100%;
          height: 20px;
          margin-top: 4%;
          border: 1px solid #000000;
          background: #FFF; }
      #search .searc_contents .searchbg div {
        text-align: center; }

.search_title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }

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