@charset "UTF-8";

#body {
  width: auto;
}

.pageContents {
  color: #fff;
  position: relative;
}

.pageContents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pageContents a {
  text-decoration: none;
}

.pageContents a:hover {
  opacity: 0.9;
}

.pageContents img {
  width: 100%;
  vertical-align: bottom;
}

.pageContents [data-animation="rize"] {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 400ms linear, -webkit-transform 600ms ease-out;
  transition: opacity 400ms linear, -webkit-transform 600ms ease-out;
  transition: opacity 400ms linear, transform 600ms ease-out;
  transition: opacity 400ms linear, transform 600ms ease-out,
    -webkit-transform 600ms ease-out;
  transition: opacity 400ms linear, transform 600ms ease-out,
    -webkit-transform 600ms ease-out;
  transition: opacity 400ms linear, transform 600ms ease-out,
    -webkit-transform 600ms ease-out;
  transition: opacity 400ms linear, transform 600ms ease-out;
}

.pageContents [data-animation="rize"].animationFix {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* sticky Polyfill for CSS */
.pageContents .sticky:before,
.pageContents .sticky:after {
  content: "";
  display: table;
}

.pageContents .pageArticle .wrap {
  background-color: rgba(47, 79, 79, 0.95);
}
.pageContents[data-color-id="1"] .pageArticle .wrap {
  background-color: rgba(160, 160, 160, 0.95);
} /* #A0A0A0 */
.pageContents[data-color-id="2"] .pageArticle .wrap {
  background-color: rgba(111, 111, 111, 0.95);
} /* #6F6F6F */
.pageContents[data-color-id="3"] .pageArticle .wrap {
  background-color: rgba(70, 70, 70, 0.95);
} /* #464646 */
.pageContents[data-color-id="4"] .pageArticle .wrap {
  background-color: rgba(39, 39, 39, 0.95);
} /* #272727 */
.pageContents[data-color-id="5"] .pageArticle .wrap {
  background-color: rgba(129, 142, 155, 0.95);
} /* #818E9B */
.pageContents[data-color-id="6"] .pageArticle .wrap {
  background-color: rgba(88, 102, 116, 0.95);
} /* #586674 */
.pageContents[data-color-id="7"] .pageArticle .wrap {
  background-color: rgba(67, 89, 105, 0.95);
} /* #435969 */
.pageContents[data-color-id="8"] .pageArticle .wrap {
  background-color: rgba(35, 48, 62, 0.95);
} /* #23303E */
.pageContents[data-color-id="9"] .pageArticle .wrap {
  background-color: rgba(156, 180, 159, 0.95);
} /* #9CB49F */
.pageContents[data-color-id="10"] .pageArticle .wrap {
  background-color: rgba(140, 162, 158, 0.95);
} /* #8CA29E */
.pageContents[data-color-id="11"] .pageArticle .wrap {
  background-color: rgba(95, 141, 125, 0.95);
} /* #5F8D7D */
.pageContents[data-color-id="12"] .pageArticle .wrap {
  background-color: rgba(16, 98, 102, 0.95);
} /* #106266 */
.pageContents[data-color-id="13"] .pageArticle .wrap {
  background-color: rgba(96, 146, 168, 0.95);
} /* #6092A8 */
.pageContents[data-color-id="14"] .pageArticle .wrap {
  background-color: rgba(117, 146, 183, 0.95);
} /* #7592B7 */
.pageContents[data-color-id="15"] .pageArticle .wrap {
  background-color: rgba(89, 112, 167, 0.95);
} /* #5970A7 */
.pageContents[data-color-id="16"] .pageArticle .wrap {
  background-color: rgba(36, 50, 83, 0.95);
} /* #243253 */
.pageContents[data-color-id="17"] .pageArticle .wrap {
  background-color: rgba(107, 160, 158, 0.95);
} /* #6BA09E */
.pageContents[data-color-id="18"] .pageArticle .wrap {
  background-color: rgba(112, 177, 184, 0.95);
} /* #70B1B8 */
.pageContents[data-color-id="19"] .pageArticle .wrap {
  background-color: rgba(93, 150, 167, 0.95);
} /* #5D96A7 */
.pageContents[data-color-id="20"] .pageArticle .wrap {
  background-color: rgba(65, 121, 146, 0.95);
} /* #417992 */
.pageContents[data-color-id="21"] .pageArticle .wrap {
  background-color: rgba(173, 138, 163, 0.95);
} /* #AD8AA3 */
.pageContents[data-color-id="22"] .pageArticle .wrap {
  background-color: rgba(148, 126, 160, 0.95);
} /* #947EA0 */
.pageContents[data-color-id="23"] .pageArticle .wrap {
  background-color: rgba(82, 65, 109, 0.95);
} /* #52416D */
.pageContents[data-color-id="24"] .pageArticle .wrap {
  background-color: rgba(36, 37, 62, 0.95);
} /* #24253E */
.pageContents[data-color-id="25"] .pageArticle .wrap {
  background-color: rgba(213, 150, 164, 0.95);
} /* #D596A4 */
.pageContents[data-color-id="26"] .pageArticle .wrap {
  background-color: rgba(196, 139, 141, 0.95);
} /* #C48B8D */
.pageContents[data-color-id="27"] .pageArticle .wrap {
  background-color: rgba(182, 114, 134, 0.95);
} /* #B67286 */
.pageContents[data-color-id="28"] .pageArticle .wrap {
  background-color: rgba(131, 83, 89, 0.95);
} /* #835359 */
.pageContents[data-color-id="29"] .pageArticle .wrap {
  background-color: rgba(148, 139, 137, 0.95);
} /* #948B89 */
.pageContents[data-color-id="30"] .pageArticle .wrap {
  background-color: rgba(151, 136, 117, 0.95);
} /* #978875 */
.pageContents[data-color-id="31"] .pageArticle .wrap {
  background-color: rgba(173, 167, 136, 0.95);
} /* #ADA788 */
.pageContents[data-color-id="32"] .pageArticle .wrap {
  background-color: rgba(147, 151, 127, 0.95);
} /* #93977F */

.pageContents .goodsInfo {
  position: -webkit-sticky;
  position: sticky;
  top: 51px;
  width: 100%;
  z-index: 1;
}

.pageContents .goodsInfo .block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.8);
}

.pageContents .goodsInfo .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  width: 980px;
  height: 60px;
}

.pageContents .goodsInfo .thumbnail {
  width: 62px;
  height: 42px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
}

.pageContents .goodsInfo .information {
  width: 100%;
  height: 42px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 1;
}

.pageContents .goodsInfo .brandName {
  font-size: 12px;
  font-weight: bold;
}

.pageContents .goodsInfo .itemName {
  margin-top: 5px;
  font-size: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pageContents .goodsInfo .matchRate {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1bbf7f;
  visibility: hidden;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  opacity: 0;
}
.pageContents .goodsInfo.initialized .matchRate {
  visibility: visible;
  opacity: 1;
}

.pageContents .goodsInfo .chartBar {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  width: 45px;
  height: 5px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.pageContents .goodsInfo .chartBar span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: #1bbf7f;
}

.pageContents .goodsInfo .incompatible {
  margin-top: 5px;
  font-size: 10px;
  color: #fff;
}

.pageContents .goodsInfo .link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.pageContents .goodsInfo .link .button {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 34px;
  background-color: #36b7f4;
  color: #fff;
  font-size: 12px;
  line-height: 34px;
  border-radius: 17px;
  visibility: hidden;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  opacity: 0;
}
.pageContents .goodsInfo.initialized .link .button {
  visibility: visible;
  opacity: 1;
}

.pageContents .goodsInfo .about {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  height: 42px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
}

.pageContents .goodsInfo .about .text {
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1;
}

.pageContents .goodsInfo .about .toLp {
  margin-left: 4px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 1;
}

.pageContents .goodsInfo.high .matchRate {
  color: #1bbf7f;
}
.pageContents .goodsInfo.high .matchRate .chartBar span {
  background-color: #1bbf7f;
}
.pageContents .goodsInfo.middle .matchRate {
  color: #ffa500;
}
.pageContents .goodsInfo.middle .matchRate .chartBar span {
  background-color: #ffa500;
}
.pageContents .goodsInfo.low .matchRate {
  color: #dc143c;
}
.pageContents .goodsInfo.low .matchRate .chartBar span {
  background-color: #dc143c;
}

.pageContents .goodsInfo .about {
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  height: 42px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
}

.pageContents .goodsInfo .about .text {
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1;
}

.pageContents .goodsInfo .about .toLp {
  margin-left: 4px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 1;
}

.pageContents .mvImage {
  position: -webkit-sticky;
  position: sticky;
  top: 51px;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.pageContents .mvImage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.pageContents .mvImage span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  visibility: hidden;
}
.pageContents .mvImage.show span {
  visibility: visible;
}

.pageContents .mvImage span.animationFix {
  -webkit-animation: mvImageShow 2200ms ease-out 0ms;
  animation: mvImageShow 2200ms ease-out 0ms;
}

@-webkit-keyframes mvImageShow {
  0% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mvImageShow {
  0% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pageContents .mvImageDisplayArea {
  position: relative;
  margin-top: -100vh;
}

.pageArticle {
  position: relative;
}

.pageArticle .mv {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
}

.pageArticle .mv.show {
  visibility: visible;
}

.pageArticle .mv .inner {
  margin: auto;
  width: 400px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.pageArticle .mv h1 {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.6;
}

.pageArticle .mv .item {
  margin-top: 56px;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
}

.pageContents .mv .item dt {
  font-weight: bold;
}

.pageContents .mv .index {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #fff;
}

.pageContents .mv .index .number {
  font-size: 24px;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
}

.pageContents .mv .index .category {
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
}

.pageArticle .mv::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS40MjEiIGhlaWdodD0iMTIuMzg2IiB2aWV3Qm94PSIwIDAgMjEuNDIxIDEyLjM4NiI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xMTM2NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTEzNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjYuNzU0IC02OTkuNDMxKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzYyNzciIGRhdGEtbmFtZT0i44OR44K5IDYyNzciIGQ9Ik0uNTU2LDAsMTMuNTcuMjM3YS41OTEuNTkxLDAsMCwxLC41NzYuNTc2aDBhLjU0Mi41NDIsMCwwLDEtLjU1Ni41NTZMLjU3NiwxLjEzMkEuNTkxLjU5MSwwLDAsMSwwLC41NTZIMEEuNTQyLjU0MiwwLDAsMSwuNTU2LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguNDI5IDcwMC4xMzgpIHJvdGF0ZSg0NSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzYyNzgiIGRhdGEtbmFtZT0i44OR44K5IDYyNzgiIGQ9Ik0uNTc2LjIzMywxMy41OTEsMGEuNTQyLjU0MiwwLDAsMSwuNTU2LjU1NmgwYS41OTEuNTkxLDAsMCwxLS41NzYuNTc2TC41NTUsMS4zNjVBLjU0Mi41NDIsMCwwLDEsMCwuODA5SDBBLjU5MS41OTEsMCwwLDEsLjU3Ni4yMzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzYuNDk5IDcxMC4xNDQpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==");
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 40px;
  display: inline-block;
  width: 20px;
  height: auto;
}

.pageArticle .wrap {
  position: relative;
}

.pageArticle .navigation {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgba(0, 0, 0, 0.4);
}

.pageArticle .navigation dl {
  margin: auto;
  width: 540px;
}

.pageArticle .navigation dt {
  font-size: 16px;
  font-weight: bold;
}

.pageArticle .navigation dd {
  margin-top: 30px;
}

.pageArticle .navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
}
.pageArticle .navigation a::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwOCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNCA3Ljc3NykiPjxyZWN0IHdpZHRoPSI1LjA5MSIgaGVpZ2h0PSIwLjQwNyIgcng9IjAuMjA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjI4OCAwKSByb3RhdGUoNDUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHdpZHRoPSI1LjA5MSIgaGVpZ2h0PSIwLjQwNyIgcng9IjAuMjA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjMxMiAzLjYpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDA4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiPjxjaXJjbGUgY3g9IjkiIGN5PSI5IiByPSI5IiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI5IiBjeT0iOSIgcj0iOC41IiBmaWxsPSJub25lIi8+PC9nPjwvZz48L3N2Zz4=");
  margin-left: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.pageArticle .navigation .thumbnail {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  overflow: hidden;
  border-radius: 4px;
}

.pageArticle .navigation .title {
  margin-left: 30px;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pageArticle section {
  padding-top: 105px;
  margin: auto;
  width: 540px;
}

.pageArticle section:last-child {
  padding-bottom: 110px;
}

.pageArticle section > *:first-child {
  margin-top: 0 !important;
}

.pageArticle section > *:last-child {
  margin-bottom: 0 !important;
}

.pageArticle .annotation {
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.4);
}
.pageArticle .annotation > *:first-child {
  margin-top: 0;
}
.pageArticle .annotation > *:last-child {
  margin-bottom: 0;
}

.pageArticle h2,
.pageArticle h3 {
  font-weight: bold;
  line-height: 1.8;
}
.pageArticle h2 {
  font-size: 30px;
  margin-top: 35px;
}

.pageArticle h2::after {
  content: "";
  margin-top: 37px;
  margin-bottom: 37px;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
}

.pageArticle h3 {
  font-size: 24px;
  margin-top: 49px;
  margin-bottom: 39px;
}

.pageArticle h3[class*="styling"] {
  font-size: 28px;
  margin-top: 105px;
  margin-bottom: 20px;
  -moz-text-align-last: center;
  text-align-last: center;
}

.pageArticle p[class*="text"] {
  margin-top: 51px;
  margin-bottom: 51px;
  font-size: 18px;
  line-height: 2;
}

.pageArticle h2 + p[class*="text"],
.pageArticle h3 + p[class*="text"] {
  margin-top: 39px;
}

.pageArticle p[class*="small"] {
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 1.7;
}

.pageArticle p[class*="xsmall"] {
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 10px;
  line-height: 1.7;
}

.pageArticle p[class*="bold"] {
  font-weight: bold;
}

.pageArticle *[class*="center"] {
  text-align: center;
}

.pageArticle p[class*="styling"] {
  -moz-text-align-last: center;
  text-align-last: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.pageArticle p strong {
  font-weight: bold;
  text-decoration: underline;
}

.pageArticle .video {
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.pageArticle .video div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  background-color: #000;
}

.pageArticle .video div::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.2);
}

.pageArticle .video div p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 86px;
  text-align: center;
  line-height: 1;
}
.pageArticle .video div p::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDUyIDUyIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NDc5LjIxNyAzODkxLjIyOCkiIG9wYWNpdHk9IjAuOSI+PHBhdGggZD0iTS00NDUzLjIxNy0zODg4LjIyOGEyMy4wMjcsMjMuMDI3LDAsMCwxLDIzLDIzLDIzLjAyNywyMy4wMjcsMCwwLDEtMjMsMjMsMjMuMDI2LDIzLjAyNiwwLDAsMS0yMy0yMywyMy4wMjYsMjMuMDI2LDAsMCwxLDIzLTIzbTAtM2EyNiwyNiwwLDAsMC0yNiwyNiwyNiwyNiwwLDAsMCwyNiwyNiwyNiwyNiwwLDAsMCwyNi0yNiwyNiwyNiwwLDAsMC0yNi0yNloiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNLTQ0NTguNTg1LTM4NzMuNGwxNC4yODEsOC4yNDUtMTQuMjgxLDguMjQ1di0xNi40OW0tLjUtMy4zNzFhMi41LDIuNSwwLDAsMC0yLjUsMi41djE4LjIyNmEyLjUsMi41LDAsMCwwLDIuNSwyLjUsMi40ODQsMi40ODQsMCwwLDAsMS4yNDYtLjMzOWwxNS43ODQtOS4xMTNhMi41LDIuNSwwLDAsMCwwLTQuMzI4bC0xNS43ODQtOS4xMTNhMi40NzcsMi40NzcsMCwwLDAtMS4yNDYtLjMzOVoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: inline-block;
  width: 52px;
  height: 52px;
}

.pageArticle .video div span {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.pageArticle .video.playing div {
  visibility: hidden;
}

.pageArticle .video video {
  width: 100%;
}

.pageArticle .credit + .credit {
  margin-top: 60px;
}

.pageArticle .credit h4 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
}

.pageArticle .credit p {
  font-size: 12px;
}

#gblFooter {
  margin-top: 0px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .pageContents .goodsInfo,
  .pageContents .mvImage {
    top: 0;
  }
}
