[data-SP-aspect-ratio="750:563"]:before {
  padding-top: 75.0666%;
}
.fr-heading.-h2{
  margin-top: 16px;
  font-family: Hiragino Kaku Gothic ProN;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
}
.fr-heading.-h1{
  margin-top: 16px;
  font-family: Hiragino Kaku Gothic ProN;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
}
li img{
  width: 100%;
}
li:hover{
  cursor: pointer;
}
.question_list li{
  margin-top: 16px;
}
.question_list li:first-child{
  margin-top: 24px;
}
.result_top_img{
  margin-top: 16px;
}
.result_color_img{
  margin-top: 8px;
}
.result_explanation{
  margin-top: 16px;
}
.result_explanation_title{
  font-size: 18px;
  line-height: 27px;
}
.recommendation_color{
  margin-top: 32px;
}
.recommendation_color_title{
  font-size: 18px;
  line-height: 27px;
}
.recommendation_color .fr-linkButtonParent{
  margin-top: 24px;
}
.color_share .u-imgAdjustBox{
  margin-top: 16px;
}
.color_share .fr-snsButtons_items{
  justify-content: center;
}
.color_share .fr-snsButtons_items{
  margin-top: 16px;
}
.color_share .fr-snsButtons_item+.fr-snsButtons_item{
  margin-left: 30px;
}
.color_share .fr-linkButtonParent{
  margin-top: 32px;
}
.other_diagnose{
  margin-top: 52px;
}
.other_diagnose_title{
  font-size: 20px;
  line-height: 27px;
}
.other_diagnose .u-imgAdjustBox{
  margin-top: 16px;
}
.top-back{
  text-align: right;
  margin-top: 16px;
}
.top-back a{
  border-bottom: 1px solid;
  cursor: pointer;
}
.top-back a:hover{
  border-bottom: 0px;
}
.fr-linkButton{
  margin-left: auto;
  margin-right: auto;
}
.choose_box{
  width: 100%;
}
.you-type{
  margin-top: 16px;
  font-size: 18px;
}
.result_explanation_text{
  margin-top: 8px;
}
.last-button{
  margin-top: 24px;
}
.recommendation_color .last-button{
  margin-top: 16px;
}
.sc-iCfMLu.dETPU {
  margin-top: 52px;
}
.question-last-button{
  margin-top: 32px;
  margin-bottom: 52px;
}
.fr-linkButton.-watercolor_spring{
  background-image: url(https://im.uniqlo.mom/global-cms/spa/resd51390740b946826b311eb692d3a2174fr.jpg);
  background-size:  cover; 
}
.fr-linkButton.-watercolor_summer{
  background-image: url(https://im.uniqlo.mom/global-cms/spa/res8b423781412b01297353b86c785bfb3cfr.jpg);
  background-size:  cover; 
}
.fr-linkButton.-watercolor_autumn{
  background-image: url(https://im.uniqlo.mom/global-cms/spa/res2f20817196a7943d5233c26be84f012cfr.jpg);
  background-size:  cover; 
}
.fr-linkButton.-watercolor_winter{
  background-image: url(https://im.uniqlo.mom/global-cms/spa/resa6f9ef219a558dbb6920079ee867749dfr.jpg);
  background-size:  cover; 
}
.fr-snsButtons .fr-snsButtons_heading{
  font-family: Hiragino Kaku Gothic ProN;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;  
}
.question-text{
  font-family: Hiragino Kaku Gothic ProN;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}
.question-footer{
  position: sticky;
}
@media screen and (min-width: 813px){
  html{
    height: 100%;
  }
  body{
    height: 100%;
  }
  .wrapper{
    grid-template-rows: 1fr auto;
    height: 100%;
  }
  .fr-heading.-h2{
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 36px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;    
  }
  .fr-heading.-h1{
    font-family: Hiragino Kaku Gothic ProN;
    font-size: 36px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;    
  }
  .question_list{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
  .result_explanation{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .recommendation_color{
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
  }
  .color_share{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
  .color_share .fr-snsButtons_item+.fr-snsButtons_item{
    margin-left: 50px;
  }
  .other_diagnose{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
  .you-type{
    font-size: 20px;
  }
  .result_explanation_title{
    font-size: 20px;
  }
  .recommendation_color_title{
    font-size: 20px;
  }
  .question_list li{
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
  .fr-linkButton.-watercolor_spring{
    background-image: url(https://im.uniqlo.mom/global-cms/spa/res80ca566e138e5d9bcfaf5e45502296e0fr.jpg);
    background-size:  cover; 
  }
  .fr-linkButton.-watercolor_summer{
    background-image: url(https://im.uniqlo.mom/global-cms/spa/res3752ec841b63ae0b458cd4b934daf695fr.jpg);
    background-size:  cover; 
  }
  .fr-linkButton.-watercolor_autumn{
    background-image: url(https://im.uniqlo.mom/global-cms/spa/resf8afca637c708786db87c50de1e20121fr.jpg);
    background-size:  cover; 
  }
  .fr-linkButton.-watercolor_winter{
    background-image: url(https://im.uniqlo.mom/global-cms/spa/res6824575c634a8e8619d92278b32d03affr.jpg);
    background-size:  cover; 
  }
  .question-footer{
    grid-row-start: 2;
    grid-row-end: 3;
  }
}

@media screen and (min-height: 905px){
  .wrapper{
    position: relative;
  }
  .question-footer{
    position: absolute;
    bottom: 0;
    width: 100vw;
  }
}


