/*----------mixIn----------*/
.bdBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*----------mixIn-END----------*/
@font-face {
  font-family: 'OOGIEBOO';
  src: url('../font/OOGIEBOO.eot') format('eot');
  src: url('../font/OOGIEBOO.woff') format('woff'), url('../font/OOGIEBOO.ttf') format('truetype');
}
@font-face {
  font-family: 'OOGIEBOO';
}
html,
body {
  height: 100%;
}
body {
  background: black;
  background: url("../img/body-bg.jpg") no-repeat top center;
  background-size: cover;
  -webkit-text-size-adjust: 100%;
}
body .text {
  color: white;
  font-family: 'OOGIEBOO';
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
/*----------Clearfix----------*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/*----------Clearfix-END----------*/
#container {
  height: 100%;
  width: 100%;
  /*
	 background: url("@{path}/contents-bg.jpg") no-repeat top center;
	 @media screen and (min-width: 961px) 
	 {
	 	background-size: contain;
	 }
	 @media screen and (max-width: @break-tablet) 
	 {
		 background-size: cover;
	 }	
*/

  margin: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#container .container-inner {
  min-width: 960px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  position: relative;
  padding-top: 20px;
}
#container .container-inner .footer {
  position: absolute;
  top: 511.82000000000005px;
  width: 100%;
  /*
			 @media screen and (min-width: @break-tablet) 
			 {
				 height: 125px;
			 }
			 @media screen and (max-width: 959px) 
			 {
				 height: 16%;
			 }
*/
  left: 0;
}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  #container .container-inner .footer {
    top: 613.6px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  #container .container-inner .footer {
    top: 759px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  #container .container-inner .footer {
    top: 540.9px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  #container .container-inner .footer {
    top: 613.6px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  #container .container-inner .footer {
    top: 686.3000000000001px;
  }
}
#container .container-inner .footer .footer-inner {
  height: 100%;
}
@media screen and (min-width: 768px) {
  #container .container-inner .footer .footer-inner {
    width: 794px;
    margin: auto;
  }
}
#container .container-inner .footer .footer-menu-wrap {
  position: relative;
}
#container .container-inner .footer .footer-menu-wrap .footer-menu-shadow {
  position: absolute;
  bottom: -40%;
  text-align: center;
  width: 100%;
}
#container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
  display: inline-block;
  width: 639.5400000000001px;
  height: 95.7px;
  background: url("../img/shadow-menu.png") no-repeat top center;
  background-size: contain;
}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  #container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
    width: 775.2px;
    height: 116px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  #container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
    width: 969px;
    height: 145px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
    width: 678.3px;
    height: 101.5px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
    width: 775.2px;
    height: 116px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu-wrap .footer-menu-shadow .shadow-layer {
    width: 872.1px;
    height: 130.5px;
  }
}
#container .container-inner .footer .footer-menu {
  background: url("../img/footer-menu-bg.png") no-repeat top center;
  background-size: contain;
  position: relative;
  /*
				 width: 740px;
					 height: 115px;
*/

  width: 492px;
  height: 76px;
  margin: auto;
  margin-bottom: 2%;
  /*
				 @media screen and (min-width: @break-tablet) 
				 {
					 width: 740px;
					 height: 115px;
					 margin: auto;
				 }
*/

  /*
				 @media screen and (min-width: @break-sphone) 
				 {
					 width: 640px;
					 height: 99px;
					 margin: auto;
				 }
				 @media screen and (min-width: @break-kindle) 
				 {
					 width: 480px;
					 height: 74px;
					 margin: auto;
				 }
				 @media screen and (max-width: 479px) 
				 {
					 height: 50%;
					 padding-left: 8vh;
				 }
				  @media (min-width: 376px) and (max-width: 479px) 
					 {
						 padding-left: 10vh;
					 }
*/

}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  #container .container-inner .footer .footer-menu {
    width: 635.2px;
    height: 98.4px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  #container .container-inner .footer .footer-menu {
    width: 794px;
    height: 123px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu {
    width: 555.8px;
    height: 86.1px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu {
    width: 635.2px;
    height: 98.4px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu {
    width: 714.6px;
    height: 110.7px;
  }
}
#container .container-inner .footer .footer-menu .footer-menu-list {
  height: 100%;
  padding-left: 6%;
  /*
					 @media screen and (min-width: @break-kindle) 
					 {
						 padding-left: 49px;
					 }
*/

  /*
					 @media screen and (min-width: @break-tablet) 
					 {
						 padding-left: 14%;
					 }
*/

  padding-top: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#container .container-inner .footer .footer-menu .footer-menu-list li {
  height: 100%;
  float: left;
}
#container .container-inner .footer .footer-menu .footer-menu-list li a {
  display: block;
  height: 100%;
}
#container .container-inner .footer .footer-menu .footer-menu-list li a img {
  height: 51.480000000000004px;
  /*
								 @media screen and (min-width: @break-tablet) 
								 {
									 height: 72px;
								 }
								 @media screen and (min-width: @break-sphone) 
								 {
									 height: 61px;
								 }
								  @media screen and (min-width: @break-sphone) 
								 {
									 height: 45px;
								 }
*/

  width: auto;
}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  #container .container-inner .footer .footer-menu .footer-menu-list li a img {
    width: auto;
    height: 62.400000000000006px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  #container .container-inner .footer .footer-menu .footer-menu-list li a img {
    width: auto;
    height: 78px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-list li a img {
    width: auto;
    height: 54.599999999999994px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-list li a img {
    width: auto;
    height: 62.400000000000006px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-list li a img {
    width: auto;
    height: 70.2px;
  }
}
#container .container-inner .footer .footer-menu .footer-menu-sns {
  position: absolute;
  right: 10px;
  top: 14px;
  /*
					 @media (min-width: 376px) and (max-width: 767px) 
					 {
						right: 0; 
					}
					 @media screen and (max-width: 359px) 
					 {
						 right: 0;
					 }
					 @media screen and (max-width: 479px) 
					 {
						 height: 50%;
						 .footer-menu-sns-list
						 {
						 	height: 100%;
					 	}
					 }
					 
					 @media (min-width: @break-ipad) and (max-width: 1279px) 
					 {
						 right: -5%;
					 }
*/

}
#container .container-inner .footer .footer-menu .footer-menu-sns .footer-menu-sns-list {
  height: 80%;
}
#container .container-inner .footer .footer-menu .footer-menu-sns li {
  display: inline-block;
  /*
						 @media screen and (max-width: 479px) 
						 {
							 height: 60%;
							 margin-bottom: 5%;
						 }	
*/

}
#container .container-inner .footer .footer-menu .footer-menu-sns li a {
  /*
							 display: block;
							 height: 100%;
*/

}
#container .container-inner .footer .footer-menu .footer-menu-sns li a img {
  height: 38.940000000000005px;
  width: auto;
}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  #container .container-inner .footer .footer-menu .footer-menu-sns li a img {
    width: auto;
    height: 47.2px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  #container .container-inner .footer .footer-menu .footer-menu-sns li a img {
    width: auto;
    height: 59px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-sns li a img {
    width: auto;
    height: 41.3px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-sns li a img {
    width: auto;
    height: 47.2px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  #container .container-inner .footer .footer-menu .footer-menu-sns li a img {
    width: auto;
    height: 53.1px;
  }
}
#container .container-inner .footer .copyright {
  font-size: 10px;
  margin-top: 4px;
  text-align: center;
}
.lang-btn {
  position: absolute;
  left: -17%;
  bottom: -45%;
  width: auto;
}
.lang-btn img {
  height: 73.92px;
  width: auto;
}
@media screen and (min-height: 920px) and (max-width: 1279px) {
  .lang-btn img {
    width: auto;
    height: 89.60000000000001px;
  }
}
@media screen and (min-height: 920px) and (min-width: 1280px) {
  .lang-btn img {
    width: auto;
    height: 112px;
  }
}
@media screen and (min-height: 640px) and (max-height: 799px) and (min-width: 1024px) {
  .lang-btn img {
    width: auto;
    height: 78.39999999999999px;
  }
}
@media screen and (min-height: 800px) and (max-height: 827px) and (min-width: 1024px) {
  .lang-btn img {
    width: auto;
    height: 89.60000000000001px;
  }
}
@media screen and (min-height: 828px) and (max-height: 919px) and (min-width: 1024px) {
  .lang-btn img {
    width: auto;
    height: 100.8px;
  }
}
#container.page-style .container-inner {
  padding-top: 24px;
}