@font-face {
  font-family: "kobu";
  src: url("../../font/kobu_w6.woff") format("woff")
}
@font-face {
  font-family: "kobu";
  src: url("../../font/kobu_w3.woff") format("woff")
}
@font-face {
  font-family: "futura";
  src: url("../../font/futurastd-light.woff")
}
@font-face {
  font-family: "architype";
  src: url("../../font/ArchitypeRenner-Regular.woff");
}
#personalstyle_wave a {
  display: block
}
#personalstyle_wave .jcc {
  justify-content: center
}
#personalstyle_wave .credit-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: calc(75 * (100vw / 750)) auto 0
}
#personalstyle_wave .credit-txt li {
  font-family: "architype", sans-serif;
  font-size: calc(16 * (100vw / 750));
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 calc(4 * (100vw / 750)) calc(10 * (100vw / 750))
}
#personalstyle_wave .credit-txt li a {
  color: #000
}
#personalstyle_wave {
  font-family: Noto Sans JP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(300 * (100vw / 750));
  padding-top: calc(78 * (100vw / 750));
  font-feature-settings: normal;
}
#personalstyle_wave .sp_only {
  display: block
}
#personalstyle_wave .pc_only {
  display: none !important;
}
#personalstyle_wave img {
  width: 100%;
  height: auto;
}
#personalstyle_wave ._palt {
  font-feature-settings: "palt";
}
#personalstyle_wave .sec_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 calc(50 * (100vw / 750));
  line-height: 1;
  font-size: calc(36 * (100vw / 750));
  letter-spacing: 0.075em;
  font-family: futura, Noto Sans JP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif
}
#personalstyle_wave .sec_ttl span {
  display: inline-block;
  margin-top: calc(31 * (100vw / 750));
  font-size: calc(18 * (100vw / 750));
  letter-spacing: 0.2em
}
#personalstyle_wave .sec .item {
  margin-bottom: calc(120 * (100vw / 750))
}
#personalstyle_wave .sec .item_name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-left: calc(12 * (100vw / 750));
  margin-bottom: calc(98 * (100vw / 750));
  align-items: flex-end;
  font-size: calc(25 * (100vw / 750));
  font-family: futura, Noto Sans JP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif
}
#personalstyle_wave .sec .item_name span.no {
  line-height: 1;
  padding-bottom: calc(6 * (100vw / 750));
  border-bottom: 1px solid #060303;
  font-size: calc(55 * (100vw / 750))
}
#personalstyle_wave .sec .item_name span.jp {
  display: inline-block;
  margin-bottom: calc(8 * (100vw / 750))
}
#personalstyle_wave .sec .item_info_wrap {
  text-align: center;
  margin-top: calc(97 * (100vw / 750))
}
#personalstyle_wave .sec .item_info {
  padding: 0 calc(22 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  line-height: calc(37 * (100vw / 750))
}
#personalstyle_wave .sec .item_info.top {
  margin-bottom: calc(42 * (100vw / 750))
}
#personalstyle_wave .result {
  margin-bottom: calc(87.5 * (100vw / 750))
}
#personalstyle_wave .result_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: calc(442*(100vw/750));
  height: calc(83*(100vw/750));
  margin: 0 auto calc(54 * (100vw / 750));
  background: url(../../img/result_bg.png) no-repeat center;
  background-size: 100%;
  font-size: calc(24 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em
}
#personalstyle_wave .result_cont {
  width: calc(600 * (100vw / 750));
  margin: 0 auto calc(55 * (100vw / 750))
}
#personalstyle_wave .result_img {
  flex-direction: column;
  width: calc(600 * (100vw / 750))
}
#personalstyle_wave .result_img_ttl {
  width: calc(600 * (100vw / 750));
  height: calc(97 * (100vw / 750))
}
#personalstyle_wave .result_img_img {
  width: calc(570 * (100vw / 750));
  background-color: #eff1f0;
  margin: 0 auto
}
#personalstyle_wave .result_img_img img {
  width: calc(290 * (100vw / 750));
  margin: calc(30 * (100vw / 750)) auto calc(45 * (100vw / 750)) calc(141 * (100vw / 750));
}
#personalstyle_wave .result_img_subTtl {
  padding-top: calc(15 * (100vw / 750));
  text-align: center;
  font-size: calc(24 * (100vw / 750));
  line-height: 1
}
#personalstyle_wave .result_img_txt {
  box-sizing: border-box;
  margin: 0 auto;
  width: calc(572 * (100vw / 750));
  height: calc(90 * (100vw / 750));
}
#personalstyle_wave .result_info {
    width: calc(525*(100vw/750));
    margin-left: auto;
    margin-right: auto;
}
#personalstyle_wave .result_info_ttl {
  font-size: calc(40 * (100vw / 750));
  line-height: calc(77 * (100vw / 750));
  letter-spacing: 0.2em;
  margin-bottom: calc(34 * (100vw / 750));
  margin-top: calc(82 * (100vw / 750));
}
#personalstyle_wave .result_info_ttl span {
  font-weight: bold
}
#personalstyle_wave .result_info_txt {
  position: relative;
  padding-bottom: calc(55 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  line-height: calc(55 * (100vw / 750));
  margin-bottom: calc(78 * (100vw / 750));
}
#personalstyle_wave .result_info_txt::after {
  position: absolute;
  bottom: 0;
  left: calc(6 * (100vw / 750));
  content: "";
  width: calc(66 * (100vw / 750));
  height: calc(5 * (100vw / 750));
  background-color: #231815;
}
#personalstyle_wave .result_info dt {
  font-size: calc(31 * (100vw / 750));
  margin-bottom: calc(30 * (100vw / 750));
}
#personalstyle_wave .result_info dt span {
  font-weight: bold;
}
#personalstyle_wave .result_info dd {
  position: relative;
  font-size: calc(22 * (100vw / 750));
  padding-left: calc(20 * (100vw / 750));
  line-height: calc(55 * (100vw / 750))
}
#personalstyle_wave .result_info dd::before {
  position: absolute;
  left: 1px;
  display: inline-block;
  content: "・";
  font-size: calc(22 * (100vw / 750))
}
#personalstyle_wave .trend {
  text-align: center
}
#personalstyle_wave .trend_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin: calc(100 * (100vw / 750)) auto calc(63* (100vw / 750));
  letter-spacing: 0.11em;
  width: calc(445*(100vw/750));
  height: calc(76*(100vw/750));
  background: url(../../img/trend_bg.png) no-repeat center;
  background-size: 100%;
  font-size: calc(26 * (100vw / 750));
  font-weight: bold
}
#personalstyle_wave .trend_txt {
  font-size: calc(21 * (100vw / 750));
  line-height: 2
}
#personalstyle_wave .cont_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: calc(656 * (100vw / 750));
  height: calc(140 * (100vw / 750));
  background: url(../../img/cont_ttl_bg.png) no-repeat center;
  background-size: cover;
  font-size: calc(26 * (100vw / 750));
  line-height: calc(37 * (100vw / 750));
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: bold
}
#personalstyle_wave .cont .model {
  margin: calc(59 * (100vw / 750)) auto calc(60 * (100vw / 750));
  text-align: center;
  font-size: calc(26 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em
}

#personalstyle_wave .sec._01 .item._01 .item_img_wrap{
  display: flex;
  flex-direction: column-reverse;
}
#personalstyle_wave .sec._01 .item._01 .item_img_wrap > div:first-child {
  width: calc(451 * (100vw / 750));
  margin-top: calc(31 * (100vw / 750));
  margin-left: calc(30 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._01 .item_img_wrap > div:last-child {
  width: calc(525 * (100vw / 750));
  margin-left: calc(136 * (100vw / 750));
  position: relative;
}
#personalstyle_wave .sec._01 .item._01 .item_name{
  position: absolute;
  top: calc(83 * (100vw / 750));
  right: calc(-49 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02{
  margin-bottom: calc(106 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap{
  display: flex;
  flex-wrap: wrap;
  width: calc(690 * (100vw / 750));
  margin: 0 auto;
  justify-content: space-between;
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap > div:first-child {
  width: calc(526 * (100vw / 750));
  margin: 0 auto;
  position: relative;
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap > div:nth-child(2) {
  width: calc(330 * (100vw / 750));
  margin-top: calc(20 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap > div:last-child {
  width: calc(330 * (100vw / 750));
  margin-top: calc(100 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02 .item_name {
  position: absolute;
  top: calc(70 * (100vw / 750));
  left: calc(-27 * (100vw / 750));
  margin-bottom: calc(80 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .item_info_wrap{
  margin-top: calc(100 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02 .item_info {
  padding: 0 calc(42 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .item_info.top{
  margin-bottom: calc(46 * (100vw / 750));
}
#personalstyle_wave .sec._01 .item._02 .credit-txt {
  margin-top: calc(65 * (100vw / 750));
  width: calc(450 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .credit-txt.sec_ul{
  margin-top: 0;
}




#personalstyle_wave .sec._02 .sec_ttl {
  padding: 0 calc(25 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 {
  margin-bottom: calc(132 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap{
  display: flex;
  flex-wrap: wrap;
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:first-child {
  width: calc(490 * (100vw / 750));
  margin-left: calc(180 * (100vw / 750));
  position: relative;
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:nth-child(2) {
  display: inline-block;
  width: calc(350* (100vw / 750));
  margin-top: calc(29 * (100vw / 750));
  margin-left: calc( 40 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:last-child {
  display: inline-block;
  width: calc(350 * (100vw / 750));
  margin-top: calc(178 * (100vw / 750));
  position: relative;
  z-index: 1;
  left: calc(-31 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 .item_name {
  margin-bottom: calc(92 * (100vw / 750));
  padding-left: calc(9 * (100vw / 750));
  align-items: flex-end;
  position: absolute;
  top: calc(62 * (100vw / 750));
  right: calc(-52 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 .item_name .jp {
  margin-bottom: 0;
  line-height: 1.3
}
#personalstyle_wave .sec._02 .item._01 .item_name .jp span {
  display: inline-block;
  margin: calc(10 * (100vw / 750)) 0
}
#personalstyle_wave .sec._02 .item._01 .item_info_wrap {
  margin-top: calc(92 * (100vw / 750))
}


#personalstyle_wave .sec._02 .item._02{
  margin-bottom: calc(108 * (100vw / 750));
}

#personalstyle_wave .sec._02 .item._02 .item_img_wrap > div:first-child {
  width: calc(490 * (100vw / 750));
  margin: 0 auto;
  margin-bottom: calc(29 * (100vw / 750));
  position: relative;
}
#personalstyle_wave .sec._02 .item._02 .item_img_wrap > div:nth-child(2) > div {
  width: calc(330 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._02 .item_img_wrap > div:last-child {
  display: flex;
  justify-content: space-between;
  width: calc(690 * (100vw / 750));
  margin: 0 auto;
  margin-top: calc( 29 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._02 .item_info_wrap {
  margin-top: calc(91 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .item_info {
  padding: 0 calc(26 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .credit-txt {
  margin-top: calc(62 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .credit-txt.sec_ul{
  margin-top: 0;
}
#personalstyle_wave .sec._02 .item._02 .item_name {
  margin-bottom: calc(95 * (100vw / 750));
  padding-left: calc(8 * (100vw / 750));
  align-items: flex-end;
  position: absolute;
  top: calc(83 * (100vw / 750));
  left: calc(-25 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._02 .item_name span.no {
  line-height: 1;
  padding-bottom: calc(16 * (100vw / 750));
  border-bottom: 1px solid #060303;
  font-size: calc(55 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._02 .item_name .no {
  margin-right: calc(23 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .item_name .jp {
  margin-bottom: 0;
  line-height: 1.3
}
#personalstyle_wave .sec._02 .item._02 .item_name .jp span {
  display: inline-block;
  margin: calc(10 * (100vw / 750)) 0
}
#personalstyle_wave .sec._02 .item._02 .credit-txt {
  width: calc(480 * (100vw / 750))
}


#personalstyle_wave .sec._02 .item._03 {
  margin-bottom: calc(155 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._03 .item_img_wrap{
  display: flex;
  flex-wrap: wrap;
}
#personalstyle_wave .sec._02 .item._03 .item_img_wrap > div:first-child {
  width: calc(451 * (100vw / 750));
  margin-left: calc(260 * (100vw / 750));
  position: relative;
}
#personalstyle_wave .sec._02 .item._03 .item_img_wrap > div:nth-child(2) {
  display: inline-block;
  width: calc(341* (100vw / 750));
  margin-top: calc(-426 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._03 .item_img_wrap > div:last-child {
  display: inline-block;
  width: calc(376 * (100vw / 750));
  margin-top: calc(112 * (100vw / 750));
  position: relative;
  z-index: 1;
  left: calc(-28 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._03 .item_name {
  margin-bottom: calc(92 * (100vw / 750));
  padding-left: calc(9 * (100vw / 750));
  align-items: flex-end;
  position: absolute;
  top: calc(81 * (100vw / 750));
  right: calc(-19 * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._03 .item_name .jp {
  margin-bottom: 0;
  line-height: 1.3
}
#personalstyle_wave .sec._02 .item._03 .item_name .jp span {
  display: inline-block;
  margin: calc(10 * (100vw / 750)) 0
}
#personalstyle_wave .sec._02 .item._03 .item_info_wrap {
  margin-top: calc(94 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._03 .item_info {
  padding: 0 calc(28 * (100vw / 750))
}

#personalstyle_wave .btn a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(20 * (100vw / 750));
  letter-spacing: 0.2em;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto
}
#personalstyle_wave .btn a.btn_otherItem {
  box-sizing: border-box;
  align-items: flex-start;
  width: calc(635 * (100vw / 750));
  height: calc(116 * (100vw / 750));
  line-height: calc(116 * (100vw / 750));
  background-color: #231815;
  color: #fff;
  margin-bottom: calc(115 * (100vw / 750))
}
#personalstyle_wave .btn_otherResult {
  width: calc(624 * (100vw / 750));
  height: calc(90 * (100vw / 750));
  border: 1px solid #3e3a39;
  border-radius: 50px
}
#personalstyle_wave .btn_otherResult span {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(603 * (100vw / 750));
  height: calc(76 * (100vw / 750));
  border-radius: 50px;
  font-weight: bold
}
#personalstyle_wave .btn_otherResult.straight {
  margin-bottom: calc(30 * (100vw / 750))
}
#personalstyle_wave .btn_otherResult.straight span {
  background-color: #fcf1ea
}
#personalstyle_wave .btn_otherResult.natural span {
  background-color: #f7f4e9
}
#personalstyle_wave .btn_allItem {
	width: calc(402*(100vw/750));
	margin: calc(107*(100vw/750)) auto calc(300*(100vw/750));
}


  .fade {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); }
    .fade.visible {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }

/*
#personalstyle_wave .fade {
  transition: 1s;
  opacity: 0;
  transform: translateY(calc(150 * (100vw / 750)))
}
#personalstyle_wave .fade2 {
  transition: 1.3s
}
#personalstyle_wave .top_fade {
  transition: 1s;
  opacity: 0;
  transform: translateY(calc(150 * (100vw / 750)))
}
*/
/*# sourceMappingURL=style.css.map */