@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}
ul,li {
  list-style-type: none;
}
img {
  vertical-align: bottom;
  border:none;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #000;
}
.sp-disp {
  display: none;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper {
  width: 1100px;
  margin: 0 auto;
  padding-top: 140px;
}
header {
  position: absolute;
  height: 100px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 30px;
  background: #fff;
  width: 1100px;
  top: 0;
}
header .logo-kai {
  position: absolute;
  top: 20px;
  left: 0;
}
header .language {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 13px;
}
header .logo-fact {
  position: absolute;
  top: 20px;
  right: 50%;
  margin-right: -70px;
}
header nav {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  text-align: center;
}
header nav a,
header nav .nav {
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
  margin: 0 20px;
}
header nav .category,
header nav .backnumber {
  display: inline;
   z-index: 150;
}
header nav .mega-menu {
  display: none;
  opacity: 0;
  z-index: 150;
  position: absolute;
  top: 22px;
  left: 0;
  padding-top: 18px;
  width: 100%;
}
header nav .mega-menu ul {
  padding: 50px;
  background-color: #000;
}
header nav .mega-menu li {
  float: left;
  width: 250px;
  margin-bottom: 20px;
}
header nav .mega-menu li:nth-child(4),
header nav .mega-menu li:nth-child(8) {
  margin-right: 0;
}
header nav .mega-menu li img {
  width: 120px;
}
header nav .backnumber .mega-menu li img {
  width: 60px;
  height: 60px;
}
header nav .mega-menu li a {
  display: table;
  width: 240px;
  height: 60px;
  margin: 0 15px !important;
}
header nav .mega-menu li a .thumb {
  width: 120px;
}
header nav .backnumber .mega-menu li a .thumb {
  width: 60px;
}
header nav .mega-menu li a .text {
  width: 110px;
  text-align: left;
  font-size: 11px;
  line-height: 18px;
  padding-left: 10px;
  font-weight: normal;
}
header nav .backnumber .mega-menu li a .text {
  width: 160px;
}
header nav .mega-menu li a .thumb,
header nav .mega-menu li a .text {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
header nav .mega-menu li a .thumb {
  position: relative;
}
header nav .mega-menu li a .thumb:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: #fff 1px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header nav .mega-menu li a:hover .thumb:after {
  border: #fff 5px solid;
}
.header-small {
}
.header-small header {
  position: fixed;
  top: 0;
  width: 1100px;
  z-index: 9998;
  background: #fff;
  height: 48px;
  opacity: 0.9;
}
.header-small header .logo-kai {
  top: 15px;
  z-index: 2;
}
.header-small header .language {
  opacity: 0;
}
.header-small header .logo-fact {
  right: 0;
  top: 15px;
  margin-right: 0;
  z-index: 2;
}
.header-small header .logo-fact img {
  height: 29px;
}
.header-small header nav {
  top: 15px;
}
hr {
  margin: 40px 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: none;
}
footer {
  position: relative;
  margin-top: 42px;
  border-top: 1px solid #D9D9D9;
}
footer .copyright {
  line-height: 50px;
  float: left;
  font-size: 12px;
}
footer .footer-inner {
  width: 1100px;
  margin: 0 auto;
}
footer .social {
  float: right;
  margin-top: 11px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
footer .totop {
  position: absolute;
  left: 50%;
  top: -22px;
  height: 22px;
  width: 76px;
  margin-left: -38px;
  background: #B4B4B4;
  overflow: hidden;
}
footer .totop:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  background: #fff;
  margin-left: -8px;
}
footer .totop:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: 0px;
  margin-left: -8px;
  background: #B4B4B4;
}
/*---------------*/
/***** Oscar *****/
/*---------------*/
figure figcaption,
figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure figcaption {
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-oscar {
  position: relative;
  overflow: hidden;
  background: #000000;
  text-align: center;
  cursor: pointer;
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	vertical-align: top;
}

figure.effect-oscar figcaption {
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar .title {
  margin: 47px 0 8px 0;
  opacity: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20%,0);
	transform: translate3d(0,20%,0);
  position: relative;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 2px;
}
figure.effect-oscar .title:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -17px;
  width: 35px;
  border-top: 2px solid #fff;
  opacity: 0;
}
figure.effect-oscar .click-here {
  opacity: 0;
  position: relative;
  display: inline-block;
  margin-top: 5px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0);
  font-size: 14px;
}
figure.effect-oscar .click-here:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 5px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
figure.effect-oscar h2 {
	margin: 17px 0 0 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20%,0);
	transform: translate3d(0,20%,0);
  line-height: 21px;
  font-weight: normal;
  opacity: 0;
  min-height: 34px;
  font-size: 16px;
}

figure.effect-oscar p {
  font-size: 14px;
  line-height: 21px;
  margin-top: 15px;
  margin-bottom: 0 !important;
  min-height: 30px;
  padding: 0 55px;
  font-weight: normal;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	padding: 0 30px;
}
a:hover figure.effect-oscar .click-here {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  opacity: 1;
}

a:hover figure.effect-oscar h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  opacity: 1;
}
a:hover figure.effect-oscar .title {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  opacity: 1;
}
a:hover figure.effect-oscar .click-here,
a:hover figure.effect-oscar .title:after {
  opacity: 1;
}

a:hover figure.effect-oscar figcaption::before,
a:hover figure.effect-oscar p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

a:hover figure.effect-oscar figcaption {
	background-color: rgba(58,52,42,0);
}

a:hover figure.effect-oscar img,
a:hover figure.effect-oscar video {
	opacity: 0.5;
}
a:hover figure.effect-oscar.with-text img {
	opacity: 0.15;
}
figure.effect-oscar.large figcaption::before {
  left: 44px;
  top: 44px;
  right: 44px;
  bottom: 44px;
}
figure.effect-oscar.large .title {
/*  font-size: 60px;*/
  margin-top: 190px;
}
figure.effect-oscar.large .title:after {
/*  bottom: -8px;*/
}
figure.effect-oscar.large h2 {
/*  margin-top: 46px;*/
/*  font-size: 28px;
  line-height: 24px;*/
}
figure.effect-oscar.large p {
/*  margin-top: 20px;*/
/*  font-size: 18px;
  line-height: 24px;*/
}
figure.effect-oscar.large .click-here {
/*  margin-top: 40px;*/
/*
  font-size: 26px;*/
}
.custom-selectbox {
  margin: 0 auto;
  text-align: left;
  padding: 0 10px;
  position:relative;
  display: inline-block;
  margin: 0 20px 0 15px;
  border: 1px solid #000;
  width: 118px;
}

.custom-selectbox .custom-selectbox-head {
  color: #797979;
}

.custom-selectbox .custom-selectbox-select-block {
  position:relative;
}

.custom-selectbox .custom-selectbox-select {
  cursor: pointer;
  height:20px;
  background-color:#fff;
  padding:0 1px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius:13px;
  position: relative;
  line-height:20px;
}

.custom-selectbox .custom-selectbox-select:before,
.custom-selectbox .custom-selectbox-select:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}
.custom-selectbox .custom-selectbox-select:before{
  right: -32px;
  top: -1px;
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  background: #000;
}
.custom-selectbox .custom-selectbox-select:after{
  right: -31px;
  top: 0;
  content: "▼";
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
}

.custom-selectbox .custom-selectbox-option-block-down {
  position:absolute;
  top:21px;
  left:-11px;
  display:none;
  z-index: 101;
}

.custom-selectbox .custom-selectbox-option-block-up {
  position:absolute;
  bottom:34px;
  left:0;
  display:none;
}


.custom-selectbox .custom-selectbox-option {
  cursor: pointer;
  padding:0 1px;
  width: 157px;
  background-color:#fff;
  line-height:20px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.custom-selectbox .custom-selectbox-option:hover {
  background-color:#A9A9A9;
}

.custom-selectbox .custom-selectbox-option a {
  text-decoration: none;
  color: #000;
  display: block;
  padding-left: 10px;
}