<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url(../../assets/fonts/jeban-iconset/css/jeban-iconset.css);
@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Li-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Li-v3.2.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-v3.2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Med-v3.2.1.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Med-v3.2.1.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'DBHeaventCond';
  src: 'DB-Heavent-cond';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Cond-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Cond-v3.2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'prajard';
  src: url("../../assets/fonts/CS-PraJad-V.2/CSPraJad v2.otf") format("opentype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'prajard';
  src: url("../../assets/fonts/CS-PraJad-V.2/CSPraJad-bold v2.otf") format("opentype");
  font-weight: 400;
  font-style: normal; }

.db-light, .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:first-child {
  font-family: DBHeavent;
  font-weight: 200; }

.db-regular, .content-question-container &gt; h3, .product-review-container .product-review-title &gt; span &gt; p, .product-review-container .product-review-title &gt; h3, .product-review-container .product-review-recommend-review &gt; p, .product-review-container .product-review-recommend-review &gt; a, .main-container .content-title, .main-container .content-title &gt; h1, .main-container #product-review, .main-container .product-review-topic .product-review-topic-list &gt; li a, .main-container .product-review-q-and-a &gt; h3, .main-container .product-review-q-and-a .product-review-q-and-a-component .question p, .main-container .product-review-compare &gt; div &gt; h3, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; h5, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; p, .main-container .product-review-score &gt; h6, .main-container .skinx-signature a,
.main-container .skinx-signature &gt; p, .score-block &gt; div &gt; div, .creator-card p, .creator-card a:last-child, .related-issues-card &gt; h3,
.share-buttons-card &gt; h3, .related-issues-card &gt; ul li a,
.share-buttons-card &gt; ul li a, .keep-reading-card &gt; ul li a i, .keep-reading-card .link-wrapper .btn {
  font-family: DBHeavent;
  font-weight: 400; }

.db-med, .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; small, .main-container .skinx-signature &gt; h4, .score-block .link &gt; div &gt; p, .creator-card h3, .creator-card h3:before, .keep-reading-card &gt; ul li a h3 {
  font-family: DBHeavent;
  font-weight: 600; }

.db-cond, .keep-reading-card h2 {
  font-family: DBHeaventCond;
  font-weight: 400; }

.prajard-regular, .content-question-container &gt; ul &gt; li,
.content-question-container &gt; p {
  font-family: prajard;
  font-weight: 200; }

.prajard-bold, .product-review-container .product-review-detail-list &gt; li span {
  font-family: prajard;
  font-weight: 400; }

.ian-regular {
  font-family: 'iannnnn';
  font-weight: 200; }

@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Li-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Li-v3.2.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-v3.2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'DBHeavent';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Med-v3.2.1.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Med-v3.2.1.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'DBHeaventCond';
  src: 'DB-Heavent-cond';
  src: url("../../assets/fonts/DB-Heavent/DB-Heavent-Cond-v3.2.woff") format("woff"), url("../../assets/fonts/DB-Heavent/DB-Heavent-Cond-v3.2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'iannnnn';
  src: url("../../assets/fonts/iannnnn-DUCK/iannnnn-DUCK-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'prajard';
  src: url("../../assets/fonts/CS-PraJad-V.2/CSPraJad v2.otf") format("opentype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'prajard';
  src: url("../../assets/fonts/CS-PraJad-V.2/CSPraJad-bold v2.otf") format("opentype");
  font-weight: 400;
  font-style: normal; }

.db-light, .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:first-child {
  font-family: DBHeavent;
  font-weight: 200; }

.db-regular, .content-question-container &gt; h3, .product-review-container .product-review-title &gt; span &gt; p, .product-review-container .product-review-title &gt; h3, .product-review-container .product-review-recommend-review &gt; p, .product-review-container .product-review-recommend-review &gt; a, .main-container .content-title, .main-container .content-title &gt; h1, .main-container #product-review, .main-container .product-review-topic .product-review-topic-list &gt; li a, .main-container .product-review-q-and-a &gt; h3, .main-container .product-review-q-and-a .product-review-q-and-a-component .question p, .main-container .product-review-compare &gt; div &gt; h3, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; h5, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; p, .main-container .product-review-score &gt; h6, .main-container .skinx-signature a,
.main-container .skinx-signature &gt; p, .score-block &gt; div &gt; div, .creator-card p, .creator-card a:last-child, .related-issues-card &gt; h3,
.share-buttons-card &gt; h3, .related-issues-card &gt; ul li a,
.share-buttons-card &gt; ul li a, .keep-reading-card &gt; ul li a i, .keep-reading-card .link-wrapper .btn {
  font-family: DBHeavent;
  font-weight: 400; }

.db-med, .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child, .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; small, .main-container .skinx-signature &gt; h4, .score-block .link &gt; div &gt; p, .creator-card h3, .creator-card h3:before, .keep-reading-card &gt; ul li a h3 {
  font-family: DBHeavent;
  font-weight: 600; }

.db-cond, .keep-reading-card h2 {
  font-family: DBHeaventCond;
  font-weight: 400; }

.prajard-regular, .content-question-container &gt; ul &gt; li,
.content-question-container &gt; p {
  font-family: prajard;
  font-weight: 200; }

.prajard-bold, .product-review-container .product-review-detail-list &gt; li span {
  font-family: prajard;
  font-weight: 400; }

.ian-regular {
  font-family: 'iannnnn';
  font-weight: 200; }

html {
  scroll-behavior: smooth;
  padding: 0; }

html, body {
  padding: 0;
  margin: 0;
  min-height: 100vh; }

body {
  display: grid;
  grid-template-rows: auto minmax(auto, 1fr) auto;
  font-family: 'DBHeavent'; }

header {
  max-width: 100vw; }
  header h1.jeban-logo {
    background: url("https://www.jeban.com/images/logo-2022/jeban.com.svg") center no-repeat #1a1a1a;
    background-size: auto 22px;
    margin: 0;
    color: transparent;
    text-indent: -200vw;
    height: 56px;
    margin-bottom: -56px;
    position: relative; }
    @media (max-width: 767px) {
      header h1.jeban-logo {
        background: url("https://www.jeban.com/images/logo-2022/jeban-b.svg") center 8px no-repeat white;
        background-size: 90px 22.5px;
        height: 40px;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        margin: 0 -50px -10px;
        z-index: 1; } }
    header h1.jeban-logo ~ nav {
      position: relative;
      text-transform: uppercase;
      user-select: none; }
      header h1.jeban-logo ~ nav a,
      header h1.jeban-logo ~ nav label {
        text-decoration: none;
        font-size: 18px;
        font-weight: 400;
        color: white; }
      header h1.jeban-logo ~ nav.site {
        display: grid;
        grid-template-columns: 64px 64px auto 1fr 64px auto;
        align-content: start;
        height: 56px;
        max-width: 1140px;
        margin: 0 auto; }
        @media (max-width: 767px) {
          header h1.jeban-logo ~ nav.site {
            grid-template-columns: 64px 64px 1fr 64px 64px; } }
        header h1.jeban-logo ~ nav.site &gt; a,
        header h1.jeban-logo ~ nav.site &gt; label {
          cursor: pointer;
          display: grid;
          place-items: center;
          text-align: center;
          height: 56px; }
          @media (max-width: 767px) {
            header h1.jeban-logo ~ nav.site &gt; a,
            header h1.jeban-logo ~ nav.site &gt; label {
              padding-top: 12px; } }
          header h1.jeban-logo ~ nav.site &gt; a i,
          header h1.jeban-logo ~ nav.site &gt; label i {
            font-size: 24px; }
            header h1.jeban-logo ~ nav.site &gt; a i.icon-jeban-arrival,
            header h1.jeban-logo ~ nav.site &gt; label i.icon-jeban-arrival {
              background: url("https://www.jeban.com/images/arrival/icon-c.png") 50% no-repeat transparent;
              background-size: contain;
              height: 24px;
              width: 24px;
              margin: 0 0.2em; }
          header h1.jeban-logo ~ nav.site &gt; a nav, header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(5),
          header h1.jeban-logo ~ nav.site &gt; label nav,
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(5) {
            background: #383838; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(1), header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(4),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(1),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(4) {
            background: #2d2d2d; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(2),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(2) {
            background: #232323; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(3),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(3) {
            text-indent: -200vw;
            color: transparent; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(4),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(4) {
            visibility: hidden; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(5),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(5) {
            background: #ed5656; }
          header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(2), header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(5),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(2),
          header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(5) {
            grid-template-columns: repeat(2, auto); }
            @media (min-width: 768px) {
              header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(2), header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(5),
              header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(2),
              header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(5) {
                padding: 0 15px; } }
            @media (max-width: 767px) {
              header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(2), header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(5),
              header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(2),
              header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(5) {
                padding-left: 15px;
                padding-right: 15px; } }
          @media (max-width: 767px) {
            header h1.jeban-logo ~ nav.site &gt; a span,
            header h1.jeban-logo ~ nav.site &gt; label span {
              display: none; }
            header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(2),
            header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(2) {
              grid-template-columns: 1fr; }
            header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(3),
            header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(3) {
              display: none; }
            header h1.jeban-logo ~ nav.site &gt; a:nth-of-type(4),
            header h1.jeban-logo ~ nav.site &gt; label:nth-of-type(4) {
              visibility: visible;
              background: #232323; } }
        header h1.jeban-logo ~ nav.site label {
          position: relative; }
          header h1.jeban-logo ~ nav.site label input[type="checkbox"] {
            display: none; }
            header h1.jeban-logo ~ nav.site label input[type="checkbox"]:not(:checked) ~ nav {
              display: none; }
        header h1.jeban-logo ~ nav.site nav.shortcuts {
          position: absolute;
          top: 56px;
          left: 0;
          z-index: 1;
          background: #383838;
          width: 320px;
          padding: 20px 30px 0;
          display: grid;
          grid-template-columns: 1fr; }
          header h1.jeban-logo ~ nav.site nav.shortcuts a {
            display: grid;
            grid-template-columns: 1fr auto auto;
            align-items: center;
            font-size: 18px;
            height: 42px;
            text-align: left; }
          header h1.jeban-logo ~ nav.site nav.shortcuts nav {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center; }
          header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials {
            background: #1a1a1a;
            margin-left: -30px;
            margin-right: -30px; }
            header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials &gt; h3 {
              flex-basis: 100%;
              padding: 10px 0 20px; }
            header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials &gt; h3,
            header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials &gt; a {
              margin: 0 15px; }
            header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials nav {
              background: black;
              flex-basis: 100%;
              margin-top: 20px; }
              header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials nav a img {
                margin-right: 10px; }
              header h1.jeban-logo ~ nav.site nav.shortcuts nav.socials nav a:not(:last-of-type):after {
                content: '|';
                margin: 0 10px; }
      header h1.jeban-logo ~ nav.quick {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        background: #eff4f7;
        height: 36px; }
        @media (max-width: 767px) {
          header h1.jeban-logo ~ nav.quick {
            display: none; } }
        header h1.jeban-logo ~ nav.quick a {
          color: #96969d;
          padding: 0 15px;
          height: 100%;
          display: inline-grid;
          place-items: center; }

article {
  font-family: 'prajard'; }

footer {
  position: relative;
  background: #383838;
  font-size: 18px;
  line-height: 1.25; }
  footer .navs {
    padding: 25px 15px 20px;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr); }
    footer .navs &gt; nav:not(.socials) {
      position: relative; }
      footer .navs &gt; nav:not(.socials) a {
        display: block; }
        footer .navs &gt; nav:not(.socials) a:before {
          color: #96aac0;
          margin-right: 0.5rem; }
      footer .navs &gt; nav:not(.socials) &gt; a:before {
        content: "|"; }
      footer .navs &gt; nav:not(.socials) nav &gt; a:before {
        content: "-";
        padding-left: .75rem; }
      footer .navs &gt; nav:not(.socials).socials {
        display: flex;
        align-items: flex-end; }
  footer a {
    color: white;
    text-decoration: none; }
  footer ul {
    list-style: none;
    padding: 0; }
  footer nav.site:nth-of-type(4) {
    grid-column-end: span 2; }
  footer nav.socials {
    grid-column-end: span 2; }
    footer nav.socials i {
      font-size: 24px; }
    footer nav.socials, footer nav.socials nav {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly; }
    footer nav.socials a, footer nav.socials nav {
      height: 24px; }
  footer .copyright {
    grid-column: 1 / -1;
    background: #1a1a1a;
    color: #7a7a7a;
    height: 42px;
    margin: 0;
    display: grid;
    place-items: center; }
  @media (max-width: 575px) {
    footer .navs {
      grid-template-columns: repeat(2, 1fr); }
      footer .navs &gt; nav:nth-of-type(1), footer .navs &gt; nav:nth-of-type(2), footer .navs &gt; nav:nth-of-type(3) {
        display: none; } }

nav.socials &gt; h3,
nav.socials &gt; nav {
  flex-basis: 100%; }

* {
  box-sizing: border-box; }

html, body {
  overflow-x: hidden; }

body {
  padding: 0;
  margin: 0;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000; }
  @media (min-width: 768px) {
    body {
      font-size: 20px; } }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0; }

.content-question-container {
  margin-bottom: calc(100vw * 24/1280); }
  @media (min-width: 1441px) {
    .content-question-container {
      margin-bottom: 24px; } }
  @media (max-width: 767px) {
    .content-question-container {
      margin-bottom: calc(100vw * 32/375); } }
  .content-question-container &gt; h3 {
    font-size: calc(100vw * 28/1280);
    margin-bottom: calc(100vw * 2/1280); }
    @media (min-width: 1441px) {
      .content-question-container &gt; h3 {
        font-size: 28px; } }
    @media (max-width: 767px) {
      .content-question-container &gt; h3 {
        font-size: calc(100vw * 28/375); } }
    @media (min-width: 1441px) {
      .content-question-container &gt; h3 {
        margin-bottom: 2px; } }
    @media (max-width: 767px) {
      .content-question-container &gt; h3 {
        margin-bottom: calc(100vw * 2/375); } }
  .content-question-container &gt; ul &gt; li,
  .content-question-container &gt; p {
    font-size: calc(100vw * 16/1280); }
    @media (min-width: 1441px) {
      .content-question-container &gt; ul &gt; li,
      .content-question-container &gt; p {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .content-question-container &gt; ul &gt; li,
      .content-question-container &gt; p {
        font-size: calc(100vw * 16/375); } }
  .content-question-container &gt; ul {
    margin-top: calc(100vw * 8/1280);
    margin-bottom: calc(100vw * 8/1280); }
    @media (min-width: 1441px) {
      .content-question-container &gt; ul {
        margin-top: 8px; } }
    @media (max-width: 767px) {
      .content-question-container &gt; ul {
        margin-top: calc(100vw * 8/375); } }
    @media (min-width: 1441px) {
      .content-question-container &gt; ul {
        margin-bottom: 8px; } }
    @media (max-width: 767px) {
      .content-question-container &gt; ul {
        margin-bottom: calc(100vw * 8/375); } }

.product-review-container {
  margin-bottom: calc(100vw * 20/1280); }
  @media (min-width: 1441px) {
    .product-review-container {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .product-review-container {
      margin-bottom: calc(100vw * 34/375); } }
  .product-review-container .product-review-title {
    display: inline-flex; }
    .product-review-container .product-review-title &gt; span {
      display: inline-block;
      height: calc(100vw * 30/1280);
      width: calc(100vw * 30/1280);
      min-width: calc(100vw * 30/1280);
      margin-top: calc(100vw * 5/1280);
      background-color: #70A1DB;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; span {
          height: 30px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; span {
          height: calc(100vw * 30/375); } }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; span {
          width: 30px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; span {
          width: calc(100vw * 30/375); } }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; span {
          min-width: 30px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; span {
          min-width: calc(100vw * 30/375); } }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; span {
          margin-top: 5px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; span {
          margin-top: calc(100vw * 5/375); } }
      .product-review-container .product-review-title &gt; span &gt; p {
        font-size: calc(100vw * 28/1280);
        color: #FFFFFF; }
        @media (min-width: 1441px) {
          .product-review-container .product-review-title &gt; span &gt; p {
            font-size: 28px; } }
        @media (max-width: 767px) {
          .product-review-container .product-review-title &gt; span &gt; p {
            font-size: calc(100vw * 28/375); } }
    .product-review-container .product-review-title &gt; h3 {
      font-size: calc(100vw * 34/1280);
      margin-left: calc(100vw * 16/1280); }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; h3 {
          font-size: 34px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; h3 {
          font-size: calc(100vw * 34/375); } }
      @media (min-width: 1441px) {
        .product-review-container .product-review-title &gt; h3 {
          margin-left: 16px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-title &gt; h3 {
          margin-left: calc(100vw * 16/375); } }
  .product-review-container .product-review-image {
    width: 100%;
    margin-top: calc(100vw * 12.6/1280);
    margin-bottom: calc(100vw * 12.8/1280); }
    @media (min-width: 1441px) {
      .product-review-container .product-review-image {
        margin-top: 12.6px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-image {
        margin-top: calc(100vw * 12.8/375); } }
    @media (min-width: 1441px) {
      .product-review-container .product-review-image {
        margin-bottom: 12.8px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-image {
        margin-bottom: calc(100vw * 7.5/375); } }
  .product-review-container .product-review-recommend-review {
    margin-bottom: calc(100vw * 10.2/1280); }
    @media (min-width: 1441px) {
      .product-review-container .product-review-recommend-review {
        margin-bottom: 10.2px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-recommend-review {
        margin-bottom: calc(100vw * 13.3/375); } }
    .product-review-container .product-review-recommend-review &gt; p {
      display: inline-block;
      font-size: calc(100vw * 24/1280);
      margin-right: calc(100vw * 8/1280); }
      @media (min-width: 1441px) {
        .product-review-container .product-review-recommend-review &gt; p {
          font-size: 24px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-recommend-review &gt; p {
          font-size: calc(100vw * 24/375); } }
      @media (min-width: 1441px) {
        .product-review-container .product-review-recommend-review &gt; p {
          margin-right: 8px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-recommend-review &gt; p {
          margin-right: calc(100vw * 6/375); } }
    .product-review-container .product-review-recommend-review &gt; a {
      font-size: calc(100vw * 20/1280);
      color: #4E93CE;
      text-decoration: none; }
      @media (min-width: 1441px) {
        .product-review-container .product-review-recommend-review &gt; a {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-recommend-review &gt; a {
          font-size: calc(100vw * 20/375); } }
  .product-review-container .product-review-description {
    font-size: calc(100vw * 18/1280); }
    @media (min-width: 1441px) {
      .product-review-container .product-review-description {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-description {
        font-size: calc(100vw * 18/375); } }
  .product-review-container .product-review-detail-list {
    margin: 0;
    padding: 0;
    margin-top: calc(100vw * 23.8/1280);
    margin-left: calc(100vw * 12/1280); }
    @media (min-width: 1441px) {
      .product-review-container .product-review-detail-list {
        margin-top: 23.8px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-detail-list {
        margin-top: calc(100vw * 19.5/375); } }
    @media (min-width: 1441px) {
      .product-review-container .product-review-detail-list {
        margin-left: 12px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-detail-list {
        margin-left: calc(100vw * 0/375); } }
    .product-review-container .product-review-detail-list &gt; li {
      list-style-type: none;
      display: -webkit-box;
      display: flex;
      flex-wrap: nowrap;
      margin: 0;
      padding: 0;
      font-size: calc(100vw * 18/1280); }
      @media (min-width: 1441px) {
        .product-review-container .product-review-detail-list &gt; li {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .product-review-container .product-review-detail-list &gt; li {
          font-size: calc(100vw * 18/375); } }
      .product-review-container .product-review-detail-list &gt; li &gt; img {
        margin-top: calc(100vw * 5.5/1280); }
        @media (min-width: 1441px) {
          .product-review-container .product-review-detail-list &gt; li &gt; img {
            margin-top: 5.5px; } }
        @media (max-width: 767px) {
          .product-review-container .product-review-detail-list &gt; li &gt; img {
            margin-top: calc(100vw * 5.5/375); } }
        .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
          width: calc(100vw * 9.64/1280);
          height: calc(100vw * 12.45/1280);
          margin-left: calc(100vw * 1.5/1280);
          margin-right: calc(100vw * 17/1280); }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              width: 9.64px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              width: calc(100vw * 9.64/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              height: 12.45px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              height: calc(100vw * 12.45/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              margin-left: 1.5px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              margin-left: calc(100vw * 1.5/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              margin-right: 17px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-raindrop {
              margin-right: calc(100vw * 17/375); } }
        .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
          width: calc(100vw * 12.45/1280);
          height: calc(100vw * 11.84/1280);
          margin-right: calc(100vw * 15/1280); }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              width: 12.45px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              width: calc(100vw * 12.45/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              height: 11.84px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              height: calc(100vw * 11.84/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              margin-right: 15px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-star {
              margin-right: calc(100vw * 15/375); } }
        .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
          width: calc(100vw * 12.45/1280);
          height: calc(100vw * 12.45/1280);
          margin-right: calc(100vw * 15/1280); }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              width: 12.45px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              width: calc(100vw * 12.45/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              height: 12.45px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              height: calc(100vw * 12.45/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              margin-right: 15px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-smile {
              margin-right: calc(100vw * 15/375); } }
        .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
          width: calc(100vw * 15.97/1280);
          height: calc(100vw * 15.63/1280);
          margin-left: calc(100vw * -2/1280);
          margin-right: calc(100vw * 13/1280); }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              width: 15.97px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              width: calc(100vw * 15.97/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              height: 15.63px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              height: calc(100vw * 15.63/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              margin-left: -2px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              margin-left: calc(100vw * -2/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              margin-right: 13px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-pricetag {
              margin-right: calc(100vw * 13/375); } }
        .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
          width: calc(100vw * 9.34/1280);
          height: calc(100vw * 12.45/1280);
          margin-left: calc(100vw * 1.5/1280);
          margin-right: calc(100vw * 17/1280); }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              width: 9.34px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              width: calc(100vw * 9.34/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              height: 12.45px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              height: calc(100vw * 12.45/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              margin-left: 1.5px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              margin-left: calc(100vw * 1.5/375); } }
          @media (min-width: 1441px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              margin-right: 17px; } }
          @media (max-width: 767px) {
            .product-review-container .product-review-detail-list &gt; li &gt; img.icon-map-marker {
              margin-right: calc(100vw * 17/375); } }
      .product-review-container .product-review-detail-list &gt; li span {
        margin-right: calc(100vw * 8/1280);
        white-space: nowrap; }
        @media (min-width: 1441px) {
          .product-review-container .product-review-detail-list &gt; li span {
            margin-right: 8px; } }
        @media (max-width: 767px) {
          .product-review-container .product-review-detail-list &gt; li span {
            margin-right: calc(100vw * 8/375); } }
  .product-review-container .product-review-end-content-line,
  .product-review-container .product-review-end-product-line {
    width: calc(100vw * 36.78/1280);
    height: calc(100vw * 3.48/1280);
    margin-top: calc(100vw * 25/1280);
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 1441px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        width: 36.78px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        width: calc(100vw * 36.78/375); } }
    @media (min-width: 1441px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        height: 3.48px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        height: calc(100vw * 3.48/375); } }
    @media (min-width: 1441px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        margin-top: 25px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-end-content-line,
      .product-review-container .product-review-end-product-line {
        margin-top: calc(100vw * 24/375); } }
  .product-review-container .product-review-end-content-line {
    width: calc(100vw * 36.78/1280);
    height: calc(100vw * 8.46/1280); }
    @media (min-width: 1441px) {
      .product-review-container .product-review-end-content-line {
        width: 36.78px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-end-content-line {
        width: calc(100vw * 36.78/375); } }
    @media (min-width: 1441px) {
      .product-review-container .product-review-end-content-line {
        height: 8.46px; } }
    @media (max-width: 767px) {
      .product-review-container .product-review-end-content-line {
        height: calc(100vw * 8.46/375); } }

.main-container {
  margin-top: calc(100vw * 55/1280);
  margin-bottom: calc(100vw * 55/1280);
  display: flex;
  /*
    main {
        @include multipleView('padding-right', 0, 53, 53);

        .main-content {
            box-shadow: 10px 0 5px -6px rgba(0, 0, 0, 0.04);
            @include multipleView('margin-right', 0, -53, -53);
            @include multipleView('padding-right', 0, 53, 53);

            @include mobile {
                box-shadow: none;
            }
        }
    }

    aside {
        border: 2px solid pink;
        @include multipleView('padding-left', 0, 53, 53);
        @include multipleView('margin-top', 34.5, 0, 0);
    }
    */ }
  @media (min-width: 1441px) {
    .main-container {
      margin-top: 55px; } }
  @media (max-width: 767px) {
    .main-container {
      margin-top: calc(100vw * 25/375); } }
  @media (min-width: 1441px) {
    .main-container {
      margin-bottom: 55px; } }
  @media (max-width: 767px) {
    .main-container {
      margin-bottom: calc(100vw * 34.5/375); } }
  @media (min-width: 992px) {
    .main-container {
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 991px) {
    .main-container {
      padding: 0 15px; } }
  @media (max-width: 767px) {
    .main-container {
      flex-direction: column; } }
  .main-container main {
    display: grid;
    grid-template-columns: 1fr; }
  .main-container .content-title {
    margin-bottom: calc(100vw * 44/1280); }
    @media (min-width: 1441px) {
      .main-container .content-title {
        margin-bottom: 44px; } }
    @media (max-width: 767px) {
      .main-container .content-title {
        margin-bottom: calc(100vw * 22.9/375); } }
    .main-container .content-title &gt; h1 {
      font-size: calc(100vw * 40/1280);
      margin: 0 auto;
      text-align: center; }
      @media (min-width: 1441px) {
        .main-container .content-title &gt; h1 {
          font-size: 34px; } }
      @media (max-width: 767px) {
        .main-container .content-title &gt; h1 {
          font-size: calc(100vw * 40/375); } }
    .main-container .content-title .content-brief-detail {
      margin: 0 auto;
      display: flex;
      justify-content: center;
      margin-top: calc(100vw * 12.8/1280); }
      @media (min-width: 1441px) {
        .main-container .content-title .content-brief-detail {
          margin-top: 12.8px; } }
      @media (max-width: 767px) {
        .main-container .content-title .content-brief-detail {
          margin-top: calc(100vw * 1/375); } }
      .main-container .content-title .content-brief-detail &gt; div {
        display: inline-flex;
        align-items: center; }
        .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
          width: calc(100vw * 8.62/1280);
          height: calc(100vw * 9.58/1280);
          margin-right: calc(100vw * 8.4/1280); }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              width: 8.62px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              width: calc(100vw * 8.62/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              height: 9.58px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              height: calc(100vw * 9.58/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              margin-right: 8.4px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-calendar {
              margin-right: calc(100vw * 8.4/375); } }
        .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
          width: calc(100vw * 10.89/1280);
          height: calc(100vw * 9.52/1280);
          margin-right: calc(100vw * 4/1280); }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              width: 10.89px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              width: calc(100vw * 10.89/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              height: 9.52px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              height: calc(100vw * 9.52/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              margin-right: 4px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-heart {
              margin-right: calc(100vw * 4/375); } }
        .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
          width: calc(100vw * 10.89/1280);
          height: calc(100vw * 9.52/1280);
          margin-right: calc(100vw * 8/1280); }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              width: 10.89px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              width: calc(100vw * 10.89/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              height: 9.52px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              height: calc(100vw * 9.52/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              margin-right: 8px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; img.icon-comment {
              margin-right: calc(100vw * 8/375); } }
        .main-container .content-title .content-brief-detail &gt; div &gt; p {
          font-size: calc(100vw * 18/1280); }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; p {
              font-size: 18px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div &gt; p {
              font-size: calc(100vw * 18/375); } }
        .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:first-child {
          margin-right: calc(100vw * 4/1280); }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:first-child {
              margin-right: 4px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:first-child {
              margin-right: calc(100vw * 4/375); } }
        .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child {
          font-size: calc(100vw * 20/1280);
          margin-right: calc(100vw * 8/1280);
          color: #6B94BF; }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child {
              font-size: 20px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child {
              font-size: calc(100vw * 20/375); } }
          @media (min-width: 1441px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child {
              margin-right: 8px; } }
          @media (max-width: 767px) {
            .main-container .content-title .content-brief-detail &gt; div.content-bried-detail-owner &gt; p:last-child {
              margin-right: calc(100vw * 8/375); } }
  .main-container #product-review {
    font-size: calc(100vw * 28/1280);
    margin-top: calc(100vw * 20/1280); }
    @media (min-width: 1441px) {
      .main-container #product-review {
        font-size: 28px; } }
    @media (max-width: 767px) {
      .main-container #product-review {
        font-size: calc(100vw * 28/375); } }
    @media (min-width: 1441px) {
      .main-container #product-review {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .main-container #product-review {
        margin-top: calc(100vw * 24/375); } }
  .main-container .content &gt; article:nth-of-type(2) {
    margin-top: calc(100vw * 20/1280); }
    @media (min-width: 1441px) {
      .main-container .content &gt; article:nth-of-type(2) {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .main-container .content &gt; article:nth-of-type(2) {
        margin-top: calc(100vw * 24/375); } }
  .main-container .product-review-topic {
    position: relative;
    background-color: #F6F6F6;
    padding-top: calc(100vw * 30/1280);
    padding-left: calc(100vw * 16/1280);
    padding-right: calc(100vw * 16/1280);
    padding-bottom: calc(100vw * 16/1280);
    padding-top: calc(100vw * 30/1280);
    border-radius: calc(100vw * 4/1280);
    margin-bottom: calc(100vw * 30/1280);
    margin-top: calc(100vw * 46/1280); }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        padding-top: 30px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        padding-top: calc(100vw * 40/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        padding-left: 16px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        padding-left: calc(100vw * 15/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        padding-right: 16px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        padding-right: calc(100vw * 15/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        padding-bottom: 16px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        padding-bottom: calc(100vw * 12/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        padding-top: 30px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        padding-top: calc(100vw * 16/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        border-radius: 4px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        border-radius: calc(100vw * 4/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        margin-bottom: calc(100vw * 30/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-topic {
        margin-top: 46px; } }
    @media (max-width: 767px) {
      .main-container .product-review-topic {
        margin-top: calc(100vw * 40/375); } }
    .main-container .product-review-topic .product-review-topic-title-image {
      width: calc(100vw * 162.3/1280);
      position: absolute;
      top: calc(100vw * -34/1280);
      left: calc(100vw * -18/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          width: 162.3px; } }
      @media (max-width: 767px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          width: calc(100vw * 162.3/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          top: -34px; } }
      @media (max-width: 767px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          top: calc(100vw * -34/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          left: -18px; } }
      @media (max-width: 767px) {
        .main-container .product-review-topic .product-review-topic-title-image {
          left: calc(100vw * -18/375); } }
    .main-container .product-review-topic .product-review-topic-list {
      margin: 0;
      padding: 0; }
      .main-container .product-review-topic .product-review-topic-list &gt; li {
        display: flex;
        align-items: flex-start;
        margin: 0;
        padding: 0; }
        .main-container .product-review-topic .product-review-topic-list &gt; li:not(:first-child) {
          margin-top: calc(100vw * 6/1280); }
          @media (min-width: 1441px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li:not(:first-child) {
              margin-top: 6px; } }
          @media (max-width: 767px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li:not(:first-child) {
              margin-top: calc(100vw * 6/375); } }
        .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
          width: calc(100vw * 10/1280);
          margin-right: calc(100vw * 16/1280);
          margin-top: calc(100vw * 8/1280); }
          @media (min-width: 1441px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              width: 10px; } }
          @media (max-width: 767px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              width: calc(100vw * 10/375); } }
          @media (min-width: 1441px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              margin-right: 16px; } }
          @media (max-width: 767px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              margin-right: calc(100vw * 16/375); } }
          @media (min-width: 1441px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              margin-top: 8px; } }
          @media (max-width: 767px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li &gt; img {
              margin-top: calc(100vw * 8/375); } }
        .main-container .product-review-topic .product-review-topic-list &gt; li &gt; div &gt; a:first-child,
        .main-container .product-review-topic .product-review-topic-list &gt; li &gt; a:first-of-type {
          text-decoration: underline dashed #707070;
          text-decoration-thickness: 0.8px;
          text-underline-offset: 2.5px; }
        .main-container .product-review-topic .product-review-topic-list &gt; li a {
          font-size: calc(100vw * 22/1280);
          color: #72A2D9;
          text-decoration: none;
          cursor: pointer;
          display: inline-flex;
          align-items: center; }
          @media (min-width: 1441px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li a {
              font-size: 22px; } }
          @media (max-width: 767px) {
            .main-container .product-review-topic .product-review-topic-list &gt; li a {
              font-size: calc(100vw * 22/375); } }
          .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
            display: inline-block;
            height: calc(100vw * 13/1280);
            width: calc(100vw * 13/1280);
            min-width: calc(100vw * 13/1280);
            margin-right: calc(100vw * 5/1280);
            background-color: #70A1DB;
            border-radius: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: calc(100vw * 12/1280);
            color: #FFFFFF; }
            @media (min-width: 1441px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                height: 13px; } }
            @media (max-width: 767px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                height: calc(100vw * 13/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                width: 13px; } }
            @media (max-width: 767px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                width: calc(100vw * 13/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                min-width: 13px; } }
            @media (max-width: 767px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                min-width: calc(100vw * 13/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                margin-right: 5px; } }
            @media (max-width: 767px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                margin-right: calc(100vw * 5/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                font-size: 12px; } }
            @media (max-width: 767px) {
              .main-container .product-review-topic .product-review-topic-list &gt; li a &gt; span {
                font-size: calc(100vw * 12/375); } }
  .main-container .product-review-conclude {
    position: relative;
    z-index: 2; }
    .main-container .product-review-conclude .product-review-conclude-title-image {
      width: calc(100vw * 92.97/1280);
      position: absolute;
      top: calc(100vw * -19/1280);
      left: calc(100vw * -9/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          width: 92.97px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          width: calc(100vw * 92.97/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          top: -19px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          top: calc(100vw * -19/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          left: -9px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude .product-review-conclude-title-image {
          left: calc(100vw * -9/375); } }
    .main-container .product-review-conclude &gt; article {
      padding-top: calc(100vw * 44/1280);
      padding-left: calc(100vw * 20/1280);
      padding-right: calc(100vw * 20/1280);
      padding-bottom: calc(100vw * 33/1280);
      border-radius: calc(100vw * 4/1280);
      background-color: #E1EBF7; }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude &gt; article {
          padding-top: 44px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude &gt; article {
          padding-top: calc(100vw * 44/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude &gt; article {
          padding-left: 20px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude &gt; article {
          padding-left: calc(100vw * 20/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude &gt; article {
          padding-right: 20px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude &gt; article {
          padding-right: calc(100vw * 20/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude &gt; article {
          padding-bottom: 33px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude &gt; article {
          padding-bottom: calc(100vw * 33/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude &gt; article {
          border-radius: 4px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude &gt; article {
          border-radius: calc(100vw * 4/375); } }
    .main-container .product-review-conclude::before {
      content: '';
      background-color: #F5F8FC;
      position: absolute;
      z-index: -1;
      top: calc(100vw * 9/1280);
      right: calc(100vw * -7/1280);
      bottom: calc(100vw * -9/1280);
      left: calc(100vw * 7/1280);
      border-radius: calc(100vw * 4/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude::before {
          top: 9px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude::before {
          top: calc(100vw * 9/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude::before {
          right: -7px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude::before {
          right: calc(100vw * -7/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude::before {
          bottom: -9px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude::before {
          bottom: calc(100vw * -9/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude::before {
          left: 7px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude::before {
          left: calc(100vw * 7/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-conclude::before {
          border-radius: 4px; } }
      @media (max-width: 767px) {
        .main-container .product-review-conclude::before {
          border-radius: calc(100vw * 4/375); } }
  .main-container .product-review-q-and-a {
    width: calc(100vw * 518/1280);
    margin-bottom: calc(100vw * 38.6/1280); }
    @media (min-width: 1441px) {
      .main-container .product-review-q-and-a {
        width: 518px; } }
    @media (max-width: 767px) {
      .main-container .product-review-q-and-a {
        width: calc(100vw * 339/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-q-and-a {
        margin-bottom: 38.6px; } }
    @media (max-width: 767px) {
      .main-container .product-review-q-and-a {
        margin-bottom: calc(100vw * 56/375); } }
    .main-container .product-review-q-and-a &gt; h3 {
      margin: 0;
      font-size: calc(100vw * 28/1280);
      margin-bottom: calc(100vw * 0/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-q-and-a &gt; h3 {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .main-container .product-review-q-and-a &gt; h3 {
          font-size: calc(100vw * 28/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-q-and-a &gt; h3 {
          margin-bottom: 0px; } }
      @media (max-width: 767px) {
        .main-container .product-review-q-and-a &gt; h3 {
          margin-bottom: calc(100vw * 13.2/375); } }
    .main-container .product-review-q-and-a .product-review-q-and-a-component .question {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      padding-bottom: calc(100vw * 8.5/1280);
      padding-top: calc(100vw * 8.5/1280);
      border-bottom: 1px dashed #72A2D9; }
      @media (min-width: 1441px) {
        .main-container .product-review-q-and-a .product-review-q-and-a-component .question {
          padding-bottom: 8.5px; } }
      @media (max-width: 767px) {
        .main-container .product-review-q-and-a .product-review-q-and-a-component .question {
          padding-bottom: calc(100vw * 8.5/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-q-and-a .product-review-q-and-a-component .question {
          padding-top: 8.5px; } }
      @media (max-width: 767px) {
        .main-container .product-review-q-and-a .product-review-q-and-a-component .question {
          padding-top: calc(100vw * 8.5/375); } }
      .main-container .product-review-q-and-a .product-review-q-and-a-component .question p {
        font-size: calc(100vw * 22/1280); }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .question p {
            font-size: 22px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .question p {
            font-size: calc(100vw * 22/375); } }
      .main-container .product-review-q-and-a .product-review-q-and-a-component .question img {
        transition: transform 1s;
        width: calc(100vw * 15/1280); }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .question img {
            width: 15px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .question img {
            width: calc(100vw * 15/375); } }
    .main-container .product-review-q-and-a .product-review-q-and-a-component .answer {
      height: auto;
      max-height: 0;
      transition: max-height 1s ease-in-out;
      overflow: hidden; }
      .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
        background-color: #F5F5F5;
        padding-left: calc(100vw * 20/1280);
        padding-right: calc(100vw * 20/1280);
        padding-bottom: calc(100vw * 10/1280);
        padding-top: calc(100vw * 10/1280);
        border-radius: calc(100vw * 4/1280);
        margin-top: calc(100vw * 12.5/1280);
        margin-left: calc(100vw * 8/1280);
        margin-right: calc(100vw * 8/1280);
        margin-bottom: calc(100vw * 14.8/1280); }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-left: 20px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-left: calc(100vw * 20/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-right: 20px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-right: calc(100vw * 20/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-bottom: 10px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-bottom: calc(100vw * 10/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-top: 10px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            padding-top: calc(100vw * 10/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            border-radius: 4px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            border-radius: calc(100vw * 4/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-top: 12.5px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-top: calc(100vw * 12.5/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-left: 8px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-left: calc(100vw * 8/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-right: 8px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-right: calc(100vw * 8/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-bottom: 14.8px; } }
        @media (max-width: 767px) {
          .main-container .product-review-q-and-a .product-review-q-and-a-component .answer &gt; p {
            margin-bottom: calc(100vw * 14.8/375); } }
  .main-container .product-review-compare {
    padding-left: calc(100vw * 0/1280);
    margin-bottom: calc(100vw * 47.8/1280);
    overflow: hidden; }
    @media (min-width: 1441px) {
      .main-container .product-review-compare {
        padding-left: 0px; } }
    @media (max-width: 767px) {
      .main-container .product-review-compare {
        padding-left: calc(100vw * 25/375); } }
    @media (min-width: 1441px) {
      .main-container .product-review-compare {
        margin-bottom: 47.8px; } }
    @media (max-width: 767px) {
      .main-container .product-review-compare {
        margin-bottom: calc(100vw * 47.8/375); } }
    .main-container .product-review-compare &gt; div {
      border: 5px solid #E1EBF7;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      padding-left: calc(100vw * 38/1280);
      padding-right: calc(100vw * 38/1280);
      padding-bottom: calc(100vw * 26/1280);
      padding-top: calc(100vw * 20/1280);
      border-radius: calc(100vw * 4/1280);
      margin-top: calc(100vw * 28.6/1280);
      position: relative;
      right: calc(100vw * 0/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          padding-left: 38px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          padding-left: calc(100vw * 20/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          padding-right: 38px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          padding-right: calc(100vw * 20/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          padding-bottom: 26px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          padding-bottom: calc(100vw * 20/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          padding-top: 20px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          padding-top: calc(100vw * 15/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          border-radius: 4px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          border-radius: calc(100vw * 4/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          margin-top: 28.6px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          margin-top: calc(100vw * 36.8/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-compare &gt; div {
          right: 0px; } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          right: calc(100vw * -8/375); } }
      @media (max-width: 767px) {
        .main-container .product-review-compare &gt; div {
          border-right: none; } }
      .main-container .product-review-compare &gt; div &gt; h3 {
        font-size: calc(100vw * 28/1280);
        margin-bottom: calc(100vw * 20.9/1280); }
        @media (min-width: 1441px) {
          .main-container .product-review-compare &gt; div &gt; h3 {
            font-size: 28px; } }
        @media (max-width: 767px) {
          .main-container .product-review-compare &gt; div &gt; h3 {
            font-size: calc(100vw * 30/375); } }
        @media (min-width: 1441px) {
          .main-container .product-review-compare &gt; div &gt; h3 {
            margin-bottom: 20.9px; } }
        @media (max-width: 767px) {
          .main-container .product-review-compare &gt; div &gt; h3 {
            margin-bottom: calc(100vw * 18.9/375); } }
      .main-container .product-review-compare &gt; div .product-review-compare-list {
        width: 100%;
        overflow: auto;
        position: relative;
        margin-right: -100px; }
        @media (max-width: 767px) {
          .main-container .product-review-compare &gt; div .product-review-compare-list {
            width: calc(100vw * 340/375); } }
        .main-container .product-review-compare &gt; div .product-review-compare-list::-webkit-scrollbar-thumb, .main-container .product-review-compare &gt; div .product-review-compare-list::-webkit-scrollbar {
          background-color: transparent; }
        .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div {
          display: flex;
          width: 100%; }
          .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
            min-width: calc(100vw * 130/1280);
            width: calc(100vw * 130/1280);
            padding-right: calc(100vw * 26/1280); }
            @media (min-width: 1441px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                min-width: 130px; } }
            @media (max-width: 767px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                min-width: calc(100vw * 130/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                width: 130px; } }
            @media (max-width: 767px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                width: calc(100vw * 130/375); } }
            @media (min-width: 1441px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                padding-right: 26px; } }
            @media (max-width: 767px) {
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block {
                padding-right: calc(100vw * 26/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.title {
              margin-bottom: calc(100vw * 12/1280); }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.title {
                  margin-bottom: 12px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.title {
                  margin-bottom: calc(100vw * 12/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.detail {
              margin-top: calc(100vw * 8/1280);
              margin-bottom: calc(100vw * 8/1280); }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.detail {
                  margin-top: 8px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.detail {
                  margin-top: calc(100vw * 8/375); } }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.detail {
                  margin-bottom: 8px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.detail {
                  margin-bottom: calc(100vw * 8/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score {
              margin-top: calc(100vw * 8/1280);
              margin-bottom: calc(100vw * 8/1280); }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score {
                  margin-top: 8px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score {
                  margin-top: calc(100vw * 8/375); } }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score {
                  margin-bottom: 8px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score {
                  margin-bottom: calc(100vw * 8/375); } }
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score &gt; div {
                display: flex; }
              .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                display: block;
                width: calc(100vw * 40/1280);
                height: calc(100vw * 1.5/1280);
                margin-top: calc(100vw * 24.4/1280);
                background-color: #414142; }
                @media (min-width: 1441px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    width: 40px; } }
                @media (max-width: 767px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    width: calc(100vw * 40/375); } }
                @media (min-width: 1441px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    height: 1.5px; } }
                @media (max-width: 767px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    height: calc(100vw * 1.5/375); } }
                @media (min-width: 1441px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    margin-top: 24.4px; } }
                @media (max-width: 767px) {
                  .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block.score .line-separate {
                    margin-top: calc(100vw * 24.4/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; img {
              width: 100%; }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; h5 {
              font-size: calc(100vw * 22/1280); }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; h5 {
                  font-size: 22px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; h5 {
                  font-size: calc(100vw * 22/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; small {
              font-size: calc(100vw * 18/1280);
              color: #969696; }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; small {
                  font-size: 18px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; small {
                  font-size: calc(100vw * 18/375); } }
            .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; p {
              font-size: calc(100vw * 20/1280); }
              @media (min-width: 1441px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; p {
                  font-size: 20px; } }
              @media (max-width: 767px) {
                .main-container .product-review-compare &gt; div .product-review-compare-list &gt; div .block &gt; p {
                  font-size: calc(100vw * 20/375); } }
  .main-container .product-review-score {
    margin-top: calc(100vw * 20.1/1280); }
    @media (min-width: 1441px) {
      .main-container .product-review-score {
        margin-top: 20.1px; } }
    @media (max-width: 767px) {
      .main-container .product-review-score {
        margin-top: calc(100vw * 20.1/375); } }
    .main-container .product-review-score &gt; h6 {
      font-size: calc(100vw * 24/1280);
      margin-bottom: calc(100vw * 7.5/1280); }
      @media (min-width: 1441px) {
        .main-container .product-review-score &gt; h6 {
          font-size: 24px; } }
      @media (max-width: 767px) {
        .main-container .product-review-score &gt; h6 {
          font-size: calc(100vw * 24/375); } }
      @media (min-width: 1441px) {
        .main-container .product-review-score &gt; h6 {
          margin-bottom: 7.5px; } }
      @media (max-width: 767px) {
        .main-container .product-review-score &gt; h6 {
          margin-bottom: calc(100vw * 7.5/375); } }
  .main-container .video-container {
    text-align: center;
    margin-bottom: calc(100vw * 57/1280);
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0; }
    @media (min-width: 1441px) {
      .main-container .video-container {
        margin-bottom: 57px; } }
    @media (max-width: 767px) {
      .main-container .video-container {
        margin-bottom: calc(100vw * 41/375); } }
    .main-container .video-container &gt; iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .main-container .skinx-signature {
    margin: 0 auto;
    text-align: center;
    color: #707070;
    width: calc(100vw * 500/1280);
    margin-top: calc(100vw * 46/1280); }
    @media (min-width: 1441px) {
      .main-container .skinx-signature {
        width: 500px; } }
    @media (max-width: 767px) {
      .main-container .skinx-signature {
        width: calc(100vw * 250/375); } }
    @media (min-width: 1441px) {
      .main-container .skinx-signature {
        margin-top: 46px; } }
    @media (max-width: 767px) {
      .main-container .skinx-signature {
        margin-top: calc(100vw * 44.7/375); } }
    .main-container .skinx-signature &gt; h4 {
      font-size: calc(100vw * 28/1280); }
      @media (min-width: 1441px) {
        .main-container .skinx-signature &gt; h4 {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .main-container .skinx-signature &gt; h4 {
          font-size: calc(100vw * 28/375); } }
    .main-container .skinx-signature a,
    .main-container .skinx-signature &gt; p {
      font-size: calc(100vw * 20/1280); }
      @media (min-width: 1441px) {
        .main-container .skinx-signature a,
        .main-container .skinx-signature &gt; p {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .main-container .skinx-signature a,
        .main-container .skinx-signature &gt; p {
          font-size: calc(100vw * 20/375); } }
      .main-container .skinx-signature a:first-of-type,
      .main-container .skinx-signature &gt; p:first-of-type {
        font-size: calc(100vw * 22/1280); }
        @media (min-width: 1441px) {
          .main-container .skinx-signature a:first-of-type,
          .main-container .skinx-signature &gt; p:first-of-type {
            font-size: 22px; } }
        @media (max-width: 767px) {
          .main-container .skinx-signature a:first-of-type,
          .main-container .skinx-signature &gt; p:first-of-type {
            font-size: calc(100vw * 22/375); } }
    .main-container .skinx-signature a {
      color: #707070 !important;
      text-decoration: none; }
    .main-container .skinx-signature &gt; img,
    .main-container .skinx-signature &gt; a &gt; img {
      width: calc(100vw * 179.42/1280);
      margin-top: calc(100vw * 8/1280);
      margin-bottom: calc(100vw * 2/1280); }
      @media (min-width: 1441px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          width: 179.42px; } }
      @media (max-width: 767px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          width: calc(100vw * 179.42/375); } }
      @media (min-width: 1441px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          margin-top: 8px; } }
      @media (max-width: 767px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          margin-top: calc(100vw * 15.4/375); } }
      @media (min-width: 1441px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          margin-bottom: 2px; } }
      @media (max-width: 767px) {
        .main-container .skinx-signature &gt; img,
        .main-container .skinx-signature &gt; a &gt; img {
          margin-bottom: calc(100vw * 7/375); } }

.collapse-open {
  max-height: 1000px !important; }

.collapse-rotate-icon-up {
  transform: rotate(180deg); }

.my-slider-progress {
  background: #ccc; }

.score-block {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  padding-left: calc(100vw * 13/1280);
  padding-right: calc(100vw * 13/1280);
  padding-bottom: calc(100vw * 7/1280);
  padding-top: calc(100vw * 9/1280);
  border-radius: calc(100vw * 4/1280);
  width: calc(100vw * 379.88/1280); }
  @media (min-width: 1441px) {
    .score-block {
      padding-left: 13px; } }
  @media (max-width: 767px) {
    .score-block {
      padding-left: calc(100vw * 13/375); } }
  @media (min-width: 1441px) {
    .score-block {
      padding-right: 13px; } }
  @media (max-width: 767px) {
    .score-block {
      padding-right: calc(100vw * 13/375); } }
  @media (min-width: 1441px) {
    .score-block {
      padding-bottom: 7px; } }
  @media (max-width: 767px) {
    .score-block {
      padding-bottom: calc(100vw * 7/375); } }
  @media (min-width: 1441px) {
    .score-block {
      padding-top: 9px; } }
  @media (max-width: 767px) {
    .score-block {
      padding-top: calc(100vw * 9/375); } }
  @media (min-width: 1441px) {
    .score-block {
      border-radius: 4px; } }
  @media (max-width: 767px) {
    .score-block {
      border-radius: calc(100vw * 4/375); } }
  @media (min-width: 1441px) {
    .score-block {
      width: 379.88px; } }
  @media (max-width: 767px) {
    .score-block {
      width: calc(100vw * 335/375); } }
  .score-block &gt; div {
    display: flex;
    align-items: flex-start; }
    .score-block &gt; div &gt; img {
      width: calc(100vw * 72/1280);
      margin-right: calc(100vw * 16/1280); }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; img {
          width: 72px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; img {
          width: calc(100vw * 72/375); } }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; img {
          margin-right: 16px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; img {
          margin-right: calc(100vw * 16/375); } }
    .score-block &gt; div &gt; div &gt; small {
      font-size: calc(100vw * 20/1280);
      color: #8E8E8E; }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; div &gt; small {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; div &gt; small {
          font-size: calc(100vw * 20/375); } }
    .score-block &gt; div &gt; div &gt; p {
      font-size: calc(100vw * 22/1280);
      margin-top: calc(100vw * -8/1280); }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; div &gt; p {
          font-size: 22px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; div &gt; p {
          font-size: calc(100vw * 22/375); } }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; div &gt; p {
          margin-top: -8px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; div &gt; p {
          margin-top: calc(100vw * -8/375); } }
    .score-block &gt; div &gt; div &gt; div {
      display: flex;
      align-items: flex-end;
      margin-top: calc(100vw * 6/1280); }
      @media (min-width: 1441px) {
        .score-block &gt; div &gt; div &gt; div {
          margin-top: 6px; } }
      @media (max-width: 767px) {
        .score-block &gt; div &gt; div &gt; div {
          margin-top: calc(100vw * 6/375); } }
      .score-block &gt; div &gt; div &gt; div &gt; div {
        display: flex;
        align-items: flex-end;
        margin-right: calc(100vw * 12.4/1280); }
        @media (min-width: 1441px) {
          .score-block &gt; div &gt; div &gt; div &gt; div {
            margin-right: 12.4px; } }
        @media (max-width: 767px) {
          .score-block &gt; div &gt; div &gt; div &gt; div {
            margin-right: calc(100vw * 12.4/375); } }
        .score-block &gt; div &gt; div &gt; div &gt; div &gt; p {
          font-size: calc(100vw * 32/1280);
          line-height: calc(100vw * 20/1280); }
          @media (min-width: 1441px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; p {
              font-size: 32px; } }
          @media (max-width: 767px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; p {
              font-size: calc(100vw * 32/375); } }
          @media (min-width: 1441px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; p {
              line-height: 20px; } }
          @media (max-width: 767px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; p {
              line-height: calc(100vw * 20/375); } }
        .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
          width: calc(100vw * 12.46/1280);
          margin-bottom: calc(100vw * 3/1280);
          margin-left: calc(100vw * 3.6/1280); }
          @media (min-width: 1441px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              width: 12.46px; } }
          @media (max-width: 767px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              width: calc(100vw * 12.46/375); } }
          @media (min-width: 1441px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              margin-bottom: 3px; } }
          @media (max-width: 767px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              margin-bottom: calc(100vw * 3/375); } }
          @media (min-width: 1441px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              margin-left: 3.6px; } }
          @media (max-width: 767px) {
            .score-block &gt; div &gt; div &gt; div &gt; div &gt; img {
              margin-left: calc(100vw * 3.6/375); } }
      .score-block &gt; div &gt; div &gt; div &gt; small {
        font-size: calc(100vw * 18/1280);
        line-height: calc(100vw * 15.5/1280);
        color: #8E8E8E; }
        @media (min-width: 1441px) {
          .score-block &gt; div &gt; div &gt; div &gt; small {
            font-size: 18px; } }
        @media (max-width: 767px) {
          .score-block &gt; div &gt; div &gt; div &gt; small {
            font-size: calc(100vw * 18/375); } }
        @media (min-width: 1441px) {
          .score-block &gt; div &gt; div &gt; div &gt; small {
            line-height: 15.5px; } }
        @media (max-width: 767px) {
          .score-block &gt; div &gt; div &gt; div &gt; small {
            line-height: calc(100vw * 15.5/375); } }
  .score-block .link {
    display: inline-block;
    text-decoration: none;
    color: #4E93CE;
    align-self: flex-end; }
    .score-block .link &gt; div {
      display: flex;
      align-items: center; }
      .score-block .link &gt; div &gt; p {
        font-size: calc(100vw * 18/1280); }
        @media (min-width: 1441px) {
          .score-block .link &gt; div &gt; p {
            font-size: 18px; } }
        @media (max-width: 767px) {
          .score-block .link &gt; div &gt; p {
            font-size: calc(100vw * 18/375); } }
      .score-block .link &gt; div &gt; img {
        width: calc(100vw * 6.1/1280);
        margin-left: calc(100vw * 8.1/1280); }
        @media (min-width: 1441px) {
          .score-block .link &gt; div &gt; img {
            width: 6.1px; } }
        @media (max-width: 767px) {
          .score-block .link &gt; div &gt; img {
            width: calc(100vw * 6.1/375); } }
        @media (min-width: 1441px) {
          .score-block .link &gt; div &gt; img {
            margin-left: 8.1px; } }
        @media (max-width: 767px) {
          .score-block .link &gt; div &gt; img {
            margin-left: calc(100vw * 8.1/375); } }

ul.dash {
  list-style: none;
  margin-left: 0;
  padding-left: 1em; }
  ul.dash &gt; li:not(:only-child):before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em; }
  ul.dash &gt; li:only-child {
    margin-left: -1em; }

aside {
  padding-bottom: 2rem; }
  @media (max-width: 767px) {
    aside {
      padding-left: 15px;
      padding-right: 15px; } }
  aside .stick-me {
    position: sticky;
    top: 0;
    padding-top: 1rem; }
  aside .keep-reading-list &gt; h2:first-child {
    margin-bottom: 15px; }

@media (min-width: 992px) {
  .main-container {
    display: grid;
    grid-template-columns: 1fr 330px;
    grid-gap: 35px; }
    .main-container .topic-view {
      overflow: hidden;
      grid-column: 1;
      grid-row: 1; }
    .main-container aside {
      grid-column: 2;
      grid-row: 1 / span 2;
      box-shadow: inset 10px 0 10px -8px rgba(0, 0, 0, 0.16);
      padding-left: 30px; }
    .main-container .comment-box {
      grid-column: 1;
      grid-row: 2; } }

.main-container.content-card-list {
  grid-template-columns: 1fr; }
  .main-container.content-card-list h1 {
    text-align: center; }
  .main-container.content-card-list ul {
    list-style: none;
    padding: 0 15px;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px; }
    @media (max-width: 767px) {
      .main-container.content-card-list ul {
        padding: 0;
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 480px) {
      .main-container.content-card-list ul {
        grid-template-columns: 1fr; } }
    .main-container.content-card-list ul li {
      border: 1px solid #ccc;
      box-shadow: 0 1px 2px #ccc; }
      .main-container.content-card-list ul li a {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        text-decoration: none;
        color: #000000; }
        .main-container.content-card-list ul li a img {
          grid-row: 1; }
        .main-container.content-card-list ul li a h3 {
          grid-row: 2;
          padding: 15px;
          font-size: 24px; }

.creator-card {
  background: #F6F6F6;
  border-radius: 8px;
  padding: 15px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: 15px; }
  .creator-card img {
    width: 48px;
    height: 48px;
    border-radius: 50%; }
  .creator-card h3 {
    height: 48px;
    display: flex;
    flex-flow: column;
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    padding: 0; }
    .creator-card h3:before {
      content: 'เขียนโดย';
      font-size: 18px;
      font-weight: bold; }
  .creator-card p, .creator-card a:last-child {
    grid-column: 1 / -1;
    font-size: 22px; }
  .creator-card p {
    line-height: 1;
    margin: 0;
    padding: 18px 0; }
  .creator-card a:last-child {
    text-align: center;
    color: #4E93CE;
    text-decoration: none; }

.related-issues-card &gt; h3,
.share-buttons-card &gt; h3 {
  font-size: 28px; }

.related-issues-card &gt; ul,
.share-buttons-card &gt; ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
  display: flex;
  flex-flow: row wrap; }
  .related-issues-card &gt; ul li,
  .share-buttons-card &gt; ul li {
    margin-top: 8px;
    margin-right: 10px; }
    .related-issues-card &gt; ul li:last-child,
    .share-buttons-card &gt; ul li:last-child {
      margin-right: 0; }
    .related-issues-card &gt; ul li a,
    .share-buttons-card &gt; ul li a {
      font-size: 20px;
      color: #4E93CE;
      text-decoration: none; }

.related-issues-card &gt; ul li a:before {
  content: '#'; }

.share-buttons-card &gt; ul li {
  display: grid; }
  .share-buttons-card &gt; ul li a {
    display: inline-grid;
    cursor: pointer; }
    .share-buttons-card &gt; ul li a img {
      border-radius: 3px; }
  .share-buttons-card &gt; ul li hr {
    margin: 0; }

.keep-reading-card {
  margin-top: 1.5rem; }
  .keep-reading-card h2 {
    font-size: 38px;
    margin-bottom: 20px;
    position: relative; }
    .keep-reading-card h2:after {
      content: '';
      display: block;
      width: 25px;
      position: absolute;
      bottom: 0;
      left: 0;
      border-bottom: 2px solid black; }
  .keep-reading-card &gt; ul {
    list-style: none;
    padding: 0; }
    .keep-reading-card &gt; ul li {
      background: url("https://www.jeban.com/images/treatment/keep-reading-bullet.svg") 0 10px no-repeat;
      padding: 15px 0 15px 25px;
      position: relative; }
      .keep-reading-card &gt; ul li:not(:last-of-type):after {
        content: '';
        display: block;
        width: calc(100% - 25px);
        position: absolute;
        right: 0;
        bottom: 0;
        border-bottom: 1px dashed #969696; }
      .keep-reading-card &gt; ul li a {
        display: grid;
        grid-template-columns: 1fr 72px;
        grid-template-rows: 1fr auto;
        grid-column-gap: 10px;
        line-height: 1;
        text-decoration: none;
        color: unset; }
        .keep-reading-card &gt; ul li a h3 {
          font-size: 20px; }
        .keep-reading-card &gt; ul li a i {
          font-size: 18px;
          color: #969696;
          font-style: normal; }
          .keep-reading-card &gt; ul li a i:before {
            content: 'By '; }
        .keep-reading-card &gt; ul li a img {
          object-fit: cover;
          width: 72px;
          height: 72px;
          grid-column: 2;
          grid-row: 1 / span 2; }
  .keep-reading-card .link-wrapper {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), white); }
    .keep-reading-card .link-wrapper .btn {
      font-size: 20px;
      border: none;
      box-shadow: none;
      padding: 0;
      height: unset;
      color: #72A2D9; }
  .keep-reading-card .keep-reading-list [card-type] {
    flex-flow: row-reverse !important;
    padding: 1rem 0; }
    .keep-reading-card .keep-reading-list [card-type] .content-media-cover {
      width: 72px;
      height: 72px;
      border: 3px solid #A8D9E5;
      border-style: solid none;
      border-radius: 3px; }
    .keep-reading-card .keep-reading-list [card-type] .content-media-body {
      padding-right: 1rem;
      padding-left: 1.5rem;
      background: url("https://www.jeban.com/images/treatment/keep-reading-bullet.svg") left top no-repeat; }
    .keep-reading-card .keep-reading-list [card-type] .content-tag-banner {
      display: none; }
</pre></body></html>