@charset "UTF-8";
.if-category {
	background-color: #ffffff;
}
/*
@media screen and (min-width: 813px) {
  .if-category {
    width: 900px;
	height: auto;
	margin: 0 auto;
  }
}
*/

.if-category_container {
  width: 100%;
  max-width: 900px;
  background-color: #fff;
}

.if-category_inner {
  width: 100%;
}

.if-category_mv {
  width: 100%;
  margin-bottom: 2.5%;
}

.if-category_mv img {
  width: 100%;
}

body {
  padding-top: 0;
}

img {
  max-width: 100%;
}

.if-category_mv {
  margin-bottom: 0;
}

.jogdan_inner {
  padding: 0 5vw;
}
@media screen and (min-width: 813px) {
  .jogdan_inner {
    padding: 0 40px;
  }
}

.jogdan_title, .jogdan_title--point {
  margin-bottom: 6.25vw;
}

.jogdan_title img, .jogdan_title--point img {
  width: 100%;
}

.jogdan_title--point {
  margin-bottom: 8.4375vw;
}

.jogdan_banner {
  padding: 7.5vw 5vw;
  background: #f2ec22;
}

.jogdan_bannerList > li {
  width: 100%;
  position: relative;
  z-index: 1;
}

.jogdan_bannerList > li::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .15;
  position: absolute;
  right: -1.25vw;
  bottom: -1.25vw;
  z-index: -1;
}

.jogdan_bannerList > li + li {
  margin-top: 3.75vw;
}

.jogdan_bannerList > li img {
  width: 100%;
  height: auto;
}

.jogdan_point {
  background-image: url(/ec/images/feature/110F0Z00000/bg-point.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.jogdan_pointInner {
  padding-top: 12.5vw;
  padding-bottom: 12.5vw;
}

.jogdan_pointList > li {
  width: 100%;
}

.jogdan_pointList > li + li {
  margin-top: 6.25vw;
}

.jogdan_pointImage img {
  width: 100%;
}

.jogdan_pointTitle img {
  width: 100%;
}

.jogdan_usage {
  background-color: #88c5e2;
  background-image: url(/ec/images/feature/110F0Z00000/bg-dot.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.jogdan_usageInner {
	padding-top: 7.8125vw;
	padding-bottom: 14.0625vw;
}

.jogdan_usageBody {
  padding: 6.25vw 4.6875vw 4.6875vw;
  background: #FFF;
  font-size: 4.375vw;
  text-align: center;
}
@media screen and (min-width: 813px) {
  .jogdan_usageBody {
    font-size: 40px;
  }
}

.jogdan_usageImage {
  margin-top: 7.8125vw;
  margin-right: -0.46875vw;
}

.jogdan_usageImage img {
  width: 100%;
}

.jogdan_product {
  background-color: #FFF;
  background-image: url(/ec/images/feature/110F0Z00000/bg-dot.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.jogdan_productInner {
  padding-top: 10.9375vw;
  padding-bottom: 12.5vw;
}

.jogdan_productList > li + li {
  margin-top: 9.375vw;
}

.jogdan_productImage {
  margin: 0 -5vw;
}

.jogdan_productImage img {
  width: 100%;
}

.jogdan_productFooter {
  display: flex;
  align-items: center;
}

.jogdan_productPrice {
  flex-shrink: 0;
  width: 21.25vw;
}
@media screen and (min-width: 813px) {
  .jogdan_productPrice {
	  width: 200px;
  }
}

.jogdan_productPrice img {
  width: 100%;
  height: auto;
}

.jogdan_productCheck {
  margin-left: auto;
  display: block;
  width: 46.875vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 813px) {
  .jogdan_productCheck {
	  width: 420px;
  }
}


.jogdan_productCheck::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .2;
  position: absolute;
  right: -0.625vw;
  bottom: -0.625vw;
  z-index: -1;
}

.jogdan_productCheck img {
  width: auto;
}

.jogdan_shoefitter {
  color: #FFF;
  background-image: url(/ec/images/feature/110F0Z00000/bg-shoefitter.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.jogdan_shoefitterInner {
	padding-top: 12.5vw;
	padding-bottom: 15.625vw;
}
@media screen and (min-width: 813px) {
  .jogdan_shoefitterInner {
	  padding-top: 111px;
	  padding-bottom: 135px;
  }
}

.jogdan_shoefitterHead {
  margin-bottom: 4.6875vw;
  text-align: center;
}

.jogdan_shoefitterHead img {
  width: auto;
  height: 5.9375vw;
}

.jogdan_shoefitterLead {
  font-size: 3.75vw;
  text-align: center;
  line-height: 1.667;
}
@media screen and (min-width: 813px) {
  .jogdan_shoefitterLead {
    font-size: 32px;
  }
}

.jogdan_shoefitterArticle {
  margin-top: 6.25vw;
}

.shoefitter {
  position: relative;
}

.shoefitter_inner {
  padding: 4.6875vw 4.6875vw 0.78125vw;
  background: #FFF;
  color: #1a1a1a;
}
@media screen and (min-width: 813px) {
  .shoefitter_inner {
    padding: 40px 40px 4px;
  }
}

.shoefitter_innerHead {
  display: flex;
  align-items: stretch;
  position: relative;
  margin-bottom: 9.375vw;
  font-size: 3.75vw;
  line-height: 1.583;
}
@media screen and (min-width: 813px) {
  .shoefitter_innerHead {
    font-size: 32px;
  }
}

.shoefitter_image {
  flex-shrink: 0;
  margin-right: 5.15625vw;
  width: 37.8125vw;
}
@media screen and (min-width: 813px) {
  .shoefitter_image {
	  width: 350px;
	  margin-right: 40px;
  }
}

.shoefitter_image img {
  width: 100%;
}

.shoefitter_info {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}

.shoefitter_logo {
  margin: 1.5625vw auto auto;
  width: 29.53125vw;
}
@media screen and (min-width: 813px) {
  .shoefitter_logo {
	  margin: 10px auto auto;
	  width: 265px;
  }
}

.shoefitter_logo img {
  width: 100%;
  height: auto;
}

.shoefitter_name {
  color: #0091d9;
  font-weight: 700;
}

.shoefitter_position {
  margin-top: 4.6875vw;
}

.shoefitter_innerBody {
  font-size: 4.375vw;
  line-height: 1.643;
}
@media screen and (min-width: 813px) {
  .shoefitter_innerBody {
    font-size: 40px;
  }
}

.shoefitter_text {
  margin-top: 1.643em;
}

.shoefitter_text em {
  font-style: normal;
  background: linear-gradient(to bottom, transparent 0%, transparent 64.286%, rgba(242, 236, 34, 0.5) 64.286%, rgba(242, 236, 34, 0.5) 100%);
}

.shoefitter_footer {
  width: calc(100% - 11.71875vw);
  height: 11.71875vw;
  background: #FFF;
}

.shoefitter_footer::after {
  display: block;
  content: "";
  width: 13.59375vw;
  height: 11.71875vw;
  background-image: url(/ec/images/feature/110F0Z00000/shoefitter_footer.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.attention {
  position: relative;
}

.attention_inner {
  padding-top: 7.8125vw;
  padding-bottom: 7.8125vw;
}

@media screen and (min-width: 813px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 812px) {
  .pc {
    display: none;
  }
}