@charset "UTF-8";
@media screen and (min-width: 768px), print { .pc-tc { text-align: center; }
  .sp-only { display: none !important; } }
@media screen and (max-width: 768px) { .pc-only { display: none !important; } }
.section-only { margin-top: 100px; }
@media screen and (max-width: 768px) { .section-only { margin-top: 30px; } }

.ttl-h3 { background: url("/item/pc/img/top/img_logo04_l.png") no-repeat 9px center; background-color: #f8e1d5; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; color: #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; font-weight: normal; text-decoration: none; min-height: 48px; margin: 75px 0 35px; }

/* COMPASS ----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /*font: inherit;*/ /*  font-size: 100%;*/ vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* BASE ----------------------------------------------- */
/* SLICK SLIDER ----------------------------------------------- */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before { display: table; content: ""; }

.slick-track:after { display: table; content: ""; clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* ADDITIONAL RESET ----------------------------------------------- */
*, *:before, *:after { /*  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ }

body * { max-height: 99999em; }

body img { max-height: none; }

/*input,
label,
select,
button,
textarea { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1; font: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}*/
input:focus, button:focus, select:focus { outline: 0; }

input[type=search] { -webkit-appearance: textfield; }

::-webkit-search-decoration { display: none; }

textarea { overflow: auto; white-space: pre-line; resize: none; }

button { -webkit-tap-highlight-color: transparent; cursor: pointer; }

table { display: table; width: 100%; }

img { display: inline-block; max-width: 100%; vertical-align: middle; }

/* PRINTING ----------------------------------------------- */
@media print { body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  html, body { margin: 0; }
  @page { margin: 0; }
  @page :left { margin: 0; }
  @page :right { margin: 0; }
  @page :first { margin-top: 0; } }
/* GENERAL ----------------------------------------------- */
body { color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

.ft-serif { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "メイリオ", Meiryo, Georgia, serif; }

.ft-noto-sans { font-family: "Noto Sans Japanese", sans-serif; font-weight: 500; }

.ft-source-sans { font-family: "Source Sans Pro", sans-serif; font-weight: 400; }

/* HELPERS ----------------------------------------------- */
a { color: #333; text-decoration: none; }

.hidden { display: none; }

.invisible { visibility: hidden; }

.text-left { text-align: left; }

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

.text-right { text-align: right; }

.text-justify { text-align: justify; text-justify: distribute; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.container { min-width: 320px; padding-top: 78px; }

.wrapper { padding-left: 20px; padding-right: 20px; }

/* PARTS ----------------------------------------------- */
/* COMMON HEADER ----------------------------------------------- */
.header { position: relative; z-index: 9990; }

.header .header-inner { position: fixed; z-index: 999; top: 0; width: 100%; height: 78px; background: #fff; }

.header .header-inner .header-content { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: relative; overflow: hidden; }

.header .header-logo { position: relative; max-width: 162px; width: 52.25%; margin: 0 auto; padding-top: 4px; }

.ios7 .header .header-logo { margin: auto 0; }

.header .header-logo img { width: 100%; }

.header .btn-menu { display: block; background: url(../img/common/btn_menu2.png) no-repeat center center; background-size: 80%; margin: 5px 3px 0 7px; width: 48px; height: 48px; }

.header .cart-tools { display: block; margin: 6px 30px 0 0; width: 40px; }
.header .cart-tools img { width: 40px; }

.ios7 .header .cart-tools { margin-top: 20px; }

.header .header-member { margin-bottom: 11px; padding: 7px; background: #f1f1f1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #333333; font-size: 11px; text-align: center; }

.android .header .header-member { padding-top: 9px; }

.header .header-member .name { padding-left: 8px; }

.header .header-member .point { padding: 0 3px 0 14px; font-weight: bold; }

.head-note { padding: 10px 0; background-color: #f8e1d5; text-align: center; margin: 20px; color: #333333; font-size: 13px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ }

.head-note a { color: #333333; text-decoration: none; }

.navigation { width: 85%; position: fixed; top: 0; left: -100%; height: 100%; z-index: 9999; background: #fff; -webkit-overflow-scrolling: touch; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -webkit-transition: left 0.4s ease-out; transition: left 0.4s ease-out; }

.navigation.active { left: 0; }

.navigation .nav-inner { height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; padding: 20px 20px 42px; }

.navigation .btn-login { display: block; margin-bottom: 11px; padding: 10px 5px 9px; width: 100%; color: #fff; background: #d79598; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; }

.navigation .list-link { margin-bottom: 13px; text-align: center; }

.navigation .list-link li { display: inline-block; margin: 0 8% 0 5%; }

.navigation .list-link a { display: inline-block; padding-left: 12px; color: #d79598; background: url(../img/common/ico_arrow.png) no-repeat 0 9px; }

.navigation .banner { margin-bottom: 10px; }

.navigation .banner img { width: 100%; }

.navigation .search-form { position: relative; border: 2px solid #b8b8b8; margin-bottom: 17px; padding-right: 50px; }

.navigation .search-form .search-input { display: block; background: #fff; padding: 2px 10px 3px; width: 100%; height: 46px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.navigation .search-form .btn-search { position: absolute; z-index: 1; background: #b8b8b8; width: 50px; height: 46px; top: 0; right: 0; padding: 6px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center; }

.navigation .close-menu-btn { position: absolute; display: block; top: 12px; right: 0; margin-right: -18%; background: #fff url("../img/common/btn_close2.png") no-repeat center; width: 18%; height: 60px; }

.overlay { display: none; background: rgba(191, 191, 191, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9991; }

.list-menu { border: 1px solid #6b6b6b; margin-bottom: 9px; }

.list-menu.cover { margin-bottom: 19px; }

.list-menu.cover .menu-item { background: #f1f1f1; }

.list-menu.cover .menu-item a { padding-top: 13px; padding-bottom: 14px; }

.list-menu.cover .menu-item.has-sub a:before { margin-top: -4px; }

.list-menu.infor { border-color: #b8b8b8; }

.list-menu.infor li:not(:last-child) { border-color: #b8b8b8; }

.list-menu.infor .txt-nav { color: #666; padding-top: 13px; padding-bottom: 14px; }

.list-menu.infor .txt-nav:before { margin-top: -6px; background-image: url(../img/common/ico_arrow04.png); }

.list-menu li:not(:last-child) { border-bottom: 1px solid #6b6b6b; }

.list-menu li.has-sub .txt-nav:before { margin-top: -2px; right: 13px; width: 14px; height: 8px; background-image: url(../img/common/ico_arrow05.png); }

.list-menu li.has-sub.is-open .txt-nav:before { margin-top: -1px; right: 12px; width: 14px; height: 8px; background-image: url(../img/common/expand_on.png); }

.list-menu li.has-sub.is-open .submenu a { padding: 18px 30px 12px 30px; }

.list-menu li.has-sub.is-open .submenu a:before { margin-top: -6px; }

.list-menu a { display: block; position: relative; padding: 15px 30px 12px 20px; color: #6b6b6b; }

.list-menu a:before { position: absolute; content: ""; right: 16px; top: 50%; width: 8px; height: 14px; margin-top: -4px; background: url(../img/common/ico_arrow03.png) no-repeat 100% 50%; }

.list-menu .submenu { display: none; border-top: 1px solid #6b6b6b; }

.list-menu .submenu a { font-size: 12px; }

@media (max-width: 360px) { .header .cart-tools { margin-right: 20px; } }
/* COMMON FOOTER ----------------------------------------------- */
.footer { margin-top: 25px; }

.footer .footer-inner { color: #6b6b6b; padding: 27px 20px 41px; }

.footer .footer-content a { color: #6b6b6b; }

.footer .footer-content .footer-sns { margin-bottom: 47px; }

.footer .footer-content .footer-sns .ttl-sns { margin-bottom: 14px; font-size: 30px; text-align: center; }

.footer .footer-content .footer-sns ul { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 20px; }

.footer .footer-content .footer-sns img { width: 45px; height: auto; }

.footer .footer-content .footer-sns li { margin-right: 16px; }

.footer .footer-content .footer-sns li:last-child { margin-right: 0; }

.footer .footer-content .footer-shipping { margin-bottom: 13px; padding-right: 3px; font-size: 18px; text-align: center; }

.footer .footer-content .footer-shipping span { display: inline-block; background: url(../img/common/icon/ico_shipping.png) no-repeat 0 5px; padding: 0 0 2px 40px; background-size: 10%; }

.footer .footer-logo { margin: 0 auto 16px; width: 200px; text-align: center; }

.footer .logo-france { text-align: center; margin-bottom: 33px; }

.footer .footer-link { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; border: 1px solid #6b6b6b; border-bottom: none; }

.footer .footer-link li { position: relative; width: 50%; border-right: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; }

.footer .footer-link li:nth-child(even) { border-right: none; }

.footer .footer-link li:before { position: absolute; content: ""; right: 10px; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(../img/common/ico_arrow06.png) no-repeat 100% 50%; }

.footer .footer-link li > p { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.footer .footer-link a { display: block; width: 100%; padding: 14px 18px 13px 12px; }

.footer .footer-link a.fs { padding-top: 17px; font-size: 12px; }

.footer .copyright { padding: 18px 0 20px; background: #ffffff; text-align: center; }

@media (max-width: 375px) { .footer .footer-link a.fs { font-size: 11px; } }
@media (max-width: 360px) { .footer .footer-link a { font-size: 13px; }
  .footer .footer-link a.fs { font-size: 10px; } }
@media (max-width: 340px) { .footer .footer-link li:before { right: 8px; }
  .footer .footer-link a { padding-left: 10px; font-size: 12px; }
  .footer .footer-link a.fs { font-size: 9px; } }
.clearfix { *zoom: 1; }

.clearfix:after { content: ""; display: table; clear: both; }

.section-footer-letter { background: #f1f1f1; padding: 52px 0; margin-top: 136px; }
.section-footer-letter .txt-newsletter { text-align: center; font-size: 16px; }
.section-footer-letter ul.mailmag_input { margin: 35px 0 10px; }
.section-footer-letter ul.mailmag_input input[type="text"] { border: #bcbcbc; border-radius: 3px; padding: 15px; }
.section-footer-letter ul.mailmag_input li { margin-bottom: 12px; display: flex; justify-content: space-between; }
.section-footer-letter ul.mailmag_input li .sei, .section-footer-letter ul.mailmag_input li .mei { width: 20%; }
.section-footer-letter ul.mailmag_input li .mail_ad { width: 54%; }
.section-footer-letter ul.mailmag_input li .check { text-align: center; width: 100%; font-size: 16px; margin: 15px 0; }
.section-footer-letter ul.mailmag_input li .check #mail_policy { display: none; }
.section-footer-letter ul.mailmag_input li .check label { padding-left: 40px; position: relative; margin-right: 20px; }
.section-footer-letter ul.mailmag_input li .check label::before { content: ""; display: block; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; border: 1px solid #999; background: #FFF; border-radius: 4px; }
.section-footer-letter ul.mailmag_input li .check #mail_policy:checked + label::after { content: ""; display: block; position: absolute; top: -2px; left: 6px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #d79598; border-right: 3px solid #d79598; }

/* COMMON FLEX ----------------------------------------------- */
.flex { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.grid-layout { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/* COMMON TITLES ----------------------------------------------- */
.sec-title { position: relative; margin-bottom: 30px; color: #333; font-size: 28px; font-family: "Noto Sans Japanese", sans-serif; font-weight: 500; overflow: hidden; line-height: 1.2; text-align: center; }

.sec-title:after { content: attr(data-eng); display: block; margin-top: 9px; font-size: 22px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; }

.cmn-title { margin-bottom: 20px; padding-bottom: 7px; font-size: 20px; color: #333; border-bottom: 3px double #333; }

/* COMMON BUTTONS ----------------------------------------------- */
.btn-primary { display: block; width: 100%; padding: 7px 5px 9px; color: #fff; background: #d79598; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; }

.btn_001 { background: #d79598; display: block; color: #FFF !important; width: 80%; text-align: center; position: relative; padding: .8em; font-size: 18px; margin: auto; border-radius: 5px; border: 0px; }
.btn_001::after { content: ""; position: absolute; width: 10px; height: 10px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; transform: rotate(-45deg); right: 20px; top: 0; bottom: 0; margin: auto; }
.btn_001:hover { opacity: .7; text-decoration: none; }

/* COMMON BREADCRUMBS ----------------------------------------------- */
.breadcrumb { margin: 25px 0 6px; }

.breadcrumb li { display: inline; font-size: 12px; }

.breadcrumb li + li:before { content: ""; display: inline-block; vertical-align: middle; width: 9px; height: 9px; background: url(../img/common/ico_breadcrumb.png) no-repeat 0 0; margin: 0 14px 0 9px; }

.breadcrumb li a { display: inline-block; color: #333; }

/* COMMON PARTS ----------------------------------------------- */
.slick-arrow { position: absolute; text-indent: -9999px; width: 40px; height: 40px; top: 50%; z-index: 9; cursor: pointer; }

.slick-arrow.slick-prev { background: url(../img/top/btn_prev.png) no-repeat center; left: 0; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; line-height: 1; font: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.slick-arrow.slick-next { background: url(../img/top/btn_next.png) no-repeat center; right: 0; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; line-height: 1; font: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.text-bl { line-height: 1.72; }

.section-lineup { margin-bottom: 88px; }

.section-lineup .sec-title { margin-bottom: 40px; }

.section-lineup .sec-title:after { margin-top: 5px; }

.section-lineup .list-menu { border-color: #6b6b6b; }

.section-lineup .list-menu li:not(:last-child) { border-color: #6b6b6b; }

.section-lineup .list-menu a { padding: 13px 30px 11px 18px; font-size: 16px; }

.section-lineup .list-menu a:before { margin-top: -6px; }

.section-lineup .list-menu .submenu { border-color: #6b6b6b; }

.section-lineup .list-menu .submenu a { font-size: 14px; }

.section-special { margin-bottom: 97px; }

.section-special .sec-title { margin-bottom: 43px; }

.section-special .sec-title:after { margin-top: 6px; }

.section-special .list-special { *zoom: 1; }

.section-special .list-special:after { content: ""; display: table; clear: both; }

.section-special .list-special li { float: left; margin-bottom: 13px; width: 47.1%; }

.section-special .list-special li:nth-child(even) { float: right; }

.section-special .list-special img { width: 100%; }

.blue { color: #d79598; }

/* PAGES ----------------------------------------------- */
/* PAGE TOP ----------------------------------------------- */
.section-top-keyv { position: relative; margin-bottom: 23px; }

.section-top-keyv .slide-child { visibility: hidden; }

.section-top-keyv .slide-child img { width: 100%; }

.section-top-keyv .slick-list .slide-child { visibility: visible; }

.section-top-keyv .slick-dots { margin-top: 10px; text-align: center; }

.section-top-keyv .slick-dots li { display: inline-block; width: auto; float: none; margin: 0 5px; padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; line-height: 1; }

.section-top-keyv .slick-dots li.slick-active button { background: #333; }

.section-top-keyv .slick-dots li button { display: block; margin: 0; padding: 0; width: 10px; height: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #ccc; overflow: hidden; text-indent: -9999px; }

.section-top-information { margin-bottom: 88px; }

.section-top-information .box-banner { margin-bottom: 80px; }

.section-top-information .box-banner .item-bnr { display: block; margin-bottom: 12px; }

.section-top-information .box-banner .item-bnr img { width: 100%; }

.section-top-information .box-trial { margin-bottom: 114px; padding: 5px; background: url(../img/common/bg_pattern.png) repeat 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.section-top-information .box-trial .inner { padding: 12px 12px 20px 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #fff; }

.section-top-information .box-trial .ttl-trial { margin-bottom: 26px; font-size: 22px; text-align: center; }

.section-top-information .box-trial .ttl-trial span { display: inline-block; background: url(../img/common/ico_ttl.png) no-repeat 0 5px; padding-left: 28px; min-height: 22px; }

.section-top-information .box-trial .thumb { float: left; margin-top: 2px; background: #fff; width: 44.4%; text-align: center; }

.section-top-information .box-trial .thumb img { width: 100%; margin: 0 auto; }

.section-top-information .box-trial .info { padding-left: 48.8%; }

.section-top-information .box-trial .info .desc { line-height: 1.45; }

.section-top-information .box-trial .txt-limit { margin-top: 16px; color: #d79598; }

.section-top-information .box-trial .txt-product { margin: 3px 0 30px; color: #000; font-size: 18px; font-weight: bold; line-height: 1.2; letter-spacing: 0.06em; }

.section-top-information .box-trial .w-btn { padding: 0 11px 0 5px; }

.section-top-information .ttl-news { border-top: 1px solid #d79598; }

.section-top-information .ttl-news > span { position: relative; top: -16px; display: inline-block; background: #fff; padding-right: 12px; }

.section-top-information .ttl-news .en { display: inline-block; margin-right: 11px; color: #333; font-size: 20px; font-weight: bold; }

.section-top-information .ttl-news .ja { display: inline-block; font-size: 16px; }

.section-top-information .list-news { margin-top: 6px; }

.section-top-information .list-news li { margin-bottom: 25px; }

.section-top-information .list-news li:last-child { margin-bottom: 0; }

.section-top-information .list-news a { display: inline-block; color: #333; }

.section-top-information .list-news .date { color: #333; font-family: "メイリオ", Meiryo, sans-serif; }

.section-top-information .list-news .gr { *zoom: 1; margin-bottom: 4px; }

.section-top-information .list-news .gr:after { content: ""; display: table; clear: both; }

.section-top-information .list-news .gr .date { float: left; font-size: 12px; margin-right: 6px; }

.section-top-information .list-news .gr .tag { float: left; min-width: 60px; color: #333; background: #f8e1d5; padding: 2px 5px; font-size: 11px; text-align: center; }

.android .section-top-information .list-news .gr .tag { padding-top: 4px; }

.news_btn_wrap { margin-top: 16px; }
.news_btn_wrap .btn_001 { padding: .5em; }

.section-top-ranking { margin-bottom: 100px; }

.section-top-ranking .list-ranking { margin: 0 auto 59px; width: 100%; }

.section-top-ranking .list-ranking li { margin: 0 10px; width: 200px; text-align: center; }

.section-top-ranking .list-ranking li:first-child .rank, .section-top-ranking .list-ranking li:nth-child(2) .rank, .section-top-ranking .list-ranking li:nth-child(3) .rank { background: url(../img/common/ico_rank01.png) no-repeat 0 0; top: 11px; left: 9px; padding-top: 11px; width: 34px; height: 29px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.section-top-ranking .list-ranking li:nth-child(2) .rank { background-image: url(../img/common/ico_rank02.png); }

.section-top-ranking .list-ranking li:nth-child(3) .rank { background-image: url(../img/common/ico_rank03.png); }

.section-top-ranking .list-ranking a { display: block; }

.section-top-ranking .list-ranking .thumb { position: relative; margin-bottom: 13px; width: 200px; height: 200px; }

.section-top-ranking .list-ranking .thumb img { margin: 0 auto; display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-top-ranking .list-ranking .thumb .rank { position: absolute; top: 16px; left: 14px; padding-top: 2px; color: #fff; background: #d79598; width: 24px; height: 24px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-align: center; }

.section-top-ranking .list-ranking .title { margin-bottom: 4px; line-height: 1.3; font-size: 16px; }

.section-top-ranking .list-ranking .desc { line-height: 1.25; }

.section-top-ranking .slick-arrow { margin-top: -22px; }

.section-top-ranking .slick-arrow.slick-prev { left: 1px; }

.section-top-ranking .banner-ranking img { width: 100%; }

.section-top-ranking .banner-ranking ul { margin-top: 30px; *zoom: 1; }

.section-top-ranking .banner-ranking ul:after { content: ""; display: table; clear: both; }

.section-top-ranking .banner-ranking ul li { float: left; width: 47.1%; }

.section-top-ranking .banner-ranking ul li:nth-child(even) { float: right; }

.section-top-column { margin-bottom: 100px; }
.section-top-column .top-column-list li { width: 320px; padding: 0 30px; }
.section-top-column .top-column-list li a { text-decoration: none; }
.section-top-column .top-column-list li .img-column-thmb { width: 100%; }
.section-top-column .top-column-list li .column-txt { margin-top: 14px; }
.section-top-column .top-column-list li .column-txt .column-day { font-size: 12px; display: inline-block; margin: 0 14px 0 0; }
.section-top-column .top-column-list li .column-txt .column-category { background: #f8e1d5; padding: 4px; border-radius: 5px; display: inline-block; }
.section-top-column .top-column-list li .column-txt .column-ttl { margin-top: 14px; font-size: 16px; }
.section-top-column .column_btn_wrap { margin: 40px auto 0; }

.section-top-benefit { background: #fdf7f4; margin-bottom: 117px; padding: 54px 0 14px; }

.section-top-benefit .sec-title { margin-bottom: 41px; }

.section-top-benefit .sec-title:after { margin-top: 8px; }

.section-top-benefit .list-benefit { text-align: center; }

.section-top-benefit .list-benefit li { float: left; background: #fff; margin-bottom: 20px; padding: 12px 0 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 47.1%; }

.section-top-benefit .list-benefit li:nth-child(even) { float: right; }

.section-top-benefit .list-benefit .title { display: -moz-box; display: -webkit-flex; display: flex; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; min-height: 40px; margin-bottom: 6px; color: #333; line-height: 1.45; font-weight: 600; }

.section-top-benefit .list-benefit .desc { margin-bottom: 12px; padding: 0 5px; line-height: 1.3; font-size: 10px; }

.section-top-benefit .list-benefit .thumb img { height: 59px; }

.section-top-skin { margin-bottom: 102px; padding-top: 17px; }

.section-top-skin .section-inner { border: 1px dashed #d79598; padding: 0 9px 33px; }

.section-top-skin .sec-title { display: inline-block; top: -35px; background: #fff; margin-bottom: -4px; padding: 0 4px; }

.section-top-skin .block-diagnostic { display: block; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; margin: 0 auto 3px; padding: 0; }

.section-top-skin .block-diagnostic .inner { width: 65.3%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 23px 9px 20px; color: #0062b1; }

.section-top-skin .block-diagnostic .ttl { border-bottom: 1px solid #0062b1; margin-bottom: 11px; padding-bottom: 8px; font-size: 17px; }

.section-top-skin .block-diagnostic .desc { padding-left: 3px; font-size: 13px; line-height: 1.3; }

.section-top-skin .note { color: #000; font-size: 12px; }

.section-top-skin .block-skin-type { margin-top: 56px; }

.section-top-skin .block-skin-type .ttl-type { margin-bottom: 28px; font-size: 20px; text-align: center; }

.section-top-skin .block-skin-type .list-type { text-align: center; }

.section-top-skin .block-skin-type .list-type li { margin-bottom: 46px; padding-right: 17px; }

.section-top-skin .block-skin-type .list-type li:last-child { margin-bottom: 0; }

.section-top-skin .block-skin-type .list-type li.cl01 { margin-bottom: 29px; }

.section-top-skin .block-skin-type .list-type li.cl01 .type { margin-bottom: 18px; background: #fff; border: 1px solid #6b6b6b; }

.section-top-skin .block-skin-type .list-type li.cl01 .ttl { margin-bottom: 6px; color: #333; }

.section-top-skin .block-skin-type .list-type li.cl02 { margin-bottom: 33px; }

.section-top-skin .block-skin-type .list-type li.cl02 .type { background: #fff; border: 1px solid #6b6b6b; }

.section-top-skin .block-skin-type .list-type li.cl02 .ttl { color: #333; }

.section-top-skin .block-skin-type .list-type li.cl03 .type { background: #fff; border: 1px solid #6b6b6b; }

.section-top-skin .block-skin-type .list-type li.cl03 .ttl { color: #333; }

.section-top-skin .block-skin-type .list-type a { display: block; }

.section-top-skin .block-skin-type .list-type .grid-layout { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-top-skin .block-skin-type .list-type .thumb { width: 22.8%; }

.section-top-skin .block-skin-type .list-type .info { margin-top: 11px; width: 74.2%; line-height: 1.3; }

.section-top-skin .block-skin-type .list-type .type { margin-bottom: 14px; padding: 5px; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color: #333; font-size: 16px; border: 1px solid #333; }

.section-top-skin .block-skin-type .list-type .ttl { margin-bottom: 10px; color: #333; }

.section-top-skin .block-skin-type .list-type .desc { font-size: 18px; }

.section-top-media { margin-bottom: 100px; }

.section-top-media .sec-title { margin-bottom: 36px; }

.section-top-media .list-media { margin: 0 auto; width: 100%; text-align: center; }

.section-top-media .list-media li { margin: 0 20px; width: 185px; }

.section-top-media .list-media .thumb { margin-bottom: 11px; }

.section-top-media .list-media .desc { font-size: 13px; line-height: 1.4; }

.section-top-media .list-media .slick-arrow { margin-top: -32px; }

@media (max-width: 375px) { .section-top-information .box-trial .ttl-trial span { padding-left: 24px; } }
@media (max-width: 360px) { .section-top-skin .block-skin-type .list-type li { padding-right: 5px; }
  .section-top-information .box-trial .ttl-trial { font-size: 22px; }
  .section-top-benefit .sec-title { font-size: 28px; }
  .section-top-skin .block-diagnostic .inner { width: 66%; } }
@media (max-width: 340px) { .section-top-information .box-trial .ttl-trial { font-size: 19px; }
  .section-top-information .box-trial .ttl-trial span { background-position: 0 2px; }
  .section-top-skin .block-skin-type .list-type .ttl { font-size: 12px; }
  .section-top-skin .block-skin-type .list-type .type { font-size: 14px; } }
/* PAGE PRODUCT ----------------------------------------------- */
.page-product .section-special { margin-bottom: 78px; }

.product-detail { margin-bottom: 65px; }

.product-detail .product-info { margin-top: 27px; }

.product-detail .product-slider { text-align: center; }

.product-detail .product-slider.js-product-slider .item { visibility: hidden; }

.product-detail .product-slider .item { position: relative; height: 360px; width: 100%; border: 1px solid #acc1e7; }

.product-detail .product-slider .item img { margin: 0 auto; display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.product-detail .product-slider .slick-list .item { visibility: visible; }

.product-detail .page-slider { *zoom: 1; margin: 15px -7px 0; }

.product-detail .page-slider:after { content: ""; display: table; clear: both; }

.product-detail .page-slider .item-thumb { float: left; position: relative; display: block; width: 56px; height: 56px; overflow: hidden; margin: 0 6px 6px; cursor: pointer; }

.product-detail .page-slider .item-thumb img { width: 100%; }

.product-detail .page-slider .item-thumb:after { position: absolute; content: ""; right: 0; left: 0; bottom: 0; margin: 0 auto; width: 56px; height: 56px; border: 2px solid transparent; }

.product-detail .page-slider .item-thumb.active:after { border: 2px solid #666; }

.product-detail .product-name { margin: 0 0 7px 2px; font-size: 18px; color: #2b2b2b; }

.product-detail .product-ttl { margin-bottom: 28px; color: #5983cf; font-size: 22px; line-height: 1.4; }

.product-detail .product-desc { margin-bottom: 17px; color: #000; line-height: 1.45; }

.product-detail .product-price { margin-bottom: 18px; font-size: 22px; line-height: 1.3; }

.product-detail .product-price .txt { margin-bottom: 3px; color: #909090; display: block; font-size: 12px; }

.product-detail .product-price .price { font-size: 20px; }

.product-detail .list-inquiry { margin-bottom: 14px; }

.product-detail .list-inquiry li { margin-bottom: 3px; }

.product-detail .list-inquiry a { color: #5983cf; }

.product-detail .list-sns { margin-left: 3px; }

.product-detail .list-sns li { margin-right: 7px; float: left; }

.user-action { margin-bottom: 34px; }

.user-action .quantity { float: left; width: 41px; }

.user-action .quantity .input-quantity { width: 100%; height: 27px; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 5px 0 5px 6px; font-size: 12px; font-family: "メイリオ", Meiryo, sans-serif; }

.user-action .btn-favorite { float: right; margin-right: 46px; width: 176px; }

.tag-bl span { display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #d79598; color: #fff; min-width: 60px; margin: 0 5px 6px 0; padding: 6px 4px 5px; font-size: 12px; line-height: 1.2; text-align: center; }

.cart-box { margin-bottom: 13px; padding: 0 20px; text-align: center; }

.cart-box .btn-cart { display: inline-block; padding: 9px 10px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; color: #fff; background: #ff575e; font-size: 20px; text-align: center; }

.section-product-description { margin-top: 50px; margin-bottom: 65px; }

.section-product-use { margin-bottom: 75px; }

.section-product-use .cmn-title { margin-bottom: 23px; }

.section-product-use .txt { margin-bottom: 29px; color: #231815; }

.section-product-use .block-component { background: #f1f1f1; margin-bottom: 12px; padding: 17px 14px 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.section-product-use .block-component .component { margin-bottom: 6px; }

.section-product-use .block-component .component .ttl { margin-bottom: 5px; color: #231815; font-size: 18px; }

.section-product-use .block-component .component .tag-bl span { margin-right: 10px; min-width: 100px; }

.section-product-use .block-component .component .tag-bl span.ws01 { min-width: 120px; }

.section-product-use .block-component .component .tag-bl span.ws02 { min-width: 150px; }

.section-product-use .block-component .component .tag-bl span.ws03 { min-width: 130px; }

.section-product-use .block-component .text-bl { margin-bottom: 17px; text-align: justify; }

.section-product-use .block-component .notice { color: #231815; font-size: 12px; }

.section-product-use .note { color: #d79598; font-size: 12px; text-align: right; }

.section-product-others { margin-bottom: 175px; }

.section-product-others .cmn-title { margin-bottom: 40px; padding-bottom: 7px; }

.section-product-others .list-product { text-align: center; }

.section-product-others .list-product .slick-arrow { margin-top: -31px; }

.section-product-others .list-product .slick-arrow.slick-prev { left: 1px; }

.section-product-others .list-product .product-item { float: left; margin: 0 10px; width: 250px; }

.section-product-others .list-product .thumb { display: block; margin-bottom: 11px; text-align: center; }

.section-product-others .list-product .img { position: relative; margin-bottom: 9px; /*  border: 1px solid #ccc;*/ width: 250px; height: 250px; }

.section-product-others .list-product .img img { margin: 0 auto; display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-product-others .list-product .ttl-name { color: #231815; }

.section-product-others .list-product .caption { margin-bottom: 7px; }

.section-product-others .list-product .caption .price { padding: 0 5px; color: #5983cf; }

.section-product-others .list-product .group { padding-left: 11px; }

.section-product-others .list-product .group > * { display: inline-block; vertical-align: top; }

.section-product-others .list-product .add-cart { margin-right: 68px; color: #1e5d9b; padding: 2px 0 0 18px; background: url(../img/common/icon_cart01.png) no-repeat 0 50%; }

.section-product-others .list-product .add-favorite { margin-top: 6px; }

/* cartunder　banner */
.cart-under-ban { margin: 20px 0 10px 0; }

.cart-under-ban img { width: 100%; height: auto; }

/* PAGE guide ----------------------------------------------- */
.section-guide { margin-bottom: 80px; font-size: 16px; }

.section-guide .sec-title { margin-bottom: 36px; }

.section-guide .sec-title:after { margin-top: 5px; }

.section-guide .head-guide { background: url(../../pc/img/top/img_logo04.png) no-repeat 7px 0; background-color: #f8e1d5; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0 10px 0 20px; color: #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; font-weight: normal; text-decoration: none; height: 48px; margin-top: 75px; }

.section-guide h4 { color: #333; margin-top: 35px; font-weight: 600; }

.section-guide p { margin-bottom: 8px; }

.section-guide ol { margin-top: 5px; padding-left: 25px; }

.section-guide ol li { list-style: decimal; line-height: 1.6; }

.section-guide .section-guide-notice { background-color: #f1f1f1; margin: 18px 0; padding: 8px 10px; }

.section-guide .strong { color: #d79598; }

.section-guide .notes { font-size: 14px; }

.section-guide a { color: #d79598; }

/* PAGE first *
* ----------------------------------------------- */
.section-first-introduction { margin-top: 30px; margin-bottom: 80px; }

.section-first-introduction p { font-size: 16px; margin-bottom: 15px; }

.section-first-introduction img { margin-top: 30px; width: 100%; height: auto; }

.section-first-skincare { margin-bottom: 150px; }

.section-first-skincare p { font-size: 16px; margin-bottom: 15px; }

.section-first-skincare img { margin-top: 30px; width: 100%; height: auto; }

.section-first-skincare .notes { font-size: 12px; text-align: right; }

.section-first-longseller { margin-top: 80px; margin-bottom: 150px; }

.section-first-longseller p { font-size: 16px; margin-bottom: 15px; }

.section-first-longseller .longseller-lcc { width: 47%; float: left; margin-bottom: 50px; text-align: center; }

.section-first-longseller .longseller-lcc img { float: none; width: 50%; height: auto; }

.section-first-longseller .longseller-lcc h3 { padding: 20px 0; color: #5983cf; font-size: 20px; font-family: "Noto Sans Japanese", sans-serif; font-weight: 400; text-align: left; }

.section-first-longseller .longseller-lcc h3 span { font-size: 16px; }

.section-first-longseller .longseller-lcc p { text-align: left; }

.section-first-longseller .longseller-lcc .notes { font-size: 12px; text-align: right; }

.section-first-longseller .longseller-fila { width: 47%; float: right; margin-bottom: 50px; text-align: center; }

.section-first-longseller .longseller-fila img { float: none; width: 50%; height: auto; }

.section-first-longseller .longseller-fila h3 { padding: 20px 0; color: #10bcc6; font-size: 18px; font-family: "Noto Sans Japanese", sans-serif; font-weight: 400; text-align: left; }

.section-first-longseller .longseller-fila h3 span { font-size: 14px; }

.section-first-longseller .longseller-fila p { text-align: left; }

.section-first-longseller .longseller-fila .notes { font-size: 12px; text-align: right; }

.section-first-longseller .tag-bl { display: table; content: ""; clear: both; margin: 0 auto 50px auto; }

.section-first-longseller .longseller-use { background: #fdf7f4; margin-bottom: 11px; padding: 16px 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; }

/* PAGE lcc ----------------------------------------------- */
.section-lcc-introduction { margin-bottom: 100px; font-size: 16px; }

.section-lcc-introduction img { float: none; margin: 30px 0; }

.section-lcc-introduction h2 { text-align: center; font-size: 22px; }

.section-lcc-introduction h3 { text-align: left; font-size: 18px; margin-bottom: 30px; }

.section-lcc-introduction h3 span { font-size: 13px; }

.section-lcc-introduction div { clear: both; background-color: #fbf1e5; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; margin-top: 20px; line-height: 2; }

.section-lcc-introduction h4 { color: #d79598; font-size: 16px; }

.section-lcc-introduction .note { font-size: 12px; text-align: right; color: #5983cf; margin-top: 20px; }

.section-lcc-cream { margin-bottom: 100px; font-size: 16px; }

.section-lcc-cream .cream { float: none; width: 80%; height: auto; padding: 20px 0 20px 20%; }

.section-lcc-cream .effect { clear: both; text-align: center; margin-top: 10px; }

.section-lcc-sensitive { margin-bottom: 100px; font-size: 16px; }

.section-lcc-sensitive p { margin-bottom: 30px; }

.section-lcc-sensitive .tag-bl { margin: 0 auto; }

.section-lcc-sensitive .note { font-size: 12px; text-align: right; color: #D79598; margin-top: 20px; }

.section-lcc-use { margin-bottom: 100px; font-size: 16px; }

.section-lcc-use p { margin-bottom: 30px; }

.section-lcc-found { margin-bottom: 100px; font-size: 16px; }

.section-lcc-found h2 { font-size: 24px; }

.section-lcc-found p { margin-bottom: 30px; }

.section-lcc-found .one-point { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fdf7f4; margin-top: 50px; padding: 15px; }

.section-lcc-makeup { margin-bottom: 100px; font-size: 16px; }

.section-lcc-makeup p { margin-bottom: 30px; }

/*GROUP lcc ----------------------------------------------- */
.section-cosme-banner { margin-bottom: 50px; font-size: 16px; color: #11434c; }

.section-cosme-banner .cosme-text { background: #eef3fa; padding: 18px 8px 3px 8px; }

.section-cosme-banner p { margin-bottom: 15px; }

.section-cosme-banner h3 { text-align: left; font-size: 18px; margin-bottom: 15px; font-weight: bold; }

/* PAGE mm ----------------------------------------------- */
.section-mm-introduction { margin-top: 75px; font-size: 16px; position: relative; }

.section-mm-introduction h2 { position: absolute; font-weight: normal; top: 20px; left: 20px; font-size: 22px; text-shadow: 2px 2px 7px #ffffff; text-align: left; line-height: 1.4; margin-right: 20px; }

.section-mm-introduction div h3 { font-size: 18px; font-weight: normal; margin-bottom: 18px; }

.section-mm-introduction div p { font-size: 12px; }

.section-mm-introduction div span { color: #FD9E9E; }

.section-mm-introduction div { position: absolute; top: 250px; left: 20px; background: rgba(255, 255, 255, 0.5); padding: 10px; }

.section-mm-description { background: #f2f4f2; padding: 25px; }

.section-mm-description div { background: #fff; padding: 15px; }

.section-mm-description p { font-size: 18px; line-height: 1.8; }

.section-mm-description p.sub-text { font-size: 14px; margin-top: 18px; }

.section-mm-product01 { position: relative; }

.section-mm-product01 div { position: absolute; top: 30px; left: 20px; margin-right: 10px; }

.section-mm-product01 h3 { font-size: 19px; font-weight: normal; color: #5983cf; margin-bottom: 10px; }

.section-mm-product01 p { font-size: 14px; width: 180px; line-height: 1.8; }

.section-mm-product02 { position: relative; }

.section-mm-product02 div { position: absolute; top: 40px; left: 20px; }

.section-mm-product02 p { font-size: 14px; width: 190px; line-height: 1.8; }

.section-mm-use { margin-top: 75px; }

.section-mm-use li { width: 90%; margin: 0 5%; margin-bottom: 70px; }

.section-mm-use li h3 { font-size: 20px; font-weight: normal; color: #5983cf; text-align: center; margin: 25px 0; }

.section-mm-use li p { font-size: 14px; }

/* PAGE yrc ----------------------------------------------- */
.section-yrc-introduction { font-size: 10px; position: relative; color: #666666; }

.section-yrc-introduction h2 { position: absolute; font-weight: normal; top: 105px; left: 16px; font-size: 18px; color: #666666; text-align: left; line-height: 1.6; }

.section-yrc-introduction p { position: absolute; bottom: 10px; left: 16px; }

@media screen and (max-width: 320px) { /* iPhone 7/6 Plus縦 */
  .section-yrc-introduction h2 { font-size: 15px; }
  .section-yrc-introduction p { bottom: 5px; } }
.section-yrc-introduction img { width: 100%; height: auto; }

.section-yrc-product01 { position: relative; }

.section-yrc-product01 div { background-color: #fbefea; width: 100%; text-align: center; }

.section-yrc-product01 div img { padding: 10px; width: 20%; height: auto; margin: 20px auto; }

.section-yrc-product01 .three { width: 100%; height: auto; }

.section-yrc-product02 { position: relative; margin: 50px 0; padding: 0 4%; text-align: center; }

.section-yrc-product02 img { width: 60%; height: auto; }

.section-yrc-product02 h2 { font-size: 24px; color: #666666; margin-bottom: 20px; }

.section-yrc-product02 p { font-size: 14px; line-height: 2; text-align: left; }

.section-yrc-use { margin-bottom: 100px; }

.section-yrc-use div { background-color: #fbefea; padding: 100px 10%; }

.section-yrc-use img { width: 100%; height: auto; }

.section-yrc-use h2 { font-size: 24px; color: #666666; }

.section-yrc-use p { font-size: 14px; color: #666666; }

.line-top-wrapper { background: #F1F1F1; padding: 40px 5%; text-align: center; font-size: 16px; }

.line-top-wrapper .line-ttl img { width: 100%; }

.line-top-wrapper .line-ttl-sub { font-weight: bold; font-size: 18px; margin-top: 5px; }

.line-top-wrapper .line-catch { margin: 30px auto; text-align: left; }

.line-top-wrapper .line-bnr-wrap { margin: 0 auto 40px; text-align: center; }

.line-top-wrapper .line-bnr-wrap img { width: 100%; }

.line-top-wrapper .line-point { display: flex; max-width: 100%; justify-content: space-between; flex-flow: wrap column; margin: auto; }

.line-top-wrapper .line-point dt { width: 100%; font-weight: bold; font-size: 1.2em; margin-bottom: .5em; color: #D79598; display: flex; align-items: center; }

.line-top-wrapper .line-point dt p { margin: 0 1em; width: 10em; flex-shrink: 1; }

.line-top-wrapper .line-point dt::after, .line-top-wrapper .line-point dt::before { content: ''; background-color: #D79598; width: 100%; height: 1px; flex-shrink: 3; }

.line-top-wrapper .line-point dd { width: 100%; background: #FFF; padding: 1em; border-radius: 5px; margin-bottom: .5em; }

.line-top-wrapper .line-point dd .line-point-ttl { font-weight: bold; font-size: 18px; margin-bottom: .5em; }

.line-top-wrapper .line-point dd p { margin-bottom: .5em; }

.line-flow-wrapper .line-flow-link { padding: 40px 5%; text-align: center; display: flex; justify-content: space-between; }

.line-flow-wrapper .line-flow-link a { width: 48%; font-size: 1.2em; background: #D79598; color: #FFF; border-radius: 10px; padding: .8em; border: solid 2px #D79598; position: relative; }

.line-flow-wrapper .line-flow-link a span { display: inline-block; }

.line-flow-wrapper .line-flow-link a:hover { text-decoration: none; background: #FFF; color: #D79598; }

.line-flow-wrapper .line-flow-link a::after { display: block; content: ""; bottom: 10px; right: 0; left: 0; margin: auto; width: 10px; height: 10px; border-top: 4px solid #FFF; border-right: 4px solid #FFF; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.line-flow-wrapper .line-flow-link a:hover::after { border-color: #D79598; }

.line-flow-wrapper .line-flow-guide { width: 100%; margin: 60px auto; font-size: 16px; }

.line-flow-wrapper .line-flow-guide .line-flow-title { background: #f8e1d5; font-size: 1.2em; line-height: 1em; padding: .6em 1em; margin-bottom: 15px; text-align: left; }

.line-flow-wrapper .line-flow-guide h3 { display: flex; align-items: center; font-size: 1.2em; margin-bottom: 15px; padding-left: 1.6em; position: relative; }

.line-flow-wrapper .line-flow-guide h3 span { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 1.2em; height: 1.2em; line-height: 1.2em; border-radius: 50%; background: #D79598; color: #FFF; margin-right: .5em; }

.line-flow-wrapper .line-flow-guide .img-qr { float: right; margin-left: .5em; width: 40%; }

.line-flow-wrapper .line-flow-guide .img-qr img { width: 100%; }

.line-flow-wrapper .line-flow-guide .line-flow_img { clear: both; display: flex; flex-flow: column; justify-content: center; padding-top: 15px; }

.line-flow-wrapper .line-flow-guide .line-flow_img li { width: 70%; text-align: center; margin: 0 auto 15px; }

.line-flow-wrapper .line-flow-guide .line-flow_img li img { border: solid 1px #F1F1F1; }

.line-flow-wrapper .line-flow-guide .line_btn { width: 84%; display: block; margin: .5em auto; font-size: 1.2em; background: #D79598; color: #FFF; border-radius: 10px; padding: .4em 0; border: solid 2px #D79598; position: relative; text-align: center; }

.line-flow-wrapper .line-flow-guide .line_btn span { display: inline-block; }

.line-flow-wrapper .line-flow-guide .line_btn:hover { text-decoration: none; background: #FFF; color: #D79598; }

.line-flow-wrapper .line-flow-guide .line_btn::after { display: inline-block; content: ""; margin-left: .5em; width: 10px; height: 10px; border-top: 4px solid #FFF; border-right: 4px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.line-flow-wrapper .line-flow-guide .line_btn:hover::after { border-color: #D79598; }

.line-flow-wrapper .line-flow-guide p.sp_renkei { font-weight: bold; margin: 1em 0 .3em; text-align: center; }

.line-flow-wrapper .line-or { text-align: center; font-size: 30px; font-weight: bold; margin: 30px 0; }

.ttl-h3 { /*  background: url("/item/pc/img/top/img_logo04_l.png") no-repeat 9px center;*/ background-image: none !important; background-color: #f8e1d5; display: flex; justify-content: space-between; align-items: center; padding: .2em .5em; color: #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; font-weight: normal; text-decoration: none; min-height: 48px; margin: 75px 0 35px; }

.section-only { margin-top: 60px; }

/*faq*/
.ttl-faq01 { background: #d79598; color: #FFF; padding: .4em 1em; margin-bottom: 6px; font-size: 1.2em; }

.faq-wrap { margin: 20px 20px 80px; }
@media screen and (max-width: 768px) { .faq-wrap { margin: 20px 0 80px; } }
.faq-wrap .faq-list { background: #f1f1f1; }
.faq-wrap .faq-list .faq-q { font-weight: bold; display: block; position: relative; padding: 1em 60px 1em 80px; border-top: solid 2px #FFF; }
@media screen and (max-width: 768px) { .faq-wrap .faq-list .faq-q { padding: 1em 35px 1em 40px; } }
.faq-wrap .faq-list .faq-q::before { background: #d79598; border-radius: 50%; color: #FFF; font-weight: bold; content: "Q"; width: 26px; height: 26px; line-height: 26px; text-align: center; display: block; position: absolute; top: 10px; left: 40px; }
@media screen and (max-width: 768px) { .faq-wrap .faq-list .faq-q::before { top: 12px; left: 6px; } }
.faq-wrap .faq-list .faq-q p::before { margin: auto; top: 0; bottom: 0; position: absolute; content: ''; display: block; border-top: 2px solid #d79598; width: 20px; height: 0; right: 10px; transition-duration: .5s; transform: rotate(90deg); }
.faq-wrap .faq-list .faq-q p::after { margin: auto; top: 0; bottom: 0; position: absolute; content: ''; display: block; border-top: 2px solid #d79598; width: 20px; height: 0; right: 10px; transition-duration: .5s; }
.faq-wrap .faq-list .faq-q.open p::before { transform: rotate(0deg); }
.faq-wrap .faq-list .faq-a { display: none; position: relative; padding: 0 60px 1em 80px; }
@media screen and (max-width: 768px) { .faq-wrap .faq-list .faq-a { padding: 1em 35px 1em 40px; } }
.faq-wrap .faq-list .faq-a::before { font-size: 16px; background: #f8e1d5; border-radius: 50%; color: #333333; font-weight: bold; content: "A"; width: 26px; height: 26px; line-height: 26px; text-align: center; display: block; position: absolute; top: 0; left: 40px; }
@media screen and (max-width: 768px) { .faq-wrap .faq-list .faq-a::before { top: 12px; left: 6px; } }

/*company*/
.company-list { margin-bottom: 80px; display: flex; justify-content: space-between; flex-flow: wrap; }
@media screen and (max-width: 768px) { .company-list { display: block; } }
.company-list > dt, .company-list > dd { padding: 1em; border-top: solid 1px #f1f1f1; }
.company-list > dt:last-of-type, .company-list > dd:last-of-type { border-bottom: solid 1px #f1f1f1; }
.company-list > dt { width: 30%; font-weight: bold; }
@media screen and (max-width: 768px) { .company-list > dt { background: #f1f1f1; width: 100%; } }
.company-list > dd { width: 68%; }
@media screen and (max-width: 768px) { .company-list > dd { width: 100%; } }

/*privacy*/
.privacy-item .txt { margin: 0 20px 1em; }
@media screen and (max-width: 768px) { .privacy-item .txt { margin: 0 0 1em; } }
.privacy-item .privacy-ol { counter-reset: pv-counter; margin: 0 20px 1em; }
@media screen and (max-width: 768px) { .privacy-item .privacy-ol { margin: 0 0 1em; } }
.privacy-item .privacy-ol li { margin-bottom: 10px; padding-left: 30px; position: relative; }
.privacy-item .privacy-ol li::before { content: counter(pv-counter); counter-increment: pv-counter; background-color: #d79598; color: #FFF; display: block; float: left; line-height: 22px; margin-left: -30px; text-align: center; height: 22px; width: 22px; border-radius: 50%; }

/*about*/
.c-imgtext1 { margin: 0 0 20px; display: flex; flex-flow: column; }
.c-imgtext1.c-imgtext1--reverse { -webkit-box-orient: horizontal; flex-direction: column; }
.c-imgtext1 .c-imgtext1__img { display: flex; align-items: center; }
.c-imgtext1 .c-imgtext1__img img { width: 100%; height: auto; }
.c-imgtext1 .c-imgtext1__info { background: #f8e1d5; padding: 15px; margin-bottom: 20px; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__ttl { font-size: 2rem; line-height: 1.5; color: #333; font-weight: bold; margin: 0 0 1em; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__ttl span { font-size: .7em; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__txt1 { font-size: 1.3rem; line-height: 1.8; color: #333; letter-spacing: 0.5px; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__txt1 span { font-weight: bold; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__txt1:first-child { margin-top: -10px; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__txt1 + .c-imgtext1__txt1 { margin: 28px 0 0; text-align: justify; text-justify: inter-ideograph; }
.c-imgtext1 .c-imgtext1__info .c-imgtext1__txt2 { font-size: 1.1rem; line-height: 1.6; margin: 15px 0 0; text-align: right; }

.about .wrapper { padding-left: 20px; padding-right: 20px; }

.about2 { margin-top: 100px; }
.about2 .sec-title { font-size: 2rem; }
.about2 .sec-title__sub { font-size: 1.4rem; line-height: 1.5; margin: 15px 0 0; text-align: center; }
.about2 .c-video { margin: 30px 0; width: 100%; height: 56vw; }
.about2 .c-video iframe { width: 100%; height: 100%; }
.about2 .c-img { text-align: center; margin: 63px auto 94px; }

/*check*/
@media screen and (max-width: 768px) { .check #check01, .check #check02 { padding-top: 90px; margin-top: -90px; display: block; }
  .check .c-imgtext1 { flex-flow: column; } }
.check .check_txt01 { text-align: center; }
@media screen and (max-width: 768px) { .check .check_txt01 { text-align: left; } }
.check .ttl_check { background: #d79598; font-size: 1.6em; font-weight: bold; color: #FFF; padding: .4em 1em; margin-bottom: 10px; }
.check .btn_check { display: block; margin: 30px auto 0; color: #333333; padding: .5em 2.5em .5em 1.5em; position: relative; text-align: center; font-size: 1.2em; border: solid 1px #333333; width: 100%; }
@media screen and (min-width: 768px), print { .check .btn_check { width: 260px; } }
.check .btn_check::after { content: ""; display: block; height: 14px; width: 14px; border-left: solid 1px #333333; border-bottom: solid 1px #333333; transform: rotate(-45deg); position: absolute; right: 1em; top: -7px; bottom: 0; margin: auto; }
.check .btn_check:hover { text-decoration: none; background: #333333; color: #FFF; }
.check .btn_check:hover::after { border-left: solid 1px #FFF; border-bottom: solid 1px #FFF; }
.check .check_anchorlink { display: flex; justify-content: center; flex-flow: wrap; margin: 40px auto; }
@media screen and (min-width: 768px), print { .check .check_anchorlink { max-width: 860px; } }
@media screen and (max-width: 768px) { .check .check_anchorlink { flex-flow: column; } }
.check .check_anchorlink li { padding: .5em; }
.check .check_anchorlink li .btn_check02 { display: block; color: #333333; padding: .5em 2.5em .5em .5em; position: relative; text-align: center; border: solid 1px #333333; width: 100%; }
@media screen and (min-width: 768px), print { .check .check_anchorlink li .btn_check02 { width: 360px; font-size: 1.2m; } }
.check .check_anchorlink li .btn_check02::after { content: ""; display: block; height: 10px; width: 10px; border-left: solid 1px #333333; border-bottom: solid 1px #333333; transform: rotate(-135deg); position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; }
@media screen and (min-width: 768px), print { .check .check_anchorlink li .btn_check02::after { height: 14px; width: 14px; } }
.check .check_anchorlink li .btn_check02:hover { text-decoration: none; background: #333333; color: #FFF; }
.check .check_anchorlink li .btn_check02:hover::after { border-left: solid 1px #FFF; border-bottom: solid 1px #FFF; }

.check_box_wrap { display: flex; /*    border: solid 10px $color-06;
*/ }
@media screen and (min-width: 768px), print { .check_box_wrap { flex-flow: wrap; padding: 0 30px; } }
@media screen and (max-width: 768px) { .check_box_wrap { flex-flow: column; } }
.check_box_wrap .check_box01_1_l { width: 100%; padding: 8px 15px; font-size: 1.4em; font-weight: bold; margin-top: 14px; }
@media screen and (min-width: 768px), print { .check_box_wrap .check_box01_1_l { width: 55%; display: flex; /*			align-items: center;
		border-right: solid 2px $color-06;*/ } }
@media screen and (max-width: 768px) { .check_box_wrap .check_box01_1_l { font-weight: bold; font-size: 1.2em; border-top: solid 2px #f1f1f1; margin-top: 0; padding: 8px 0 0; }
  .check_box_wrap .check_box01_1_l:first-of-type { border-top: 0px; } }
.check_box_wrap .check_box01_1_r { width: 45%; align-items: center; margin-top: 14px; /*        border-bottom: solid 2px $color-06;
*/ }
@media screen and (max-width: 768px) { .check_box_wrap .check_box01_1_r { width: 100%; margin-top: 0; } }
.check_box_wrap .check_box01_1_r ul li { margin: .8em; }
@media screen and (min-width: 768px), print { .check_box_wrap .check_box01_1_r ul li { font-size: 1.2em; } }
.check_box_wrap input[type="radio"] { position: absolute; opacity: 0; }
.check_box_wrap input[type="radio"] + label:before { content: ''; background: #FFF; border-radius: 100%; border: 1px solid #ac4146; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; }
.check_box_wrap input[type="radio"]:checked + label:before { background-color: #d79598; box-shadow: inset 0 0 0 4px #f8e1d5; }
.check_box_wrap input[type="radio"]:focus + label:before { outline: none; border-color: #d79598; }
.check_box_wrap input[type="radio"] + label:empty:before { margin-right: 0; }

.check_total { margin: 30px 0 80px; display: flex; justify-content: flex-end; }
.check_total .check_total_point { border-bottom: solid 1px #333333; font-size: 20px; padding-bottom: 4px; margin-right: 20px; }
.check_total .check_total_point span.point { font-size: 30px; font-weight: bold; display: inline-block; padding: 0 5px; }

.check_answer_box { padding: 0 20px; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .check_answer_box { padding: 0; } }
.check_answer_box.mt0 { margin-top: 0; }
.check_answer_box .check_answer_score { background: #f8e1d5; font-size: 1.4em; padding: .3em 1em; position: relative; }
.check_answer_box .check_answer_score::before { margin: auto; top: 0; bottom: 0; position: absolute; content: ''; display: block; border-top: 2px solid #333333; width: 20px; height: 0; right: 10px; transition-duration: .5s; transform: rotate(90deg); }
.check_answer_box .check_answer_score::after { margin: auto; top: 0; bottom: 0; position: absolute; content: ''; display: block; border-top: 2px solid #333333; width: 20px; height: 0; right: 10px; transition-duration: .5s; }
.check_answer_box .check_answer_score.open::before { transform: rotate(0deg); }
.check_answer_box .check_answer_result { display: none; padding: 1em 2em 2em; margin-bottom: 40px; border: solid 2px #f1f1f1; border-top: 0px; }
@media screen and (max-width: 768px) { .check_answer_box .check_answer_result { padding: 3%; } }
.check_answer_box .check_subttl_answer { font-size: 26px; font-weight: bold; color: #333333; border-bottom: solid 1px #333333; margin: 20px 0 10px; padding-bottom: 4px; }
@media screen and (max-width: 768px) { .check_answer_box .check_subttl_answer { font-size: 22px; } }
.check_answer_box .check_subttl { font-size: 22px; font-weight: bold; color: #333333; border-bottom: solid 1px #333333; margin: 40px 0 10px; padding-bottom: 4px; width: 100%; }
.check_answer_box .check_subttl02 { font-weight: bold; margin: 10px 20px 5px; font-size: 20px; }
.check_answer_box .check_subttl03 { font-weight: bold; font-size: 18px; margin: 10px 20px 5px; }
@media screen and (max-width: 768px) { .check_answer_box .check_subttl03 { font-size: 20px; } }
.check_answer_box .check_item_wrap { display: flex; flex-flow: wrap; }
.check_answer_box .check_item_wrap .item_list { display: flex; margin: 0 3% 20px; }
@media screen and (min-width: 768px), print { .check_answer_box .check_item_wrap .item_list { width: 50%; margin: 0 20px 20px; } }
.check_answer_box .check_item_wrap .item_list li { width: 50%; text-align: center; padding: 0 5px 20px; }
.check_answer_box .check_item_wrap .item_list li a { text-decoration: none; }
.check_answer_box .check_item_wrap .item_list li .item_name { display: block; font-weight: bold; }
.check_answer_box .check_item_wrap .item_list li .item_txt br { display: none; }
.check_answer_box .check_item_wrap .check_anchorlink { width: 40%; flex-flow: column; }
@media screen and (max-width: 768px) { .check_answer_box .check_item_wrap .check_anchorlink { width: 100%; margin: 0 auto 20px; } }
.check_answer_box .check_item_wrap .check_anchorlink li { margin-bottom: 10px; }
.check_answer_box .btn_close { margin: 0 auto; display: block; color: #333333; background: #f1f1f1; width: 200px; padding: .5em 2.5em .5em 1.5em; position: relative; text-align: center; border: solid 1px #333333; }
@media screen and (min-width: 768px), print { .check_answer_box .btn_close { margin: 20px auto 0; font-size: 1.2em; } }
.check_answer_box .btn_close::after { content: ""; display: block; height: 0; width: 14px; border-top: 2px solid #333333; transform: rotate(-135deg); position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; }
.check_answer_box .btn_close::before { content: ""; display: block; height: 0; width: 14px; border-top: 2px solid #333333; transform: rotate(-45deg); position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; }
.check_answer_box .btn_close:hover { text-decoration: none; background: #333333; color: #FFF; }
.check_answer_box .btn_close:hover::after, .check_answer_box .btn_close:hover::before { border-top: solid 1px #FFF; }

/*contact*/
.pc-only { display: none; }

.contact .txt { margin-bottom: 1em; }
.contact .txts { margin-top: 1em; font-size: .8em; }
.contact .required { color: #d79598; }
.contact .company-list-txt input[type="text"] { border-radius: 3px; padding: 3px; }
.contact .company-list-txt select { width: 12em; max-width: 100%; padding: 3px; }
.contact .company-list-txt .add { margin-top: .5em; /*      display: flex; flex-flow: wrap; align-items: center;*/ }
.contact .company-list-txt .add dt { font-weight: bold; padding-top: 8px; }
.contact .company-list-txt .add dd { padding-top: 5px; }
.contact .btn_zipcode { background: #d79598; display: inline-block; color: #FFF !important; width: 10em; text-align: center; position: relative; padding: .4em 1.5em .4em .4em; margin: auto; border-radius: 5px; border: 0px; margin-left: 5px; }
.contact .btn_zipcode::after { content: ""; position: absolute; width: 10px; height: 10px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; transform: rotate(-45deg); right: 10px; top: 0; bottom: 0; margin: auto; }
.contact .btn_zipcode:hover { opacity: .7; text-decoration: none; }

/* 20201001 artist */
.indent-list li { text-indent: -1em; padding-left: 1em; }
.indent-list.notes li { font-size: 14px; }

.count-ol { counter-reset: eb-counter; margin: 0 20px 1em; }
@media screen and (max-width: 768px) { .count-ol { margin: 0 0 1em; } }
.count-ol > li { margin-bottom: 10px; padding-left: 30px; position: relative; font-size: 16px; }
.count-ol > li a { color: #d79598; text-decoration: underline; }
.count-ol > li::before { content: counter(eb-counter); counter-increment: eb-counter; background-color: #d79598; color: #FFF; display: block; float: left; line-height: 22px; margin-left: -30px; text-align: center; height: 22px; width: 22px; border-radius: 50%; }


/*偽装品PDF*/
  .opinion-pdf{
	width: 90%;
	margin: 2em auto ;
	text-align: center;
	padding: 10px;
	border: 1px solid #3c5771;
}
	.opinion-pdf a{
		color: #3c5771;
	}