@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');

.base_style div, .base_style span, .base_style object, .base_style iframe, .base_style h1, .base_style h2, .base_style h3, .base_style h4, .base_style h5, .base_style h6, .base_style p, .base_style blockquote, .base_style pre, .base_style abbr, .base_style address, .base_style cite, .base_style code, .base_style del, .base_style dfn, .base_style em, .base_style img, .base_style ins, .base_style kbd, .base_style q, .base_style samp, .base_style small, .base_style strong, .base_style sub, .base_style sup, .base_style var, .base_style b, .base_style i, .base_style dl, .base_style dt, .base_style dd, .base_style ol, .base_style ul, .base_style li, .base_style fieldset, .base_style form, .base_style label, .base_style legend, .base_style table, .base_style caption, .base_style tbody, .base_style tfoot, .base_style thead, .base_style tr, .base_style th, .base_style td, .base_style article, .base_style aside, .base_style canvas, .base_style details, .base_style figcaption, .base_style figure, .base_style footer, .base_style header, .base_style hgroup, .base_style menu, .base_style nav, .base_style section, .base_style summary, .base_style time, .base_style mark, .base_style audio, .base_style video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
.base_style ol, .base_style ul { list-style: none; }
.base_style img { border: none; vertical-align: bottom; }
.base_style b, .base_style strong { font-weight: bold; }
.base_style small { font-size: 80%; line-height: 1.3; }
.base_style sub, .base_style sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.base_style sup { top: -0.5em; }
.base_style sub { bottom: -0.25em; }
.base_style table { border-collapse: collapse; border-spacing: 0; }
.base_style blockquote, .base_style q { quotes: none; }
.base_style blockquote:before, .base_style blockquote:after, .base_style q:before, .base_style q:after { content: ''; content: none; }
.base_style * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
.base_style a, .base_style a img { -webkit-tap-highlight-color: transparent !important; }
.base_style a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.base_style a:active, .base_style a:hover { outline: 0; }
.base_style a img { border: none; }

.base_style .min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.font_style { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, 'メイリオ',"ＭＳ Ｐゴシック", sans-serif; color: #444; }

.base_style .c_id { color: #ff0000; }
.base_style .c_noevir_green { color: #1a9641; }
.base_style a:hover .over { opacity: 0.9; filter: alpha(opacity=90); }
.base_style a.none:link, .base_style a.none:visited, .base_style a.none:hover, .base_style a.none:visited:hover, .base_style a.none:active { text-decoration: none; }
.base_style .product_name { font-size: 16px; font-size: 1.0rem; line-height: 1.7; font-weight: bold; }
.base_style .product_spec { font-size: 14px; font-size: 0.875rem; line-height: 1.6; line-height: 1.8; }
.base_style .btn_order { display: inline-block; margin-top: 10px; margin-bottom: 10px; }
.base_style .btn_order a { display: inline-block; text-decoration: none; }
.base_style .btn_order a span { display: block; font-size: 1px; line-height: 1px; border-radius: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA15B', endColorstr='#FF7D1D' ,GradientType=0)"; zoom: 1; background: -moz-linear-gradient(50% 0% -90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: -webkit-linear-gradient(-90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: -webkit-gradient(linear, 50% 0%, 50% 99.84%, color-stop(0, #ffa15b), color-stop(0.2484, #ff9b51), color-stop(0.6678, #ff8c37), color-stop(1, #ff7d1d)); background: -ms-linear-gradient(-90deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); background: linear-gradient(180deg, #ffa15b 0%, #ff9b51 24.84%, #ff8c37 66.78%, #ff7d1d 100%); }
.base_style .btn_l span { padding: 15px 45px; }
.base_style .btn_m span { padding: 10px 20px; }
.base_style .ic-jyun { color: #00a059; font-size: 110%; }
.base_style .notes { font-size: 10px; font-size: 0.625rem; line-height: 1.4; }
.base_style .notes_r { font-size: 10px; font-size: 0.625rem; line-height: 1.4; text-align: right; }
.base_style .notes_l { font-size: 10px; font-size: 0.625rem; line-height: 1.4; text-align: left; }
/*.base_style .enclosed { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important; display: inline-block; font-size: 10px; line-height: 14px; padding: 0px 4px; font-weight: normal; border: 1px solid #333; color: #333; margin: 0 4px; vertical-align: middle; }*/
.base_style .columns { zoom: 1; }
.base_style .columns:before, .base_style .columns:after { content: " "; display: table; }
.base_style .columns:after { clear: both; }
.base_style .col_left { float: left; display: inline; }
.base_style .col_middle { float: left; display: inline; }
.base_style .col_right { float: right; display: inline; }
.base_style .space_fix { letter-spacing: -1em; word-spacing: -1em; }
:root .base_style .space_fix { font-size: 1px; letter-spacing: -1px; word-spacing: -1px; }
.base_style .space_fix li { font-size: 1.3rem; letter-spacing: normal; word-spacing: normal; }
.base_style .first { margin-left: 0 !important; }
.base_style .last { margin-right: 0 !important; }
.base_style .mg_btm0 { margin-bottom: 0 !important; }
.base_style .mgn_r5 { margin-right: 5px !important; }
.base_style .mgn_l5 { margin-left: 5px !important; }
.base_style .bg_none { background-image: none !important; }
.base_style .bd_btm_none { border-bottom: none !important; }
.base_style .al_l { text-align: left !important; }
.base_style .al_r { text-align: right !important; }
.base_style .al_c { text-align: center !important; }
.base_style .clf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }
.base_style .clf { display: inline-block; zoom: 1; }
.base_style * html .clf { height: 1%; }
.base_style .clf { display: block; }
.base_style .fl_l { float: left; display: inline; }
.base_style .fl_r { float: right; display: inline; }
.base_style .styletop_back { text-align: center; margin: 30px 0; }
/*.base_style .styletop_back a { display: inline-block; background-image: url("../images/ic_bullet.png"); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; font-size: 14px; font-size: 0.875rem; line-height: 1.6; color: #1a9641; text-decoration: none; }*/
.base_style .styletop_back a:link { color: #1a9641; }
.base_style .styletop_back a:visited { color: #1a9641; }
.base_style .styletop_back a:hover { color: #1a9641; text-decoration: underline; }
.base_style .styletop_back a:visited:hover { color: #1a9641; text-decoration: underline; }
.base_style .styletop_back a:active { color: #1a9641; text-decoration: underline; }




.DetailPage { /*プレゼント対象商品*/ }
.DetailPage a { color: #3e8a5b; }
.DetailPage a:link { color: #3e8a5b; }
.DetailPage a:visited { color: #3e8a5b; }
.DetailPage a:hover { color: #24c671; }
.DetailPage a:visited:hover { color: #24c671; }
.DetailPage a:active { color: #24c671; }
.DetailPage p { margin: 0 ; }
.DetailPage h3 { margin: 0 0 30px 0;}
.DetailPage em { font-weight: bold; font-style: normal; }
.DetailPage .frame { width: 100%; margin: 0 auto; padding-bottom: 20px; }

.DetailPage .frame > *{width:940px;margin-left:auto;margin-right:auto;}
.DetailPage .no { color: #f06; }
.DetailPage .out { display: inline-block; vertical-align: middle; background: #fff; padding: 2px 3px; border: 1px solid #000; font-size: 9px; line-height: 9px; color: #000; }
.DetailPage dl a,
.DetailPage dl a:link,
.DetailPage dl a:visited,
.DetailPage a.catch-link,
.DetailPage a:link.catch-link,
.DetailPage a:visited.catch-link { color: #000; text-decoration: none; }
.DetailPage dl a:hover,
.DetailPage dl a:active,
.DetailPage a:hover.catch-link,
.DetailPage a:active.catch-link { color: #00a6ba; text-decoration: underline; }

/*TOP*/
.DetailPage .topimg { position: relative; width: 940px; margin: 0 auto 50px; z-index: 1; }
.DetailPage .topimg h2 { position: relative; margin: 0; z-index: 2; }
.DetailPage .topimg .btn { position: absolute; bottom: 60px; left: 115px; margin: 0; z-index: 3; }

/*新商品*/
.DetailPage .newgoods { position: relative; width: 100%; margin: 60px 0 60px 0; z-index: 1; height:944px;background:url(../images/mv2.png) center top no-repeat;}
.DetailPage .newgoods h3 { position: relative;margin:0px auto; z-index: 2;width:1256px; }
.DetailPage .newgoods .btn1 { position: absolute; top: 432px;left: 50%; margin: 0; z-index: 3; }
.DetailPage .newgoods .btn2 { position: absolute;bottom: 170px;left: 50%; margin: 0; z-index: 3;margin-left: -440px;}
.DetailPage .newgoods .btn3 { position: absolute;bottom: 45px;left: 50%; margin: 0; z-index: 3;}

/*レイセラフェア*/
.DetailPage .rayselafair { margin: 0; margin:0px auto;}
.DetailPage .rayselafair_caution { margin: 0 auto 60px; padding: 20px 35px 0 35px; font-size: 11px; }

/*商品*/
.DetailPage .goods_area { margin: 0 0 40px 0; padding: 30px 0 1px 35px;width:940px;box-sizing:border-box;margin-left:auto;margin-right:auto; }
.DetailPage .goods_area h5 { height: 40px; padding: 0 0 0 0; font-size: 0; line-height: 1; overflow: visible; }
.DetailPage .goods_area .blank { height: 40px; }
.DetailPage .goods_area .goods_list { width: 880px ; margin: 0 0 40px 0; display: table ; }
.DetailPage .goods_area .goods_list .goods { position: relative; display: table-cell; width: 400px; vertical-align: top; overflow: visible; padding: 0 20px; }
.DetailPage .goods_area .goods_list .goods.noneline {
	display: table-cell;
	width: 400px;
	vertical-align: top;
	overflow: visible;
	padding: 0 20px;
	position: static;
}
.DetailPage .goods_area .goods_list .goods:after { content:" "; position: absolute; width: 400px; left: 20px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list .goods h5 { width: 250px ; height: 40px; margin: 0; padding: 0; overflow: visible; }
.DetailPage .goods_area .goods_list .goods img { display: block; margin: 0 auto;}
.DetailPage .goods_area .goods_list.c3 .goods { position: relative; width: 290px; padding: 0 5px; }
.DetailPage .goods_area .goods_list.c3 .goods:after { content:" "; position: absolute; width: 250px; left: 0px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list.c2 .goods.nline div.afc{display:flex;align-items:center;padding-bottom:10px;}
/*.DetailPage .goods_area .goods_list.c3 .goods.nline div.afc span{box-sizing:border-box;padding-bottom:5px;display:flex;align-items:center;width:68px;height:68px;border:1px solid #999;border-radius:50%;justify-content:center;text-align:center;font-size:12px;line-height:1.4;margin-right:7px;flex-shrink:0;}*/
.DetailPage .goods_area .goods_list.c3 .goods.nline div.afc small{font-size:11px;}
.DetailPage .goods_area .goods_list.c4 { width: 880px ; }
.DetailPage .goods_area .goods_list.c4 .goods { position: relative; width: 182px; padding: 0 18px; }
.DetailPage .goods_area .goods_list.c4 .goods:after { content:" "; position: absolute; width: 182px; left: 18px; bottom: 0; border-bottom: 1px dotted #999; }
.DetailPage .goods_area .goods_list.c4 .gblank { display: table-cell; position: relative; width: 200px; padding: 0 10px; }
.DetailPage .goods_area .goods_list dl { margin: 5px 0 0 0; padding: 10px 0; border-top: 1px dotted #999; }
.DetailPage .goods_area .goods_list dt { margin: 0 0 4px 0; line-height: 1.4; font-size: 14px; font-weight: bold; }
.DetailPage .goods_area .goods_list dd { font-size: 12px; line-height: 1.5; }
.DetailPage .goods_area .goods_list dd em{font-size: 14px; font-weight: bold;font-style:normal;color:#000;}
.DetailPage .goods_area .goods_list dd small{font-size:0.86em;line-height:1.5;}
.DetailPage .goods_area .goods_list dd+dd{margin-top:4px;}
.DetailPage .goods_w { width: 100%; }
.DetailPage .goods_w:after { content: "." ; font-size: 0.1em ; line-height: 0 ; display: block ; height: 0 ; visibility: hidden ; clear: both ; }
.DetailPage .goods_w .goods_l { float: left; width: 280px; }
.DetailPage .goods_w .goods_l .goods_list.c4 { position: relative; width: 220px; }
.DetailPage .goods_w .goods_l .goods_list .goods { position: relative; width: 200px; padding: 0 10px; }
.DetailPage .goods_w .goods_r { float: right; width: 610px; }
.DetailPage .goods_w .goods_r .goods_list.c4 { position: relative; width: 440px; }
.DetailPage .goods_w .goods_r .goods_list .goods { position: relative; width: 200px; padding: 0 10px; }

/*スキンケア*/
.DetailPage .goods_caution { font-size: 12px; }
.DetailPage .goods_caution p { margin: 15px 0 0 0; }

/*バナー*/
.DetailPage .present_banner { margin: 40px auto 0; }



/*リップスティック 比較表＆カラーチャート*/
.s-min {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.product_box,.colorchart_box{
    width: 940px;
    margin: auto;
    text-align: center;
}
section.product_box{
    margin: 40px 0 0 0;
}
.f-box{
    display: flex;
}
div.act_box,div.spe_box {
    width: 23%;
    margin:0 30px;
  }

.product_box .f-box{
    justify-content: center;
    align-items: center;
}

div.in_box,p.in_box{
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
    min-height: 9em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product_box h2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em;
    min-height: 5em;
    border-radius: 5px;
    margin: 0 0 20px;
    color: #FFF;
    line-height: 1.2em;
}
 .spe_box h2{
    background-color: #ed94c9;
}
 .act_box h2{
    background-color: #efa66a;
}
.product_box a{
  display: inline;
}
.product_box a img{
  filter: brightness(100%);
  transition: filter 0.3s ease;
}
.product_box a img:hover {
  filter: brightness(108%);
}

.img_pro{
    width: 39%;
}
.img_model{
    width: 50%;
}
.img_bar{
    width: 70%;
}

section.colorchart_box{
    margin:80px auto 0;
    text-align: right;
}

img.img_colorchart{
    width: 75%;
    display: block;
    margin:0 auto 5px;
}

section.colorchart_box p{
    width: 75%;
    margin:0 auto;
}



div.main-content-header {
    display: table;
    width: 100%;
    margin-bottom: 28px;
    padding: 0 10px 5px;
    border-bottom: 1px solid #355e45;
    box-sizing: border-box;
}
.main-content-header .header-tit {
    display: table-cell;
    padding: 2px 15px 4px 10px;
    border-left: 4px solid #dcefe2;
    box-sizing: border-box;
}
.main-content-header .header-tit .tit {
    color: #4c4c4c;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.5;
}
.main-content-header .header-tit .img img {
    width: 550px;
    vertical-align: middle;
}
.main-content-header .header-link {
    text-align: right;
    display: table-cell;
    white-space: nowrap;
    vertical-align: bottom;
    padding-bottom: 5px;
}
a.ic-bullet-back {
    padding-left: 22px;
}