@charset "UTF-8";


/* sass */
/* 追加 */
.hdg-lv1 { display: none; }

.u-sp-br { display: inline; }

.u-sp-disp { display: block; }

.u-pc-disp { display: none; }

body { min-width: 320px; background-image: url(../image/bg_sp.jpg); background-repeat: repeat-y; background-color: #8F1D2B; }

.l-all img { max-width: 100%; }

.l-body { background: #fff; }

.l-body .list-share { padding: 10px 0 0; text-align: center; font-size: 0; margin-top: 5px; }

.l-body .list-share > li { display: inline-block; vertical-align: top; margin: 0 10px; }

.l-body .list-share > li a { display: block; }

.l-body .list-share > li a img { width: 45px; height: auto; }

.l-head { padding: 18px; }

.l-head .img-logo { text-align: center; }

.l-head .img-logo img { height: 18px; width: auto; }

.l-body-simulation { text-align: center; }

.l-body-simulation #YMK-module > * { margin: 0 auto; }

.l-body-main { padding: 0 20px 0px; overflow: hidden; /* タブメニュー
-------------------------*/ /* タブコンテンツ
-------------------------*/ /* ご購入はこちら */ /* リセット */ /* SNSでシェアする */ }

.l-body-main .wrap-select { margin: 0 -20px; /* Liner */ }

.l-body-main .wrap-select .inner-sel { overflow-x: auto; overflow-y: hidden; padding-top: 2px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; font-size: 0; width: 100%; }

.l-body-main .wrap-select .list-sel { overflow: visible; white-space: nowrap; margin-top: 16px; }

.l-body-main .wrap-select .list-sel li { display: inline-block; vertical-align: top; margin-right: 20px; position: relative; font-size: 1.1rem; padding-bottom: 4.5em; /* 1 */ }

.l-body-main .wrap-select .list-sel li .colbtn { text-align: left; cursor: pointer; }

.l-body-main .wrap-select .list-sel li .colbtn .chip { display: block; position: relative; font-size: 1.2rem; font-weight: bold; text-indent: 3px; }

.l-body-main .wrap-select .list-sel li .colbtn .chip:before { transition: border-color 0.3s; content: ""; display: block; width: 74px; height: 74px; font-size: 0; box-sizing: border-box; margin-bottom: 8px; border-color: transparent; }

.l-body-main .wrap-select .list-sel li .colbtn .cno { margin-left: 3px; }

.l-body-main .wrap-select .list-sel li .colbtn .cname { display: inline-block; margin-top: 5px; margin-left: 3px; font-size: 1.1rem; line-height: 1.4; white-space: nowrap; position: absolute; }

.l-body-main .wrap-select .list-sel li .colbtn:focus { outline: 0; }

.l-body-main .wrap-select .list-sel li .colbtn.active .chip:before { border: 1px solid #9E1824; }

.l-body-main .wrap-select .list-sel li.bcc-ls0101 .chip { background-image: url(../image/bcc_ls0101.png); background-size: 74px 74px; background-repeat: no-repeat; }

.l-body-main .wrap-select .list-sel li.bcc-ls0102 .chip { background-image: url(../image/bcc_ls0102.png); background-size: 74px 74px; background-repeat: no-repeat; }

.l-body-main .wrap-select .list-sel li.bcc-ls0103 .chip { background-image: url(../image/bcc_ls0103.png); background-size: 74px 74px; background-repeat: no-repeat; }

.l-body-main .wrap-select .list-sel-pt2 { font-size: 0; margin: 16px 0 24px; overflow: visible; white-space: nowrap; }

.l-body-main .wrap-select .list-sel-pt2 > li { display: inline-block; vertical-align: top; font-size: 1.2rem; margin-right: 30px; width: 127px; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn { cursor: pointer; position: relative; z-index: 0; overflow: visible; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn:focus { outline: 0; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn:before, .l-body-main .wrap-select .list-sel-pt2 > li .colbtn:after { transition: border-color 0.3s; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn:before { content: ""; display: block; position: absolute; width: 127px; height: 82px; box-sizing: content-box; z-index: 1; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn:after { content: ""; display: block; position: absolute; width: 127px; height: 82px; width: 120px; height: 75px; box-sizing: content-box; top: 1px; left: 1px; border-color: transparent; }

.l-body-main .wrap-select .list-sel-pt2 > li .colbtn.active:before { background-image: url(../image/bcc_active.png); background-size: 127px 82px; }

.l-body-main .wrap-select .list-sel-pt2 > li .chip { position: relative; }

.l-body-main .wrap-select .list-sel-pt2 > li .cname { position: relative; margin-top: 8px; font-size: 1rem; line-height: 1.4; }

.l-body-main .wrap-select .list-sel-pt2 > li .cno { display: block; font-size: 1.2rem; font-weight: bold; margin-right: 5px; }

.l-body-main .wrap-select .thin-thick { font-size: 0; }

.l-body-main .wrap-select .thin-thick > li { display: inline-block; vertical-align: top; font-size: 1.2rem; }

.l-body-main .wrap-select .thin-thick > li .chip { display: block; width: 127px; height: 82px; background-repeat: no-repeat; background-position: 0 0; }

.l-body-main .wrap-select .thin-thick > li.bcc-sd0101 .chip { background-image: url(../image/bcc_sd0101.png); background-size: 127px 82px; }

.l-body-main .wrap-select .thin-thick > li.bcc-sd0102 .chip { background-image: url(../image/bcc_sd0102.png); background-size: 127px 82px; }

.l-body-main .wrap-select .thin-thick > li.bcc-sd0103 .chip { background-image: url(../image/bcc_sd0103.png); background-size: 127px 82px; }

.l-body-main .wrap-select .thin-thick > li.bcc-sd0104 .chip { background-image: url(../image/bcc_sd0104.png); background-size: 127px 82px; }

.l-body-main .wrap-select .thin-thick > li.bcc-sd0105 .chip { background-image: url(../image/bcc_sd0105.png); background-size: 127px 82px; }

.l-body-main .txt-select { font-weight: bold; }

.l-body-main .wrap-detail { border-top: #eee 1px solid; text-align: center; padding-top: 25px; }

.l-body-main .inner-dtl { margin: 0 -20px; position: relative; display: inline-block; }

.l-body-main .inner-dtl .img-dtl { position: absolute; top: 50%; left: 0; margin-top: -95px; }

.l-body-main .inner-dtl .img-dtl img { width: auto; height: 190px; }

.l-body-main .inner-dtl .wrap-pdt { min-height: 190px; padding-left: 75px; text-align: left; }

.l-body-main .inner-dtl .txt-pdt-name { font-size: 1.2rem; font-weight: bold; line-height: 1.6; margin-top: 25px; }

.l-body-main .inner-dtl .txt-pdt-dtl { font-size: 1.2rem; font-weight: bold; margin-top: 15px; }

.l-body-main .hdg-lv1 { padding-top: 25px; }

.l-body-main .hdg-lv1 img { width: auto; height: 24px; }

.l-body-main .hdg-lv1 .img-hdg { display: block; }

.l-body-main .hdg-lv1 .img-hdg + .img-hdg { margin-top: 7px; }

.l-body-main .txt-detail { line-height: 1.8; padding-top: 20px; }

.l-body-main .btn-detail { text-align: center; font-weight: bold; margin-top: 35px; }

.l-body-main .btn-detail a { display: block; background: #535353; color: #fff; padding: 18px; text-decoration: none; }

.l-body-main .btn-detail-soon { text-align: center; margin-top: 35px; }

.l-body-main .btn-detail-soon span { display: block; background: transparent url(../image/bg_btn_soon.png) repeat left top; padding: 18px; }

.l-body-main .list-detail { margin-top: 30px; border-top: #eee 1px solid; text-align: center; padding-top: 20px; }

.l-body-main .list-detail > li a { display: inline-block; }

.l-body-main .list-detail > li img { width: auto; height: 40px; }

.l-body-main .txt-notice { margin-top: 30px; font-size: 1.2rem; line-height: 1.5; color: #666; }

.l-body-main .list-notice { margin-top: 20px; }

.l-body-main .list-notice > li { font-size: 1.2rem; line-height: 1.5; color: #666; }

.l-body-main .wrap-tab-contents .wrap-one-content { display: none; }

.l-body-main .wrap-tab-contents .wrap-one-content.tabActive { display: block; }

.l-body-main .wrap-tab-contents .wrap-one-content .one-content { margin: 0 -20px; padding: 5px 20px 0; border-bottom: 1px solid #e6e6e6; }

.l-body-main .wrap-tab-contents .wrap-one-content .one-content:last-child { border-bottom-style: none; }

.l-body-main .wrap-tab-menu { background-color: #9E1824; padding-top: 8px; margin: 0 -20px; }

.l-body-main .tab-menu { display: flex; }

.l-body-main .tab-menu > li { width: 50%; height: 53px; display: flex; }

.l-body-main .tab-menu > li + li { margin-left: 1px; }

.l-body-main .tab-menu > li a { display: flex; align-items: center; justify-content: center; width: 100%; }

.l-body-main .tab-menu > li a:link { text-decoration: none; }

.l-body-main .tab-menu > li a:link, .l-body-main .tab-menu > li a:hover, .l-body-main .tab-menu > li a:visited { color: #fff; }

.l-body-main .tab-menu > li a span { display: block; background-image: url(../../image/tab_bg_sp.jpg); background-size: 375px 116px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; height: 53px; }

.l-body-main .tab-menu > li a.tabActive { background-color: #fff; background-position: left bottom; }

.l-body-main .tab-menu > li.eyes a span { width: 48px; background-position: -70px -10px; }

.l-body-main .tab-menu > li.eyes a.tabActive span { background-position: -70px -63px; }

.l-body-main .tab-menu > li.lips a span { width: 138px; background-position: -214px -10px; }

.l-body-main .tab-menu > li.lips a.tabActive span { background-position: -214px -63px; }

.l-body-main .hdg-lv2-pt1 { font-size: 1.4rem; line-height: 1.6; font-weight: bold; }

.l-body-main .wrap-itemname { display: flex; align-items: center; margin-top: 12px; }

.l-body-main .wrap-itemname .inner-itemneme { margin-top: 8px; order: 2; }

.l-body-main .wrap-itemname .ph-item { order: 1; width: 80px; flex: 0 0 60px; margin-right: 16px; }

.l-body-main .wrap-itemname .ph-item img { width: 60px; height: auto; }

.l-body-main .btn-buyhere { margin-top: 6px; }

.l-body-main .btn-buyhere > li { font-size: 1.1rem; }

.l-body-main .btn-buyhere > li a:link { color: #9E1824; text-decoration: none; }

.l-body-main .btn-buyhere > li a:visited { color: #9E1824; }

.l-body-main .btn-buyhere > li a:active, .l-body-main .btn-buyhere > li a:focus { color: #9E1824; }

.l-body-main .btn-buyhere > li a::before { content: ""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-top: 1px solid #9E1824; border-right: 1px solid #9E1824; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-body-main .btn-reset { margin: 0 -20px 0; padding: 15px 0; text-align: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.l-body-main .btn-reset > li { font-size: 1.4; line-height: 1.6; }

.l-body-main .btn-reset > li a:link { color: #9E1824; text-decoration: none; }

.l-body-main .btn-reset > li a:visited { color: #9E1824; }

.l-body-main .btn-reset > li a:active, .l-body-main .btn-reset > li a:focus { color: #9E1824; }

.l-body-main .btn-reset > li a::before { content: ""; display: inline-block; vertical-align: -0.25em; width: 18px; height: 18px; background: transparent url(../image/ico_reset.png) 0 0 no-repeat; background-size: 18px 18px; margin-right: 5px; }

.l-body-main .txt-share { margin-top: 30px; font-weight: bold; font-size: 1.4rem; line-height: 1.6; text-align: center; }

/* バナー以下
-----------------------*/
.l-body-sub { padding: 0 20px 40px; }

.list-banner { margin-top: 30px; text-align: center; }

.list-banner > li { display: inline-block; vertical-align: middle; position: relative; }

.list-banner > li a { display: block; padding: 2px; }

.list-banner > li a img { width: 100%; }

.txt-banner { margin-top: 10px; font-size: 1.2rem; line-height: 1.6; text-align: center; }

.txt-banner a:link { color: #9E1824; text-decoration: none; }

.txt-banner a:visited { color: #9E1824; }

.txt-banner a:active, .txt-banner a:focus { color: #9E1824; }

.lnk-banner { text-align: center; }

.lnk-banner > li { font-size: 1.4rem; line-height: 1.6; }

.lnk-banner > li a:link { color: #9E1824; text-decoration: none; }

.lnk-banner > li a:visited { color: #9E1824; }

.lnk-banner > li a:active, .lnk-banner > li a:focus { color: #9E1824; }

.lnk-banner > li a::before { content: ""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-top: 1px solid #9E1824; border-right: 1px solid #9E1824; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }

.wrap-sns { text-align: center; margin-top: 40px; }

.wrap-sns .txt-sns { color: #666; }

.wrap-sns .list-sns { font-size: 0; margin-top: 10px; }

.wrap-sns .list-sns > li { display: inline-block; margin: 0 4px; }

.wrap-sns .list-sns > li a { display: block; }

.wrap-sns .list-sns > li a img { width: 40px; height: auto; }

.l-foot { padding: 18px; }

.l-foot .copyright { text-align: center; color: #fff; }

.l-foot .copyright small { font-size: 1.2rem; }

.l-body .list-share > li iframe { width: 46px !important; height: 45px !important; }

@media print, all and (min-width: 768px) { .u-sp-br { display: none; }
  .u-sp-disp { display: none; }
  .u-pc-disp { display: block; }
  body { min-width: 0; background-image: url(../image/bg_pc.jpg); background-repeat: repeat-y; background-color: #8F1D2B; }
  .l-all { padding: 0 20px; min-width: 1030px; }
  .l-head { max-width: 1224px; margin: 0 auto; padding: 30px; background-color: transparent; }
  .l-head .img-logo img { height: 26px; width: auto; }
  .l-body { max-width: 1224px; margin: 0 auto; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); padding: 70px 68px; }
  .l-body:after { content: ""; display: block; clear: both; }
  .l-body .wrap-list-share { display: flex; align-items: center; position: absolute; top: -50px; right: -50px; z-index: 2; }
  .l-body .txt-share { margin: 0; }
  .l-body .list-share { margin-top: 0; padding: 0; }
  .l-body .list-share > li { margin: 0 0 0 18px; }
  .l-body .list-share > li a img { width: 30px; height: 30px; }
  .l-body-simulation { float: left; width: 360px; }
  .l-body-main { float: right; width: calc(100% - 400px); padding: 0 0 0; position: relative; overflow: visible; /* タブメニュー
-------------------------*/ /* タブコンテンツ -------------------------*/ /* ご購入はこちら */ /* リセット */ }
  .l-body-main .wrap-select { margin: 0 0 0 4px; /* Liner */ }
  .l-body-main .wrap-select .inner-sel { overflow-x: visible; overflow-y: visible; padding: 0 0 15px 8px; }
  .l-body-main .wrap-select .list-sel { white-space: normal; margin-left: -36px; }
  .l-body-main .wrap-select .list-sel li { margin-right: 0; margin-left: 36px; margin-top: 10px; padding-bottom: 3.5em; }
  .l-body-main .wrap-select .list-sel li .colbtn .chip:before { width: 74px; height: 74px; }
  .l-body-main .wrap-select .list-sel li .colbtn .cname { margin-left: 0; }
  .l-body-main .wrap-select .list-sel li .colbtn:hover .chip:before { border: 1px solid #9E1824; }
  .l-body-main .wrap-select .list-sel-pt2 { margin: -3px 0 15px -30px; white-space: normal; }
  .l-body-main .wrap-select .list-sel-pt2 > li { margin: 13px 0 0 24px; }
  .l-body-main .wrap-select .list-sel-pt2 > li .colbtn:hover:before { width: 127px; height: 82px; border: 1px solid #9E1824; top: -1px; left: -1px; }
  .l-body-main .wrap-select .list-sel-pt2 > li .colbtn:hover:after { border: 3px solid #fff; }
  .l-body-main .wrap-detail { text-align: left; }
  .l-body-main .inner-dtl { margin: 0; }
  .l-body-main .inner-dtl .img-dtl { top: 50px; margin-top: 0; }
  .l-body-main .inner-dtl .wrap-pdt { min-height: 0; padding-left: 90px; }
  .l-body-main .inner-dtl .txt-pdt-dtl { margin-top: 10px; }
  .l-body-main .hdg-lv1 { padding-top: 0; }
  .l-body-main .hdg-lv1 img { width: auto; height: 28px; }
  .l-body-main .hdg-lv1 .img-hdg { display: inline-block; margin-right: 10px; }
  .l-body-main .hdg-lv1 .img-hdg + .img-hdg { margin-top: 0; }
  .l-body-main .txt-detail { line-height: 2.0; padding-top: 20px; padding-left: 90px; }
  .l-body-main .btn-detail { text-align: left; margin-left: 90px; }
  .l-body-main .btn-detail a { padding: 18px 5px; text-align: center; max-width: 20em; transition: opacity 0.3s; }
  .l-body-main .btn-detail a:hover { opacity: 0.8; }
  .l-body-main .btn-detail-soon { text-align: left; margin-left: 90px; }
  .l-body-main .btn-detail-soon span { padding: 18px 5px; text-align: center; max-width: 20em; }
  .l-body-main .list-detail { margin-top: 40px; text-align: right; }
  .l-body-main .list-detail > li a { display: inline-block; }
  .l-body-main .list-detail > li img { width: auto; height: 40px; }
  .l-body-main .txt-notice { margin-top: 20px; }
  .l-body-main .list-notice > li { font-size: 1.2rem; line-height: 1.5; color: #666; }
  .l-body-main .wrap-tab-contents .wrap-one-content { display: none; }
  .l-body-main .wrap-tab-contents .wrap-one-content.tabActive { display: block; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content { margin: 0 0px; padding: 6px 0 0 4px; border-bottom: 1px solid #e6e6e6; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box { display: flex; flex-wrap: wrap; align-items: flex-start; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-itemname { width: 180px; order: 1; align-items: flex-start; flex-direction: column; margin: 10px 0 22px auto; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-itemname .ph-item { width: 180px; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-itemname .ph-item img { width: 180px; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-itemname .ph-item.lips { overflow: hidden; flex: 0 0 156px; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-itemname .ph-item.lips img { margin-left: -57px; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content .content-box .wrap-select { width: 450px; order: 0; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content + .one-content { padding: 10px 0 0 4px; }
  .l-body-main .wrap-tab-menu { padding: 8px 8px 0; margin: 0; }
  .l-body-main .tab-menu > li { display: flex; width: 50%; height: 40px; }
  .l-body-main .tab-menu > li a span { background-image: url(../../image/tab_bg_pc.jpg); background-size: 688px 96px; height: 40px; opacity: 1.0; transition: opacity 0.3s; }
  .l-body-main .tab-menu > li a:hover span { opacity: 0.6; }
  .l-body-main .tab-menu > li a.tabActive:hover span { opacity: 1; }
  .l-body-main .tab-menu > li.eyes a span { width: 118px; background-position: -116px -8px; }
  .l-body-main .tab-menu > li.eyes a.tabActive span { background-position: -116px -56px; }
  .l-body-main .tab-menu > li.lips { min-width: 270px; }
  .l-body-main .tab-menu > li.lips a span { width: 250px; background-position: -387px -8px; }
  .l-body-main .tab-menu > li.lips a.tabActive span { background-position: -387px -56px; }
  .l-body-main .wrap-itemname { margin-left: 6px; }
  .l-body-main .btn-buyhere > li a:link { color: #9E1824; text-decoration: none; }
  .l-body-main .btn-buyhere > li a:visited { color: #9E1824; }
  .l-body-main .btn-buyhere > li a:hover { color: #e0a3c2; }
  .l-body-main .btn-buyhere > li a:active, .l-body-main .btn-buyhere > li a:focus { color: #9E1824; }
  .l-body-main .btn-buyhere > li a:hover::before { border-color: #e0a3c2; }
  .l-body-main .btn-reset { margin: 0; }
  .l-body-main .btn-reset > li a:hover { opacity: 0.64; }
  /* バナー以下
-----------------------*/
  .l-body-sub { clear: left; padding: 35px 0 0; width: 360px; }
  .txt-banner a:link { color: #9E1824; text-decoration: none; }
  .txt-banner a:visited { color: #9E1824; }
  .txt-banner a:hover { color: #e0a3c2; }
  .txt-banner a:active, .txt-banner a:focus { color: #9E1824; }
  .lnk-banner > li a:link { color: #9E1824; text-decoration: none; }
  .lnk-banner > li a:visited { color: #9E1824; }
  .lnk-banner > li a:hover { color: #e0a3c2; }
  .lnk-banner > li a:active, .lnk-banner > li a:focus { color: #9E1824; }
  .lnk-banner > li a:hover::before { border-color: #e0a3c2; }
  .list-banner { margin-top: 0px; }
  .wrap-sns { margin-top: 20px; }
  .wrap-sns .list-sns { margin-top: 10px; }
  .l-foot { background-color: transparent; max-width: 1224px; margin: 0 auto; padding: 20px; }
  a img.u-btn { filter: alpha(opacity=100); opacity: 1.0; transition: opacity 0.3s; }
  a:hover img.u-btn { filter: alpha(opacity=70); opacity: 0.7; }
  /*img.btn*/
  img.u-btn { filter: alpha(opacity=30); opacity: 0.3; }
  .l-body .list-share > li iframe { width: 31px !important; height: 30px !important; } }