@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : レイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
共通
   ------------------------------------------------------- */
#HF.rcmdset .prcExpl { background:#fff; border:2px solid #ff9d9f; margin-top:30px; padding:18px 40px; font-size:16px; line-height:1.8; }
#HF.rcmdset .prcExpl ul li { background:url(../img/icon_chk01.gif) no-repeat left center; padding-left:32px; }
#HF.rcmdset .prcExpl ul li em { font-weight:bold; color:#ec6c79; }

#HF.rcmdset .wline { background:url(../../img/cmn/wline01.gif) repeat-x center center; }

#HF.rcmdset .setLnk01 { padding:20px; border-bottom:1px solid #dfdfdf; }
#HF.rcmdset .setLnk01.bdrNn { border-bottom:none; }
#HF.rcmdset .setLnk01 .fgCnt { float:left; width:153px; }
#HF.rcmdset .setLnk01 .fgCnt figure { display:block; width:153px; height:153px; padding:12px 0; text-align:center; background:#fff; border:1px solid #dfdfdf; }
#HF.rcmdset .setLnk01 .fgCnt figure img { display:inline; height:128px; }
#HF.rcmdset .setLnk01 .fgCnt ul { letter-spacing:normal; text-align:center; }
#HF.rcmdset .setLnk01 .fgCnt ul li { display:inline-block; padding:0 5px; margin:10px 4px 0 4px; border:1px solid #888888; height:22px; line-height:22px; color:#888888; font-size:13px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }

#HF.rcmdset .setLnk01 .expln { float:right; width:calc(100% - 180px); }
#HF.rcmdset .setLnk01 .expln dl dt { padding:8px 0 10px 0; font-size:19px; line-height:135%; background:url(../../img/cmn/ttlBdr01.gif) no-repeat bottom center; }
#HF.rcmdset .setLnk01 .expln dl dt a { display:block; }
#HF.rcmdset .setLnk01 .expln dl dt a:hover { color:#ec6c79; }
#HF.rcmdset .setLnk01 .expln dl dd { margin-top:15px; font-size:15px; color:#666; display:inline-block; }
#HF.rcmdset .setLnk01 .expln dl dd + dd{ margin-left:10px; }
#HF.rcmdset .setLnk01 .expln dl dd b,
#HF.rcmdset .setLnk01 .expln dl dd strong { display:inline-block; height:22px; line-height:22px; background:#ff9d9f; padding:0 5px; color:#fff; font-size:14px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; letter-spacing:normal; }
#HF.rcmdset .setLnk01 .expln dl dd b { margin-right:10px; }
#HF.rcmdset .setLnk01 .expln dl dd strong { background:#ec6c79; margin:0 5px 0 8px; }
#HF.rcmdset .setLnk01 .expln dl dd p { display:inline-block; margin-right:10px; }
#HF.rcmdset .setLnk01 .expln dl dd em { font-weight:bold; color:#ec6c79; }
#HF.rcmdset .setLnk01 .expln .dtl { margin-top:12px; display:flex; align-items:flex-end; justify-content:space-between;}
#HF.rcmdset .setLnk01 .expln .dtl .Lcont { /*float:left;*/ width:calc(100% - 200px); margin-right:10px; font-size:13px; letter-spacing:normal; }
#HF.rcmdset .setLnk01 .expln .dtl .Lcont ul li { display:inline-block; padding:0 5px; margin:0 8px 8px 0; border:1px solid #5ca7d6; height:22px; line-height:22px; color:#5ca7d6;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#HF.rcmdset .setLnk01 .expln .dtl .Rcont { /*float:right;*/justify-content:flex-end; }
#HF.rcmdset .setLnk01 .expln .dtl .Rcont .lnkBtn01 { margin-top:10px; }
#HF.rcmdset .setLnk01 .expln .dtl .Rcont .lnkBtn02 a { width:160px; padding-left:25px; }
#HF.rcmdset .setLnk01 .expln .dtl2 { margin-top:12px; font-size:13px; letter-spacing:normal;}
#HF.rcmdset .setLnk01 .expln .dtl2 ul li { display:inline-block; padding:0 5px; margin:0 8px 8px 0; border:1px solid #5ca7d6; height:22px; line-height:22px; color:#5ca7d6;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#HF.rcmdset .setLnk01 .expln .dtl2 p .iyaku{display:inline-block;padding:1px 3px;border:1px #333 solid;font-size:90%;line-height:1;font-weight:300;}
/*styleAdd*/
#HF.rcmdset .setLnk01 .expln dl dd.teiki b { background:#EB131F;}
#HF.rcmdset .setLnk01 .expln dl dd.teiki em { color:#EB131F; }
#HF.rcmdset .setLnk01 .btnArea { margin-top:20px; }
/*
#HF.rcmdset .setLnk01 .expln .btnArea .lnkBtn01 { margin-top:10px; }
#HF.rcmdset .setLnk01 .expln .btnArea .lnkBtn03 a { padding-left:25px; }
*/

/*新発売アイコン*/
#HF.rcmdset .setLnk01 .fgCnt {
position: relative;}
#HF.rcmdset .setLnk01 .fgCnt .ico_new{
position:absolute;
right:-1em;
top:-1em;
display:block;
width: 3.5em;
height: 3.5em;
line-height: 3.5em;
letter-spacing: 0;
background: #ff0000;
border-radius: 50%;
text-align: center;
font-weight: bold;
font-size: 85%;
color: #ffffff;
}




/* -------------------------------------------------------
index.html
   ------------------------------------------------------- */
   
#HF.rcmdset p.link_pr { text-align:center; margin-top:15px; }
#HF.rcmdset #setExpl { background:#fff; border:2px solid #96C7E5 ; text-align:center; font-size:15px; font-weight:bold; text-align:left; }
#HF.rcmdset #setExpl h3 { height:40px; line-height:40px; background:#96C7E5 ; font-size:21px; font-weight:bold; color:#fff; text-align:center; letter-spacing:normal; }
#HF.rcmdset #setExpl section { padding:20px; }
#HF.rcmdset #setExpl h4 { padding-bottom:5px; font-size:18px; font-weight:bold; color:#5CA7D6; }
#HF.rcmdset #setExpl p { margin-top:10px; line-height:1.5;  }
#HF.rcmdset #setExpl p span { color:#5CA7D6; }
#HF.rcmdset #setExpl p span.imp { font-weight:bold; }

/* -------------------------------------------------------
rejuve.html
   ------------------------------------------------------- */
#HF.rcmdset.rejuve #cont01 p.txt01 { position:relative; margin-top:-20px; text-align:center; line-height:180%; }
#HF.rcmdset.rejuve #cont01 .lnkBtn01 { text-align:center; margin-top:24px; height:54px; line-height:54px; }