@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.img-hover:hover {
  opacity: 0.7;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overflow-hidden {
  overflow: hidden !important;
}

a.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}

sub {
  font-size: 10px;
}

.text-underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media screen and (min-width: 544px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-inline-md-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}
@media screen and (min-width: 1320px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
}
.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-4 {
  margin-top: 40px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.mb-4 {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .mt-md-1 {
    margin-top: 10px;
  }
  .mt-md-2 {
    margin-top: 20px;
  }
  .mt-md-3 {
    margin-top: 30px;
  }
  .mt-md-4 {
    margin-top: 40px;
  }
  .mb-md-1 {
    margin-bottom: 10px;
  }
  .mb-md-2 {
    margin-bottom: 20px;
  }
  .mb-md-3 {
    margin-bottom: 30px;
  }
  .mb-md-4 {
    margin-bottom: 40px;
  }
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

.w-100 {
  width: 100%;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 10px !important;
}

.rounded-2 {
  border-radius: 20px !important;
}

.rounded-3 {
  border-radius: 30px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.digit {
  opacity: 0;
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  vertical-align: top;
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.digit.top {
  -webkit-transform: translateY(60px);
     -moz-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  -moz-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  transition: 1s cubic-bezier(0.4, 0, 0, 0);
}
.digit.rights {
  -webkit-transform: translateY(0) translateX(100px);
     -moz-transform: translateY(0) translateX(100px);
      -ms-transform: translateY(0) translateX(100px);
          transform: translateY(0) translateX(100px);
  -webkit-transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  -moz-transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.digit.lefts {
  -webkit-transform: translateY(0) translateX(-100px);
     -moz-transform: translateY(0) translateX(-100px);
      -ms-transform: translateY(0) translateX(-100px);
          transform: translateY(0) translateX(-100px);
  -webkit-transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  -moz-transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  transition: 0.7s cubic-bezier(0.37, 0, 0.4, 0.8);
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.digit.visible {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
}

.text-black {
  color: #000000;
}

.text-white {
  color: #ffffff;
}

/*
.text-primary { color: $primary; }
.text-secondary { color: $secondary; }
.text-tertiary { color: $tertiary; }
.bg-primary { background-color: $primary; }
.bg-secondary { background-color: $secondary; }
.bg-tertiary { background-color: $tertiary; }
.bg-black { background-color: $tertiary; }
.bg-white { background-color: $white; }*/
#um-fashion-26 {
  height: 100%;
}
#um-fashion-26 .kv {
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv {
    margin-bottom: 250px;
  }
}
#um-fashion-26 .kv .kv-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
#um-fashion-26 .kv .kv-block-01 {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-block-01 {
    width: 37%;
  }
}
#um-fashion-26 .kv .kv-block-01 .kv-title {
  width: 10%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-block-01 .kv-title {
    width: 10%;
  }
}
#um-fashion-26 .kv .kv-block-01 .kv-title h1 {
  line-height: 0;
  margin: 0;
  padding: 0;
}
#um-fashion-26 .kv .kv-block-02 {
  width: 62%;
  position: relative;
  margin: 75px 0 0 auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-block-02 {
    width: 48%;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-block-02 .col-md-6 {
    width: 50%;
  }
}
#um-fashion-26 .kv .kv-text-parts {
  position: relative;
  z-index: 2;
  width: 119%;
  min-width: 286px;
  margin-top: 30px;
  margin-left: -webkit-calc(-62% + 20px);
  margin-left: -moz-calc(-62% + 20px);
  margin-left: calc(-62% + 20px);
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-text-parts {
    width: 70%;
    margin-left: -18%;
    margin-top: 35px;
  }
}
#um-fashion-26 .kv .kv-img-copyright {
  position: relative;
  width: 63%;
  margin: 50px 20px 0 auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .kv .kv-img-copyright {
    position: absolute;
    width: 17%;
    right: 3%;
    bottom: 2%;
    margin: 0;
  }
}
#um-fashion-26 .contents-section {
  width: 100%;
}
#um-fashion-26 .photo-contents {
  width: 100%;
  position: relative;
}
#um-fashion-26 .photo-contents.photo-contents-01 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-01 {
    margin-top: 0;
    margin-bottom: 265px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-01 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-01 .inner {
    width: 42%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-02 {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-02 {
    margin-top: 0;
    margin-bottom: 285px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-02 .inner {
  width: 1232px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-02 .inner {
    width: 199.99%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-02 .inner .col-box {
  width: 308px;
  padding: 0 3.5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-02 .inner .col-box {
    width: 33.33%;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#um-fashion-26 .photo-contents.photo-contents-03 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-03 {
    margin-top: 0;
    margin-bottom: 285px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-03 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-03 .inner {
    width: 42%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-04 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 380px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-04 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-04 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-04 .inner {
    width: 100%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-04 .inner .block-01 {
  width: 62%;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-04 .inner .block-01 {
    width: 48%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-04 .inner .block-01 .col-md-6 {
    width: 50%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-04 .inner .block-02 {
  position: relative;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-04 .inner .block-02 {
    width: 37%;
    margin: 0 0 0 auto;
  }
}
#um-fashion-26 .photo-contents.photo-contents-05 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-05 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-05 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-05 .inner {
    width: 42%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-05 .title-anime-05,
#um-fashion-26 .photo-contents.photo-contents-05 .title-anime-05-sp {
  width: 8%;
  position: absolute;
  right: 12%;
  top: -52%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-05 .title-anime-05,
  #um-fashion-26 .photo-contents.photo-contents-05 .title-anime-05-sp {
    width: 3%;
    position: absolute;
    right: auto;
    left: 8%;
    top: -12%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-06 {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-06 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-06 .inner {
  width: 1232px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-06 .inner {
    width: 199.99%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-06 .inner .col-box {
  width: 308px;
  padding: 0 3.5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-06 .inner .col-box {
    width: 33.33%;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#um-fashion-26 .photo-contents.photo-contents-07 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-07 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-07 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-07 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 84%;
  }
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-07 .inner .col-md-6 {
    width: 50%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-01,
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-02 {
  opacity: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-01-sp,
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-02-sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-01-sp {
  position: relative;
}
#um-fashion-26 .photo-contents.photo-contents-07 .inner .photo-contents-07-02-sp {
  opacity: 0; /* 初期状態で非表示にする */
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); /* 初期状態で右に配置する */
}
#um-fashion-26 .photo-contents.photo-contents-08 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 370px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-08 {
    margin-top: 0;
    margin-bottom: 340px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-08 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-08 .inner {
    width: 100%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-08 .inner .block-01 {
  width: 62%;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-08 .inner .block-01 {
    width: 48%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-08 .inner .block-01 .col-md-6 {
    width: 50%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-08 .inner .block-02 {
  position: relative;
  margin-bottom: 140px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-08 .inner .block-02 {
    width: 37%;
    margin: 0 auto 0 0;
  }
}
#um-fashion-26 .photo-contents.photo-contents-09 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-09 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-09 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-09 .inner {
    width: 42%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-09 .title-anime-09,
#um-fashion-26 .photo-contents.photo-contents-09 .title-anime-09-sp {
  width: 8%;
  position: absolute;
  left: 12%;
  top: -52%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-09 .title-anime-09,
  #um-fashion-26 .photo-contents.photo-contents-09 .title-anime-09-sp {
    width: 3%;
    position: absolute;
    left: auto;
    right: 8%;
    top: -6%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-10 {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-10 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-10 .inner {
  width: 1232px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-10 .inner {
    width: 199.99%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-10 .inner .col-box {
  width: 308px;
  padding: 0 3.5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-10 .inner .col-box {
    width: 33.33%;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#um-fashion-26 .photo-contents.photo-contents-11 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-11 {
    margin-top: 0;
    margin-bottom: 330px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-11 .inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-11 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 84%;
  }
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-11 .inner .col-md-6 {
    width: 50%;
  }
}
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-01,
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-02 {
  opacity: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-01-sp,
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-02-sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-01-sp {
  position: relative;
}
#um-fashion-26 .photo-contents.photo-contents-11 .inner .photo-contents-11-02-sp {
  opacity: 0; /* 初期状態で非表示にする */
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); /* 初期状態で右に配置する */
}
#um-fashion-26 .photo-contents.photo-contents-12 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-12 {
    margin-top: 0;
    margin-bottom: 350px;
  }
}
#um-fashion-26 .photo-contents.photo-contents-12 .inner {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .photo-contents.photo-contents-12 .inner {
    width: 42%;
  }
}
#um-fashion-26 .footer-copyright-text {
  font-size: 10px;
  width: 100%;
  text-align: center;
  font-family: clarendon-urw, serif;
  font-weight: 300;
  font-style: normal;
  padding-bottom: 50px;
  font-size: 10px;
}
@media only screen and (min-width: 768px) {
  #um-fashion-26 .footer-copyright-text {
    font-size: 17px;
    padding-bottom: 65px;
    font-family: clarendon-urw, serif;
    font-weight: 300;
    font-style: normal;
  }
}

html {
  scroll-behavior: smooth;
}

@media only screen and (min-width: 768px) {
  .thumb-slider-wrap {
    height: 0;
    overflow: hidden;
  }
}