@charset "utf-8";



/*----------------------------------------
    共通
-----------------------------------------*/

#contentsChildDouble,
#contentsChildDouble_2 {
    margin-top: 50px;
}

.detail_txt h3 sup {
    vertical-align: top;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    #contentsChildDouble,
    #contentsChildDouble_2 {
        width: 100%;
        margin: 50px auto 0;
    }
    .cms_contents {
        width: 100%;
    }
    #contentsChildDouble img,
    #contentsChildDouble_2 img {
        max-width: 100%;
        height: auto;
    }
}




/* max-width: 980px */


/*----------------------------------------
    PC,SP出しわけ
-----------------------------------------*/

.cmssp {
    display: none;
}

.brsp {
    display: none;
}
.sp {
    display: none;
}
.pc {
    display: block;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    .cmssp {
        display: block;
    }
    .cmspc {
        display: none;
    }
    .brpc {
        display: none;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
}




/* max-width: 980px */


/*----------------------------------------
    商品紹介メイン
-----------------------------------------*/

.cms_contents .cms_main {
    margin-bottom: 40px;
}

.cms_contents .cms_main h2 {
    border-bottom: 1px solid #e5e5e5;
}

.cms_contents .cms_main h3 {
    border: 0;
    margin: 0;
    padding: 0;
}


/*----------------------------------------
    使い方イラスト
-----------------------------------------*/

.cms_contents .step {
    padding-bottom: 30px;
}

.cms_contents .step h3 {
    border: 0!important;
}

.cms_contents .step ul {
    margin: 30px 0 34px;
}

.cms_contents .step ul li {
    width: 222px;
    margin-right: 30px;
}

.cms_contents .step ul li:nth-child(4) {
    margin: 0;
}

.cms_contents .step ul li img {
    width: 100%;
}

.cms_contents .step p {
    font-size: 0.85em;
    padding-top: 0.5em;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    .cms_contents .step h3 {
        font-size: 18px;
        color: #00A0E8;
        border: 0;
        background: url(../images/category_headline_icon.gif) no-repeat left 1px;
        padding: 0 0 10px 18px;
        cursor: default;
    }
    .cms_contents .step ul {
        width: 92%;
        padding: 0 4%;
    }
    .cms_contents .step ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .cms_contents .step ul li:nth-child(even) {
        margin: 0;
    }
}




/* max-width: 980px */


/*----------------------------------------
    商品recommend
-----------------------------------------*/

.cms_contents .recommend {
    margin-top: 30px;
}

.cms_contents .recommend .recommend_text {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.6;
}

.cms_contents .recommend .recommend_item {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}

.cms_contents .recommend .recommend_item h4 {
    font-size: 13px;
    font-weight: bold;
    color: #00a0e8;
}

.cms_contents .recommend .recommend_item ul {
    position: relative;
    left: 50%;
    float: left;
}

.cms_contents .recommend .recommend_item ul li {
    position: relative;
    left: -50%;
    float: left;
    width: 200px;
    margin-right: 20px;
    list-style: none;
    cursor: pointer;
}

.cms_contents .recommend .recommend_item p {
    font-size: 12px;
    line-height: 15px;
    margin-top: 20px;
}

.cms_contents .recommend .recommend_item a {
    color: #000;
    text-decoration: none;
}

.cms_contents .recommend .btn a,
.cms_contents .recommend .btn input {
    width: 90%;
    color: #fff;
    padding: 5px 0;
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    .cms_contents .recommend h3 {
        font-size: 18px;
        color: #00A0E8;
        border-top: 0;
        border-bottom: solid 1px #00A0E8;
        background: url(../images/category_headline_icon.gif) no-repeat left 1px;
        padding: 0 0 10px 18px;
        cursor: default;
    }
    .cms_contents .recommend .recommend_item ul {
        width: 100%;
        left: 0;
    }
    .cms_contents .recommend .recommend_item ul li {
        width: 48%;
        left: 0;
        margin: 0 1%;
    }
    .cms_contents .recommend .recommend_item ul li.item1 {
        left: 25%;
    }
    .cms_contents .recommend .recommend_item ul li .photo img {
        width: 100%;
        height: auto;
    }
    .cms_contents .recommend .recommend_item ul li .photo .bluerect img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
    }
    .cms_contents .recommend .recommend_item p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .cms_contents .recommend .btn a,
    .cms_contents .recommend .btn input {
        width: 100%;
        margin-top: 10px;
    }
}




/* max-width: 980px */


/*----------------------------------------
    注記 
-----------------------------------------*/

/*.cms_contents .cms_att*/

.cms_att {
    padding-top: 35px;
    margin-bottom: 96px;
}

.cms_att dl {
    background-color: #F5F5F5;
    padding-top: 18px;
    padding-left: 19px;
    padding-right: 35px;
    padding-bottom: 21px;
}

.cms_att dt {
    width: 47px;
    float: left;
}

.cms_att dd {
    width: 879px;
    float: left;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    .cms_contents .recommend h3 {
        font-size: 18px;
        color: #00A0E8;
        border-top: 0;
        border-bottom: solid 1px #00A0E8;
        background: url(../images/category_headline_icon.gif) no-repeat left 1px;
        padding: 0 0 10px 18px;
    }
    .cms_att dt {
        float: left;
        clear: left;
        width: 50px;
    }
    .cms_att dd {
        float: none;
        width: auto;
        padding-left: 50px;
    }
}




/* max-width: 980px */


/*----------------------------------------
    L00209_クレンジング_ミセラーテクノロジーとは？
-----------------------------------------*/

.cms_contents .micellar {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border: 1px solid #00a0e9;
    text-align: center;
}

.cms_contents .micellar h3 {
    margin: 0;
    padding: 17px 0;
    background-color: #00a0e9;
    border: 0;
    color: #fff;
    font-size: 26px;
    line-height: 1.4;
}

.cms_contents .micellar h4 {
    padding: 20px 0;
    color: #e3007f;
    font-size: 24px;
}

.cms_contents .micellar p {
    padding-bottom: 24px;
}




/* タブレット以下 */

@media only screen and (max-width: 980px) {
    .cms_contents .micellar h3,
    .cms_contents .micellar h4 {
        font-size: 18px;
    }
}




/* max-width: 980px */


/*----------------------------------------
    L00212_UVイデア デイリープロテクションパウダー
-----------------------------------------*/

.pt10 {
    padding-top: 10px;
}
.mt20 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.dir-left {
    direction: ltr!important;
}

.lh18{
    line-height: 1.8!important;
}


/*テキスト・写真を左配置*/

.cms_contents .cms_main .explain li.photo_l {
    direction: rtl;
}

.cms_contents .cms_main .explain li.photo_l .text {
    direction: ltr;
}

.cms_contents .cms_main .explain li.photo_l .photo {
    direction: ltr;
}




/*テキスト・写真を右配置*/

.cms_contents .cms_main .explain li.photo_r {
    direction: ltr;
}

.cms_contents .cms_main .explain li.photo_r .text {
    direction: ltr;
}

.cms_contents .cms_main .explain li.photo_r .photo {
    direction: rtl;
}

.detail_txt .cms_contents .col1 h3,
.detail_txt .cms_contents .col2 h3,
.detail_txt .cms_contents .col3 h3 {
    border: none;
    margin: 0;
    padding: 26px 0;
    background-color: #00a0e9;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 1.4;
}

.cms_contents .col2 ul,
.cms_contents .col3 ul {
    margin-top: 10px;
}

.cms_contents .col2 li {
    width: 470px;
    float: left;
    padding: 10px;
}

.cms_contents .col3 li {
    width: 286px;
    float: left;
    padding: 10px 20px;
}

.cms_contents .col2 .btn {
    display: table;
    height: 64px;
    margin-top: 10px;
    width: 100%;
}

.cms_contents .col3 .btn {
    display: table;
    margin-top: 10px;
    width: 100%;
    font-size: 13px;
}

.cms_contents .col2 .btn a {
    margin-top: 10px;
    height: 64px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cms_contents .col3 .btn a {
    margin-top: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 7px;
}

.highlight .flol {
    width: 600px;
}

.rec_l232 {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.rec_l232 .rec_l232_img {
    width: 49.5%;
}

.rec_l232 .rec_l232-text {
    width: 50.5%;
}

.rec_l232 .rec_l232-btn ul {
    width: 80.8%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.rec_l232 .rec_l232-btn li {
    margin-bottom: 5%;
}

.rec_l232 img {
    width: 100%;
    max-width: 440px;
    height: auto;
}

.rec_l232_img img {
    max-width: 440px;
}

.rec_l232-lead {
    font-size: 16px;
}

.detail_txt .cms_contents .col1 h3.rec_l232-title {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 0;
    background: none;
    color: #333;
    text-align: left;
}


.rec_l232-box {
    margin-bottom: 40px;
}

@media screen and (max-width: 980px) {
    .detail_txt .cms_contents .col1 h3,
    .detail_txt .cms_contents .col2 h3,
    .detail_txt .cms_contents .col3 h3 {
        background: #00a0e9;
        font-size: 18px;
        padding: 10px;
    }
    .detail_txt .cms_contents .highlight h3 {
        font-size: 18px;
        color: #00A0E8;
        border-top: none;
        border-bottom: solid 1px #00A0E8;
        background: url(../images/category_headline_icon.gif) no-repeat left 1px;
        padding: 0px 20px 10px 18px;
        margin-top: 20px;
    }
    .cms_contents .col2 li,
    .cms_contents .col3 li {
        width: 85%;
        float: none;
        padding: 10px;
        margin: auto;
    }
    .cms_contents .col2 li img,
    .cms_contents .col3 li img {
        width: 100%;
    }
    .cms_contents .col2 .btn,
    .cms_contents .col3 .btn {
        width: 100%;
        height: 82px;
        margin-bottom: 10px;
    }
    .cms_contents .col2 .btn a,
    .cms_contents .col3 .btn a {
        width: 100%;
        height: 82px;
        font-size: 18px;
        padding: 0 10px;
    }
    .highlight .flor {
        float: none;
        display: block;
        width: 85%;
        margin: 10px auto;
    }
    .highlight .flor img {
        width: 100%;
    }
    .highlight .flol {
        display: block;
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 736px) {
    .rec_l232 {
        display: block;
        padding-left: 5.3%;
        padding-right: 5.3%;
    }
    .rec_l232 .rec_l232_img {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .rec_l232 .rec_l232-text {
        width: 100%;
    }
    .rec_l232 .rec_l232-title {
        cursor: default;
    }
    #contentsChildDouble_2 .rec_l232_img img {
        max-width: 440px;
    }
}




/*----------------------------------------
    L00229_UVイデア XL プロテクションBB キット
-----------------------------------------*/

.ml20_pc {
    margin-left: 20px;
}

.mr20_pc {
    margin-right: 20px;
}

span.sup {
    font-size: 11px;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}

ol li span.sup {
    top: -0.3em;
}

.explain ol {
    margin-left: 20px;
}

.explain ol li {
    list-style-type: decimal;
    padding-left: 10px;
}

.cms_contents .cms_main .explain ol li:nth-child(2) {
    direction: ltr;
}

.cms_contents .cms_main .explain ol li {
    border-bottom: none;
}

.explain .btn a {
    margin-left: 0;
    width: 280px;
    padding: 10px;
    font-size: 18px;
}

.cms_contents .col2 .rec_btn a {
    height: auto;
    font-size: 20px;
}

.cms_contents .col3 .rec_btn a {
    height: auto;
    font-size: 14px;
}

.cms_contents .col2 .rec_btn {
    margin-top: 20px;
}

.recomend_lead {
    font-size: 30px;
    color: #00a0e9;
    margin: 40px 0;
    line-height: 1.4;
    text-align: center;
}

.movie {
    text-align: center;
    margin: 50px auto;
}

span.anchorlink {
    position: relative;
    top: 190px;
    display: block;
}

.cms_contents .step3 ul {
    margin: 30px auto 34px;
    width: 980px;
}

.cms_contents .step3 ul li {
    margin-left: 40px;
    width: 300px;
    float: left;
}

.cms_contents .step3 ul li:first-child {
    margin-left: 0;
}

.cms_contents .cms_main .step_h3 {
    font-size: 30px;
    color: #00a0e9;
    margin: 40px 0;
    line-height: 1.4;
    text-align: center;
    background: none;
}

.notice {
    color: #d2001f;
    font-weight: bold;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-top-bottom {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.step_231 {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 40px;
}

.exp {
    background: #e5f4fa;
    padding: 10px;
    margin: 10px 0;
}

.exp h4 {
    font-size: 14px;
    color: #00a0e9;
    font-weight: bold;
    padding-bottom: 5px;
}

.cms_contents .cms_main .step_h3_s {
    font-size: 18px;
    color: #00a0e9;
    line-height: 1.4;
    background: none;
}

.cms_contents .step_231 p {
    font-size: 14px;
}




/* uvmist bnr 20170315 */

.uvmist-campbnr {
    margin: 40px auto;
    text-align: center;
}

.uvmist-campbnr a:hover img {
    opacity: 0.7;
}

@media screen and (max-width: 980px) {
    .explain ol {
        padding: 0 20px 20px;
    }
    .cms_contents .cms_main .explain ol li {
        padding: 0;
    }
    .ml20_pc {
        margin-left: 0;
    }
    .mr20_pc {
        margin-right: 0;
    }
    .explain .btn {
        padding: 0 20px;
        width: auto;
        margin: 0 0 20px;
    }
    .explain .btn a {
        margin: 0;
        width: auto;
    }
    span.anchorlink {
        top: -10px;
    }
    .cms_contents .col3 .rec_btn a {
        font-size: 20px;
    }
    .cms_contents .step3 ul {
        width: 100%;
    }
    .cms_contents .step3 ul li,
    .cms_contents .step3 ul li:first-child {
        margin: 30px auto;
        max-width: 300px;
        float: none;
    }
    .cms_contents .step_231 p {
        padding: 0 20px;
    }
    .cms_contents .step_231 li p {
        padding: 0;
    }
    .exp {
        margin: 0 20px 20px;
    }
    .exp h4 {
        padding: 0 0 5px 10px;
    }
    .cms_contents .cms_main .explain .exp p {
        padding: 0 10px;
    }
    /* uvmist bnr 20170315 */
    .uvmist-campbnr {
        max-width: 640px;
        width: 90%;
    }
}

@media only screen and (max-width: 736px) {
    .movie {
        position: relative;
        width: 90%;
        padding-top: 56.25%;
    }
    .movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}




/* anthelios L235 cms area 2017.03.29 */

.explain .explain_h {
    height: 229px;
}

.top_bnr {
    margin: 60px auto;
    box-sizing: border-box;
    width: 100%;
}

.center {
    text-align: center;
}

@media only screen and (max-width: 736px) {
    .explain .explain_h {
        height: auto;
    }
    .top_bnr {
        padding: 20px;
        margin: 0 auto;
    }
}




/* L229 cms area 2017.04.10 */

.cam17_lrp_hashtags {
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 60px;
}

.cam17_lrp_hashtags-list {
    border: 4px solid #f77c89;
    margin-bottom: 5px;
    background-color: #ffffff;
    position: relative;
    box-sizing: border-box;
    padding: 40px 20px 25px 20px;
}

.cam17_lrp_hashtags-list dt {
    position: absolute;
    left: 0;
    top: -30px;
    right: 0;
    text-align: center;
}

.cam17_lrp_hashtags p {
    text-align: right;
    font-size: 12px;
    line-height: 1.16667;
}

#contentsChildDouble .cam17_lrp_hashtags img[src*="17mamari_lrp/text_hashtags1.png"],
#contentsChildDouble .cam17_lrp_hashtags img[src*="17mamari_lrp/text_hashtags2.png"] {
    width: 100%;
    max-width: 336px;
}

.cam17_lrp_hashtags-list ul {
    text-align: center;
}

.cam17_lrp_hashtags-list li {
    font-weight: bold;
    margin-left: 1em;
    margin-right: 1em;
    display: inline-block;
    font-size: 20px;
    line-height: 1.3;
}

.cam17_lrp_hashtags-list li a {
    color: #000;
}





/* style 2017.09.08*/

.pic-howto {
    border-bottom: 1px solid #e5e5e5;
}

.pic-howto img {
    padding-bottom: 50px;
    margin: 0 auto;
}




/* style201710-redermic */

.cms_contents .cms_main h3.title {
    font-size: 22px;
    margin-bottom: 10px;
    color: #00A0E8;
    font-weight: bold;
}

.cms_contents .cms_main h4.title {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 5px;
    color: #00A0E8;
    font-weight: bold;
}

.cms_contents .cms_main h5.title {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #00A0E8;
}

.cms_contents .cms_main h5 sup {
    position: relative;
    top: -3px;
}

@media only screen and (max-width: 736px) {
    .cms_contents .cms_main h3.title,
    .cms_contents .cms_main h4.title,
    .cms_contents .cms_main h5.title {
        padding: 0 20px;
    }
}

.cms_contents .cms_main .product-box {
    background: #e7f6ff;
    padding: 5px 15px 15px;
    margin-top: 10px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
    .cms_contents .cms_main .product-box {
        width: 90%;
        margin: 10px auto 30px;
        padding: 5px 0px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}




.cms_contents .cms_main .product-box p {
    font-size: 13px!important;
}

.cms_contents .cms_main .text-indent {
    text-indent: -1em;
    padding-left: 1em;
}

@media only screen and (max-width: 736px) {
    .cms_contents .cms_main .text-indent {
        text-indent: 0;
        padding-left: 0;
    }
}

.text-blue {
    color: #008BDC;
}

.text-bold {
    font-weight: bold;
}

.no-border {
    border: none!important;
}

.cms_contents .hr-line {
    display: block;
    margin: 50px 0;
    border: none;
    border-top: 1px solid #ddd;
}
.cms_contents .hr-line.pc_tablet {
    display: block;
}
@media only screen and (max-width: 736px) {
    .cms_contents .hr-line.pc_tablet {
    display: none;
}
}
.mt50 {
    margin-bottom: 50px;
}

.cms_contents .cms_main .product-box2 {
    border: 10px solid #e7f6ff;
    padding: 20px 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
    .cms_contents .cms_main .product-box2 {
        width: 90%;
        margin: 10px auto 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.cms_contents ul.product-list {
    display: table;
}

@media only screen and (max-width: 736px) {
    .cms_contents ul.product-list {
        display: block;
    }
}

.cms_contents ul.product-list li {
    display: table-cell;
}

@media only screen and (max-width: 736px) {
    .cms_contents ul.product-list li {
        display: block;
    }
}

.cms_contents ul.product-list li.photo {
    padding-right: 20px;
}

@media only screen and (max-width: 736px) {
    .cms_contents ul.product-list li.photo {
        padding-right: 0;
        text-align: center;
    }
}

.cms_contents ul.product-list li p {
    margin-top: 20px;
}

.cms_contents .claim_area {
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 10px !important;
    background: #eee!important;
}

.cms_contents .claim_area dd,
.cms_contents .claim_area dt {
    display: table-cell;
    font-size: 13px;
}

.cms_contents .redermic-icon {
    margin-left: 50px;
    margin-top: 30px;
}

@media only screen and (max-width: 736px) {
    .cms_contents .redermic-icon {
        margin: 0 auto;
        text-align: center;
    }
}

.cms_contents .redermic-point-img {
    margin: 50px 0;
}

.cms_contents .title-recommend {
    background: #1BA1E6;
    width: 100%;
    font-weight: bold;
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    padding: 10px 0;
    margin-top: 50px;
}

@media only screen and (max-width: 736px) {
    .cms_contents .cms_main .cms_img_area {
        width: 90%;
        margin: 0 auto;
    }
}

sup {
    vertical-align: top!important;
}


/* 2017.11.10 */
.detail_txt2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 736px) {
    .detail_txt2 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
}
/* ================================ */
/* 2017.11.17 bbuvmistTwkit */
/* ================================ */

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .sp-img {
        margin: 10px auto 0;
        text-align: center;
    }
    .cms_contents .bbuvmistTwkit .hr-line {
        width: 90%;
        margin-left: 5%;
    }
    .cms_contents .bbuvmistTwkit h4 {
        padding: 0!important;
    }
    .cms_contents .bbuvmistTwkit h3 {
        background: none;
        cursor:auto;
    }
    .cms_contents .claim_area {
        width: 90%;
        margin: 0 auto 30px;
    }
}

.cms_contents .bbuvmistTwkit h3.title {
    font-size: 28px;
    margin-bottom: 0px;
    color: #00A0E8;
    font-weight: bold;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit h3.title {
        font-size: 20px;
        text-align: left;
    }
}


.cms_contents .bbuvmistTwkit h3.title2 {
    margin-bottom: 20px;
}


.cms_contents .bbuvmistTwkit .btn a {
    margin-left:0;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .btn a {
        margin: 20px auto;
    }

}

.cms_contents .bbuvmistTwkit .catchcopy {
    display: block;
    color: #00a0e9;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.cms_contents .bbuvmistTwkit .catchcopy2 {
    display: block;
    color: #00a0e9;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 5px;
}
@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .catchcopy,
    .cms_contents .bbuvmistTwkit .catchcopy2 {
        text-align: left;
        font-size: 16px;
    }
}

.cms_contents .bbuvmistTwkit .price-text {
    display: block;
    font-size: 18px;
    margin: 5px auto 0;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .price-text {
        font-size: 16px;
    }
}


.cms_contents .bbuvmistTwkit .movie {
    margin: 0;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .movie {
        margin: 0 auto;
        position: relative;
        width: 90%;
        padding-top: 56.25%;
    }
    .cms_contents .bbuvmistTwkit .movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}

.cms_contents .bbuvmistTwkit .body-copy {
    margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .body-copy {
        margin-bottom: 0px;
    }
}

.cms_contents .bbuvmistTwkit img.step-img {
    width: 90%;
    height: auto;
    margin:20px auto 0;
}

.cms_contents .bbuvmistTwkit .text-colorset {
    color: #00a0e9;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .catchcopy,
    .cms_contents .bbuvmistTwkit .catchcopy2,
    .cms_contents .bbuvmistTwkit .price-text,
    .cms_contents .bbuvmistTwkit .text-colorset {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.cms_contents .bbuvmistTwkit .table-layout {
    display: table;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .table-layout {
        width: 95%;
        margin: 0 auto;
        isplay: block;
    }
    .cms_contents .bbuvmistTwkit .table-layout p {
        padding: 0;
    }
}

.cms_contents .bbuvmistTwkit .color-list {
    padding-top: 10px;
}

.cms_contents .bbuvmistTwkit .scene-list {
    padding: 5px;
    background: #E7F6FF;
}


.cms_contents .bbuvmistTwkit .table-layout li {
    display: table-cell;
    border: none;
    list-style:none;
    vertical-align: top;
}

.cms_contents .bbuvmistTwkit .product-box {
    width: 500px;
}

@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .table-layout li {
        display: block;
    }
    .cms_contents .bbuvmistTwkit .product-box {
        width: 95%;
        padding-left: 20px;
    }
}
.cms_contents .bbuvmistTwkit .table-layout li {
    padding-right: 20px;
}
.cms_contents .bbuvmistTwkit .color-list li {
    padding-right: 20px;
}

.cms_contents .bbuvmistTwkit .scene-list li {
    width: 20%;
    text-align: center;
    padding: 5px;
}
@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .table-layout li {
        padding-right: 0;
    }
    .cms_contents .bbuvmistTwkit .scene-list li {
         display: inline-block;
         width: 48%;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
}
@media only screen and (max-width: 980px) {
    .cms_contents .bbuvmistTwkit .color-list {
    padding-top: 0;
}
    .cms_contents .bbuvmistTwkit .color-list li {
        padding-right: 0;
    }
}


.cms_contents .product-box3 {
    margin-top: 50px;
    width: 100%;
    background: #FFF;
    border: 10px #e7f6ff solid;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}

@media only screen and (max-width: 980px) {
    .cms_contents .product-box3 {
        width: 90%;
        margin: 40px auto 0;
        padding: 20px;
    }
}

.cms_contents .product-box3 .title {
    text-align: center;
    margin-bottom: 30px!important;
    padding: 0;
    font-weight: bold;
    font-size: 20px!important;
}
@media only screen and (max-width: 980px) {
    .cms_contents .product-box3 {
        padding: 10px 20px;
    }
    .cms_contents .product-box3 .title {
        margin-bottom: 0px!important;
        text-align: left;
        font-size: 18px!important;
    }
}
@media only screen and (max-width: 980px) {
    .cms_contents .hr-line {
        margin: 20px auto;
        width: 95%;
    }
    .cms_contents .product-box3 .title {
        margin-bottom: 10px;
    }
}

.cms_contents .product-box3 .icn {
    margin-right: 5px;
    position: relative;
    top: -5px;
}

.cms_contents .bbuvmistTwkit .scene-list li img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


@media only screen and (max-width: 980px) {
    .cms_contents .catchcopy {
        font-size: 12px;
    }
}

@media only screen and (max-width: 980px) {

}


/* ================================ */
/* 2017.12.05 gift */
/* ================================ */
.detail_txt .cms_contents .col1 h3.rec_l232-title2 {
    font-size: 28px;
    line-height: 1.4;
    padding: 10px 0;
    background: none;
    color: #333;
    text-align: left;
}

.cms_contents .claim_area dt {
    white-space : nowrap;
}


/* ================================ */
/* 2017.12.06 lucky bag */
/* ================================ */

#add_cart .btn2 a {
    font-size:20px;
}

@media only screen and (max-width: 736px) {
    #add_cart .btn2 a {
        font-size:15px;
    }
}

/* ================================ */
/* 2018.3.2 toneup */
/* ================================ */
#toneup{
    max-width:980px;
    margin:0 auto;
}
#toneup .cms_main h4.title{
    font-size:18px;
    margin-top:0;
}
#toneup .cms_main .hr-line {
    margin:0;
}
#toneup .cms_main .product-box {
    padding:15px;
}
#toneup .cms_main .explain li:first-child .photo{
    width:475px;
}
#toneup .cms_main .explain li:first-child .text{
    width:505px;
}
#toneup .cms_main .list_howto{
    font-size:0;
    margin-top:30px;
}
#toneup .cms_main .list_howto .item{
    display:inline-block;
    vertical-align:top;
    width:226px;
    text-align:left;
}
#toneup .cms_main .list_howto .item + .item{
    margin-left:25px;
}
#toneup .cms_main .list_howto .item .photo{
    margin-bottom:14px;
}
#toneup .cms_main .title-recommend{
    line-height:60px;
    margin-top:62px;
}
#toneup .cms_main .list-recommend{
    font-size:0;
}
#toneup .cms_main .list-recommend .item{
    width:490px;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    padding-top:34px;
}
#toneup .cms_main .list-recommend .item .text-blue{
    padding:0 18px;
    font-size:16px;
    line-height:1.5
}
#toneup .cms_main .list-recommend .item .text-bold{
    margin:4px 0 20px;
    padding:0 18px;
    font-size:20px;
    line-height:1.5
}
#toneup .cms_main .list-recommend .item .btn a{
    width:470px;
}
.contents_claim{
    padding:12px 18px;
    background:#f5f5f5;
    margin-bottom: 60px;
} 
.contents_claim dt, .contents_claim dd{
    display:inline-block;
    vertical-align:top;
    font-size:10px;
    line-height:1.85;
}
.contents_claim dt{
    margin-right:13px;
}

@media only screen and (min-width: 980px) {
    #toneup .cms_main .explain .photo_l .photo{
        padding-right:18px;
    }
    #toneup .cms_main .explain .photo_r .photo{
        padding-left:18px;
    }
    #toneup .cms_main .explain li:nth-child(2){
        padding:30px 0;
    }
    #toneup .cms_main .explain li:nth-child(5){
        padding:35px 0 10px;
    }
    #toneup .cms_main .movieWrapper{
        margin: 50px auto;
    }
    #toneup .cms_main .movie{
        margin:30px auto 0;
    }
}


@media only screen and (max-width: 979px) {
    #toneup .photo.pc{
        display:none!important;
    }
    #toneup .cms_main .explain li:first-child .text{
        width:100%;
    }
    #toneup .cms_main .list_howto{
        margin-top:20px;
    }
    #toneup .cms_main .list_howto .item{
        display:block;
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }
    #toneup .cms_main .list_howto .item + .item{
        margin:42px 0 0;
    }
    #toneup .cms_main .list_howto .item .photo{
        margin:0 auto 14px;
        width:56.67%;
    }
    #toneup .cms_main .title-recommend{
        width:calc(100% - 40px);
        margin:30px auto 0;
        font-size:22px;
        line-height:48px;
    }
    #toneup .cms_main .list-recommend .item{
        width:100%;
        display:block;
        padding-top:20px;
    }
    #toneup .cms_main .list-recommend .item + .item{
        margin-top:20px;
    }
    #toneup .cms_main .list-recommend .item .text-blue{
        font-size:14px;
    }
    #toneup .cms_main .list-recommend .item .text-bold{
        font-size:18px;
    }
    #toneup .cms_main .list-recommend .item .btn a{
        width:calc(100% - 40px);
    }
    .contents_claim{
        width:calc(100% - 40px);
        margin:0 auto 40px;
        padding:12px 15px;
        box-sizing:border-box;
    } 
   .contents_claim dt, .contents_claim dd{
        line-height:1.7;
    }
   .contents_claim dt{
        margin-right:5px;
    }
    .contents_claim dd{
        width:calc(100% - 22px);
    }
    #toneup .step-img,
    #toneup .cms_main .explain img{
        width:100%;
        height:auto;
    }
}
@media only screen and (max-width: 736px) {
    #toneup .cms_main .movieWrapper{
        margin:30px auto;
    }
    #toneup .cms_main .movie{
        margin:20px auto 0;
        padding-top: 50.4%;
    }
}


/* ================================ */
/* 2018.4.5 anthelios          */
/* ================================ */
#anthelios .cms_main h3{
    color: #00A0E8;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}
#anthelios .cms_main .mt5{
    margin-top:5px;
}
#anthelios .cms_main .explain li .box{
    padding:15px 18px;
}
#anthelios .cms_main .explain li .box .bold{
    margin-bottom:5px;
}
#anthelios .cms_main .explain + .center{
    margin:50px auto 0;
    padding-bottom:50px;
}
#anthelios .cms_main .explain + .center img{
    margin: 0 auto;
}
#anthelios .cms_main .step{
    padding:36px 0 40px;
}
#anthelios .cms_main .step h3{
    margin-bottom:24px;
    font-size:24px;
    background:none!important;
}
#anthelios .cms_main .choose-wrap{
    margin-top:44px; 
}
#anthelios .cms_main .choose-wrap .detail{
    margin-bottom:40px;
}
#anthelios .cms_att{
    padding-top:0;
}
#anthelios .cms_att dt{
    width:20px;
}
#anthelios .cms_att dd{
    width:906px;
}
@media only screen and (min-width:981px) {
    #anthelios .cms_main .explain li .text{
        box-sizing:border-box;
    }
    #anthelios .cms_main .explain li:first-child .photo{
        width:450px;
    }
    #anthelios .cms_main .explain li:first-child .text{
        width:530px;
        padding-left:26px;
    }
    #anthelios .cms_main .explain li:nth-child(2){
        padding:36px 0 40px;
    }
    #anthelios .cms_main .explain li:nth-child(2) .text{
        padding-right:19px;
    }
    #anthelios .cms_main .explain li:nth-child(3) .text,
    #anthelios .cms_main .explain li:nth-child(5) .text{
        padding-left:18px;
    }
}
@media only screen and (max-width:980px) {
    #anthelios .cms_main .mt10,
    #anthelios .cms_main .mt20{
        margin-top:0;
    }
    #anthelios .cms_main .explain .mb20{
        margin-bottom:0;
    }
    #anthelios .cms_main .explain li .box{
        margin:0 20px 20px;
        padding:15px 0 0;
    }
    #anthelios .cms_main .explain li .box .bold{
        margin-bottom:0;
        padding-bottom:5px;
    }
    #anthelios .cms_main .explain + .center{
        margin:30px auto 0;
        padding-bottom:30px;
    }
    #anthelios .cms_main .choose-wrap{
        margin-top:0;
        padding-bottom:30px;
    }
    #anthelios .cms_main .choose-wrap .detail{
        margin-bottom:0;
    }
    #anthelios .cms_main .step{
        padding:26px 20px 30px;
    }
    #anthelios .cms_main .step h3{
        margin-bottom:0;
        font-size:22px;
    }
    #anthelios .cms_att{
        padding-top:0;
    }
    #anthelios .cms_att dd{
        width:auto;
        padding-left: 20px;
    }
}

/* ================================ */
/* 2018.4.5 anthelios_kids          */
/* ================================ */
#anthelios_kids .cms_main h3{
    color: #00A0E8;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}
#anthelios_kids .cms_main .explain li .box{
    padding:15px 18px;
}
#anthelios_kids .cms_main .explain li .box .bold{
    margin-bottom:5px;
}
#anthelios_kids .cms_main .explain li:nth-child(3) .box{
    background:#fef6e5;
}
#anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex .image{
    text-align:center;
}
#anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex .caption{
    text-indent:-1em;
    padding-left:1em;
    font-size:13px;
    line-height:1.46;
    color:#000;
}
#anthelios_kids .cms_main .explain + .center{
    margin:50px auto 0;
    padding-bottom:50px;
}
#anthelios_kids .cms_main .explain + .center img{
    margin: 0 auto;
}
#anthelios_kids .cms_main .choose-wrap{
    padding-bottom:40px;
}
#anthelios_kids .cms_main .choose-wrap .detail{
    margin-bottom:40px;
}
#anthelios_kids .cms_main  .banner a{
    display:inline-block;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
#anthelios_kids .cms_main .banner a:hover{
    opacity: .7;
}
#anthelios_kids .cms_main .choose-wrap + .banner{
    padding: 39px 0;
}
#anthelios_kids .cms_att{
    padding-top:0;
}
#anthelios_kids .cms_att dt{
    width:20px;
}
#anthelios_kids .cms_att dd{
    width:906px;
}
#anthelios_kids .cms_main .step{
    padding:36px 0 40px;
}
#anthelios_kids .cms_main .step h3{
    margin-bottom:24px;
    font-size:24px;
    background:none!important;
}
@media only screen and (min-width:981px) {
    #anthelios_kids .cms_main .explain li:first-child{
        padding-left:67px;
    }
    #anthelios_kids .cms_main .explain li .text{
        box-sizing:border-box;
    }
    #anthelios_kids .cms_main .explain li:first-child .text{
        width:587px;
        padding-left:80px;
    }
    #anthelios_kids .cms_main .explain li:nth-child(2),
    #anthelios_kids .cms_main .explain li:nth-child(3){
        padding:36px 0 40px;
    }
    #anthelios_kids .cms_main .explain li:nth-child(2) .text{
        padding-right:19px;
    }
    #anthelios_kids .cms_main .explain li:nth-child(3) .text,
    #anthelios_kids .cms_main .explain li:nth-child(5) .text{
        padding-left:18px;
    }
    #anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex{
        -webkit-justify-content:space-between;
        justify-content:space-between;
        display:-webkit-flex;
        display:flex;
    }
    #anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex .item{
        width:172px;
    }
}
@media only screen and (max-width:980px) {
    #anthelios_kids .cms_main .mt10{
        margin-top:0;
    }
    #anthelios_kids .cms_main .explain li .box{
        margin:0 20px 20px;
        padding:15px 0 0;
    }
    #anthelios_kids .cms_main .explain li .box .bold{
        margin-bottom:0;
        padding-bottom:5px;
    }
    #anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex .image{
        padding-bottom:0;
    }
    #anthelios_kids .cms_main .explain li:nth-child(3) .box .list-flex .caption{
        text-indent:-1em;
        padding-left:34px;
        font-size:14px;
    }
    #anthelios_kids .cms_main .explain + .center{
        margin:30px auto 0;
        padding-bottom:30px;
    }
    #anthelios_kids .cms_main .choose-wrap{
        padding-bottom:30px;
    }
    #anthelios_kids .cms_main .choose-wrap .detail{
        margin-bottom:30px;
    }
    #anthelios_kids .cms_main .banner{
        padding:0 20px;
    }
    #anthelios_kids .cms_main .choose-wrap + .banner{
        padding:30px 45px;
    }
    #anthelios_kids .cms_att{
        padding-top:0;
    }
    #anthelios_kids .cms_att dd{
        width:auto;
        padding-left: 20px;
    }
    #anthelios_kids .cms_main .step{
        padding:26px 20px 30px;
    }
    #anthelios_kids .cms_main .step h3{
        margin-bottom:0;
        font-size:22px;
    }
}

/* ================================ */
/* 2018.4.5 wetskin          */
/* ================================ */
#wetskin .cms_main h3{
    color: #00A0E8;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}
#wetskin .cms_main .mt5{
    margin-top:5px;
}
#wetskin .cms_main .explain li .box{
    padding:15px 18px;
}
#wetskin .cms_main .explain li .box .bold{
    margin-bottom:5px;
}
#wetskin .cms_main .movie{
    margin:40px auto 0;
    padding-bottom:40px;
}
#wetskin .cms_main .step{
    padding:36px 0 40px;
}
#wetskin .cms_main .step h3{
    background:none!important;
    margin-bottom:24px;
    font-size:24px;
}
#wetskin .cms_main .choose-wrap{
    margin-top:44px; 
    padding-bottom:40px;
}
#wetskin .cms_main .choose-wrap .detail{
    margin-bottom:40px;
}
#wetskin .cms_att{
    padding-top:0;
}
#wetskin .cms_att dt{
    width:20px;
}
#wetskin .cms_att dd{
    width:906px;
}
#wetskin .cms_main .banner a{
    display:inline-block;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
#wetskin .cms_main .banner a:hover{
    opacity: .7;
}
@media only screen and (min-width:981px) {
    #wetskin .cms_main .explain li .text{
        box-sizing:border-box;
    }
    #wetskin .cms_main .explain li:first-child .photo{
        width:432px;
    }
    #wetskin .cms_main .explain li:first-child .text{
        width:548px;
        padding-left:42px;
    }
    #wetskin .cms_main .explain li:nth-child(2) .text{
        padding-right:75px;
    }
    #wetskin .cms_main .explain li:nth-child(3){
        padding:12px 0 17px;
    }
    #wetskin .cms_main .explain li:nth-child(3) .text,
    #wetskin .cms_main .explain li:nth-child(5) .text{
        padding-left:18px;
    }
}
@media only screen and (max-width:980px) {
    #wetskin .cms_main .mt10{
        margin-top:0;
    }
    #wetskin .cms_main .explain .mb20{
        margin-bottom:0;
    }
    #wetskin .cms_main .explain li .box{
        margin:0 20px 20px;
        padding:15px 0 0;
    }
    #wetskin .cms_main .explain li .box .bold{
        margin-bottom:0;
        padding-bottom:5px;
    }
    #wetskin .cms_main .choose-wrap{
        margin-top:0;
        padding-bottom:30px;
    }
    #wetskin .cms_main .choose-wrap .detail{
        margin-bottom:0;
    }
    #wetskin .cms_main .step{
        padding:26px 20px 30px;
    }
    #wetskin .cms_main .step h3{
        margin-bottom:0;
        font-size:22px;
    }
    #wetskin .cms_att{
        padding-top:0;
    }
    #wetskin .cms_att dd{
        width:auto;
        padding-left: 20px;
    }
    #wetskin .cms_main .choose-wrap .detail{
        margin-bottom:30px;
    }
    #wetskin .cms_main .banner{
        padding:0 20px;
    }
}
/* ================================ */
/* 2018.9.7 lipikarsteick          */
/* ================================ */
#lipikarsteick{
    max-width:980px;
    margin:0 auto;
}
#lipikarsteick .cms_main h4.title{
    font-size:18px;
    margin-top:0;
    margin-bottom: 15px;
}
#lipikarsteick .cms_main .hr-line {
    margin:0;
}
#lipikarsteick .cms_main .product-box {
    background-color: #e3f7ff;
    padding:15px;
}
#lipikarsteick .cms_main .product-box p.theory{
    font-size: 14px !important;
}
#lipikarsteick .cms_main .explain li:first-child .photo{
    width:420px;
    text-align: left;
}
#lipikarsteick .cms_main .explain li:first-child .text{
    width:543px;
}
#lipikarsteick .cms_main .explain .rec{
    width:850px;
    margin: 0 auto;
    padding: 40px 0;
}
#lipikarsteick .cms_main .explain .rec h4{
    text-align: center;
    margin-bottom: 25px;
}
#lipikarsteick .cms_main .explain .rec p.childtext{
    background: #cbebfa;
    margin-bottom: 25px;
    padding: 5px 0;
    font-weight: bold;
    font-size: 18px;
    color: #00a0e8;
    text-align: center;
}
#lipikarsteick .cms_main .explain .rec p.growntext{
    background: #77c3e7;
    margin-bottom: 25px;
    padding: 5px 0;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
#lipikarsteick .cms_main .explain .rec p.figure{
    text-align: center;
    margin-top: 50px;
}
#lipikarsteick .cms_main .explain .reclist{
    width:382px;
    display: inline-block;
    padding: 0 20px;
}
#lipikarsteick .cms_main .explain .reclist li{
    background: url(/static/images/shop/lipikarsteick/icon_checkbox.png) left center no-repeat;
    margin-bottom: 15px;
    padding: 0 0 0 25px!important;
    border-bottom: none;
    line-height: 15px;

}
#lipikarsteick .cms_main .explain .cycle{
    width:755px;
    margin:0 auto;
    direction: ltr;
}
#lipikarsteick .cms_main .explain .figure_cycle{
    text-align: center;
}
#lipikarsteick .cms_main .explain .cycle .text{
    padding-bottom:25px;
}
#lipikarsteick .cms_main .explain .text_cycle{
    margin-top:20px; 
    text-align: center;
    font-size:18px; 
    font-weight:bold; 
}
#lipikarsteick .contents_claim{
    padding:12px 18px;
    background:#f5f5f5;
    margin-bottom: 60px;
} 
#lipikarsteick .contents_claim dt,#lipikarsteick .contents_claim dd{
    display:inline-block;
    vertical-align:top;
    font-size:10px;
    line-height:1.85;
}
#lipikarsteick .contents_claim dt{
    margin-right:13px;
}

@media only screen and (min-width: 980px) {
    #lipikarsteick .cms_main .explain .photo_l .photo{
        padding-right:18px;
    }
    #lipikarsteick .cms_main .explain .photo_r .photo{
        padding-left:18px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(3){
        padding:40px 0;
    }
    #lipikarsteick .cms_main .explain li:nth-child(3) h4{
        text-align: center;
    }
    #lipikarsteick .cms_main .explain li:nth-child(3) .text{
        text-align: center;
        width: 755px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(4){
        padding:35px 0 10px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(4) .photo{
        width: 270px;
        vertical-align: top;
    }
    #lipikarsteick .cms_main .explain li:nth-child(4) .text{
        width: 578px;
        padding-left:60px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(5) .photo{
        padding-left:18px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(6) .photo{
        padding-right:150px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(6) .photo img{
        width: 305px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(6) .text{
        padding-left:150px;
    }

    #lipikarsteick .cms_main .movieWrapper{
        margin: 50px auto;
    }
    #lipikarsteick .cms_main .movie{
        margin:20px auto 10px;
    }
}

@media only screen and (max-width: 979px) {
    #lipikarsteick .photo.pc{
        display:none!important;
    }
    #lipikarsteick .cms_main .explain li:first-child .text{
        width:100%;
    }
    #lipikarsteick .cms_main .explain .figure_cycle img{
        width:90%;
    }

    #lipikarsteick .contents_claim{
        width:calc(100% - 40px);
        margin:0 auto 40px;
        padding:12px 15px;
        box-sizing:border-box;
    } 
    #lipikarsteick .contents_claim dt,#lipikarsteick .contents_claim dd{
        line-height:1.7;
    }
    #lipikarsteick .contents_claim dt{
        margin-right:5px;
    }
    #lipikarsteick .contents_claim dd{
        width:calc(100% - 22px);
    }
    #lipikarsteick .cms_main .explain img{
        width:100%;
        height:auto;
    }
}
@media only screen and (max-width: 736px) {
    #lipikarsteick .cms_main .movieWrapper{
        margin:30px auto;
    }
    #lipikarsteick .cms_main .explain li:nth-child(2) .rec{
        width: 100%;
        padding: 0;
    }
    #lipikarsteick .cms_main .explain li:nth-child(2) .rec .reclist{
        width: 90%;
        margin-bottom: 20px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(2) .rec .reclist li{
        width: 92%;
    }
    #lipikarsteick .cms_main .explain li:nth-child(2) .rec p.figure{
        margin: 0;
        padding: 0 10px;
    }
    #lipikarsteick .cms_main .explain li:nth-child(3) .cycle{
        width: 100%;
    }
    #lipikarsteick .cms_main .explain li:nth-child(3) .cycle .text{
        width:90%;
    }
    #lipikarsteick .cms_main .explain .text_cycle{
        font-size:15px; 
    }
    #lipikarsteick .cms_main .movie{
        margin:20px auto 10px;
        padding-top: 50.4%;
    }
    #lipikarsteick .cms_main .explain .photo {
        display: block;
        width: 70%;
        margin: 0 auto;
        padding-bottom: 1px;
    }
}

/* ================================ */
/* 2018.10.14 toreriane         */
/* ================================ */
#toreriane {
    max-width:980px;
    margin:0 auto;
}
#toreriane .cms_main h4.title{
    font-size:18px;
    margin-top:0;
    padding-bottom:10px; 
}
#toreriane .cms_main .hr-line {
    margin:0;
}
#toreriane .cms_main .product-box {
    padding:15px;
}

#toreriane .cms_main .explain .recommen li{
    background: url(/static/images/shop/toreriane/icon_checkbox.png) left center no-repeat;
    margin-bottom: 15px;
    padding: 0 0 0 25px!important;
    border-bottom: none;
    line-height: 15px;
}
#toreriane .contents_claim{
    padding:12px 18px;
    background:#f5f5f5;
    margin-bottom: 60px;
    text-align:left;} 
#toreriane .contents_claim dt,#toreriane .contents_claim dd{
    display:inline-block;
    vertical-align:top;
    font-size:10px;
    line-height:1.85;
}
#toreriane .contents_claim dt{
    margin-right:13px;
}

@media only screen and (min-width: 980px) {

    #toreriane .cms_main .explain .photo_l .photo{
        padding-right:18px;
    }
    #toreriane .cms_main .explain .photo_r .photo{
        padding-left:18px;
    }
}


@media only screen and (max-width: 979px) {
    #toreriane .cms_main .explain .recommen{
        padding: 0 20px;
        line-height: 1.7;
    }
    #toreriane .cms_main .explain .recommen li{
        line-height: 1.7;
    }
    #toreriane .photo.pc{
        display:none!important;
    }
    #toreriane .cms_main .explain li:first-child .text{
        width:100%;
    }

    #toreriane .contents_claim{
        width:auto;
        margin:0 auto 40px;
        padding:12px 15px;
        box-sizing:border-box;
    } 
    #toreriane .contents_claim dt,#toreriane .contents_claim dd{
        line-height:1.7;
    }
    #toreriane .contents_claim dt{
        margin-right:5px;
    }
    #toreriane .contents_claim dd{
 /* width:calc(100% - 22px);*/
    }
    #toreriane .step-img,
    #toreriane .cms_main .explain img{
        width:100%;
        height:auto;
    }
}

/* ================================ */
/* 2018.10.14 trialkit        */
/* ================================ */
.trialkit_step{
    width: 704px;
    margin: 0 auto;
    text-align: center;
    border-bottom: solid 1px #ddd;
}
.trialkit_step .trialkit_title{
    font-size: 24px;
    font-weight: bold;
    color: #00a0e8;
}
.trialkit_step .skin_block{
    padding: 10px 0;
    background-color:  #00a0e8;
    font-size: 24px;
    color: #fff;
}
.trialkit_step .skin_block_l00271{
    padding: 10px 0;
    background-color:  #9CCE2F;
    font-size: 24px;
    color: #fff;
}
.trialkit_step .step li{
    width: 150px;
    display: inline-block;
    background: url(/static/images/shop/toreriane/L00270-icon_arrow.png) right center no-repeat;
}
.trialkit_step .step li:nth-child(4){
    background: none;
}
.trialkit_step .summary{
    margin-bottom:25px; 
    font-size: 24px;
    font-weight: bold;
    color: #00a0e8;
}
.step_block{
    padding:20px 0 40px;
    border-bottom: solid 1px #ddd;
}
.step_block .step_title{
    padding-bottom:20px; 
    font-size: 24px;
    font-weight: bold;
    color: #00a0e8;
    text-align: center;
}
.step_block .step_title_l00271{
    padding-bottom:20px; 
    font-size: 24px;
    font-weight: bold;
    color:  #9CCE2F;
    text-align: center;
}
.step_block .product_step{
    width: 637px;
    margin: 0 auto;
    padding-bottom:20px; 
}
.step_block .img_left{
    display: table-cell;
    padding: 0 40px 0 20px;
}
.step_block .product{
    width: 400px;
    display: table-cell;
    font-size:14px; 
    vertical-align: top;
}
.step_block .product dt{
    padding-bottom:15px; 
    font-size:18px;
    font-weight: bold;
}
.step_block .product .supplement{
    font-size:12px;
    border: solid 1px #000; 
    margin-left: 10px;
    padding: 0 3px;
}
.step_block .product dd{
    padding-bottom:15px; 
}
.step_block .product .color-blue{
    font-size:16px;
    font-weight:normal;
    color: #00a0e8;
}
.step_block .product .color-green{
    font-size:16px;
    font-weight:normal;
    color: #9CCE2F;
}
.step_block .product .notes{
    font-size:12px;
}
.point_block{
    width: 637px;
    margin: 0 auto;
    background-color: #E7F8FF;
}
.point_block .point_img{
    display: table-cell;
}
.point_block .point{
    width: 430px;
    display: table-cell;
    padding: 0 0 0 46px;
    vertical-align: middle;
}
.point_block .point dl{
    padding-bottom:10px; 
}
.point_block .point dt{
    color: #00a0e8;
    font-weight: bold;
}
.point_block_l00271{
    width: 637px;
    margin: 0 auto;
    background-color: #F0FCD8;
}
.point_block_l00271 .point_img{
    display: table-cell;
}
.point_block_l00271 .point{
    width: 430px;
    display: table-cell;
    padding: 0 0 0 46px;
    vertical-align: middle;
}
.point_block_l00271 .point dl{
    padding-bottom:10px; 
}
.point_block_l00271 .point dt{
    color: #9CCE2F;
    font-weight: bold;
}

.product-box h4.title{
    margin-bottom:25px; 
}
.product-box .cost{
    width: 70px;
    margin-bottom:15px; 
    font-size: 14px;
    background-color:#f04b85; 
    color: #fff;
    text-align: center;
}
.product-box .text-product{
    font-size: 14px;
}
.product-box .text-pr{
    font-size: 26px;
    font-weight: bold;
}
.product-box .product_sample{
    width: 780px;
    margin: 0 auto;

}
.product-box .text{
    direction: ltr;
    display: table-cell;
    vertical-align: top;
    width: 445px;
    text-align: left;
}
.product-box .text .btn a{
    margin-top:10px;
    margin-left:0; 
}
.product-box .photo{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    padding-right:50px; 
}
@media only screen and (min-width: 980px) {
    .product-box .product_sample .sp-photo{
        display: none;
    }
}
@media only screen and (max-width: 979px) {
    .trialkit_step{
        width: 92%;
        padding: 0 4%;
    }
    .trialkit_step .trialkit_title{
        font-size: 18px;
    }
    .trialkit_step .skin_block{
        font-size: 18px;
    }
    .trialkit_step .skin_block_l00271{
        font-size: 18px;
    }
    .trialkit_step .step li{
        width: 22%;
    }
    .trialkit_step .step li img{
        max-width: 92%;
        height: auto;
        background: url(/static/images/shop/toreriane/L00270-icon_arrow.png) right center no-repeat;
    }
    .trialkit_step .summary{
        font-size: 18px;
    }
    .step_block .step_title{
        font-size: 20px;
    }
    .step_block .step_title_l00271{
        font-size: 20px;
    }
    .step_block .product_step{
        width: 100%;
    }
    .step_block .img_left{
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 0;
    }
    .step_block .img_left img{
        width: 25%;
    }
    .step_block .product{
        width: 92%;
        padding: 0 4%;
        display: block;
        font-size:14px; 
    }
    .step_block .product dt{
        font-size: 16px;
    }
    .point_block .point{
        width: 240px;
        padding: 10px 0 10px 0px;
    }
    .point_block .point_img{
        width: 120px;
    }
    .point_block .point_img img{
        width: 100%;
    }
    .point_block_l00271 .point{
        width: 240px;
        padding: 10px 0 10px 0px;
    }
    .point_block_l00271 .point_img{
        width: 120px;
    }
    .point_block_l00271 .point_img img{
        width: 100%;
    }
    .product-box h4.title img{
        width: 100%;
    }
    .product-box{
        width: 100%;
        margin: 0 auto;
    }
    .product-box .product_sample{
        width: 100%;
    }
    .product-box .product_sample .text{
        width: 90%;
        display: block;
        padding: 0 20px;
    }
    .product-box .product_sample .sp-photo{
        width: 100%;
        display: block;
        padding: 15px 20px;
    }
    .product-box .product_sample .sp-photo img {
        width: 80%;
    }
    .product-box .product_sample .photo{
        display: none;
    }
    .product-box .text .btn a{
        width: 100%;
        margin: 15px 0 20px 0;
    }
}

/* ================================ */
/* 2018.10.14 product-aging_wrap        */
/* ================================ */
#wrapper {
    background-image: none !important;
  }
  
  .contents {
    padding-bottom: 0;
  }
  
  #product-aging_wrap sup {
    font-weight: inherit;
  }
  
  @media (min-width: 980px) {
    #product-aging_wrap {
      padding-bottom: 80px;
    }
    #product-aging_wrap .itemForSP {
      display: none !important;
    }
    #product-aging_wrap .u-fixedWidth {
      width: 980px;
      margin: 0 auto;
    }
  }
  
  @media (max-width: 979px) {
    #product-aging_wrap {
      padding-bottom: 25px;
    }
    #product-aging_wrap .itemForPC {
      display: none !important;
    }
    #product-aging_wrap img {
      width: 100%;
      height: auto;
    }
  }
  
  #product-aging_wrap .leadArea {
    padding-top: 19px;
    margin-bottom: 45px;
  }
  
  #product-aging_wrap .leadArea .title {
    line-height: 1;
    margin-bottom: 14px;
  }
  
  #product-aging_wrap .leadArea .read {
    font-size: 18px;
    line-height: 1.44;
  }
  
  @media (max-width: 979px) {
    #product-aging_wrap .leadArea {
      padding: 20px 6.25%;
      margin-bottom: 0;
    }
    #product-aging_wrap .leadArea .title {
      font-size: 22px;
      margin-bottom: 14px;
    }
    #product-aging_wrap .leadArea .read {
      font-size: 14px;
    }
  }
  
  #product-aging_wrap .anchor {
    margin:50px 0; 
    background: url(/static/images/shop/toreriane/bg.png) no-repeat center;
    height: 348px;
  }
  
  #product-aging_wrap .anchor .title {
    text-align: center;
    padding: 20px 0;
  }
  #product-aging_wrap .anchor .text_mist {
      font-size: 22px;
      font-weight: bold;
    text-align: center;
    padding: 40px 0 0;
  }
  
  #product-aging_wrap .anchor .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px auto 0;
  }
  
  #product-aging_wrap .anchor .list .item {
    width: calc(48% - 2px);
  }
  
  #product-aging_wrap .anchor .list .item a {
    display: inline-block;
    position: relative;
    width: 530px;
  }
  
  #product-aging_wrap .anchor .list .item a .picture {
    position: absolute;
    top: -75px;
  }
  
  #product-aging_wrap .anchor .list .item a span {
    -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  }
  
  #product-aging_wrap .anchor .list .item a:hover span {
    opacity: .6;
  }
  
  #product-aging_wrap .anchor .list .item:before {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    bottom: 0;
  }
  
  #product-aging_wrap .anchor .list .item.hyalu {
    text-align: right;
  }
  
  #product-aging_wrap .anchor .list .item.hyalu .picture {
    bottom: 0;
    left: -1px;
  }

  
  #product-aging_wrap .anchor .list .item.hyalu:before {
    right: 0;
  }
  
  #product-aging_wrap .anchor .list .item.redermic {
    text-align: left;
  }
  
  #product-aging_wrap .anchor .list .item.redermic .picture {
    bottom: 0;
    right: -5px;
  }
  
  #product-aging_wrap .anchor .list .item.redermic:before {
    left: 0;
  }
  @media only screen and (min-width: 980px) {
    #product-aging_wrap .anchor .title_sp {
        display: none;
    }
}
  @media (max-width: 979px) {
    #product-aging_wrap .anchor {
        background: none;
        height: auto;
        margin: 50px 0 30px;
    }
    #product-aging_wrap .anchor .title {
        display: none;
    }
    #product-aging_wrap .anchor .title img {
      width: 90.94%;
      max-width: 582px;
      height: auto;
    }
    #product-aging_wrap .anchor .text_mist {
        font-size: 16px;
        font-weight: bold;
      text-align: center;
      padding: 15px 0;
      background-color: #F4F4EA;
    }
    #product-aging_wrap .anchor .list {
        margin: 0;
      }
    #product-aging_wrap .anchor .list .item {
      position: relative;
      width: 50%;
    }
    #product-aging_wrap .anchor .list .item a {
      width: 100%;
    }
    #product-aging_wrap .anchor .list .item a:hover span {
      opacity: 1;
    }
    #product-aging_wrap .anchor .list .item:before {
      content: none;
    }
  }
  #product-aging_wrap .plus{
      padding-bottom:30px; 
      text-align: center;
}
#product-aging_wrap .product_aging{
    width: 860px;
    margin: 0 auto;
}
#product-aging_wrap .product_aging .photo_area{
    display: table-cell;
}
#product-aging_wrap .product_aging .block_aging{
    display: table-cell;
    vertical-align: middle;
} 
#product-aging_wrap .product_aging .block_aging .ttl_aging{
    font-size: 49px;
    font-weight: bold;
    color: #00a0e8;
    padding-bottom:15px; 
}
#product-aging_wrap .product_aging .block_aging .ttl_aging .sub{
    font-size: 35px;
    font-weight: bold;
}
#product-aging_wrap .product_aging .block_aging .text_aging{
    font-size: 20px;
    padding-bottom:15px; 
}
#product-aging_wrap .product_aging .block_aging .list_aging li{
    background: url(/static/images/shop/toreriane/icon_checkbox.png) left center no-repeat;
    margin-bottom: 15px;
    padding: 0 0 0 25px!important;
    border-bottom: none;
    line-height: 15px;
}
@media only screen and (max-width: 979px) {
    #product-aging_wrap .plus img{
        width: 15%;
        text-align: center;
  }
  #product-aging_wrap .product_aging{
    width: 100%;
}
  #product-aging_wrap .product_aging .photo_area{
    display: block;
}
#product-aging_wrap .product_aging .photo_area{
    width: 100%;
    text-align: center;
    padding-bottom:20px; 
}
#product-aging_wrap .product_aging .photo_area img{
    width: 50%;
    padding-right:15px; 
}
#product-aging_wrap .product_aging .block_aging{
    width: 92%;
    padding: 0 20px;
    display: block;
}
#product-aging_wrap .product_aging .block_aging .ttl_aging{
    font-size: 26px;
    padding-bottom:15px; 
}
#product-aging_wrap .product_aging .block_aging .ttl_aging .sub{
    font-size: 22px;
}
#product-aging_wrap .product_aging .block_aging .text_aging{
    font-size: 16px;
    padding-bottom:15px; 
} 
}
  #product-aging_wrap .section+.section {
    margin-top: 50px;
  }
  
  #product-aging_wrap .section .introduction {
    position: relative;
    margin-bottom: 50px;
  }
  
  #product-aging_wrap .section .introduction .title {
    border-bottom: 5px solid grey;
    margin-bottom: 28px;
    padding-bottom: 15px;
  }
  
  #product-aging_wrap .section .introduction .productName {
    margin-bottom: 22px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
  }
  
  #product-aging_wrap .section .introduction .productName .smallText {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #333;
  }
  
  #product-aging_wrap .section .introduction .lead {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
  }
  
  #product-aging_wrap .section .introduction .text {
    font-size: 16px;
    line-height: 1.625;
  }
  
  #product-aging_wrap .section .introduction .text .strongText {
    display: block;
    font-weight: bold;
  }
  
  #product-aging_wrap .section .introduction .textBox {
    margin-top: 14px;
    padding: 18px 19px 16px;
    border-radius: 5px;
  }
  
  #product-aging_wrap .section .introduction .textBox .text {
    font-size: 14px;
    line-height: 1.57;
  }
  
  #product-aging_wrap .section .introduction .textBox .text+.text {
    margin-top: 12px;
  }
  
  #product-aging_wrap .section .introduction .picture {
    position: absolute;
  }
  
  #product-aging_wrap .section.hyalu .introduction .title {
    border-color: #019f8d;
  }
  
  #product-aging_wrap .section.hyalu .introduction .productName, #product-aging_wrap .section.hyalu .introduction .strongText {
    color: #019f8d;
  }
  
  #product-aging_wrap .section.hyalu .introduction .textBox {
    background: #e6f9f7;
  }
  
  #product-aging_wrap .section.hyalu .introduction .picture {
    right: 104px;
    top: 128px;
  }
  
  #product-aging_wrap .section.redermic .introduction .title {
    border-color: #cf000c;
  }
  
  #product-aging_wrap .section.redermic .introduction .productName, #product-aging_wrap .section.redermic .introduction .strongText {
    color: #cf000c;
  }
  
  #product-aging_wrap .section.redermic .introduction .textBox {
    background: #fceff0;
  }
  
  #product-aging_wrap .section.redermic .introduction .picture {
    right: 19px;
    top: 177px;
  }
  
  @media (max-width: 979px) {
    #product-aging_wrap .section+.section {
      margin-top: 25px;
    }
    #product-aging_wrap .section .introduction {
      padding: 0 6.25%;
      margin-bottom: 25px;
    }
    #product-aging_wrap .section .introduction .title {
      border-bottom: 4px solid grey;
      margin-bottom: 24px;
      padding-bottom: 11px;
    }
    #product-aging_wrap .section .introduction .productName {
      margin-bottom: 20px;
      font-size: 18px;
    }
    #product-aging_wrap .section .introduction .productName .smallText {
      margin-top: 6px;
      font-size: 12px;
    }
    #product-aging_wrap .section .introduction .lead {
      margin-bottom: 30px;
      font-size: 18px;
    }
    #product-aging_wrap .section .introduction .text {
      font-size: 14px;
    }
    #product-aging_wrap .section .introduction .textBox {
      margin-top: 1em;
      padding: 14px 15px 13px;
    }
    #product-aging_wrap .section .introduction .textBox .text {
      font-size: 13px;
    }
    #product-aging_wrap .section .introduction .textBox .text+.text {
      margin-top: 10px;
    }
    #product-aging_wrap .section .introduction .picture {
      position: static;
      margin: 0 auto 20px;
    }
    #product-aging_wrap .section.hyalu .introduction .title img {
      width: 110px;
    }
    #product-aging_wrap .section.hyalu .introduction .picture {
      width: 33.28vw;
      max-width: 187px;
    }
    #product-aging_wrap .section.redermic .introduction .title img {
      width: 128px;
    }
    #product-aging_wrap .section.redermic .introduction .picture {
      width: 42.5vw;
      max-width: 272px;
    }
  }
  
  #product-aging_wrap .puschase {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }
  
  
  #product-aging_wrap .step {
    padding: 50px 0 80px;
    text-align: center;
  }
  
  #product-aging_wrap .step .title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1;
    color: #00a0e8;
  }
  
  @media (max-width: 979px) {
    #product-aging_wrap .step {
      padding: 25px 0;
    }
    #product-aging_wrap .step .title {
      margin-bottom: 30px;
      font-size: 16px;
      line-height: 1;
      color: #00a0e8;
    }
  }
  
  #product-aging_wrap .contents_claim {
    width: 980px;
    margin: 40px auto 0;
    padding: 20px;
    text-align: left;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  #product-aging_wrap .contents_claim dl {
    display: table;
    margin: 0;
    padding: 2px 0;
  }
  
  #product-aging_wrap .contents_claim dl dt, #product-aging_wrap .contents_claim dl dd {
    font-size: 10px;
    display: table-cell;
  }
  
  @media (max-width: 980px) {
    #product-aging_wrap .contents_claim {
      width: 90%;
      margin: 25px auto 0;
      padding: 10px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #product-aging_wrap .contents_claim dl dt {
      white-space: nowrap;
    }
  }
/*2020/01ボタンCSS追加分*/
.cms_contents .cms_main .explain li.linkbtn_parents{
	margin: 0 auto;
	text-align: center;
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3{
	display:flex;
	 justify-content: center;
	align-items: center;
    max-width: 980px;
	margin-bottom: 5em;
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li{
	padding-right: 15px;
}
/*	margin: 0 auto;
	margin-right: 1em;*/

.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li:last-child{
	padding-right: 0;
/*	margin-right: -1em;*/
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li img{
	padding-top: 11px;
    width: 7%;
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li a{
	text-decoration: none;
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li a p{
	font-size: 21px;
    font-weight: bold;
    /* display: block; */
    /* margin: 0 auto; */
    padding: 24px;
    text-align: center;
    color: #fff;
    /* line-height: 1.5; */
    background: #27A0E8;
    border-radius: 5px;
}
.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li a p:hover{
	opacity: 0.7;
}

@media only screen and (max-width: 736px) {
	.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3{
	display:flex;
	-webkit-flex-direction: column;
   flex-direction: column;
	 justify-content: center;
		align-items: center;
	}
	.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li{
	padding-right: 0;
		margin: 5px 15px;
		width: 90%;
	}
	.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li img{
	padding-top: 9px;
    width: 4%;
}
	.cms_contents .cms_main .explain li.linkbtn_parents .linkbtn_3 li a p{
	font-size: 18px;
	}
}
/*2002ボトムバナー追加*/
.bottom_bnr a#uvcare_dailycare img{
        padding-bottom: 30px;
    }
@media only screen and (max-width: 736px) {
    .bottom_bnr{
        margin: 0 20px;
    }
    .bottom_bnr a#uvcare_dailycare img{
        padding-bottom: 15px;
    }
}
/*2002キットページ調整*/
.cms_contents .cms_main .add_element_wrap{
	margin: 0 auto;
	text-align: center;
}
.cms_contents .cms_main .catch_image{
	width: 980px; 
	margin: 0 auto;
}

@media only screen and (max-width: 736px) {
.cms_contents .cms_main .catch_image{
	width: 90%;
	padding: 20px;
	text-align: center;
	margin-bottom: -50px;
	}
}

.cms_contents .cms_main ul.shopping_area_01{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
    display:-ms-flexbox;
    -ms-flex-direction: row;
}
.cms_contents .cms_main ul.shopping_area_02{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
    display:-ms-flexbox;
    -ms-flex-direction: row;
}
#contentsChildDouble > div > div.cms_main > ul.shopping_area_01.new{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
    text-align: center;
    display:-ms-flexbox;
    -ms-flex-direction: row;
}
#contentsChildDouble > div > div.cms_main > ul.shopping_area_02.new{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
    text-align: center;
    display:-ms-flexbox;
    -ms-flex-direction: row;
}

@media only screen and (max-width: 736px) {
	.cms_contents .cms_main ul.shopping_area_01{
	list-style: none;
	display: flex;
	flex-direction: column;
        display:-ms-flexbox;
        -ms-flex-direction: column;
}
    .cms_contents .cms_main ul.shopping_area_02{
	list-style: none;
	display: flex;
	flex-direction: column;
        display:-ms-flexbox;
        -ms-flex-direction: column;
}
    #contentsChildDouble > div > div.cms_main > ul.shopping_area_01.new{
	list-style: none;
	display: flex;
	flex-direction: column;
        text-align: center;
        display:-ms-flexbox;
        -ms-flex-direction: column;
}
    #contentsChildDouble > div > div.cms_main > ul.shopping_area_02.new{
	list-style: none;
	display: flex;
	flex-direction: column;
        text-align: center;
        display:-ms-flexbox;
        -ms-flex-direction: column;
}
}
.cms_contents .cms_main ul.shopping_area_01{
	padding-top: 50px;
}
.cms_contents .cms_main ul.shopping_area_02{
	padding-bottom: 50px;
}

@media only screen and (max-width: 736px) {
.cms_contents .cms_main ul.shopping_area_01 li.img_area img{
	width: 70%;
	}
	.cms_contents .cms_main ul.shopping_area_02 li.img_area img{
	width: 70%;
	}
	.cms_contents .cms_main .plus_icon{
	padding: 20px 0;
}
}

.cms_contents .cms_main ul.shopping_area_01 .shopping_area_02 li.button_area ul.button_area_inner{ 
	display: flex;
	flex-direction: column;
}

.cms_contents .cms_main .shopping_area_01 li.button_area ul.button_area_inner li h3.title{
	font-size: 20px;
	color: #00A0E8;
	font-weight: bold;
	background : none;
}

.cms_contents .cms_main .shopping_area_02 li.button_area ul.button_area_inner li h4.sub_title{
	font-size: 22px;
	color: #00A0E8;
	font-weight: bold;
	line-height: 0.5;
	font-size: 18px;
	margin-top: -20px;
}
@media only screen and (max-width: 736px) {
	.cms_contents .cms_main .shopping_area_02 li.button_area ul.button_area_inner li h4.sub_title{
	margin-top: 20px;
}
}

.cms_contents .cms_main .shopping_area_02 li.button_area ul.button_area_inner li h3.title{
	font-weight: bold;
	color: #00a0e9;
	padding: 10px;
	background : none;
	font-size: 24px;
}

.cms_contents .cms_main .shopping_area_02 li.button_area ul.button_area_inner li h3.title span{
	font-size: 150%;
	font-weight: bold;
}
/*2020/03/02追加*/
.anthelios_recommend_wrap {
	margin: 60px 0 15px 0;
}
@media only screen and (max-width: 736px) {
	.anthelios_recommend_wrap {
	margin: 40px 15px;
}
}
.anthelios_recommend_wrap p.headcopy{
	background-color: #F39700;
	padding: 10px;
	font-size: 18px;
	margin-bottom: 15px;
	color: white;
	font-weight: bold;
}
.anthelios_recommend_wrap ul.container{
	display: flex;
	flex-direction: row;

}
@media only screen and (max-width: 736px) {
	.anthelios_recommend_wrap ul.container{
	display: flex;
	flex-direction: column;
		width: 100%;
	}}
.anthelios_recommend_wrap ul.container li.container_item{
	width: 33.3%;
    padding-right: 10px;
}
@media only screen and (max-width: 736px) {
	.anthelios_recommend_wrap ul.container li.container_item{
		width: auto;
    padding: 10px 0;
}
}
.anthelios_recommend_wrap ul.container li.container_item:last-child{
	padding-right: 0;
}


.anthelios_recommend_wrap ul.container li ul.innner_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.anthelios_recommend_wrap ul.container li ul.innner_wrap li.inner_readcopy{
	background-color: #ECF3F7;
	padding: 10px;
	margin-bottom: 30px;
	
}
.anthelios_recommend_wrap ul.container li ul.innner_wrap li.inner_product_name p{
	font-size: 90%;
}

.anthelios_recommend_wrap ul.container li.container_item ul.innner_wrap li ul.inner_image{
	display: flex;
	flex-direction: row;
}
.anthelios_recommend_wrap ul.container li.container_item ul.innner_wrap li ul.inner_image li.img_01 img{
	width: 95%;
}
.anthelios_recommend_wrap ul.container li.container_item ul.innner_wrap li ul.inner_image li.img_02 img{
	width: 80%;
    padding-top: 50px;
}

/*
@media only screen and (max-width: 736px) {
.anthelios_recommend_wrap ul.container li.container_item ul.innner_wrap li ul.inner_image li.img_01 img{
	width: 60%;
}
.anthelios_recommend_wrap ul.container li.container_item ul.innner_wrap li ul.inner_image li.img_02 img{
	width: 40%;
    padding-top: 50px;
}}
*/
.anthelios_recommend_wrap ul.container li ul.innner_wrap li.inner_btn .btn a{
	width: auto !important;
}
/*2020/04追加youtube横幅*/
.area_special_movie_wrap iframe{
	width: 600px;
	height: 338px;
	padding-bottom: 30px;
    padding-top: 20px;
	
}
@media screen and (max-width: 450px) {
	.area_special_movie_wrap iframe{
		width: 375px;
		margin: 0 auto;
		height: 210px;
    	padding-bottom: 0;
	}
}
/*20200731*/
@media screen and (min-width: 750px) {
	#toreriane > div.cms_main > ul.trialkit > li.center > img{
		width: 40%;
		height: auto;
		margin-top: 40px;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li > img{
		width: 392px;
		height: auto;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap{
		display: flex;
		align-items: center;
		margin-top: 40px;
		
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li{
		flex-direction: row;
		direction: ltr;
		
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li div.text{
		padding-left: 60px;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li div.text h4{
		line-height: 1.5;
		
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li div.text h4:first-child{
		margin-bottom: 20px;
	}
	#toreriane > div.cms_main ul.traialkit_cf_box{
	text-align: center;
    margin: 0 auto;
    display: table;
}
	
}
@media screen and (max-width: 749px) {
	#toreriane > div.cms_main > ul.trialkit > li.center > img{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li > img{
		width: 100%;
		height: auto;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li div.text{
		padding: 15px;
	}
	#toreriane > div.cms_main > ul.trialkit > li.img_block > ul.trialkit_wrap li div.text h4{
		line-height: 1.5;
    font-size: 98%;
    margin: 0 auto;
    display: table;
		
	}
	#toreriane > div.cms_main ul.traialkit_cf_box{
	text-align: center;
    margin: 0 auto;
    display: grid;
}
}

/* ================================ */
/* 2020.9.11 toneup */
/* ================================ */
/* 共通 */
#toneup .cms_main .m-sec-heading__en {
		font-size: 24px;
		font-weight: bold;
        color: black;
}
#toneup .cms_main .m-sec-heading__hdg {
		margin-top: 7px;
		font-size: 32px;
}
#toneup .cms_main.sec-content a {
		text-decoration: none;
		color: inherit;
		transition: 0.2s;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .m-sec-heading__en {
				font-size: 12px;
                background: none;
                color: black;
		}
		#toneup .cms_main .m-sec-heading__hdg {
				margin-top: 0;
				font-size: 16px;
		}
		#toneup .cms_main.sec-content {
				margin-bottom: 0;
		}
}

/* ABOUT */
#toneup .cms_main .about {
		position: relative;
}
#toneup .cms_main .about__main {
		height: 414px;
		padding: 100px 0 0 35px;
		box-sizing: border-box;
		background: url("../images/shop/toneup/about_bg.jpg") no-repeat 50% 0;
}
#toneup .cms_main .about__product01 {
		font-size: 20px;
		font-weight: bold;
}
#toneup .cms_main .about__product02 {
		margin-top: 20px;
}
#toneup .cms_main .about__product02 li {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .feature {
		display: flex;
		justify-content: space-between;
		padding-top: 60px;
}
#toneup .cms_main .feature__img {
		width: 238px;
		padding: 10px 0 0 32px;
}
#toneup .cms_main .feature__txt:first-of-type {
		width: 362px;
}
#toneup .cms_main .feature__hdg {
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .feature__list li {
		margin-top: 10px;
		font-size: 16px;
}

#toneup.rosy .cms_main .about__main {
		padding: 60px 0 0 35px;
		background: url("../images/shop/toneup/rosy_about_bg.jpg") no-repeat 50% 0;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .about {
				margin-top: 20px;
				padding-bottom: 20px;
				background: url("../images/shop/toneup/about_bg_sp.jpg") no-repeat 50% 0;
				background-size: 100% auto;
		}
		#toneup .cms_main .about__main {
				height: auto;
				padding: 25.86% 0 0 20px;
				background: none;
		}
		#toneup .cms_main .about__product01 {
				font-size: 10px;
		}
		#toneup .cms_main .about__product02 {
				margin-top: 15px;
		}
		#toneup .cms_main .about__product02 li {
				margin-bottom: 0;
				font-size: 10px;
		}
		#toneup .cms_main .feature {
				display: block;
				padding: 34% 0 0 20px;
		}
		#toneup .cms_main .feature__img {
				position: absolute;
				top: 38%;
				left: 50%;
				transform: translateX(-50%);
				width: auto;
				padding: 0;
		}
		#toneup .cms_main .feature__img img {
				width: 127px;
				height: auto;
		}
		#toneup .cms_main .feature__txt:first-of-type {
				width: auto;
				margin-bottom: 6%;
		}
		#toneup .cms_main .feature__hdg {
				font-size: 12px;
		}
		#toneup .cms_main .feature__list li {
				margin-top: 0;
				font-size: 12px;
		}

		#toneup.rosy .cms_main .about {
				background: url("../images/shop/toneup/rosy_about_bg_sp.jpg") no-repeat 50% 0;
				background-size: 100% auto;
		}
		#toneup.rosy .cms_main .about__main {
				padding: 20% 0 0 20px;
				background: none;
		}
}

/* SPのみ */
@media only screen and (max-width: 736px) {
}

/* TECHNOLOGY */
#toneup .cms_main .technology {
		padding: 34px 25px;
		background: #f3f3f4;
}
#toneup .cms_main .technology__contents {
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
}
#toneup .cms_main .technology__body {
		width: 303px;
		padding: 30px 20px 40px;
		box-sizing: border-box;
		background-color: #fff;
}
#toneup .cms_main .technology__hdg {
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .technology__txt {
		margin-top: 5px;
		font-size: 16px;
		line-height: 2;
}
#toneup .cms_main .technology__img {
		text-align: center;
}
#toneup .cms_main .technology__body:first-of-type .technology__img {
		margin: 80px -20px 0;
}
#toneup .cms_main .technology__body:last-of-type .technology__img {
		margin-top: 191px;
}
#toneup .cms_main .technology__img img {
		max-width: 100%;
		height: auto;
}

#toneup.rosy .cms_main .technology {
		background: #f2ebea;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .technology {
				padding: 18px 10px 25px;
		}
		#toneup .cms_main .technology .m-sec-heading {
				text-align: center;
		}
		#toneup .cms_main .technology__contents {
				display: block;
				margin-top: 10px;
		}
		#toneup .cms_main .technology__body {
				display: flex;
				justify-content: space-between;
				width: auto;
				margin-top: 20px;
				padding: 13px 10px;
		}
		#toneup .cms_main .technology__note {
				width: 58%;
		}
		#toneup .cms_main .technology__hdg {
				font-size: 10px;
		}
		#toneup .cms_main .technology__txt {
				margin-top: 2px;
				font-size: 10px;
				line-height: 1.9;
		}
		#toneup .cms_main .technology__img {
				width: 40%;
				text-align: left;
		}
		#toneup .cms_main .technology__body:first-of-type .technology__img {
				margin: 0;
		}
		#toneup .cms_main .technology__body:last-of-type .technology__img {
				margin-top: 0;
		}
		#toneup .cms_main .technology__img img {
				width: 100%;
		}
}

/* KEY INGREDIENTS */
#toneup .cms_main .ingredients {
		padding: 40px 30px 0 30px;
		background: url("../images/shop/toneup/keyingredients_bg.jpg") no-repeat 100% 0;
}
#toneup .cms_main .ingredients__lead {
		margin-top: 10px;
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .ingredients__items {
		display: flex;
		flex-wrap: wrap;
		margin-top: 96px;
}
#toneup .cms_main .ingredients__items li {
		width: 260px;
		margin-right: 55px;
}
#toneup .cms_main .ingredients__items li:nth-child(3) {
		margin-right: 0;
}
#toneup .cms_main .ingredients__items li:last-of-type {
		margin-top: 65px;
		width: auto;
}
#toneup .cms_main .ingredients-item__hdg {
		position: relative;
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .ingredients-item__hdg a {
		cursor: text;
}
#toneup .cms_main .ingredients-item__hdg::before {
		position: absolute;
		top: -12px;
		left: 0;
		width: 35px;
		height: 6px;
		background-color: #000;
		content: '';
}
#toneup .cms_main .ingredients-item__txt {
		margin-top: 5px;
		font-size: 16px;
}
#toneup .cms_main .ingredients-item__txt .component {
		display: block;
		font-size: 12px;
		font-weight: bold;
}
#toneup .cms_main .ingredients__caption {
		display: flex;
		justify-content: center;
		margin-top: 78px;
		padding: 50px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: center;
}
#toneup .cms_main .ingredients__caption li {
		margin: 0 8px;
		font-size: 16px;
		font-weight: bold;
}

#toneup.rosy .cms_main .ingredients {
		background: url("../images/shop/toneup/rosy_keyingredients_bg.jpg") no-repeat 100% 0;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .ingredients {
				padding: 5.8% 10px 20px 10px;
				background: url("../images/shop/toneup/keyingredients_bg.jpg") no-repeat 100% 0;
				background-size: 68% auto;
		}
		#toneup .cms_main .ingredients__lead {
				margin-top: 5px;
				font-size: 10px;
		}
		#toneup .cms_main .ingredients__items {
				display: block;
				margin-top: 9%;
		}
		#toneup .cms_main .ingredients__items li {
				width: auto;
				margin-right: 0;
				border-bottom: 1px solid #999;
		}
		#toneup .cms_main .ingredients__items li:last-of-type {
				margin-top: 0;
		}
		#toneup .cms_main .ingredients-item__hdg {
				margin-top: 5px;
				padding: 5px 0;
				font-size: 10px;
		}
		#toneup .cms_main .ingredients-item__hdg.is-open a::after {
				top: 7px;
				transform: rotate(180deg);
		}
		#toneup .cms_main .ingredients-item__hdg a {
				position: relative;
				display: block;
		}
		#toneup .cms_main .ingredients-item__hdg a::after {
				content: '';
				position: absolute;
				top: 9px;
				right: 3px;
				width: 15px;
				height: 7px;
				background: url("../images/shop/toneup/ico_arrow_accordion.png") no-repeat;
				background-size: 15px 7px;
		}
		#toneup .cms_main .ingredients-item__hdg::before {
				content: none;
		}
		#toneup .cms_main .ingredients-item__txt {
                display: none;
				margin-top: 0;
				padding-bottom: 5px;
				font-size: 10px;
                height: auto;
				opacity: 1;
				visibility: visible;
		}
		#toneup .cms_main .ingredients-item__hdg.is-open + .ingredients-item__txt {
				height: auto;
				opacity: 1;
				visibility: visible;
		}
		#toneup .cms_main .ingredients-item__txt .component {
				font-size: 10px;
		}
		#toneup .cms_main .ingredients-item__txt .caption {
				font-size: 10px;
		}
		#toneup .cms_main .ingredients__caption {
				flex-wrap: wrap;
				justify-content: flex-start;
				margin-top: 22px;
				padding: 0;
				border-top: 0;
				border-bottom: 0;
		}
		#toneup .cms_main .ingredients__caption li {
				position: relative;
				margin: 0 5px 0 0;
				font-size: 10px;
		}
		#toneup .cms_main .ingredients__caption li::before {
				content: '●';
		}

		#toneup.rosy .cms_main .ingredients {
				background: url("../images/shop/toneup/rosy_keyingredients_bg.jpg") no-repeat 100% 0;
				background-size: 68% auto;
		}
}

/* Which Tone UP Do you like? */
#toneup .cms_main .toneup {
		margin-bottom: 180px;
		padding-top: 50px;
}
#toneup .cms_main .toneup__contents {
		display: flex;
		margin-top: 15px;
}
#toneup .cms_main .toneup-item {
		position: relative;
		width: 50%;
		height: 682px;
		text-align: center;
}
#toneup .cms_main .toneup-item a,
#toneup .cms_main .toneup-item span {
		display: block;
		height: 100%;
		padding-top: 75px;
		box-sizing: border-box;
}
#toneup .cms_main .toneup-item a:hover {
		opacity: 0.9;
}
#toneup .cms_main .toneup-item a:hover .toneup-item__link {
		color: #00bae8;
}
#toneup .cms_main .toneup-item--rosy a,
#toneup .cms_main .toneup-item--rosy span {
		background: url("../images/shop/toneup/tone_img01.jpg") no-repeat 50% 0;
}
#toneup .cms_main .toneup-item--normal a,
#toneup .cms_main .toneup-item--normal span {
		background: url("../images/shop/toneup/tone_img02.jpg") no-repeat 50% 0;
}
#toneup .cms_main .toneup-item__hdg {
		font-size: 24px;
		font-weight: bold;
}
#toneup .cms_main .toneup-item__name {
		margin-top: 485px;
		font-size: 16px;
		font-weight: bold;
}
#toneup .cms_main .toneup-item__link {
		font-size: 20px;
		font-weight: bold;
		transition: 0.2s;
}
#toneup .cms_main .toneup-item--rosy .toneup-item__hdg {
	padding-left: 20px;
}
#toneup .cms_main .toneup-item--normal .toneup-item__link {
		opacity: 0;
}

#toneup.rosy .cms_main .toneup-item--rosy .toneup-item__link {
		opacity: 0;
}
#toneup.rosy .cms_main .toneup-item--normal .toneup-item__link {
		opacity: 1;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .toneup {
				margin-bottom: 30px;
				padding-top: 20px;
		}
		#toneup .cms_main .toneup .m-sec-heading {
				padding-left: 10px;
		}
		#toneup .cms_main .toneup__contents {
				margin-top: 10px;
		}
		#toneup .cms_main .toneup-item {
				height: auto;
				padding: 0;
		}
		#toneup .cms_main .toneup-item a,
		#toneup .cms_main .toneup-item span {
				display: block;
				padding: 9% 0 5%;
		}
		#toneup .cms_main .toneup-item a:hover {
				opacity: 1;
		}
		#toneup .cms_main .toneup-item a:hover .toneup-item__link {
				color: inherit;
		}
		#toneup .cms_main .toneup-item--rosy a,
		#toneup .cms_main .toneup-item--rosy span {
				background: url("../images/shop/toneup/tone_img01_sp.jpg") no-repeat 50% 0;
				background-size: 100% auto;
		}
		#toneup .cms_main .toneup-item--normal a,
		#toneup .cms_main .toneup-item--normal span{
				background: url("../images/shop/toneup/tone_img02_sp.jpg") no-repeat 50% 0;
				background-size: 100% auto;
		}
		#toneup .cms_main .toneup-item__hdg {
				font-size: 12px;
		}
		#toneup .cms_main .toneup-item__name {
				margin-top: 104%;
				font-size: 10px;
		}
		#toneup .cms_main .toneup-item--rosy .toneup-item__hdg {
			padding-left: 12px;
		}
		#toneup .cms_main .toneup-item__link {
				margin-top: 1%;
				font-size: 11px;
		}
}

/* HOW TO */
#toneup .cms_main .howto {
		margin-bottom: 100px;
}
#toneup .cms_main .howto__slider {
		margin-top: 30px;
}
#toneup .cms_main .howto .slide {
    display: flex;
}
#toneup .cms_main .howto .slide .item figure img {
		margin: 0 auto;
}
#toneup .cms_main .howto .slide .item p {
    margin: 10px 15px 0;
}
#toneup .cms_main .howto .slide img.i-pc  {
    display: block !important;
}
#toneup .cms_main .howto .slide img.i-sp  {
    display: none !important;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .howto {
				margin-bottom: 35px;
		}
		#toneup .cms_main .howto .m-sec-heading {
				text-align: center;
		}
		#toneup .cms_main .howto__slider {
				margin-top: 20px;
		}
		#toneup .cms_main .howto .slide {
				display: block;
		}
		#toneup .cms_main .howto .slide .item {
				text-align: center;
		}
		#toneup .cms_main .howto .slide .item figure img {
				width: 140px;
				height: auto;
		}
		#toneup .cms_main .howto .slide .item p {
				width: 150px;
				margin: 10px auto 0;
				font-size: 10px;
				text-align: left;
		}
		#toneup .cms_main .howto .slide img.i-pc  {
				display: none !important;
		}
		#toneup .cms_main .howto .slide img.i-sp  {
				display: inline-block !important;
		}
		#toneup .cms_main .howto .slide-thumb {
				margin-top: 10px;
		}
		#toneup .cms_main .howto .slide-thumb ul {
				display: flex;
				justify-content: center;
		}
		#toneup .cms_main .howto .slide-thumb ul button {
				display: block;
				width: 12px;
				height: 12px;
				margin: 0 8px;
				background-color: #eee;
				border-radius: 50%;
				border: none;
				text-indent: -9999px;
		}
		#toneup .cms_main .howto .slide-thumb ul li.slick-active button {
				background-color: #00a0e8;
		}
}

/* STEP */
#toneup .cms_main .use-step {
		margin-bottom: 100px;
}
#toneup .cms_main .use-step__flow {
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
}
#toneup .cms_main .use-step-item {
		text-align: center;
}
#toneup .cms_main .use-step-item a {
		display: block;
}
#toneup .cms_main .use-step-item a:hover {
		opacity: 0.9;
}
#toneup .cms_main .use-step-item a:hover .use-step-item__link {
		color: #00bae8;
}
#toneup .cms_main .use-step-item__num {
		font-size: 66px;
		font-weight: bold;
		color: #09a4ea;
		line-height: 1;
}
#toneup .cms_main .use-step-item__hdg {
		margin-top: 8px;
		font-size: 24px;
		font-weight: bold;
}
#toneup .cms_main .use-step-item__img {
		margin-top: 10px;
}
#toneup .cms_main .use-step-item__link {
		margin-top: 15px;
		font-size: 16px;
		font-weight: bold;
		transition: 0.2s;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .use-step {
				margin: 0 10px 20px;
				padding-top: 25px;
				border-top: 1px solid #999;
		}
		#toneup .cms_main .use-step .m-sec-heading {
				text-align: center;
		}
		#toneup .cms_main .use-step__flow {
				flex-wrap: wrap;
				justify-content: flex-start;
				margin-top: 30px;
				margin-left: 4%;
		}
		#toneup .cms_main .use-step-item {
				width: 32%;
				margin-bottom: 20px;
		}
		#toneup .cms_main .use-step-item a:hover {
				opacity: 1;
		}
		#toneup .cms_main .use-step-item a:hover .use-step-item__link {
				color: inherit;
		}
		#toneup .cms_main .use-step-item__num {
				font-size: 33px;
		}
		#toneup .cms_main .use-step-item__hdg {
				margin-top: 3px;
				font-size: 12px;
		}
		#toneup .cms_main .use-step-item__img {
				margin-top: 5px;
		}
		#toneup .cms_main .use-step-item__img img {
				width: 50%;
				height: auto;
		}
		#toneup .cms_main .use-step-item__link {
				margin-top: 10px;
				font-size: 10px;
		}
}

/* COMPARISON */
#toneup .cms_main .comparison {
		margin-bottom: 30px;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .comparison {
				margin: 0 10px;
				padding-top: 25px;
				border-top: 1px solid #999;
		}
		#toneup .cms_main .comparison .m-sec-heading {
				text-align: center;
		}
		#toneup .cms_main .comparison .choose-wrap .detail-nospace {
				width: auto;
		}
		#toneup .cms_main .comparison .choose-wrap table.w4 {
				float: none;
				width: 100%;
		}
		#toneup .cms_main .comparison .choose-wrap table.w4_2 {
				float: none;
				width: 100%;
		}
}

/* CONTENTS */
#toneup .cms_main .toneup-contents {
		margin-bottom: 70px;
}
#toneup .cms_main .toneup-contents__list {
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
}
#toneup .cms_main .toneup-contents-item {
		width: 468px;
}
#toneup .cms_main .toneup-contents-item a {
		display: block;
}
#toneup .cms_main .toneup-contents-item a:hover {
		opacity: 0.9;
}
#toneup .cms_main .toneup-contents-item a:hover .toneup-contents-item__link {
		color: #00bae8;
}
#toneup .cms_main .toneup-contents-item__img {
}
#toneup .cms_main .toneup-contents-item__txt {
		margin-top: 10px;
		font-size: 20px;
}
#toneup .cms_main .toneup-contents-item__hdg {
		font-size: 20px;
		font-weight: bold;
}
#toneup .cms_main .toneup-contents-item__link {
		font-size: 20px;
		transition: 0.2s;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .toneup-contents {
				margin: -20px 10px 30px;
				padding-top: 25px;
				border-top: 1px solid #999;
		}
		#toneup .cms_main .toneup-contents .m-sec-heading {
				text-align: center;
		}
		#toneup .cms_main .toneup-contents__list {
				display: block;
				margin-top: 10px;
		}
		#toneup .cms_main .toneup-contents-item {
				width: 66%;
				margin: 0 auto 20px;
		}
		#toneup .cms_main .toneup-contents-item a:hover {
				opacity: 1;
		}
		#toneup .cms_main .toneup-contents-item a:hover .toneup-contents-item__link {
				color: inherit;
		}
		#toneup .cms_main .toneup-contents-item__img img {
				width: 100%;
				height: auto;
		}
		#toneup .cms_main .toneup-contents-item__txt {
				margin-top: 5px;
				font-size: 10px;
		}
		#toneup .cms_main .toneup-contents-item__hdg {
				font-size: 12px;
		}
		#toneup .cms_main .toneup-contents-item__link {
				margin-top: 5px;
				font-size: 11px;
		}
}

/* commentary */
#toneup .cms_main .commentary {
		margin-bottom: 80px;
		padding-left: 30px;
}
#toneup .cms_main .commentary ul li {
		font-size: 12px;
}

/* タブレット以下 */
@media only screen and (max-width: 980px) {
		#toneup .cms_main .commentary {
				margin-bottom: 30px;
				padding: 0 12px;
		}
		#toneup .cms_main .commentary ul li {
				font-size: 10px;
		}
}