@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');
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: 0.625rem; line-height: 1.4; text-align: left; }
.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:#0A9829; }
.DetailPage a:link { color: #0A9829; text-decoration: underline;}

.DetailPage a:visited:hover { color: #51C96C; }
.DetailPage a:active { color: #51C96C; }
.DetailPage img { width: 100%; height: auto; }
.DetailPage .frame { width: 100%; margin: 0 auto; }
.DetailPage .topimg { margin: 0 auto 0px; width: 100%;}
.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; }

.DetailPage .btm_notes { background-color: #f1f0f2; padding: 0px 0 30px; margin: 30px 0 0 0;}
.DetailPage .btm_notes strong { font-weight: bold; color: #c13e74; font-size: 110%; }
.DetailPage .btm_notes a { text-decoration: underline; }
.DetailPage .ttl_remark { margin-bottom: 30px; }
.DetailPage .remark_main li { font-size: 14px; font-size: 0.875rem; line-height: 1.6; margin: 5px 20px; padding-left: 1em; text-indent: -1em; }
.DetailPage .remark_sub { margin-top: 15px; }
.DetailPage .remark_sub li { font-size: 14px; font-size: 0.875rem; line-height: 1.6; margin: 5px 40px 5px 26px; padding-left: 2.6em; text-indent: -2.6em; }

.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: 0px 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: 20px 10px 0;
	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;
}

/*--------------------------------------------------------------追加ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.f-box{
    display: flex;
  justify-content: center;
    align-items: stretch;
}

.txt01{
    font-size: 0.95em;
    line-height: 1.65em
}

.detail1 h2 {
  padding: 0.6rem 1.7rem;
    font-size: 1em;
    font-weight: bold;
  border-left: 6px double #919191;
  background: #d1f2ea;
margin: 30px 0 15px 0;
    display: inline-block;
}
.detail1 p {
    font-size: 0.9em;
    margin: 0 0 0 0.5em;
    line-height: 1.55em
}

.red{
    color: #df332f;
}

.detail1 p.remarks{
    font-size: 0.8em;
}

div.banner{
    width: 90%;
    margin: 50px auto 30px;
}
div.banner img{
    width: 100%;
    height: auto;
}

span.small {
    font-size: 0.7em;
}
span.kome {
    font-size: 0.85em;
}

/* ボタン設定 */
.btn_wrap {
        width: 85%;
        position: relative;
    align-self: stretch;
    margin: 30px auto;
}


a.button,a.button2,a.button3 {
        width: 100%;
    height: 100%;
        padding: 15px 20px;
        border-radius: 8px;
        font-size: 95%;
        font-family: "Noto Sans Japanese";
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        background: #A57F00;
        box-shadow: 0 5px 0 #8A6A00;
        color: #fff!important;
        transition: 0.2s;
}
a.button:link,a.button2:link,a.button3:link {
        text-decoration: none;
}
a.button:after,a.button2:after,a.button3:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
a.button:hover,a.button2:hover,a.button3:hover {
  background: #d5c08b;
  color: #FFF;
  box-shadow: 0 2px 0 #8a7d5d;
  transform: translateY(3px);
}

a.button2 {
        background: #4b9138;
        box-shadow: 0 5px 0 #376f28;
}
a.button2:hover {
  background: #56a741;
  box-shadow: 0 2px 0 #376f28;
}

div.btn_wrap3 {
        width: 100%;
    height: 4em;
        position: relative;
    align-self: stretch;
    margin: 20px auto 0;
}

a.button3 {
        background: #4b9138;
        box-shadow: 0 5px 0 #376f28;
}
a.button3:hover {
  background: #56a741;
  box-shadow: 0 2px 0 #376f28;
}