/* vietnamese */

/* latin-ext */

/* latin */



* {
  margin: 0;
  padding: 0; }

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

address, caption, h1, h2, h3, h4, h5, h6, th {
  font-style: normal;
  font-weight: 400; }

dd, dl, dt, li, ol, ul {
  list-style-type: none;
  list-style-position: outside; }

table, td, th {
  vertical-align: top; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  text-decoration: none; }

ins, mark {
  background-color: #ff9;
  color: #000; }

mark {
  font-style: italic;
  font-weight: 700; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

hr, img {
  border: 0; }

img {
  max-width: 100%;
  vertical-align: top; }

br {
  letter-spacing: 0; }

button, fieldset, form, input, label, legend, select, textarea {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%; }

input, select, textarea, button {
  outline: 0;
  vertical-align: middle; }

input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  font-size: 100%;
  padding: 2px;
  border: 1px solid #809db9;
  background: #fff;
  box-sizing: border-box; }

input[type=number] {
  text-align: right; }

input[type='date']:focus, input[type='datetime']:focus, input[type='email']:focus, input[type='month']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='time']:focus, input[type='url']:focus, input[type='week']:focus {
  border: 1px solid #ef7a00;
  background: #fff; }

input:disabled {
  opacity: 0.5;
  cursor: default; }

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer; }

select {
  font-size: 100%;
  border: 1px solid #809db9;
  background-color: #fff; }

button, input, textarea {
  box-sizing: border-box; }

textarea {
  resize: vertical; }

button {
  -webkit-appearance: button;
  border: 0;
  background: transparent; }

button, input[type=checkbox], input[type=radio] {
  cursor: pointer; }

input[type=email], input[type=tel], input[type=text] {
  -webkit-appearance: none;
  border-radius: 0; }

input[type=image] {
  vertical-align: top; }











body {
  line-height: 1.8;
  letter-spacing: 0.01em;
  font-family: "IBM Plex Sans JP", sans-serif;
  color: #494544;
  -webkit-text-size-adjust: none;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 769px) {
    body {
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  html {
    font-family: "Noto Sans Arabic", sans-serif; } }

@media all and (-ms-high-contrast: active) {
  html {
    font-family: "Noto Sans Arabic", sans-serif; } }

a {
  color: #494544;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

a, button {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }

#Header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #FFF;
  z-index: 50; }
  @media screen and (min-width: 769px) {
    #Header {
      height: 70px; } }
  @media screen and (max-width: 768px) {
    #Header {
      height: 90px; } }
  #Header .logo {
    width: 154px;
    position: absolute;
    margin: auto; }
    #Header .logo a {
      width: 100%;
      height: 100%;
      display: block; }
    #Header .logo img {
      width: 100%;
      height: auto; }
    @media screen and (min-width: 769px) {
      #Header .logo {
        height: 100%;
        top: 0;
        bottom: 0;
        left: 30px; }
        #Header .logo a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; } }
    @media screen and (max-width: 768px) {
      #Header .logo {
        top: 18px;
        left: 0;
        right: 0; } }
  #Header .info {
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 769px) {
      #Header .info {
        height: 100%;
        top: 0;
        right: 85px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    @media screen and (max-width: 768px) {
      #Header .info {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        bottom: 10px;
        left: 25px; } }
    #Header .info .search {
      width: 15px; }
      #Header .info .search a {
        display: block; }
      #Header .info .search img {
        vertical-align: middle;
        margin-bottom: 4px; }
    #Header .info .txt {
      margin-left: 10px;
      font-size: 12px;
      font-weight: 700; }
      #Header .info .txt a {
        display: inline-block;
        padding: 0 5px; }
    #Header .info .language {
      position: relative;
      display: inline-block;
      margin-bottom: 1px;
      cursor: pointer;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer; }
      @media screen and (min-width: 769px) {
        #Header .info .language {
          margin-left: 25px; } }
      @media screen and (max-width: 768px) {
        #Header .info .language {
          margin-left: 10px; } }
      #Header .info .language select {
        padding-right: 10px;
        border: none;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        color: #494544; }
      #Header .info .language select::-ms-expand {
        display: none; }
      #Header .info .language:after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        pointer-events: none;
        border-style: solid;
        border-width: 6px 4px 0 4px;
        border-color: #494544 transparent transparent transparent; }
  #Header #MenuBtn {
    position: absolute;
    margin: auto; }
    #Header #MenuBtn:before, #Header #MenuBtn span, #Header #MenuBtn:after {
      content: "";
      width: 100%;
      height: 3px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background-color: #494544;
      -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); }
    #Header #MenuBtn:before {
      top: -14px; }
    #Header #MenuBtn:after {
      bottom: -14px; }
    #Header #MenuBtn.close:before {
      top: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    #Header #MenuBtn.close span {
      opacity: 0; }
    #Header #MenuBtn.close:after {
      bottom: 0;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    @media screen and (min-width: 769px) {
      #Header #MenuBtn {
        width: 22px;
        height: 22px;
        top: 0;
        bottom: 0;
        right: 25px; } }
    @media screen and (max-width: 768px) {
      #Header #MenuBtn {
        width: 22px;
        height: 22px;
        bottom: 12px;
        right: 20px; } }

#GlobalNavi {
  display: none;
  position: fixed;
  right: 0;
  box-sizing: border-box;
  z-index: 60;
  background-color: #727171;
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700; }
  @media screen and (min-width: 769px) {
    #GlobalNavi {
      width: 250px;
      height: calc(100vh - 70px);
      overflow: auto;
      top: 70px;
      padding: 50px 0; } }
  @media screen and (max-width: 768px) {
    #GlobalNavi {
      width: 100%;
      height: calc(100vh - 90px);
      overflow: hidden;
      top: 90px; } }
  #GlobalNavi li a, #GlobalNavi li button {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    line-height: 1;
    color: #FFF;
    -webkit-transition: background 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: background 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    #GlobalNavi li a.isHover, #GlobalNavi li button.isHover {
      background-color: #525252; }
    #GlobalNavi li a[href^="javascript"], #GlobalNavi li button[href^="javascript"] {
      opacity: 0.5;
      pointer-events: none; }
  #GlobalNavi .lower_01 > li > a, #GlobalNavi .lower_01 > li > button {
    font-weight: bold; }
    #GlobalNavi .lower_01 > li > a i, #GlobalNavi .lower_01 > li > button i {
      width: 12px;
      height: 12px;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
      #GlobalNavi .lower_01 > li > a i:before, #GlobalNavi .lower_01 > li > a i:after, #GlobalNavi .lower_01 > li > button i:before, #GlobalNavi .lower_01 > li > button i:after {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #FFF;
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: -webkit-transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 300ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 300ms cubic-bezier(0.19, 1, 0.22, 1); }
      #GlobalNavi .lower_01 > li > a i:after, #GlobalNavi .lower_01 > li > button i:after {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  #GlobalNavi .lower_01 > li .show i:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  @media screen and (min-width: 769px) {
    #GlobalNavi .lower_01 > li {
      position: relative;
      margin-bottom: 8px; }
      #GlobalNavi .lower_01 > li > a, #GlobalNavi .lower_01 > li > button {
        height: 30px;
        padding: 0 35px;
        font-size: 87.5%;
        font-weight: bold; }
        #GlobalNavi .lower_01 > li > a i, #GlobalNavi .lower_01 > li > button i {
          right: 35px; } }
  @media screen and (max-width: 768px) {
    #GlobalNavi .lower_01 {
      margin: 28px 0; }
      #GlobalNavi .lower_01 > li > a, #GlobalNavi .lower_01 > li > button {
        height: 39px;
        padding: 0 25px;
        font-weight: bold; }
        #GlobalNavi .lower_01 > li > a i, #GlobalNavi .lower_01 > li > button i {
          right: 25px; } }
  #GlobalNavi .lower_02 {
    display: none; }
    @media screen and (min-width: 769px) {
      #GlobalNavi .lower_02 {
        overflow: hidden; }
        #GlobalNavi .lower_02 > li:first-of-type {
          margin-top: 4px; }
        #GlobalNavi .lower_02 > li:last-of-type {
          margin-bottom: 40px; }
        #GlobalNavi .lower_02 > li > a {
          padding: 8px 50px;
          font-size: 75%;
          font-weight: bold; } }
    @media screen and (max-width: 768px) {
      #GlobalNavi .lower_02 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        padding: 30px 0; }
        #GlobalNavi .lower_02 > li > a {
          height: 39px;
          padding: 0 25px;
          font-size: 16px;
          font-weight: 600; } }
  #GlobalNavi .back_btn {
    display: none; }
    @media screen and (max-width: 768px) {
      #GlobalNavi .back_btn {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 28px;
        left: 25px;
        z-index: 61; }
        #GlobalNavi .back_btn:before {
          content: "";
          width: 100%;
          height: 1px;
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          background-color: #FFF; }
        #GlobalNavi .back_btn:after {
          content: "";
          width: 10px;
          height: 10px;
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 2px;
          margin: auto;
          border-top: 1px solid #FFF;
          border-left: 1px solid #FFF;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        #GlobalNavi .back_btn.show {
          display: block; } }

#Container {
  width: 100%;
  min-width: 320px;
  position: relative; }
  @media screen and (min-width: 769px) {
    #Container {
      margin-top: 70px; } }
  @media screen and (max-width: 768px) {
    #Container {
      margin-top: 90px; } }

#Main {
  position: relative; }

@media screen and (min-width: 769px) {
  #Footer {
    padding: 70px 0; } }

@media screen and (max-width: 768px) {
  #Footer {
    padding: 40px 0; } }

#Footer .sns {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (min-width: 769px) {
    #Footer .sns {
      margin-bottom: 40px; } }
  @media screen and (max-width: 768px) {
    #Footer .sns {
      margin-bottom: 30px; } }
  #Footer .sns li {
    margin: 0 5px;
    line-height: 1; }
    #Footer .sns li a {
      width: 30px;
      display: inline-block;
      -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
      transition: opacity 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
      #Footer .sns li a.isHover {
        opacity: 0.7; }
      #Footer .sns li a[href^="javascript"] {
        opacity: 0.5;
        pointer-events: none; }

#Footer nav ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #Footer nav ul li {
    font-weight: 600; }
    #Footer nav ul li a {
      position: relative;
      display: inline-block;
      padding-bottom: 5px;
      line-height: 1;
      -webkit-transition: color 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
      transition: color 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
      #Footer nav ul li a:after {
        content: "";
        width: 0%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #000;
        -webkit-transition: width 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: width 300ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      #Footer nav ul li a.isHover {
        color: #000; }
        #Footer nav ul li a.isHover:after {
          width: 100%; }
      #Footer nav ul li a[href^="javascript"] {
        opacity: 0.5;
        pointer-events: none; }
  @media screen and (min-width: 769px) {
    #Footer nav ul {
      margin-bottom: 30px;
      font-size: 12px; }
      #Footer nav ul li {
        margin: 0 15px; } }
  @media screen and (max-width: 768px) {
    #Footer nav ul {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-bottom: 20px; }
      #Footer nav ul li {
        margin: 0 0 10px;
        font-size: 11px;
        border-left: 1px solid #494544; }
        #Footer nav ul li:first-of-type {
          border-left: none; }
        #Footer nav ul li a {
          margin: 0 10px;
          padding: 0; } }

#Footer .copy {
  text-align: center;
  font-weight: 600;
  font-size: 12px; }

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

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.slide {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #000; }
  @media screen and (min-width: 769px) {
    .slide {
      height: calc(100vh - 70px);
      margin-bottom: 10px; } }
  @media screen and (max-width: 768px) {
    .slide {
      height: calc(100vh - 90px); } }
  .slide h2 {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    text-align: right;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    z-index: 5; }
    @media screen and (min-width: 769px) {
      .slide h2 {
        font-size: 54px;
        right: 100px;
        letter-spacing: .1em } }
    @media screen and (max-width: 768px) {
      .slide h2 {
        font-size: 30px;
        right: 22px; } }
  .slide ul {
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
    .slide ul li {
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover; }
    .slide ul li a {
      display: block;
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover; }
  .slide .icon span {
    opacity: 0.5;
    background-color: #FFF; }
    .slide .icon span.swiper-pagination-bullet-active {
      opacity: 1; }

.catalog_link {
  letter-spacing: .065em;
  font-weight: 500;
  font-family: "IBM Plex Sans JP", sans-serif;
  line-height: 1.5 }
  @media screen and (min-width: 769px) {
    .catalog_link {
      margin-top: -10px;
      font-size: 32px; }
      .catalog_link a {
        height: 235px;
        transition: opacity .3s; }
        .catalog_link a:hover {
          opacity: .8; } }
  @media screen and (max-width: 768px) {
    .catalog_link {
      font-size: 18px; }
      .catalog_link a {
        height: 33.333vw; }
  }
  .catalog_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4C4948;
    text-align: center; }

.category {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: #e6e6e6;
  font-family: "IBM Plex Sans JP", sans-serif; }
  @media screen and (min-width: 769px) {
    .category {
      margin-bottom: 10px; } }
  @media screen and (max-width: 768px) {
    .category {
      margin-bottom: 8px; } }
  .category .inside {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 700; }
    .category .inside h3 {
      font-family: "IBM Plex Sans JP", sans-serif; }
    .category .inside:before {
      content: "";
      width: 100%;
      height: 0;
      position: relative;
      display: block;
      padding-top: 112.5%; }
    .category .inside a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: #777; }
    .category .inside h3 {
      position: absolute;
      letter-spacing: .065em;
      font-weight: 500;
      font-family: "IBM Plex Sans JP", sans-serif; }
    .category .inside p {
      position: absolute;
      line-height: 1.2;
      letter-spacing: .13em;
      font-weight: 600; }
      .category .inside p strong {
        display: block;
        letter-spacing: .08em; }
    @media screen and (min-width: 769px) {
      .category .inside {
        width: 33.3333%; }
        .category .inside h3 {
          top: 33px;
          left: 40px;
          line-height: 1.5;
          font-size: 28px; }
        .category .inside p {
          bottom: 40px;
          left: 40px;
          font-size: 16px; }
          .category .inside p strong {
            margin-bottom: 7px;
            font-size: 24px; } }
    @media screen and (max-width: 768px) {
      .category .inside {
        width: 50%; }
        .category .inside h3 {
          top: 12px;
          left: 15px;
          right: 15px;
          line-height: 1.2;
          font-size: 14px; }
        .category .inside p {
          bottom: 15px;
          left: 15px;
          font-size: 9px; }
          .category .inside p strong {
            margin-bottom: 2px;
            font-size: 15px; } }
    .category .inside a {
      -webkit-transition: background 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
      transition: background 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
      .category .inside a p {
        -webkit-transform: translateY(100px);
            -ms-transform: translateY(100px);
                transform: translateY(100px);
        -webkit-transition: -webkit-transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      .category .inside a.isHover {
        background-color: rgba(255, 255, 255, 0.2); }
        .category .inside a.isHover p {
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0); }

.bnr {
  width: 100%; }
  @media screen and (min-width: 769px) {
    .bnr {
      margin-bottom: 10px; }
      .bnr a {
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
        -webkit-transition: -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
        transition: -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
        transition: filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
        transition: filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
        .bnr a.isHover {
          -webkit-filter: grayscale(0%);
                  filter: grayscale(0%); }
    .bnr.type02 {
      }
      .bnr.type02 a {
        -webkit-filter: brightness(100%);
                filter: brightness(100%); }
        .bnr.type02 a.isHover {
          -webkit-filter: brightness(110%);
                  filter: brightness(110%); } }
  @media screen and (max-width: 768px) {
    .bnr {
      margin-bottom: 8px; } }
  .bnr img {
    width: 100%;
    height: auto; }
  .bnr a {
    display: block; }

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

#GlobalNavi {
  font-family: "IBM Plex Sans JP", sans-serif;
}

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

:where([data-cl-s~="s5"]) #Main{
  position: relative;
  overflow: hidden; }

  @media screen and (min-width: 769px) {:where([data-cl-s~="s5"]) #Main{
      padding: 100px 0; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s5"]) #Main{
      padding: 60px 0 40px; }}
:where([data-cl-s~="s5"]) #Main h1{
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: 500; }

    @media screen and (min-width: 769px) {:where([data-cl-s~="s5"]) #Main h1{
        margin-bottom: 10px;
        font-size: 28px; }}

    @media screen and (max-width: 768px) {:where([data-cl-s~="s5"]) #Main h1{
        margin-bottom: 10px;
        font-size: 18px; }}
:where([data-cl-s~="s5"]) #Main .sub{
    width: 100%;
    text-align: center;
    line-height: 1; }

    @media screen and (min-width: 769px) {:where([data-cl-s~="s5"]) #Main .sub{
        margin-bottom: 100px;
        font-size: 14px; }}

    @media screen and (max-width: 768px) {:where([data-cl-s~="s5"]) #Main .sub{
        margin-bottom: 50px;
        font-size: 12px; }}
:where([data-cl-s~="s5"]) section{
  max-width: 960px;
  box-sizing: border-box;
  margin: 0 auto 40px;
  padding: 0 25px; }

  @media screen and (min-width: 769px) {:where([data-cl-s~="s5"]) section{
      font-size: 13px; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s5"]) section{
      font-size: 12px; }}
:where([data-cl-s~="s5"]) section h2{
    margin-bottom: 5px; }

    @media screen and (min-width: 769px) {:where([data-cl-s~="s5"]) section h2{
        font-size: 16px; }}

    @media screen and (max-width: 768px) {:where([data-cl-s~="s5"]) section h2{
        font-size: 14px; }}
:where([data-cl-s~="s5"]) section p{
    margin-bottom: 10px; }
:where([data-cl-s~="s5"]) section ul{
    margin-bottom: 10px; }
:where([data-cl-s~="s5"]) section ul li{
      margin-left: 1em;
      text-indent: -1em; }
:where([data-cl-s~="s5"]) section a{
    text-decoration: underline; }
:where([data-cl-s~="s5"]) section a.isHover{
      text-decoration: none; }
:where([data-cl-s~="s6"]) h1{
  width: 100%;
  position: relative;
  line-height: 1.2;
  font-weight: 500;
  text-align: center; }
:where([data-cl-s~="s6"]) h1 img{
    width: 100%;
    height: auto; }

  @media screen and (min-width: 769px) {:where([data-cl-s~="s6"]) h1{
      padding: 0 0 160px; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s6"]) h1{
      padding: 0px 0 40px; }}

  @media screen and (min-width: 769px) {:where([data-cl-s~="s6"]) h1.txt{
      padding: 100px 0 50px;
      font-size: 28px; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s6"]) h1.txt{
      padding: 60px 0 30px;
      font-size: 18px; }}
:where([data-cl-s~="s6"]) .items_list{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

  @media screen and (min-width: 769px) {:where([data-cl-s~="s6"]) .items_list{
      max-width: 960px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0 auto; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s6"]) .items_list{
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 50px;
      padding: 0 5px; }}

  @media screen and (min-width: 769px) {:where([data-cl-s~="s6"]) .items_list .item{
      width: 33.3333%;
      box-sizing: border-box;
      margin-bottom: 48px;
      padding: 0 12px; }
:where([data-cl-s~="s6"]) .items_list .item:nth-of-type(3n+1){
        margin-left: -12px; }
:where([data-cl-s~="s6"]) .items_list .item:nth-of-type(3n){
        margin-right: -12px; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s6"]) .items_list .item{
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 calc((100% - 20px) / 2);
          -ms-flex: 0 1 calc((100% - 20px) / 2);
              flex: 0 1 calc((100% - 20px) / 2);
      margin: 0 5px 40px; }}
:where([data-cl-s~="s6"]) .items_list .item a{
    display: block;
    -webkit-transition: -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-filter 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75); }
:where([data-cl-s~="s6"]) .items_list .item a.isHover{
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
:where([data-cl-s~="s6"]) .items_list .item figure{
    width: 100%;
    height: 0%;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
:where([data-cl-s~="s6"]) .items_list .item h2{
    line-height: 1.2;
    font-weight: 500; }
:where([data-cl-s~="s6"]) .items_list .item h2 span{
      display: block;
      font-weight: 300; }

  @media screen and (min-width: 769px) {:where([data-cl-s~="s6"]) .items_list .item figure{
      margin-bottom: 15px; }
:where([data-cl-s~="s6"]) .items_list .item h2{
      margin: 0 15px 5px;
      font-size: 18px; }
:where([data-cl-s~="s6"]) .items_list .item h2 span{
        margin-bottom: 3px;
        font-size: 13px; }
:where([data-cl-s~="s6"]) .items_list .item .price{
      margin: 0 15px;
      font-size: 15px; }}

  @media screen and (max-width: 768px) {:where([data-cl-s~="s6"]) .items_list .item figure{
      margin-bottom: 10px; }
:where([data-cl-s~="s6"]) .items_list .item h2{
      margin: 0 10px 5px;
      font-size: 15px; }
:where([data-cl-s~="s6"]) .items_list .item h2 span{
        margin-bottom: 5px;
        font-size: 11px; }
:where([data-cl-s~="s6"]) .items_list .item .price{
      margin: 0 10px;
      font-size: 11px; }}
/* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair
   on older builds); everything below this marker is ours, not the reference's */
/* clone: a link with nowhere to go carries no href — keep it feeling inert */
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
/* clone: the swapped wordmark replaces an <img>/<svg> logo, so the reference
   never wrote text rules for that slot — without this it inherits the browser
   default link look (blue + underline, svitlo's header). */
.clone-wordmark {
  color: inherit !important; text-decoration: none !important;
  font-weight: 700; font-size: 1.15em; line-height: 1.1;
  letter-spacing: -0.01em; white-space: nowrap;
}
/* the wordmark sits INSIDE the old logo <a>, which the browser paints blue and
   underlines by default once the <img> is gone — neutralize the link itself,
   not just the span, or the brand still reads as a raw hyperlink. */
a:has(> .clone-wordmark), a:has(.clone-wordmark) {
  color: inherit !important; text-decoration: none !important;
}
/* clone: the reference's own responsive JS is gone and some donors ship a
   desktop-only DOM, so a fixed-width sidebar/table can push the page past the
   viewport on a phone (tabelog 980px at 390px wide). Keep media inside the
   page and stop the sideways scroll without touching the desktop layout. */
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
/* body ONLY: overflow on <html> stops body's overflow propagating to the
   viewport, so a donor with html,body{height:100%} (Wix) turned <body> into a
   one-screen inner scroller (2026-10-10 hardening run). On body alone the
   value propagates to the viewport and still kills the sideways scroll. */
/* `clip`, not `hidden`: when the donor's OWN html sets overflow (Foxtrot:
   html{overflow-x:clip}) body's value no longer reaches the viewport, and
   `hidden` made body a one-screen scroll container (mobile clone 844px of
   10258). `clip` cuts the sideways overflow WITHOUT a scroll container. */
@media (max-width: 768px) {
  html { max-width: 100%; }
  body { overflow-x: clip; max-width: 100%; }
}
/* clone: a heading/button the reference drew as an image, now real text */
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3;
  font-size: 1.05em; }
/* clone: off-canvas nav panel, opened by clone.js from its #id trigger */
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open {
  display: block !important; position: fixed !important; inset: 0 auto 0 0 !important;
  width: min(86vw, 360px) !important; height: 100% !important;
  overflow: auto !important; z-index: 2147483000 !important;
  background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  transform: none !important; opacity: 1 !important; visibility: visible !important;
}
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
/* clone: library photo behind a text block — light veil under the copy */
.clone-bg-veil { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.84) !important; }
/* clone: notice shown in place of a submitted form (clone.js) */
.clone-form-note {
  margin: 1em 0; padding: 0.9em 1.1em; border-radius: 8px;
  background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit; font-size: 0.95em; line-height: 1.45;
}
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
/* clone: fallback contact line appended when the reference carried no
   contacts at all (onlinegamer shipped 15 pages without a phone or email) */
.clone-contact { margin: 1.2em 0; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }

.g27-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.g27-skip{position:absolute;left:-9999px;top:0;z-index:10000;background:#222;color:#fff;padding:8px 14px;font-size:14px}
.g27-skip:focus{left:8px;top:8px}

a.g27-skip,a.g27-skip:visited{color:#fff!important;background:#222!important}

:where(img){height:auto}

/* G27: bake clone.js final slider state (CLS 0.92 -> 0) */
#Women .swiper-wrapper,#Men .swiper-wrapper{position:relative;overflow:hidden;width:100%;display:block;left:0;transform:none!important;height:calc(100vh - 90px)}
@media (min-width:1024px){#Women .swiper-wrapper,#Men .swiper-wrapper{height:calc(100vh - 70px)}}
#Women .swiper-wrapper>.swiper-slide,#Men .swiper-wrapper>.swiper-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;float:none}