/* -----------------------------------------------------
レイアウト (SP first)
----------------------------------------------------- */
/** clearfix --------------------------------------- */
.clearfix {display: block; zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
/** annotation --------------------------------------- */
.ant {font-size: 0.75em !important;}
/** letter spacing --------------------------------------- */
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.ls-4 {letter-spacing: -4px;}
.ls-5 {letter-spacing: -5px;}
.ls-6 {letter-spacing: -6px;}
.ls-8 {letter-spacing: -8px;}
.ls-12 {letter-spacing: -12px;}

/* 
c-serum-gel_reccomend
----------------------------------------------------- */
#c-serum-gel_reccomend {padding: 45px 15px;}
#c-serum-gel_reccomend .ttl {position: relative; font-size: 1.4em; font-weight: bold; margin: 0 0 20px;}
#c-serum-gel_reccomend .ttl .txt {position: relative; display: inline-block; background-color: #ffffff; padding: 0 8px; z-index: 2; font-size: 1em;}
#c-serum-gel_reccomend .ttl:before {position: absolute; top: 12px; left: 50%; margin-left: -50%; width: 100%; display: block; content: ""; border-top: 1px solid #000000; z-index: 1;}
#c-serum-gel_reccomend .dcp {font-size: 0.9em; line-height: 1.7; text-align: center; letter-spacing: -1px; margin: 0 0 24px;}
#c-serum-gel_reccomend .subttl {background: #e3e2d9; font-size: 1.1em; font-weight: bold; text-align: center; padding: 10px 0; margin: 0 0 22px;}
#c-serum-gel_reccomend .dcp2 {font-size: 0.85em; line-height: 1.7; letter-spacing: -1px; margin: 0 0 24px;}
#c-serum-gel_reccomend .fig img {width: 100%; height: auto; margin: 0 0 42px;}


/* ========================================
+Media Querie
======================================== */
/* SP */
		@media screen and (max-width: 640px) {
.sp_none {display: none;}
		}

/* SP small */
		@media screen and (max-width: 320px) {
#c-serum-gel_reccomend .subttl {font-size: 1em;}
		}

/* TB */
		@media screen and (min-width:641px) and (max-width:1024px) {
.tb_none {display: none;}
/* === c-serum-gel_reccomend === */
#c-serum-gel_reccomend {padding: 90px 0 0;}
#c-serum-gel_reccomend .inr {width: 600px; margin: 0 auto;}
#c-serum-gel_reccomend .ttl { font-size: 2em; margin: 0 0 40px;}
#c-serum-gel_reccomend .ttl:before {top: 20px;}
#c-serum-gel_reccomend .dcp {font-size: 1.3em; margin: 0 0 50px;}
#c-serum-gel_reccomend .subttl {font-size: 1.3em; margin: 0 0 30px;}
#c-serum-gel_reccomend .dcp2 {font-size: 1em; margin: 0 0 32px;}
#c-serum-gel_reccomend .fig img {margin: 0 0 50px;}
		}

/* PC */
	@media print, screen and (min-width:1025px) {
.pc_none {display: none;}
/* === c-serum-gel_reccomend === */
#c-serum-gel_reccomend {padding: 110px 0 0;}
#c-serum-gel_reccomend .inr {width: 800px; margin: 0 auto;}
#c-serum-gel_reccomend .ttl { font-size: 2.2em; margin: 0 0 70px;}
#c-serum-gel_reccomend .ttl .txt {padding: 0 16px;}
#c-serum-gel_reccomend .ttl:before {top: 20px;}
#c-serum-gel_reccomend .dcp {font-size: 1.5em; margin: 0 0 58px;}
#c-serum-gel_reccomend .subttl {font-size: 1.5em; margin: 0 0 48px;}
#c-serum-gel_reccomend .dcp2 {font-size: 1.15em; margin: 0 0 42px;}
#c-serum-gel_reccomend .fig img {margin: 0 0 84px;}
		}