figure,
p {
  margin: 0;
}
body {
  color: #353737;
  font-weight: 300;
}
h2,
h3 {
  font-weight: 300;
  border: 0 none;
  padding-top: 0;
}
#main {
  margin-top: 0;
  margin-bottom: 0;
}
#main > .row {
  max-width: none;
}
#primary.column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*--==protectors_special(1400-767)====================--*/
/*--==common==--*/
#protectors_special {
  --color-glay-01: #585858;
  --color-glay-02: #e5e5e5;
  --color-glay-03: #cbccce;
  --color-pink: #faf1e7;
  --color-white: #fff;
  --color-Black: #000;
  --fs-26-22: clamp(22px, calc(17.139240506329113px + 0.6329113924050633vw), 26px);
  --fs-23-16: clamp(16px, calc(11.924050632911392px + 0.7911392405063291vw), 23px);
  --fs-20-14: clamp(14px, calc(6.708860759493671px + 0.949367088607595vw), 20px);
  --fs-18-16: clamp(16px, calc(13.569620253164556px + 0.31645569620253167vw), 18px);
  --fs-16-14: clamp(14px, calc(11.576619273301738px + 0.315955766192733vw), 16px);
  --fs-16-12: clamp(12px, calc(7.139240506329114px + 0.6329113924050633vw), 16px);
  --fs-14-12: clamp(12px, calc(9.569620253164556px + 0.31645569620253167vw), 14px);
}
#protectors_special .inner-cont {
  max-width: 1060px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #protectors_special .inner-cont {
    max-width: initial;
    width: 89.3vw;
  }
}
#protectors_special .fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*--font--*/
#protectors_special h2 {
  color: var(--color-glay-01);
  font-size: clamp(21px, calc(19.569620253164558px + 0.31645569620253167vw), 24px);
  text-align: center;
  line-height: normal;
  margin-bottom: 54px;
}
#protectors_special h3 {
  color: var(--color-glay-01);
  font-size: clamp(20px, calc(17.139240506329113px + 0.6329113924050633vw), 26px);
  text-align: center;
  line-height: 1.5;
}
#protectors_special h4 {
  color: var(--color-glay-01);
  font-size: clamp(16px, calc(13.569620253164556px + 0.31645569620253167vw), 18px);
  margin-bottom: 20px;
}
#protectors_special p {
  color: var(--color-glay-01);
  font-size: clamp(14px, calc(11.569620253164556px + 0.31645569620253167vw), 16px);
  line-height: 2;
}
#protectors_special .prname {
  color: var(--color-glay-01);
  font-size: clamp(18px, calc(11.924050632911392px + 0.7911392405063291vw), 23px);
  line-height: 1.5;
  letter-spacing: normal;
  margin: 0 0 20px 0;
}
#protectors_special .price {
  color: var(--color-glay-01);
  font-size: clamp(16px, calc(13.569620253164556px + 0.31645569620253167vw), 18px);
  letter-spacing: normal;
}
#protectors_special .notes {
  display: block;
  font-size: clamp(14px, calc(14px + 0vw), 14px);
}
#protectors_special span.spc {
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  #protectors_special h2 {
    margin-bottom: 6.641vw;
  }
  #protectors_special h3 {
    margin-bottom: 7.813vw;
  }
  #protectors_special .prname {
    font-size: clamp(1.063rem, 0.046rem + 4.34vw, 2.125rem);
    /*17px/34px*/
    margin: 0 0 1.2vw 0;
  }
  #protectors_special .price {
    display: block;
    font-size: clamp(0.813rem, 0.035rem + 3.32vw, 1.625rem);
    /*13px/26px*/
    margin: 0 0 2vw 0;
  }
  #protectors_special .description {
    font-size: clamp(0.813rem, -0.025rem + 3.57vw, 1.688rem);
    /*13px/27px*/
    margin: 0 0 6.8vw 0;
  }
  #protectors_special .feature {
    font-size: clamp(0.938rem, -0.019rem + 4.08vw, 1.938rem);
    /*15px/31px*/
  }
  #protectors_special .product-img figcaption {
    padding-left: 0;
    font-size: clamp(0.688rem, 0.03rem + 2.81vw, 1.375rem);
    /*11px/22px*/
  }
}

/*--link--*/
#protectors_special a {
  color: #000;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}
@media screen and (min-width: 768px) {
  #protectors_special a:hover {
    opacity: 0.6;
  }
}
#protectors_special .btn-detail a,
#protectors_special .btn-cart a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 11px 0 10px;
}
#protectors_special .btn-cart a {
  color: #fff;
}
#protectors_special .btn-detail {
  width: 263px;
  font-size: clamp(11px, calc(7.3544303797468356px + 0.4746835443037975vw), 14px);
  text-align: center;
  margin: 0 0 12px 0;
  background: #fff;
  border: 1px solid #000000;
}
#protectors_special .btn-cart {
  width: 263px;
  font-size: clamp(11px, calc(7.3544303797468356px + 0.4746835443037975vw), 14px);
  text-align: center;
  background: #aaa;
}

@media screen and (max-width: 767px) {
  #protectors_special .btn-detail a,
  #protectors_special .btn-cart a {
    padding: 2.4vw 0 2.667vw;
  }
  #protectors_special .btn-detail {
    width: 37.333vw;
    font-size: clamp(11px, calc(7.3544303797468356px + 0.4746835443037975vw), 14px);
    margin: 0;
  }
  #protectors_special .btn-cart {
    width: 37.333vw;
    font-size: clamp(0.688rem, -0.03rem + 3.06vw, 1.438rem);
    /*11px/23px*/
  }
}

/*--pc&sp--*/
#protectors_special .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #protectors_special .pc {
    display: none;
  }
  #protectors_special .sp {
    display: block;
  }
}

/*--fade--*/
#protectors_special .fade {
  transition: 1s;
}
#protectors_special .fade_dl {
  transition-delay: 0.5s;
}
#protectors_special .fade_in {
  transform: translate3d(0, 0, 0);
  opacity: 0;
}
#protectors_special .fade_up {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
}
#protectors_special .fade_left {
  transform: translate3d(-50px, 0, 0);
  opacity: 0;
}
#protectors_special .fade_right {
  transform: translate3d(50px, 0, 0);
  opacity: 0;
}
#protectors_special .fade.act {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #protectors_special .pc {
    display: none;
  }
}

/*--==kv==--*/
#protectors_special #kv {
  overflow: hidden;
}
#protectors_special #kv .kv-protector {
  position: relative;
  width: 50%;
  overflow: hidden;
}
#protectors_special #kv .kv-cont {
  position: absolute;
  top: 0;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0 30px 48px;
  z-index: 10;
}
#protectors_special #kv .btn-more {
  position: absolute;
  bottom: 30px;
  right: 35px;
  width: 150px;
  background: rgba(88, 88, 88, 0.7);
  animation: fadeup ease-out 1.5s forwards 0.8s;
  opacity: 0;
}
#protectors_special #kv .btn-more a {
  display: block;
  width: 100%;
  color: var(--color-white);
  font-size: var(--fs-14-12);
  text-align: center;
  padding: 7px 5px 10px;
}
#protectors_special #kv p {
  color: var(--color-Black);
  font-size: var(--fs-20-14);
  line-height: 1.5;
  margin: 0 0 1em;
  animation: fadeup ease-out 1.5s forwards 0.7s;
  opacity: 0;
}
#protectors_special #kv p.sub {
  font-size: var(--fs-16-12);
}
#protectors_special #kv .name {
  font-size: var(--fs-14-12);
  margin: 0;
  animation: fadeup ease-out 1.5s forwards 0.8s;
  opacity: 0;
}
#protectors_special #kv .kv-protector.hdp p,
#protectors_special #kv .kv-protector.hdp .name {
  color: var(--color-white);
}
@keyframes fadeup {
  0% {
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
#protectors_special #kv picture {
  display: block;
  opacity: 0;
  animation: fadein ease-out 3s forwards 0s;
}
#protectors_special #kv picture img {
  width: 100vw;
  height: auto;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media screen and (max-width: 767px) {
  #protectors_special #kv > .fl {
    flex-direction: column;
  }
  #protectors_special #kv .kv-protector {
    width: 100%;
  }
  #protectors_special #kv .kv-cont {
    padding: 0 0 1.762vw 4.762vw;
  }
  #protectors_special #kv p {
    font-size: var(--fs-16-12);
    margin: 0 0 0.5em;
  }
  #protectors_special #kv p.sub {
    margin: 0 0 0.5em;
  }
  #protectors_special #kv .name {
    font-size: var(--fs-14-12);
    line-height: 1.3;
  }
  #protectors_special #kv .btn-more {
    bottom: 1.762vw;
    right: 2.762vw;
    width: 30vw;
  }
  #protectors_special #kv .btn-more a {
    line-height: 1;
    padding: 2.429vw 0.5vw;
  }
}
/*--==//kv==--*/

/*--==lineup==--*/
#protectors_special #lineup {
  padding: 72px 0 0;
}
#protectors_special #lineup .inner-cont > p {
  text-align: center;
}
#protectors_special #lineup .lineup-protector {
  position: relative;
  margin-top: 73px;
}
#protectors_special #lineup .lineup-protector > .fl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  align-items: flex-end;
  /* max-width: 1060px; */
  width: 75.714vw;
  height: 100%;
  padding-bottom: 5.357vw;
  margin: 0 auto;
  z-index: 10;
}
#protectors_special #lineup .lineup-protector > .fl .lineup-cont {
  width: 50%;
  padding-left: 88px;
}
#protectors_special #lineup .lineup-protector > .fl .lineup-cont.hdp {
  padding-left: 6.286vw;
}
#protectors_special #lineup .lineup-protector > .fl .lineup-cont.vp {
  padding-left: 11.786vw;
}
#protectors_special #lineup .lineup-protector > .fl .lineup-cont .name {
  font-size: var(--fs-16-12);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #protectors_special #lineup .lineup-protector {
    margin-top: 13.095vw;
    margin-bottom: 7.143vw;
  }
  #protectors_special #lineup .lineup-protector > .fl {
    display: none;
  }
}
/*--==//lineup==--*/

/*--==hdp & vp==--*/
#protectors_special .sticky-wrapper {
  justify-content: flex-end;
}
@media screen and (min-width: 767px) {
  #protectors_special .sticky-product {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding-bottom: 20px;
    z-index: 50;
  }
}
#protectors_special .sticky-product picture img {
  width: 100%;
}
#protectors_special .sticky-product .prname {
  font-size: var(--fs-16-14);
  text-align: center;
  margin-top: 20px;
}
#protectors_special .sticky-product .price {
  font-size: var(--fs-14-12);
  text-align: center;
  margin-top: 10px;
}
#protectors_special .sticky-product p {
  font-size: var(--fs-14-12);
  text-align: center;
  letter-spacing: normal;
  line-height: 1.6;
  padding: 0 10px;
}
#protectors_special .sticky-product .btn-group,
#protectors_special .sticky-product .btn-product-group {
  display: flex;
  justify-content: center;
}
#protectors_special .sticky-product .btn-group .btn-detail {
  width: 140px;
  font-size: 12px;
  margin: 0 13px;
}
#protectors_special .sticky-product .btn-group .btn-cart {
  width: 140px;
  font-size: 12px;
  margin: 0 13px;
  background: #353737;
}
#protectors_special .sticky-product .btn-group a {
  padding: 7px 0 7px;
}
#protectors_special .sticky-product .btn-product-group {
  margin-top: 25px;
}
#protectors_special .sticky-product .btn-product-group .btn-product {
  position: relative;
  width: 270px;
  margin: 0 26px;
}
#protectors_special .sticky-product .btn-product-group .btn-product a {
  display: block;
  color: var(--color-glay-01);
  font-size: 12px;
  text-align: center;
  padding: 15px 5px 16px 18px;
  background: #f5f5f5;
  border-radius: 10px;
}
#protectors_special .sticky-product .btn-product-group .btn-product.act a {
  color: var(--color-white);
  background: #b8b4b4;
}
#protectors_special .sticky-product .btn-product-group .btn-product a img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#protectors_special .sticky-product .btn-product-group .btn-product.hdp a img {
  left: 12px;
}
#protectors_special .sticky-product .btn-product-group .btn-product.vp a img {
  left: 25px;
}
@media screen and (max-width: 767px) {
  #protectors_special .sticky-wrapper {
    display: block;
    width: 100%;
  }
  #protectors_special .sticky-product {
    padding-bottom: 11.429vw;
  }
  #protectors_special #hdp .sticky-product .btn-product-group.fade_up {
    transform: translate(0, 20%);
  }
  #protectors_special #hdp .sticky-product .btn-product-group {
    bottom: 0;
    position: fixed;
    width: 100%;
    margin: 0;
    background: var(--color-white);
    opacity: 0;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    pointer-events: none;
  }
  #protectors_special #hdp .sticky-product .btn-product-group.btn-product-up {
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
    z-index: 200;
  }
  #protectors_special #vp .sticky-product .btn-product-group {
    display: none;
  }
  #protectors_special .sticky-product .btn-product-group .btn-product {
    width: 45%;
    margin: 2vw auto;
  }
  #protectors_special .sticky-product .btn-product-group .btn-product a {
    font-size: 10px;
    padding: 0.5vw 0;
  }
  #protectors_special .sticky-product .btn-product-group .btn-product.hdp a img {
    width: 6.905vw;
    left: 0.7vw;
  }
  #protectors_special .sticky-product .btn-product-group .btn-product.vp a img {
    width: 5.238vw;
    left: 1vw;
  }
  .scroll-top-wrapper.btn-scroll-up {
    bottom: 6em;
  }
}
/*--==hdp==--*/
#protectors_special #hdp {
  position: relative;
}
#protectors_special #hdp .hdp-wrapper {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #protectors_special #hdp .hdp-wrapper {
    width: 100%;
  }
}
/*--hdp-cont-01--*/
#protectors_special #hdp .hdp-cont-01 {
  position: relative;
  padding: 65px 0 175px;
  background: var(--color-pink);
}
#protectors_special #hdp .hdp-cont-01 video {
  position: relative;
  display: block;
  width: 287px;
  margin: 43px auto 0;
  transform: translateX(-20%);
  z-index: 10;
}
#protectors_special #hdp .hdp-cont-01 img {
  position: absolute;
}
#protectors_special #hdp .hdp-cont-01 img.hdp-img-01 {
  top: 280px;
  left: 50%;
  transform: translateX(25%);
}
#protectors_special #hdp .hdp-cont-01 img.hdp-img-02 {
  bottom: 70px;
  left: 50%;
  transform: translateX(5%);
  z-index: 15;
}
@media screen and (max-width: 767px) {
  #protectors_special #hdp .hdp-cont-01 {
    padding: 8.095vw 0 30.714vw;
  }
  #protectors_special #hdp .hdp-cont-01 video {
    width: 59.048vw;
  }
  #protectors_special #hdp .hdp-cont-01 img.hdp-img-01 {
    top: 58.571vw;
    left: 47%;
    width: 39.762vw;
  }
  #protectors_special #hdp .hdp-cont-01 img.hdp-img-02 {
    bottom: 6.429vw;
    width: 41.429vw;
  }
}
/*--hdp-cont-02--*/
#protectors_special #hdp .hdp-cont-02 {
  position: relative;
  max-height: 1253px;
  overflow: hidden;
}
#protectors_special #hdp .hdp-cont-02 > video.bg {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
  opacity: 0.2;
}
@media screen and (min-width: 1080px) {
  #protectors_special #hdp .hdp-cont-02 > video.bg {
    aspect-ratio: 9 / 16;
    width: 100%;
  }
}
#protectors_special #hdp .hdp-cont-02 .hdp-cont-inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 74px 0 30px;
  z-index: 10;
}
#protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > video {
  display: block;
  width: 292px;
  margin: 40px auto 0;
  transform: translateX(-20%);
}
#protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > p {
  max-width: 340px;
  margin: 32px auto 0;
  transform: translateX(40%);
}
#protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > .fl {
  width: 450px;
  margin: 48px auto 0;
}
#protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > .fl > p {
  width: 55%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner {
    padding: 10.952vw 0 10.238vw;
  }
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > video {
    width: 60.714vw;
    margin: 5.238vw auto 0;
    transform: translateX(0);
  }
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > p {
    max-width: initial;
    padding: 0 1.5vw 0 36.143vw;
    margin: 7.143vw auto 0;
    transform: translateX(0);
  }
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > .fl {
    flex-direction: column;
    width: 90vw;
    margin: 3.571vw auto 0;
  }
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > .fl > p {
    width: 70%;
  }
  #protectors_special #hdp .hdp-cont-02 .hdp-cont-inner > .fl > picture > img {
    margin-left: 47.381vw;
  }
}
/*--hdp-cont-03-*/
#protectors_special #hdp .hdp-cont-03 {
  position: relative;
  padding: 65px 0 70px;
  background: var(--color-pink);
}
#protectors_special #hdp .hdp-cont-03 h4 {
  margin: 20px auto 15px;
  line-height: 2;
  text-align: center;
}
#protectors_special #hdp .hdp-cont-03 .notes {
  width: 500px;
  margin: 0 auto;
}
#protectors_special #hdp .hdp-cont-03 .extract {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 496px;
  padding: 0 60px 0 50px;
  margin: 33px auto 0;
}
#protectors_special #hdp .hdp-cont-03 .img {
  display: block;
  margin-bottom: 15px;
}
#protectors_special #hdp .hdp-cont-03 [class^="extract_"] {
  position: absolute;
  width: 170px;
}
#protectors_special #hdp .hdp-cont-03 .extract_01 {
  top: 0;
  left: 67px;
}
#protectors_special #hdp .hdp-cont-03 .extract_02 {
  top: 24px;
  right: 32px;
}
#protectors_special #hdp .hdp-cont-03 .extract_03 {
  top: 230px;
  left: 0;
}
#protectors_special #hdp .hdp-cont-03 .extract_04 {
  bottom: 107px;
  right: 0;
}
#protectors_special #hdp .hdp-cont-03 .extract_05 {
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #protectors_special #hdp .hdp-cont-03 {
    padding: 12.381vw 0 12.857vw;
  }
  #protectors_special #hdp .hdp-cont-03 h4 {
    width: 90vw;
    margin: 2vw auto 4.762vw;
  }
  #protectors_special #hdp .hdp-cont-03 .notes {
    width: 90vw;
  }
  #protectors_special #hdp .hdp-cont-03 .extract {
    flex-direction: column-reverse;
    width: 90vw;
    height: auto;
    padding: 0;
    margin: 4.286vw auto 0;
  }
  #protectors_special #hdp .hdp-cont-03 .img {
    width: 54.286vw;
    margin-bottom: 2vw;
  }
  #protectors_special #hdp .hdp-cont-03 .extract-sp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 5vw;
    column-gap: 3vw;
  }
  #protectors_special #hdp .hdp-cont-03 .extract-sp::before {
    content: "";
    display: block;
    width: auto;
  }
  #protectors_special #hdp .hdp-cont-03 [class^="extract_"] {
    position: static;
    width: 48%;
    margin: 0 auto;
  }
  #protectors_special #hdp .hdp-cont-03 [class^="extract_"] img {
    display: block;
    max-width: 170px;
    width: 40.476vw;
    margin: 0 auto;
  }
}
/*--hdp-cont-04-*/
#protectors_special #hdp .hdp-cont-04 {
  padding: 65px 0 70px;
  background: var(--color-glay-02);
}
#protectors_special #hdp .hdp-cont-04 p {
  text-align: center;
  margin: 1.2em auto 1em;
}
#protectors_special #hdp .hdp-cont-04 .hdp-cont-inner {
  width: 288px;
  margin: 37px auto;
}
#protectors_special #hdp .hdp-cont-04 .hdp-cont-inner > video {
  display: block;
  width: 288px;
}
@media screen and (max-width: 767px) {
  #protectors_special #hdp .hdp-cont-04 {
    padding: 10.238vw 0;
  }
  #protectors_special #hdp .hdp-cont-04 .hdp-cont-inner {
    width: 60.714vw;
    margin: 5.714vw auto;
  }
  #protectors_special #hdp .hdp-cont-04 .hdp-cont-inner > video {
    width: 60.714vw;
  }
}
/*--==//hdp==--*/

/*--==vp==--*/
#protectors_special #vp {
  position: relative;
}
#protectors_special #vp .vp-wrapper {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #protectors_special #vp .vp-wrapper {
    width: 100%;
  }
}
/*--vp-cont-01--*/
#protectors_special #vp .vp-cont-01 {
  position: relative;
  max-height: 1010px;
  overflow: hidden;
}
#protectors_special #vp .vp-cont-01 > video.bg {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
  opacity: 0.2;
}
@media screen and (min-width: 1080px) {
  #protectors_special #vp .vp-cont-01 > video.bg {
    aspect-ratio: 9 / 16;
    width: 100%;
  }
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 65px 0 70px;
  z-index: 10;
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner > video {
  position: relative;
  display: block;
  width: 288px;
  margin: 43px auto 140px;
  transform: translateX(-20%);
  z-index: 10;
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner p {
  text-align: center;
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner .notes {
  width: 500px;
  margin: 0 auto;
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner img {
  position: absolute;
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner img.vp-img-01 {
  top: 280px;
  left: 50%;
  transform: translateX(25%);
}
#protectors_special #vp .vp-cont-01 .vp-cont-inner img.vp-img-02 {
  top: 590px;
  left: 50%;
  transform: translateX(5%);
  z-index: 15;
}
@media screen and (max-width: 767px) {
  #protectors_special #vp .vp-cont-01 {
    max-height: 230vw;
  }
  #protectors_special #vp .vp-cont-01 .vp-cont-inner {
    padding: 10.952vw 0 10.238vw;
  }
  #protectors_special #vp .vp-cont-01 .vp-cont-inner > video {
    width: 59.286vw;
    margin: 7.857vw auto 36vw;
  }
  #protectors_special #vp .vp-cont-01 .vp-cont-inner img.vp-img-01 {
    top: 52.048vw;
    left: 50%;
    transform: translateX(7%);
  }
  #protectors_special #vp .vp-cont-01 .vp-cont-inner img.vp-img-02 {
    top: 120vw;
    left: 50%;
    transform: translateX(-15%);
  }
  #protectors_special #vp .vp-cont-01 .vp-cont-inner .notes {
    width: 80vw;
  }
}
/*--vp-cont-02-*/
#protectors_special #vp .vp-cont-02 {
  position: relative;
  padding: 65px 0 70px;
  background: var(--color-glay-02);
}
#protectors_special #vp .vp-cont-02 p {
  width: 440px;
  margin: 0 auto;
}
#protectors_special #vp .vp-cont-02 .extract {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 546px;
  height: 487px;
  padding: 0 60px 0 50px;
  margin: 0 auto 83px;
}
#protectors_special #vp .vp-cont-02 .img {
  display: block;
  margin-top: 50px;
}
#protectors_special #vp .vp-cont-02 [class^="extract_"] {
  position: absolute;
  width: 170px;
}
#protectors_special #vp .vp-cont-02 .extract_01 {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#protectors_special #vp .vp-cont-02 .extract_02 {
  bottom: 0;
  right: 0;
}
#protectors_special #vp .vp-cont-02 .extract_03 {
  bottom: 0;
  left: 0;
}
#protectors_special #vp .vp-cont-02 .essence {
  display: block;
  text-align: center;
  margin: 40px auto 35px;
}
@media screen and (max-width: 767px) {
  #protectors_special #vp .vp-cont-02 {
    padding: 12.381vw 0 19.524vw;
  }
  #protectors_special #vp .vp-cont-02 p {
    width: 90vw;
  }
  #protectors_special #vp .vp-cont-02 .extract {
    flex-direction: column-reverse;
    width: 90vw;
    padding: 0;
    height: auto;
    margin: 0 auto 17.381vw;
  }
  #protectors_special #vp .vp-cont-02 .img {
    width: 56.667vw;
    margin-bottom: 2vw;
  }
  #protectors_special #vp .vp-cont-02 .extract-sp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 5vw;
    column-gap: 3vw;
  }
  #protectors_special #vp .vp-cont-02 .extract-sp::before {
    content: "";
    display: block;
    width: auto;
  }
  #protectors_special #vp .vp-cont-02 [class^="extract_"] {
    position: static;
    width: 48%;
  }
  #protectors_special #vp .vp-cont-02 [class^="extract_"] img {
    display: block;
    max-width: 170px;
    width: 40.476vw;
    margin: 0 auto;
  }
  #protectors_special #vp .vp-cont-02 .extract_02 {
    order: 3;
  }
  #protectors_special #vp .vp-cont-02 .extract_03 {
    order: 2;
  }
  #protectors_special #vp .vp-cont-02 .essence {
    width: 73.095vw;
    margin: 8.333vw auto 9.048vw;
  }
}

/*--==gallery==--*/
#protectors_special #gallery {
  padding: 124px 0 126px;
}
#protectors_special #gallery .gallery-wrapper {
  position: relative;
  max-width: 760px;
  margin: 0 auto 52px;
  overflow: hidden;
}
#protectors_special #gallery .gallery-thum {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 10px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
#protectors_special #gallery .gallery-thum .swiper-wrapper {
  margin: 0 auto;
}
#protectors_special #gallery .gallery-thum .swiper-wrapper .swiper-slide {
  filter: brightness(0.6);
}
#protectors_special #gallery .gallery-thum .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  filter: brightness(1);
}
#protectors_special #gallery .gallery-thum .swiper-wrapper .swiper-slide img {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#protectors_special #gallery p {
  font-size: var(--fs-18-16);
  text-align: center;
}

@media screen and (max-width: 767px) {
  #protectors_special #gallery {
    padding: 8.571vw 0 15.238vw;
  }
  #protectors_special #gallery .gallery-wrapper {
    max-width: initial;
    margin: 0 auto 9.286vw;
  }
  #protectors_special #gallery .gallery-thum .swiper-wrapper .swiper-slide img {
    width: 90%;
  }
}

/*--==product==--*/
#protectors_special #product {
  padding: 0 0 130px;
}
#protectors_special #product .release {
  max-width: 580px;
  font-size: var(--fs-23-16);
  text-align: center;
  padding: 10px;
  margin: 0 auto 45px;
  border: var(--color-Black) 1px solid;
}
#protectors_special #product .product-wrapper {
  max-width: 1060px;
  margin: 0 auto;
}
#protectors_special #product .product-wrapper > .fl {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#protectors_special #product .product_group {
  width: 50%;
  text-align: center;
}
#protectors_special #product .product_group p {
  margin: 0;
}
#protectors_special #product .product_group p.price {
  display: flex;
  justify-content: center;
  /*  text-align: left; */
}
#protectors_special #product .btn-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#protectors_special #product .btn-group .btn-detail {
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  #protectors_special #product {
    padding: 0 0 25.952vw;
  }
  #protectors_special #product .release {
    max-width: 85vw;
    padding: 2.571vw;
    margin: 0 auto 3.571vw;
  }
  #protectors_special #product .product-wrapper {
    width: 90vw;
    margin: 0 auto;
  }
  #protectors_special .prname.sp .price {
    margin-bottom: 0;
  }
  #protectors_special #product .btn-detail {
    margin: 3.571vw auto;
  }
}
/*--==//product==--*/

/*--==sensing==--*/
#protectors_special #sensing {
  margin: 0 auto;
}
#protectors_special #sensing .sensing-video-wapper {
  max-width: 1310px;
  margin: 0 auto 90px;
}
#protectors_special #sensing .sensing-video {
  max-width: 756px;
  width: 60%;
}
#protectors_special #sensing .sensing-video video {
  max-width: 756px;
  width: 100%;
}
#protectors_special #sensing .sensing-video-cont {
  width: 39%;
}
#protectors_special #sensing .sensing-video-cont h3 {
  text-align: left;
  margin: 0 0 33px;
}
#protectors_special #sensing .sensing-video-cont p {
  margin: 0;
}
#protectors_special #sensing .sensing-list {
  max-width: 1060px;
  width: 95vw;
  margin: 60px auto 0;
}
#protectors_special #sensing dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 38px;
}
#protectors_special #sensing dl dt {
  max-width: 134px;
  width: 16.75vw;
  text-align: center;
  padding: 0;
}
#protectors_special #sensing dl dd {
  max-width: 833px;
  width: 77.5vw;
  padding: 0 0 0 40px;
  box-sizing: border-box;
}
#protectors_special #sensing dl dd h3 {
  font-size: 22px;
  text-align: left;
}
#protectors_special #sensing ul.int {
  margin-top: 38px;
}
#protectors_special #sensing ul.int li {
  text-indent: -0.9rem;
}
@media screen and (min-width: 768px) {
  #protectors_special #sensing .swiper-wrapper {
    display: block;
  }
}
/* @media screen and (max-width: 950px) {
  #protectors_special #sensing {
    padding: 15.476vw 0 0;
  }
  #protectors_special #sensing .sensing-video-wapper {
    display: block;
    margin-bottom: 15.952vw;
  }
  #protectors_special #sensing .sensing-video {
    max-width: initial;
    width: 100vw;
  }
  #protectors_special #sensing .sensing-video video {
    max-width: initial;
    width: 100%;
  }
  #protectors_special #sensing .sensing-video-cont {
    width: 100%;
    padding-top: 3.259vw;
    margin: 0 auto;
  }
  #protectors_special #sensing .sensing-video-02 .sensing-video {
    order: 1;
  }
  #protectors_special #sensing .sensing-video-02 .sensing-cont {
    order: 2;
  }
} */

@media screen and (max-width: 767px) {
  #protectors_special #sensing .sensing-video-wapper {
    max-width: initial;
    width: 90vw;
    margin: 0 auto 12.619vw;
  }
  #protectors_special #sensing .sensing-video-wapper h3 {
    text-align: center;
    margin: 0 auto 11.429vw;
  }
  #protectors_special #sensing .sensing-video {
    max-width: initial;
    width: 100%;
  }
  #protectors_special #sensing .sensing-video video {
    max-width: initial;
    width: 100%;
  }
  #protectors_special #sensing .sensing-video-cont {
    width: 100%;
  }
  #protectors_special #sensing .sensing-cont {
    width: 100%;
    padding-top: 3.259vw;
  }
  #protectors_special #sensing .sensing-list {
    max-width: initial;
    margin: 7.953vw auto 0;
  }
  #protectors_special #sensing .sensing-list .swiper {
    padding-bottom: 6.5vw;
  }
  #protectors_special #sensing dl {
    margin-top: 0;
    width: 80%;
    margin: 0 auto;
  }
  #protectors_special #sensing dl dt {
    max-width: initial;
    width: 100%;
  }
  #protectors_special #sensing dl dt img {
    display: block;
    margin: 0 auto 1.956vw;
  }
  #protectors_special #sensing dl dd {
    max-width: initial;
    width: 100%;
    padding: 0;
  }
  #protectors_special #sensing dl dd h3 {
    margin-bottom: 3vw;
  }
  #protectors_special #sensing ul.int {
    margin-top: 2vw;
  }
  #protectors_special #sensing .swiper-pagination-bullet-active {
    background: #9f9f9f;
  }
  #protectors_special #sensing .swiper-button-next,
  #protectors_special #sensing .swiper-button-prev {
    top: 30vw;
    width: 7vw;
    height: 7vw;
    color: #fff;
    padding: 1.5vw;
    background: #9f9f9f;
    border-radius: 5vw;
  }
}
/*--==//sensing==--*/

/*--==footer_product==--*/
#protectors_special #footer-product {
  padding: 0 0 130px;
}
#protectors_special #footer-product .release {
  max-width: 580px;
  font-size: var(--fs-23-16);
  text-align: center;
  padding: 10px;
  margin: 0 auto 45px;
  border: var(--color-Black) 1px solid;
}
#protectors_special #footer-product .product-wrapper {
  max-width: 1060px;
  margin: 0 auto;
}
#protectors_special #footer-product .product-wrapper > .fl {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#protectors_special #footer-product .product_group {
  width: 50%;
  text-align: center;
}
#protectors_special #footer-product .product_group p {
  margin: 0;
}
#protectors_special #footer-product .btn-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#protectors_special #footer-product .btn-group .btn-detail {
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  #protectors_special #footer-product {
    padding: 0 0 25.952vw;
  }
  #protectors_special #footer-product .release {
    max-width: 85vw;
    padding: 2.571vw;
    margin: 0 auto 3.571vw;
  }
  #protectors_special #footer-product .product-wrapper {
    width: 90vw;
    margin: 0 auto;
  }
  #protectors_special .prname.sp .price {
    margin-bottom: 0;
  }
  #protectors_special #footer-product .btn-detail {
    margin: 3.571vw auto;
  }
}
/*--==//footer_product==--*/