@charset "utf-8";

body *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.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; }

.base_style .c_id { color: #ff0000; }
.base_style .c_noevir_green { color: #1a9641; }
.base_style a:hover .over { opacity: 0.8; filter: alpha(opacity=80); }
.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 .ic-jyun { color: #00a059; font-size: 110%; }
.base_style .notes { font-size: 10px; line-height: 1.4; }
.base_style .notes_r { font-size: 0.625rem; line-height: 1.4; text-align: right; margin-bottom: 15px;}
.base_style .notes_l { font-size: 10px; line-height: 1.4; text-align: right; }
.base_style .notes2 { font-size: 0.625rem; line-height: 1.4; text-align: left; margin: 10px auto; width: 90%; }
.base_style .enclosed { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important; display: inline-block; font-size: 10px; line-height: 14px; padding-top: 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; }
.pc { display: none !important; }
.sp { display: block !important; }
.pc_inline { display: none !important; }
.sp_inline { display: inline !important; }

.DetailPage a { color: #e23a23; }
.DetailPage a:link { color: #e23a23; }
.DetailPage a:visited { color: #e23a23; }
.DetailPage a:hover { color: #e23a23; }
.DetailPage a:visited:hover { color: #e23a23; }
.DetailPage a:active { color: #e23a23; }
.DetailPage img { width: 100%; height: auto; }
.DetailPage .frame { width: 100%; margin: 0 auto; }
.DetailPage .topimg { margin: 0 auto 40px; width: 98%;}
.DetailPage .grd_act_btn { background-color: #e23a23; border-bottom: #c18487 2px solid; border-top: #c18487 2px solid; border-left: #c18487 2px solid; border-right: #c18487 2px solid; }

.small {
	font-size:80%;
}
.small2 {
	font-size:11px;
	margin:10px 0 20px 0;
}

.topimg img{
	width:100%;
	}
.base_style .size{
	display:block;
	margin-top:15px;
	}

/* ▼スキンコンディショニングフォームプレゼント▼*/
.base_style .content_wrapper {
	display: block;
	position: relative;
	margin: 15px auto 30px;
	padding: 20px 0 10px;
	width: 98%;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.base_style .content_inner {
	margin-top: 40px;
	display: block;
	overflow: hidden;
}
.base_style .ex_inner {
	clear: both;
}
.base_style .content_txt,
.base_style .content_txt-notes,
.base_style #note_ex3 {
	margin: 0 auto;
	width: 90%;
	display: block;
	overflow: hidden;
}
.base_style .ex_inner p.ex_txt_1col {
	margin: 0 auto;
	width: 93%;
	display: block;
	overflow: hidden;
}
.base_style #about-foam dt {
	margin: 0 auto 0;
	width: 165px;
}
.base_style #about-foam dd {
	text-align: center;
}
.base_style .ex_1col {
	margin: 20px auto 0;
	/*width: 93%;*/
	width: 90%;
}
.base_style .ex_txt_2col,
.base_style .ex_2col {
	width: 100%;
}
.base_style #about-foam dt img,
.base_style .ex_1col img, 
.base_style .ex_2col img {
	width: 100%;
}
.base_style .ex_img {
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border-radius: 20px;
	background-color: #FBFCF5;
}
.base_style #about-foam_innner {
	margin: 20px auto 0;
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	height: 660px;
}
.base_style #ribbon {
	position: absolute;
	width: 200px;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.base_style #ribbon img {
	width: 100%;
}
.base_style #about-foam_content {
	padding: 25px 0 0;
	width: 90%;
	position: absolute;
	top: 27px;
	left: 5%;
	border: 2px solid #d57257;
	border-radius: 20px;
}
.base_style #about-foam_pro {
	width: 100%;
}
.base_style #about-foam_txt {
	margin: 0 auto;
	width: 93%;
}
.base_style .balloon-top {
	position: relative;
	display: inline-block;
	margin: 1.5em auto 0.5em;
	padding: 20px 30px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fbede1;
	border-radius: 20px;
}
.base_style .balloon-top:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fbede1;
}
.base_style #notes_foampresent {
	margin: 10px auto 40px;
	width: 90%;
}
/* ▼タイトル▼ */
.base_style .summary_title {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 15px;
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 170px;
	text-align: center;
	color: white;
	font-size: .75rem;
	background: #a41538;
	border-radius: 2px 0 0 0;
	}
.base_style .summary_title:before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px #6a1224;
	border-right: solid 5px transparent;
}
.base_style .summary_title:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-top: 10px solid #a41538;
}
.base_style .summary_title h3 {
    font-weight: bold;
    font-size: 1.3em;
	letter-spacing: 0.2em;
}
/* ▲タイトル▲ */

/* ▼テキスト▼ */
.base_style .content_txt {
	font-size: 1.0625rem;
	line-height: 1.7em;
}
.text_num {
	font-size: 1.25rem;
	font-weight: bold;
	color: #ff0000;
}
.base_style .content_txt-notes {
	padding-top: 5px;
	font-size: 0.75rem;
	color: #cc3300;
}
.base_style .note-skincon_01,
.base_style .note-skincon_02 {
	font-size: 0.75rem;
}
.base_style .note-skincon_01 {
	margin: 10px auto 0;
	width: 90%;
}
.base_style .note-skincon_02 {
	margin-top: 10px;
}
.base_style #about-foam dd {
	padding-top: 5px;
	font-size: 0.75rem;
	line-height: 1.4em;
}
.base_style #foam-spec {
	font-size: 0.9375rem;
	line-height: 1.6em;
}
.base_style .ex_inner p.ex_txt_1col,
.base_style .ex_inner p.ex_txt_2col {
	font-size: 0.8125rem;
	line-height: 1.7em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.base_style .ex_inner p.ex_txt_1col span,
.base_style .ex_inner p.ex_txt_2col span {
	margin-top: 10px;
	padding-left: 0;
	text-indent: 0;
	display: inline-block;
	font-size: 1.0rem;
	font-weight: bold;
	color: #2682b2;
}
.base_style #note_ex3,
.base_style #note_ex3-2 {
	font-size: 0.75rem;
}
.base_style #note_ex3 {
	margin-top: 10px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.base_style #note_ex3-2 {
	margin-top: 15px;
}
.base_style #notes_foampresent li {
	font-size: 0.75rem;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
/* ▲テキスト▲ */
/* ▼余白調整▼ */
.base_style .mb_20 {
	margin-bottom: 20px;
}
/* ▲余白調整▲ */
/* ▲スキンコンディショニングフォームプレゼント▲*/

/* ▼▼▼ボタン▼▼▼ */
/* ボタン共通 */
.DetailPage .btn-common {
	overflow: hidden;
	height: 40px;
	margin: 20px auto 20px;
	padding: 0;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}
.DetailPage .btn-common a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #a41538;
	color: #fff;
	font-size: 1rem;
	text-decoration:none;
}
.DetailPage .btn-common a:hover {
	background: #dabd38;        /* マウスオーバーカラー */
	color: #ffffff;
}
.DetailPage #lineup_fair2020s a:before {        /*白いひし型 */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	background: #fff;
}
.DetailPage #lineup_fair2020s a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	background: #a41538;
}
.DetailPage #lineup_fair2020s a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */
	background: #dc6a86;
}
.DetailPage #lineup_fair2020s {
	margin-top: 40px;
	width: 220px;
	line-height: 40px;
}
.DetailPage #lineup_fair2020s a:before {        /*白いひし型 */  
	top: 14px;
	right: 20px;
}
.DetailPage #lineup_fair2020s a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	top: 12px;
	right: 20px;
}
/* オイルインボタン */
#serumune {
	text-align: center;
}
#serumune .btn-circle {
	margin-bottom: 15px;
	padding: 10px 15px 10px 0;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	width: 90%;
	border-radius: 40px;
	text-align: center;
	overflow: hidden;
	background-color: #a41538;
	position: relative;
}
#serumune .btn-circle:hover {
	background-color: #dc6a86;
}
#serumune .serumunebtn {
	display: inline-block;
	color: #ffffff;
}
#serumune .serumunebtn:after {
	content: "";
	position: absolute;
	top: 17px;
	right: 20px;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	will-change: left;
	transform: rotate(45deg);
}
#serumune .serumune-txt {
	font-size: 15px;
	padding-left: 10px;
	display: inline-block;
	line-height: 1.6em;
	text-align: left;
	font-weight: bold;
}
/* ▲▲▲ボタン▲▲▲ */
/* ▼▼▼スキコン スペック▼▼▼ */
#present_serumune {
	margin: 20px auto 20px;
	width: 90%;
	display: block;
	overflow: hidden;
}
#serumune_text {
	width: 100%;
}
#serumune_img {
	margin: 0 auto;
	width: 65%;
}
#serumune_img img {
	width: 100%;
}
/* テキスト */
#present_serumune h4 {
	margin: 20px 0;
	color: #a41538;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px dotted #a41538;
	text-align: center;
}
#serumune_text p {
	margin: 0 0 30px;
}
#serumune_text p.serumune_description {
	font-size: 4vw;
}
#serumune_text p.serumune_spec {
	font-size: 3.4666vw;
}
.DetailPage .productnumber{
	color: #ff0000;
}
/* ▲▲▲スキコン スペック▲▲▲ */
/* ▼▼▼医薬部外品▼▼▼ */
.DetailPage .iyaku {font-size: .75rem; text-align: center; vertical-align: text-bottom; border: 1px solid #bbb; padding: 2px 4px; margin: 0 0 0 0.2em; font-weight: normal;
}
/* ▲▲▲医薬部外品▲▲▲ */
@media print,screen and (max-width: 320px) {
	#present_serumune h4 {
		font-size: 3.75vw;
	}
	.base_style #about-foam_innner {
		height: 600px;
	}
	/* スキコンボタン */
	#serumune .serumunebtn:after {
		top: 16px;
		right: 14px;
		width: 14px;
		height: 14px;
	}
}
@media print,screen and (min-width: 414px) {
	#present_serumune h4 {
		font-size: 3.8647vw;
	}
}

#serumune_spec_innner {
	margin: 30px auto 50px;
	width: 90%;
}
/* ▲▲▲使用方法▲▲▲ */
#serumune_spec_innner {
	text-align: center;
}
.base_style .btn_order {
	margin: 20px auto 30px;
	width: 80%;
}
.base_style .btn_order a span { display: block; font-size: 1px; line-height: 1px; border-radius: 3px; -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_order a span img {
	padding: 10px 0 ;
	width: 70%;
}
/* ▼▼▼3つの力▼▼▼ */
#power3 {
	margin: 30px auto 0;
	width: 90%;
}
#power3 h5 {
	color: #a41538;
	font-size: 1rem;
    margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}
#power3  p {
	margin: 0 auto;
	width: 100%;
}
#power3  p img {
	width: 100%;
}
/* ▲▲▲3つの力▲▲▲ */
/* ▼▼▼プレゼント期間▼▼▼ */
#term {
	margin: 30px auto 0;
	width: 100%;
}
#term p {
	color: #e23a23;
	font-size: 1.0625rem;
	text-align: center;
	font-weight: bold;
}