* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-fontWeight--bold {
  font-weight: bold; }

.u-fontSize--88 {
  font-size: 88%; }

.u-fontSize--small {
  font-size: 1.4rem; }

.u-fontSize--verysmall {
  font-size: 1.2rem; }

.u-color--black {
  color: #000000; }

.u-color--orange {
  color: #fe8b01; }

.u-color--red0 {
  color: #ff0000; }

.u-color--red {
  color: #ff0000; }

.u-color--white {
  color: #ffffff; }

.u-color--glay--999 {
  color: #999999; }

.u-textAlignRight {
  text-align: right; }

.u-textAlignLeft {
  text-align: left; }

.u-textAlignCenter {
  text-align: center; }

.u-textShadow--white--1 {
  text-shadow: white 1px 1px 0px; }

.u-textShadow--white--2 {
  text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff, 0 -2px 1px #ffffff; }

.u-textShadow--blue--1 {
  text-shadow: 2px 2px 10px #0091ce,2px 2px 5px #0091ce; }

.u-textShadow--blue--2 {
  text-shadow: 2px 2px 10px #006bb0,2px 2px 5px #006bb0; }

.bg_mat_white {
  background-color: #ffffff; }

.bg_mat_white_alpha {
  background-color: rgba(255, 255, 255, 0.7); }

.bg_mat_white_alpha02 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg_mat_black_alpha05 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg_mat_glay_light {
  background-color: #cccccc; }

.bg_mat_beige {
  background-color: #d1c1ae; }

.bg_mat_beige_light {
  background-color: #ede6df; }

.bg_mat_darkGray {
  background-color: #333; }

.translucentMat {
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.translucentMat:hover {
  background-color: rgba(255, 255, 255, 0.75); }

.translucentMat--noEffect {
  background-color: rgba(255, 255, 255, 0.6); }

.u-borderRadius05rem {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.u-borderRadius10rem {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem; }

.u-borderRadius1rem {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem; }

.u-borderRadius15rem {
  -moz-border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem; }

.u-inlineBlock {
  display: inline-block; }

.u-boxShadow--000--45 {
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; }

.u-boxShadowEffect--hover {
  -moz-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; }

.u-boxShadowEffect {
  -moz-box-shadow: 0 0 4rem transparent;
  -webkit-box-shadow: 0 0 4rem transparent;
  box-shadow: 0 0 4rem transparent;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.u-boxShadowEffect:hover {
  -moz-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.u-lineHeight0 {
  line-height: 0; }

.u-opacityFade {
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.u-opacityFade.fadein {
  opacity: 1; }

.u-flashLightButton img {
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.u-flashLightButton:hover img {
  -moz-animation: flash-light 0.75s;
  -webkit-animation: flash-light 0.75s;
  animation: flash-light 0.75s; }

.u-mb025rem {
  margin-bottom: 0.25rem; }

.u-mb05rem {
  margin-bottom: 0.5rem; }

.u-mb1rem {
  margin-bottom: 1rem; }

.u-mb2rem {
  margin-bottom: 2rem; }

.u-mb3rem {
  margin-bottom: 3rem; }

.u-mb4rem {
  margin-bottom: 4rem; }

.u-mb5rem {
  margin-bottom: 5rem; }

.u-mb6rem {
  margin-bottom: 6rem; }

.u-mb7rem {
  margin-bottom: 7rem; }

.u-mb8rem {
  margin-bottom: 8rem; }

.u-mb9rem {
  margin-bottom: 9rem; }

.u-mb10rem {
  margin-bottom: 10rem; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-p05rem {
  padding: 0.5rem; }

.u-p1rem {
  padding: 1rem; }

.u-p2rem {
  padding: 2rem; }

.u-pb05rem {
  padding-bottom: 0.5rem; }

.u-pb1rem {
  padding-bottom: 1rem; }

.u-pt05rem {
  padding-top: 0.5rem; }

.u-pt1rem {
  padding-top: 1rem; }

.u-ptb05rem {
  padding: 0.5rem 0; }

.u-ptb1rem {
  padding: 1rem 0; }

.u-ptb2rem {
  padding: 2rem 0; }

.u-ptb3rem {
  padding: 3rem 0; }

.u-ptb4rem {
  padding: 4rem 0; }

.u-ptb6rem {
  padding: 6rem 0; }

.u-plr025rem {
  padding: 0 0.25rem; }

.u-plr05rem {
  padding: 0 0.5rem; }

.u-plr1rem {
  padding: 0 1rem; }

.u-pr05rem {
  padding-right: 0.5rem; }

.u-pr1rem {
  padding-right: 1rem; }

.u-pl05rem {
  padding-left: 0.5rem; }

.u-pl1rem {
  padding-left: 1rem; }

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.u-flexWrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari */ }

.u-flexAlignItemsCenter {
  -webkit-align-items: center;
  align-items: center; }

.u-flexJustifyContentCenter {
  -webkit-justify-content: center;
  justify-content: center; }

.u-flexJustifyContentSpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.u-displayNone {
  display: none; }

.u-preview {
  display: none; }

.u-previewOpacity {
  opacity: 0; }

.u-maxWidth--960 {
  max-width: 480px; }

.u-maxWidth--600 {
  max-width: 600px; }

.u-maxWidth--480 {
  max-width: 480px; }

.u-marginSideAuto {
  margin-left: auto;
  margin-right: auto; }

.u-linkNoDecoration:hover {
  text-decoration: none;
  color: inherit; }

.u-display--pc {
  display: none; }

.u-display--sp {
  display: block; }

@media screen and (min-width: 1024px) {
  .u-display--pc {
    display: block; }

  .u-display--sp {
    display: none; } }
.effWappar {
  position: relative;
  width: 100%; }

.effWappar--overflow {
  padding: 8% 0;
  overflow: hidden; }

.eff--jelly, .eff--jelly--js {
  -moz-animation: jelly 0.8s linear 0s 1;
  -webkit-animation: jelly 0.8s linear 0s 1;
  animation: jelly 0.8s linear 0s 1; }

@-moz-keyframes jelly {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  15% {
    transform: scale(0.95, 0.95) translate(0%, 4%); }
  30% {
    transform: scale(1.1, 0.9) translate(0%, 8%); }
  50% {
    transform: scale(0.9, 1.1) translate(0%, -8%); }
  70% {
    transform: scale(1.05, 0.95) translate(0%, 4%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@-webkit-keyframes jelly {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  15% {
    transform: scale(0.95, 0.95) translate(0%, 4%); }
  30% {
    transform: scale(1.1, 0.9) translate(0%, 8%); }
  50% {
    transform: scale(0.9, 1.1) translate(0%, -8%); }
  70% {
    transform: scale(1.05, 0.95) translate(0%, 4%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@keyframes jelly {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  15% {
    transform: scale(0.95, 0.95) translate(0%, 4%); }
  30% {
    transform: scale(1.1, 0.9) translate(0%, 8%); }
  50% {
    transform: scale(0.9, 1.1) translate(0%, -8%); }
  70% {
    transform: scale(1.05, 0.95) translate(0%, 4%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
.eff--wiggle, .eff--wiggle--js {
  -moz-transform-origin: center center 50%;
  -ms-transform-origin: center center 50%;
  -webkit-transform-origin: center center 50%;
  transform-origin: center center 50%;
  -moz-animation: swing 0.8s linear 0s 1;
  -webkit-animation: swing 0.8s linear 0s 1;
  animation: swing 0.8s linear 0s 1; }

@-moz-keyframes swing {
  0% {
    transform: scale(1, 1) rotateZ(0deg); }
  20% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  40% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  60% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  80% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  100% {
    transform: scale(1, 1) rotateZ(0deg); } }
@-webkit-keyframes swing {
  0% {
    transform: scale(1, 1) rotateZ(0deg); }
  20% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  40% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  60% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  80% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  100% {
    transform: scale(1, 1) rotateZ(0deg); } }
@keyframes swing {
  0% {
    transform: scale(1, 1) rotateZ(0deg); }
  20% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  40% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  60% {
    transform: scale(1.05, 1.05) rotateZ(5deg); }
  80% {
    transform: scale(1.05, 1.05) rotateZ(-5deg); }
  100% {
    transform: scale(1, 1) rotateZ(0deg); } }
.selectLanguage {
  position: relative;
  width: 100%;
  z-index: 1;
    max-width: 1920px;
    margin: auto;}
  .selectLanguage a {
    display: inline-block;
    color: #fff;
    text-decoration: none; }

/*.selectLanguage__content {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }*/

.selectLanguage__content__inner {
  position: absolute;
   left: 20%;
    top: 20px;
}
@media screen and (max-width: 1025px) {
.selectLanguage__content__inner {
    top: 5px;
 }
}


.selectLanguage__trigger {
  line-height: 44px;
  text-align: left;
  vertical-align: middle; }
  .selectLanguage__trigger .a {
    line-height: 44px; }
  .selectLanguage__trigger .symbol {
    position: relative;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    line-height: 44px;
    vertical-align: middle; }
  .selectLanguage__trigger .symbol.active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .selectLanguage__trigger .arrow {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: -2px;
    color: #000;
    line-height: 44px;
    vertical-align: middle;
    text-decoration: none;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .selectLanguage__trigger .arrow.active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .selectLanguage__trigger .arrow::before,
  .selectLanguage__trigger .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: ""; }
  .selectLanguage__trigger .arrow::before {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff; }
  .selectLanguage__trigger .arrow::after {
    left: 4px;
    width: 3px;
    height: 3px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.selectLanguage__list {
  position: absolute;
  top: 49px;
  right: 0;
  text-align: left;
  z-index: 10000; }

.selectLanguage__list {
  display: none; }
  .selectLanguage__list > div {
    background: rgba(0, 0, 0, 0.8);
    margin-bottom: 0.8px;
    padding: 0.5rem;
    text-align: center; }
  .selectLanguage__list a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%; }

/*----------sp-----------*/

@media screen and (max-width: 768px) {
.selectLanguage{
      max-width: 750px;
 }

 .selectLanguage__content__inner{
  left:4%;
 }
}