main {
  padding-top: 0px; }

#GlobalWrapper {
  visibility: hidden;
  height: 100%; }
  #GlobalWrapper.loaded {
    opacity: 0; }
    #GlobalWrapper.loaded.show {
      height: auto;
      visibility: visible;
      opacity: 1;
      transition: opacity 0.5s; }

#Intro {
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0; }
  #Intro.hide {
    opacity: 0;
    visibility: hidden;
    transition: 1s opacity visibility; }
  #Intro ul {
    font-size: 0;
    transform: translate(-50%, -50%) rotate(-50deg);
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%; }
    #Intro ul li {
      opacity: 0;
      position: relative;
      top: 0px;
      display: inline-block;
      width: 20px;
      margin: 0 7px;
      background: url("http://ctag-dev11.xyz/html/template/default/assets/img/common/foot_left.svg");
      transition: none; }
      #Intro ul li:after {
        content: "";
        display: inline-block;
        height: 0;
        padding-top: calc(7 / 18 * 100%); }
      #Intro ul li:nth-child(2n) {
        background: url("http://ctag-dev11.xyz/html/template/default/assets/img/common/foot_right.svg");
        top: 10px; }
      #Intro ul li.on {
        opacity: 1;
        transition: opacity 0.3s; }
        #Intro ul li.on.grey {
          opacity: 0.08; }

@keyframes up {
  0% {
    top: 0px;
    height: 60px; }
  100% {
    top: -100px;
    height: 100px; } }

.scrollNav {
  top: -100px;
  transition: top 0.4s cubic-bezier(0.17, 0.57, 0.35, 0.82), height 0s 0.4s cubic-bezier(0.17, 0.57, 0.35, 0.82);
  transform: translate3d(0, 0, 0); }
  .scrollNav.thick {
    visibility: visible;
    top: 0px;
    height: 60px;
    transition: top 0.2s cubic-bezier(0.17, 0.57, 0.35, 0.82); }

#TopScrollNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 75px;
  width: 100%;
  z-index: 50; }
  #TopScrollNav.blk #TopScrollNavWrapper .cls-1 {
    fill: black; }
  #TopScrollNav.blk #TopScrollNavWrapper .menuBtn span {
    background-color: black; }
  #TopScrollNav #TopScrollNavWrapper {
    position: relative;
    width: calc(580 / 750 * 100%);
    height: 100%;
    margin: 0 auto; }
    #TopScrollNav #TopScrollNavWrapper .cls-1 {
      transition: fill 0.1s linear;
      fill: white; }
    #TopScrollNav #TopScrollNavWrapper .logo {
      width: 124px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block; }
    #TopScrollNav #TopScrollNavWrapper .menuBtn {
      position: absolute;
      top: 22px;
      right: -20px;
      box-sizing: border-box;
      width: 24px;
      height: 22px;
      transition: border 0.1s linear; }
      #TopScrollNav #TopScrollNavWrapper .menuBtn::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200%; }
      #TopScrollNav #TopScrollNavWrapper .menuBtn span {
        position: absolute;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 2px;
        background-color: white;
        transform: translate3d(0, 0, 0);
        transition: transform 0.2s ease,opacity 0.2s 0.1s ease; }
        #TopScrollNav #TopScrollNavWrapper .menuBtn span:nth-child(1) {
          top: 0; }
        #TopScrollNav #TopScrollNavWrapper .menuBtn span:nth-child(2) {
          top: 10px; }
        #TopScrollNav #TopScrollNavWrapper .menuBtn span:nth-child(3) {
          top: auto;
          bottom: 0; }
      #TopScrollNav #TopScrollNavWrapper .menuBtn.show span:nth-child(1) {
        transform: translateY(10px) rotate(45deg); }
      #TopScrollNav #TopScrollNavWrapper .menuBtn.show span:nth-child(2) {
        opacity: 0; }
      #TopScrollNav #TopScrollNavWrapper .menuBtn.show span:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg); }

.slick .slick-dots {
  bottom: -46px; }
  .slick .slick-dots li {
    width: 18px;
    margin: 0 7px; }

main .onlinestore.arrow {
  margin-top: 98px;
  padding: 40px 0;
  position: relative; }
  main .onlinestore.arrow p:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -7px;
    left: -39px;
    background: url("http://ctag-dev11.xyz/html/template/default/assets/img/common/cart_wh.svg") center center no-repeat;
    width: 20px;
    height: 20px; }
  main .onlinestore.arrow p:after {
    top: 0;
    right: -26px; }

main .bkbtn {
  margin-top: 40px; }

main h3 {
  font-size: 0.65em;
  line-height: 1.8;
  letter-spacing: 0.065em; }

main #Special {
  margin-top: 100px; }
  main #Special h3 {
    margin-top: 31px; }
  main #Special .articles {
    margin-top: 40px; }
    main #Special .articles .article {
      margin-top: 32px; }
      main #Special .articles .article .desc {
        text-align: left;
        margin-top: 18px; }
        main #Special .articles .article .desc .title {
          font-size: 0.9em;
          line-height: 1.3; }
        main #Special .articles .article .desc .supple {
          margin-top: 7px;
          font-size: 0.7em;
          color: grey; }

main #Shoecare {
  margin-top: 100px; }
  main #Shoecare h3 {
    margin-top: 31px; }
  main #Shoecare .shoecare-entries {
    margin-top: 40px; }
  main #Shoecare .shoecare-entry {
    margin-top: 29px; }
  main #Shoecare .pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    width: 100%;
    padding-top: calc(380 / 670 * 100%);
    background-color: #f1f2f3; }
  main #Shoecare .desc {
    text-align: left;
    margin-top: 12px; }
    main #Shoecare .desc .category {
      display: inline-block;
      margin-right: 7px;
      color: white;
      padding: 4px 8px;
      font-size: 11.5px;
      letter-spacing: .05em; }
    main #Shoecare .desc .publish {
      display: inline-block;
      font-weight: bold;
      font-size: 12px;
      letter-spacing: .05em; }
    main #Shoecare .desc .title {
      font-feature-settings: 'palt';
      margin-top: 4px;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 1.7;
      text-align: justify; }

main #Products {
  margin-top: 80px; }
  main #Products h3 {
    margin-top: 30px; }
  main #Products .items {
    margin-top: 42px; }
    main #Products .items .l_item .item {
      width: 100%; }
      main #Products .items .l_item .item:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 17px;
        width: 13px;
        height: 13px;
        border-top: 1px solid white;
        border-right: 1px solid white;
        transform: translateY(-50%) rotate(45deg); }
      main #Products .items .l_item .item .find {
        display: none; }
      main #Products .items .l_item .item .text {
        position: absolute;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%); }
        main #Products .items .l_item .item .text.text_2019ss {
          top: 50%;
          height: 40px;
          transform: translate(-50%, -50%); }
        main #Products .items .l_item .item .text.text_standard {
          top: 40px;
          height: 21px; }
    main #Products .items .m_items {
      display: flex; }
      main #Products .items .m_items .item {
        width: 50%; }
        main #Products .items .m_items .item:after {
          content: "";
          display: inline-block;
          position: absolute;
          bottom: 24px;
          right: 22%;
          width: 8px;
          height: 8px;
          transform: rotate(45deg);
          border-top: 1px solid white;
          border-right: 1px solid white; }
        main #Products .items .m_items .item .text {
          position: absolute;
          display: block;
          bottom: 12px;
          left: 56%;
          width: 100px;
          transform: translateX(-50%); }
    main #Products .items .l_item .item .find, main #Products .items .m_items .item .find {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 20px; }

main #News {
  margin-top: 100px; }
  main #News .articles {
    margin-top: 51px;
    border-top: 1px solid grey;
    text-align: left;
    box-sizing: border-box; }
    main #News .articles .article {
      border-bottom: 1px solid grey;
      padding: 18px 0; }
      main #News .articles .article .title {
        font-size: 0.8em;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: 0.05em; }
      main #News .articles .article .supple {
        display: inline-block;
        margin-top: 6px;
        font-size: 0.7em;
        color: grey; }

#SNSArea {
  margin-top: 100px; }

@media screen and (min-width: 769px) {
  #TopScrollNav {
    height: 120px; }
    #TopScrollNav #TopScrollNavWrapper {
      width: calc(100% - 120px); }
      #TopScrollNav #TopScrollNavWrapper .menuBtn {
        width: 36px;
        height: 28px;
        cursor: pointer;
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
        #TopScrollNav #TopScrollNavWrapper .menuBtn span {
          width: 36px; }
          #TopScrollNav #TopScrollNavWrapper .menuBtn span:nth-child(2) {
            top: 13px; }
        #TopScrollNav #TopScrollNavWrapper .menuBtn:after {
          display: none; }
      #TopScrollNav #TopScrollNavWrapper .logo {
        width: 162px;
        height: 21.5px;
        position: absolute;
        left: 0; }
      #TopScrollNav #TopScrollNavWrapper .navTopBtn {
        display: inline-block;
        position: absolute;
        top: 51%;
        right: 96px;
        width: 150px;
        height: 30px;
        transform: translateY(-50%);
        transition: opacity 0.2s linear; }
        #TopScrollNav #TopScrollNavWrapper .navTopBtn:hover {
          opacity: 0.5;
          transition: none; }
        #TopScrollNav #TopScrollNavWrapper .navTopBtn .cart {
          width: 24px;
          height: 24px;
          position: absolute;
          top: 0;
          left: 0; }
        #TopScrollNav #TopScrollNavWrapper .navTopBtn .onlinestore {
          width: 114px;
          height: 10.5px;
          position: absolute;
          top: 8px;
          right: 4px; }
      #TopScrollNav #TopScrollNavWrapper .menuBtn {
        transition: opacity 0.2s linear; }
        #TopScrollNav #TopScrollNavWrapper .menuBtn:hover {
          opacity: 0.5;
          transition: none; }
    #TopScrollNav.blk + .scrollNav .logo svg {
      fill: red; }
  .slick .slick-dots {
    bottom: -90px; }
    .slick .slick-dots li {
      width: 34px;
      margin: 0 18px; }
      .slick .slick-dots li svg {
        width: 34px;
        height: 13.2px; }
  #Intro ul li {
    width: 32px;
    margin: 0 20px; }
    #Intro ul li:nth-child(2n) {
      top: 20px; }
  main .bkbtn {
    margin-top: 100px; }
  main h3 {
    font-size: 0.9em;
    line-height: 1.9; }
  main #Special {
    margin-top: 249px; }
    main #Special h3 {
      margin-top: 53px; }
    main #Special .articles {
      margin-top: 92px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      main #Special .articles > div {
        margin-top: 50px; }
      main #Special .articles .article {
        margin-top: 0; }
        main #Special .articles .article .desc {
          margin-top: 21px; }
          main #Special .articles .article .desc .title {
            font-size: 1.05em;
            line-height: 1.4; }
          main #Special .articles .article .desc .supple {
            margin-top: 10px;
            font-size: 0.8em;
            letter-spacing: 0.1em; }
      main #Special .articles .btn {
        display: inline-block;
        position: relative; }
      main #Special .articles .l_item {
        display: inline-block; }
        main #Special .articles .l_item:first-child {
          margin-top: 0; }
        main #Special .articles .l_item .article {
          width: 980px; }
      main #Special .articles .m_item {
        display: inline-block; }
        main #Special .articles .m_item .article {
          width: 480px; }
      main #Special .articles .s_item {
        display: inline-block; }
        main #Special .articles .s_item .article {
          width: 312px; }
      main #Special .articles .m_items {
        display: flex;
        justify-content: space-between; }
        main #Special .articles .m_items .find {
          position: absolute;
          top: 0;
          left: 0;
          width: 40px; }
        main #Special .articles .m_items .article {
          width: 480px;
          position: relative; }
      main #Special .articles .s_items {
        display: flex;
        justify-content: space-between; }
        main #Special .articles .s_items .article {
          width: 312px; }
  main #Shoecare {
    margin-top: 249px; }
    main #Shoecare h3 {
      margin-top: 53px; }
    main #Shoecare .shoecare-entries {
      margin: 92px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
      main #Shoecare .shoecare-entries.single {
        width: 260px; }
      main #Shoecare .shoecare-entries.double {
        width: 620px; }
    main #Shoecare .shoecare-entry {
      margin-top: 50px;
      width: 260px;
      height: 420px;
      margin-top: 0; }
      main #Shoecare .shoecare-entry .btn:hover .pic::before {
        opacity: .6;
        transition: none; }
      main #Shoecare .shoecare-entry .btn:hover .desc {
        opacity: .6;
        transition: none; }
    main #Shoecare .pic {
      position: relative;
      width: 260px;
      padding-top: 260px; }
      main #Shoecare .pic::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        transition: opacity .2s linear; }
    main #Shoecare .desc {
      text-align: left;
      margin-top: 20px;
      transition: opacity .2s linear; }
      main #Shoecare .desc .category {
        display: inline-block;
        padding: 5px 12px;
        font-size: 11px;
        margin-right: 13px; }
      main #Shoecare .desc .publish {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 0; }
      main #Shoecare .desc .title {
        margin-top: 11px;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.6; }
    main #Shoecare .bkbtn {
      margin-top: 32px; }
  main #Products {
    margin-top: 296px; }
    main #Products h3 {
      margin-top: 52px; }
    main #Products .items {
      width: 980px;
      margin: 92px auto 0; }
      main #Products .items .l_item .item:after {
        display: inline-block;
        top: 192px;
        right: 68px;
        width: 28px;
        height: 28px; }
      main #Products .items .l_item .item:hover img.pic {
        transform: scale(1.1); }
      main #Products .items .l_item .item:hover:after {
        right: 65px; }
      main #Products .items .l_item .item .text {
        display: block;
        position: absolute;
        width: auto; }
        main #Products .items .l_item .item .text.text_2019ss {
          top: 50%;
          height: 60px; }
        main #Products .items .l_item .item .text.text_standard {
          top: 65px;
          height: 34px; }
      main #Products .items .m_items .item:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 45px;
        right: 190px;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border-top: 1px solid white;
        border-right: 1px solid white; }
      main #Products .items .m_items .item:hover img.pic {
        transform: scale(1.2); }
      main #Products .items .m_items .item:hover:after {
        right: 187px; }
      main #Products .items .m_items .item .text {
        bottom: 32px;
        left: 50%;
        height: 35px;
        width: auto; }
      main #Products .items .l_item .item, main #Products .items .m_items .item {
        position: relative;
        overflow: hidden; }
        main #Products .items .l_item .item img.pic, main #Products .items .m_items .item img.pic {
          transition: transform 1s cubic-bezier(0.19, 0.68, 0.58, 1); }
        main #Products .items .l_item .item:hover .find, main #Products .items .m_items .item:hover .find {
          display: block; }
        main #Products .items .l_item .item .find, main #Products .items .m_items .item .find {
          display: none;
          top: 15px;
          left: 15px; }
  main #News {
    margin-top: 246px; }
    main #News h3 {
      margin-top: 60px; }
    main #News .articles {
      margin-top: 100px; }
      main #News .articles .article {
        padding: 0; }
        main #News .articles .article > p {
          display: inline-block;
          padding: 24px 0 30px;
          width: 100%; }
        main #News .articles .article .title {
          font-size: 1em;
          letter-spacing: 0.04em;
          opacity: 1; }
        main #News .articles .article .supple {
          font-size: 0.95em;
          margin-top: 9px;
          letter-spacing: 0.03em; }
  #SNSArea {
    margin-top: 250px; }
  footer {
    height: 780px; }
    footer .upper:after {
      display: none; }
    footer .lower {
      margin-top: 105px; } }