@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 .jcsb {
  justify-content: space-between
}
#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(67 * (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
}
#personalstyle_wave img {
  width: 100%;
  height: auto
}
#personalstyle_wave .sec {
  width: calc(687 * (100vw / 750));
  margin: 0 auto calc(90 * (100vw / 750))
}
#personalstyle_wave ._palt {
  font-feature-settings: "palt";
}
#personalstyle_wave .sec_ttl_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(98 * (100vw / 750))
}
#personalstyle_wave .sec_ttl_wrap::before, #personalstyle_wave .sec_ttl_wrap::after {
  content: "";
  display: block;
  width: calc(125 * (100vw / 750));
  height: calc(1 * (100vw / 750));
  background-color: #4e4543
}
#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 {
  display: inline-block;
  line-height: 1;
  margin-right: calc(27 * (100vw / 750));
  padding-bottom: calc(14 * (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(90 * (100vw / 750))
}
#personalstyle_wave .sec .item_info {
  padding: 0 calc(22 * (100vw / 750));
  font-size: calc(21 * (100vw / 750));
  line-height: calc(37 * (100vw / 750))
}
#personalstyle_wave .sec .item_info.top {
  margin-bottom: calc(39 * (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(230 * (100vw / 750));
  margin: calc(47 * (100vw / 750)) auto calc(45 * (100vw / 750)) calc(155 * (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(530*(100vw/750));
    margin-left: auto;
    margin-right: auto;
}
#personalstyle_wave .result_info_ttl {
  font-size: calc(40 * (100vw / 750));
  line-height: calc(76 * (100vw / 750));
  letter-spacing: 0.2em;
  margin-bottom: calc(38.5 * (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(49 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  line-height: calc(55 * (100vw / 750));
  margin-bottom: calc(85 * (100vw / 750));
}
#personalstyle_wave .result_info_txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  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(41 * (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(77 * (100vw / 750)) auto calc(63* (100vw / 750));
  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 {
  width: calc(687 * (100vw / 750));
  margin: 0 auto
}
#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(45 * (100vw / 750)) auto calc(115 * (100vw / 750));
  text-align: center;
  font-size: calc(21 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em
}
#personalstyle_wave .sec._01 .item._01 .item_img_wrap > div:first-child {
  width: calc(485 * (100vw / 750));
  margin-left: calc(10 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._01 .item_img_wrap > div:last-child {
  width: calc(392 * (100vw / 750));
  margin: calc(30 * (100vw / 750)) calc(7 * (100vw / 750)) 0 auto
}
#personalstyle_wave .sec._01 .item._01 .credit-txt {
  width: calc(470 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap > div:first-child {
  width: calc(448 * (100vw / 750));
  margin-left: calc(68 * (100vw / 750));
  margin-right: auto
}
#personalstyle_wave .sec._01 .item._02 .item_img_wrap > div:last-child {
  width: calc(379 * (100vw / 750));
  margin: calc(20 * (100vw / 750)) calc(17 * (100vw / 750)) 0 auto
}
#personalstyle_wave .sec._01 .item._02 .item_name {
  padding-left: calc(43 * (100vw / 750));
  margin-bottom: calc(80 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .item_info {
  padding: 0 calc(42 * (100vw / 750))
}
#personalstyle_wave .sec._01 .item._02 .credit-txt {
  margin-top: calc(41 * (100vw / 750));
  width: calc(450 * (100vw / 750))
}
#personalstyle_wave .sec._02 .sec_ttl_wrap {
  margin-bottom: calc(115 * (100vw / 750))
}
#personalstyle_wave .sec._02 .sec_ttl {
  padding: 0 calc(25 * (100vw / 750))
}
#personalstyle_wave .sec._02 .sec_ttl_wrap::after, #personalstyle_wave .sec._02 .sec_ttl_wrap::before {
  margin-top: calc(10 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._01 {
  margin-bottom: calc(120 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:first-child {
  width: calc(356 * (100vw / 750));
  margin-left: calc(20vw * (100vw / 750));
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:nth-child(2) {
  width: calc(357* (100vw / 750));
  margin: calc(23 * (100vw / 750)) 0 0 auto
}
#personalstyle_wave .sec._02 .item._01 .item_img_wrap > div:last-child {
  width: calc(304 * (100vw / 750));
  margin: calc(-180 * (100vw / 750)) auto 0 0
}
#personalstyle_wave .sec._02 .item._01 .item_name {
  margin-bottom: calc(92 * (100vw / 750));
  padding-left: calc(9 * (100vw / 750));
  align-items: flex-end
}
#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(124 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._01 .item_info {
  padding: 0 calc(28 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._01 .credit-txt {
  width: calc(430 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .item_img_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column
}
#personalstyle_wave .sec._02 .item._02 .item_img_wrap > div:first-child {
  order: 2;
  width: calc(323 * (100vw / 750));
  margin-top: calc(50 * (100vw / 750));
  margin-left: calc(32 * (100vw / 750))
}
#personalstyle_wave .sec._02 .item._02 .item_img_wrap > div:last-child {
  order: 1;
  width: calc(408 * (100vw / 750));
  margin-right: calc(37 * (100vw / 750));
  margin-left: auto
}
#personalstyle_wave .sec._02 .item._02 .item_info_wrap {
  margin-top: calc(100 * (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 .item_name {
  margin-bottom: calc(95 * (100vw / 750));
  padding-left: calc(8 * (100vw / 750));
  align-items: flex-end
}
#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 .btn {
  margin-top: calc(190 * (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(111 * (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(132*(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 */