@charset "utf-8";

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

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

/* -------------------------------------------------------
	index.html
   ------------------------------------------------------- */
#HF.lineupPg .cmnPageLnk01 { text-align:center; }

#HF.lineupPg .cntWrp01 .txtBox01 { display:table; width:100%; }
#HF.lineupPg .cntWrp01 .txtBox01 div { display:table-cell; line-height:190%; vertical-align:top; }
#HF.lineupPg .cntWrp01 .txtBox01 div span { color:#ec6c79; }
#HF.lineupPg .cntWrp01 .txtBox01 figure { display:table-cell; width:160px; vertical-align:middle; text-align:center; }

#HF.lineupPg .cntWrp01 .attn01 { display:table; width:100%; border:1px solid #ff9d9f; padding:20px; margin-top:20px; font-size:15px; line-height:190%; }
#HF.lineupPg .cntWrp01 .attn01 h4 { display:table-cell; }
#HF.lineupPg .cntWrp01 .attn01 h4 span { color:#ec6c79; }
#HF.lineupPg .cntWrp01 .attn01 .lnkBtn01 {
display:table-cell;
min-width:230px;
text-align:right;
vertical-align:middle;
white-space:nowrap;
}

#HF.lineupPg .cntWrp01 .itmLnk01 li { margin-top:10px; }
#HF.lineupPg .cntWrp01 .itmLnk01 li a { display:table; width:100%; border:1px solid #dfdfdf; padding:10px; background:#f5f5f5 url(../img/itmLnkArw.png) right center no-repeat; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
#HF.lineupPg .cntWrp01 .itmLnk01 li a:hover { background-color:#ebebeb; }
#HF.lineupPg .cntWrp01 .itmLnk01 li figure { display:table-cell; width:100px; height:100px; background:#fff; text-align:center; vertical-align:middle; }
/*　新発売アイコン　*/
#HF.lineupPg .cntWrp01 .itmLnk01 li figure{
position:relative;
}
#HF.lineupPg .cntWrp01 .itmLnk01 li figure span.ico_new{
position:absolute;
top:0;
right:0;
padding:0 0.5em;
line-height:1.5em;
background: #ff0000;
/*border-radius:3px;*/
font-weight:bold;
text-align:center;
font-size:85%;
color:#ffffff;
letter-spacing: 0.1em;
}

#HF.lineupPg .cntWrp01 .itmLnk01 li figure img { height:90px; width:60px; }
#HF.lineupPg .cntWrp01 .itmLnk01 li figure.wdth02 img { width:90px; height:auto; }
#HF.lineupPg .cntWrp01 .itmLnk01 li > a > div { display:table-cell; padding:5px 26px 0 20px; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div h4 > span { display:inline-block; padding:0 12px 0 10px; margin-right:15px; height:22px; line-height:22px; color:#fff; font-size:13px; background:#5ca7d6 url(../img/rbnBg01.gif) no-repeat right top; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div h4 > span.rbn02 { background:#ff9d9f url(../img/rbnBg02.gif) no-repeat right top !important; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div h4 p { display:inline-block; color:#5ca7d6; font-size:16px; line-height:22px; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,1) }
#HF.lineupPg .cntWrp01 .itmLnk01 li div h4 p span.iyaku { display:inline-block; padding:0 5px; margin-left:10px; height:1.4em; line-height:1.4; border:1px #5ca7d6 solid; color:#5ca7d6; font-size:12px; background:transparent; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div p.dtl { font-size:13px; color:#6f6f6f; margin-top:4px; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div p.icon01 { display:inline-block; background:#fff; height:22px; line-height:22px; /*margin-top:8px;*/ padding:0 5px; /*border:1px solid #ec6c79;*/ font-size:13px; color:#ee7985; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#HF.lineupPg .cntWrp01 .itmLnk01 li div.review-summary-container:empty + p.icon01 {margin-top:8px; }