@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
/*
 Ten Mincho Text Regular 
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;

 Ten Mincho Text Italic 
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: italic;


*/
/*-- BASE --*/
.l-main {
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: normal; }

.l-main * {
  letter-spacing: 0.05em; }

img {
  -webkit-backface-visibility: hidden; }

/*-- CMN --*/
.spHide {
  display: block; }

.spDisp {
  display: none; }

.tenMin {
  font-family: ten-mincho-text,serif; }

.cmnAnc {
  display: inline-block;
  padding-top: 150px;
  margin-top: -150px; }

/*-- UNIQ --*/
/*
.uniqFv {
padding: 40px 0 0;
@media only screen and (max-width: 1281px) {
padding: 0;
}
text-align: center;
h1 {
display: block;
margin: 0 auto;
max-width: 1280px;
img {
height: auto;
width: 100%;
}
}
}
*/
.uniqFv {
  /*
  background: url("/img/freepage/stephenknoll_20210219/img/bg_fv.png") center bottom no-repeat;
  background-size: cover;
  */
  background-image: url("/img/freepage/stephenknoll_20210219/img/fv_pc.png"), url("/img/freepage/stephenknoll_20210219/img/bg_fv.png");
  background-position: center top, center center;
  background-size: auto 560px, 100% auto;
  background-repeat: no-repeat, no-repeat;
  min-height: 560px;
  padding: 0;
  text-align: center; }
  @media only screen and (min-width: 1460px) {
    .uniqFv {
      background-image: url("/img/freepage/stephenknoll_20210219/img/fv_pc.png"), url("/img/freepage/stephenknoll_20210219/img/bg_fv.png");
      background-position: center top, center bottom -3vw;
      background-size: auto 560px, 100% auto;
      background-repeat: no-repeat, no-repeat; } }
  @media only screen and (max-width: 1300px) {
    .uniqFv {
      background-image: url("/img/freepage/stephenknoll_20210219/img/fv_pc.png"), url("/img/freepage/stephenknoll_20210219/img/bg_fv.png");
      background-position: center top, center  bottom;
      background-size: auto 560px, auto 560px;
      background-repeat: no-repeat, no-repeat; } }
  .uniqFv h1 {
    display: block;
    margin: 0 auto;
    max-width: 1280px; }
    .uniqFv h1 img {
      height: auto;
      width: 100%; }

.anchors {
  padding: 70px 40px 50px; }
  .anchors ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 450px; }
    .anchors ul li {
      background-color: #000;
      line-height: 0;
      letter-spacing: 0;
      width: 100%; }
      .anchors ul li a {
        transition: 0.2s; }
        .anchors ul li a:hover {
          opacity: 0.8; }
        .anchors ul li a img {
          width: 100%; }

.hcSec {
  background-color: #FCFAFE;
  padding: 80px 40px 30px; }
  .hcSec h2 {
    margin-bottom: 50px;
    text-align: center; }
    .hcSec h2 img {
      max-width: 400px; }
  .hcSec .bodyCopy {
    background: url("/img/freepage/stephenknoll_20210219/img/img_head_bg.png") center bottom no-repeat;
    background-size: 400px auto;
    margin-bottom: 100px;
    padding-bottom: 60px;
    text-align: center; }
    .hcSec .bodyCopy p {
      font-size: 15px;
      margin-bottom: 20px; }
  .hcSec .block {
    background-color: #FFF;
    margin: 0 auto 80px;
    max-width: 900px;
    padding: 0 40px 50px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
    .hcSec .block .blockTitle {
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      text-align: center;
      position: relative;
      top: -20px; }
      .hcSec .block .blockTitle .badgeIcon {
        background-color: #854E84;
        color: #FFF;
        display: inline-flex;
        font-weight: 300;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 100;
        margin: 0 auto 40px;
        min-height: 40px;
        text-align: center;
        position: relative;
        padding: 0 25px 0;
        width: auto;
        box-sizing: border-box; }
      .hcSec .block .blockTitle .badgeIcon::before,
      .hcSec .block .blockTitle .badgeIcon::after {
        content: "";
        width: 20px;
        height: 40px;
        position: absolute;
        top: 0;
        z-index: 0; }
      .hcSec .block .blockTitle .badgeIcon::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 15px 20px 0;
        border-color: transparent #854E84 transparent transparent;
        left: -15px; }
      .hcSec .block .blockTitle .badgeIcon::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 15px;
        border-color: transparent transparent transparent #854E84;
        right: -15px; }
      .hcSec .block .blockTitle h3 {
        color: #50248C;
        font-size: 28px;
        font-weight: 500;
        line-height: 1.4; }
    .hcSec .block .blockData {
      background-image: url("/img/freepage/stephenknoll_20210219/img/bg_blockdata.png"), url("/img/freepage/stephenknoll_20210219/img/bg_blockdata.png");
      background-position: center top, center bottom;
      background-size: 540px auto, 540px auto;
      background-repeat: no-repeat, no-repeat;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      margin: 0 auto 50px;
      max-width: 540px;
      padding: 55px 0 40px;
      position: relative;
      top: -15px; }
      .hcSec .block .blockData ol {
        margin: 0 20px 0 40px;
        max-width: 500px; }
        .hcSec .block .blockData ol li {
          font-size: 18px;
          font-weight: 400;
          line-height: 1.7;
          margin-bottom: 15px;
          text-indent: -1em;
          padding-left: 1em; }
          .hcSec .block .blockData ol li strong {
            color: #50248C;
            font-weight: 400; }
        .hcSec .block .blockData ol.noIndent li {
          text-indent: 0;
          padding-left: 0; }
    .hcSec .block .bIcon {
      background-color: #D6A05B;
      color: #FFF;
      display: inline-flex;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      justify-content: center;
      align-items: center;
      font-size: 17px;
      font-weight: 100;
      min-height: 40px;
      text-align: center;
      position: absolute;
      top: -20px;
      left: 50%;
      z-index: 2;
      margin-left: -15%;
      padding: 2px 25px 0;
      box-sizing: border-box;
      width: auto; }
      .hcSec .block .bIcon::before, .hcSec .block .bIcon:after {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        top: 0;
        z-index: 0; }
      .hcSec .block .bIcon::before {
        border-style: solid;
        border-width: 0 0 40px 15px;
        border-color: transparent transparent #D6A05B;
        left: -15px; }
      .hcSec .block .bIcon::after {
        border-style: solid;
        border-width: 40px 15px 0 0;
        border-color: #D6A05B transparent transparent;
        right: -15px; }
    .hcSec .block .bIcon.gold {
      background-color: #D6A05B; }
      .hcSec .block .bIcon.gold:before {
        border-color: transparent transparent #D6A05B; }
      .hcSec .block .bIcon.gold:after {
        border-color: #D6A05B transparent transparent; }
    .hcSec .block .bIcon.silver {
      background-color: #BEBEBE; }
      .hcSec .block .bIcon.silver:before {
        border-color: transparent transparent #BEBEBE; }
      .hcSec .block .bIcon.silver:after {
        border-color: #BEBEBE transparent transparent; }
    .hcSec .block .bIcon.copper {
      background-color: #B87253; }
      .hcSec .block .bIcon.copper:before {
        border-color: transparent transparent #B87253; }
      .hcSec .block .bIcon.copper:after {
        border-color: #B87253 transparent transparent; }
    .hcSec .block .bIcon.push {
      background-color: #AA2291; }
      .hcSec .block .bIcon.push:before {
        border-color: transparent transparent #AA2291; }
      .hcSec .block .bIcon.push:after {
        border-color: #AA2291 transparent transparent; }
    .hcSec .block .bIconBox {
      margin: 20px 0 70px;
      position: relative;
      text-align: center;
      z-index: 10; }
      .hcSec .block .bIconBox .bIcon {
        position: relative;
        top: 0;
        left: 0;
        z-index: 10;
        margin: 0 auto; }
    .hcSec .block .itemBox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto;
      position: relative; }
      .hcSec .block .itemBox.vaM {
        align-items: center; }
      .hcSec .block .itemBox .normalCopy {
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 20px;
        font-weight: normal;
        color: #50248C;
        line-height: 1.4;
        text-align: center;
        position: absolute;
        z-index: 2;
        top: -28px;
        left: 0;
        width: 100%; }
        .hcSec .block .itemBox .normalCopy strong {
          background: linear-gradient(transparent 40%, #FAF3F6 40%);
          font-weight: normal; }
      .hcSec .block .itemBox .img {
        position: relative;
        width: 38%; }
        .hcSec .block .itemBox .img a {
          display: block;
          transition: 0.2s; }
          .hcSec .block .itemBox .img a:hover {
            opacity: 0.8; }
        .hcSec .block .itemBox .img img {
          width: 100%; }
      .hcSec .block .itemBox .data {
        padding: 20px 0;
        width: 55%;
        box-sizing: border-box; }
        .hcSec .block .itemBox .data .itemName {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .hcSec .block .itemBox .data .itemName .brand {
            color: #737373;
            display: block;
            font-size: 13px;
            line-height: 1.4;
            margin-bottom: 10px;
            letter-spacing: 0.04em; }
          .hcSec .block .itemBox .data .itemName .product {
            color: #222;
            display: block;
            font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            font-size: 23px;
            font-weight: 600;
            line-height: 1.3; }
        .hcSec .block .itemBox .data .priceData {
          color: #222;
          font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-size: 16px;
          margin: 5px 0 20px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .hcSec .block .itemBox .data .priceData .price {
            font-size: 20px;
            font-weight: 500;
            margin-left: 10px; }
        .hcSec .block .itemBox .data .cBtn {
          position: relative;
          z-index: 2; }
          .hcSec .block .itemBox .data .cBtn a {
            background-color: #303030;
            color: #FFF;
            display: inline-block;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0.1em;
            margin: 0 auto;
            padding: 15px 30px 18px 20px;
            min-width: 260px;
            text-align: center;
            transition: 0.2s; }
            .hcSec .block .itemBox .data .cBtn a:hover {
              opacity: 0.8; }
            .hcSec .block .itemBox .data .cBtn a span.icon {
              background: url("/img/freepage/stephenknoll_20210219/img/icon_cart.png") center center no-repeat;
              background-size: 25px auto;
              display: inline-block;
              margin: -5px 20px 0 0;
              vertical-align: middle;
              height: 23px;
              width: 25px; }
      .hcSec .block .itemBox .review {
        background-color: #FBF9FF;
        display: flex;
        margin: 50px 0 0 20px;
        padding: 30px 25px;
        position: relative;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .hcSec .block .itemBox .review .reviewImg {
          width: 210px; }
          .hcSec .block .itemBox .review .reviewImg img {
            height: auto;
            width: 190px;
            position: absolute;
            top: -20px;
            left: -40px; }
        .hcSec .block .itemBox .review .reviewData {
          width: 100%; }
          .hcSec .block .itemBox .review .reviewData h4 {
            color: #50248C;
            font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            font-size: 16px;
            font-weight: 600;
            padding: 0 0 15px 7px; }
            .hcSec .block .itemBox .review .reviewData h4 img {
              margin-right: 7px;
              vertical-align: middle;
              width: 15px; }
          .hcSec .block .itemBox .review .reviewData .txt {
            color: #333;
            font-size: 13px;
            font-weight: normal;
            letter-spacing: 0.02em;
            padding-left: 7px; }
          .hcSec .block .itemBox .review .reviewData .user {
            color: #333;
            font-size: 12px;
            font-weight: normal;
            padding-top: 10px;
            text-align: right; }
          .hcSec .block .itemBox .review .reviewData .att {
            color: #737373;
            font-size: 11px;
            font-weight: normal;
            padding: 10px 0 0 17px;
            text-indent: -1em;
            padding-left: 1em; }
      .hcSec .block .itemBox .finger {
        color: #AA2291;
        font-size: 14px;
        margin-bottom: 20px; }
        .hcSec .block .itemBox .finger img {
          margin-right: 7px;
          vertical-align: middle;
          width: 20px; }
    .hcSec .block .itemBox2C {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 670px;
      padding-bottom: 40px; }
      .hcSec .block .itemBox2C .itemBox {
        display: block;
        margin: 0;
        width: 47%; }
        .hcSec .block .itemBox2C .itemBox .img {
          position: relative;
          width: 100%; }
        .hcSec .block .itemBox2C .itemBox .data {
          text-align: center;
          padding: 30px 0 0;
          width: 100%; }
          .hcSec .block .itemBox2C .itemBox .data .itemName .product {
            font-size: 22px;
            line-height: 1.2;
            letter-spacing: 0.02em; }
          .hcSec .block .itemBox2C .itemBox .data .cBtn a {
            display: block; }
  .hcSec.color2 {
    background-color: #FBF6FA; }
    .hcSec.color2 .block .blockTitle h3,
    .hcSec.color2 .block .blockData ol li strong {
      color: #AA2291; }
    .hcSec.color2 .itemBox .review {
      background-color: #FBF6FA; }
    .hcSec.color2 .itemBox .review .reviewImg {
      width: 150px; }
    .hcSec.color2 .itemBox .review .reviewData h4 {
      color: #AA2291;
      line-height: 1.4; }
    .hcSec.color2 .itemBox .review.uniq .reviewImg img {
      width: 150px; }

.lastAtt {
  font-size: 14px;
  padding-top: 50px;
  text-align: center; }

.camBnr {
  padding: 40px 0 80px;
  text-align: center;
  position: relative; }
  .camBnr a {
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: 0.2s; }
    .camBnr a:hover {
      opacity: 0.8; }
    .camBnr a img {
      width: 100%;
      height: auto;
      max-width: 620px; }

/*-- CART --*/
.toggle_radio input[type="radio"], .img_radios input[type="radio"] {
  display: none; }

.toggle_radio input[type="radio"] + label {
  padding: 9px;
  display: inline-block;
  min-width: 82px;
  border: 1px solid #FFF;
  font-size: 14px;
  line-height: 1;
  border-radius: 6px;
  color: #737373;
  text-align: center; }

.toggle_radio input[type="radio"]:checked + label {
  border-color: #AA2291;
  font-weight: 500; }

ul.toggle_radio, ul.img_radios {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

ul.toggle_radio li, .img_radios li {
  padding: 0;
  line-height: 1;
  font-size: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.03); }

.img_radios li {
  text-align: left; }

.img_radios li:first-child {
  padding-left: 0; }

.img_radios li:last-child {
  padding-right: 0; }

.img_radios:not(.toggle_radio) input[type="radio"] + label {
  display: block;
  width: 130px;
  height: auto; }

.img_radios input[type="radio"]:checked + label {
  border-color: #AA2291; }

.img_radios input[type="radio"] + label img,
.img_radios input[type="radio"]:checked + label img {
  height: auto;
  width: 100%; }

.img_radios {
  padding-bottom: 30px; }

.img_radios li span.name {
  color: #737373;
  display: inline-block;
  font-size: 14px !important;
  padding-top: 10px; }

.img_radios input[type="radio"]:checked + label span.name {
  color: #000; }

.img_radios:not(.toggle_radio) input[type="radio"] + label {
  border: 1px solid #EEE; }

.img_radios:not(.toggle_radio) input[type="radio"]:checked + label {
  border-color: #AA2291; }

/* Responsive Start */
@media only screen and (max-width: 901px) {
  /*-- CMN --*/
  .spHide {
    display: none; }

  .spDisp {
    display: block; }

  /*-- Breadcrumb --*/
  .c-breadcrumb__inner {
    padding: 5px 15px; }

  /*-- UNIQ --*/
  .uniqFv {
    background: none;
    min-height: auto;
    min-height: none;
    padding: 0; }

  .anchors {
    padding: 0; }

  .hcSec {
    border-top: 1px solid #EEE;
    padding: 40px 25px 40px; }
    .hcSec h2 {
      margin-bottom: 30px; }
      .hcSec h2 img {
        max-width: 280px; }
    .hcSec .bodyCopy {
      background-size: 280px auto;
      margin-bottom: 60px;
      padding-bottom: 30px; }
      .hcSec .bodyCopy p {
        font-size: 14px;
        margin-bottom: 15px; }
    .hcSec .block {
      margin: 0 auto 50px;
      padding: 0 0 30px; }
      .hcSec .block.last {
        margin-bottom: 0; }
      .hcSec .block .blockTitle {
        top: -16px; }
        .hcSec .block .blockTitle .badgeIcon {
          font-size: 14px;
          margin: 0 auto 25px;
          min-height: 28px;
          padding: 0 20px; }
        .hcSec .block .blockTitle .badgeIcon::before,
        .hcSec .block .blockTitle .badgeIcon::after {
          width: 25px;
          height: 28px; }
        .hcSec .block .blockTitle .badgeIcon::before {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 14px 10px 14px 0;
          border-color: transparent #854E84 transparent transparent;
          left: -10px; }
        .hcSec .block .blockTitle .badgeIcon::after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 14px 0 14px 10px;
          border-color: transparent transparent transparent #854E84;
          right: -10px; }
        .hcSec .block .blockTitle h3 {
          font-size: 17px;
          line-height: 1.4;
          letter-spacing: -0.02em; }
      .hcSec .block .blockData {
        background-size: 86% auto, 86% auto;
        margin: 10px auto 30px;
        padding: 30px 0 15px;
        position: relative;
        top: -15px; }
        .hcSec .block .blockData ol {
          margin: 0 30px 0 35px; }
          .hcSec .block .blockData ol li {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.6; }
            .hcSec .block .blockData ol li br {
              display: none; }
            .hcSec .block .blockData ol li strong {
              letter-spacing: 0; }
      .hcSec .block .bIcon {
        font-size: 14px;
        min-height: 35px;
        top: -16px;
        left: 50%;
        margin-left: -15%;
        padding: 0 25px; }
        .hcSec .block .bIcon::before {
          border-width: 0 0 35px 15px;
          left: -15px; }
        .hcSec .block .bIcon::after {
          border-width: 35px 15px 0 0;
          right: -15px; }
      .hcSec .block .bIconBox {
        margin: 0;
        position: relative;
        text-align: center;
        z-index: 10; }
        .hcSec .block .bIconBox .bIcon {
          position: relative;
          top: -5px;
          left: 0;
          z-index: 10;
          margin: 0 auto; }
      .hcSec .block .itemBox {
        display: block; }
        .hcSec .block .itemBox .normalCopy {
          font-size: 13px;
          line-height: 1.3;
          letter-spacing: -0.02em;
          top: 28px; }
          .hcSec .block .itemBox .normalCopy strong {
            letter-spacing: -0.02em; }
        .hcSec .block .itemBox .img {
          width: 100%; }
          .hcSec .block .itemBox .img a:hover {
            opacity: 1; }
        .hcSec .block .itemBox .data {
          padding: 20px 20px 0;
          width: 100%; }
          .hcSec .block .itemBox .data .itemName .brand {
            font-size: 11px;
            line-height: 1.3;
            margin-bottom: 10px; }
          .hcSec .block .itemBox .data .itemName .product {
            font-size: 16px;
            line-height: 1.3;
            letter-spacing: 0.02em; }
            .hcSec .block .itemBox .data .itemName .product br {
              display: none; }
          .hcSec .block .itemBox .data .priceData {
            font-size: 12px;
            margin: 5px 0 20px; }
            .hcSec .block .itemBox .data .priceData .price {
              font-size: 16px;
              margin-left: 10px; }
          .hcSec .block .itemBox .data .cBtn {
            display: block;
            position: relative;
            z-index: 2; }
            .hcSec .block .itemBox .data .cBtn:after {
              background-color: #DDD;
              content: '';
              display: block;
              height: 1px;
              position: absolute;
              top: 50%;
              left: -20px;
              width: 100%;
              z-index: -1; }
            .hcSec .block .itemBox .data .cBtn a {
              display: block;
              font-size: 16px;
              padding: 15px 30px 18px 20px;
              min-width: auto;
              min-width: none;
              text-align: center;
              position: relative;
              right: -20px; }
              .hcSec .block .itemBox .data .cBtn a:hover {
                opacity: 1; }
              .hcSec .block .itemBox .data .cBtn a span.icon {
                background-size: 23px auto;
                margin: -5px 15px 0 0;
                height: 23px;
                width: 23px; }
        .hcSec .block .itemBox .review {
          background-color: transparent;
          display: block;
          margin: 50px 0 0;
          padding: 0;
          position: relative; }
          .hcSec .block .itemBox .review .reviewImg {
            margin-left: -30px;
            padding-bottom: 20px;
            width: auto; }
            .hcSec .block .itemBox .review .reviewImg img {
              height: auto;
              width: 100%;
              position: static; }
          .hcSec .block .itemBox .review .reviewData {
            width: 100%; }
            .hcSec .block .itemBox .review .reviewData h4 {
              font-size: 16px;
              font-weight: 600;
              padding: 0 0 15px 0; }
            .hcSec .block .itemBox .review .reviewData .txt {
              font-size: 14px;
              line-height: 1.6;
              letter-spacing: 0.02em;
              padding-left: 0; }
            .hcSec .block .itemBox .review .reviewData .user {
              font-size: 12px;
              padding: 5px 0;
              text-align: right;
              position: relative; }
              .hcSec .block .itemBox .review .reviewData .user:after {
                background-color: #EEE;
                content: '';
                display: block;
                height: 1px;
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                z-index: 1; }
              .hcSec .block .itemBox .review .reviewData .user span {
                background-color: #FFF;
                display: inline-block;
                padding: 5px 0 5px 10px;
                position: relative;
                z-index: 2; }
            .hcSec .block .itemBox .review .reviewData .att {
              font-size: 9px;
              font-weight: normal;
              padding-top: 10px; }
        .hcSec .block .itemBox .finger {
          font-size: 13px;
          margin-bottom: 15px; }
          .hcSec .block .itemBox .finger img {
            margin-right: 7px;
            width: 16px; }
      .hcSec .block .itemBox2C {
        margin: -15px 0 0 -10px;
        max-width: auto;
        max-width: none;
        padding-bottom: 0;
        width: calc(100% + 20px); }
        .hcSec .block .itemBox2C .itemBox {
          background-color: #FFF;
          display: block;
          margin: 0;
          padding-top: 45px;
          width: 48.5%;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
          .hcSec .block .itemBox2C .itemBox .data {
            text-align: left;
            padding: 15px 12px 0;
            width: 100%; }
            .hcSec .block .itemBox2C .itemBox .data .itemName .brand {
              font-size: 10px;
              line-height: 1.2;
              margin-bottom: 8px; }
              .hcSec .block .itemBox2C .itemBox .data .itemName .brand br {
                display: none; }
            .hcSec .block .itemBox2C .itemBox .data .itemName .product {
              font-size: 14px;
              line-height: 1.2;
              letter-spacing: -0.04em; }
            .hcSec .block .itemBox2C .itemBox .data .priceData {
              font-size: 11px; }
            .hcSec .block .itemBox2C .itemBox .data .priceData .price {
              font-size: 14px;
              margin-left: 7px; }
            .hcSec .block .itemBox2C .itemBox .data .cBtn:after {
              left: -10px; }
            .hcSec .block .itemBox2C .itemBox .data .cBtn a {
              display: block;
              font-size: 12px;
              padding: 12px 10px 14px 10px;
              right: -12px; }
              .hcSec .block .itemBox2C .itemBox .data .cBtn a:hover {
                opacity: 1; }
              .hcSec .block .itemBox2C .itemBox .data .cBtn a span.icon {
                background-size: 18px auto;
                margin: -5px 10px 0 0;
                height: 18px;
                width: 18px; }
    .hcSec.color2 .itemBox .review .reviewImg {
      margin-left: 0;
      width: 100%; }
    .hcSec.color2 .itemBox .review.uniq .reviewImg img {
      margin-left: -30px;
      width: calc(100% + 30px); }

  .cart_options {
    margin-left: -20px;
    width: calc(100% + 40px); }

  ul.toggle_radio, ul.img_radios {
    width: 100%; }
    ul.toggle_radio li, ul.img_radios li {
      width: 33.333333%; }
      ul.toggle_radio li img, ul.img_radios li img {
        width: 100%; }

  .img_radios:not(.toggle_radio) input[type="radio"] + label {
    width: 100%;
    box-sizing: border-box; }

  .img_radios:not(.toggle_radio) input[type="radio"]:checked + label {
    z-index: 2; }

  .lastAtt {
    font-size: 11px;
    padding: 30px 20px 15px;
    text-align: left; }

  .camBnr {
    padding: 0 20px 30px; } }
/* Animation Setting */
.hcSec,
.uniqFv,
.anchors,
.block {
  opacity: 0; }

.sample {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0px, 30px); }

.itemBox .img,
.itemBox .normalCopy,
.itemBox .itemName,
.itemBox .priceData,
.itemBox .cBtn,
.itemBox .review,
.itemBox .finger,
.itemBox .cart_options {
  opacity: 0;
  -webkit-transform: translate(-40px, 0);
  -ms-transform: translate(-40px, 0);
  transform: translate(-40px, 0); }

.uniqFv.action {
  -webkit-animation: fadeInK 0.7s ease 0.3s 1 forwards;
  animation: fadeInK 0.7s ease 0.3s 1 forwards; }

.anchors.action {
  -webkit-animation: fadeInK 0.7s ease 0.3s 1 forwards;
  animation: fadeInK 0.7s ease 0.3s 1 forwards; }

.hcSec.action {
  -webkit-animation: fadeInK 0.7s ease 0.3s 1 forwards;
  animation: fadeInK 0.7s ease 0.3s 1 forwards; }

.block.action {
  -webkit-animation: fadeInK 0.7s ease 0.3s 1 forwards;
  animation: fadeInK 0.7s ease 0.3s 1 forwards; }

.itemBox .img.action {
  -webkit-animation: fadeInLK 0.7s ease 0.2s 1 forwards;
  animation: fadeInLK 0.7s ease 0.2s 1 forwards; }

.itemBox .normalCopy.action {
  -webkit-animation: fadeInLK 0.7s ease 0.2s 1 forwards;
  animation: fadeInLK 0.7s ease 0.2s 1 forwards; }

.itemBox .data.action .itemName {
  -webkit-animation: fadeInLK 0.7s ease 0.4s 1 forwards;
  animation: fadeInLK 0.7s ease 0.4s 1 forwards; }

.itemBox .data.action .priceData {
  -webkit-animation: fadeInLK 0.7s ease 0.6s 1 forwards;
  animation: fadeInLK 0.7s ease 0.6s 1 forwards; }

.itemBox .data.action .finger {
  -webkit-animation: fadeInLK 0.7s ease 0.7s 1 forwards;
  animation: fadeInLK 0.7s ease 0.7s 1 forwards; }

.itemBox .data.action .cart_options {
  -webkit-animation: fadeInLK 0.7s ease 0.7s 1 forwards;
  animation: fadeInLK 0.7s ease 0.7s 1 forwards; }

.itemBox .data.action .cBtn {
  -webkit-animation: fadeInLK 0.7s ease 0.8s 1 forwards;
  animation: fadeInLK 0.7s ease 0.8s 1 forwards; }

.itemBox .data.action .review {
  -webkit-animation: fadeInLK 0.7s ease 1s 1 forwards;
  animation: fadeInLK 0.7s ease 1s 1 forwards; }

@-webkit-keyframes fadeInK {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUpK {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0px, 30px); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0px, 30px); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes fadeInLK {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInLK {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }