body { max-width: 100vw; overflow-x: hidden;}
.pane-goods-right-side .block-goods-set { display: none !important;}
.block-page-top a { z-index: 5;}
#goods_3d_mask * { text-align: center;}
#goods_3d_mask img { max-width: 100%; height: auto; vertical-align: top;}
#goods_3d_mask { margin-top: 100px; position: relative; z-index: 1;}
#goods_3d_mask .inner-contents { position: relative; z-index: 2;}
#goods_3d_mask .sub { font-size: 18px; line-height: 2.0; text-align: center;}
#goods_3d_mask .eng { font-size: 16px; text-align: center;}
#goods_3d_mask .text { font-size: 18px; text-align: center;}
/* mv */
#goods_3d_mask .sec01-main { margin: 0 0 200px 0;}
/* color */
#goods_3d_mask .sec02-colors { padding: 0 0 80px 0; margin: 0 0 60px 0; position: relative;}
#goods_3d_mask .sec02-colors .ttl { margin: 0 0 30px 0;}
#goods_3d_mask .sec02-colors .sub { margin: 0 0 30px 0;}
#goods_3d_mask .color-list { width: 950px; margin: 0 auto 60px; display: flex; justify-content: space-between;}
#goods_3d_mask .color-list li { width: 263px; padding: 0; margin: 0;}
#goods_3d_mask .color-list li:nth-child(3n) { margin-right: 0;}
#goods_3d_mask .other-mask-link { text-align: center;}
#goods_3d_mask .other-mask-link a { width: 390px; height: 66px; line-height: 68px; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; position: relative; display: inline-block; border-radius: 3px; background: #FF8E1F; color: #fff;}
#goods_3d_mask .other-mask-link a::after { content: ''; width: 14px; height: 14px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: calc(50% - 7px);}
/* coordinate */
#goods_3d_mask .sec03-coordinate .coordinate-list li { position: relative;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .inner-contents { width: 1200px; padding: 100px 0; margin: 0 auto; overflow: hidden;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .head { width: 580px; padding: 20px 0 40px; float: right;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .eng  { padding-bottom: 10px; margin-bottom: 20px; text-align: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .eng img { width: 482px;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .name { font-size: 24px; font-weight: bold; text-align: left; line-height: 1.0; letter-spacing: 0.1em;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .catch{ font-size: 16px; font-weight: normal; text-align: left; letter-spacing: 0.1em;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .image01 { width: 580px; float: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .image02 { width: 580px; float: right;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .head    { float: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .image01 { float: right;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .image02 { float: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .inner-contents::after { float: right;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate01 .eng  { border-bottom: #B27F49 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .eng  { border-bottom: #C88686 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate03 .eng  { border-bottom: #707E3E 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate01 .name { color: #B27F49;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .name { color: #C88686;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate03 .name { color: #707E3E;}
/* point */
#goods_3d_mask .sec04-points .flex { display: flex; justify-content: space-between; align-items: center; background: #fff;}
#goods_3d_mask .sec04-points .point-wrap { padding: 80px 0; position: relative;}
#goods_3d_mask .sec04-points .point-wrap .title { margin: 0 0 30px 0; text-align: left;}
#goods_3d_mask .sec04-points .point-wrap .text  { margin: 30px 0 0 0; text-align: left;}
#goods_3d_mask .sec04-points .point-wrap .image.no01 { margin: 0 0 80px 0; background: #0079CA;}
#goods_3d_mask .sec04-points .point01 .title { text-align: center;}
#goods_3d_mask .sec04-points .point02 .image { width: 550px;}
#goods_3d_mask .sec04-points .point02 .desc  { width: 550px;}
#goods_3d_mask .sec04-points .point03 .image { width: 670px;}
#goods_3d_mask .sec04-points .point03 .desc  { width: 530px;}
#goods_3d_mask .sec04-points .point04 .flex  { flex-direction: row-reverse;}
#goods_3d_mask .sec04-points .point04 .image { width: 600px;}
#goods_3d_mask .sec04-points .point04 .desc  { width: 600px; padding-left: 90px;}
#goods_3d_mask .sec04-points .point05 .image { width: 600px;}
#goods_3d_mask .sec04-points .point05 .desc  { width: 530px;}
#goods_3d_mask .sec04-points .point07 .text  { font-size: 16px; text-align: center; text-decoration: underline;}
/* background */
#goods_3d_mask .sec02-colors::before,
#goods_3d_mask .sec03-coordinate .coordinate-list li::before,
#goods_3d_mask .sec04-points .point-wrap::before { content: ''; width: 100vw; height: 100%; position: absolute; left: calc((-100vw + 1200px) / 2); bottom: 0; display: block; z-index: 1;}
#goods_3d_mask .sec02-colors::before { background: url(/stg/img/usr/goods_comment/3d_mask_leopard/bg_color.jpg) center 130px repeat-x;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate01::before { background: linear-gradient(180deg, #ECD8C1 0%, #FFF0E1 40%, #FFEFDE 60%, #FFF1E4 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate02::before { background: linear-gradient(180deg, #FFE6E6 0%, #F8F8F8 40%, #FCF4F4 60%, #FFECEC 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate03::before { background: linear-gradient(180deg, #E7ECC1 0%, #FDFFEB 40%, #F5F8DB 60%, #FCFEEF 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec04-points .point01::before { background: url(/stg/img/usr/goods_comment/3d_mask_leopard/bg_point_blue.png) center bottom no-repeat, linear-gradient(90deg, #AAE4FF 0%, #E7F4FA 20%, #FFF 40%, #FFF 60%, #D9F3FF 80%, #AAE4FF 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec04-points .point02::before,
#goods_3d_mask .sec04-points .point05::before { background: url(/stg/img/usr/goods_comment/3d_mask_leopard/bg_point_brown.png) center bottom no-repeat, linear-gradient(90deg, #EBE1D4 0%, #EDE8E1 15%, #FFF 40%, #FFF 60%, #EDE8E1 85%, #EBE1D4 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec04-points .point03::before,
#goods_3d_mask .sec04-points .point06::before { background: url(/stg/img/usr/goods_comment/3d_mask_leopard/bg_point_green.png) center bottom no-repeat, linear-gradient(90deg, #98DEDE 0%, #ACEBEB 10%, #FFF 40%, #FFF 60%, #ACEBEB 90%, #98DEDE 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec04-points .point04::before { background: url(/stg/img/usr/goods_comment/3d_mask_leopard/bg_point_pink.png) center bottom no-repeat, linear-gradient(90deg, #F7C9C9 0%, #F7C9C9 10%, #FFF 40%, #FFF 60%, #F7C9C9 90%, #F7C9C9 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto;}
#goods_3d_mask .sec04-points .point07::before { background: #D6EAF3;}