.p-camera {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .p-camera {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.p-camera__img {
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 200px;
  z-index: 9;
}
.p-camera__img video {
  position: relative;
  width: 100%;
}
.p-camera__img img {
  max-height: 520px;
  max-width: 100%;
  width: auto;
}
.p-camera__img video {
  height: calc(100% - 48px);
  max-height: calc(100vh - 48px);
}
.p-camera__img .imagehide {
  height: 0;
  display: none;
}
.p-camera__info {
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
  z-index: 10;
}
.p-camera__info h3 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  letter-spacing: 0.075em;
  color: #fff;
  text-align: center;
  margin: 0 0 20px 0;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}
.p-camera__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-camera__btn .c-btn-04 {
  width: 120px;
  margin: 0 10px;
}
.p-camera__btn .c-btn-02 {
  width: 120px;
  margin: 0 10px;
}
.p-camera__btn .c-btn-02.c-btn-capture {
  width: 170px;
  height: 55px;
}
.p-camera__btn .c-btn-02.c-btn-capture .ico {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 22px;
  margin-right: 10px;
  top: inherit;
  right: inherit;
  -webkit-transform: none;
          transform: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31.291' height='24.452' viewBox='0 0 31.291 24.452'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_129' data-name='Rectangle 129' width='31.291' height='24.452' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_205' data-name='Group 205' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_70' data-name='Path 70' d='M12.143,9.774a5.566,5.566,0,1,0,7.87,0,5.566,5.566,0,0,0-7.87,0' transform='translate(-0.525 -0.407)' fill='%23fff'/%3E%3Cpath id='Path_71' data-name='Path 71' d='M28.192,4.566H23.985a1.359,1.359,0,0,1-.944-.481L21.178,1.14a.846.846,0,0,0-.07-.1A2.861,2.861,0,0,0,18.923,0H12.367A2.857,2.857,0,0,0,10.18,1.045a.845.845,0,0,0-.07.1L8.246,4.085a1.2,1.2,0,0,1-.872.475H7.185V3.179a.927.927,0,0,0-.927-.927H4.319a.927.927,0,0,0-.927.927V4.56H3.1A3.1,3.1,0,0,0,0,7.662V21.35a3.1,3.1,0,0,0,3.1,3.1H28.192a3.1,3.1,0,0,0,3.1-3.1V7.665a3.1,3.1,0,0,0-3.1-3.1M5.246,4.1h.085V4.56H5.246Zm17.725,9.2a7.41,7.41,0,0,1-7.4,7.418h-.015a7.41,7.41,0,0,1-7.418-7.4V13.3a7.41,7.41,0,0,1,7.4-7.418h.015a7.41,7.41,0,0,1,7.418,7.4Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.p-camera .btn-flip {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  padding-top: 24px;
  z-index: 9;
}
.p-camera .btn-flip b {
  font-size: 1.1rem;
  font-weight: bold;
  position: relative;
  z-index: 99;
  color: #CC6B4F;
}
.p-camera .btn-flip:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  border-radius: 50%;
  z-index: 1;
}
.p-camera .btn-flip:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath id='Vector' d='M14.375,14.375V17.25h3.536A8.539,8.539,0,0,1,11.5,20.125,8.635,8.635,0,0,1,2.875,11.5H0a11.477,11.477,0,0,0,20.125,7.568V23H23V14.375ZM11.5,0A11.557,11.557,0,0,0,2.875,3.932V0H0V8.625H8.625V5.75H5.089A8.539,8.539,0,0,1,11.5,2.875,8.635,8.635,0,0,1,20.125,11.5H23A11.514,11.514,0,0,0,11.5,0Z' fill='%23cc6b4f'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 14px 6px;
  z-index: 2;
  background-size: 23px;
}
.p-camera .btn-flip.is-active {
  z-index: 1;
}
.p-camera .btn-flip.no-active {
  z-index: -1;
  background: #000000;
}
.p-camera .btn-back-link {
  left: 20px;
  top: 20px;
  width: 52px;
  height: 52px;
  text-align: center;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-camera .btn-back-link:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  border-radius: 50%;
}
.p-camera .btn-back-link > * {
  z-index: 99;
  position: relative;
}
.p-camera .btn-back-link .ico-back {
  position: relative;
  display: block;
  width: 23px;
  height: 23px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.661' height='22.314' viewBox='0 0 22.661 22.314'%3E%3Cg id='Group_1084' data-name='Group 1084' transform='translate(-3432.226 2844.457)'%3E%3Cpath id='Path_1676' data-name='Path 1676' d='M0,0,5.6,5.6,0,11.2' transform='translate(3439.949 -2832.193) rotate(180)' fill='none' stroke='%23402205' stroke-width='3'/%3E%3Cpath id='Path_1677' data-name='Path 1677' d='M-3.309.361h11.7a7.023,7.023,0,0,1,7.092,6.951,7.023,7.023,0,0,1-7.092,6.951H-1.228' transform='translate(3437.656 -2838.156)' fill='none' stroke='%23402205' stroke-miterlimit='10' stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.p-camera .btn-back-link span {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.shooting {
  background-color: #ECE9E7;
}
.shooting .l-main {
  background-image: url(../images/bg_db.png);
  background-position: 0 0px;
}
.shooting__info {
  padding: 20px 36px;
  background-color: #fff;
}
.shooting__inner {
  padding-top: 15px;
}
.shooting__inner .product-item {
  padding: 0 20px 0 50px;
  margin-top: -7px;
  margin-bottom: 3px;
}
.shooting__inner .product-item__img {
  width: 54px;
  max-width: 54px;
}
.shooting__inner .product-item__img::before {
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.shooting__inner .product-item__info h3 {
  font-size: 1.4rem;
}
.shooting__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 8px;
  position: relative;
}
.shooting__btn div {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  text-align: center;
}
.shooting__btn:after {
  background: rgba(64, 34, 5, 0.5);
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  bottom: 10px;
  width: 1px;
}
.shooting__btn a {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
}
.shooting__btn .ico {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 3px;
  top: -1px;
}
.shooting__btn .ico svg {
  fill: #95785A;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.shooting__ttl {
  text-align: center;
  position: relative;
  color: #fff;
  background: #90652F;
  background: -webkit-gradient(linear, left top, right top, from(#D0B99A), to(#967951));
  background: linear-gradient(90deg, #D0B99A 0%, #967951 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 37px 2px 37px;
}
.shooting__ttl b {
  font-size: 2.2rem;
  font-family: "Times New Roman";
  letter-spacing: 0.05em;
  line-height: 1.1818181818;
  font-weight: bold;
}
.shooting__ttl span {
  position: relative;
  z-index: 3;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4615384615;
  letter-spacing: 0.04em;
}
.shooting__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -9px;
}
.shooting__item__img {
  width: 100px;
  max-width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.shooting__item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 17px;
}
.shooting__item__info h3 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4666666667;
  letter-spacing: 0.05em;
}
.shooting__color {
  border: 1px solid #402205;
  border-radius: 10px;
  background-color: #fff;
}
.shooting__color__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 10px 22px;
}
.shooting__color__item:after {
  position: absolute;
  display: block;
  content: "";
  height: 6px;
  width: 11px;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.043' height='7.936' viewBox='0 0 13.043 7.936'%3E%3Cpath id='Path_1582' data-name='Path 1582' d='M0,0,5.107,5.107,0,10.214' transform='translate(11.629 1.414) rotate(90)' fill='none' stroke='%23402205' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.shooting__color__item span {
  display: block;
  margin: 0 auto;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #58391B;
  position: relative;
}
.shooting__color__item span:after, .shooting__color__item span:before {
  position: absolute;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.shooting__color__item span:before {
  top: -4px;
  bottom: -5px;
  right: -5px;
  left: -5px;
  border: 2px solid #C97B65;
  -webkit-box-shadow: 0 0px 8px #c97b65;
          box-shadow: 0 0px 8px #c97b65;
  border-radius: 50%;
}
.shooting__color__item span:after {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.341' height='14.937' viewBox='0 0 17.341 14.937'%3E%3Cpath id='Path_38' data-name='Path 38' d='M15.9,35.492c-4.583,2.546-9.222,9.789-9.222,9.789L2.49,40.528,0,42.9l6.054,7.525,2.207-.085a37.132,37.132,0,0,1,9.081-14.173Z' transform='translate(0 -35.492)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 17px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.shooting__color__item span.ashblack {
  background-color: #676565;
}
.shooting__color__item span.darkblown {
  background-color: #58391B;
}
.shooting__color__item span.naturalbrown {
  background-color: #9F6F3F;
}
.shooting__color__item span.checked:after, .shooting__color__item span.checked::before {
  opacity: 1;
}
.shooting__color__item.is-active {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(234, 149, 124, 0.17)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(234, 149, 124, 0.17) 100%);
}
.shooting__color__item.is-active span:after, .shooting__color__item.is-active span::before {
  opacity: 1;
}
.shooting__color__item.ashblack .js-color {
  background-color: #676565;
}
.shooting__color__item.naturalbrown .js-color {
  background-color: #9F6F3F;
}
.shooting__color__item.darkbrown .js-color {
  background-color: #58391B;
}
.shooting__color__item[data-color=ashblack] .js-color {
  background-color: #676565;
}
.shooting__color__item[data-color=black] .js-color, .shooting__color__item[data-color=darkbrown] .js-color {
  background-color: #58391B;
}
.shooting__color__item[data-color=brown] .js-color, .shooting__color__item[data-color=naturalbrown] .js-color {
  background-color: #9F6F3F;
}
.shooting__color__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2941176471;
  letter-spacing: 0.05em;
  padding-left: 11px;
  padding-right: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.shooting__link ul li {
  position: relative;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4666666667;
  letter-spacing: 0.05em;
  padding-left: 63px;
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px dashed #402205;
}
.shooting__link ul li:first-child {
  margin-top: 0;
}
.shooting__link ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.shooting__link ul li .ico-check {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  border: 1px solid #B9B9B9;
  -webkit-box-shadow: inset 2px 3px 2px rgba(0, 0, 0, 0.16);
          box-shadow: inset 2px 3px 2px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 27px;
  top: 4px;
  border-radius: 3px;
}
.shooting__link ul li .ico-check:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: -6px;
  left: -7px;
  right: -9px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18.95' viewBox='0 0 22 18.95'%3E%3Cpath id='Path_38' data-name='Path 38' d='M20.17,35.492C14.355,38.722,8.47,47.91,8.47,47.91l-5.311-6.03L0,44.9l7.68,9.546,2.8-.108A47.107,47.107,0,0,1,22,36.353Z' transform='translate(0 -35.492)' fill='%23c97b65'/%3E%3C/svg%3E%0A");
}
.shooting__link ul li .ico {
  width: 30px;
  height: 25px;
  position: absolute;
  right: 28px;
  top: 0px;
}
.shooting__link ul li .ico svg {
  position: absolute;
  left: 0;
  width: 28px;
  height: 26px;
}
.shooting__link ul li .ico.ico-add {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.1' height='27.1' viewBox='0 0 27.1 27.1'%3E%3Cg id='Group_1259' data-name='Group 1259' transform='translate(0 0)'%3E%3Cpath id='Path_44' data-name='Path 44' d='M22.214,5.123h-.065l.019-.946A4.2,4.2,0,0,0,17.986,0H4.671A4.7,4.7,0,0,0,0,4.672V17.988a4.206,4.206,0,0,0,4.18,4.178h.943v.048A4.892,4.892,0,0,0,10.009,27.1h12.2A4.892,4.892,0,0,0,27.1,22.214v-12.2a4.892,4.892,0,0,0-4.886-4.886M5.123,10.009v10.7h-.94a2.746,2.746,0,0,1-2.727-2.725V4.674A3.236,3.236,0,0,1,4.673,1.455H17.984a2.741,2.741,0,0,1,2.729,2.709l-.019.959H10.009a4.892,4.892,0,0,0-4.886,4.886m20.522,12.2a3.435,3.435,0,0,1-3.431,3.431h-12.2a3.435,3.435,0,0,1-3.431-3.431v-12.2a3.435,3.435,0,0,1,3.431-3.432h12.2a3.435,3.435,0,0,1,3.431,3.432Z' transform='translate(0 0)' fill='%23402205'/%3E%3Cpath id='Path_45' data-name='Path 45' d='M25.533,19.874h-4.2v-4.2a.728.728,0,0,0-1.455,0v4.2h-4.2a.728.728,0,0,0,0,1.455h4.2v4.2a.728.728,0,1,0,1.455,0v-4.2h4.2a.728.728,0,0,0,0-1.455' transform='translate(-4.586 -4.585)' fill='%23402205'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shooting__link ul li.is-active .ico-check:after {
  opacity: 1;
}
.shooting__btnbottom {
  text-align: center;
  padding: 19px;
}
.shooting__btnbottom a {
  margin: 0 auto;
  width: 150px;
  height: 48px;
}
.shooting__btntop {
  text-align: center;
  padding: 60px 19px 19px 19px;
  background-color: #fff;
}
.shooting__btntop a {
  margin: 0 auto;
  width: 205px;
  height: 56px;
}
.shooting__btntop a i {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 13px;
  width: 17px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.731' height='20.311' viewBox='0 0 20.731 20.311'%3E%3Cg id='Group_1226' data-name='Group 1226' transform='translate(-3432.226 2844.457)'%3E%3Cpath id='Path_1676' data-name='Path 1676' d='M0,0,5.6,5.6,0,11.2' transform='translate(3439.949 -2832.193) rotate(180)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1677' data-name='Path 1677' d='M-3.309.361h10.5A6.167,6.167,0,0,1,13.551,6.31a6.167,6.167,0,0,1-6.364,5.949H-1.442' transform='translate(3437.656 -2838.156)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shooting .filehide {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  left: 0;
}
.shooting .imagehide {
  display: block;
}

.confirm .l-main {
  background: none;
}

.result .l-main {
  background: none;
}
.result-content {
  padding: 0px 0 31px 0;
  background-repeat: no-repeat;
  background-image: url(../images/bg_result.png);
  background-position: right bottom;
  background-size: contain;
}
.result-content:last-child {
  padding-bottom: 0;
  background: none;
}
.result-content .slick-slider .slick-track,
.result-content .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.result-content .product-item {
  margin-top: 20px;
}
.result-content .product-item__img {
  width: 54px;
  max-width: 54px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54px;
          flex: 0 0 54px;
}
.result-content .product-item__img::before {
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.result-content .product-item__info h3 {
  font-size: 1.4rem;
}
.result-content02 .l-inner {
  max-width: 790px;
}
.result-inner {
  padding-top: 4px;
  position: relative;
  max-width: 750px;
  margin: 0 auto;
}
.result-inner .height-img {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.result-slider__text {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px;
}
.result-slider__text:focus {
  outline: none !important;
}
.result-slider__text div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 10px auto;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #B5A897;
  position: relative;
}
.result-slider__text div:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-color: #C6A49D;
  -webkit-box-shadow: 0 0px 3px #c6a49d;
          box-shadow: 0 0px 3px #c6a49d;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -14px;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.result-slider__text div b {
  display: block;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.result-slider__text div span {
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: -8px;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.result-slider__text.slider-01 div {
  background: -webkit-gradient(linear, left bottom, left top, from(#CBC1BE), to(#CBC1BE));
  background: linear-gradient(0deg, #CBC1BE 0%, #CBC1BE 100%);
  -webkit-box-shadow: 0 2px 6px #c6a49d;
          box-shadow: 0 2px 6px #c6a49d;
}
.result-slider__text.slider-02 div {
  background: -webkit-gradient(linear, left bottom, left top, from(#EACEC6), to(#CE9D8F));
  background: linear-gradient(0deg, #EACEC6 0%, #CE9D8F 100%);
  -webkit-box-shadow: 0 2px 6px #ce9d8f;
          box-shadow: 0 2px 6px #ce9d8f;
}
.result-slider__text.slider-02 div:after {
  background-color: #CE9D8F;
  -webkit-box-shadow: 0 0px 3px #ce9d8f;
          box-shadow: 0 0px 3px #ce9d8f;
}
.result-slider__text.slider-03 div {
  background: -webkit-gradient(linear, left bottom, left top, from(#EDB09E), to(#D17B62));
  background: linear-gradient(0deg, #EDB09E 0%, #D17B62 100%);
  -webkit-box-shadow: 0 2px 6px #d17b62;
          box-shadow: 0 2px 6px #d17b62;
}
.result-slider__text.slider-03 div:after {
  background-color: #D17B62;
  -webkit-box-shadow: 0 0px 3px #d17b62;
          box-shadow: 0 0px 3px #d17b62;
}
.result-slider__text.slider-04 div {
  background: -webkit-gradient(linear, left bottom, left top, from(#EA957C), to(#CC6B4F));
  background: linear-gradient(0deg, #EA957C 0%, #CC6B4F 100%);
  -webkit-box-shadow: 0 2px 6px #cc6b4f;
          box-shadow: 0 2px 6px #cc6b4f;
}
.result-slider__text.slider-04 div:after {
  background-color: #CC6B4F;
  -webkit-box-shadow: 0 0px 3px #cc6b4f;
          box-shadow: 0 0px 3px #cc6b4f;
}
.result-slider__text.slick-current div {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F9EEEB));
  background: linear-gradient(180deg, #fff 0%, #F9EEEB 100%);
  color: #B5A897;
}
.result-slider__text.slick-current div:focus {
  outline: none;
}
.result-slider__text.slick-current div:after {
  display: block;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.result-slider__text.slick-current.slider-01 div {
  color: #C6A49D;
}
.result-slider__text.slick-current.slider-02 div {
  color: #CE9D8F;
}
.result-slider__text.slick-current.slider-03 div {
  color: #D17B62;
}
.result-slider__text.slick-current.slider-04 div {
  color: #CC6B4F;
}
.result-slider-thumb {
  margin-top: -46px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.result__txt {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 27px;
  margin-top: 9px;
  letter-spacing: 0.01em;
}
.result__txt b {
  font-weight: 900;
  color: #CC6B4F;
}
.result__list .shooting__item {
  margin-top: 0;
}
.result__list .shooting__item__img {
  margin-top: -10px;
  margin-bottom: -6px;
}
.result__list .shooting__item__info {
  padding-left: 15px;
}
.result__list .shooting__item__info h3 {
  font-size: 1.7rem;
  line-height: 1.4705882353;
}
.result__list .shooting__color {
  margin: 0;
  border: none;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}
.result__list .shooting__color__item {
  margin-right: 17px;
  padding: 12px 22px;
}
.result__list .shooting__color__item:after {
  display: none;
}
.result__list .shooting__color__item:last-child {
  margin-right: 0;
}
.result__list .shooting__color__item span {
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.result__list .shooting__color__text {
  font-size: 1.6rem;
}
.result__list .shooting__color b {
  font-size: 1.4rem;
  line-height: 1.2857142857;
  display: block;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-left: 1px dashed #402205;
  padding-left: 15px;
  position: relative;
  padding-bottom: 17px;
  padding-top: 10px;
}
.result__list .shooting__color b:after {
  position: absolute;
  display: block;
  content: "";
  height: 7px;
  width: 17px;
  left: 17px;
  right: 0;
  bottom: -1px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.151' height='7.745' viewBox='0 0 15.151 7.745'%3E%3Cpath id='Path_1582' data-name='Path 1582' d='M0,0,5.046,6.168,0,12.336' transform='translate(13.744 1.407) rotate(90)' fill='none' stroke='%23402205' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.result__btn {
  margin-top: 39px;
  padding: 0 40px;
}
.result__btn a + a {
  margin-top: 16px;
}
.result__btn a.c-btn-outline {
  border-width: 2px;
  border-color: #CBBBAA;
  background-color: #fff;
}
.result__btn a .icon {
  width: 24px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
}
.result__btn a .icon svg {
  fill: #fff;
  stroke: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.result .js-slider.is-hide {
  display: none;
}
.result .js-slider.is-hide.is-active {
  display: block;
}

.download {
  padding-bottom: 20px;
}
.download-content {
  background-color: #ECE9E7;
  margin: 12px;
  padding: 15px 24px 13px 24px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 2px solid #fff;
  max-width: 1240px;
  margin: 12px auto 12px;
}
.download-content-ios {
  margin: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.download__ttl .shooting__ttl {
  padding: 4px;
  background: url(../images/line_ttl.png);
  border: 1px solid #90652F;
}
.download__ttl .shooting__ttl span {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4705882353;
  border: 1px solid #fff;
  width: 100%;
  padding: 10px;
}
.download__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
.download__grid__img {
  width: 108px;
  max-width: 108px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 108px;
          flex: 0 0 108px;
  position: relative;
  padding-right: 59px;
}
.download__grid__img img {
  width: auto;
  max-width: 100%;
}
.download__grid__img > div {
  text-align: center;
}
.download__grid__img b {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid #9E9B9B;
  padding: 3px 3px;
  position: relative;
  line-height: 1;
}
.download__grid__img span {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 22px;
  bottom: 33px;
}
.download__grid__img span.naturalbrown-style {
  background-color: #603800;
}
.download__grid__info {
  border-left: 1px solid #707070;
  margin-top: -22px;
}
.download__grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.download__grid__item + .download__grid__item {
  margin-top: 13px;
}
.download__grid__item span {
  font-size: 1.2rem;
  font-weight: 500;
}
.download__grid__item span:first-child {
  width: 50px;
  max-width: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  padding-left: 12px;
}
.download__grid__item span span {
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0 !important;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}
.download__grid__item span + span {
  font-size: 1.3rem;
  font-weight: bold;
  padding-left: 7px;
  line-height: 1.4615384615;
}
.download__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -25px -5px 3px -5px;
}
.download__list__item {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0 5px;
  margin-bottom: 15px;
}
.download__list__item p {
  color: #95785A;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  background-color: #fff;
}
.download__list__item p b {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.download__logo {
  text-align: center;
  margin-bottom: 14px;
  padding: 0px 50px;
}
.download__logo img {
  max-width: 100%;
  width: auto;
}
.download .result__btn {
  padding: 0 47px;
  margin-top: 37px;
  max-width: 790px;
  margin: 37px auto 0;
}

.intro {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1011;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.intro.is-right {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.intro.is-active {
  z-index: -1;
  opacity: 0;
}
.intro-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.intro-item.js-intro01 {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.intro-item.js-intro01.is-show {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.intro-item.js-intro01.is-hide {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.intro-item.js-intro02 {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.intro-item.js-intro02.is-show {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.intro .pos01 {
  width: 56%;
  top: 55px;
  position: absolute;
  right: 10px;
  text-align: center;
}
.intro .pos01 img {
  max-height: 100px;
}
.intro .pos02 {
  width: 56%;
  bottom: 19%;
  position: absolute;
  right: 12%;
  text-align: center;
}
.intro .pos02 img {
  max-height: 120px;
}
.intro .pos03 {
  width: 56%;
  bottom: 130px;
  position: absolute;
  left: 12%;
  text-align: center;
}
.intro .pos03 img {
  max-height: 80px;
}

.item__download.is-hide {
  display: none;
}
.item__download.is-active {
  display: block;
}

#previewImage canvas {
  display: none;
}

.intro-lock {
  overflow: hidden;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}