/* 製法 */

body[data-theme-color='1'] {
  background-color: #ff00f0;
}

body[data-theme-color='1'] .scrollNav{
  background-color: #ff00f0;
}

body[data-theme-color='1'] #Shoecare .shoecare-logo svg .inner{ fill: #ff00f0; }
body[data-theme-color='1'] #Shoecare .filteringBtn .bg { fill: #ff00f0; }
body[data-theme-color='1'] #Shoecare .filteringBtn .stroke {stroke: #ff00f0; }
body[data-theme-color='1'] #Shoecare .filteringBtn .categories-icon { fill: #ff00f0; }
body[data-theme-color='1'] #Shoecare .filteringBtn .content { fill: #ff00f0; }
body[data-theme-color='1'] #Shoecare .all-tags .tags .tag p{ color:  #ff00f0; }



body [data-bg-color='1'] {
  background-color: #ff00f0;
}
body [data-color='1'] {
  color: #ff00f0;
}
body [data-before-bg-color='1']::before {
  background-color: #ff00f0;
}
body [data-q-bg-color='1'] ul li .question::before {
  background-color: #ff00f0;
}
body [data-fill-color='1'] .cls-1 {
  fill: #ff00f0;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='1']:hover {
      background-color: #ff00f0;
  }
}





/* 革靴のデザイン */

body[data-theme-color='2'] {
  background-color: #ffa500;
}

body[data-theme-color='2'] .scrollNav{
  background-color: #ffa500;
}

body[data-theme-color='2'] #Shoecare .shoecare-logo svg .inner{ fill: #ffa500; }
body[data-theme-color='2'] #Shoecare .filteringBtn .bg { fill: #ffa500; }
body[data-theme-color='2'] #Shoecare .filteringBtn .stroke {stroke: #ffa500; }
body[data-theme-color='2'] #Shoecare .filteringBtn .categories-icon { fill: #ffa500; }
body[data-theme-color='2'] #Shoecare .filteringBtn .content { fill: #ffa500; }
body[data-theme-color='2'] #Shoecare .all-tags .tags .tag p{ color:  #ffa500; }



body [data-bg-color='2'] {
  background-color: #ffa500;
}
body [data-color='2'] {
  color: #ffa500;
}
body [data-before-bg-color='2']::before {
  background-color: #ffa500;
}
body [data-q-bg-color='2'] ul li .question::before {
  background-color: #ffa500;
}
body [data-fill-color='2'] .cls-1 {
  fill: #ffa500;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='2']:hover {
      background-color: #ffa500;
  }
}





/* 脱ぎ履き */

body[data-theme-color='3'] {
  background-color: #4169e1;
}

body[data-theme-color='3'] .scrollNav{
  background-color: #4169e1;
}

body[data-theme-color='3'] #Shoecare .shoecare-logo svg .inner{ fill: #4169e1; }
body[data-theme-color='3'] #Shoecare .filteringBtn .bg { fill: #4169e1; }
body[data-theme-color='3'] #Shoecare .filteringBtn .stroke {stroke: #4169e1; }
body[data-theme-color='3'] #Shoecare .filteringBtn .categories-icon { fill: #4169e1; }
body[data-theme-color='3'] #Shoecare .filteringBtn .content { fill: #4169e1; }
body[data-theme-color='3'] #Shoecare .all-tags .tags .tag p{ color:  #4169e1; }



body [data-bg-color='3'] {
  background-color: #4169e1;
}
body [data-color='3'] {
  color: #4169e1;
}
body [data-before-bg-color='3']::before {
  background-color: #4169e1;
}
body [data-q-bg-color='3'] ul li .question::before {
  background-color: #4169e1;
}
body [data-fill-color='3'] .cls-1 {
  fill: #4169e1;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='3']:hover {
      background-color: #4169e1;
  }
}





/* フィッティング */

body[data-theme-color='4'] {
  background-color: #4169e1;
}

body[data-theme-color='4'] .scrollNav{
  background-color: #4169e1;
}

body[data-theme-color='4'] #Shoecare .shoecare-logo svg .inner{ fill: #4169e1; }
body[data-theme-color='4'] #Shoecare .filteringBtn .bg { fill: #4169e1; }
body[data-theme-color='4'] #Shoecare .filteringBtn .stroke {stroke: #4169e1; }
body[data-theme-color='4'] #Shoecare .filteringBtn .categories-icon { fill: #4169e1; }
body[data-theme-color='4'] #Shoecare .filteringBtn .content { fill: #4169e1; }
body[data-theme-color='4'] #Shoecare .all-tags .tags .tag p{ color:  #4169e1; }



body [data-bg-color='4'] {
  background-color: #4169e1;
}
body [data-color='4'] {
  color: #4169e1;
}
body [data-before-bg-color='4']::before {
  background-color: #4169e1;
}
body [data-q-bg-color='4'] ul li .question::before {
  background-color: #4169e1;
}
body [data-fill-color='4'] .cls-1 {
  fill: #4169e1;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='4']:hover {
      background-color: #4169e1;
  }
}





/* 修理 */

body[data-theme-color='5'] {
  background-color: #ff4500;
}

body[data-theme-color='5'] .scrollNav{
  background-color: #ff4500;
}

body[data-theme-color='5'] #Shoecare .shoecare-logo svg .inner{ fill: #ff4500; }
body[data-theme-color='5'] #Shoecare .filteringBtn .bg { fill: #ff4500; }
body[data-theme-color='5'] #Shoecare .filteringBtn .stroke {stroke: #ff4500; }
body[data-theme-color='5'] #Shoecare .filteringBtn .categories-icon { fill: #ff4500; }
body[data-theme-color='5'] #Shoecare .filteringBtn .content { fill: #ff4500; }
body[data-theme-color='5'] #Shoecare .all-tags .tags .tag p{ color:  #ff4500; }



body [data-bg-color='5'] {
  background-color: #ff4500;
}
body [data-color='5'] {
  color: #ff4500;
}
body [data-before-bg-color='5']::before {
  background-color: #ff4500;
}
body [data-q-bg-color='5'] ul li .question::before {
  background-color: #ff4500;
}
body [data-fill-color='5'] .cls-1 {
  fill: #ff4500;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='5']:hover {
      background-color: #ff4500;
  }
}





/* 靴紐 */

body[data-theme-color='6'] {
  background-color: #ffa500;
}

body[data-theme-color='6'] .scrollNav{
  background-color: #ffa500;
}

body[data-theme-color='6'] #Shoecare .shoecare-logo svg .inner{ fill: #ffa500; }
body[data-theme-color='6'] #Shoecare .filteringBtn .bg { fill: #ffa500; }
body[data-theme-color='6'] #Shoecare .filteringBtn .stroke {stroke: #ffa500; }
body[data-theme-color='6'] #Shoecare .filteringBtn .categories-icon { fill: #ffa500; }
body[data-theme-color='6'] #Shoecare .filteringBtn .content { fill: #ffa500; }
body[data-theme-color='6'] #Shoecare .all-tags .tags .tag p{ color:  #ffa500; }



body [data-bg-color='6'] {
  background-color: #ffa500;
}
body [data-color='6'] {
  color: #ffa500;
}
body [data-before-bg-color='6']::before {
  background-color: #ffa500;
}
body [data-q-bg-color='6'] ul li .question::before {
  background-color: #ffa500;
}
body [data-fill-color='6'] .cls-1 {
  fill: #ffa500;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='6']:hover {
      background-color: #ffa500;
  }
}





/* お手入れ */

body[data-theme-color='7'] {
  background-color: #01A89E;
}

body[data-theme-color='7'] .scrollNav{
  background-color: #01A89E;
}

body[data-theme-color='7'] #Shoecare .shoecare-logo svg .inner{ fill: #01A89E; }
body[data-theme-color='7'] #Shoecare .filteringBtn .bg { fill: #01A89E; }
body[data-theme-color='7'] #Shoecare .filteringBtn .stroke {stroke: #01A89E; }
body[data-theme-color='7'] #Shoecare .filteringBtn .categories-icon { fill: #01A89E; }
body[data-theme-color='7'] #Shoecare .filteringBtn .content { fill: #01A89E; }
body[data-theme-color='7'] #Shoecare .all-tags .tags .tag p{ color:  #01A89E; }



body [data-bg-color='7'] {
  background-color: #01A89E;
}
body [data-color='7'] {
  color: #01A89E;
}
body [data-before-bg-color='7']::before {
  background-color: #01A89E;
}
body [data-q-bg-color='7'] ul li .question::before {
  background-color: #01A89E;
}
body [data-fill-color='7'] .cls-1 {
  fill: #01A89E;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='7']:hover {
      background-color: #01A89E;
  }
}





/* グッズ */

body[data-theme-color='8'] {
  background-color: #662F90;
}

body[data-theme-color='8'] .scrollNav{
  background-color: #662F90;
}

body[data-theme-color='8'] #Shoecare .shoecare-logo svg .inner{ fill: #662F90; }
body[data-theme-color='8'] #Shoecare .filteringBtn .bg { fill: #662F90; }
body[data-theme-color='8'] #Shoecare .filteringBtn .stroke {stroke: #662F90; }
body[data-theme-color='8'] #Shoecare .filteringBtn .categories-icon { fill: #662F90; }
body[data-theme-color='8'] #Shoecare .filteringBtn .content { fill: #662F90; }
body[data-theme-color='8'] #Shoecare .all-tags .tags .tag p{ color:  #662F90; }



body [data-bg-color='8'] {
  background-color: #662F90;
}
body [data-color='8'] {
  color: #662F90;
}
body [data-before-bg-color='8']::before {
  background-color: #662F90;
}
body [data-q-bg-color='8'] ul li .question::before {
  background-color: #662F90;
}
body [data-fill-color='8'] .cls-1 {
  fill: #662F90;
}


@media screen and (min-width: 769px) {
  body [data-hover-bg-color='8']:hover {
      background-color: #662F90;
  }
}