@charset "UTF-8";

.FS2_upper_comment{
    color: #555;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.notes{
    width: 90.625%;
    color: #999;
    font-size: 2.5vw;
    line-height: 1.8;
    margin: 10px auto 0;
}

.tc{
    text-align: center;
}

.tr{
    text-align: right;
}

sup{
    font-size: 70%;
}

.mv{
    position: relative;
}
    .mv h2{
        position: absolute;
        top: 6%;
        left: 4.5%;
        font-size: 7.8125vw;
        font-weight: normal;
        line-height: 1.42;
        letter-spacing: .05em;
    }

.jumpLink{
    margin-top: 10px;
}
    .jumpLink li{
        width: 78.125vw;
        margin: auto;
    }
    .jumpLink li + li{
    	margin-top: 4.21875vw;
    }
        .jumpLink li a{
            display: block;
        }

.title{
    color: #333;
    font-size: 4.6875vw;
    font-weight: normal;
    line-height: 1.66;
    letter-spacing: .025em;
    font-feature-settings: "palt";
    margin-top: 30px;
}

.FS2_upper_comment .read {
    color: #555;
    font-size: 12px;
    font-size: 3.75vw;
    line-height: 2.3;
    text-align: left;
    width: 90.625%;
    margin: 10px auto 0;
    font-feature-settings: "palt";
    letter-spacing: 0.6px;
    letter-spacing: 0.05em;
}

#ingredient{
    background: #fffae8;
    margin-top: 40px;
    box-sizing: border-box;
    padding: 4.6875vw;
}
    .ingredientInner{
        background: #fff;
        box-sizing: border-box;
        padding: 34px 7.8125vw 28px;
    }
        .ingredientInner h4{
            width: 31.25vw;
            margin: auto;
        }
        .ingredientList li + li{
            margin-top: 27px;
        }
            .ingredientList li h5{
                font-size: 4.0625vw;
                font-weight: bold;
                line-height: 1.38;
                letter-spacing: .05em;
                font-feature-settings: "palt";
            }
                .ingredientList li h5 b{
                    font-size: 5.625vw;
                }
                .ingredientList li h5 b sup{
                    font-size: 1.875vw;
                    position: relative;
                    top: -.5em;
                }
            .ingredientList p{
                font-size: 3.59375vw;
                line-height: 1.73;
                letter-spacing: .025em;
                font-feature-settings: "palt";
                text-align: justify;
                margin-top: 10px;
            }

#brightening{
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 4.6875vw;
}
    #brightening h3{
        font-size: 5.625vw;
        font-weight: normal;
        line-height: 1.38;
        letter-spacing: .025em;
        font-feature-settings: "palt";
    }
    .brighteningImg{
        width: 25vw;
        margin: 5px auto 0;
    }
    .brighteningTxt{
    }
        .brighteningTxt .renewal{
            width: 20.9375vw;
        }
        .brighteningTxt h5{
            color: #333;
            font-size: 3.75vw;
            font-weight: normal;
            letter-spacing: .025em;
            font-feature-settings: "palt";
            line-height: 1;
            margin-top: 3vw;
        }
        .brighteningTxt h4{
            color: #333;
            font-size: 4.6875vw;
            font-weight: bold;
            letter-spacing: .025em;
            font-feature-settings: "palt";
            line-height: 1;
            margin-top: 2.5vw;
        }
            .brighteningTxt h4 span{
                font-size: 2.8125vw;
                font-weight: normal;
                margin-left: 1em;
            }
        .brighteningPrice{
            color: #333;
            font-size: 3.4375vw;
            margin-top: 1vw;
        }
        .brighteningPrice + p{
            font-size: 3.75vw;
            line-height: 2.08;
            font-feature-settings: "palt";
            letter-spacing: .025em;
            margin-top: 10px;
        }
        .brighteningTxt .notes{
            margin-right: 0;
        }
        .brighteningTxt .buyBtn{
            width: 82.75862069%;
            margin-top: 15px;
        }

#campaign{
    height: 0;
    padding-top: 421.71875%;
    background: url(https://www.tvert.jp/smp/img2017/2020bscampaign/bg_campaign.jpg) no-repeat center/100% auto;
    margin-top: 40px;
    position: relative;
}
    .campaignTxt{
        position: absolute;
        top: 14.21875vw;
        left: 0;
        line-height: 1;
        width: 100%;
    }
        .campaignTxt h4{
            width: 31.71875vw;
            margin: auto;
        }
        .campaignTxt h3{
            display: inline-block;
            font-size: 7.5vw;
            font-weight: normal;
            letter-spacing: .05em;
            font-feature-settings: "palt";
            margin-top: 5.9375vw;
            position: relative;
        }
            .campaignTxt h3:before{
                content: "";
                position: absolute;
                bottom: -2vw;
                left: 0;
                width: 100%;
                height: 1px;
                background: #555;
            }
            .campaignTxt h3 sup{
                font-size: 2.03125vw;
                position: relative;
                top: -1em;
                letter-spacing: 0;
                margin-left: -0.5em;
            }
        .campaignTxt h6{
            font-size: 4.53125vw;
            font-weight: normal;
            line-height: 1.72;
            letter-spacing: .025em;
            font-feature-settings: "palt";
            margin-top: 7vw;
        }
        .campaignTxt .notes{
            margin-top: 2vw;
        }
        .campaignTxt .read{
            margin-top: 5vw;
        }
        .campaignTxt .read + .notes{
            color: #333;
        }
    .campaignSet{
        position: absolute;
        bottom: 4.6875vw;
        left: 4.6875vw;
        width: 90.625vw;
        background: #fff;
        box-sizing: border-box;
        padding: 4.6875vw;
    }
        .campaignSetTxt{
            line-height: 1;
            white-space: nowrap;
        }
            .campaignSetTxt .limited{
                width: 19.375vw;
            }
            .campaignSetTxt h4{
                color: #333;
                font-size: 4.6875vw;
                font-weight: bold;
                letter-spacing: .025em;
                font-feature-settings: "palt";
                margin-top: 3.5vw;
            }
            .campaignSetTxt .normal{
                color: #333;
                font-size: 3.4375vw;
                line-height: 1.8;
                margin-top: 1vw;
            }
            .campaignSetTxt .visitor{
                margin-top: 1vw;
            }
                .campaignSetTxt .visitor span{
                    display: block;
                    color: #fff;
                    background: #cc0000;
                    width: 59.375vw;
                    height: 6.25vw;
                    font-size: 3.59375vw;
                    font-weight: bold;
                    text-align: center;
                    letter-spacing: .08em;
                    box-sizing: border-box;
                    padding: 1vw 0;
                    font-feature-settings: "palt";
                }
                    .campaignSetTxt .visitor span b{
                        font-size: 4.53125vw;
                        letter-spacing: 0;
                    }
                .campaignSetTxt .visitor em{
                    display: block;
                    color: #cc0000;
                    font-size: 5.78125vw;
                    font-style: normal;
                    font-weight: bold;
                    letter-spacing: .05em;
                    font-feature-settings: "palt";
                    margin-top: 2vw;
                }
                    .campaignSetTxt .visitor em sub{
                        font-size: 3.75vw;
                        vertical-align: bottom;
                    }
            .campaignSetTxt .second{
                color: #333;
                font-size: 3.4375vw;
                letter-spacing: .025em;
                font-feature-settings: "palt";
                margin-top: 3vw;
            }
            .campaignSetImg{
                width: 54.6875vw;
                margin: 4vw auto 0;
            }
            .campaignSetList{
                margin-top: 5vw;
            }
                .campaignSetList h5{
                    color: #333;
                    font-size: 3.75vw;
                    font-weight: bold;
                    letter-spacing: .025em;
                    font-feature-settings: "palt";
                }
                    .campaignSetList h5 span{
                        font-size: 3.125vw;
                        font-weight: normal;
                        margin-left: 1em;
                    }
                .campaignSetList ul{
                    margin-top: 1vw;
                }
                    .campaignSetList li{
                        font-size: 3.4375vw;
                        line-height: 1.68;
                        text-indent: -1em;
                        margin-left: 1em;
                        letter-spacing: 0;
                    }
            .campaignSet .buyBtn{
                width: 75vw;
                margin-top: 5vw;
                margin-bottom: 3vw;
            }

#method{
    margin-top: 40px;
}
    #method h4{
        width: 25.15625vw;
        margin: auto;
    }
    #method h3{
        font-size: 5.625vw;
        font-weight: bold;
        letter-spacing: .05em;
        font-feature-settings: "palt";
        margin-top: 15px;
    }
        #method h3 sup{
            font-size: 2.03125vw;
            position: relative;
            top: -0.5em;
        }
    #method h3 + .notes{
        margin-top: 0;
    }
    #method .read{
        margin-top: 15px;
    }
    .methodList{
        margin: 30px auto 10px;
        width: 70vw;
        position: relative;
    }
        .methodList li{
            width: 100%;
        }
            .methodList img{
                display: block;
                width: 60vw;
                margin: auto;
            }
            .methodList h5{
                color: #000;
                font-size: 4.0625vw;
                font-weight: bold;
                letter-spacing: .11em;
                font-feature-settings: "palt";
                margin-top: 24px;
            }
            .methodList p{
                font-size: 3.75vw;
                line-height: 2.13;
                letter-spacing: .1em;
                font-feature-settings: "palt";
                margin-top: 6px;
            }
            .methodList .slick-prev,
            .methodList .slick-next{
                display: inline-block;
                position: absolute;
                left: -7vw;
                top: 26.09375vw;
                width: 4.375vw;
                height: 0;
                padding: 0;
                padding-top: 7.8125vw;
                border: none;
                cursor: pointer;
                outline: none;
                appearance: none;
                font-size: 0;
                background: url(https://www.tvert.jp/smp/img2017/2020bscampaign/btn_method_prev.png) no-repeat center/contain;
            }
            .methodList .slick-next{
                left: auto;
                right: -7vw;
                background: url(https://www.tvert.jp/smp/img2017/2020bscampaign/btn_method_next.png) no-repeat center/contain;
            }

.FS2_upper_comment{
    margin-bottom: 30px;
}

.buyBtn {
    display: block;
    width: 240px;
    width: 75%;
    line-height: 28px;
    line-height: 8.75vw;
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
    font-size: 3.75vw;
    letter-spacing: 0.6px;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-feature-settings: "palt";
    border: 1px solid #333;
    background: url(https://www.tvert.jp/smp/img2017/mineraluv2020/buyBtn.png) no-repeat right 27.916% center/1.666% auto;
    padding-right: 10px;
    margin: 20px auto 0;
}
    .buyBtn a{
    	display: block;
        color: #333;
    }
    .buyBtn a:hover{
    	color: #333;
    }