body {
  transition: background .2s linear; }
  body .scrollNav {
    transition: background .2s linear; }
  body[data-theme-color='0'] {
    background-color: #e6e6e6; }
    body[data-theme-color='0'] .scrollNav {
      background-color: #e6e6e6; }
    body[data-theme-color='0'] #Shoecare .shoecare-logo svg .inner-circle {
      fill: white;
      stroke: white; }
    body[data-theme-color='0'] #Shoecare .type svg {
      fill: black; }
      body[data-theme-color='0'] #Shoecare .type svg .shoecareCategory {
        display: none; }
      body[data-theme-color='0'] #Shoecare .type svg .shoecareTag {
        display: block; }
    body[data-theme-color='0'] #Shoecare .backBtn::before {
      border-color: black; }
    body[data-theme-color='0'] #Shoecare .filteringBtn .stroke {
      stroke: white; }
    body[data-theme-color='0'] #Shoecare .filteringBtn .content {
      fill: white; }
    body[data-theme-color='0'] #Shoecare .all-tags .tags .tag p {
      color: white; }
  body:not([data-theme-color='']) #Shoecare .onlytop {
    display: none; }
  body:not([data-theme-color='']) #Shoecare .nottop {
    display: block; }
  body:not([data-theme-color='']) #Shoecare .shoecare-logo {
    border: 1px solid transparent; }
  body:not([data-theme-color='']) #Shoecare .articles {
    margin-top: 54px; }
    body:not([data-theme-color='']) #Shoecare .articles .btn {
      transition: opacity .2s linear; }
      body:not([data-theme-color='']) #Shoecare .articles .btn:hover {
        opacity: .6;
        transition: none; }
      body:not([data-theme-color='']) #Shoecare .articles .btn .pic::before {
        display: none; }
  body:not([data-theme-color='']):not([data-theme-color='0']) .scrollNav .menuBtn span {
    background-color: white; }
  body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare {
    color: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .shoecare-logo svg .outer {
      fill: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .shoecare-logo svg .inner-circle {
      fill: white;
      stroke: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .type .shoecareCategory {
      display: block; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .type .shoecareTag {
      display: none; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .filteringBtn .bg {
      fill: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .filteringBtn .categories-icon {
      stroke: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .categories ul li {
      border-color: white; }
      body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .categories ul li::after {
        border-color: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .all-tags .tags .tag {
      background-color: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .morebtn .more svg .stroke {
      stroke: white; }
    body:not([data-theme-color='']):not([data-theme-color='0']) #Shoecare .morebtn .more svg .more {
      fill: white; }
  body[data-theme-color=''] #Shoecare .onlytop {
    display: block; }
  body[data-theme-color=''] #Shoecare .nottop {
    display: none; }
  body[data-theme-color=''] #Shoecare .shoecare-logo {
    pointer-events: none; }

.modal {
  display: flex;
  justify-content: center; }
  .modal .shoecare-wrapper {
    width: calc(670 / 750 * 100%);
    padding-top: 62px; }
    .modal .shoecare-wrapper .top {
      color: black;
      background: white;
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .modal .shoecare-wrapper .top p {
        font-size: 14.5px;
        letter-spacing: .04em; }
      .modal .shoecare-wrapper .top::before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid black;
        border-left: 1px solid black;
        position: absolute;
        top: 50%;
        left: 18px;
        transform: translateY(-50%) rotate(-45deg); }
    .modal .shoecare-wrapper .container {
      color: white;
      margin-top: 51px; }
      .modal .shoecare-wrapper .container.first {
        margin-top: 42px; }
      .modal .shoecare-wrapper .container .title {
        width: auto;
        text-align: left;
        margin: auto;
        font-size: 12.3px;
        letter-spacing: .05em; }
      .modal .shoecare-wrapper .container .list {
        width: 100%;
        margin-top: 29px; }
        .modal .shoecare-wrapper .container .list.category .category-item {
          margin-top: 15px;
          width: 100%;
          height: 90px;
          box-sizing: border-box;
          border: 1px solid white;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative; }
          .modal .shoecare-wrapper .container .list.category .category-item::after {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-right: 1px solid white;
            border-bottom: 1px solid white;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%) rotate(-45deg); }
          .modal .shoecare-wrapper .container .list.category .category-item p {
            font-size: 13px;
            transform: translate(-2px, -1px); }
        .modal .shoecare-wrapper .container .list.tag {
          display: flex;
          flex-wrap: wrap;
          justify-content: left; }
          .modal .shoecare-wrapper .container .list.tag .tag-item {
            background-color: white;
            font-size: 10px;
            letter-spacing: .1em;
            height: 17px;
            padding: 1px 14px;
            margin-right: 8px;
            margin-bottom: 12px;
            font-weight: bold;
            border-radius: 10px;
            display: inline-flex;
            justify-content: center;
            align-items: center; }
            .modal .shoecare-wrapper .container .list.tag .tag-item p {
              color: black; }
    .modal .shoecare-wrapper .close {
      padding-bottom: 180px; }

#Shoecare {
  font-feature-settings: 'palt';
  padding-top: 21px; }
  #Shoecare .shoecare-logo {
    width: 100%;
    height: 142px; }
    #Shoecare .shoecare-logo svg {
      width: auto;
      height: 100%; }
      #Shoecare .shoecare-logo svg .inner-circle {
        fill: transparent; }
  #Shoecare .lead {
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: bold;
    line-height: 2;
    margin-top: 40px;
    text-align: justify; }
  #Shoecare .type {
    margin-top: 33px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: 11px; }
    #Shoecare .type svg {
      width: auto;
      height: 100%;
      fill: white; }
  #Shoecare .target {
    margin-top: 18px;
    font-size: 26px;
    letter-spacing: .05em; }
  #Shoecare .filteringBtn {
    margin-top: 40px;
    width: 100%; }
    #Shoecare .filteringBtn .bg {
      fill: black; }
    #Shoecare .filteringBtn .stroke {
      stroke: white;
      stroke-width: 4px; }
    #Shoecare .filteringBtn .categories-icon {
      stroke: black;
      stroke-width: 2px;
      fill: white; }
    #Shoecare .filteringBtn .content {
      fill: white; }
  #Shoecare .backBtn {
    display: block;
    position: relative;
    margin-top: 32px;
    font-size: 12px;
    transform: translateX(10px);
    letter-spacing: .05em;
    backface-visibility: hidden; }
    #Shoecare .backBtn::before {
      content: '';
      display: block;
      position: absolute;
      width: 5px;
      height: 5px;
      border-left: 1px solid white;
      border-bottom: 1px solid white;
      transform: translateY(-50%) rotate(45deg);
      top: 50%;
      right: 68%;
      backface-visibility: hidden; }
  #Shoecare .articles {
    margin-top: 70px; }
    #Shoecare .articles .article {
      margin-top: 29px;
      opacity: 0; }
      #Shoecare .articles .article.show {
        opacity: 1;
        transition: opacity .2s linear; }
      #Shoecare .articles .article .pic {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 0;
        width: 100%;
        padding-top: calc(380 / 670 * 100%);
        background-color: #f1f2f3; }
      #Shoecare .articles .article .desc {
        text-align: left;
        margin-top: 12px; }
      #Shoecare .articles .article .category {
        display: inline-block;
        margin-right: 7px; }
      #Shoecare .articles .article .publish {
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: .05em; }
      #Shoecare .articles .article .title {
        margin-top: 4px;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.7; }
  #Shoecare .morebtn {
    margin-top: 53px;
    transition: opacity .2s linear; }
    #Shoecare .morebtn:hover {
      opacity: .6;
      transition: none; }
    #Shoecare .morebtn .more svg .stroke {
      visibility: hidden;
      stroke: black; }
    #Shoecare .morebtn .more svg .more {
      fill: black; }
    #Shoecare .morebtn .more::before {
      display: none; }
  #Shoecare .tag {
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    letter-spacing: .1em;
    padding: 0px 12px;
    height: 17px;
    border-radius: 10px;
    background-color: #999;
    margin-right: 5px;
    margin-bottom: 7px;
    position: relative; }
    #Shoecare .tag::before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% + 5px);
      height: calc(100% + 10px); }
    #Shoecare .tag p {
      color: white; }
  #Shoecare .category {
    display: inline-block;
    color: white;
    padding: 4px 8px;
    font-size: 11.5px;
    letter-spacing: .05em; }
  #Shoecare .categories {
    margin-top: 76px; }
    #Shoecare .categories h3 {
      text-align: left;
      font-size: 12.5px;
      letter-spacing: .1em;
      font-weight: bold; }
    #Shoecare .categories ul {
      margin-top: 29px; }
      #Shoecare .categories ul li {
        width: 100%;
        height: 92px;
        border: 1px solid black;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 13px;
        position: relative; }
        #Shoecare .categories ul li > p {
          font-size: 12.5px;
          letter-spacing: .1em;
          font-weight: bold; }
        #Shoecare .categories ul li::after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 20px;
          width: 6px;
          height: 6px;
          border-right: 1px solid black;
          border-bottom: 1px solid black;
          transform: translateY(-50%) rotate(-45deg); }
  #Shoecare .all-tags {
    margin-top: 50px;
    text-align: left; }
    #Shoecare .all-tags > h2 {
      font-size: 12.5px;
      letter-spacing: .1em;
      font-weight: bold; }
    #Shoecare .all-tags .tags {
      margin-top: 28px;
      display: flex;
      flex-wrap: wrap;
      justify-content: left; }
      #Shoecare .all-tags .tags .tag {
        padding: 1px 14px;
        margin-bottom: 12px; }
  #Shoecare div.shoecareTop {
    margin-top: 28px; }
  #Shoecare .contentBtns {
    margin: 75px auto 0;
    width: 275px; }
    #Shoecare .contentBtns .btn {
      margin-top: 39px; }
      #Shoecare .contentBtns .btn .image {
        width: 100%;
        height: auto; }
      #Shoecare .contentBtns .btn .title-en {
        margin-top: 13px;
        font-size: 11px;
        font-weight: bold; }
      #Shoecare .contentBtns .btn .title-jp {
        margin-top: 8px;
        font-size: 15px;
        font-weight: bold; }

#RelatedPosts {
  margin-top: 74px; }

@media screen and (min-width: 769px) {
  body:not([data-theme-color='']) #Shoecare {
    padding-top: 30px; }
    body:not([data-theme-color='']) #Shoecare .shoecare-logo {
      height: 190px;
      transition: opacity .2s linear; }
      body:not([data-theme-color='']) #Shoecare .shoecare-logo:hover {
        opacity: .6;
        transition: none; }
    body:not([data-theme-color='']) #Shoecare .type {
      height: 14px; }
    body:not([data-theme-color='']) #Shoecare .filteringBtn {
      margin-top: 62px; }
    body:not([data-theme-color='']) #Shoecare .articles {
      margin-top: 92px; }
      body:not([data-theme-color='']) #Shoecare .articles .article {
        width: 260px;
        height: 420px;
        margin-top: 0; }
        body:not([data-theme-color='']) #Shoecare .articles .article:first-child {
          width: 260px;
          height: 420px; }
          body:not([data-theme-color='']) #Shoecare .articles .article:first-child .pic {
            width: 260px;
            padding-top: 260px; }
          body:not([data-theme-color='']) #Shoecare .articles .article:first-child .desc {
            margin-top: 25px; }
          body:not([data-theme-color='']) #Shoecare .articles .article:first-child .title {
            margin-top: 11px; }
  .modal .shoecare-wrapper {
    width: 980px;
    padding-top: 100px; }
    .modal .shoecare-wrapper .top {
      width: 237px;
      height: 55px;
      cursor: pointer;
      transition: opacity .2s linear;
      margin-left: 10px; }
      .modal .shoecare-wrapper .top:hover {
        opacity: .6;
        transition: none; }
      .modal .shoecare-wrapper .top::before {
        left: 41px;
        width: 7px;
        height: 7px; }
    .modal .shoecare-wrapper .container {
      margin-top: 102px; }
      .modal .shoecare-wrapper .container.first {
        margin-top: 101px; }
      .modal .shoecare-wrapper .container .title {
        font-size: 17.5px;
        letter-spacing: .06em;
        margin-top: 20px;
        font-weight: normal; }
      .modal .shoecare-wrapper .container .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 45px; }
        .modal .shoecare-wrapper .container .list.category.few .category-item {
          width: calc(100% / 2); }
        .modal .shoecare-wrapper .container .list.category .category-item {
          margin-top: 0;
          height: 110px;
          width: calc(100% / 3);
          cursor: pointer;
          transition: background .2s linear; }
          .modal .shoecare-wrapper .container .list.category .category-item:nth-child(3n), .modal .shoecare-wrapper .container .list.category .category-item:nth-child(3n - 1) {
            border-left: 0; }
          .modal .shoecare-wrapper .container .list.category .category-item:nth-child(n + 4) {
            border-top: 0; }
          .modal .shoecare-wrapper .container .list.category .category-item:hover {
            transition: none; }
          .modal .shoecare-wrapper .container .list.category .category-item::after {
            display: none; }
          .modal .shoecare-wrapper .container .list.category .category-item p {
            font-size: 14px;
            transform: translate(-3px, 1px);
            letter-spacing: 0.05em;
            position: relative; }
            .modal .shoecare-wrapper .container .list.category .category-item p::after {
              content: '';
              display: block;
              width: 6px;
              height: 6px;
              border-right: 1px solid white;
              border-bottom: 1px solid white;
              position: absolute;
              top: 50%;
              right: -26px;
              transform: translateY(-50%) rotate(-45deg); }
        .modal .shoecare-wrapper .container .list.tag {
          margin-top: 51px; }
          .modal .shoecare-wrapper .container .list.tag .tag-item {
            padding: 4px 19px;
            border-radius: 12px;
            margin-bottom: 15px;
            margin-right: 10px;
            cursor: pointer;
            transition: opacity .2s linear; }
            .modal .shoecare-wrapper .container .list.tag .tag-item:hover {
              opacity: .6;
              transition: none; }
            .modal .shoecare-wrapper .container .list.tag .tag-item p {
              font-size: 13px;
              letter-spacing: .1em; }
  #Shoecare {
    padding-top: 40px; }
    #Shoecare .c-wrapper {
      width: 980px !important; }
    #Shoecare .shoecare-logo {
      width: 330px;
      height: 240px;
      margin: 0 auto;
      cursor: pointer; }
    #Shoecare .lead {
      font-size: 14px;
      letter-spacing: .1em;
      line-height: 2.5;
      margin-top: 80px;
      text-align: center; }
    #Shoecare .type {
      margin-top: 55px;
      width: 70px; }
    #Shoecare .target {
      margin-top: 22px;
      font-size: 38px; }
    #Shoecare .filteringBtn {
      margin-top: 40px;
      width: 350px;
      transition: opacity .2s linear; }
      #Shoecare .filteringBtn:hover {
        opacity: .6;
        transition: none; }
    #Shoecare .backBtn {
      font-size: 14px;
      cursor: pointer;
      transition: opacity .2s linear; }
      #Shoecare .backBtn::before {
        width: 7px;
        height: 7px;
        right: 57%; }
      #Shoecare .backBtn:hover {
        opacity: .6;
        transition: none; }
        #Shoecare .backBtn:hover::before {
          right: 57.3%; }
    #Shoecare .articles {
      margin-top: 110px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #Shoecare .articles .article {
        width: 260px;
        height: 420px;
        margin-top: 0; }
        #Shoecare .articles .article:first-child {
          width: 100%;
          height: 695px; }
          #Shoecare .articles .article:first-child .pic {
            width: 100%;
            padding-top: calc(550 / 980 * 100%); }
          #Shoecare .articles .article:first-child .desc {
            margin-top: 25px; }
          #Shoecare .articles .article:first-child .title br {
            display: none; }
        #Shoecare .articles .article .btn:hover .pic::before {
          opacity: .6;
          transition: none; }
        #Shoecare .articles .article .btn:hover .desc {
          opacity: .6;
          transition: none; }
        #Shoecare .articles .article .pic {
          position: relative;
          width: 260px;
          padding-top: 260px; }
          #Shoecare .articles .article .pic::before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            opacity: 0;
            transition: opacity .2s linear; }
        #Shoecare .articles .article .desc {
          text-align: left;
          margin-top: 20px;
          transition: opacity .2s linear; }
        #Shoecare .articles .article .category {
          display: inline-block;
          padding: 5px 12px;
          font-size: 11px;
          margin-right: 13px; }
        #Shoecare .articles .article .publish {
          font-weight: normal;
          font-size: 12px;
          letter-spacing: 0; }
        #Shoecare .articles .article .title {
          margin-top: 11px;
          font-size: 14px;
          letter-spacing: 0.05em;
          line-height: 1.6; }
    #Shoecare .tag {
      cursor: pointer;
      padding: 4px 19px;
      border-radius: 12px;
      margin-right: 10px;
      margin-bottom: 15px;
      transition: opacity .2s linear; }
      #Shoecare .tag::before {
        display: none; }
      #Shoecare .tag p {
        font-size: 12px;
        letter-spacing: .1em; }
      #Shoecare .tag:hover {
        opacity: .6;
        transition: none; }
    #Shoecare .categories {
      width: 980px;
      margin-top: 100px;
      margin-left: -490px;
      left: 50%;
      position: relative; }
      #Shoecare .categories > h3 {
        font-size: 18px;
        letter-spacing: .1em; }
      #Shoecare .categories ul {
        margin-top: 43px;
        display: flex;
        flex-wrap: wrap; }
        #Shoecare .categories ul.few li {
          width: 33%; }
        #Shoecare .categories ul li {
          margin-top: 0;
          height: 112px;
          transition: background .2s linear;
          border: 1px solid black;
          width: calc(100% / 3);
          cursor: pointer; }
          #Shoecare .categories ul li:nth-child(3n), #Shoecare .categories ul li:nth-child(3n - 1) {
            border-left: 0; }
          #Shoecare .categories ul li:nth-child(n + 4) {
            border-top: 0; }
          #Shoecare .categories ul li:hover {
            transition: none; }
            #Shoecare .categories ul li:hover > p {
              color: white; }
            #Shoecare .categories ul li:hover::after {
              border-color: white; }
          #Shoecare .categories ul li > p {
            font-size: 14px;
            letter-spacing: .1em; }
          #Shoecare .categories ul li::after {
            position: relative;
            right: -19px;
            top: 2px; }
    #Shoecare .all-tags {
      margin-top: 80px;
      width: 980px;
      margin-left: -490px;
      left: 50%;
      position: relative; }
      #Shoecare .all-tags > h2 {
        font-size: 18px;
        letter-spacing: .1em; }
      #Shoecare .all-tags .tags {
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: left; }
        #Shoecare .all-tags .tags .tag {
          padding: 4px 19px;
          border-radius: 12px;
          margin-bottom: 15px;
          margin-right: 10px; }
    #Shoecare div.shoecareTop {
      margin-top: 85px; }
    #Shoecare .contentBtns {
      width: 100%;
      margin-top: 200px;
      display: flex;
      justify-content: space-between; }
      #Shoecare .contentBtns.single {
        justify-content: center; }
      #Shoecare .contentBtns .btn {
        margin-top: 0px;
        width: 430px;
        transition: opacity .2s linear; }
        #Shoecare .contentBtns .btn:hover {
          transition: none;
          opacity: .6; }
        #Shoecare .contentBtns .btn .image {
          width: 100%;
          height: auto; }
        #Shoecare .contentBtns .btn .title-en {
          margin-top: 23px;
          font-size: 15px; }
        #Shoecare .contentBtns .btn .title-jp {
          margin-top: 20px;
          font-size: 18px;
          letter-spacing: .1em; }
  #RelatedPosts {
    margin-top: 175px; } }

@media screen and (max-width:480px){
      #Shoecare .categories ul {
        margin-top: 43px;
        display: flex;
        flex-wrap: wrap; }
}