* {
  box-sizing: border-box;
}

#set-header-base * {
  vertical-align: top;
  z-index: 100;
}

#set-header-base img {
width:auto;}

#set-header-base {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow: visible;
  height: 45px;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.set-inline-block-fix {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

#set-header-base>div {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}

#set-header-base .set-header-content {

  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 1440px;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

#set-header-base .set-header-content>div {
  letter-spacing: normal;
}

#set-header-base .set-header-content .set-logo {
  display: inline-block;
  width: 245px;
  height: 100%;
  border-radius: 0 99em 99em 0;
  background: #3b7cd0;
}

#set-header-base .set-logo-animate {
  display: inline-block;
  position: relative;
  margin-top: 6px;
  margin-left: 17%;
  width: auto;
  height: auto;
}

#set-header-base .set-logo-animate .flight {
  position: absolute;
  top: 7px;
  right: 0px;
}
/*
#set-header-base .set-logo-animate .flight-fly {
  width: auto;
  -webkit-animation: flightfly 3s infinite;
  animation: flightfly 3s infinite;
}

@-webkit-keyframes flightfly {
  from {
    top: 15px;
    right: 5px;
    transform: rotate(10deg);
  }
  to {
    top: -20px;
    right: -20px;
    transform: rotate(-10deg);
  }
}

@keyframes flightfly {
  from {
    top: 15px;
    right: 5px;
    transform: rotate(10deg);
  }
  to {
    top: -20px;
    right: -20px;
    transform: rotate(-10deg);
  }
}*/

#set-header-base .set-header-left {
  height: 100%;
  background-color: #3b7cd0;
}
#set-header-base .set-header-content .set-menu-button-base {
  display: inline-block;
  position: relative;
  width: calc(100% - 246px);
  height: 100%;
  text-align: right;
}

#set-header-base .set-menu-button-area {
  display: inline-block;
  text-align: right;
  margin-top: 7px;
  overflow: visible;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

#set-header-base .set-menu-button-area .shareArea {
  display: inline-block;
}

#set-header-base .set-menu-button-area .set-menu-button {
  display: inline-block;
  padding: 0 5px;
}

#set-header-base .set-menu-button-area .mobile-munu-bios {
  display: none;
}

#set-header-base .set-menu-button a {
  position: relative;
  display: block;
  width: 100%;
}

#set-header-base .set-menu-button div:not(.button-mobilemenu-normal):last-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: .5s;
  opacity: 0;
}

#set-header-base .set-menu-button a:hover div:last-child {
  opacity: 1;
}

.set-line {
  position: relative;
}

.set-line-qr {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px;
  background: rgba(255, 255, 255, 1);
  z-index: 1001;
}

@media only screen and (max-width: 768px) {
  #set-header-base {
    height: 35px;
  }
  #set-header-base .set-header-content .set-logo {
    width: 50%;
  }
  #set-header-base .set-logo-animate {
    margin-top: 3px;
    margin-left: 0;
    transform: translateX(-10%) scale(0.7);
  }
  #set-header-base .set-header-content .set-menu-button-base {
    width: calc(50% - 1px);
  }
  #set-header-base .set-menu-button-area {
    width: 100%;
    position: relative;
    margin-top: 2px;
  }
  #set-header-base .set-menu-button-area .shareArea {
    display: none;
    position: absolute;
    top: 33px;
    right: 0;
    height: 100vh;
    z-index: 550;
    background: rgba(0, 0, 0, 0.8)
  }
  #set-header-base .set-menu-button-area .shareArea .set-menu-button {
    display: block;
    margin: 10px;
  }
  #set-header-base .set-menu-button-area .mobile-munu-bios {
    display: inline-block;
    position: relative;
    z-index: 100;
  }
}

/* Icon sprite */
.button-fb-hover, .button-fb-normal, .button-tg-hover, .button-tg-normal, .button-ig-hover, 
.button-ig-normal, .button-line-hover, .button-line-normal, .button-member-hover, .button-member-normal, 
.button-messenger-hover, .button-messenger-normal, .button-mobilemenu-normal
{ display: inline-block; background: url('/st_ec/marketing/images/header/icons-2.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.button-fb-hover { background-position: -0px -0px; width: 30px; height: 30px; }
.button-fb-normal { background-position: -30px -0px; width: 30px; height: 30px; }
.button-tg-hover { background-position: -30px -120px; width: 30px; height: 30px; }
.button-tg-normal { background-position: -60px -120px; width: 30px; height: 30px; }
.button-ig-hover { background-position: -30px -30px; width: 30px; height: 30px; }
.button-ig-normal { background-position: -60px -30px; width: 30px; height: 30px; }
.button-line-hover { background-position: -0px -60px; width: 30px; height: 30px; }
.button-line-normal { background-position: -30px -60px; width: 30px; height: 30px; }
.button-member-hover { background-position: -60px -60px; width: 30px; height: 30px; }
.button-member-normal { background-position: -0px -90px; width: 30px; height: 30px; }
.button-messenger-hover { background-position: -30px -90px; width: 30px; height: 30px; }
.button-messenger-normal { background-position: -60px -90px; width: 30px; height: 30px; }
.button-mobilemenu-normal { background-position: -0px -120px; width: 30px; height: 30px; }