@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@charset "UTF-8";
@font-face {
  font-family: 'ZonaPro-Regular';
  src: url("ZonaPro-Regular-webfont.woff2") format("woff2"), url("ZonaPro-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ZonaPro-Bold';
  src: url("ZonaPro-Bold-webfont.woff2") format("woff2"), url("ZonaPro-Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ZonaPro-Black';
  src: url("ZonaPro-Black-webfont.woff2") format("woff2"), url("ZonaPro-Black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FuturaPTWebBook';
  src: url("FTN45__W.eot");
  src: url("FTN45__W.eot?#iefix") format("embedded-opentype"), url("FTN45__W.woff2") format("woff2"), url("FTN45__W.woff") format("woff"), url("FTN45__W.ttf") format("truetype"), url("FTN45__W.svg#FuturaPTWeb-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html, body {
  font-family: "FuturaPTWebBook", "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif, "Noto Sans Japanese", "Times New Roman", Times, serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, ul::-moz-selection, li::-moz-selection, p::-moz-selection, span::-moz-selection, img::-moz-selection {
  background-color: #e50012; }

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, ul::selection, li::selection, p::selection, span::selection, img::selection {
  background-color: #e50012; }

.reset {
  transition: none !important; }
  .reset * {
    transition: none !important; }

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -150px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.25); }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1); } }

@keyframes scaleInNormal {
  0% {
    opacity: 0;
    transform: scale(1.25); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes scaleInTop {
  0% {
    opacity: 0;
    transform: translate3d(0, -50%, 0) scale(1.25); }
  100% {
    opacity: 1;
    transform: translate3d(0, -50%, 0) scale(1); } }

@keyframes scaleInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) scale(1.25); }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(1); } }

html, body {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  font-family: "FuturaPTWebBook", 'Noto Sans Japanese', "Times New Roman", Times, serif;
  background-color: #ffffff !important; }

ul, li {
  list-style: none; }

h3 {
  margin-bottom: 50px;
  font-size: 18px;
  letter-spacing: 2px;
  text-indent: 2px;
  color: #333333;
  text-align: center; }
  h3 .futura {
    font-family: "Futura-Medium"; }

p {
  word-wrap: break-word; }

a {
  text-decoration: none;
  color: #ffffff;
  transition: opacity 0.25s ease-out; }
  a:hover {
    opacity: 0.8;
    color: #ffffff; }

img {
  border: none;
  vertical-align: top; }

#loader-bg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ffffff;
  z-index: 1000;
  transition: opacity .5s ease .5s; }
  #loader-bg.hide {
    opacity: 0; }

#loader {
  display: none;
  position: fixed;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 2; }
  #loader img {
    width: auto;
    max-width: 100% !important; }
  #loader .loading-logo {
    height: 76px;
    width: 206px;
    margin: 0 auto;
    background-image: url("/dist/img/logo.png");
    background-size: cover; }
  #loader .loading-mask {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 76px;
    width: 206px;
    margin-top: -38px;
    margin-left: -103px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.5s ease;
    animation: flickr .05s infinite alternate; }

#wpadminbar, .entry-header {
  display: none; }

.container.active #header, .container.active .content {
  opacity: 1; }

.container.active .special01 #main-img {
  animation: scaleInNormal 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
  .container.active .special01 #main-img #special-feature, .container.active .special01 #main-img #starring {
    animation: scaleInNormal 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s forwards; }
  .container.active .special01 #main-img #special-title {
    animation: slideIn 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s forwards; }

.container.active #monthly-special section#top .inner {
  animation: scaleIn 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

.container.active #monthly-special section#top .top-content .special-feature {
  animation: scaleInNormal 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s forwards; }

.container.active #monthly-special section#top .top-content .text {
  animation: scaleInTop 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s forwards; }

.container #header, .container .content {
  opacity: 0;
  transition: opacity .75s ease; }

.container section {
  padding: 50px 0 100px 0;
  width: 100%;
  box-sizing: border-box; }
  .container section.light-gray {
    background-color: #f5f5f5; }
  .container section .section-inner {
    margin: 0 auto;
    width: 975px; }
    .container section .section-inner .section-title {
      position: relative;
      margin-bottom: 25px;
      text-align: left;
      letter-spacing: 2px; }
      .container section .section-inner .section-title .text {
        padding-left: 10px;
        font-size: 20px;
        font-family: 'ZonaPro-Bold'; }
      .container section .section-inner .section-title .line {
        position: absolute;
        top: 50%;
        left: -155px;
        height: 6px;
        width: 155px;
        background-color: #e50012;
        transform: translate3d(0, -50%, 0); }
    .container section .section-inner .insta-wrapper .img-wrapper {
      position: relative;
      margin-bottom: 10px;
      height: 225px;
      width: 225px;
      overflow: hidden; }
      .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 0;
        transform: translate3d(-50%, -50%, 0);
        z-index: 1;
        transition: all .5s ease;
        overflow: hidden; }
        .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .border {
          position: absolute;
          background-color: #000000;
          transition: transform .5s ease; }
          .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .border.border-top {
            top: 0;
            left: 0;
            height: 5px;
            width: 100%;
            transform: translate3d(0, -5px, 0); }
          .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .border.border-right {
            top: 0;
            right: 0;
            height: 100%;
            width: 5px;
            transform: translate3d(5px, 0, 0); }
          .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .border.border-bottom {
            bottom: 0;
            left: 0;
            height: 5px;
            width: 100%;
            transform: translate3d(0, 5px, 0); }
          .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .border.border-left {
            bottom: 0;
            left: 0;
            height: 100%;
            width: 5px;
            transform: translate3d(-5px, 0, 0); }
        .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .img-wrapper-cover-text {
          position: absolute;
          top: 45%;
          left: 50%;
          width: 100%;
          font-size: 15px;
          font-family: 'ZonaPro-Bold';
          color: #ffffff;
          text-align: center;
          transform: translate3d(-50%, -50%, 0); }
        .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .img-wrapper-cover-arrow {
          position: absolute;
          top: 55%;
          left: 50%;
          width: 75px;
          transform: translate3d(-50%, -50%, 0); }
          .container section .section-inner .insta-wrapper .img-wrapper .img-wrapper-cover .img-wrapper-cover-arrow img {
            transform: translate3d(-10px, 0, 0);
            transition: opacity .5s ease, transform .5s ease; }
      .container section .section-inner .insta-wrapper .img-wrapper .img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        background-position: center;
        background-size: cover;
        transform: translate3d(-50%, -50%, 0);
        transition: transform .75s ease; }
    .container section .section-inner .show-more {
      position: relative;
      float: right;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: end;
          justify-content: flex-end;
      cursor: pointer; }
      .container section .section-inner .show-more:hover .line {
        width: 100%; }
      .container section .section-inner .show-more .line {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 1px;
        width: 0;
        background-color: #000000;
        transform: translate3d(-50%, 0, 0);
        transition: width .25s ease; }
      .container section .section-inner .show-more .text {
        position: relative;
        margin-right: 5px;
        font-size: 12px;
        font-family: 'ZonaPro-Bold';
        letter-spacing: 1px; }
      .container section .section-inner .show-more .img {
        width: 9px; }

.container .section {
  padding-bottom: 50px; }
  .container .section .show-all-btn {
    margin-bottom: 15px;
    font-size: 15px;
    color: #e50012;
    cursor: pointer; }
    .container .section .show-all-btn img {
      position: relative;
      top: 4px;
      left: 10px;
      width: 15px; }

.container #header {
  position: fixed;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  height: 70px;
  width: 100%;
  min-width: 840px;
  background-color: #ffffff;
  box-sizing: border-box;
  z-index: 100; }
  .container #header #logo {
    width: 113.372px; }
  .container #header #header-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .container #header #header-right #list-nav ul, .container #header #header-right #social-nav ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center; }
    .container #header #header-right #list-nav {
      margin-right: 50px; }
      .container #header #header-right #list-nav ul li {
        width: 185px;
        text-align: center;
        transition: opacity .25s ease; }
        .container #header #header-right #list-nav ul li a {
          font-size: 12px;
          font-family: 'ZonaPro-Bold';
          letter-spacing: 1px;
          color: #000000; }
        .container #header #header-right #list-nav ul li.line {
          height: 20px;
          width: 1px;
          background-color: #000000; }
        .container #header #header-right #list-nav ul li:hover {
          opacity: .5; }
    .container #header #header-right #social-nav ul li.insta {
      margin-right: 30px;
      width: 20px; }
    .container #header #header-right #social-nav ul li.facebook {
      width: 10.398px; }

.container .five-content {
  opacity: 0;
  transition: all 0.5s ease; }
  .container .five-content.opacity {
    opacity: 1; }

.container #monthly-special {
  color: #000000;
  font-family: "Noto Sans Japanese"; }
  .container #monthly-special .stars {
    margin: 100px auto;
    width: 72.619px; }
    .container #monthly-special .stars.mb5 {
      margin-bottom: 50px; }
    .container #monthly-special .stars.mt0 {
      position: relative;
      margin: 0 auto 32px auto;
      z-index: 1; }
  .container #monthly-special section {
    position: relative; }
    .container #monthly-special section#top {
      height: 100vh;
      width: 100%;
      overflow: hidden; }
      .container #monthly-special section#top .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        opacity: 0;
        transform: translate3d(-50%, -50%, 0); }
      .container #monthly-special section#top .keyv {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        transform: translate3d(-50%, -50%, 0);
        background-size: cover;
        background-position: center;
        background-image: url(/dist/img/monthly/09/top/keyv.jpg); }
      .container #monthly-special section#top .top-content {
        position: absolute;
        margin: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 34.3vh;
        z-index: 1; }
        .container #monthly-special section#top .top-content .back {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          min-width: 266px;
          transform: translate3d(-50%, -50%, 0); }
        .container #monthly-special section#top .top-content .special-feature, .container #monthly-special section#top .top-content .text {
          position: absolute;
          opacity: 0;
          z-index: 1; }
        .container #monthly-special section#top .top-content .special-feature {
          top: 25px;
          right: 27.673152%;
          width: 23.560121951219515vh; }
        .container #monthly-special section#top .top-content .text {
          top: 50%;
          right: 15.56420233463035%;
          width: 19.683170731707317vh;
          transform: translate3d(0, -50%, 0); }
    .container #monthly-special section#about {
      padding: 70px 0 75px 0; }
      .container #monthly-special section#about p {
        font-size: 14px;
        font-weight: bold;
        line-height: 28px;
        letter-spacing: .16em;
        text-align: center;
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
        .container #monthly-special section#about p.active {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
    .container #monthly-special section.normal-section .back {
      position: absolute;
      left: 50%;
      width: 100%;
      min-width: 1600px;
      transform: translate3d(-50%, 0, 0); }
      .container #monthly-special section.normal-section .back.top {
        top: 0; }
      .container #monthly-special section.normal-section .back.bottom {
        bottom: 0; }
    .container #monthly-special section.normal-section#section1 {
      background-color: #da4e46; }
      .container #monthly-special section.normal-section#section1 .back {
        background-color: #ffffff; }
        .container #monthly-special section.normal-section#section1 .back.top {
          top: -79px; }
        .container #monthly-special section.normal-section#section1 .back.bottom {
          bottom: -90px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box1 {
        margin: 0; }
        .container #monthly-special section.normal-section#section1 .box-wrapper .box.box1 .line {
          background-color: #e40012; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box2 {
        margin: -740px 42px 126px auto;
        width: 408.625px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box3 {
        margin: 0 0 0 auto; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box4 {
        margin-top: -290px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box5 {
        margin: -288px 100px 0 auto;
        width: 425px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box6 {
        margin: -150px auto 0 -50px;
        width: 500px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box7 {
        margin: -504px 25px 0 auto;
        width: 500px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box8 {
        margin: 10px auto 0 0;
        width: 420px; }
      .container #monthly-special section.normal-section#section1 .box-wrapper .box.box9 {
        margin: -545px 100px 0 auto; }
    .container #monthly-special section.normal-section#section2 .pickup-shoes .pickup-shoes-img .pickup-shoes-title {
      left: auto;
      right: 40px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box1 {
      margin: 60px auto 0 63px;
      width: 393.872px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box2 {
      margin: -413px 0 0 auto;
      width: 530px; }
      .container #monthly-special section.normal-section#section2 .box-wrapper .box.box2 .line {
        background-color: #e1c231; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box3 {
      margin: -262px auto 0 0; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box4 {
      margin: -324.5px 0 0 auto; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box5 {
      margin: -253px auto 0 -90px;
      width: 612.4px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box6 {
      margin: -130px auto 0 400px;
      width: 700px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box7 {
      margin: 100px auto 0 125px;
      width: 777px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box8 {
      margin: 100px auto 0 0;
      width: 420px; }
    .container #monthly-special section.normal-section#section2 .box-wrapper .box.box9 {
      overflow: visible;
      margin: -510px 100px 0 auto; }
      .container #monthly-special section.normal-section#section2 .box-wrapper .box.box9 .styling-title {
        position: relative;
        top: -40px; }
    .container #monthly-special section.normal-section#section3 {
      background-color: #000000; }
      .container #monthly-special section.normal-section#section3 .back {
        background-color: #ffffff; }
        .container #monthly-special section.normal-section#section3 .back.top {
          top: -79px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box1 {
        margin: 0; }
        .container #monthly-special section.normal-section#section3 .box-wrapper .box.box1 .line {
          background-color: #253a48; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box2 {
        margin: -590px 100px 320px auto;
        width: 324.642px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box3 {
        margin: -10px auto 0 50px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box4 {
        margin: -628px auto 100px 475px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box5 {
        margin: 0 0 0 auto;
        width: 700px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box6 {
        margin: -253px auto 0 -40px;
        width: 364px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box7 {
        margin: -108px 0 100px auto;
        width: 600px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box8 {
        margin: 10px auto 0 0;
        width: 420px; }
      .container #monthly-special section.normal-section#section3 .box-wrapper .box.box9 {
        margin: -535px 100px 0 auto;
        color: #ffffff;
        overflow: visible; }
        .container #monthly-special section.normal-section#section3 .box-wrapper .box.box9 .styling-title {
          position: relative;
          top: -30px; }
      .container #monthly-special section.normal-section#section3 .pickup-shoes {
        color: #ffffff; }
    .container #monthly-special section.normal-section .box-wrapper {
      margin: 0 auto;
      width: 1050px; }
      .container #monthly-special section.normal-section .box-wrapper .box {
        position: relative;
        width: 450px;
        overflow: hidden;
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
        .container #monthly-special section.normal-section .box-wrapper .box.active {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .container #monthly-special section.normal-section .box-wrapper .box .img {
          position: relative;
          width: 100%; }
        .container #monthly-special section.normal-section .box-wrapper .box.line-box {
          height: 800px;
          width: 530px; }
          .container #monthly-special section.normal-section .box-wrapper .box.line-box.active .line.line-top, .container #monthly-special section.normal-section .box-wrapper .box.line-box.active .line.line-bottom {
            width: 100%; }
          .container #monthly-special section.normal-section .box-wrapper .box.line-box.active .line.line-right, .container #monthly-special section.normal-section .box-wrapper .box.line-box.active .line.line-left {
            height: 100%; }
          .container #monthly-special section.normal-section .box-wrapper .box.line-box.active .img {
            opacity: 1;
            transform: translate3d(-50%, -50%, 0) scale(1); }
          .container #monthly-special section.normal-section .box-wrapper .box.line-box .img {
            position: relative;
            top: 50%;
            left: 50%;
            width: 100%;
            opacity: 0;
            transform: translate3d(-50%, -50%, 0) scale(1.2);
            transition: transform 3s linear, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
          .container #monthly-special section.normal-section .box-wrapper .box.line-box .line {
            position: absolute;
            z-index: 1;
            transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-top {
              top: 0;
              left: 0; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-right {
              top: 0;
              right: 0; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-bottom {
              bottom: 0;
              right: 0; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-left {
              bottom: 0;
              left: 0; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-top, .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-bottom {
              height: 15px;
              width: 0; }
            .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-right, .container #monthly-special section.normal-section .box-wrapper .box.line-box .line.line-left {
              height: 0;
              width: 15px; }
        .container #monthly-special section.normal-section .box-wrapper .box.video-box {
          height: 625px; }
        .container #monthly-special section.normal-section .box-wrapper .box.styling-box {
          width: 420px; }
          .container #monthly-special section.normal-section .box-wrapper .box.styling-box .styling-title {
            margin: 0 auto 50px auto;
            width: 185px; }
          .container #monthly-special section.normal-section .box-wrapper .box.styling-box .stylist-comment {
            margin-bottom: 20px;
            width: 190px; }
          .container #monthly-special section.normal-section .box-wrapper .box.styling-box .styling-text {
            margin-bottom: 95px;
            font-size: 14px;
            line-height: 28px;
            letter-spacing: .04em; }
          .container #monthly-special section.normal-section .box-wrapper .box.styling-box .spec {
            font-size: 12px;
            line-height: 24px;
            letter-spacing: .04em; }
            .container #monthly-special section.normal-section .box-wrapper .box.styling-box .spec .bold {
              font-size: 14px; }
    .container #monthly-special section.normal-section .pickup-shoes {
      position: relative;
      margin: 95px auto 0 auto;
      width: 800px;
      opacity: 0;
      transform: translate3d(0, 50px, 0);
      transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
      .container #monthly-special section.normal-section .pickup-shoes.active {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .container #monthly-special section.normal-section .pickup-shoes .pickup-shoes-img {
        position: relative;
        margin-bottom: 15px;
        width: 100%; }
        .container #monthly-special section.normal-section .pickup-shoes .pickup-shoes-img .pickup-shoes-title {
          position: absolute;
          top: -45px;
          left: 40px;
          width: 300px; }
      .container #monthly-special section.normal-section .pickup-shoes .pickup-shoes-text {
        font-size: 14px;
        line-height: 40px;
        letter-spacing: .04em;
        text-align: center; }
    .container #monthly-special section#interview {
      padding-top: 0;
      background-color: #ffffff; }
      .container #monthly-special section#interview .door, .container #monthly-special section#interview .interview-wrapper, .container #monthly-special section#interview .stars, .container #monthly-special section#interview .profile {
        position: relative;
        z-index: 1; }
      .container #monthly-special section#interview .back {
        position: absolute;
        left: 50%;
        width: 100%;
        transform: translate3d(-50%, 0, 0); }
        .container #monthly-special section#interview .back.top {
          top: 435px; }
        .container #monthly-special section#interview .back.bottom {
          bottom: -105px; }
      .container #monthly-special section#interview .door {
        position: relative;
        width: 100vw;
        background-color: #f4755d;
        overflow: hidden; }
        .container #monthly-special section#interview .door.active .inner .left, .container #monthly-special section#interview .door.active .inner .right {
          opacity: 1; }
        .container #monthly-special section#interview .door.active .inner .left .door-title {
          animation: scaleIn 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards; }
        .container #monthly-special section#interview .door .inner {
          margin: 0 auto;
          max-width: 1280px;
          width: 100%; }
          .container #monthly-special section#interview .door .inner .left, .container #monthly-special section#interview .door .inner .right {
            opacity: 0; }
          .container #monthly-special section#interview .door .inner .left {
            position: absolute;
            top: 50%;
            left: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            width: 56.5625%;
            z-index: 1;
            transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translate3d(0, -50%, 0); }
            .container #monthly-special section#interview .door .inner .left .back {
              position: relative;
              width: 100%; }
            .container #monthly-special section#interview .door .inner .left .door-title {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 52.67624309392265%;
              z-index: 1;
              opacity: 0;
              transform: translate3d(-50%, -50%, 0); }
          .container #monthly-special section#interview .door .inner .right {
            position: relative;
            margin: 0 0 0 auto;
            width: 47.65625%;
            transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
      .container #monthly-special section#interview .interview-wrapper {
        padding: 100px 0;
        margin: 0 auto;
        width: 900px; }
        .container #monthly-special section#interview .interview-wrapper .img, .container #monthly-special section#interview .interview-wrapper p {
          opacity: 0;
          transform: translate3d(0, 50px, 0);
          transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
          .container #monthly-special section#interview .interview-wrapper .img.active, .container #monthly-special section#interview .interview-wrapper p.active {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
        .container #monthly-special section#interview .interview-wrapper .img {
          margin: 120px auto;
          width: 500px; }
        .container #monthly-special section#interview .interview-wrapper p {
          margin-bottom: 50px;
          font-size: 14px;
          line-height: 28px; }
          .container #monthly-special section#interview .interview-wrapper p.q {
            font-weight: bold;
            letter-spacing: .016em; }
          .container #monthly-special section#interview .interview-wrapper p.a {
            letter-spacing: .04em; }
          .container #monthly-special section#interview .interview-wrapper p:last-child {
            margin-bottom: 0; }
      .container #monthly-special section#interview .profile .profile-title, .container #monthly-special section#interview .profile .profile-name, .container #monthly-special section#interview .profile .profile-text, .container #monthly-special section#interview .profile .credits, .container #monthly-special section#interview .profile .find-store {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; }
        .container #monthly-special section#interview .profile .profile-title.active, .container #monthly-special section#interview .profile .profile-name.active, .container #monthly-special section#interview .profile .profile-text.active, .container #monthly-special section#interview .profile .credits.active, .container #monthly-special section#interview .profile .find-store.active {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
      .container #monthly-special section#interview .profile .profile-title {
        margin: 0 auto 60px auto;
        width: 84px; }
      .container #monthly-special section#interview .profile .profile-name {
        margin: 0 auto 30px auto;
        width: 205px; }
      .container #monthly-special section#interview .profile .profile-text {
        margin: 0 auto;
        width: 480px;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: .04em; }
      .container #monthly-special section#interview .profile .credits {
        margin-bottom: 100px;
        font-size: 12px;
        line-height: 31px;
        letter-spacing: .1em;
        text-align: center;
        font-family: 'ZonaPro-Regular';
        font-weight: lighter; }
      .container #monthly-special section#interview .profile .find-store {
        position: relative;
        margin: 0 auto;
        height: 50px;
        width: 400px;
        line-height: 50px;
        background-color: #e50012;
        border-radius: 50px;
        font-size: 15px;
        letter-spacing: .1em; }
        .container #monthly-special section#interview .profile .find-store:hover a {
          opacity: .5; }
        .container #monthly-special section#interview .profile .find-store a {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          color: #ffffff;
          font-weight: bold;
          text-align: center;
          transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }
    .container #monthly-special section#past-contents {
      padding-top: 0;
      background-color: #f1f1f1; }
      .container #monthly-special section#past-contents h2 {
        margin: 0 auto 50px auto;
        width: 167.234px; }
      .container #monthly-special section#past-contents .topics-wrapper {
        margin: 0 auto 50px auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 1080px;
        transition: height 1s ease; }
        .container #monthly-special section#past-contents .topics-wrapper.hidden {
          height: 0;
          overflow: hidden; }
        .container #monthly-special section#past-contents .topics-wrapper .topics-wrapper-inner {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between;
          width: 100%; }
        .container #monthly-special section#past-contents .topics-wrapper .topics {
          position: relative;
          width: 30%; }
          .container #monthly-special section#past-contents .topics-wrapper .topics:hover .topics-cover {
            opacity: 1; }
            .container #monthly-special section#past-contents .topics-wrapper .topics:hover .topics-cover .border {
              transform: translate3d(0, 0, 0) !important; }
            .container #monthly-special section#past-contents .topics-wrapper .topics:hover .topics-cover .topics-cover-arrow img {
              opacity: 1;
              transform: translate3d(0, 0, 0); }
          .container #monthly-special section#past-contents .topics-wrapper .topics:hover .topics-img {
            transform: scale(1.05); }
          .container #monthly-special section#past-contents .topics-wrapper .topics a {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 2; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-inner {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: #ffffff; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-date, .container #monthly-special section#past-contents .topics-wrapper .topics .topics-new {
            position: absolute;
            top: -15px;
            font-size: 10px; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-new {
            left: 0;
            font-family: 'ZonaPro-Bold';
            color: #e50012; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-date {
            right: 0;
            font-family: 'ZonaPro-Regular'; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            opacity: 0;
            transform: translate3d(-50%, -50%, 0);
            z-index: 1;
            transition: all .5s ease;
            overflow: hidden; }
            .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .border {
              position: absolute;
              background-color: #000000;
              transition: transform .5s ease; }
              .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .border.border-top {
                top: 0;
                left: 0;
                height: 5px;
                width: 100%;
                transform: translate3d(0, -5px, 0); }
              .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .border.border-right {
                top: 0;
                right: 0;
                height: 100%;
                width: 5px;
                transform: translate3d(5px, 0, 0); }
              .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .border.border-bottom {
                bottom: 0;
                left: 0;
                height: 5px;
                width: 100%;
                transform: translate3d(0, 5px, 0); }
              .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .border.border-left {
                bottom: 0;
                left: 0;
                height: 100%;
                width: 5px;
                transform: translate3d(-5px, 0, 0); }
            .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .topics-cover-text {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 100%;
              font-size: 15px;
              font-family: 'ZonaPro-Bold';
              color: #ffffff;
              text-align: center;
              transform: translate3d(-50%, -50%, 0); }
            .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .topics-cover-arrow {
              position: absolute;
              top: 50%;
              right: 40px;
              width: 75px;
              transform: translate3d(0, -50%, 0); }
              .container #monthly-special section#past-contents .topics-wrapper .topics .topics-cover .topics-cover-arrow img {
                transform: translate3d(-25px, 0, 0);
                transition: opacity .5s ease, transform .5s ease; }
          .container #monthly-special section#past-contents .topics-wrapper .topics .topics-img {
            transition: transform .75s ease; }
            .container #monthly-special section#past-contents .topics-wrapper .topics .topics-img img {
              width: 100%; }

.container #monthly {
  padding-bottom: 65px;
  margin: 0 auto;
  width: 900px; }
  .container #monthly.special {
    padding-top: 100px;
    padding-bottom: 0; }
    .container #monthly.special section#main-img {
      position: relative;
      opacity: 0;
      transform: translate3d(-50%, -50%, 0); }
      .container #monthly.special section#main-img #special-feature, .container #monthly.special section#main-img #starring, .container #monthly.special section#main-img #special-title {
        position: absolute;
        z-index: 1; }
      .container #monthly.special section#main-img #special-feature {
        top: 25px;
        left: -40px;
        width: 193.193px; }
      .container #monthly.special section#main-img .img {
        width: 100%; }
    .container #monthly.special section#credits {
      padding-bottom: 65px; }
    .container #monthly.special section#pick-up-shoes, .container #monthly.special section#styling-point, .container #monthly.special section#middle, .container #monthly.special section#monthly-other-recommended, .container #monthly.special section#credits {
      position: relative;
      z-index: 2; }
      .container #monthly.special section#pick-up-shoes div, .container #monthly.special section#pick-up-shoes p, .container #monthly.special section#styling-point div, .container #monthly.special section#styling-point p, .container #monthly.special section#middle div, .container #monthly.special section#middle p, .container #monthly.special section#monthly-other-recommended div, .container #monthly.special section#monthly-other-recommended p, .container #monthly.special section#credits div, .container #monthly.special section#credits p {
        position: relative;
        z-index: 1; }
    .container #monthly.special section#pick-up-shoes .pick-up-title {
      position: relative;
      margin: 0 auto 50px auto; }
      .container #monthly.special section#pick-up-shoes .pick-up-title.active::before {
        width: 100%; }
      .container #monthly.special section#pick-up-shoes .pick-up-title img {
        position: relative;
        z-index: 1; }
      .container #monthly.special section#pick-up-shoes .pick-up-title::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        height: 10px;
        width: 0;
        background-color: #ffffff;
        transform: translate3d(-50%, 0, 0);
        transition: width .5s ease .5s; }
    .container #monthly.special section#pick-up-shoes .img-wrapper {
      width: 900px; }
    .container #monthly.special section#pick-up-shoes .icon {
      position: absolute;
      top: -30px;
      left: 20px;
      width: 232.99px;
      z-index: 2; }
    .container #monthly.special section#styling-point {
      -ms-flex-align: initial;
          align-items: initial; }
      .container #monthly.special section#styling-point.center {
        -ms-flex-align: center;
            align-items: center; }
      .container #monthly.special section#styling-point #styling-point-text .icon {
        position: relative;
        margin-bottom: 40px;
        top: auto;
        left: auto;
        width: auto; }
    .container #monthly.special section#monthly-other-recommended {
      padding-top: 40px; }
      .container #monthly.special section#monthly-other-recommended #monthly-other-recommended-title {
        position: relative;
        margin: 0 auto 50px auto;
        padding-bottom: 14px;
        width: 588.015px; }
        .container #monthly.special section#monthly-other-recommended #monthly-other-recommended-title.active::before {
          width: 100%; }
        .container #monthly.special section#monthly-other-recommended #monthly-other-recommended-title::before {
          position: absolute;
          display: block;
          content: '';
          bottom: 0;
          left: 50%;
          height: 1px;
          width: 0;
          background-color: #000000;
          transform: translate3d(-50%, 0, 0);
          transition: width .5s ease; }
      .container #monthly.special section#monthly-other-recommended #monthly-other-recommended-subtitle {
        margin: 0 auto 50px auto; }
    .container #monthly.special section.ace-stars.back-all::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 200px;
      width: 100vw;
      transform: translate3d(-50%, -50%, 0); }
    .container #monthly.special section.ace-stars.back-top::after {
      content: '';
      position: absolute;
      bottom: 50%;
      left: 50%;
      height: 100px;
      width: 100vw;
      transform: translate3d(-50%, 0, 0); }
    .container #monthly.special section.ace-stars.back-bottom::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100px;
      width: 100vw;
      transform: translate3d(-50%, 0, 0); }
    .container #monthly.special section.ace-stars img {
      position: relative;
      z-index: 1; }
    .container #monthly.special section .stylist-comment {
      margin-bottom: 35px; }
    .container #monthly.special section .starring-interview {
      margin-bottom: 35px; }
    .container #monthly.special.special01 section #title1 {
      width: 288.676px; }
    .container #monthly.special.special01 section #title2 {
      width: 308.766px; }
    .container #monthly.special.special01 section #title3 {
      width: 316.786px; }
    .container #monthly.special.special01 section #monthly-other-recommended-subtitle {
      width: 372.334px; }
    .container #monthly.special.special01 section#styling-point #styling-point-title {
      position: relative;
      padding-bottom: 35px;
      margin: 0 auto 35px auto;
      width: 401.519px; }
      .container #monthly.special.special01 section#styling-point #styling-point-title.active::before {
        width: 100%; }
      .container #monthly.special.special01 section#styling-point #styling-point-title.active::after {
        width: 145px; }
      .container #monthly.special.special01 section#styling-point #styling-point-title::before {
        position: absolute;
        bottom: 35px;
        left: 50%;
        content: '';
        height: 22px;
        width: 0;
        background-color: #ffffff;
        transform: translate3d(-50%, 0, 0);
        transition: width 1s ease; }
      .container #monthly.special.special01 section#styling-point #styling-point-title::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        height: 1px;
        width: 0;
        background-color: #000000;
        transform: translate3d(-50%, 0, 0);
        transition: width .5s ease; }
      .container #monthly.special.special01 section#styling-point #styling-point-title img {
        position: relative;
        z-index: 1; }
    .container #monthly.special.special01 section#styling-point #styling-point-video {
      margin-bottom: 85px; }
    .container #monthly.special.special01 section#styling-point #styling-point-text .icon {
      width: 302.342px; }
    .container #monthly.special.special01 section#styling-point .block.center {
      text-align: center; }
      .container #monthly.special.special01 section#styling-point .block.center p {
        color: #000000; }
    .container #monthly.special.special01 section.ace-stars.ace-stars-green.back-top::after {
      background-color: #96DCD2 !important; }
    .container #monthly.special.special01 section.ace-stars.ace-stars-green::before {
      background-color: #96DCD2; }
    .container #monthly.special.special01 section.ace-stars.ace-stars-pink.back-top::after {
      background-color: #FFC8C8; }
    .container #monthly.special.special01 section.ace-stars.ace-stars-pink::before {
      background-color: #FFC8C8; }
    .container #monthly.special.special01 section.ace-stars.ace-stars-white::before {
      background-color: #ffffff; }
    .container #monthly.special.special01 section.green::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100vw;
      background-color: #96DCD2;
      transform: translate3d(-50%, -50%, 0); }
    .container #monthly.special.special01 section.pink::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100vw;
      background-color: #FFC8C8;
      transform: translate3d(-50%, -50%, 0); }
    .container #monthly.special.special01 section.white::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100vw;
      background-color: #ffffff;
      transform: translate3d(-50%, -50%, 0); }
    .container #monthly.special.special01 section .stylist-comment {
      width: 302.342px; }
    .container #monthly.special.special01 section .starring-interview {
      width: 271.646px; }
    .container #monthly.special .main-video {
      margin: 0 auto;
      width: 420px; }
  .container #monthly.special01 #starring {
    left: -40px;
    bottom: 19px;
    width: 122.649px;
    opacity: 0; }
  .container #monthly.special01 #special-feature {
    opacity: 0; }
  .container #monthly.special01 #special-title {
    top: 10px;
    padding: 0;
    right: -80px;
    width: 117.039px;
    opacity: 0; }
  .container #monthly .anim {
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition: all .75s ease; }
    .container #monthly .anim.active {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .container #monthly p {
    word-wrap: initial; }
  .container #monthly h2 {
    padding: 50px 0 35px 0;
    text-align: center; }
    .container #monthly h2 span {
      display: block; }
    .container #monthly h2 .tag {
      margin-bottom: 15px;
      font-size: 15px;
      font-family: 'ZonaPro-Bold';
      letter-spacing: 1px; }
    .container #monthly h2 .title {
      margin: 0 auto; }
      .container #monthly h2 .title img {
        width: 496.19px; }
    .container #monthly h2 .line {
      margin: 25px auto;
      height: 1px;
      width: 494px;
      background-color: #000000; }
    .container #monthly h2 .starring {
      margin: 0 auto; }
      .container #monthly h2 .starring#s01 img {
        width: 124.17px; }
  .container #monthly section {
    position: relative;
    padding: 0; }
    .container #monthly section .icon {
      position: absolute; }
    .container #monthly section .block {
      margin-bottom: 40px; }
      .container #monthly section .block:last-child {
        margin-bottom: 0; }
      .container #monthly section .block p {
        font-size: 14px;
        font-family: 'Noto Sans Japanese';
        line-height: 21px;
        letter-spacing: 1px; }
        .container #monthly section .block p.bold {
          font-weight: bold; }
    .container #monthly section.ace-stars {
      margin: 60px auto;
      text-align: center; }
      .container #monthly section.ace-stars img {
        display: block;
        margin: 0 auto;
        width: 72.619px; }
    .container #monthly section#pick-up-shoes .icon {
      top: -51px;
      left: 113px;
      width: 169.43px; }
    .container #monthly section#pick-up-shoes .img-wrapper {
      margin: 0 auto 25px auto;
      width: 500px; }
    .container #monthly section#pick-up-shoes #pick-up-shoes-desc {
      font-size: 12px;
      line-height: 21px;
      font-family: 'ZonaPro-Bold';
      text-align: center; }
    .container #monthly section#styling-point {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .container #monthly section#styling-point .block p {
        line-height: 25.5px; }
      .container #monthly section#styling-point #styling-point-text {
        position: relative;
        width: 412px; }
        .container #monthly section#styling-point #styling-point-text .icon {
          top: -95px;
          left: -65px;
          width: 159px; }
      .container #monthly section#styling-point #styling-point-video {
        margin-bottom: 20px;
        width: 420px; }
        .container #monthly section#styling-point #styling-point-video #styling-point-video-wrapper {
          background-color: #000000; }
          .container #monthly section#styling-point #styling-point-video #styling-point-video-wrapper video {
            margin: 0 auto;
            display: block;
            width: 351.563px; }
    .container #monthly section#middle .img-wrapper {
      position: relative;
      margin-bottom: 50px; }
      .container #monthly section#middle .img-wrapper.double {
        height: 493.333px; }
        .container #monthly section#middle .img-wrapper.double .img {
          position: absolute;
          width: 500px; }
          .container #monthly section#middle .img-wrapper.double .img:nth-child(1) {
            bottom: 0;
            left: 0;
            z-index: 1; }
          .container #monthly section#middle .img-wrapper.double .img:nth-child(2) {
            top: 0;
            right: 0; }
    .container #monthly section#monthly-other-recommended .icon {
      top: -45px;
      left: 0;
      width: 233.694px; }
    .container #monthly section#monthly-other-recommended .img-wrapper {
      margin-bottom: 25px; }
    .container #monthly section#monthly-other-recommended #monthly-other-recommended-text {
      font-size: 12px;
      font-family: 'ZonaPro-Bold';
      line-height: 21px;
      text-align: center; }
      .container #monthly section#monthly-other-recommended #monthly-other-recommended-text .bold {
        font-family: 'ZonaPro-Black'; }
    .container #monthly section#credits p {
      font-size: 12px;
      line-height: 31px;
      text-align: center; }

.container .content {
  margin-top: 70px;
  width: 100%;
  overflow-x: hidden; }
  .container .content.transform {
    transform: translateX(-100%); }
  .container .content img {
    width: 100%; }

.container #top {
  position: relative;
  padding: 0;
  height: 680px;
  width: 100%;
  background-color: #fffafb;
  cursor: pointer; }
  .container #top .top-inner {
    position: relative;
    margin: 0 auto;
    height: 100%;
    max-width: 1215px; }
  .container #top .image {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-size: cover;
    background-position: bottom;
    transform: translate3d(-50%, -50%, 0);
    transition: transform 12s linear, opacity 2.5s ease; }
    .container #top .image.active {
      transform: translate3d(-50%, -50%, 0) scale(1);
      opacity: 1;
      z-index: 1; }
    .container #top .image a {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      transition: opacity .5s ease; }
      .container #top .image a:hover {
        opacity: .8; }
  .container #top .image1 {
    background-image: url(/dist/img/houyhnhnm/1.jpg); }
  .container #top .image2 {
    background-image: url(/dist/img/journal03/banner.jpg); }
  .container #top .image3 {
    background-image: url(/dist/img/houyhnhnm/2.jpg); }
  .container #top .image4 {
    background-image: url(/dist/img/top/slide/1.jpg); }
  .container #top .image5 {
    background-image: url(/dist/img/top/slide/2.jpg); }
  .container #top .image6 {
    background-image: url(/dist/img/top/slide/3.jpg); }
  .container #top .image7 {
    background-image: url(/dist/img/top/slide/4.jpg); }
  .container #top .image8 {
    background-image: url(/dist/img/top/slide/5.jpg); }
  .container #top .image9 {
    background-image: url(/dist/img/top/slide/6.jpg); }
  .container #top .image10 {
    background-image: url(/dist/img/top/slide/7.jpg);
    cursor: default; }
    .container #top .image10:hover {
      opacity: 1; }
  .container #top .image11 {
    background-image: url(/dist/img/top/slide/8.jpg); }
  .container #top .image12 {
    background-image: url(/dist/img/top/slide/9.jpg); }
  .container #top .image13 {
    background-image: url(/dist/img/top/slide/10.jpg); }
  .container #top .image14 {
    background-image: url(/dist/img/top/slide/12.jpg); }
  .container #top .image15 {
    background-image: url(/dist/img/top/slide/13.jpg); }
  .container #top .image16 {
    background-image: url(/dist/img/top/slide/14.jpg); }

.container #insta, .container #information {
  position: relative;
  margin: 0 auto; }

.container #insta .insta-wrapper, .container #information .insta-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto 35px auto;
  padding-bottom: 20px;
  width: 975px; }
  .container #insta .insta-wrapper::after, .container #information .insta-wrapper::after {
    content: "";
    display: block;
    width: 475px; }

.container #insta .insta-wrapper .insta-column, .container #information .insta-wrapper .insta-column {
  position: relative;
  margin-bottom: 30px;
  width: 225px;
  cursor: pointer; }
  .container #insta .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover, .container #information .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover {
    opacity: 1; }
    .container #insta .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover .border, .container #information .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover .border {
      transform: translate3d(0, 0, 0) !important; }
    .container #insta .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover .img-wrapper-cover-arrow img, .container #information .insta-wrapper .insta-column:hover .img-wrapper .img-wrapper-cover .img-wrapper-cover-arrow img {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .container #insta .insta-wrapper .insta-column:hover .img-wrapper .img, .container #information .insta-wrapper .insta-column:hover .img-wrapper .img {
    transform: translate3d(-50%, -50%, 0) scale(1.05); }

.container #insta .insta-wrapper .insta-column .img-wrapper .fixed, .container #information .insta-wrapper .insta-column .img-wrapper .fixed {
  position: absolute;
  bottom: 0; }

.container #insta .insta-wrapper .insta-column .img-wrapper .transform, .container #information .insta-wrapper .insta-column .img-wrapper .transform {
  height: 283px;
  width: auto;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.container #insta .insta-wrapper .insta-column .date, .container #insta .insta-wrapper .insta-column .caption {
  display: none; }

.container #topics .section-title {
  margin-bottom: 45px; }

.container #topics .topics-wrapper {
  margin: 0 auto 50px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 975px;
  transition: height 1s ease; }
  .container #topics .topics-wrapper.hidden {
    height: 0;
    overflow: hidden; }
  .container #topics .topics-wrapper .topics-wrapper-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%; }
  .container #topics .topics-wrapper .topics {
    position: relative;
    margin-bottom: 50px;
    height: 255px;
    width: 460px; }
    .container #topics .topics-wrapper .topics:nth-last-child(1), .container #topics .topics-wrapper .topics:nth-last-child(2) {
      margin-bottom: 0; }
    .container #topics .topics-wrapper .topics:hover .topics-cover {
      opacity: 1; }
      .container #topics .topics-wrapper .topics:hover .topics-cover .border {
        transform: translate3d(0, 0, 0) !important; }
      .container #topics .topics-wrapper .topics:hover .topics-cover .topics-cover-arrow img {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
    .container #topics .topics-wrapper .topics:hover .topics-img {
      transform: scale(1.05); }
    .container #topics .topics-wrapper .topics a {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 2; }
    .container #topics .topics-wrapper .topics .topics-inner {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      width: 100%;
      overflow: hidden;
      background-color: #ffffff; }
    .container #topics .topics-wrapper .topics .topics-date, .container #topics .topics-wrapper .topics .topics-new {
      position: absolute;
      top: -15px;
      font-size: 10px; }
    .container #topics .topics-wrapper .topics .topics-new {
      left: 0;
      font-family: 'ZonaPro-Bold';
      color: #e50012; }
    .container #topics .topics-wrapper .topics .topics-date {
      right: 0;
      font-family: 'ZonaPro-Regular'; }
    .container #topics .topics-wrapper .topics .topics-cover {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      opacity: 0;
      transform: translate3d(-50%, -50%, 0);
      z-index: 1;
      transition: all .5s ease;
      overflow: hidden; }
      .container #topics .topics-wrapper .topics .topics-cover .border {
        position: absolute;
        background-color: #000000;
        transition: transform .5s ease; }
        .container #topics .topics-wrapper .topics .topics-cover .border.border-top {
          top: 0;
          left: 0;
          height: 5px;
          width: 100%;
          transform: translate3d(0, -5px, 0); }
        .container #topics .topics-wrapper .topics .topics-cover .border.border-right {
          top: 0;
          right: 0;
          height: 100%;
          width: 5px;
          transform: translate3d(5px, 0, 0); }
        .container #topics .topics-wrapper .topics .topics-cover .border.border-bottom {
          bottom: 0;
          left: 0;
          height: 5px;
          width: 100%;
          transform: translate3d(0, 5px, 0); }
        .container #topics .topics-wrapper .topics .topics-cover .border.border-left {
          bottom: 0;
          left: 0;
          height: 100%;
          width: 5px;
          transform: translate3d(-5px, 0, 0); }
      .container #topics .topics-wrapper .topics .topics-cover .topics-cover-text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        font-size: 15px;
        font-family: 'ZonaPro-Bold';
        color: #ffffff;
        text-align: center;
        transform: translate3d(-50%, -50%, 0); }
      .container #topics .topics-wrapper .topics .topics-cover .topics-cover-arrow {
        position: absolute;
        top: 50%;
        right: 40px;
        width: 75px;
        transform: translate3d(0, -50%, 0); }
        .container #topics .topics-wrapper .topics .topics-cover .topics-cover-arrow img {
          transform: translate3d(-25px, 0, 0);
          transition: opacity .5s ease, transform .5s ease; }
    .container #topics .topics-wrapper .topics .topics-img {
      transition: transform .75s ease; }
      .container #topics .topics-wrapper .topics .topics-img img {
        width: 100%; }

.container #insta article {
  display: none; }

.container #information .date {
  margin-bottom: 10px;
  font-size: 11px;
  font-family: 'ZonaPro-Regular';
  text-align: right; }

.container #information .caption {
  bottom: 0;
  font-size: 10px; }

.container #information #sb_instagram {
  display: none; }

.container #stores, .container .map-overlay {
  padding-top: 70px;
  padding-bottom: 0 !important; }

.container #stores .store, .container .map-overlay .store {
  position: relative;
  padding: 15px 5%;
  border-bottom: 1px solid rgba(229, 0, 18, 0.07);
  transition: all 0.25s ease;
  cursor: pointer; }

.container #stores .store .urgent {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 10px 0 10px;
  font-size: 13px;
  color: #ffffff;
  background-color: #e50012; }

.container #stores .store.active, .container .map-overlay .store.active {
  background-color: rgba(229, 0, 18, 0.07); }

.container #stores .store.transform, .container .map-overlay .store.transform {
  transform: translateX(0); }

.container #stores .store .store-distanse, .container .map-overlay .store .store-distanse {
  position: absolute;
  top: 15px;
  right: 5%;
  height: 15px;
  width: 90px;
  line-height: 16px;
  background-color: #e50012;
  color: white;
  text-align: center;
  font-size: 10px;
  overflow: hidden; }

.container #stores .store .store-distanse span, .container .map-overlay .store .store-distanse span {
  position: relative;
  animation: distanseAnimation 3s infinite; }

.container #stores .store p, .container .map-overlay .store p {
  font-size: 12.5px;
  line-height: 20px; }

.container #stores .store .store-map-icon, .container #stores .store .share-map {
  position: absolute;
  bottom: 10px;
  right: 20px;
  height: 15px;
  font-size: 12.5px;
  color: #e50012; }

.container .map-overlay .store .store-map-icon, .container .map-overlay .store .share-map {
  position: absolute;
  bottom: 10px;
  right: 20px;
  height: 15px;
  font-size: 12.5px;
  color: #e50012; }

.container #stores .store .store-map-icon img, .container #stores .store .share-map img {
  width: 6px;
  margin-left: 5px;
  vertical-align: baseline; }

.container .map-overlay .store .store-map-icon img, .container .map-overlay .store .share-map img {
  width: 6px;
  margin-left: 5px;
  vertical-align: baseline; }

.container #stores .store .store-map-icon a, .container #stores .store .share-map a {
  color: #e50012; }

.container .map-overlay .store .store-map-icon a, .container .map-overlay .store .share-map a {
  color: #e50012; }

.container #stores .store:last-child, .container .map-overlay .store:last-child {
  margin-bottom: 0; }

.container #stores {
  height: 100%; }
  .container #stores .note {
    margin: 20px 0;
    padding: 0 5%;
    line-height: 17px;
    font-size: 10px;
    text-align: center; }
  .container #stores .store-wrapper {
    float: left;
    height: 100%;
    width: 27%;
    overflow: hidden; }
    .container #stores .store-wrapper .store-wrapper-inner {
      overflow: scroll;
      padding-bottom: 15px; }

.container #five-days-1 {
  padding: 70px 0 50px 0;
  background: #ffecf3;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffecf3, #fff2e3, #f4f8ed);
  /* Standard syntax */ }
  .container #five-days-1 .banner {
    height: 600px;
    width: 100%;
    min-width: 1000px;
    background-image: url(/dist/img/5days_banner.jpg);
    background-size: cover;
    background-position: center; }
    .container #five-days-1 .banner .invisible {
      width: 100%;
      visibility: hidden; }
  .container #five-days-1.scroll {
    height: 100%;
    width: 101%;
    overflow: scroll; }
  .container #five-days-1 .days {
    height: 3000px;
    width: 1220px;
    min-width: 1000px;
    margin: 0 auto;
    padding-top: 100px;
    overflow: hidden; }
    .container #five-days-1 .days .day-section {
      position: relative; }
      .container #five-days-1 .days .day-section:nth-child(1) {
        top: 50px; }
      .container #five-days-1 .days .day-section:nth-child(2) {
        top: 350px; }
        .container #five-days-1 .days .day-section:nth-child(2) .day-text {
          top: 450px; }
      .container #five-days-1 .days .day-section:nth-child(3) {
        top: 1000px; }
        .container #five-days-1 .days .day-section:nth-child(3) .day-text {
          top: 25px; }
      .container #five-days-1 .days .day-section:nth-child(4) {
        top: 825px; }
        .container #five-days-1 .days .day-section:nth-child(4) .day-text {
          top: 800px; }
      .container #five-days-1 .days .day-section:nth-child(5) {
        top: 1500px; }
        .container #five-days-1 .days .day-section:nth-child(5) .day-text {
          top: -150px; }
      .container #five-days-1 .days .day-section:nth-child(odd) .img-wrapper {
        float: left;
        left: 100px; }
        .container #five-days-1 .days .day-section:nth-child(odd) .img-wrapper .day-text {
          right: 25%; }
      .container #five-days-1 .days .day-section:nth-child(even) .img-wrapper {
        float: right;
        right: 100px; }
        .container #five-days-1 .days .day-section:nth-child(even) .img-wrapper .day-text {
          left: 25%; }
      .container #five-days-1 .days .day-section:last-of-type {
        margin-bottom: -200px; }
    .container #five-days-1 .days .day-text {
      position: absolute;
      z-index: 10; }
    .container #five-days-1 .days .day-text01 {
      top: 80%;
      width: 249px; }
    .container #five-days-1 .days .day-text02 {
      top: 105%;
      width: 241px; }
    .container #five-days-1 .days .day-text03 {
      top: 130%;
      width: 240px; }
    .container #five-days-1 .days .day-text04 {
      top: 180%;
      width: 251px; }
    .container #five-days-1 .days .day-text05 {
      top: 205%;
      width: 248px; }
  .container #five-days-1 .white-line {
    width: 1061px;
    margin: -60px auto 10px auto; }
  .container #five-days-1 .pick-up-item {
    width: 630px;
    margin: 0 auto; }
    .container #five-days-1 .pick-up-item h2 {
      margin-bottom: 30px; }
    .container #five-days-1 .pick-up-item .img-wrapper {
      margin-bottom: 15px; }
      .container #five-days-1 .pick-up-item .img-wrapper img {
        width: 100%; }
    .container #five-days-1 .pick-up-item .name {
      text-align: center;
      font-size: 15px;
      height: 20px;
      line-height: 20px; }
  .container #five-days-1 .show-more {
    position: relative;
    margin-top: 20px;
    background-color: #e50012; }

.container #five-days-2 {
  width: 100%;
  box-sizing: border-box;
  padding: 70px 0 50px 0;
  background: rgba(92, 201, 255, 0.1);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(92, 201, 255, 0.1), rgba(210, 161, 255, 0.1));
  /* Standard syntax */ }
  .container #five-days-2 .banner {
    height: 600px;
    width: 100%;
    min-width: 1000px;
    background-image: url(/dist/img/5days/02/top.jpg);
    background-size: cover;
    background-position: center; }
    .container #five-days-2 .banner .invisible {
      width: 100%;
      visibility: hidden; }
  .container #five-days-2.scroll {
    height: 100%;
    width: 101%;
    overflow: scroll; }
  .container #five-days-2 .days {
    height: 3300px;
    width: 1000px;
    margin: 0 auto;
    padding-top: 50px; }
    .container #five-days-2 .days .day-section {
      position: relative; }
      .container #five-days-2 .days .day-section .img-wrapper {
        position: relative;
        width: 600px; }
        .container #five-days-2 .days .day-section .img-wrapper .gif, .container #five-days-2 .days .day-section .img-wrapper .invisible {
          width: 100%; }
        .container #five-days-2 .days .day-section .img-wrapper .gif {
          position: absolute;
          top: 0;
          width: 100%; }
        .container #five-days-2 .days .day-section .img-wrapper .invisible {
          visibility: hidden; }
      .container #five-days-2 .days .day-section .text-wrapper {
        position: relative;
        height: 600px;
        width: 350px; }
        .container #five-days-2 .days .day-section .text-wrapper .text-wrapper-inner {
          position: absolute;
          bottom: 0;
          left: 0; }
        .container #five-days-2 .days .day-section .text-wrapper .title, .container #five-days-2 .days .day-section .text-wrapper .shoes-name, .container #five-days-2 .days .day-section .text-wrapper .check-in-store {
          width: 100%;
          text-align: center; }
        .container #five-days-2 .days .day-section .text-wrapper .title {
          margin-bottom: 30px; }
        .container #five-days-2 .days .day-section .text-wrapper .shoes {
          opacity: 0;
          transition: all .75s ease-out; }
        .container #five-days-2 .days .day-section .text-wrapper .shoes, .container #five-days-2 .days .day-section .text-wrapper .shoes-name {
          margin-bottom: 20px; }
        .container #five-days-2 .days .day-section .text-wrapper .caption, .container #five-days-2 .days .day-section .text-wrapper .shoes-name {
          font-size: 13px;
          line-height: 26px;
          font-family: "Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA", sans-serif; }
      .container #five-days-2 .days .day-section:nth-child(1) .title img {
        width: 147px; }
      .container #five-days-2 .days .day-section:nth-child(1) .shoes {
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0); }
        .container #five-days-2 .days .day-section:nth-child(1) .shoes img {
          width: 350px; }
      .container #five-days-2 .days .day-section:nth-child(1) .check-in-store img {
        width: 222px; }
      .container #five-days-2 .days .day-section:nth-child(2) {
        top: 50px; }
        .container #five-days-2 .days .day-section:nth-child(2) .title img {
          width: 131px; }
        .container #five-days-2 .days .day-section:nth-child(2) .caption {
          margin-bottom: 15px; }
        .container #five-days-2 .days .day-section:nth-child(2) .shoes {
          transform: translate3d(-50px, 0, 0);
          -webkit-transform: translate3d(-50px, 0, 0); }
          .container #five-days-2 .days .day-section:nth-child(2) .shoes img {
            width: 350px; }
        .container #five-days-2 .days .day-section:nth-child(2) .check-in-store img {
          width: 222px; }
      .container #five-days-2 .days .day-section:nth-child(3) {
        top: 100px; }
        .container #five-days-2 .days .day-section:nth-child(3) .title img {
          width: 87px; }
        .container #five-days-2 .days .day-section:nth-child(3) .caption {
          margin-bottom: 15px; }
        .container #five-days-2 .days .day-section:nth-child(3) .shoes {
          transform: translate3d(50px, 0, 0);
          -webkit-transform: translate3d(50px, 0, 0); }
          .container #five-days-2 .days .day-section:nth-child(3) .shoes img {
            width: 350px; }
        .container #five-days-2 .days .day-section:nth-child(3) .check-in-store img {
          width: 222px; }
      .container #five-days-2 .days .day-section:nth-child(4) {
        top: 150px; }
        .container #five-days-2 .days .day-section:nth-child(4) .title img {
          width: 96px; }
        .container #five-days-2 .days .day-section:nth-child(4) .caption {
          margin-bottom: 15px; }
        .container #five-days-2 .days .day-section:nth-child(4) .shoes {
          transform: translate3d(-50px, 0, 0);
          -webkit-transform: translate3d(-50px, 0, 0); }
          .container #five-days-2 .days .day-section:nth-child(4) .shoes img {
            width: 350px; }
        .container #five-days-2 .days .day-section:nth-child(4) .check-in-store img {
          width: 222px; }
      .container #five-days-2 .days .day-section:nth-child(5) {
        top: 200px; }
        .container #five-days-2 .days .day-section:nth-child(5) .title img {
          width: 96px; }
        .container #five-days-2 .days .day-section:nth-child(5) .shoes {
          transform: translate3d(50px, 0, 0);
          -webkit-transform: translate3d(50px, 0, 0); }
          .container #five-days-2 .days .day-section:nth-child(5) .shoes img {
            width: 350px; }
        .container #five-days-2 .days .day-section:nth-child(5) .check-in-store img {
          width: 222px; }
      .container #five-days-2 .days .day-section:nth-child(odd) .img-wrapper {
        float: left;
        left: 0; }
        .container #five-days-2 .days .day-section:nth-child(odd) .img-wrapper .gif {
          left: 0; }
        .container #five-days-2 .days .day-section:nth-child(odd) .img-wrapper .day-text {
          right: 0; }
      .container #five-days-2 .days .day-section:nth-child(odd) .text-wrapper {
        float: right;
        right: 0; }
      .container #five-days-2 .days .day-section:nth-child(even) .img-wrapper {
        float: right;
        right: 0; }
        .container #five-days-2 .days .day-section:nth-child(even) .img-wrapper .gif {
          right: 0; }
        .container #five-days-2 .days .day-section:nth-child(even) .img-wrapper .day-text {
          left: 0; }
      .container #five-days-2 .days .day-section:nth-child(even) .text-wrapper {
        float: left;
        left: 0; }
      .container #five-days-2 .days .day-section:last-of-type {
        margin-bottom: -200px; }
      .container #five-days-2 .days .day-section.visible .shoes {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important; }
    .container #five-days-2 .days .day-text {
      position: absolute;
      z-index: 10;
      opacity: 0;
      transform: translate3d(0, 30px, 0);
      -webkit-transform: translate3d(0, 30px, 0);
      transition: opacity 1s ease, transform 2s ease; }
      .container #five-days-2 .days .day-text .day-text-inner {
        position: relative;
        height: 100%;
        width: 100%; }
    .container #five-days-2 .days .day-text01 {
      top: 24.18px;
      height: 551.65px;
      width: 308.55px; }
      .container #five-days-2 .days .day-text01 a {
        right: 0;
        bottom: 172px; }
    .container #five-days-2 .days .day-text02 {
      top: -3.4px;
      height: 606.9px;
      width: 306px; }
      .container #five-days-2 .days .day-text02 a {
        left: 0;
        bottom: 186px; }
    .container #five-days-2 .days .day-text03 {
      top: 11px;
      height: 578px;
      width: 357px; }
      .container #five-days-2 .days .day-text03 a {
        right: 0;
        bottom: 153px; }
    .container #five-days-2 .days .day-text04 {
      top: 2.5px;
      height: 595px;
      width: 329.8px; }
      .container #five-days-2 .days .day-text04 a {
        left: 11px;
        bottom: 172px; }
    .container #five-days-2 .days .day-text05 {
      top: 4px;
      height: 592.4px;
      width: 307.7px; }
      .container #five-days-2 .days .day-text05 a {
        right: 0px;
        bottom: 169px; }
  .container #five-days-2 .white-line {
    width: 1061px;
    margin: -60px auto 10px auto; }
  .container #five-days-2 .pick-up-item {
    width: 630px;
    margin: 0 auto; }
    .container #five-days-2 .pick-up-item h2 {
      margin-bottom: 30px; }
    .container #five-days-2 .pick-up-item .img-wrapper {
      margin-bottom: 15px; }
      .container #five-days-2 .pick-up-item .img-wrapper img {
        width: 100%; }
    .container #five-days-2 .pick-up-item .name {
      text-align: center;
      font-size: 15px;
      height: 20px;
      line-height: 20px; }
  .container #five-days-2 .show-more {
    position: relative;
    margin-top: 20px;
    background-color: #e50012; }

.container #journal02 {
  margin-top: 70px;
  width: 100%;
  font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
  font-weight: bold;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity .5s ease; }
  .container #journal02.active {
    opacity: 1; }
  .container #journal02 img {
    width: 100%; }
  .container #journal02 .section-wrapper {
    width: 100%; }
    .container #journal02 .section-wrapper .image-section {
      position: fixed;
      top: 70px;
      left: 0;
      width: 100%;
      z-index: 1; }
      .container #journal02 .section-wrapper .image-section.invisible {
        visibility: hidden; }
      .container #journal02 .section-wrapper .image-section .image-section-inner {
        position: relative;
        width: 1100px;
        margin: 0 auto; }
        .container #journal02 .section-wrapper .image-section .image-section-inner .section-image {
          position: absolute;
          left: 0;
          height: 0;
          width: 100%;
          overflow: hidden;
          transition: height .5s ease-in-out; }
          .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(1) {
            z-index: 1; }
          .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(2) {
            top: 0;
            bottom: initial !important;
            background-image: url(/dist/img/journal02/patrick/main.jpg);
            background-size: cover;
            background-position: top;
            z-index: 2; }
            .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(2) img {
              visibility: hidden; }
          .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(3) {
            z-index: 3; }
          .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(4) {
            top: 0;
            bottom: initial !important;
            background-image: url(/dist/img/journal02/converse/main.jpg);
            background-size: cover;
            background-position: top;
            z-index: 4; }
            .container #journal02 .section-wrapper .image-section .image-section-inner .section-image:nth-child(4) img {
              visibility: hidden; }
          .container #journal02 .section-wrapper .image-section .image-section-inner .section-image img {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%; }
      .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10; }
        .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc {
          position: absolute;
          left: 10px;
          bottom: 10px;
          line-height: 14px;
          font-size: 11px;
          font-family: 'ZonaPro-Regular';
          color: #ffffff;
          opacity: 0;
          transition: opacity .5s ease; }
          .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc .bold {
            font-family: 'ZonaPro-Bold'; }
          .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc .small {
            font-size: 10px; }
          .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc:nth-child(2) {
            top: 10px;
            bottom: initial; }
          .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc:nth-child(3) {
            left: initial;
            right: 10px; }
          .container #journal02 .section-wrapper .image-section .image-section-desc-wrapper .image-section-desc.active {
            opacity: 1; }
    .container #journal02 .section-wrapper .section-inner {
      width: 1100px;
      margin: 0 auto; }
    .container #journal02 .section-wrapper .section {
      position: relative;
      padding: 0;
      margin-bottom: 0;
      width: 100%;
      box-sizing: border-box;
      z-index: 2; }
      .container #journal02 .section-wrapper .section.shoes-section {
        z-index: 0; }
        .container #journal02 .section-wrapper .section.shoes-section .section-content-wrapper {
          margin: 0 0 0 auto; }
      .container #journal02 .section-wrapper .section .section-title {
        margin: initial; }
      .container #journal02 .section-wrapper .section .section-image {
        position: relative;
        width: 100%; }
      .container #journal02 .section-wrapper .section .shoes-index {
        font-size: 12px;
        font-family: 'ZonaPro-Regular'; }
        .container #journal02 .section-wrapper .section .shoes-index .bold {
          font-family: 'ZonaPro-Bold'; }
        .container #journal02 .section-wrapper .section .shoes-index .small {
          font-size: 11px; }
        .container #journal02 .section-wrapper .section .shoes-index .underline {
          text-decoration: underline; }
      .container #journal02 .section-wrapper .section .exclusive {
        position: absolute;
        width: 70.797px;
        z-index: 1; }
      .container #journal02 .section-wrapper .section .invisible {
        visibility: hidden; }
      .container #journal02 .section-wrapper .section .icon {
        position: absolute;
        z-index: 1; }
        .container #journal02 .section-wrapper .section .icon#ready-to-go-out {
          top: -50px;
          width: 238.665px; }
        .container #journal02 .section-wrapper .section .icon#hello-sunshine {
          top: -50px;
          width: 240.155px; }
        .container #journal02 .section-wrapper .section .icon#which-one-for-today {
          width: 240.843px; }
      .container #journal02 .section-wrapper .section#top {
        height: 100%;
        width: 100%; }
        .container #journal02 .section-wrapper .section#top #top-inner {
          height: 100%;
          width: 100%;
          background-color: #ffffff; }
          .container #journal02 .section-wrapper .section#top #top-inner #top-left, .container #journal02 .section-wrapper .section#top #top-inner #top-right {
            float: left;
            height: 100%;
            width: 50%; }
          .container #journal02 .section-wrapper .section#top #top-inner #top-left {
            position: relative;
            background-image: url("/dist/img/journal02/top/main.jpg");
            background-size: cover;
            background-position: center; }
            .container #journal02 .section-wrapper .section#top #top-inner #top-left #top-desc {
              position: absolute;
              left: 15px;
              bottom: 15px;
              color: #ffffff;
              font-size: 12px;
              font-family: 'ZonaPro-Regular'; }
              .container #journal02 .section-wrapper .section#top #top-inner #top-left #top-desc.bold {
                font-family: 'ZonaPro-Bold'; }
          .container #journal02 .section-wrapper .section#top #top-inner #top-right {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
            .container #journal02 .section-wrapper .section#top #top-inner #top-right #top-right-inner {
              position: relative; }
              .container #journal02 .section-wrapper .section#top #top-inner #top-right #top-right-inner h1 {
                width: 560px; }
              .container #journal02 .section-wrapper .section#top #top-inner #top-right #top-right-inner #top-scroll {
                position: absolute;
                left: 50%;
                width: 44.648px;
                bottom: -70px;
                transform: translate3d(-50%, 0, 0);
                animation: up-down 2s ease infinite; }
      .container #journal02 .section-wrapper .section#about {
        border-top: 20px solid #e50012;
        padding: 65px 0 100px 0;
        margin-bottom: initial; }
        .container #journal02 .section-wrapper .section#about .anim-box {
          opacity: 0;
          -webkit-transform-style: preserve-3d;
          transform: translate3d(0, 10px, 0);
          transition: opacity .5s ease, transform .5s ease; }
          .container #journal02 .section-wrapper .section#about .anim-box.active {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
        .container #journal02 .section-wrapper .section#about .section-inner {
          width: 770px;
          margin: 0 auto; }
          .container #journal02 .section-wrapper .section#about .section-inner .about-image {
            position: relative; }
            .container #journal02 .section-wrapper .section#about .section-inner .about-image .exclusive {
              top: 215px;
              right: 14px; }
            .container #journal02 .section-wrapper .section#about .section-inner .about-image .icon {
              left: 0; }
            .container #journal02 .section-wrapper .section#about .section-inner .about-image .about-desc {
              position: absolute;
              left: 0;
              bottom: -20px;
              font-size: 12px;
              font-family: 'ZonaPro-Regular';
              color: #000000; }
              .container #journal02 .section-wrapper .section#about .section-inner .about-image .about-desc .bold {
                font-family: 'ZonaPro-Bold'; }
              .container #journal02 .section-wrapper .section#about .section-inner .about-image .about-desc .small {
                font-size: 11px; }
          .container #journal02 .section-wrapper .section#about .section-inner #about-left, .container #journal02 .section-wrapper .section#about .section-inner #about-right {
            float: left;
            width: 360px; }
          .container #journal02 .section-wrapper .section#about .section-inner #about-left {
            padding-top: 100px;
            margin-right: 50px; }
            .container #journal02 .section-wrapper .section#about .section-inner #about-left .about-image:nth-child(1) {
              margin-bottom: 100px; }
          .container #journal02 .section-wrapper .section#about .section-inner #about-title {
            margin-bottom: 50px;
            width: 301.496px; }
          .container #journal02 .section-wrapper .section#about .section-inner #about-text {
            margin-bottom: 145px;
            line-height: 28px;
            font-size: 16px;
            font-weight: bold; }
      .container #journal02 .section-wrapper .section#happy-yellow .anim-box, .container #journal02 .section-wrapper .section#pink-blue .anim-box, .container #journal02 .section-wrapper .section#nike .anim-box, .container #journal02 .section-wrapper .section#patrick .anim-box, .container #journal02 .section-wrapper .section#vans .anim-box, .container #journal02 .section-wrapper .section#converse .anim-box {
        opacity: 0;
        -webkit-transform-style: preserve-3d;
        transform: translate3d(0, 10px, 0);
        transition: opacity .5s ease, transform .5s ease; }
        .container #journal02 .section-wrapper .section#happy-yellow .anim-box.active, .container #journal02 .section-wrapper .section#pink-blue .anim-box.active, .container #journal02 .section-wrapper .section#nike .anim-box.active, .container #journal02 .section-wrapper .section#patrick .anim-box.active, .container #journal02 .section-wrapper .section#vans .anim-box.active, .container #journal02 .section-wrapper .section#converse .anim-box.active {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
      .container #journal02 .section-wrapper .section#happy-yellow {
        padding: 100px 0;
        background-color: #ffffff; }
        .container #journal02 .section-wrapper .section#happy-yellow.active .section-back {
          width: 100%; }
        .container #journal02 .section-wrapper .section#happy-yellow.active .section-inner {
          opacity: 1; }
          .container #journal02 .section-wrapper .section#happy-yellow.active .section-inner .section-image .section-image-cover {
            width: 0; }
        .container #journal02 .section-wrapper .section#happy-yellow .section-back {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 0;
          background-color: #FDD000;
          transition: width .5s ease; }
        .container #journal02 .section-wrapper .section#happy-yellow .section-inner {
          position: relative;
          opacity: 0;
          background-color: #ffffff;
          transition: opacity .0s .5s; }
          .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-desc-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 10; }
            .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-desc-wrapper .section-image-desc {
              position: absolute;
              top: 15px;
              left: 15px;
              color: #ffffff;
              font-size: 11px;
              font-family: 'ZonaPro-Regular';
              opacity: 0;
              transition: opacity .5s ease; }
              .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-desc-wrapper .section-image-desc .bold {
                font-family: 'ZonaPro-Bold'; }
              .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-desc-wrapper .section-image-desc .small {
                font-size: 10px; }
              .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-desc-wrapper .section-image-desc.active {
                opacity: 1; }
          .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-image-cover {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background-color: #FDD000;
            transition: width .5s ease .5s;
            z-index: 1; }
          .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .section-title {
            position: absolute;
            left: 50%;
            bottom: -50px;
            width: 474.601px;
            transform: translate3d(-50%, 0, 0);
            z-index: 2; }
          .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .fade {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity .5s ease;
            z-index: 1; }
            .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-image .fade.active {
              opacity: 1; }
          .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-content {
            padding: 45px 0 20px 0; }
            .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-content #which-one-for-today {
              top: 100px;
              left: 60px;
              width: 240.843px; }
            .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-content .shoes-image {
              margin: 0 auto;
              width: 850px; }
            .container #journal02 .section-wrapper .section#happy-yellow .section-inner .section-content .shoes-index {
              text-align: center;
              line-height: 24px;
              color: #FDD000; }
      .container #journal02 .section-wrapper .section#pink-blue {
        border-bottom: 20px solid #EC6519;
        background-color: #ffffff; }
        .container #journal02 .section-wrapper .section#pink-blue .pink, .container #journal02 .section-wrapper .section#pink-blue .blue {
          position: absolute;
          top: 0;
          height: 100%;
          width: 50%; }
        .container #journal02 .section-wrapper .section#pink-blue .pink {
          left: 0;
          background-color: #F5B090; }
        .container #journal02 .section-wrapper .section#pink-blue .blue {
          right: 0;
          background-color: #71A1D6; }
        .container #journal02 .section-wrapper .section#pink-blue .section-inner {
          position: relative;
          padding: 100px 0;
          margin: 0 auto;
          background-color: #ffffff;
          z-index: 1; }
          .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section {
            margin: 0 auto 80px auto;
            width: 1000px; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section#standard-basic .sub-section-image-box {
              background-image: url(/dist/img/journal02/pink-blue/shoes1.jpg); }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section#vans-lazy-otf .sub-section-image-box {
              background-image: url(/dist/img/journal02/pink-blue/shoes2.jpg); }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section#adi-color .sub-section-image-box {
              background-image: url(/dist/img/journal02/pink-blue/shoes3.jpg); }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section#bows .sub-section-image-box {
              background-image: url(/dist/img/journal02/pink-blue/shoes4.jpg); }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section:last-child {
              margin-bottom: 0; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image, .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content {
              float: left; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image {
              position: relative;
              height: 440px;
              width: 650px;
              overflow: hidden; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image .sub-section-image-inner {
                padding: 10px 0;
                height: 100%;
                width: 100%;
                opacity: 1 !important;
                -webkit-transform-style: preserve-3d;
                transform: translate3d(-100%, 0, 0) !important;
                transition: transform .5s ease;
                box-sizing: border-box; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image .sub-section-image-box {
                height: 100%;
                width: 100%;
                background-size: cover;
                background-position: left; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image .sub-section-image-cover {
                position: absolute;
                top: 0;
                right: 0;
                height: 100%;
                width: 100%;
                opacity: 1 !important;
                -webkit-transform-style: preserve-3d;
                transform: translate3d(0, 0, 0) !important;
                transition: transform .5s ease .5s;
                z-index: 1; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image.active .sub-section-image-inner {
                transform: translate3d(0, 0, 0) !important; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-image.active .sub-section-image-cover {
                transform: translate3d(100%, 0, 0) !important; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content {
              position: relative;
              height: 440px;
              width: 300px; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .sub-section-title {
                width: 300px;
                margin: initial; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%; }
                .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index {
                  margin-bottom: 15px;
                  line-height: 18px;
                  font-family: 'ZonaPro-Regular'; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .space1, .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .space2 {
                    vertical-align: top;
                    display: inline-block;
                    height: 100%; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .space1 {
                    width: 18px; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .space2 {
                    width: 34px; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .bold {
                    font-family: 'ZonaPro-Bold'; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index .small {
                    font-size: 11px; }
                  .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section .sub-section-content .shoes-index-wrapper .shoes-index:last-child {
                    margin-bottom: 0; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.ltr .sub-section-image {
              margin-right: 50px; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.ltr .sub-section-image .sub-section-image-inner {
                background-color: #71A1D6; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.ltr .sub-section-image .sub-section-image-cover {
                background-color: #71A1D6; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.ltr .sub-section-content .shoes-index {
              color: #71A1D6; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.rtl .sub-section-content {
              margin-right: 50px; }
              .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.rtl .sub-section-content .shoes-index {
                color: #F5B090; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.rtl .sub-section-image .sub-section-image-inner {
              background-color: #F5B090; }
            .container #journal02 .section-wrapper .section#pink-blue .section-inner .sub-section.rtl .sub-section-image .sub-section-image-cover {
              background-color: #F5B090; }
      .container #journal02 .section-wrapper .section#nike {
        background-color: #EC6519; }
        .container #journal02 .section-wrapper .section#nike .shoes-desc, .container #journal02 .section-wrapper .section#nike .new-balance-text {
          color: #EC6519; }
        .container #journal02 .section-wrapper .section#nike .section-content {
          border-bottom: 1px solid #eeeeee; }
      .container #journal02 .section-wrapper .section#patrick {
        background-color: #CD391B; }
        .container #journal02 .section-wrapper .section#patrick .shoes-desc, .container #journal02 .section-wrapper .section#patrick .new-balance-text {
          color: #CD391B; }
        .container #journal02 .section-wrapper .section#patrick .section-content {
          border-bottom: 1px solid #eeeeee; }
      .container #journal02 .section-wrapper .section#vans {
        background-color: #CDB78A; }
        .container #journal02 .section-wrapper .section#vans .shoes-desc, .container #journal02 .section-wrapper .section#vans .new-balance-text {
          color: #CDB78A; }
        .container #journal02 .section-wrapper .section#vans .section-content {
          border-bottom: 1px solid #eeeeee; }
      .container #journal02 .section-wrapper .section#converse {
        background-image: none;
        background-color: #0068B7; }
        .container #journal02 .section-wrapper .section#converse .shoes-desc, .container #journal02 .section-wrapper .section#converse .new-balance-text {
          color: #0068B7; }
      .container #journal02 .section-wrapper .section#sandals {
        border-top: 20px solid #0068B7;
        background-color: #ffffff; }
        .container #journal02 .section-wrapper .section#sandals .anim-box {
          opacity: 0;
          -webkit-transform-style: preserve-3d;
          transform: translate3d(0, 10px, 0);
          transition: opacity .5s ease, transform .5s ease; }
          .container #journal02 .section-wrapper .section#sandals .anim-box.active {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
        .container #journal02 .section-wrapper .section#sandals .section-inner {
          padding: 55px 0 100px 0; }
          .container #journal02 .section-wrapper .section#sandals .section-inner .section-title {
            margin: 0 auto 100px auto;
            width: 474.601px; }
          .container #journal02 .section-wrapper .section#sandals .section-inner #sandals-image-wrapper {
            margin: 0 auto 70px auto;
            width: 1000px; }
            .container #journal02 .section-wrapper .section#sandals .section-inner #sandals-image-wrapper .sandals-image {
              width: 475px;
              float: left; }
              .container #journal02 .section-wrapper .section#sandals .section-inner #sandals-image-wrapper .sandals-image:first-child {
                margin-right: 50px; }
          .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section {
            position: relative;
            padding-bottom: 50px;
            margin-bottom: 100px; }
            .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section .bottom-line {
              position: absolute;
              bottom: 0;
              left: 0;
              height: 1px;
              width: 100%;
              background-color: #2FB6A8; }
            .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-title {
              position: relative;
              margin-bottom: 60px;
              text-align: center; }
              .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-title .text {
                position: relative;
                padding: 0 5px;
                font-size: 18px;
                font-family: 'ZonaPro-Bold';
                color: #2FB6A8;
                background-color: #ffffff;
                z-index: 1; }
              .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-title .line {
                position: absolute;
                top: 50%;
                left: 0;
                height: 1px;
                width: 100%;
                transform: translate3d(0, -50%, 0);
                background-color: #2FB6A8; }
            .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper {
              width: 1000px;
              margin: 0 auto; }
              .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended {
                position: relative;
                float: left;
                width: 300px;
                margin-right: 50px; }
                .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended .recommended-image {
                  position: relative;
                  margin-bottom: 25px;
                  height: 300px;
                  width: 100%;
                  border-radius: 300px;
                  border: 1px solid #2FB6A8;
                  box-sizing: border-box; }
                  .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended .recommended-image img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 70%;
                    transform: translate3d(-50%, -50%, 0); }
                .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended .recommended-desc {
                  line-height: 18px;
                  font-size: 12px;
                  color: #2FB6A8;
                  text-align: center;
                  font-family: 'ZonaPro-Regular'; }
                  .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended .recommended-desc .bold {
                    font-family: 'ZonaPro-Bold'; }
                .container #journal02 .section-wrapper .section#sandals .section-inner #recommended-section #recommended-wrapper .recommended:last-child {
                  margin-right: 0; }
          .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper {
            width: 900px;
            margin: 0 auto; }
            .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes {
              float: left;
              width: 200px;
              margin: 0 150px 60px 0; }
              .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes:nth-child(3n) {
                margin-right: 0; }
              .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes .shoes-image {
                position: relative;
                height: 115px;
                margin-bottom: 25px; }
                .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes .shoes-image img {
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 100%; }
              .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes .shoes-desc {
                min-height: 72.5px;
                line-height: 18px;
                font-size: 12px;
                color: #2FB6A8;
                text-align: center;
                font-family: 'ZonaPro-Regular'; }
                .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes .shoes-desc .bold {
                  font-family: 'ZonaPro-Bold'; }
                .container #journal02 .section-wrapper .section#sandals .section-inner .shoes-wrapper .shoes .shoes-desc .small {
                  font-size: 11px; }
      .container #journal02 .section-wrapper .section#info {
        padding: 100px 0;
        background-image: url(/dist/img/journal02/info/main.jpg);
        background-size: cover;
        background-position: center; }
        .container #journal02 .section-wrapper .section#info .anim-box {
          opacity: 0;
          -webkit-transform-style: preserve-3d;
          transform: translate3d(0, 10px, 0);
          transition: opacity .5s ease, transform .5s ease; }
          .container #journal02 .section-wrapper .section#info .anim-box.active {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
        .container #journal02 .section-wrapper .section#info .section-inner .info {
          padding: 50px;
          width: 1100px;
          margin: 0 auto 60px auto;
          background-color: rgba(255, 255, 255, 0.8);
          box-sizing: border-box;
          line-height: 32px;
          font-size: 16px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:nth-child(1) .info-title {
            width: 550.196px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:nth-child(1) .info-right {
            height: 467.5px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:nth-child(2) .info-title {
            width: 607.792px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:nth-child(2) .info-right {
            height: 323.5px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:nth-child(3) .info-title {
            width: 659.677px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info:last-child {
            margin-bottom: 0; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-left, .container #journal02 .section-wrapper .section#info .section-inner .info .info-right, .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-left, .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-right {
            float: left; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-left {
            margin-right: 35px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-left {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            height: 256px;
            width: 213px;
            margin-right: 50px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-right {
            width: 487px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-bottom {
            clear: both;
            line-height: 24px;
            font-size: 12px; }
            .container #journal02 .section-wrapper .section#info .section-inner .info .info-text-bottom .info-text-bottom-title {
              font-size: 16px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-left {
            width: 750px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-right {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            width: 215px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .info-title {
            margin-bottom: 50px; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .green {
            color: #2FB6A8; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .red {
            color: #CD391B; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .blue {
            color: #0068B7; }
          .container #journal02 .section-wrapper .section#info .section-inner .info .bold {
            font-family: 'ZonaPro-Bold'; }
      .container #journal02 .section-wrapper .section.shoes-section .section-inner {
        margin: 0 auto;
        background-color: #ffffff; }
        .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-image-wrapper, .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content {
          float: left; }
        .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-image-wrapper {
          position: relative;
          width: 425px; }
          .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-image-wrapper .section-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity .5s ease; }
            .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-image-wrapper .section-image.active {
              opacity: 1; }
        .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper {
          padding: 25px 50px 0 50px;
          width: 575px;
          background-color: #ffffff;
          box-sizing: border-box; }
          .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content {
            width: 100%; }
            .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .section-title {
              width: 100%;
              margin-bottom: 55px; }
            .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes {
              position: relative;
              float: left;
              width: 47%;
              margin: 0 6% 55px 0; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .exclusive {
                top: -17px;
                left: 0; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .shoes-image {
                position: relative;
                height: 115px;
                margin-bottom: 25px; }
                .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .shoes-image img {
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 100%; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .shoes-desc {
                line-height: 18px;
                font-size: 12px;
                text-align: center;
                font-family: 'ZonaPro-Regular'; }
                .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .shoes-desc .bold {
                  font-family: 'ZonaPro-Bold'; }
                .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes .shoes-desc .small {
                  font-size: 11px; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .shoes-wrapper .shoes:nth-child(2n) {
                margin-right: 0; }
            .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .new-balance-box {
              margin-bottom: 55px; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .new-balance-box .new-balance-image {
                margin-bottom: 10px; }
              .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .new-balance-box .new-balance-text {
                font-size: 12px;
                font-family: 'ZonaPro-Regular'; }
                .container #journal02 .section-wrapper .section.shoes-section .section-inner .section-content-wrapper .section-content .new-balance-box .new-balance-text .bold {
                  font-family: 'ZonaPro-Bold'; }

.container #journal {
  width: 100%;
  overflow-x: hidden;
  font-family: 'ZonaPro-Black'; }
  .container #journal .absolute-l, .container #journal .absolute-r {
    position: fixed;
    top: 50%;
    z-index: 1; }
    .container #journal .absolute-l.absolute-l, .container #journal .absolute-r.absolute-l {
      left: 30px;
      transform: translateY(-50%); }
      .container #journal .absolute-l.absolute-l .cycle, .container #journal .absolute-r.absolute-l .cycle {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        text-align: center;
        transition: all .5s ease; }
        .container #journal .absolute-l.absolute-l .cycle.active, .container #journal .absolute-r.absolute-l .cycle.active {
          opacity: 1; }
      .container #journal .absolute-l.absolute-l .invisible, .container #journal .absolute-r.absolute-l .invisible {
        display: block;
        width: 8px;
        height: 150px;
        visibility: hidden; }
    .container #journal .absolute-l.absolute-r, .container #journal .absolute-r.absolute-r {
      height: 150px;
      width: 8px;
      right: 30px;
      transform: translateY(-50%); }
  .container #journal .section {
    position: relative;
    padding: 100px 0; }
    .container #journal .section p {
      overflow: hidden; }
    .container #journal .section .exclusive {
      position: absolute;
      width: 70px !important; }
    .container #journal .section.active .shoes-box, .container #journal .section.active .image-box, .container #journal .section.active .w50, .container #journal .section.active .w100 {
      opacity: 1 !important;
      transform: translate3d(0, 0, 0) !important;
      visibility: visible !important; }
    .container #journal .section.top2, .container #journal .section.top4 {
      background-color: #f7f7f7; }
    .container #journal .section.top1 .shoes-brand img {
      width: 63px; }
    .container #journal .section.top1 .shoes-type img {
      width: 108.883px; }
    .container #journal .section.top1 .shoes-color img {
      width: 70.302px; }
    .container #journal .section.top1 .shoes-price img {
      width: 106.785px; }
    .container #journal .section.top1 .shoes-comment img {
      width: 293.73px; }
    .container #journal .section.top1 .shoes-img img {
      width: 374px; }
    .container #journal .section.top1 .exclusive {
      right: 36px;
      top: 54px; }
    .container #journal .section.top2 .shoes-brand img {
      width: 151.916px; }
    .container #journal .section.top2 .shoes-type img {
      width: 125.221px; }
    .container #journal .section.top2 .shoes-color img {
      width: 92.529px; }
    .container #journal .section.top2 .shoes-price img {
      width: 115.718px; }
    .container #journal .section.top2 .shoes-comment img {
      width: 305.464px; }
    .container #journal .section.top2 .shoes-img img {
      width: 374px; }
    .container #journal .section.top2 .coordinate-item {
      right: 38px !important; }
    .container #journal .section.top3 .shoes-brand img {
      width: 73.657px; }
    .container #journal .section.top3 .shoes-type img {
      width: 116.306px; }
    .container #journal .section.top3 .shoes-color img {
      width: 84.743px; }
    .container #journal .section.top3 .shoes-price img {
      width: 116.505px; }
    .container #journal .section.top3 .shoes-comment img {
      width: 266.067px; }
    .container #journal .section.top3 .shoes-img img {
      width: 374px; }
    .container #journal .section.top3 .exclusive {
      right: 46px;
      top: 37px; }
    .container #journal .section.top3 .note {
      position: absolute;
      font-size: 16px;
      font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
      bottom: 13px;
      right: 12px; }
    .container #journal .section.top4 .shoes-brand img {
      width: 121.231px; }
    .container #journal .section.top4 .shoes-type img {
      width: 132.235px; }
    .container #journal .section.top4 .shoes-color img {
      width: 77.444px; }
    .container #journal .section.top4 .shoes-price img {
      width: 116.505px; }
    .container #journal .section.top4 .shoes-comment img {
      width: 254.449px; }
    .container #journal .section.top4 .shoes-img img {
      width: 374px; }
    .container #journal .section.top1.active .vertical-line, .container #journal .section.top2.active .vertical-line, .container #journal .section.top3.active .vertical-line, .container #journal .section.top4.active .vertical-line {
      height: 180px !important; }
    .container #journal .section.top1.active .underline, .container #journal .section.top2.active .underline, .container #journal .section.top3.active .underline, .container #journal .section.top4.active .underline {
      width: 100% !important; }
    .container #journal .section .img-left, .container #journal .section .img-right, .container #journal .section .img-num {
      position: absolute; }
      .container #journal .section .img-left img, .container #journal .section .img-right img, .container #journal .section .img-num img {
        width: 100%; }
    .container #journal .section.shoes-section-top .section-inner {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
      transition: all .75s ease; }
    .container #journal .section.shoes-section-top.active .section-inner {
      opacity: 1;
      transform: translate3d(0, 0, 0) !important; }
    .container #journal .section.shoes-section .shoes-title, .container #journal .section.shoes-section .big-shoes, .container #journal .section.shoes-section .shoes-wrapper {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
      transition: all .75s ease; }
    .container #journal .section.shoes-section .shoes-wrapper {
      transition: all .75s ease .25s; }
    .container #journal .section.shoes-section.active .shoes-title, .container #journal .section.shoes-section.active .big-shoes, .container #journal .section.shoes-section.active .shoes-wrapper {
      opacity: 1;
      transform: translate3d(0, 0, 0) !important; }
    .container #journal .section.topics-section .section-inner {
      opacity: 0;
      transform: translate3d(0, 10%, 0);
      transition: all .75s ease; }
    .container #journal .section.topics-section.active .section-inner {
      opacity: 1;
      transform: translate3d(0, 0, 0) !important; }
    .container #journal .section.shoes-section-top {
      padding-bottom: 0; }
      .container #journal .section.shoes-section-top h3 {
        width: 651.351px;
        margin: 0 auto 100px auto; }
        .container #journal .section.shoes-section-top h3 img {
          width: 100%; }
      .container #journal .section.shoes-section-top .img-left {
        width: 202.044px;
        top: 150px;
        left: 0; }
      .container #journal .section.shoes-section-top .img-right {
        width: 154.659px;
        top: 150px;
        right: 0; }
      .container #journal .section.shoes-section-top p {
        font-size: 18px;
        font-weight: bold;
        font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
        line-height: 36px;
        text-align: center; }
      .container #journal .section.shoes-section-top .underline {
        width: 570px;
        margin: 100px auto 0 auto; }
        .container #journal .section.shoes-section-top .underline img {
          width: 100%; }
    .container #journal .section.shoes-section {
      position: relative;
      padding: 100px 0 50px 0; }
      .container #journal .section.shoes-section .underline {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 4.5px;
        width: 570px;
        margin-left: -285px; }
        .container #journal .section.shoes-section .underline img {
          width: 100%; }
      .container #journal .section.shoes-section .shoes-title img, .container #journal .section.shoes-section .big-shoes img {
        width: 100%; }
      .container #journal .section.shoes-section .shoes-title {
        margin: 0 auto 30px auto; }
      .container #journal .section.shoes-section .big-shoes {
        margin: 0 auto 50px auto;
        width: 650px; }
        .container #journal .section.shoes-section .big-shoes p {
          text-align: center;
          font-size: 16px;
          line-height: 32px;
          font-family: 'ZonaPro-Regular';
          white-space: nowrap;
          letter-spacing: .4px;
          text-indent: .4px;
          overflow: visible !important; }
      .container #journal .section.shoes-section .shoes-wrapper .shoes {
        position: relative;
        margin-bottom: 50px; }
        .container #journal .section.shoes-section .shoes-wrapper .shoes .img {
          position: relative;
          z-index: 1; }
        .container #journal .section.shoes-section .shoes-wrapper .shoes img {
          width: 85.6%;
          margin: 0 auto 20px auto;
          display: block; }
        .container #journal .section.shoes-section .shoes-wrapper .shoes p {
          text-align: center;
          font-size: 16px;
          line-height: 24px;
          font-family: 'ZonaPro-Regular';
          letter-spacing: .4px;
          text-indent: .4px; }
      .container #journal .section.shoes-section.peace-pastel .exclusive {
        top: 0;
        left: 30px; }
      .container #journal .section.shoes-section.peace-pastel .shoes-title {
        width: 398.3px; }
      .container #journal .section.shoes-section.peace-pastel .shoes-wrapper .shoes {
        float: left;
        width: 25%; }
      .container #journal .section.shoes-section.peace-pastel .img-left {
        top: -40px;
        left: -240px;
        width: 312.497px; }
      .container #journal .section.shoes-section.peace-pastel .img-right {
        top: 110px;
        right: -130px;
        width: 155.495px; }
      .container #journal .section.shoes-section.gum-lover .big-shoes .spec {
        position: relative;
        width: 1000px;
        left: 50%;
        transform: translateX(-50%); }
      .container #journal .section.shoes-section.gum-lover .exclusive {
        top: 10px;
        left: 60px; }
      .container #journal .section.shoes-section.gum-lover .shoes-title {
        width: 299.272px; }
      .container #journal .section.shoes-section.gum-lover .shoes-wrapper .shoes {
        float: left;
        width: 25%; }
      .container #journal .section.shoes-section.gum-lover .img-left {
        top: 80px;
        left: -270px;
        width: 326.15px; }
      .container #journal .section.shoes-section.gum-lover .img-right {
        top: 0;
        right: -100px;
        width: 136.443px; }
      .container #journal .section.shoes-section.minnetonka .big-shoes .img-num {
        width: 120.775px;
        top: 20px;
        left: 0; }
      .container #journal .section.shoes-section.minnetonka .shoes-title {
        width: 351.254px; }
      .container #journal .section.shoes-section.minnetonka .img-left {
        top: 145px;
        left: -111px;
        width: 211.19px; }
      .container #journal .section.shoes-section.minnetonka .img-right {
        top: -40px;
        right: -120px;
        width: 217.871px; }
      .container #journal .section.shoes-section.minnetonka .shoes {
        position: relative; }
        .container #journal .section.shoes-section.minnetonka .shoes .spec {
          position: absolute;
          bottom: 0;
          right: 0; }
        .container #journal .section.shoes-section.minnetonka .shoes .img-num {
          top: 213px;
          left: 10px;
          width: 120px; }
      .container #journal .section.shoes-section.college-purple .exclusive {
        top: 10px;
        left: 60px; }
      .container #journal .section.shoes-section.college-purple .shoes-title {
        width: 509.662px; }
      .container #journal .section.shoes-section.college-purple .img-left {
        top: 350px;
        left: -180px;
        width: 188.894px; }
      .container #journal .section.shoes-section.college-purple .img-right {
        top: 335px;
        right: -165px;
        width: 172.758px; }
      .container #journal .section.shoes-section.college-purple .shoes-wrapper .shoes {
        float: left;
        width: 25%; }
      .container #journal .section.shoes-section.college-purple .shoes-wrapper .shoes-above, .container #journal .section.shoes-section.college-purple .shoes-wrapper .shoes-bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .container #journal .section.topics-section.topics1 {
      background-color: #ede8e3; }
      .container #journal .section.topics-section.topics1 .topics-title {
        color: #a67322; }
    .container #journal .section.topics-section.topics2 {
      background-color: #e5e1ee; }
      .container #journal .section.topics-section.topics2 .topics-title {
        color: #5f1982; }
      .container #journal .section.topics-section.topics2 .back-to-top-page {
        position: relative;
        margin: 100px auto 0 auto;
        height: 35px;
        width: 260px;
        border-radius: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #e50012; }
        .container #journal .section.topics-section.topics2 .back-to-top-page a {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          font-size: 17px;
          letter-spacing: 1.5px;
          text-indent: 1.5px;
          color: #ffffff;
          font-family: 'FuturaPTWebBook'; }
    .container #journal .section.topics-section .topics-tag {
      display: block;
      height: 40px;
      width: 150px;
      margin: 0 auto 50px auto;
      text-align: center;
      line-height: 44px;
      font-size: 20px;
      letter-spacing: 1px;
      text-indent: 1px;
      background-color: #ffffff;
      border: 1px solid #000; }
    .container #journal .section.topics-section .topics-title {
      font-size: 32px;
      text-align: center;
      margin-bottom: 70px; }
    .container #journal .section.topics-section .topics-text {
      float: left;
      width: 500px;
      margin-right: 25px; }
      .container #journal .section.topics-section .topics-text p {
        font-size: 13px;
        line-height: 26px;
        font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif; }
    .container #journal .section.topics-section .bold {
      margin-top: 35px;
      font-weight: bold; }
    .container #journal .section.topics-section .topics-text-title {
      margin-bottom: 35px;
      font-size: 18px !important;
      line-height: 32px !important;
      font-weight: bold;
      letter-spacing: 1px;
      text-indent: 1px; }
    .container #journal .section.topics-section .topics-image {
      float: right;
      width: 475px; }
      .container #journal .section.topics-section .topics-image img {
        display: inline-block;
        float: left;
        width: 225px; }
        .container #journal .section.topics-section .topics-image img:first-child {
          margin-right: 25px; }
    .container #journal .section .section-inner {
      position: relative;
      width: 1000px;
      margin: 0 auto; }
      .container #journal .section .section-inner h2 {
        width: 238px;
        margin: 0 auto 45px auto; }
        .container #journal .section .section-inner h2 img {
          width: 100%; }
      .container #journal .section .section-inner .shoes-box, .container #journal .section .section-inner .image-box {
        position: relative; }
      .container #journal .section .section-inner .image-box {
        opacity: 0;
        transform: translate3d(0, 5%, 0);
        visibility: hidden;
        transition: all .5s ease; }
        .container #journal .section .section-inner .image-box .coordinate-item {
          position: absolute;
          width: 153px;
          right: 26px;
          bottom: 55px; }
        .container #journal .section .section-inner .image-box .coordinate-text {
          position: absolute;
          font-size: 12px;
          font-family: 'ZonaPro-Regular';
          line-height: 18px;
          right: 40px;
          bottom: 10px;
          text-align: center; }
      .container #journal .section .section-inner .shoes-box {
        position: relative;
        height: 600px;
        width: 374px;
        overflow: hidden;
        border: 1px solid #000;
        background-color: #ffffff;
        opacity: 0;
        transform: translate3d(0, 5%, 0);
        visibility: hidden;
        transition: all .75s ease; }
        .container #journal .section .section-inner .shoes-box .w50, .container #journal .section .section-inner .shoes-box .w100 {
          opacity: 0;
          transform: translate3d(0, 5%, 0);
          visibility: hidden;
          transition: all .5s ease .25s; }
        .container #journal .section .section-inner .shoes-box .vertical-line {
          position: absolute;
          height: 0;
          left: 50%;
          width: 1px;
          margin-left: -0.5px;
          background-color: #000000;
          transition: all .5s ease .25s; }
        .container #journal .section .section-inner .shoes-box.left {
          float: left; }
        .container #journal .section .section-inner .shoes-box.right {
          float: right; }
        .container #journal .section .section-inner .shoes-box .w50 {
          float: left;
          width: 50%; }
        .container #journal .section .section-inner .shoes-box .w100 {
          width: 100%; }
        .container #journal .section .section-inner .shoes-box .img {
          position: relative;
          z-index: 1; }
        .container #journal .section .section-inner .shoes-box .row {
          position: relative;
          width: 100%; }
          .container #journal .section .section-inner .shoes-box .row .underline {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 0;
            background-color: #000000;
            transition: all .5s ease .25s; }
        .container #journal .section .section-inner .shoes-box p {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          height: 30px;
          line-height: 31px;
          font-size: 10px;
          letter-spacing: 1.5px;
          text-indent: 1.5px;
          font-family: 'ZonaPro-Black'; }
          .container #journal .section .section-inner .shoes-box p.h2 {
            height: 60px;
            line-height: 61px; }
          .container #journal .section .section-inner .shoes-box p.h3 {
            height: 145px;
            line-height: 146px; }
          .container #journal .section .section-inner .shoes-box p.h4 {
            height: 250px; }
      .container #journal .section .section-inner .image-box {
        width: 600px;
        height: 600px; }
        .container #journal .section .section-inner .image-box img {
          width: 100%; }
        .container #journal .section .section-inner .image-box.left {
          float: left; }
        .container #journal .section .section-inner .image-box.right {
          float: right; }

.container #nike_hn {
  position: absolute;
  top: 70px;
  height: 100%;
  width: 100%; }
  .container #nike_hn #nike_hn-inner {
    width: 1280px;
    margin: 0 auto; }
    .container #nike_hn #nike_hn-inner .reset {
      transition: none !important; }
    .container #nike_hn #nike_hn-inner .section-title.active span {
      opacity: 1 !important;
      transform: translate3d(0, 0, 0) !important; }
    .container #nike_hn #nike_hn-inner .section-title span {
      display: block;
      opacity: 0;
      transform: translate3d(0, 100%, 0);
      transition: opacity .75s ease-out .25s, transform .75s ease-out .25s; }
    .container #nike_hn #nike_hn-inner .section-text, .container #nike_hn #nike_hn-inner .section-desc, .container #nike_hn #nike_hn-inner #see-all {
      opacity: 0;
      transform: translate3d(0, 10px, 0);
      transition: opacity .75s ease-out .25s, transform .75s ease-out .25s; }
      .container #nike_hn #nike_hn-inner .section-text.active, .container #nike_hn #nike_hn-inner .section-desc.active, .container #nike_hn #nike_hn-inner #see-all.active {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important; }
    .container #nike_hn #nike_hn-inner #top {
      position: relative;
      height: 730px;
      width: 100%;
      background-image: url("/dist/img/nike_hn/top/main.jpg");
      background-size: cover;
      background-position: center; }
      .container #nike_hn #nike_hn-inner #top #top-title {
        position: absolute;
        height: 70px;
        width: 535px;
        top: 360px;
        left: 165px;
        overflow: hidden;
        z-index: 1; }
        .container #nike_hn #nike_hn-inner #top #top-title.active #top-title-inner {
          opacity: 1 !important;
          transform: translate3d(0, 0, 0) !important; }
        .container #nike_hn #nike_hn-inner #top #top-title #top-title-inner {
          position: relative;
          width: 100%;
          opacity: 0;
          transform: translate3d(0, 100%, 0);
          transition: opacity .75s ease-out .25s, transform .75s ease-out .25s; }
          .container #nike_hn #nike_hn-inner #top #top-title #top-title-inner img {
            width: 100%; }
      .container #nike_hn #nike_hn-inner #top #scroll {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        width: 44.648px;
        animation: up-down 2s ease infinite; }
        .container #nike_hn #nike_hn-inner #top #scroll img {
          width: 100%; }
    .container #nike_hn #nike_hn-inner #section-wrapper {
      width: 1000px;
      margin: 0 auto; }
      .container #nike_hn #nike_hn-inner #section-wrapper .section {
        position: relative;
        padding: 170px 0 30px 0; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section .img-box {
          width: 0;
          opacity: 0;
          overflow: hidden;
          transition: width 0.6s cubic-bezier(0, 0, 0, 0.99), opacity 2.5s cubic-bezier(0, 0, 0, 0.99); }
          .container #nike_hn #nike_hn-inner #section-wrapper .section .img-box.active {
            width: 100%;
            opacity: 1; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section .section-bottom {
          position: relative; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section .section-left, .container #nike_hn #nike_hn-inner #section-wrapper .section .section-right {
          position: relative;
          float: left; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section .section-left img, .container #nike_hn #nike_hn-inner #section-wrapper .section .section-right img {
            width: 100%; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section .section-title {
          margin: 167.5px 0 247.5px 0;
          height: 28px;
          font-size: 28px;
          letter-spacing: 1px;
          white-space: nowrap;
          overflow: hidden; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section .section-desc {
          line-height: 18px;
          font-size: 12px;
          letter-spacing: .5px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-left, .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-left {
          width: 370px;
          margin-right: 80px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-left .img-box, .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-left .img-box {
            margin-bottom: 225px; }
            .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-left .img-box img, .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-left .img-box img {
              width: 370px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-right, .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-right {
          width: 550px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-right .img-box:nth-child(1), .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-right .img-box:nth-child(1) {
            margin-bottom: 85px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-right .img-box img, .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-right .img-box img {
            width: 550px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-bottom .img-box-left {
          padding-left: 70px;
          width: 300px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-bottom .img-box-left img {
            width: 300px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-bottom .img-box-right {
          position: absolute;
          top: 0;
          right: -140px;
          width: 690px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(1) .section-bottom .img-box-right img {
            width: 690px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-left {
          width: 550px;
          margin-right: 80px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-left .img-box:nth-child(1) {
            margin-bottom: 80px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-left .img-box img {
            width: 550px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-right {
          width: 370px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-right .img-box {
            margin-bottom: 220px; }
            .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-right .img-box img {
              width: 370px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-bottom .img-box-right {
          float: right;
          width: 300px;
          padding-right: 70px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-bottom .img-box-right img {
            width: 300px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-bottom .img-box-left {
          position: absolute;
          top: 0;
          left: -140px;
          width: 690px; }
          .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(2) .section-bottom .img-box-left img {
            width: 690px; }
        .container #nike_hn #nike_hn-inner #section-wrapper .section:nth-child(3) .section-top {
          margin-bottom: 0; }
    .container #nike_hn #nike_hn-inner #see-all {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 70px auto 85px auto;
      height: 50px;
      width: 550px;
      border: 1px solid #000000;
      box-sizing: border-box;
      transition: opacity .5s ease; }
      .container #nike_hn #nike_hn-inner #see-all:hover {
        opacity: .5 !important; }
      .container #nike_hn #nike_hn-inner #see-all a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
      .container #nike_hn #nike_hn-inner #see-all p {
        line-height: 28px;
        font-size: 18px;
        text-align: center; }
        .container #nike_hn #nike_hn-inner #see-all p .small {
          display: block;
          line-height: 14px;
          font-size: 10px;
          font-family: '\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif; }
    .container #nike_hn #nike_hn-inner #back-to-top-page {
      position: relative;
      height: 35px;
      width: 260px;
      margin: 0 auto 85px auto;
      line-height: 38px;
      text-align: center;
      color: #ffffff;
      font-size: 16px;
      letter-spacing: 1px;
      text-indent: 1px;
      background-color: #000000;
      cursor: pointer;
      transition: opacity 0.5s ease-out; }
      .container #nike_hn #nike_hn-inner #back-to-top-page a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        font-family: 'FuturaPTWebBook';
        opacity: 1 !important; }
      .container #nike_hn #nike_hn-inner #back-to-top-page img {
        position: absolute;
        top: 7.5px;
        right: 15px;
        width: 11.5px; }
      .container #nike_hn #nike_hn-inner #back-to-top-page:hover {
        opacity: 0.5; }

.container #cortez45 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all .5s ease; }
  .container #cortez45.loaded {
    opacity: 1; }
  .container #cortez45 .scroll-up {
    animation: cortez-up 1s ease forwards; }
  .container #cortez45 .scroll-up-out {
    animation: cortez-up-out 1s ease forwards; }
  .container #cortez45 .scroll-down {
    animation: cortez-down 1s ease forwards; }
  .container #cortez45 .scroll-down-out {
    animation: cortez-down-out 1s ease forwards; }
  .container #cortez45 section {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100%;
    box-sizing: border-box; }
    .container #cortez45 section.next {
      z-index: 2; }
    .container #cortez45 section:nth-child(1) {
      background-color: #ffffff; }
      .container #cortez45 section:nth-child(1).layer #main-image {
        opacity: 1; }
      .container #cortez45 section:nth-child(1) #explore {
        position: absolute;
        left: 50%;
        bottom: 40px;
        margin-left: -22.5px;
        animation: explore 3s ease infinite; }
    .container #cortez45 section:nth-child(2) {
      background-color: #e50012; }
      .container #cortez45 section:nth-child(2) .page-image {
        background-image: url("/dist/img/cortez45/section02/main.jpg"); }
      .container #cortez45 section:nth-child(2) .page-text-wrapper {
        background-color: #e50012; }
    .container #cortez45 section:nth-child(3), .container #cortez45 section:nth-child(4) {
      background-color: #143495; }
      .container #cortez45 section:nth-child(3) .page-text-wrapper, .container #cortez45 section:nth-child(4) .page-text-wrapper {
        background-color: #143495; }
    .container #cortez45 section:nth-child(3) .page-image {
      background-image: url("/dist/img/cortez45/section03/main.jpg"); }
    .container #cortez45 section:nth-child(4) .page-image {
      background-image: url("/dist/img/cortez45/section04/main.jpg"); }
    .container #cortez45 section:nth-child(1), .container #cortez45 section:nth-child(7) {
      min-width: 1280px; }
    .container #cortez45 section.insta-page {
      background-color: #ffffff; }
      .container #cortez45 section.insta-page h2, .container #cortez45 section.insta-page #back-to-top-page {
        position: absolute; }
      .container #cortez45 section.insta-page h2 {
        top: -171px;
        width: 100%;
        text-align: center;
        letter-spacing: 4px;
        text-indent: 4px;
        font-size: 28px;
        line-height: 64px;
        color: #000000; }
      .container #cortez45 section.insta-page #back-to-top-page {
        left: 50%;
        bottom: -132px;
        margin-left: -130px;
        height: 35px;
        width: 260px;
        line-height: 38px;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 1px;
        text-indent: 1px;
        background-color: #e50012;
        cursor: pointer;
        transition: opacity 0.5s ease-out; }
        .container #cortez45 section.insta-page #back-to-top-page a {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          opacity: 1 !important; }
        .container #cortez45 section.insta-page #back-to-top-page img {
          position: absolute;
          top: 7.5px;
          right: 15px;
          width: 11.5px; }
        .container #cortez45 section.insta-page #back-to-top-page:hover {
          opacity: 0.5; }
      .container #cortez45 section.insta-page .insta-wrapper {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        /* Safari */
        -webkit-align-items: center;
        /* Safari 7.0+ */
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner {
          position: relative;
          width: 1080px;
          margin: 0 auto; }
          .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta {
            position: relative;
            float: left;
            height: 200px;
            width: 200px;
            margin-right: 20px;
            cursor: pointer;
            overflow: hidden;
            transition: all .5s ease; }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .border {
              position: absolute;
              background-color: #e50012;
              transition: all .5s ease;
              z-index: 1; }
              .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .border.border-top {
                top: 0;
                left: 0;
                height: 5px;
                width: 100%;
                transform: translate3d(0, -5px, 0); }
              .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .border.border-right {
                top: 0;
                right: 0;
                height: 100%;
                width: 5px;
                transform: translate3d(5px, 0, 0); }
              .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .border.border-bottom {
                bottom: 0;
                left: 0;
                height: 5px;
                width: 100%;
                transform: translate3d(0, 5px, 0); }
              .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .border.border-left {
                top: 0;
                left: 0;
                height: 100%;
                width: 5px;
                transform: translate3d(-5px, 0, 0); }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta:hover .border {
              transform: translate3d(0, 0, 0); }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta:nth-child(3) .insta-img-wrapper {
              background-size: 135%;
              background-position: center; }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta:nth-child(4) .insta-img-wrapper {
              background-size: 123%;
              background-position: bottom center; }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta:nth-child(6) {
              margin-right: 0; }
            .container #cortez45 section.insta-page .insta-wrapper .insta-wrapper-inner .cortez-insta .insta-img-wrapper {
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              background-size: cover; }
    .container #cortez45 section.shoes-page {
      background-color: #ffffff;
      transition: all .5s ease; }
      .container #cortez45 section.shoes-page.leather .bottom-thumbnails {
        margin-left: -170px; }
        .container #cortez45 section.shoes-page.leather .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(1) .underline {
          background-color: #0f3775; }
        .container #cortez45 section.shoes-page.leather .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(2) .underline {
          background-color: black; }
        .container #cortez45 section.shoes-page.leather .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(3) .underline {
          background-color: #999a9a; }
      .container #cortez45 section.shoes-page.nylon .bottom-thumbnails {
        margin-left: -240px; }
        .container #cortez45 section.shoes-page.nylon .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(1) .underline {
          background-color: black; }
        .container #cortez45 section.shoes-page.nylon .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(2) .underline {
          background-color: #560f1f; }
        .container #cortez45 section.shoes-page.nylon .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(3) .underline {
          background-color: #e9545e; }
        .container #cortez45 section.shoes-page.nylon .bottom-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(4) .underline {
          background-color: #c07e7b; }
      .container #cortez45 section.shoes-page .section-inner {
        width: 83.984375%;
        margin: 0 auto; }
        .container #cortez45 section.shoes-page .section-inner .side-thumbnails {
          position: absolute;
          height: 100%;
          width: 220px;
          top: -50px;
          left: 0;
          display: -webkit-flex;
          /* Safari */
          -webkit-align-items: center;
          /* Safari 7.0+ */
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          z-index: 3; }
          .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper {
            position: absolute;
            visibility: hidden;
            height: 340px;
            top: 50%;
            margin-top: -160px;
            opacity: 0;
            transition: all .5s ease; }
            .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper.active {
              opacity: 1;
              visibility: visible; }
            .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail {
              position: relative;
              float: left;
              height: 100px;
              width: 100px;
              margin: 0 20px 20px 0;
              border: 2px solid #e5e5e5;
              box-sizing: border-box;
              transition: all .5s ease;
              cursor: pointer; }
              .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail.active {
                border: 2px solid #999999; }
              .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail img {
                width: 100%; }
              .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(2n) {
                margin-right: 0; }
              .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(5), .container #cortez45 section.shoes-page .section-inner .side-thumbnails .shoes-wrapper .shoes-thumbnail:nth-child(6) {
                margin-bottom: 0; }
        .container #cortez45 section.shoes-page .section-inner .shoes-image {
          position: relative;
          height: 100%;
          width: 46.511627906976744%;
          margin: 0 auto;
          z-index: 1; }
          .container #cortez45 section.shoes-page .section-inner .shoes-image .shoes-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease; }
            .container #cortez45 section.shoes-page .section-inner .shoes-image .shoes-wrapper.active {
              opacity: 1;
              visibility: visible; }
            .container #cortez45 section.shoes-page .section-inner .shoes-image .shoes-wrapper .shoes-main {
              position: absolute;
              top: -70px;
              left: 0;
              height: 100%;
              width: 100%;
              display: -webkit-flex;
              /* Safari */
              -webkit-align-items: center;
              /* Safari 7.0+ */
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              opacity: 0;
              visibility: hidden;
              transition: all .5s ease; }
              .container #cortez45 section.shoes-page .section-inner .shoes-image .shoes-wrapper .shoes-main.active {
                opacity: 1;
                visibility: visible; }
              .container #cortez45 section.shoes-page .section-inner .shoes-image .shoes-wrapper .shoes-main img {
                width: 100%;
                margin: 0 auto; }
        .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails {
          position: absolute;
          bottom: 30px;
          left: 50%;
          z-index: 3; }
          .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails .shoes-thumbnail {
            position: relative;
            float: left;
            height: 100px;
            width: 100px;
            margin-right: 20px;
            cursor: pointer; }
            .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails .shoes-thumbnail img {
              width: 100%; }
            .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails .shoes-thumbnail .underline {
              position: absolute;
              height: 1px;
              width: 0;
              bottom: 0;
              left: 0;
              transition: all .5s ease; }
            .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails .shoes-thumbnail.active .underline {
              width: 100%; }
            .container #cortez45 section.shoes-page .section-inner .bottom-thumbnails .shoes-thumbnail:last-child {
              margin-right: 0; }
        .container #cortez45 section.shoes-page .section-inner .shoes-detail {
          position: absolute;
          height: 100%;
          width: 100%;
          top: -50px;
          right: 0;
          display: -webkit-flex;
          /* Safari */
          -webkit-align-items: center;
          /* Safari 7.0+ */
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
          z-index: 2; }
          .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner {
            position: relative;
            height: 340px;
            width: 100%;
            text-align: right; }
            .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner .shoes-detail-inner-inner {
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              opacity: 0;
              visibility: hidden; }
              .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner .shoes-detail-inner-inner.active {
                opacity: 1;
                visibility: visible; }
              .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner .shoes-detail-inner-inner .shoes-name {
                line-height: 45px;
                font-size: 18px;
                font-weight: bold; }
              .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner .shoes-detail-inner-inner .shoes-text {
                line-height: 34px;
                font-size: 15px; }
              .container #cortez45 section.shoes-page .section-inner .shoes-detail .shoes-detail-inner .shoes-detail-inner-inner .shoes-price {
                line-height: 34px;
                font-size: 15px; }
    .container #cortez45 section .section-inner {
      position: relative;
      height: 100%;
      overflow: hidden; }
      .container #cortez45 section .section-inner #main-image {
        height: 100%;
        width: 92.7734375%;
        background-image: url("/dist/img/cortez45/section01/main.jpg");
        background-size: cover;
        background-position: center; }
      .container #cortez45 section .section-inner .page-image, .container #cortez45 section .section-inner .page-text-wrapper {
        position: absolute; }
      .container #cortez45 section .section-inner .page-image {
        left: 0;
        height: 100%;
        width: 68.75%;
        background-size: cover;
        background-position: center;
        transition: all .5s ease; }
      .container #cortez45 section .section-inner .page-text-wrapper {
        right: 0;
        height: 100%;
        width: 31.25%;
        min-width: 400px; }
        .container #cortez45 section .section-inner .page-text-wrapper .page-text-inner {
          position: relative;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          transition: all .25s ease; }
          .container #cortez45 section .section-inner .page-text-wrapper .page-text-inner .page-text {
            position: absolute;
            left: 30px;
            bottom: 30px;
            font-size: 12px;
            letter-spacing: 1px;
            text-indent: 1px;
            line-height: 24px;
            font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
            color: #ffffff;
            opacity: 0;
            transform: translate3d(5px, 0, 0);
            transition: all .5s ease .75s; }
            .container #cortez45 section .section-inner .page-text-wrapper .page-text-inner .page-text a {
              font-weight: bold;
              text-decoration: underline; }
    .container #cortez45 section.layer {
      opacity: 1;
      z-index: 1; }
      .container #cortez45 section.layer .section-inner .page-text {
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important; }
  .container #cortez45 #cortez45-scroll-bar {
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
    height: 100%;
    width: 7.2265625%;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .container #cortez45 #cortez45-scroll-bar.white #scroll-bar-wrapper .scroll-bar .scroll-bar-inner {
      background-color: rgba(255, 255, 255, 0.5); }
    .container #cortez45 #cortez45-scroll-bar.white #scroll-bar-wrapper .scroll-bar.layer .scroll-bar-inner span {
      background-color: white; }
    .container #cortez45 #cortez45-scroll-bar #scroll-bar-wrapper {
      position: relative;
      left: 50%;
      margin-left: -6px; }
      .container #cortez45 #cortez45-scroll-bar #scroll-bar-wrapper .scroll-bar {
        padding: 15px 0;
        width: 12px;
        height: 1px;
        cursor: pointer; }
        .container #cortez45 #cortez45-scroll-bar #scroll-bar-wrapper .scroll-bar .scroll-bar-inner {
          position: relative;
          display: block;
          height: 1px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          transition: all .5s ease; }
          .container #cortez45 #cortez45-scroll-bar #scroll-bar-wrapper .scroll-bar .scroll-bar-inner span {
            position: absolute;
            top: 0;
            left: 0;
            height: 1px;
            width: 0;
            background-color: black;
            transition: all .5s ease; }
        .container #cortez45 #cortez45-scroll-bar #scroll-bar-wrapper .scroll-bar.layer .scroll-bar-inner span {
          width: 100%;
          background-color: black; }

.container #converse {
  width: 100%;
  box-sizing: border-box;
  padding: 70px 0 50px 0;
  background-image: url("/dist/img/converse/background.jpg");
  background-size: cover; }
  .container #converse p {
    font-family: "Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA", sans-serif; }
  .container #converse .banner {
    height: 600px;
    width: 100%;
    min-width: 1000px;
    background-image: url(/dist/img/converse/top.jpg);
    background-size: cover;
    background-position: center; }
    .container #converse .banner .invisible {
      width: 100%;
      visibility: hidden; }
  .container #converse.scroll {
    height: 100%;
    width: 101%;
    overflow: scroll; }
  .container #converse .page-title {
    position: relative;
    width: 819px;
    margin: 75px auto 0 auto; }
    .container #converse .page-title p {
      position: absolute;
      top: 111px;
      left: 22px;
      font-size: 13px;
      line-height: 26px;
      color: #00366c; }
  .container #converse .days {
    height: 3660px;
    width: 1000px;
    margin: 0 auto; }
    .container #converse .days .day-section {
      position: relative; }
      .container #converse .days .day-section .img-wrapper {
        position: relative;
        width: 600px; }
        .container #converse .days .day-section .img-wrapper .gif, .container #converse .days .day-section .img-wrapper .invisible {
          width: 100%; }
        .container #converse .days .day-section .img-wrapper .gif {
          position: absolute;
          top: 0;
          width: 100%; }
        .container #converse .days .day-section .img-wrapper .invisible {
          visibility: hidden; }
      .container #converse .days .day-section .text-wrapper {
        position: relative;
        height: 600px;
        width: 350px; }
        .container #converse .days .day-section .text-wrapper .text-wrapper-inner {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
        .container #converse .days .day-section .text-wrapper .title, .container #converse .days .day-section .text-wrapper .shoes-name, .container #converse .days .day-section .text-wrapper .check-in-store {
          width: 100%;
          text-align: center; }
        .container #converse .days .day-section .text-wrapper .title {
          margin-bottom: 25px; }
        .container #converse .days .day-section .text-wrapper .shoes {
          position: relative;
          height: 185px;
          opacity: 0;
          transition: all .75s ease-out; }
          .container #converse .days .day-section .text-wrapper .shoes img {
            position: absolute;
            bottom: 0;
            width: 400px; }
        .container #converse .days .day-section .text-wrapper .shoes, .container #converse .days .day-section .text-wrapper .shoes-name {
          margin-bottom: 20px; }
        .container #converse .days .day-section .text-wrapper .caption, .container #converse .days .day-section .text-wrapper .shoes-name {
          font-size: 13px;
          line-height: 26px;
          font-family: "Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA", sans-serif; }
        .container #converse .days .day-section .text-wrapper .caption {
          text-align: justify; }
        .container #converse .days .day-section .text-wrapper .check-in-store {
          position: relative;
          z-index: 1; }
          .container #converse .days .day-section .text-wrapper .check-in-store img {
            width: 192px; }
      .container #converse .days .day-section:nth-child(1) .title img {
        width: 206px; }
      .container #converse .days .day-section:nth-child(1) .shoes {
        transform: translate3d(50px, 0, 0);
        -webkit-transform: translate3d(50px, 0, 0); }
      .container #converse .days .day-section:nth-child(2) {
        top: 120px; }
        .container #converse .days .day-section:nth-child(2) .title img {
          width: 216px; }
        .container #converse .days .day-section:nth-child(2) .caption {
          margin-bottom: 15px; }
        .container #converse .days .day-section:nth-child(2) .shoes {
          transform: translate3d(-50px, 0, 0);
          -webkit-transform: translate3d(-50px, 0, 0); }
      .container #converse .days .day-section:nth-child(3) {
        top: 240px; }
        .container #converse .days .day-section:nth-child(3) .title img {
          width: 217px; }
        .container #converse .days .day-section:nth-child(3) .caption {
          margin-bottom: 15px; }
        .container #converse .days .day-section:nth-child(3) .shoes {
          transform: translate3d(50px, 0, 0);
          -webkit-transform: translate3d(50px, 0, 0); }
      .container #converse .days .day-section:nth-child(4) {
        top: 360px; }
        .container #converse .days .day-section:nth-child(4) .title img {
          width: 215px; }
        .container #converse .days .day-section:nth-child(4) .caption {
          margin-bottom: 15px; }
        .container #converse .days .day-section:nth-child(4) .shoes {
          transform: translate3d(-50px, 0, 0);
          -webkit-transform: translate3d(-50px, 0, 0); }
      .container #converse .days .day-section:nth-child(5) {
        top: 480px; }
        .container #converse .days .day-section:nth-child(5) .title img {
          width: 217px; }
        .container #converse .days .day-section:nth-child(5) .shoes {
          transform: translate3d(50px, 0, 0);
          -webkit-transform: translate3d(50px, 0, 0); }
          .container #converse .days .day-section:nth-child(5) .shoes img {
            top: -25px !important;
            width: 360px !important; }
      .container #converse .days .day-section .underline {
        height: 1px;
        width: 100%;
        margin: 20px 0; }
      .container #converse .days .day-section:nth-child(odd) .img-wrapper {
        float: left;
        left: 0; }
        .container #converse .days .day-section:nth-child(odd) .img-wrapper .gif {
          left: 0; }
        .container #converse .days .day-section:nth-child(odd) .img-wrapper .day-text {
          right: 0; }
      .container #converse .days .day-section:nth-child(odd) .text-wrapper {
        float: right;
        right: 0; }
      .container #converse .days .day-section:nth-child(odd) .underline {
        background-color: #d70b18; }
      .container #converse .days .day-section:nth-child(odd) p {
        color: #d70b18; }
      .container #converse .days .day-section:nth-child(odd) .shoes-name, .container #converse .days .day-section:nth-child(odd) .check-in-store {
        text-align: left; }
      .container #converse .days .day-section:nth-child(odd) .shoes img {
        right: -22px; }
      .container #converse .days .day-section:nth-child(even) .img-wrapper {
        float: right;
        right: 0; }
        .container #converse .days .day-section:nth-child(even) .img-wrapper .gif {
          right: 0; }
        .container #converse .days .day-section:nth-child(even) .img-wrapper .day-text {
          left: 0; }
      .container #converse .days .day-section:nth-child(even) .text-wrapper {
        float: left;
        left: 0; }
      .container #converse .days .day-section:nth-child(even) .underline {
        background-color: #00366c; }
      .container #converse .days .day-section:nth-child(even) p {
        color: #00366c; }
      .container #converse .days .day-section:nth-child(even) .shoes-name, .container #converse .days .day-section:nth-child(even) .check-in-store {
        text-align: right; }
      .container #converse .days .day-section:nth-child(even) .shoes img {
        left: -22px; }
      .container #converse .days .day-section:last-of-type {
        margin-bottom: -200px; }
      .container #converse .days .day-section.visible .shoes {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important; }
    .container #converse .days .day-text {
      position: absolute;
      z-index: 10;
      opacity: 0;
      transform: translate3d(0, 30px, 0);
      -webkit-transform: translate3d(0, 30px, 0);
      transition: opacity 1s ease, transform 2s ease; }
      .container #converse .days .day-text .day-text-inner {
        position: relative;
        height: 100%;
        width: 100%; }
    .container #converse .days .day-text01 {
      top: 24.18px;
      height: 551.65px;
      width: 308.55px; }
      .container #converse .days .day-text01 a {
        right: 0;
        bottom: 172px; }
    .container #converse .days .day-text02 {
      top: -3.4px;
      height: 606.9px;
      width: 306px; }
      .container #converse .days .day-text02 a {
        left: 0;
        bottom: 186px; }
    .container #converse .days .day-text03 {
      top: 11px;
      height: 578px;
      width: 357px; }
      .container #converse .days .day-text03 a {
        right: 0;
        bottom: 153px; }
    .container #converse .days .day-text04 {
      top: 2.5px;
      height: 595px;
      width: 329.8px; }
      .container #converse .days .day-text04 a {
        left: 11px;
        bottom: 172px; }
    .container #converse .days .day-text05 {
      top: 4px;
      height: 592.4px;
      width: 307.7px; }
      .container #converse .days .day-text05 a {
        right: 0px;
        bottom: 169px; }
  .container #converse .white-line {
    width: 1061px;
    margin: -60px auto 10px auto; }
  .container #converse .pick-up-item {
    width: 630px;
    margin: 0 auto; }
    .container #converse .pick-up-item h2 {
      margin-bottom: 30px; }
    .container #converse .pick-up-item .img-wrapper {
      margin-bottom: 15px; }
      .container #converse .pick-up-item .img-wrapper img {
        width: 100%; }
    .container #converse .pick-up-item .name {
      text-align: center;
      font-size: 15px;
      height: 20px;
      line-height: 20px; }
  .container #converse .show-more {
    position: relative;
    margin-top: 20px;
    background-color: #e50012; }

.container #footer {
  position: relative;
  padding: 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background-color: #000000; }
  .container #footer #footer-inner {
    width: 975px;
    margin: 0 auto; }
  .container #footer nav#footer-list-nav ul li {
    margin-right: 25px;
    cursor: pointer;
    transition: opacity .5s ease;
    font-size: 12px;
    font-family: 'ZonaPro-Bold';
    letter-spacing: 1px;
    color: #ffffff; }
    .container #footer nav#footer-list-nav ul li:last-child {
      margin-right: 0; }
    .container #footer nav#footer-list-nav ul li:hover {
      opacity: .5; }
    .container #footer nav#footer-list-nav ul li a {
      font-size: 12px;
      font-family: 'ZonaPro-Bold';
      letter-spacing: 1px;
      color: #ffffff; }
  .container #footer nav#footer-social-nav ul {
    margin-bottom: 50px; }
    .container #footer nav#footer-social-nav ul li.insta {
      margin-right: 30px;
      width: 20px; }
    .container #footer nav#footer-social-nav ul li.facebook {
      width: 10.398px; }
  .container #footer nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .container #footer .line {
    margin: 25px 0 35px 0;
    height: 1.427px;
    width: 3.862px;
    background-color: #ffffff; }
  .container #footer #copyright {
    font-size: 10px;
    color: #ffffff; }
  .container #footer #back-to-top {
    position: absolute;
    bottom: 30px;
    right: 45px;
    width: 27.64px;
    z-index: 1;
    cursor: pointer; }
    .container #footer #back-to-top:hover {
      animation: goToTopHover .5s ease forwards; }

.container #map-canvas {
  float: right;
  width: 73%; }

.overlay, .map-overlay {
  position: fixed;
  top: 70px;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99; }

.overlay .overlay-inner, .map-overlay .overlay-inner {
  margin-bottom: 50px; }

.overlay img, .map-overlay img {
  width: 100%; }

.overlay {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(229, 0, 18, 0.85);
  color: #ffffff;
  transition: all 0.25s ease; }
  .overlay.transform {
    transform: translateX(-100%); }
  .overlay .overlay-inner {
    position: relative;
    top: 140px;
    height: 100%;
    width: 840px;
    min-width: 840px;
    margin: 0 auto; }
  .overlay .flex {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    top: 35px; }
  .overlay .insta-detail-inner {
    position: relative; }
    .overlay .insta-detail-inner .left, .overlay .insta-detail-inner .right, .overlay .insta-detail-inner .bottom {
      opacity: 0;
      transform: translateY(-10px);
      transition: all 0.75s ease; }
    .overlay .insta-detail-inner .left.transform, .overlay .insta-detail-inner .right.transform, .overlay .insta-detail-inner .bottom.transform {
      opacity: 1;
      transform: translateY(0); }
    .overlay .insta-detail-inner .left {
      float: left;
      width: 400px;
      margin-right: 30px; }
    .overlay .insta-detail-inner .right {
      float: right;
      height: 400px;
      width: 389px;
      overflow-x: hidden;
      overflow-y: hidden; }
    .overlay .insta-detail-inner .bottom {
      clear: both;
      width: 100%;
      padding-top: 20px; }
      .overlay .insta-detail-inner .bottom .border {
        position: relative;
        height: 1px;
        width: 100%;
        background-color: #ffffff;
        margin-bottom: 20px; }
      .overlay .insta-detail-inner .bottom .bottom-left, .overlay .insta-detail-inner .bottom .bottom-right {
        float: left; }
      .overlay .insta-detail-inner .bottom .bottom-left {
        width: 465px;
        border-right: 1px solid #ffffff; }
        .overlay .insta-detail-inner .bottom .bottom-left .attr-image {
          float: left;
          height: 120px;
          width: 120px;
          margin-right: 20px;
          background-size: cover;
          background-position: center; }
          .overlay .insta-detail-inner .bottom .bottom-left .attr-image:last-child {
            margin-right: 0; }
      .overlay .insta-detail-inner .bottom .bottom-right {
        padding-left: 50px; }
        .overlay .insta-detail-inner .bottom .bottom-right .wear-item {
          font-size: 12px;
          letter-spacing: 1px;
          text-indent: 1px;
          margin-bottom: 20px; }
        .overlay .insta-detail-inner .bottom .bottom-right .attr-title, .overlay .insta-detail-inner .bottom .bottom-right .attr-price {
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 1px;
          text-indent: 1px;
          font-family: "\6E38\30B4\30B7\30C3\30AF   Medium", "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", sans-serif;
          line-height: 21px; }
        .overlay .insta-detail-inner .bottom .bottom-right .attr-link {
          position: relative;
          display: block;
          margin-top: 18px;
          height: 30px;
          width: 150px;
          line-height: 31px;
          font-size: 12px;
          letter-spacing: 1px;
          text-indent: 1px;
          text-align: center;
          background-color: #ffffff;
          border-radius: 50px;
          transition: opacity 0.25s ease-out; }
          .overlay .insta-detail-inner .bottom .bottom-right .attr-link:hover {
            opacity: 0.8; }
          .overlay .insta-detail-inner .bottom .bottom-right .attr-link a {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            color: #e50012; }
    .overlay .insta-detail-inner .profile {
      margin-bottom: 20px;
      width: 300px;
      text-align: left; }
      .overlay .insta-detail-inner .profile .icon, .overlay .insta-detail-inner .profile .name {
        display: inline-block; }
      .overlay .insta-detail-inner .profile .icon {
        width: 100px;
        margin-right: 10px; }
        .overlay .insta-detail-inner .profile .icon img {
          border-radius: 100px; }
      .overlay .insta-detail-inner .profile .name {
        height: 100px;
        line-height: 100px;
        vertical-align: bottom;
        font-size: 20px; }
    .overlay .insta-detail-inner .insta-detail-caption-wrapper {
      height: 180px;
      margin-bottom: 10px; }
      .overlay .insta-detail-inner .insta-detail-caption-wrapper p {
        width: 389px;
        padding: 0 17px 17px 0;
        text-align: justify;
        direction: ltr; }
    .overlay .insta-detail-inner .insta-detail-tags-wrapper {
      height: 40px; }
    .overlay .insta-detail-inner .insta-detail-caption-wrapper, .overlay .insta-detail-inner .insta-detail-tags-wrapper {
      width: 406px;
      padding-right: 17px;
      overflow-y: scroll;
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 10px;
      overflow: hidden; }
    .overlay .insta-detail-inner .insta-detail-tags-wrapper .insta-detail-caption, .overlay .insta-detail-inner .insta-detail-tags-wrapper .insta-detail-tags {
      width: 389px;
      padding: 0 17px 17px 0; }
    .overlay .insta-detail-inner .insta-detail-caption-wrapper .insta-detail-caption, .overlay .insta-detail-inner .insta-detail-tags-wrapper .insta-detail-caption {
      height: 180px;
      overflow: scroll; }
    .overlay .insta-detail-inner .insta-detail-caption-wrapper .insta-detail-tags {
      height: 40px;
      margin-bottom: 10px;
      overflow: scroll; }
    .overlay .insta-detail-inner .insta-detail-bottom {
      height: 40px; }
      .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner {
        position: relative;
        display: -webkit-flex;
        /* Safari */
        -webkit-align-items: center;
        /* Safari 7.0+ */
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner span {
          display: inline-block; }
        .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-heart {
          margin-right: 20px; }
          .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-heart img {
            width: 45px; }
        .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-likes {
          margin-right: 50px; }
        .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-facebook {
          margin-right: 30px; }
          .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-facebook img {
            width: 13px; }
        .overlay .insta-detail-inner .insta-detail-bottom .insta-detail-bottom-inner .insta-detail-instagram img {
          width: 26px; }
  .overlay .store {
    position: relative;
    width: 840px;
    margin: 30px auto 0px auto;
    padding: 20px 0 70px 0;
    border-top: 1px solid #fff;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.75s ease; }
    .overlay .store.transform {
      opacity: 1;
      transform: translateY(0); }
    .overlay .store button {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: transparent; }
    .overlay .store p {
      font-size: 12.5px;
      line-height: 22px; }
    .overlay .store .store-name {
      font-family: "Futura-Medium";
      font-weight: bold; }
      .overlay .store .store-name .small {
        font-size: 10px; }
    .overlay .store .store-map-icon {
      position: absolute;
      bottom: 70px;
      right: 0;
      height: 15px;
      font-size: 12.5px; }
      .overlay .store .store-map-icon img {
        position: relative;
        top: 3px;
        width: 6px;
        margin-left: 5px; }
    .overlay .store .store-distanse {
      position: absolute;
      top: 20px;
      right: 0;
      height: 15px;
      width: 90px;
      line-height: 16px;
      background-color: #ffffff;
      color: #e50012;
      text-align: center;
      font-size: 10px;
      overflow: hidden; }
      .overlay .store .store-distanse span {
        position: relative;
        animation: distanseAnimation 3s infinite; }

.map-overlay {
  top: 50px;
  transform: translateX(100%);
  transition: all 0.25s ease;
  background-color: #ffffff; }
  .map-overlay.transform {
    transform: translateX(0); }
  .map-overlay.active {
    left: 0;
    z-index: 100; }
  .map-overlay .overlay-inner {
    padding: 0 5%; }
    .map-overlay .overlay-inner .info {
      position: relative;
      height: 35%; }
      .map-overlay .overlay-inner .info .store {
        transform: translateX(0) !important;
        padding: 0 !important;
        background-color: #ffffff !important; }
        .map-overlay .overlay-inner .info .store .store-map-icon img {
          display: none; }
        .map-overlay .overlay-inner .info .store .store-info {
          margin-bottom: 20px; }
          .map-overlay .overlay-inner .info .store .store-info .store-distanse {
            top: 0 !important;
            right: 0 !important; }
    .map-overlay .overlay-inner .latest-post {
      margin-bottom: 20px; }
  .map-overlay .back-to-list {
    position: fixed;
    top: 50%;
    left: 5px;
    margin-top: -56.5px;
    font-size: 12.5px;
    color: #e50012;
    z-index: 100;
    animation: scroll 1s ease -2s infinite alternate; }
    .map-overlay .back-to-list img {
      width: 6px;
      margin-right: 5px;
      vertical-align: baseline; }
  .map-overlay .left, .map-overlay .right {
    float: left; }
  .map-overlay .left span.date, .map-overlay .right {
    font-size: 10px;
    line-height: 15px;
    color: #808080; }
  .map-overlay .left {
    width: 37.5%;
    margin-right: 7.5%; }
    .map-overlay .left img {
      margin-bottom: 5px; }
  .map-overlay .right {
    width: 55%; }

.hidden {
  display: none; }

.fade-in {
  visibility: visible;
  opacity: 1; }

.close-icon {
  position: absolute;
  top: 140px;
  right: 70px;
  cursor: pointer; }
  .close-icon img {
    width: 50px; }

.partial-circle {
  position: fixed;
  height: 120px;
  width: 70px;
  top: 50%;
  margin-top: -107.5px;
  overflow: hidden;
  transform: rotate(180deg); }
  .partial-circle:before {
    content: '';
    position: absolute;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    bottom: 0;
    background-color: rgba(229, 0, 18, 0.07); }

@keyframes likesAnimation {
  0% {
    top: 20px; }
  10% {
    top: 0; }
  90% {
    top: 0; }
  100% {
    top: -20px; } }

@keyframes scroll {
  0% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0px); } }

@keyframes scroll-down {
  0% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0px); } }

@keyframes distanseAnimation {
  0% {
    top: 15px; }
  10% {
    top: 0; }
  90% {
    top: 0; }
  100% {
    top: -15px; } }

@keyframes scroll {
  0% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0px); } }

@keyframes flickr {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.8; } }

@keyframes back-up {
  0% {
    transform: translateY(132px); }
  70% {
    transform: translateY(-2.5px); }
  100% {
    transform: translateY(0px); } }

@keyframes back-down {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(132px); } }

@keyframes on-influ {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@keyframes off-influ {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }

@keyframes shop-hover {
  0% {
    transform: translateX(0%); }
  50% {
    transform: translateX(101%); }
  50.0001% {
    transform: translateX(-131%);
    opacity: 0; }
  50.0002% {
    transform: translateX(-131%);
    opacity: 1; }
  100% {
    transform: translateX(0%); } }

@keyframes sound01 {
  0% {
    height: 20%; }
  50% {
    height: 50%; }
  100% {
    height: 20%; } }

@keyframes sound02 {
  0% {
    height: 20%; }
  50% {
    height: 80%; }
  100% {
    height: 20%; } }

@keyframes sound03 {
  0% {
    height: 20%; }
  50% {
    height: 100%; }
  100% {
    height: 20%; } }

@keyframes sound04 {
  0% {
    height: 20%; }
  50% {
    height: 70%; }
  100% {
    height: 20%; } }

@keyframes cortez-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes cortez-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes cortez-up-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes cortez-down-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes cortez-text-up {
  0% {
    top: 0;
    bottom: auto;
    height: 0; }
  100% {
    top: 0;
    bottom: auto;
    height: 100%; } }

@keyframes cortez-text-up-out {
  0% {
    top: auto;
    bottom: 0;
    height: 100%; }
  100% {
    top: auto;
    bottom: 0;
    height: 0; } }

@keyframes cortez-text-down {
  0% {
    top: auto;
    bottom: 0;
    height: 0; }
  100% {
    top: auto;
    bottom: 0;
    height: 100%; } }

@keyframes cortez-text-down-out {
  0% {
    top: 0;
    bottom: auto;
    height: 100%; }
  100% {
    top: 0;
    bottom: auto;
    height: 0; } }

@keyframes explore {
  0% {
    transform: translate3d(0, -5px, 0); }
  50% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: translate3d(0, -5px, 0); } }

.cf {
  *zoom: 1; }
  .cf:before {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
    clear: both; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #e50012; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  width: 5px;
  background: #fff;
  position: relative; }

.jspDrag {
  border-radius: 5px 5px 5px 5px;
  background: #e50012;
  position: relative;
  top: 0;
  left: 0;
  width: 5px;
  cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }
  .jspArrow.jspDisabled {
    cursor: default;
    background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

@keyframes up-down {
  0% {
    transform: translate3d(-50%, 5px, 0); }
  50% {
    transform: translate3d(-50%, -5px, 0); }
  100% {
    transform: translate3d(-50%, 5px, 0); } }

@keyframes goToTopHover {
  0% {
    transform: translate3d(0, 0, 0); }
  60% {
    transform: translate3d(0, -10px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }