@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    products_pc.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width : 641px){ 
/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */

    .und{
        text-decoration: underline;
    }

/* --------------------------------------------------
*
    #page_product
*
-------------------------------------------------- */
#page_product{
    min-width: 980px;
    padding: 0 0 80px 0;
    overflow: hidden;
    position: relative;
}
/*
#page_product .bg{
    width: 100%;
    height: 100%;
    display: block;
    background-image:url(../images/products/img_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 144px;
    left: 0;
}

#page_product .bg .on{
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background-image:url(../images/products/img_bg_on.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .15s ease;
}
    */
/*
.inner_product_list_02{
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background-image:url(../images/products/img_bg_on.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .15s ease;
}
*/
#product_list ul{
    background-image:url(../images/products/img_bg_old.png);
    background-size:1920px 512px;
    background-position:50% 70%;
}
#product_list ul.on{
    background-image:url(../images/products/img_bg_on_old.png);
    background-size:1920px 512px;
    background-position:50% 70%;
}
/*
#page_product.on .bg .on{
    opacity: 1;
}
    */

.product_header {
    height: 495px;
    margin-bottom: 65px;
}
.product_header_inner {
    width: 960px;
    margin: 0 auto;
}
.product_header_sp_nav {
    display: none;
}
.product_header_title{
    padding-top: 225px;
}
.product_header_text {
    margin-top: 30px;
    color: #fff;
    line-height: 1.5;
}
.actirise .product_header_text {
    color: #fff;
}
.concentrate .product_header {
    background: #000125 url(../images/products/img_head_concentrate_bg.png) no-repeat bottom center;
}
.actirise .product_header {
    background: #020000 url(../images/products/img_head_actirise_bg.png) no-repeat bottom center;
}
.basemake .product_header {
    background: #700306 url(../images/products/img_head_basemake_bg.png) no-repeat bottom center;
}

#product_list{
    text-align: center;
    color: #fff;
    z-index: 10;
    position: relative;
    white-space: nowrap;
    padding-top: 30px;
}

#product_list a{
    padding: 0 18px;
    display: block;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
} 

#product_list ul{
    letter-spacing: -.40em;
}

#product_list li{
    width: 185px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    position: relative;
    transition: opacity .15s ease;
}

#page_product.on #product_list li{ opacity: .4;}
#page_product.on #product_list li.on{ opacity: 1 !important;}

#product_list li a:before{
    width: 100%;
    height: 200px;
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 197px;
    left: 0;
    z-index: 1;
}

#product_list li .img,
#product_list li .img_on{ height: 220px; text-align: center;}
    
#product_list li .img_on img,
#product_list li .img img{ height: auto; position: relative; top: 20px;}

#product_list li.p_t_wash .img img{ width: 95px;}
#product_list li.p_t_wash .img_on img{ width: 234px;}


#product_list li.p_c_treatment .img img{ left: -11px;}

#product_list li.p_c_lotion .img img{ width: 89px;}
#product_list li.p_c_lotion .img_on img{ width: 229px;;}

#product_list li.p_c_cream .img img{ width: 185px; left: 0;}
/*#product_list li.p_c_cream .img_on img{ width: 185px; left: 0;}*/
#product_list li.p_c_cream .img img{
    width: 324px;
    left: -87px;
    top: 8px;
    }
#product_list li.p_c_cream .img_on img {
    width: 324px;
    left: 1px;
    top: 18px;
}
    
#product_list li.p_c_oil .img img{
    width: 264px;
    top: -43px;
    left: -57px;
    }
#product_list li.p_c_oil .img_on img {
        width: 264px;
        left: 0px;
        top: 19px;
}
    

/*#product_list li.p_c_oil .img_on img*/
    
/*追加商品 光 位置調整*/
/*クレンジングクリーム*/
#product_list li.p_t_cleansing_cream img{
    width: 326px;
    left: -86px;
    top: 3px;
    }
.t_cleansing_cream_img{
    margin-top: -73px;
}
#product_list li.p_t_cleansing_cream .img_on{
        left: 18px;
    }
/*ファイシャルマッサージクリーム*/
#product_list li.p_f_massage_cream img{
    width: 313px;
    left: -75px;
    top: 0px;
}
#product_list li.p_f_massage_cream .img_on img{
    width: 325px;
    left: -81px;
    top: -5px;
    }
/*トリートメントウォッシュ*/
#product_list li.p_t_wash .img_on{
    left: -24px;
    top: -61px;
}
/*コンセントレートローション*/
#product_list li.p_c_lotion .img_on{
    left: -22px;
    top: -52px;
}
/*コンセントレートオイル*/
#product_list li.p_c_oil .img_on{
    left: -39px;
    top: -62px;
}
/*コンセントレートクリーム*/
#product_list li.p_c_cream .img_on{
    left: -70px;
    top: -10px;
}
    .c_cream_img img{
        margin-top: -73px;
    }
/*コンセントレートアイクリーム*/
#product_list li.p_c_eyecream img {
        width: 324px;
        left: -86px;
    top: 4px;
    }
    
    .e_cream_img{
    margin-top: -73px;
    }
#product_list li.p_c_eyecream .img_on{
    left: 18px;
}
    .e_cream_text{
        width: 74%;
    }
    #section_detail #how_to_use .img_use.img_use_1 {
        top: 72px;
        bottom: inherit; 
    }
    #section_detail #how_to_use .img_use.img_use_2{
        top: 340px;
        bottom: inherit;
    }
    .pb100{
        padding-bottom: 100px;
    }
    .pb140{
        padding-bottom: 140px;
    }
    .pb220{
        padding-bottom: 220px;
    }
/*ファイシャルマッサージクリーム*/
#product_list li.p_f_massage_cream .img_on{
    left: 12px;
    top: 5px;
}
.f_massage_cream_img{
        margin-top: -73px;
    }
/*コンセントレートトリートメント*/
#product_list li.p_c_treatment .img_on{
    left: -60px;
    top: -67px;
}
#product_list li.p_c_treatment .img_on img,
#product_list li.p_c_treatment .img img{
    top: 4px; 
    }
    
/*/追加商品*/
    

#product_list li.p_t_wash a:before{ background-size: 49px; background-image:url(../images/products/img_product_t_wash_shadow.png); }
/*#product_list li.p_c_treatment a:before{ background-size: 0; background-image:url(../images/products/img_product_c_treatment_shadow.png); }*/
#product_list li.p_c_lotion a:before{ background-size: 44px; background-image:url(../images/products/img_product_c_lotion_shadow.png); }
#product_list li.p_c_cream a:before{ background-size: 142px; background-image:url(../images/products/img_product_c_cream_shadow.png); }
#product_list li.p_c_oil a:before{ background-size: 80px; background-image:url(../images/products/img_product_c_oil_shadow.png); }

#product_list li .img_on{
    width: 100%;
    opacity: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .15s ease 0;
}

#product_list li.on .img_on{
    opacity: 1;
}

/* 201808 */
#product_list li.a_c_oil .img img{
  top: -40px;
  left: -50px;
}
#product_list li.a_c_oil .img_on img{
  top: -40px;
  left: -32px;
}
#product_list li.a_wash .img img{
  top: -30px;
  left: -54px;
}
#product_list li.a_wash .img_on img{
  top: -30px;
  left: -36px;
}
#product_list li.a_lotion .img img{
  top: -35px;
  left: -54px;
}
#product_list li.a_lotion .img_on img{
  top: -35px;
  left: -36px;
}
#product_list li.a_lotion_e .img img{
  top: -35px;
  left: -54px;
}
#product_list li.a_lotion_e .img_on img{
  top: -35px;
  left: -36px;
}
#product_list li.a_cream .img img{
  top: -35px;
  left: -77px;
}
#product_list li.a_cream .img_on img{
  top: -35px;
  left: -59px;
}
#product_list li.a_emulsion .img img{
  top: -35px;
  left: -54px;
}
#product_list li.a_emulsion .img_on img{
  top: -35px;
  left: -36px;
}
#product_list li.a_emulsion_e .img img{
  top: -35px;
  left: -54px;
}
#product_list li.a_emulsion_e .img_on img{
  top: -35px;
  left: -36px;
}
#product_list li.a_program .img img{
  top: -35px;
  left: -54px;
}
#product_list li.a_program .img_on img{
  top: -35px;
  left: -36px;
}
    
/* 201706 : CLEAN LAYOUT*/
    
#product_list li.clean-lyt{
    position:relative;
}
#product_list li.clean-lyt h3 .h_note {
    font-size: 12px;
}
#product_list li.clean-lyt .img{
    position:relative;
}
#product_list li.clean-lyt .img_on{
    position:absolute;
}
    
#product_list li.clean-lyt .img img,
#product_list li.clean-lyt .img_on img{
    position:absolute;
    left:50%;
    transform:translate(-50%,-100%);
    -webkit-transform:translate(-50%,-100%);
    -ms-transform:translate(-50%,-100%);
}
#product_list li.clean-lyt .img img{
    top:198px;
}
#product_list li.clean-lyt .img_on img{  
    top:251px;
}
    
#product_list li.clean-lyt.shadow-type-a a:before{
    background-image:url(../images/products/img_product_shadow_type_a.png);
}
#product_list li.clean-lyt.shadow-type-b a:before{
    background-image:url(../images/products/img_product_shadow_type_b.png);
}
#product_list li.clean-lyt.shadow-type-c a:before{
    background-image:url(../images/products/img_product_shadow_type_c.png);
}   
#product_list li.clean-lyt.shadow-type-d a:before{
    top: 195px;
    background-image:url(../images/products/img_product_shadow_type_d.png);
}
#product_list li.clean-lyt.shadow-type-e a:before{
    top: 196px;
    background-image:url(../images/products/img_product_shadow_type_e.png);
}
#product_list li.clean-lyt.shadow-type-f a:before{
    top: 195px;
    background-image:url(../images/products/img_product_shadow_type_f.png);
}
#product_list li.clean-lyt.shadow-type-g a:before{
    top: 195px;
    background-image:url(../images/products/img_product_shadow_type_g.png);
} 
#product_list li.clean-lyt.shadow-type-h a:before{
    top: 195px;
    background-image:url(../images/products/img_product_shadow_type_h.png);
} 
 
 
/**/

#product_list li .ico_new{
    margin: 0 0 5px 0;
    position: relative;
    z-index: 5;
}

#product_list li .ico_new img{
    width: 33px;
    height: auto;
}

#product_list li h3{
    margin: 0 0 20px 0;
    min-height: 65px;
    font-size: 16px;
    line-height: 1.31em;
    letter-spacing: -.05em;
    position: relative;
    z-index: 5;
}

#product_list li .category{
    margin: 0 0 10px 0;
    padding: 3px 6px;
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #fff;
    font-size: 10px;
    letter-spacing: .05em;
    position: relative;
    z-index: 5;
}

#product_list li .btn_detail{
    position: relative;
    z-index: 5;
}

#product_list li .btn_detail img{
    width: 56px;
    height: auto;
}

#product_list li .bg_light{
    width: 100%;
    opacity: 0;
    position: absolute;
    top: -104px;
    left: 0;
    z-index: -1;
    transition: opacity .15s ease;
}

#product_list li .bg_light img{
    position: relative;
    left: -20px;
}

#product_list li.on .bg_light{
    opacity: 1;
    transition: opacity .2s ease;
}
/*商品の個別の照明*/
#product_list li .wash_light{
    top: -19px;
    }
#product_list li .wash_light img{
    left: -24px;
    }
/*filtering*/
.wrap_checkbox{
    position: relative;
    width: 980px;
    margin:auto;
    text-align: left;
    color: #fff;
    
    z-index: 10000;
}
.wrap_checkbox ul li{
    display: inline-block
}
.wrap_checkbox input{
    margin-right: 8px;
    }
.wrap_checkbox span.check-all{
    margin-bottom:14px;
}
.wrap_checkbox span.check-all label{
    font-size:16px;
    font-weight: bold;
}
.wrap_checkbox span.flex  > span:not(.check-all) label{
    margin: 0 13px;
}
.wrap_checkbox span.flex > span:not(.check-all){
    margin-left:20px;
}
.wrap_checkbox label{
    cursor: pointer; 
}
.wrap_checkbox span{
    position: relative;
    display: block;
}
.wrap_checkbox span.flex:not(:nth-child(2)){
    margin-bottom:35px;
}
.wrap_checkbox p{
    /* margin-left: -111px; */
    margin: 36px 48px 28px;
}
.wrap_checkbox_en p{
    margin-left: -40px;
}
.wrap_checkbox a{
    position: absolute;
    top: 0;
    left: 17px;
}
.wrap_checkbox:before{
    content: url(/sekkisei_tw0301/common/images/products/filter_line.png);
    
    /*
    
    top: -53px;
    left: 0;
    right: 0;
    */
}
.wrap_checkbox:after{
    content: url(/sekkisei_tw0301/common/images/products/filter_line.png);
    /*
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    */
}
.mt17{
    margin-top: 17px;
}
.hide{
    visibility: hidden;
}
#product_list .sp_only {
        display: none;
    }
/* --------------------------------------------------
*
    #page_product_detail
*
-------------------------------------------------- */
#page_product_detail{
    color: #010043;
}
#page_product_detail h2 .h_note{
    font-size: 14px;
    vertical-align: bottom;
    line-height: 18px;
}
#page_product_detail h1 span.h_note {
    display: inline-block;
    font-size: 18px;
}

#page_product_detail a{
    color: #010043;
}

#page_product_detail p.title_products{
    padding: 22px 0;
    text-align: center;
    line-height: 0;
    position: relative;
}

#page_product_detail p.title_products img{
    width: 90px;
    height: auto;
}
    
.ruby-text{
    line-height: 2.1;
    font-size:14px;
}
.ruby-text ruby,
#page_product_detail ruby.ruby-round{
    display: inline-table;
    margin: 0;
    padding: 0;
    border: none;
    white-space: nowrap;
    text-indent: 0;
    vertical-align: text-bottom;
}
.ruby-text ruby rb,
#page_product_detail ruby.ruby-round rb{
    display: table-row;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 1.4;
    text-align: center;
}
    
.ruby-text ruby rt,
#page_product_detail ruby.ruby-round rt{
    display: table-header-group;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 60%;
    line-height: 0.45;
    text-align: center;
}

#page_product_detail ruby.ruby-round rb {
    line-height: 1.4;
}
#page_product_detail ruby.ruby-round rt {
    font-size: 14px;
    font-weight: bold;
    font-family: 'NotoSans', Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',san-serif;
    line-height: 0.2;
}

@-moz-document url-prefix(){
  #page_product_detail ruby.ruby-round rb{
    line-height: 1.6;
  }
}

/* -----------------------------------
    #section_product
----------------------------------- */
#section_product{
    height: 470px;
    padding: 86px 0 0 0;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}

#section_product .section_inner{
    width: 800px;
    margin: 0 auto;
}

#section_product .product_img{
    width: 235px;
    text-align: center;
    float: left;
}

#section_product .product_img img{
    height: auto;
}

.clean-lyt #section_product{
    height:auto;
    padding-bottom:60px;
}


.t_wash #section_product .product_img img{ width: 88px;}
.c_lotion #section_product .product_img img{ width: 98px;}
.c_cream #section_product .product_img img{ width: 250px;}
.c_oil #section_product .product_img img{ width: 142px;}

.t_wash #section_product .product_img{ margin: -5px 0 0 0;}
.c_lotion #section_product .product_img{ margin: -10px 0 0 0;}
.c_cream #section_product .product_img{ margin: 5px 0 0 0;}
.c_oil #section_product .product_img{ margin: -5px 0 0 0;}
.clean-lyt #section_product .product_img{ margin: 0px 0 0 0;}
    
/* EXCEPTION FOR FACE POWDER */ 
.face_powder.clean-lyt #section_product .product_img img{
    margin-top:100px;
}
.face_powder.clean-lyt #section_detail #how_to_use .img_use {
        margin-top:30px;
        margin-bottom:30px;
    }
/* EXCEPTION FOR CONCENTRATE PROGRAM */
.concentrate_program.clean-lyt #section_product .col_right h1{
    margin: 0 0 10px 0;
}
.concentrate_program.clean-lyt #section_product .product_img img{
    margin-top:40px;
}
.concentrate_program #section_product .row .desc .ico_arrow_01 {
    margin-bottom: 15px;
}

#section_product .col_right{
    width: 565px;
    padding: 0 50px 0 0;
    box-sizing: border-box;
    text-align: left;
    float: right;
}
    
#section_product .desc>ul>li{
    padding-left: 1em;
    text-indent: -1em;
}

.c_cream #section_product .product_img{ width: 355px;}
.c_cream #section_product .col_right{ width: 445px;}

.c_treatment #section_product .product_img{ width: 315px;}
.c_treatment #section_product .col_right{ width: 485px;}
.c_treatment #section_product .product_desc{position: relative; left: 20px;}

.clean-lyt #section_product .product_img{ width: 350px;}
.clean-lyt #section_product .col_right,
.clean-lyt #section_product .row{
    float:right;
    width: 450px;
}
    
.c_cream #section_product .col_right{ width: 445px;}


/**
 * Concentrate Lotion Kit
 */
.c_lotion_kit #section_product {
    height: auto;
    padding-bottom:  75px;
}
.c_lotion_kit #section_product .section_inner {
    width:  695px;
}
.c_lotion_kit #section_product .section_inner:after {
    content: "";
    clear: both;
    display: block;
}
.c_lotion_kit #section_product .product_img { width: 300px; }
.c_lotion_kit #section_product .product_img img { width: 300px; }
.c_lotion_kit #section_product .product_desc{ 
    float: right;
    width: 345px;
}
.c_lotion_kit #section_product .col_right h1 {
    letter-spacing: -0.12em;
}
.c_lotion_kit #section_product .product_desc .col_right{
    float: none;
    width:  345px;
    padding-right: 0;
} 
.c_lotion_kit #section_product .col_right .vol {font-size: 14px; line-height: 1.5;}
.c_lotion_kit #section_product .product_desc .desc {margin-right: 0;}
.c_lotion_kit #section_product .product_desc .notes {
    font-size: 12px; 
    margin-top: -20px;
    padding: 1em;
    text-indent: -1em;
}
.c_lotion_kit #section_product .row .how_to {width: 100%;}
    
/**
 * Makeup_sponge_l & Face_puff
 */
    
.face_puff #section_product .col_right h1,
.makeup_sponge_l #section_product .col_right h1 {
    margin: 0 0 25px 0;/*-4px;*/
}

/**
 * Trial Kit
 */
.trial_kit #section_product {
     height: 496px;
 }
.trial_kit #section_product .col_right {
    width: 450px;
    padding: 0;
    float: right;
    margin-bottom: 40px;
}
.trial_kit #section_product .col_right h1{
    margin: 0 0 10px 0;
}
.trial_kit #section_product .row .desc .desc_ttl {
    display: inline-block;
    line-height: 1.0;
    margin-bottom: 15px;
}
.trial_kit #section_product .row .desc .ico_arrow_01 {
    margin-bottom: 15px;
}
.trial_kit #section_product .product_img img { width: 278px;}
.trial_kit #section_product .product_img img.product_img_limited { width: 250px; margin-bottom: 6px;}
.trial_kit #section_product .product_img { width: 278px;}

.trial_kit #section_product .row {
    width: 450px;
    padding: 0;
    float: right;
}
.trial_kit #section_product .row .how_to { width: 450px;}
.trial_kit #section_product .product_img_limited.sp {
    display: none;
}
.trial_kit #section_detail .item_hd .item_name {
    display: inline-block;
}
/* Shoplist 非表示 */
.trial_kit #section_product .how_to .buy {
    display: none;
}
/* Shoplist 非表示 */

/**
 * Concentrate Oil Kit
 */
.c_oil_kit #section_product {
     height: 496px;
 }
.c_oil_kit #section_product .col_right {
    width: 450px;
    padding: 0;
    float: right;
    margin-bottom: 40px;
}
.c_oil_kit #section_product .row .desc .desc_ttl {
    display: inline-block;
    line-height: 1.0;
    margin-bottom: 15px;
}
.c_oil_kit #section_product .row .desc .ico_arrow_01 {
    margin-bottom: 15px;
}
.c_oil_kit #section_product .product_img img { width: auto; }
.c_oil_kit #section_product .product_img img.product_img_limited { width: 250px; margin-bottom: 20px;}
.c_oil_kit #section_product .product_img { width: 278px;}

.c_oil_kit #section_product .row {
    width: 450px;
    padding: 0;
    float: right;
}
.c_oil_kit #section_product .row .how_to { width: 450px;}
.c_oil_kit #section_product .product_img_limited.sp {
    display: none;
}
.c_oil_kit #section_detail .item_hd .item_name {
    display: inline-block;
}
/* Shoplist 非表示 */
.c_oil_kit #section_product .how_to .buy {
    display: none;
}
/**
 * Cyclator
 */

/* 12/1まで */
    /*
.cyclator #section_product .how_to .buy {
    display: none;
}
    */
/* 12/1まで */
.cyclator_kit #section_detail #how_to_use ul.use_fig,
.cyclator #section_detail #how_to_use ul.use_fig {
    height: 475px;
}
.cyclator_kit #section_detail #how_to_use ul.use_fig li.img_use.img_use_2 ,
.cyclator #section_detail #how_to_use ul.use_fig li.img_use.img_use_2 {
    top: 167px;
}
/* Shoplist 非表示 */

#section_product .col_right .category{
    height: 20px;
    margin: 0 0 10px 0;
    padding: 3px 6px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #010042;
    font-size: 10px;
    letter-spacing: .05em;
}

#section_product .col_right .brand{
    margin: 0 0 4px 0;
    font-size: 14px;
    letter-spacing: 0;
}

#section_product .col_right h1{
    margin: 0 0 15px -4px;
    font-size: 30px;
    letter-spacing: -.05em;
}

#section_product .col_right .vol{
    font-size: 18px;
    letter-spacing: 0;
}
#section_product .col_right .vol:last-child{ margin: 0 0 30px 0;}
.c_treatment #section_product .col_right .vol{ font-size: 14px; line-height: 1.5em;}

#section_product .row .desc{
    margin: 0 40px 35px 0;
    font-size: 14px;
    line-height: 1.428em;
    letter-spacing: .05em;
}
.c_treatment #section_product .row .desc{ margin-bottom: 20px;}
    
/* EXCEPTION FOR CONCENTRATE PROGRAM */
.concentrate_program.clean-lyt #section_product .col_right h3{
    margin-bottom:30px;
}
.concentrate_program.clean-lyt #section_product .row .desc{
    margin: 0 40px 30px 0;
}    
    
#section_product .row .desc .ico_arrow {
    padding: 0 0 0 18px;
    position: relative;
    display: inline-block;
}
#section_product .row .desc .ico_arrow:before {
    content: '';
    width: 6px;
    height: 100%;
    display: block;
    background-image:url(../images/products/detail/parts_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    position: absolute;
    top: 1px;
    left: 0;
}
#section_product .row .desc .ico_arrow a:hover {
    text-decoration: underline;
}
    
/**
 * .color_variations
 */

#section_product .row .color_variations {
   margin-top:30px;
}
#section_product .row .color_variations ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap:70px;
    -moz-column-gap:70px;
    column-gap: 70px;
    
}
#section_product .row .color_variations.single ul {
    height:70px;/* (IMG HEIGHT)60px + (MARGIN BOTTOM)10px */
}
    
#section_product .row .color_variations li {
    display: inline-block;
    white-space: nowrap;
    margin-bottom:10px;
}
    
#section_product .row .color_variations li img {
    display:inline-block;
    width:30px;
    height:auto;
    margin-right:8px;
    vertical-align: middle;
    image-rendering: optimizeQuality;
}

#section_product .row .color_variations li img.large {
    width:60px;
}
    
#section_product .row .color_variations li p{
    display:inline-block;
    font-size: 10px;
    vertical-align: middle;
}
    
#section_product .row .color_variations li p span.co_ref{
    font-size: 14px;
    margin-right:5px;
}

    

#section_product .row .how_to{
    width: 525px;
    float: left;
    height: 52px;
    line-height: 48px;
    padding: 0 10px 0 3px;
    box-sizing: border-box;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}
.c_cream #section_product .row .how_to{ width: 400px;}
.c_treatment #section_product .row .how_to{ margin-top: 15px; width: 450px;}
.clean-lyt #section_product .row .how_to{ float:right;width:450px;}

#section_product .row .how_to .buy{
    padding: 0 0 0 18px;
    font-size: 14px;
    letter-spacing: .05em;
    float: left;
    position: relative;
}

#section_product .row .how_to .buy a:hover{
    text-decoration: underline;
}

#section_product .row .how_to .buy:before{
    content: '';
    width: 6px;
    height: 100%;
    display: block;
    background-image:url(../images/products/detail/parts_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    position: absolute;
    top: 1px;
    left: 0;
}

#section_product .row .how_to .sns_list{
    width: auto;
    float: right;
}

#section_product .row .how_to .sns_list li{
    margin: 0 0 0 6px;
    display: inline-block;
    vertical-align: top;
}

#section_product .row .how_to .sns_list li img{
    width: 30px;
    height: auto;
    margin: 10px 0 0 0;
    transition: opacity .1s ease;
}

#section_product .row .how_to .sns_list li img:hover{
    opacity: .7;
}

/* -----------------------------------
    #section_detail
----------------------------------- */
#section_detail{
    clear: both;
    overflow: hidden;
    background-color: #f6f6f6;
    /*padding-top:40px;*/
    padding:0 0 45px;
}
#section_detail .section_detail_01,
#section_detail .section_detail_02 {
    overflow: hidden;
    padding-bottom: 45px;
}
#section_detail .section_detail_02 {
    background-color: #fff;
}

#section_detail .item_hd {
    width: 720px;
    padding-bottom: 20px;
    margin: 35px auto 35px auto;
    border-bottom: 1px solid #010042;
    text-align: center;
}
#section_detail .item_hd .category {
    height: 20px;
    padding: 3px 6px;
    margin-right: 12px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #010042;
    font-size: 10px;
    letter-spacing: .05em;
    vertical-align: 4px;
}
#section_detail .item_hd .item_name {
    font-size: 18px;
    box-sizing: border-box;
    display: inline-block;
}

/*
    #feature
*/
#section_detail #feature{
    width: 800px;
    margin: 60px auto 0px auto;
    overflow: hidden;
}

#section_detail #feature h3{
    margin: 0px 0 30px 0;
    text-align: center;
}
#section_detail .section_detail_01 #feature h3,
#section_detail .section_detail_02 #feature h3 {
    margin: 30px 0 30px 0;
}
    
#section_detail #feature .desc > p{
    width: 720px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0;
}

#section_detail #feature ul{
    padding: 0 40px;
}

#section_detail #feature li{
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0;
}
#section_detail #feature li:not(:last-child){
    margin: 0 0 20px 0;
}

#section_detail #feature li.bold{ font-weight: bold;}
.c_treatment #section_detail #feature li{ margin-bottom: 9px;}
.c_treatment #section_detail #feature li.btm{ margin-bottom: 20px;}

#section_detail #feature li.caution{
    text-align: right;
    font-size: 12px;
}

.clean-lyt .caution:before{
    content:"※";
}
.clean-lyt .caution{
    display:block;
    text-align: left !important;
    font-size: 12px;
    padding-left:15px;
    text-indent: -15px;
}

/*
  #actirise
*/
.actirise #section_product {
  height: auto;
  padding-bottom: 60px;
}
.actirise #section_product .product_img{ width: 350px;}
.actirise #section_product .col_right,
.actirise #section_product .row,
.actirise #section_product .row .how_to {
  float:right;
  width: 450px;
}
.actirise #section_product .row .desc {
  margin: 0 0 35px 0
}
.actirise #section_product .row .ruby-text {
  line-height: 1.75;
}
.actirise .caution:before {
  content:"※";
}
.actirise .caution {
  display: block;
  margin-top: 20px;
  text-align: left !important;
  font-size: 12px;
  padding-left: 15px;
  text-indent: -15px;
}

.a_program #section_product .col_right .vol {
  font-size: 14px;
}

.a_program #section_product .a_program_list {
  margin-top: 15px;
}

.a_program #section_product .a_program_list li {
  margin-bottom: 10px;
}

.a_program #section_product .a_program_list li a {
  padding: 0 0 0 18px;
  font-size: 14px;
  position: relative;
}

.a_program #section_product .a_program_list li a:hover {
  text-decoration: underline;
}

.a_program #section_product .a_program_list li a:before {
  content: '';
  width: 6px;
  height: 100%;
  display: block;
  background-image: url(../images/products/detail/parts_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px;
  position: absolute;
  top: 1px;
  left: 0;
}

/*
    #how_to_use
*/
#section_detail #how_to_use{
    width: 800px;
    margin: 60px auto 10px auto;
    overflow: hidden;
    position: relative;
}

#section_detail #how_to_use h3{
    margin: 0 0 30px 0;
    text-align: center;
}

#section_detail #how_to_use ul{
    padding: 0 40px;
}
#section_detail #how_to_use li{
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0;
}
#section_detail #how_to_use li:not(:last-child){
    margin: 0 0 20px 0;
}
/*使用方法 oil 一調整*/
.use_c_oil{
    top: 72px;
    }

#section_detail #how_to_use li.bold{ font-weight: bold;}
.c_treatment #section_detail #how_to_use li{ margin-bottom: 9px;}
.c_treatment #section_detail #how_to_use li.btm{ margin-bottom: 20px;}

#section_detail #how_to_use .img_use{
    position: absolute;
    right: 40px;
    top:0;/*bottom: 0;*/
}
    
#section_detail #how_to_use ul.use_fig li.how_to_use_subttl {
    font-weight: bold;
    margin-top: 40px;
}
    
.clean-lyt #section_detail #how_to_use .img_use.default{
    position:relative;
    top:auto;
    bottom:auto;
    right:auto;
    left:auto;
}

/*
    #plant_component
*/
#plant_component{
    margin: 60px 0 30px 0;
    text-align: center;
}

#plant_component h3{
    margin: 0 0 25px 0;
}

#plant_component h4{
    margin: 15px 0 30px 0;
    font-size: 14px;
    font-weight: bold;
}

#plant_component .section_inner{
    width: 800px;
    margin: 0 auto;
}

#plant_component li{
    width: 180px;
    margin: 0 0 20px 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0;
    white-space: nowrap;
}

#plant_component li .name span{
    display: block;
}

#plant_component li.blank{ display: none;}

#plant_component li .img{
    margin: 0 0 2px 0;
}
#plant_component .plant_txt{
    font-size: 12px;
    margin: 6px 0 20px 0;
}

/*
    #component
*/
#component{
    /*margin: 0 0 45px 0;*/
}

#component h3{
    width: 700px;
    height: 40px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    line-height: 44px;
    background-color: #01003e;
    cursor: pointer;
    position: relative;
}

.lang_en #component h3{
    line-height: 48px;
}

#component h3:before{
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: 12px;
    right: 22px;
    transition: all .15s ease;
    -webkit-transition: all .15s ease;
}

#component h3:after{
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 19px;
    right: 15px;
    transition: all .15s ease;
    -webkit-transition: all .15s ease;
}

#component h3:hover:before{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

#component h3:hover:after{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.for_ie #component h3.on:before{ height: 15px !important; top: 12px !important; right: 22px !important;}
.for_ie #component h3.on:after{ width: 15px !important; top: 19px !important; right: 15px !important;}

#component h3.on:before{
    content: '';
    display: block;
    width: 1px;
    height: 19px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#component h3.on:after{
    content: '';
    display: block;
    width: 19px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 19px;
    right: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.for_ie #component h3:before{
    width: 15px !important;
    height: 15px !important;
    content: '';
    display: block;
    background-color: transparent !important;
    background-image:url(../images/parts_ico_accordion_pc.png);
    background-size: 15px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    position: absolute;
    top: 12px !important;
    right: 15px !important;
}

.for_ie #component h3.on:before{
    background-image:url(../images/parts_ico_accordion_pc_on.png);
    background-size: 13px !important;
    right: 15px !important;
}

.for_ie #component h3:after{
    display: none !important;
}

#component .section_inner{
    width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #ededed;
    font-size: 11px;
    line-height: 1.818em;
    letter-spacing: 0;
}

#component .section_inner p{
    margin: 0 0 -5px 0;
    padding: 10px 20px;
}

#component .section_inner p:last-child{
    margin: 0 0 5px 0;
}


/* -----------------------------------
    #related_list
----------------------------------- */
#related_list{
    padding: 40px 0 45px 0;
    text-align: center;
    color: #01003e;
    background-color: #fff;
}

#related_list a{
    color: #01003e;
    transition: opacity .1s ease;
}

#related_list a:hover{
    opacity: .7;
}

#related_list li{
    width: 250px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#related_list h4{
    margin: 0 0 35px 0;
    font-size: 16px;
    letter-spacing: 0;
}

#related_list .img{
    width: 100%;
    text-align: center;
    margin-bottom : 20px;
}

#related_list .img img{
	height: auto;
	width : 65%;
}

#related_list .name{
    margin: 0 0 0 0;
    font-size: 12px;
    letter-spacing: -.05em;
}

#related_list .category{
    padding: 3px 6px;
    margin: 0 0 10px 0;
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #01003e;
    font-size: 10px;
    letter-spacing: .05em;
}
#related_list .name .h_note {
    font-size: 10px;
}

/**
 * Form Reset
 */
.wrap_checkbox .reset {
    position:absolute;
    display: block;/*inline-block;*/
    width: 90px;
    height: 24px;
    top:50%;
    right:47px;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    line-height: 24px;
    background: #FFF;
    color: #000125;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.no-filter .wrap_checkbox .reset {
    opacity: 0.3;
}
 .wrap_checkbox .reset:hover {
        opacity: 0.8;
    }

.wrap_checkbox .reset:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background-image: url('../images/products/parts_ico_close.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 5px;
}

/**
 * Bottom Reset
 */
#page_product .reset_btm {
    text-align: center;
    color: #FFF;
    margin-top: 60px;
}

.no-filter .reset_btm {
    display: none;
}

#page_product .reset_btm span {
    cursor: pointer;
}
#page_product .reset_btm span:hover {
    opacity: 0.6;
}

#page_product .reset_btm span:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 10px;
    background-image: url('../images/products/parts_arrow_left.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 5px;
}


} /* ----- min-width : 641px ----- */