body { max-width: 100vw; overflow-x: hidden;}
.block-goods-detail .block-goods-set { display: none !important;}
#goods_3d_mask * { text-align: center;}
#goods_3d_mask img { max-width: 100%; height: auto; vertical-align: top;}
#goods_3d_mask { margin-top: 15px; position: relative; z-index: 1;}
#goods_3d_mask .inner-contents { position: relative; z-index: 2;}
#goods_3d_mask .sub { font-size: 12px; line-height: 2.0; text-align: center;}
#goods_3d_mask .eng { font-size: 11px; text-align: center;}
#goods_3d_mask .text { font-size: 12px; text-align: center;}
#goods_3d_mask .sec01-main { margin: 0 0 35px 0; position: relative; z-index: 2;}
/* color */
#goods_3d_mask .sec02-colors { padding: 0 0 30px; margin: 0 0 35px 0; position: relative;}
#goods_3d_mask .sec02-colors .sub { text-align: center; position: relative; z-index: 2;}
#goods_3d_mask .sec02-colors .ttl { margin: 0 0 15px 0; text-align: center; position: relative; z-index: 2;}
#goods_3d_mask .sec02-colors .ttl img { width: 80%; max-width: 424px;}
#goods_3d_mask .color-list { padding: 30px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
#goods_3d_mask .color-list li { width: 45%; padding: 0; margin: 0; border-radius: 10px; position: relative; z-index: 2;}
#goods_3d_mask .color-list li:nth-child(3n) { width: 100%; padding: 0 27.5%;}
#goods_3d_mask .other-mask-link { text-align: center;}
#goods_3d_mask .other-mask-link a { width: 90%; height: 46px; line-height: 48px; font-size: 14px; 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: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: calc(50% - 5px);}
#goods_3d_mask .other-mask-link-comingsoon { font-size: 14px; font-weight: normal;}
/* coordinate */
#goods_3d_mask .sec03-coordinate { position: relative; z-index: 2;}
#goods_3d_mask .sec03-coordinate .coordinate-list li { position: relative;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .inner-contents { padding: 0 0 50px 0; margin: 0 auto;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .head    { padding: 30px 0 20px; position: relative;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .eng     { padding: 0 0 10px; margin: 5px 0 10px; text-align: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .eng img { width: 70%;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .name    { font-size: 20px; font-weight: bold; text-align: left; line-height: 1.0; color: #484343;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .catch   { font-size: 14px; font-weight: normal; text-align: left;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .image01 { margin: 0 0 20px 0; text-align: center;}
#goods_3d_mask .sec03-coordinate .coordinate-list li .image02 { text-align: center;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate01 .eng  { border-bottom: #3C5109 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .eng  { border-bottom: #216282 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate03 .eng  { border-bottom: #A89F51 1px solid;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate01 .name { color: #3C5109;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate02 .name { color: #216282;}
#goods_3d_mask .sec03-coordinate .coordinate-list li.coordinate03 .name { color: #A89F51;}
/* point */
#goods_3d_mask .sec04-points .point-wrap { padding: 40px 0; position: relative;}
#goods_3d_mask .sec04-points .point-wrap .title { margin: 0 0 20px 0;}
#goods_3d_mask .sec04-points .point01.point-wrap .title { padding: 0 15px;}
#goods_3d_mask .sec04-points .point-wrap .text  { margin: 20px 0 0 0;}
#goods_3d_mask .sec04-points .point-wrap .image.no01 { margin: 0 0 20px 0;}
/* background */
#goods_3d_mask .sec02-colors .inner-contents::before { content: ''; width: 100vw; height: calc(100% - 100px); position: absolute; left: calc((-100vw + (335 / 375 * 100vw)) / 2); bottom: 60px; display: block; z-index: 1; background: url(/stg/img/usr/goods_comment/3d_mask_camouflage/bg_color_sp.jpg) center top repeat; -webkit-background-size: 500px auto; background-size: 500px auto;}
#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 + (335 / 375 * 100vw)) / 2); bottom: 0; display: block; z-index: 1;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate01::before { background: linear-gradient(180deg, #E2E8C7 0%, #FBFCF6 40%, #F9FCEC 60%, #E2E8C7 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto; opacity: 0.8;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate02::before { background: linear-gradient(180deg, #EBF9FF 0%, #FFFFFF 45%, #ECF6FB 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto; opacity: 0.8;}
#goods_3d_mask .sec03-coordinate .coordinate-list .coordinate03::before { background: linear-gradient(180deg, #FFF1BF 0%, #FFFDF6 60%, #F2EBD2 100%); -webkit-background-size: 100vw auto; background-size: 100vw auto; opacity: 0.8;}
#goods_3d_mask .sec04-points .point01::before { background: url(/stg/img/usr/goods_comment/3d_mask_camouflage/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_camouflage/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_camouflage/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_camouflage/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;}

.pane-goods-footer.fixed { z-index: 100;}