@charset "utf-8";

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

 File Name  : common.css
 Author     : ヒューマンフローラ
 Style Info : ヒューマンフローラ共通css設定
=================================================================== */

/* ----------------------- Browser Default Initialization */

html, body, #HF #HF div, #HF span, #HF applet, #HF object, #HF iframe,h1, #HF h2, #HF h3, #HF h4, #HF h5, #HF h6, #HF p, #HF blockquote, #HF pre, #HF a, #HF abbr, #HF acronym, #HF address, #HF big, #HF cite, #HF code, #HF del, #HF dfn, #HF em, #HF img, #HF ins, #HF kbd, #HF q, #HF s, #HF samp, #HF small, #HF strike, #HF strong, #HF sub, #HF sup, #HF tt, #HF var, #HF b, #HF u, #HF i, #HF center, #HF dl, #HF dt, #HF dd, #HF ol, #HF ul, #HF li, #HF fieldset, #HF form, #HF label, #HF legend, #HF table, #HF caption, #HF tbody, #HF tfoot, #HF thead, #HF tr, #HF th, #HF td, #HF article, #HF aside, #HF canvas, #HF details, #HF embed, #HF figure, #HF figcaption, #HF footer, #HF header, #HF hgroup, #HF menu, #HF nav, #HF output, #HF ruby, #HF section, #HF summary, #HF time, #HF mark, #HF audio, #HF video { margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }
#HF article, #HF aside, #HF details, #HF figcaption, #HF figure, #HF footer, #HF header, #HF hgroup, #HF menu, #HF nav, #HF section { display: block; }
#HF html{ overflow-y: scroll; }
#HF blockquote, #HF q { quotes: none; }
#HF blockquote:before, #HF blockquote:after, #HF q:before, #HF q:after { content: ''; content: none; }
#HF input, #HF textarea{ margin: 0; padding: 0; }
#HF ol, #HF ul{ list-style:none; }
#HF table{ border-collapse: collapse; border-spacing:0; }
#HF caption, #HF th{ text-align:left; }
#HF a:focus { outline:none; }
#HF li img { vertical-align:top; }
#HF img { vertical-align:bottom; }

/*--float--*/
#HF .fL { float:left; }
#HF .fR { float:right; }

/*--clearfix--*/
#HF .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#HF .clearfix { min-height:1px; }
#HF * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/*--clear--*/
#HF .clear { clear:both; }

/*--SP版でのみ表示--*/
/*#HF .spOnly { display:none !important; }*/

/* ----------------------- Basic Style */
body#HF { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; font-size:14px; line-height:150%; letter-spacing:0.1em; color:#555; /*background:#f5f5f5;*/background: #FEF2EC url(../common/images/base/background.gif) repeat-x; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:grayscale; }
html>/**/body { font-size: 14px; }
* + html body { font-family: "メイリオ","Meiryo"; }
#HF * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

#HF a, #HF a:hover, #HF a:visited{ text-decoration:none; color:#555; }
a.mo01 img { opacity:1; transition:all 0.3s ease; }
a:hover.mo01 img { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; transition:all 0.3s ease; }
#HF input[type="submit"] { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; border:none !important; }

#gHeader .ls_n { letter-spacing:normal; }
#HF a.moGry01:hover { background:#f5f5f5; }

#HFwrapper { width:100%; min-width:960px; }
#HFcontainer { width:960px; margin:0 auto; min-width:960px; }
#HFcontainer .bg_w { background:#ffffff; }

#HFmainCnt { /*float:left; width:730px; margin-right:30px;*/width:730px;margin:0 auto; }
#HF.indexPg #HFmainCnt{
width:100%;
}

#HFsideCnt { /*float:right; width:200px;*/display:none; }

#HFmainCnt_col1 { width:100%; }


/* ページ最上部h1 */
#headH1 { background:#efefef; width:100%; min-width:960px; height:24px; line-height:24px;  font-size:11px; color:#666; font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; letter-spacing:0.1em;}
#headH1 h1 { width:960px; margin:0 auto; text-align:right; }
#headH1 h1 br { display:none; }

/*---------------------------------------------
共通ヘッダー
---------------------------------------------*/
#header{ width:100%; background: #fff; }
#header * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#header a, .header a:hover, .header a:visited{ text-decoration:none; color:#333; }
#header a:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; transition: all 0.3s ease;}
#header .header_inner{ display: flex; align-items:center;justify-content:space-between; width:100%; max-width:960px; margin:0 auto; padding:25px 0 5px; }
#header .logo{ }
#header .logo img{ width:406px; }
#header .hnav{ display: flex; align-items:center;letter-spacing: 0.05em;}
#header .hnav li{ display: flex; align-items:center;margin-left:20px;}
#header .hnav .tel{ display: flex; flex-direction:column; align-items:center;justify-content:center;padding-left:23px;position: relative;}
#header .hnav .tel:before{ content: '';display:inline-block;position:absolute;left:0;top:50%;transform: translateY(-50%); width:18px;height:32px;background: url(../img/cmn/ico_phone.png) no-repeat center center / 100%;}
#header .hnav .telno{ font-size:18px;line-height: 1.3;}
#header .hnav .hours{ font-size:12px;line-height: 1.1;}
#header .hnav .note{ font-size:10px;line-height: 1.1;}
#header .hnav .myaccount a{ display: flex; align-items:center;}
#header .hnav .myaccount a:before{ content: '';display:inline-block;width:17px;height:24px;margin-right:5px;background: url(../img/cmn/ico_login.png) no-repeat center center / 100%;}
#header .hnav .cart a{ display: flex; align-items:center;}
#header .hnav .cart a:before{ content: '';display:inline-block;width:25px;height:23px;margin-right:5px;background: url(../img/cmn/ico_cart.png) no-repeat center center / 100%;}

/*　グロナビ　*/
#gNav{ position:relative; z-index:89; width:100%; background: #fff; font-family:'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO','Meiryo','メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック','Osaka','Osaka-等幅',sans-serif; font-size:14px; line-height:150%; letter-spacing:0.1em; }
#gNav * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#gNav a:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; transition: all 0.3s ease;}
#gNav a, #gNav a:hover, #gNav a:visited{ text-decoration:none; color:#333; }

#gNav .gMenu { display:flex; align-items:center;justify-content:space-around;width:960px; margin:0 auto; }
#gNav .gMenu li a { display:block; color:#333; text-decoration:none;  }
#gNav .gMenu li a:hover,
#gNav .gMenu li a:visited { text-decoration:none; }
#gNav .gMenu > li {padding:0 10px; letter-spacing:0.05em; }
#gNav .gMenu > li#gnav01 { width:68px !important; }
#gNav .gMenu > li > a { display:flex;align-items:center;justify-content:center; position: relative; height:60px; font-size:16px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background  0.3s ease; }
/*#gNav .gMenu > li a:hover {  -webkit-transition:all 0.5s; transition:all 0.5s; }*/
#gNav .gMenu .menu_2nd { visibility:hidden; opacity:0; z-index:1; display:flex;align-items:flex-start;justify-content:center;position:absolute; top:60px;left:0; width:100%; padding:30px 0 40px; background:#fff; text-align:left; line-height:1.5; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#gNav .gMenu .menu_2nd dl {  }
#gNav .gMenu .menu_2nd dl + dl { margin-left:6em; }
#gNav .gMenu .menu_2nd dt { font-size:18px;font-weight: 600; }
#gNav .gMenu .menu_2nd dt a { font-weight: 600; }
#gNav .gMenu .menu_2nd dd { display:flex;align-items:flex-start;justify-content:flex-start;margin-top:10px; }
#gNav .gMenu .menu_2nd ul { }
#gNav .gMenu .menu_2nd ul + ul { margin-left:3em; }
#gNav .gMenu #gnav06 .menu_2nd ul+ul { margin-left:8em; }
#gNav .gMenu .menu_2nd li { font-size:14px; line-height: 1.7; }
#gNav .gMenu .menu_2nd li + li.st { margin-top:20px; }
#gNav .gMenu .menu_2nd li.st,
#gNav .gMenu .menu_2nd li.st a { font-weight:600; }
/*#gNav .gMenu .menu_2nd li a { padding:8px 10px; }*/
#gNav .gMenu .menu_2nd li a.dummy_level { cursor:default; }
#gNav .gMenu .menu_2nd .tel{position: relative; }
#gNav .gMenu .menu_2nd .tel > a{display:inline-block; }
#gNav .gMenu .menu_2nd .tel .box{position: absolute; left:20px; top:20px; background: #fff; border:2px #ccc solid;padding:10px;text-align:center; }
#gNav .gMenu .menu_2nd .tel .box dt{font-size:16px; }
#gNav .gMenu .menu_2nd .tel .box dd{margin-top:3px; display:block; }
#gNav .gMenu .menu_2nd .tel .box dd span{display:block; }
#gNav .gMenu .menu_2nd .tel .box dd .telno{font-size:18px;font-weight: 600; }
#gNav .gMenu .menu_1st > a.currentPage:after,
#gNav .gMenu .menu_1st:hover > a:after{content: '';position: absolute; left:0; bottom:0;display: block; width:100%;height:4px;border-radius: 2px;background: #333; }
#gNav .gMenu .menu_1st:hover .menu_2nd { visibility:visible; opacity:1; }
#gNav .gMenu .menu_2nd .tel .box{ visibility:hidden; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#gNav .gMenu .menu_2nd .tel a:hover+.box{ visibility:visible; opacity:1; }



/*---------------------------------------------
共通サイドコンテンツ
---------------------------------------------*/
#HFsideCnt ul li { margin-bottom:10px; }
#HFsideCnt ul li img { width:200px; height:90px; }
#HFsideCnt ul li.size01 img { height:60px; }
#HFsideCnt ul li.size02 img { height:42px; }
#HFsideCnt ul li.btn01 { display:inline-block; width:200px; border:1px solid #f87395; background:#ffecf1; height:23px; line-height:23px; color:#fff; font-size:12px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; letter-spacing:normal; }
#HFsideCnt ul li.btn01 a { display:block; color:#f87395; }


/*---------------------------------------------
共通フッタ―上カルーセル
---------------------------------------------*/
#gFtCal { background:#fff; padding:19px 0; border-top:1px solid #dfdfdf; margin-top:50px; min-width:964px; }
#gFtCal * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#gFtCal #gFtCalCont { width:964px; margin:0 auto; }
#gFtCal #gFtCalCont div { float:left; margin:0 5px; }
#gFtCal #gFtCalCont div img { width:231px; }

#gFtCnt{
background:#ffffff;
padding:15px 0;
border-top:1px solid #dfdfdf;
margin-top:50px;
min-width:964px;
}
#ftCalWrap .gFtBnr{
background:#ffffff;
padding:15px 0;
border-top:1px solid #dfdfdf;
margin-top:50px;
min-width:964px;
}
#gFtCnt .ftTextBox+#ftCalWrap .gFtBnr{
padding:0;
border-top:none;
margin-top:0;
}
#ftCalWrap .gFtBnr ul{
display:flex;
flex-wrap:wrap;
width:960px;
margin:20px auto;
}
#ftCalWrap .gFtBnr li{
width:32%;
margin:5px 0;
margin-right:2%;
}
#ftCalWrap .gFtBnr li:nth-child(3n){
margin-right:0;
}
#ftCalWrap .gFtBnr li img{
max-width:100%;
}


/*---------------------------------------------
共通フッター
---------------------------------------------*/
body #footer { padding-bottom:50px;}
#footer { background:#fff; font-family:'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO','Meiryo','メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック','Osaka','Osaka-等幅',sans-serif; letter-spacing:0.1em; color:#333; }
#footer * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#footer a:hover{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; transition: all 0.3s ease; }
#footer a, .footer a:hover, .footer a:visited{ text-decoration:none; color:#333; }

#footer .fcontact{ padding:10px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:16px;line-height:1.2;}
#footer .fcontact dl{ display:flex;width:100%;max-width:960px;height:100px;margin:0 auto;}
#footer .fcontact dt{display:flex;align-items:center;width:33%;font-weight: 600;}
#footer .fcontact dd{display:flex;align-items:center;padding:0 40px;}
#footer .fcontact .tel{flex-direction:column;justify-content: center; padding-left:46px; position: relative;}
#footer .fcontact .tel:before{ content:''; position: absolute;left:0;top:50%; transform: translateY(-50%); display: inline-block; width:36px; height:62px; background: url(../img/cmn/ico_phone2.png) no-repeat center center / 100%;}
#footer .fcontact span{ display:block;white-space: nowrap;}
#footer .fcontact .telno{ font-size:18px;}
#footer .fcontact .hours{}
#footer .fcontact .note{ font-size:12px;}
#footer .fcontact .form{ border-left:1px solid #dfdfdf;}
#footer .fcontact .form a{display:flex;align-items:center;}
#footer .fcontact .form a:before{ content:''; display: inline-block; width:50px; height:34px; margin-right:10px;background: url(../img/cmn/ico_mail.png) no-repeat center center / 100%;}

#footer .flogo{margin-top:50px;text-align: center;}

#footer .fsns{margin-top:30px;line-height:1;}
#footer .fsns ul{display:flex;align-items:center;justify-content:center;}
#footer .fsns li a{display:flex;align-items:center;margin:0 15px;}
#footer .fsns img{margin-right:12px;}

#footer .fnav {margin-top:30px;line-height:1;}
#footer .fnav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#footer .fnav li{margin:0 12px;letter-spacing:0.05em;}

#footer .copy{ margin-top:30px;line-height:1; text-align:center; font-size:12px;font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing:0.05em;}

#pageTop { width:100%; min-width:960px; position:fixed; bottom:0; left:0; _position:relative; z-index:89; }
#pageTop div { width:960px; height:0px; position:relative; margin:0 auto; }
#pageTop div p { width:39px; height:39px; position:absolute; bottom:20px; right:0; }


/*=============================================

各パーツ

=============================================*/

/*---------------------------------------------
フォントカラー
---------------------------------------------*/
#HF .cPk01 { color:#ec6c79; }
#HF .cBl01 { color:#5ca7d6; }

/*---------------------------------------------
Rマーク専用
---------------------------------------------*/
.reg,
#HF .reg{
font-size:80%;
font-style:normal;
vertical-align:top;
position:relative;
top:-0.5em;
}

/*---------------------------------------------
メインコンテンツのベース枠
---------------------------------------------*/
#HF .cntWrp01 { width:730px; background:#fff; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; margin-top:30px; }
#HF.indexPg .cntWrp01 {width:100%; background: transparent; border-bottom:none; border-left:none; border-right:none;}
#HF .cntWrp01.bdrNn { border-bottom:none !important; }
#HF .cntWrp01 .cntBox01 { padding:25px 20px 30px 20px; }

/*---------------------------------------------
ページタイトル（リボン付）
---------------------------------------------*/
#HF h2.cmnPgTtl { display:flex; align-items:center; width:100%; height:76px; line-height:76px; position:relative; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fff; color:#333; font-size:24px; padding-left:61px; }
#HF.indexPg h2.cmnPgTtl { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
#HF h2.cmnPgTtl:before { content:''; display:block; position:absolute; top:-5px; left:20px; width:23px; height:56px; background:url(../img/cmn/mainttl_flag.gif) no-repeat left top; }
#HF h2.cmnPgTtl span { color:#ec6c79; font-size:14px; line-height:76px; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing:0.05em; padding-left:15px; vertical-align:middle; }
#HF h2.cmnPgTtl b { color:#888; font-size:13px; letter-spacing:normal; padding-left:20px; /*vertical-align:middle;*/ }

/*2行の場合*/
#HF h2.cmnPgTtl.line2 { height:auto; line-height:140%; padding:20px 20px 15px 61px; }


/*---------------------------------------------
ページタイトル（リボン付・正方形イラスト付き）
---------------------------------------------*/
#HF .cmnPgTtl02 { width:730px; background:#fff; border:1px solid #dfdfdf; }
#HF .cmnPgTtl02 dl { display:table; width:100%; }
#HF .cmnPgTtl02 dt { display:table-cell; width:504px; min-height:226px; }
#HF .cmnPgTtl02 dt h2 { width:504px; height:76px; line-height:76px; position:relative; border-bottom:1px solid #dfdfdf; background:#fff; color:#333; font-size:24px; padding-left:58px; }
#HF .cmnPgTtl02 dt h2:before { content:''; display:block; position:absolute; top:-5px; left:20px; width:23px; height:56px; background:url(../img/cmn/mainttl_flag.gif) no-repeat left top; }
#HF .cmnPgTtl02 dt h2 span { color:#ec6c79; font-size:14px; line-height:76px; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing:0.05em; padding-left:10px; vertical-align:middle; }
#HF .cmnPgTtl02 dt h2 b { color:#888; font-size:13px; letter-spacing:normal; padding-left:20px; vertical-align:middle; }
#HF .cmnPgTtl02 dt p { padding:20px; font-size:15px; line-height:180%; }
#HF .cmnPgTtl02 dd { display:table-cell; width:226px; height:226px; border-left:1px solid #dfdfdf; text-align:center; vertical-align:middle; }

/*---------------------------------------------
コンテンツタイトル（ピンク背景）
---------------------------------------------*/
#HF .cmnTtl01 { width:100%; height:54px; line-height:54px; background:#ec6c79; padding:0 20px; }
#HF .cmnTtl01 h3 { font-size:20px; color:#fff; background:url(../img/cmn/pgTtlIcn01.gif) no-repeat left center; padding-left:23px; }
#HF .cmnTtl01 span { color:#fdf1f2; font-size:12px; line-height:54px; padding-left:20px; vertical-align:middle; }

/*2行の場合*/
#HF .cmnTtl01.line2 { height:auto; line-height:190%; padding:14px 20px; }

/*見出しの後に補足文を入れる場合*/
#HF .cmnTtl01.subTxt { height:66px; line-height:66px; }
#HF .cmnTtl01.subTxt h3 { display:inline-block; padding-right:30px; }
#HF .cmnTtl01.subTxt p { display:inline-block; padding-bottom:5px; vertical-align:middle; line-height:1.5; color:#fff; }

/*---------------------------------------------
小タイトル（薄ピンク背景）
---------------------------------------------*/
#HF .cmnSubTtl01 { background:#ff9d9f; padding:11px 20px; color:#fff; font-size:16px; font-weight:bold; line-height:1.6; }

/*---------------------------------------------
2色ボーダー付きタイトル
---------------------------------------------*/
#HF .cmnBdrTtl01 { font-size:19px; line-height:135%; background:url(../img/cmn/ttlBdr01.gif) no-repeat bottom center; padding-bottom:16px; }

/*---------------------------------------------
リンクボタン（ピンク）
---------------------------------------------*/
#HF .lnkBtn01 { height:40px; line-height:40px; font-size:13px; }
#HF .lnkBtn01 a { display:inline-block; color:#fff; padding:0 15px;
background: #f4959c;
background: -moz-linear-gradient(top,  #f4959c 0%, #ed717d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4959c), color-stop(100%,#ed717d));
background: -webkit-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: -o-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: -ms-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: linear-gradient(to bottom,  #f4959c 0%,#ed717d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4959c', endColorstr='#ed717d',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF .lnkBtn01 a:hover { background: #ed717d;
background: -moz-linear-gradient(top, #ed717d 0%, #f4959c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed717d), color-stop(100%,#f4959c));
background: -webkit-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: -o-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: -ms-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: linear-gradient(to bottom, #ed717d 0%,#f4959c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed717d', endColorstr='#f4959c',GradientType=0 ); }
#HF .lnkBtn01 a span { padding-left:17px; background:url(../img/cmn/btn_arw01.png) no-repeat left center; }
/*arrow右側*/
#HF .lnkBtn01.arw02 a { padding:0 15px 0 4px; }
#HF .lnkBtn01.arw02 a span { padding-right:20px !important; background:url(../img/cmn/btn_arw01.png) no-repeat right center !important; }
/*arrow右側・下向き*/
#HF .lnkBtn01.arw03 a { padding:0 15px 0 4px; }
#HF .lnkBtn01.arw03 a span { padding-right:20px !important; background:url(../img/cmn/btn_arw02.png) no-repeat right center !important; }
/*カートに入れる*/
#HF .lnkBtn01.crtBt { width:170px; }
#HF .lnkBtn01.crtBt a span { display:inline-block; padding-left:30px; height:40px; line-height:40px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left center; }

/*---------------------------------------------
リンクボタン（ブルー）
---------------------------------------------*/
#HF .lnkBtn02 { height:40px; line-height:40px; font-size:13px; }
#HF .lnkBtn02 a { display:inline-block; color:#fff; padding:0 15px;
background: #87c2e4;
background: -moz-linear-gradient(top,  #87c2e4 0%, #5ea4d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87c2e4), color-stop(100%,#5ea4d5));
background: -webkit-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: -o-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: -ms-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: linear-gradient(to bottom,  #87c2e4 0%,#5ea4d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c2e4', endColorstr='#5ea4d5',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF .lnkBtn02 a:hover { background: #5ea4d5;
background: -moz-linear-gradient(top, #5ea4d5 0%, #87c2e4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ea4d5), color-stop(100%,#87c2e4));
background: -webkit-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: -o-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: -ms-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: linear-gradient(to bottom, #5ea4d5 0%,#87c2e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea4d5', endColorstr='#87c2e4',GradientType=0 ); }
#HF .lnkBtn02 a span { padding-left:17px; background:url(../img/cmn/btn_arw01.png) no-repeat left center; }
/*arrow右側*/
#HF .lnkBtn02.arw02 a { padding:0 15px 0 4px; }
#HF .lnkBtn02.arw02 a span { padding-right:20px !important; background:url(../img/cmn/btn_arw01.png) no-repeat right center !important; }
/*arrow右側・下向き*/
#HF .lnkBtn02.arw02 a { padding:0 15px 0 4px; }
#HF .lnkBtn02.arw02 a span { padding-right:20px !important; background:url(../img/cmn/btn_arw02.png) no-repeat right center !important; }
/*カートに入れる*/
#HF .lnkBtn02.crtBt { width:170px; }
#HF .lnkBtn02.crtBt a span { display:inline-block; padding-left:30px; height:40px; line-height:40px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left center; }

/*---------------------------------------------
リンクボタン（赤）
---------------------------------------------*/
#HF .lnkBtn03 { height:40px; line-height:40px; font-size:13px; }
#HF .lnkBtn03 a { display:inline-block; color:#fff; padding:0 15px;
background:#FD645C;
background:-moz-linear-gradient(top, #FD645C 0%, #EB0C1E 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD645C), color-stop(100%,#EB0C1E));
background:-webkit-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-o-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-ms-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:linear-gradient(to bottom, #FD645C 0%,#EB0C1E 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD645C', endColorstr='#EB0C1E',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF .lnkBtn03 a:hover {
background:#EB0C1E;
background:-moz-linear-gradient(top, #EB0C1E 0%, #FD645C 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB0C1E), color-stop(100%,#FD645C));
background:-webkit-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-o-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-ms-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:linear-gradient(to bottom, #EB0C1E 0%,#FD645C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB0C1E', endColorstr='#FD645C',GradientType=0 ); }
#HF .lnkBtn03 a span { padding-left:17px; background:url(../img/cmn/btn_arw01.png) no-repeat left center; }
/*arrow右側*/
#HF .lnkBtn03.arw02 a { padding:0 15px 0 4px; }
#HF .lnkBtn03.arw02 a span { padding-right:20px !important; background:url(../img/cmn/btn_arw01.png) no-repeat right center !important; }
/*カートに入れる*/
#HF .lnkBtn03.crtBt { width:170px; }
#HF .lnkBtn03.crtBt a span { display:inline-block; padding-left:30px; height:40px; line-height:40px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left center; }

/*---------------------------------------------
カートに入れるボタン（INPUT/ピンク）
---------------------------------------------*/
#HF .crtBtn02 { position:relative; display:inline-block; }
#HF .crtBtn02 input[type="submit"] { width:154px; height:40px; line-height:40px; font-size:13px; color:#fff; padding:0 0 0 20px; cursor:pointer; 
background: #f4959c;
background: -moz-linear-gradient(top,  #f4959c 0%, #ed717d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4959c), color-stop(100%,#ed717d));
background: -webkit-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: -o-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: -ms-linear-gradient(top,  #f4959c 0%,#ed717d 100%);
background: linear-gradient(to bottom,  #f4959c 0%,#ed717d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4959c', endColorstr='#ed717d',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF .crtBtn02 input:hover { background: #ed717d;
background: -moz-linear-gradient(top, #ed717d 0%, #f4959c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed717d), color-stop(100%,#f4959c));
background: -webkit-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: -o-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: -ms-linear-gradient(top, #ed717d 0%,#f4959c 100%);
background: linear-gradient(to bottom, #ed717d 0%,#f4959c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed717d', endColorstr='#f4959c',GradientType=0 ); }
#HF .crtBtn02:before { content:''; position:absolute; top:10px; left:13px; width:22px; height:20px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left top; }

/*---------------------------------------------
カートに入れるボタン（INPUT/ブルー）
---------------------------------------------*/
#HF .crtBtn03,
#HF.itemdtlPg .crtBtn02 { position:relative; display:inline-block; }
#HF .crtBtn03 input[type="submit"],
#HF.itemdtlPg .crtBtn02 input[type="submit"] { width:154px; height:40px; line-height:40px; font-size:13px; color:#fff; padding:0 0 0 20px; cursor:pointer; 
background: #87c2e4;
background: -moz-linear-gradient(top,  #87c2e4 0%, #5ea4d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87c2e4), color-stop(100%,#5ea4d5));
background: -webkit-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: -o-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: -ms-linear-gradient(top,  #87c2e4 0%,#5ea4d5 100%);
background: linear-gradient(to bottom,  #87c2e4 0%,#5ea4d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c2e4', endColorstr='#5ea4d5',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF .crtBtn03 input:hover
#HF.itemdtlPg .crtBtn02 input:hover { background: #5ea4d5;
background: -moz-linear-gradient(top, #5ea4d5 0%, #87c2e4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ea4d5), color-stop(100%,#87c2e4));
background: -webkit-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: -o-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: -ms-linear-gradient(top, #5ea4d5 0%,#87c2e4 100%);
background: linear-gradient(to bottom, #5ea4d5 0%,#87c2e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea4d5', endColorstr='#87c2e4',GradientType=0 ); }
#HF .crtBtn03:before
#HF.itemdtlPg .crtBtn02:before { content:''; position:absolute; top:10px; left:13px; width:22px; height:20px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left top; }

/*---------------------------------------------
カートに入れるボタン（INPUT/レッド）
---------------------------------------------*/
#HF.itemdtlPg .crtBtn03 { position:relative; display:inline-block; }
#HF.itemdtlPg .crtBtn03 input[type="submit"] { width:154px; height:40px; line-height:40px; font-size:13px; color:#fff; padding:0 0 0 20px; cursor:pointer; 
background:#FD645C;
background:-moz-linear-gradient(top, #FD645C 0%, #EB0C1E 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD645C), color-stop(100%,#EB0C1E));
background:-webkit-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-o-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-ms-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:linear-gradient(to bottom, #FD645C 0%,#EB0C1E 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD645C', endColorstr='#EB0C1E',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#HF.itemdtlPg .crtBtn03 input:hover {
background:#EB0C1E;
background:-moz-linear-gradient(top, #EB0C1E 0%, #FD645C 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB0C1E), color-stop(100%,#FD645C));
background:-webkit-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-o-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-ms-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:linear-gradient(to bottom, #EB0C1E 0%,#FD645C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB0C1E', endColorstr='#FD645C',GradientType=0 ); }
#HF.itemdtlPg .crtBtn03:before { content:''; position:absolute; top:10px; left:13px; width:22px; height:20px; background:url(../img/cmn/cartBtn_icon.png) no-repeat left top; }

/*---------------------------------------------
パンくずリスト
---------------------------------------------*/
#HF #topicPath{
width:960px;
height:58px;
line-height:58px;
margin:0 auto;
padding-left:20px;
}
#HF #topicPath p{
font-size:13px;
color:#666;
display:inline-block;
}
#HF #topicPath p+p:before{
content:'>';
padding:0 15px;
display:inline-block;
}
#HF #topicPath a{
color:#888;
text-decoration:underline;
}
#HF #topicPath a:hover{
text-decoration:none;
}
#HF #topicPath br{
display:none;
}

/*---------------------------------------------
リンクボタン（グレーグラデーション）
---------------------------------------------*/
#HF .cmnGryBtn01 a { display:inline-block; width:168px; height:40px; line-height:40px; margin:0 10px 10px 0; text-align:center; font-size:14px; color:#ec6c79; border:1px solid #ddd;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
text-shadow:0 1px 0 rgba(255,255,255,1);}
#HF .cmnGryBtn01 a:hover,#HF .cmnGryBtn01 a.curtPg { background: #dadada;
background: -moz-linear-gradient(top,  #dadada 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #dadada 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #dadada 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #dadada 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #dadada 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); }
#HF .cmnGryBtn01 a span { padding-left:17px; background:url(../img/cmn/btn_arw01.png) no-repeat left center; }

/*arrow下側*/
#HF .cmnGryBtn01.arw03 a { padding:0 15px 0 4px; }
#HF .cmnGryBtn01.arw03 a span { padding-right:18px !important; background:url(../img/cmn/btn_arw03.png) no-repeat right center !important; }

/*---------------------------------------------
テキスト＋画像 ボックス01　
---------------------------------------------*/
#HF .cmnTxFgBox01 { display:table; width:100%; }
#HF .cmnTxFgBox01 > * { display:table-cell; vertical-align:top; }
#HF .cmnTxFgBox01 > figure { padding:0 10px 0 20px; }

/*---------------------------------------------
フッタ―上ナビ（お悩み別・部位別など共通）　
---------------------------------------------*/
#HF #cmnFtNav01 { margin-top:30px; border:1px solid #dfdfdf; }
#HF #cmnFtNav01 .part01 { background:#ebebeb url(../img/cmn/ftNav01_ttlBg.gif) no-repeat left center; padding:20px 0 15px 15px; border-bottom:1px solid #dfdfdf;}
#HF #cmnFtNav01 .part01 p { width:80px; display:inline-block; font-size:12px; color:#fff; vertical-align:middle; line-height:120%; }
#HF #cmnFtNav01 .part01 a { width:145px !important; }
#HF #cmnFtNav01 .nav01 { background:#fff; display:table; width:100%; }
#HF #cmnFtNav01 .nav01 p { display:table-cell; width:33.3%; }
#HF #cmnFtNav01 .nav01 p a { display:block; position:relative; width:100%; height:90px; padding:25px 0 0 98px; border-right:1px solid #dfdfdf; font-weight:bold; color:#ec6c79; text-shadow:0 1px 0 rgba(255,255,255,1); -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
#HF #cmnFtNav01 .nav01 p a:hover,#HF #cmnFtNav01 .nav01 p.curtPg a { background-color:#ffe6e5; }
#HF #cmnFtNav01 .nav01 p a:before { content:''; display:block; position:absolute; top:10px; left:16px; width:66px; height:66px; background-position:left top; background-repeat:no-repeat; }
#HF #cmnFtNav01 .nav01 p.nv01 a:before { background-image:url(../img/cmn/ftNav01_icn01.png); }
#HF #cmnFtNav01 .nav01 p.nv02 a:before { background-image:url(../img/cmn/ftNav01_icn02.png); }
#HF #cmnFtNav01 .nav01 p.nv03 a:before { background-image:url(../img/cmn/ftNav01_icn03.png); }
#HF #cmnFtNav01 .nav01 p.nv03 a { border:none; }
#HF #cmnFtNav01 .nav01 p a:after { content:''; display:block; position:absolute; bottom:5px; right:5px; width:8px; height:8px; background:url(../img/cmn/ftNav01_arw01.png) left top no-repeat; }

/*---------------------------------------------
ドロップダウンメニュー01 
---------------------------------------------*/
#HF .ddMenu01 li h4 { width:728px; height:52px; line-height:52px; position:relative; padding:0 0 0 20px; border-top:#fff 1px solid; border-bottom:1px solid #fdcecc; background:#ffe6e5; color:#ec6c79; font-size:16px; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,1); cursor:pointer; }
#HF .ddMenu01 li h4:before { content:''; display:block; position:absolute; width:15px; height:15px; top:18px; right:20px; background:url(../img/cmn/drpDwn_arw01.gif) right center no-repeat; }
#HF .ddMenu01 li h4.active:before { background:url(../img/cmn/drpDwn_arw02.gif) right center no-repeat; }

/*---------------------------------------------
ドロップダウンメニュー02(非ドロップダウン用)
---------------------------------------------*/
#HF .ddMenu01_none li h4 { width:728px; height:52px; line-height:52px; position:relative; padding:0 0 0 20px; border-top:#fff 1px solid; border-bottom:1px solid #fdcecc; background:#ffe6e5; color:#ec6c79; font-size:16px; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,1); }

/*---------------------------------------------
おすすめセット　リンク
---------------------------------------------*/
#HF .cmnSetLnk01 { padding:20px; }
#HF .cmnSetLnk01 figure { float:left; display:block; width:153px; height:153px; padding:12px 0; text-align:center; background:#fff; border:1px solid #dfdfdf; }
#HF .cmnSetLnk01 figure img { display:inline; height:128px; }
/*　新発売アイコン　*/
#HF .cmnSetLnk01 figure{
position:relative;
}
#HF .cmnSetLnk01 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 .cmnSetLnk01 .expln { float:right; width:516px; }
#HF .cmnSetLnk01 .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 .cmnSetLnk01 .expln dl dt a { display:block; }
#HF .cmnSetLnk01 .expln dl dt a:hover { color:#ec6c79; }
#HF .cmnSetLnk01 .expln dl dd { margin-top:15px; font-size:15px; color:#666; display:inline-block; }
#HF .cmnSetLnk01 .expln dl dd + dd { margin-left:15px; }
#HF .cmnSetLnk01 .expln dl dd b,
#HF .cmnSetLnk01 .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 .cmnSetLnk01 .expln dl dd b { margin-right:10px; }
#HF .cmnSetLnk01 .expln dl dd strong { background:#ec6c79; margin:0 5px 0 8px; }
#HF .cmnSetLnk01 .expln dl dd p { display:inline-block; margin-right:10px; }
#HF .cmnSetLnk01 .expln dl dd em { font-weight:bold; color:#ec6c79; }
#HF .cmnSetLnk01 .expln .lnkBox01 { margin-top:18px; }
#HF .cmnSetLnk01 .expln .lnkBox01 h5 { height:34px; line-height:34px; background:#96c7e5; font-size:15px; color:#fff; font-weight:bold; text-align:center; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
#HF .cmnSetLnk01 .expln .lnkBox01 ul { border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f5f5f5; width:100%; }
#HF .cmnSetLnk01 .expln .lnkBox01 ul li { float:left; width:50%; }
#HF .cmnSetLnk01 .expln .lnkBox01 ul li a { display:block; height:42px; line-height:42px; padding:0 15px; background:url(../img/cmn/lnkBxArw.png) no-repeat right center #f5f5f5; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:13px; color:#5ca7d6; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,1);
-webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
#HF .cmnSetLnk01 .expln .lnkBox01 ul li a:hover { background-color:#ededed; }
#HF .cmnSetLnk01 .expln .lnkBox01 ul li a .iyaku{ display:inline-block; margin-left:3px;padding:2px 3px; border:1px #5ca7d6 solid; font-size:10px; line-height:1; color:#5ca7d6; font-weight:normal;letter-spacing:0;}
#HF .cmnSetLnk01 .expln .lnkBox01 ul li.bdrNn a { border-bottom:none; }
#HF .cmnSetLnk01 .wline { background:url(../img/cmn/wline01.gif) repeat-x center center; }
/*styleAdd*/
#HF .cmnSetLnk01 .expln dl dd.teiki b { background:#EB131F;}
#HF .cmnSetLnk01 .expln dl dd.teiki em { color:#EB131F; }
/*---------------------画像下にボタンの場合のスタイルここから
#HF .cmnSetLnk01 .btnArea{
float: left;
width: 153px;
padding: 12px 0;
text-align: center;
}
#HF .cmnSetLnk01 .btnArea p{
margin:0;
}
#HF .cmnSetLnk01 .btnArea p+p{
margin-top:10px;
}
#HF .cmnSetLnk01 .btnArea .lnkBtn01.crtBt a,
#HF .cmnSetLnk01 .btnArea .lnkBtn03.crtBt a{
display:block;
}
*/
/*styleChange
#HF .cmnSetLnk01 .btnArea .lnkBtn01.crtBt,
#HF .cmnSetLnk01 .btnArea .lnkBtn03.crtBt{
width:153px;
}
#HF .cmnSetLnk01 .btnArea .lnkBtn01 a{
padding: 0 5px 0 12px;
}
画像下の場合のスタイルここまで---------------------*/
/*---------------------------------------------
カートボタン（通常＆定期）
---------------------------------------------*/
#HF .btnArea{
display:flex;
justify-content:center;
text-align:center;
}
#HF .btnArea p{
margin:0 20px;
}
#HF .btnArea .lnkBtn01.crtBt a,
#HF .btnArea .lnkBtn03.crtBt a{
display:block;
width:200px;
}
/*styleChange*/
#HF .btnArea .lnkBtn01.crtBt,
#HF .btnArea .lnkBtn03.crtBt{
width:200px;
}


/*---------------------------------------------
ページ内リンク01（吹き出し背景）
---------------------------------------------*/
#HF .cmnPageLnk01 { width:730px; position:relative; background:#ebebeb; border:1px solid #dfdfdf; padding:20px 0 10px 15px; margin-top:30px;}
#HF .cmnPageLnk01:after { content:''; display:block; position:absolute; bottom:-14px; left:0; width:730px; height:14px; background:url(../img/cmn/pgLnkBg01.png) no-repeat bottom center; }
#HF .cmnPageLnk01.cmnGryBtn01 a { width:225px; margin:0 12px 10px 0;  }

/*---------------------------------------------
ボックス型リンク01（ボックス大）
---------------------------------------------*/
#HF .cmnBoxLnk01 li { width:25%; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; }
#HF .cmnBoxLnk01 li.end { border-right:none; }
#HF .cmnBoxLnk01 li.end2 { border-bottom:none; }
#HF .cmnBoxLnk01 li a { display:block; width:100%; height:; position:relative; padding:12px 5px 16px 5px; color:#6f6f6f; line-height:130%; text-align:center; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
#HF .cmnBoxLnk01 li a:hover { background-color:#fff3f3; }
#HF .cmnBoxLnk01 li a:before { content:''; display:block; position:absolute; bottom:5px; right:5px; width:8px; height:8px; background:url(../img/cmn/ftNav01_arw01.png) no-repeat top left; } 
#HF .cmnBoxLnk01 li a p { display:inline-block; width:153px; height:153px; background:#fff; padding:12px 0; margin-bottom:10px; }
#HF .cmnBoxLnk01 li a p img { display:inline; height:128px; }
#HF .cmnBoxLnk01 li a span { display:block; text-align:center; }
#HF .cmnBoxLnk01.bdrB { border-bottom:1px solid #dfdfdf; }
#HF .cmnBoxLnk01.bdrB li { border-bottom:none; }
/*　新発売アイコン　*/
#HF .cmnBoxLnk01 li{
position:relative;
}
#HF .cmnBoxLnk01 li span.ico_new{
position:absolute;
top:3px;
right:3px;
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 .faqBtnContainer { width:960px; margin:0 auto; position:relative; }
#HF .faqBtnContainer .faqBtnWrap { width:100%; height:1px; position:fixed; bottom:-150px; left:0; opacity: 0; }
#HF .faqBtnContainer .faqBtnWrap.active { position:absolute; top:-143px; left:0; }
#HF .faqBtnContainer .faqBtnWrap div { width:960px; height:1px; margin:0 auto; }
#HF .faqBtnContainer .faqBtnWrap div p.faqBtn { height:143px; float:right; margin-right:28px; }

/*---------------------------------------------
リンクボタン（ピンク枠・文字／薄ピンク背景）
---------------------------------------------*/
.cmnLnkbtn01 { display:inline-block; border:1px solid #f87395; background:#ffecf1; height:23px; line-height:23px; padding:0 2px; color:#fff; font-size:12px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; letter-spacing:normal; }
.cmnLnkbtn01 a { display:block; color:#f87395; text-decoration:none; }


/*---------------------------------------------
トップへ戻るページ（エラー）
---------------------------------------------*/
#HF.errPg #HFcontainer { margin-top:30px; }
#HF.errPg #cont01 { border-top:1px solid #dfdfdf; text-align:center; padding:10px 20px 25px 20px; }
#HF.errPg #cont01 > p { margin-top:10px; }
#HF.errPg #cont01 > p > a { width:210px; }

/*---------------------------------------------
バナー下テキスト
---------------------------------------------*/
a.bnrtxt:link{text-decoration: none;}
.bnrtxt p{text-align:center; font-size: 12px;}
.bnrtxt:hover p{color:#288bca;}
#HFsideCnt .bnrtxt p, #gFtCal .bnrtxt p{font-size:11px;}
#side .bnrtxt p, #gFtCal .bnrtxt p{font-size:11px; text-align: center;}

/*---------------------------------------------
margin・padding
---------------------------------------------*/
/* margin */
.mT00{margin-top:0 !important;} .mT05{margin-top:5px !important;} .mT10{margin-top:10px !important;} .mT15{margin-top:15px !important;} .mT20{margin-top:20px !important;} .mT25{margin-top:25px !important;} .mT30{margin-top:30px !important;} .mT35{margin-top:35px !important;} .mT40{margin-top:40px !important;} .mT45{margin-top:45px !important;} .mT50{margin-top:50px !important;} .mT55{margin-top:55px !important;} .mT60{margin-top:60px !important;} .mT65{margin-top:65px !important;} .mT70{margin-top:70px !important;} .mT75{margin-top:75px !important;} .mT80{margin-top:80px !important;} .mT85{margin-top:85px !important;} .mT90{margin-top:90px !important;} .mT95{margin-top:95px !important;} .mT100{margin-top:100px !important;}
.mR00{margin-right:0 !important;} .mR05{margin-right:5px !important;} .mR10{margin-right:10px !important;} .mR15{margin-right:15px !important;} .mR20{margin-right:20px !important;} .mR25{margin-right:25px !important;} .mR30{margin-right:30px !important;} .mR35{margin-right:35px !important;} .mR40{margin-right:40px !important;} .mR45{margin-right:45px !important;} .mR50{margin-right:50px !important;} .mR55{margin-right:55px !important;} .mR60{margin-right:60px !important;} .mR65{margin-right:65px !important;} .mR70{margin-right:70px !important;} .mR75{margin-right:75px !important;} .mR80{margin-right:80px !important;} .mR85{margin-right:85px !important;} .mR90{margin-right:90px !important;} .mR95{margin-right:95px !important;} .mR100{margin-right:100px !important;}
.mB00{margin-bottom:0 !important;} .mB05{margin-bottom:5px !important;} .mB10{margin-bottom:10px !important;} .mB15{margin-bottom:15px !important;} .mB20{margin-bottom:20px !important;} .mB25{margin-bottom:25px !important;} .mB30{margin-bottom:30px !important;} .mB35{margin-bottom:35px !important;} .mB40{margin-bottom:40px !important;} .mB45{margin-bottom:45px !important;} .mB50{margin-bottom:50px !important;} .mB55{margin-bottom:55px !important;} .mB60{margin-bottom:60px !important;} .mB65{margin-bottom:65px !important;} .mB70{margin-bottom:70px !important;} .mB75{margin-bottom:75px !important;} .mB80{margin-bottom:80px !important;} .mB85{margin-bottom:85px !important;} .mB90{margin-bottom:90px !important;} .mB95{margin-bottom:95px !important;} .mB100{margin-bottom:100px !important;}
.mL00{margin-left:0 !important;} .mL05{margin-left:5px !important;} .mL10{margin-left:10px !important;} .mL15{margin-left:15px !important;} .mL20{margin-left:20px !important;} .mL25{margin-left:25px !important;} .mL30{margin-left:30px !important;} .mL35{margin-left:35px !important;} .mL40{margin-left:40px !important;} .mL45{margin-left:45px !important;} .mL50{margin-left:50px !important;} .mL55{margin-left:55px !important;} .mL60{margin-left:60px !important;} .mL65{margin-left:65px !important;} .mL70{margin-left:70px !important;} .mL75{margin-left:75px !important;} .mL80{margin-left:80px !important;} .mL85{margin-left:85px !important;} .mL90{margin-left:90px !important;} .mL95{margin-left:95px !important;} .mL100{margin-left:100px !important;}
/* padding */
.pT00{padding-top:0 !important;} .pT05{padding-top:5px !important;} .pT10{padding-top:10px !important;} .pT15{padding-top:15px !important;} .pT20{padding-top:20px !important;} .pT25{padding-top:25px !important;} .pT30{padding-top:30px !important;} .pT35{padding-top:35px !important;} .pT40{padding-top:40px !important;} .pT45{padding-top:45px !important;} .pT50{padding-top:50px !important;} .pT55{padding-top:55px !important;} .pT60{padding-top:60px !important;} .pT65{padding-top:65px !important;} .pT70{padding-top:70px !important;} .pT75{padding-top:75px !important;} .pT80{padding-top:80px !important;} .pT85{padding-top:85px !important;} .pT90{padding-top:90px !important;} .pT95{padding-top:95px !important;} .pT100{padding-top:100px !important;}
.pR00{padding-right:0 !important;} .pR05{padding-right:5px !important;} .pR10{padding-right:10px !important;} .pR15{padding-right:15px !important;} .pR20{padding-right:20px !important;} .pR25{padding-right:25px !important;} .pR30{padding-right:30px !important;} .pR35{padding-right:35px !important;} .pR40{padding-right:40px !important;} .pR45{padding-right:45px !important;} .pR50{padding-right:50px !important;} .pR55{padding-right:55px !important;} .pR60{padding-right:60px !important;} .pR65{padding-right:65px !important;} .pR70{padding-right:70px !important;} .pR75{padding-right:75px !important;} .pR80{padding-right:80px !important;} .pR85{padding-right:85px !important;} .pR90{padding-right:90px !important;} .pR95{padding-right:95px !important;} .pR100{padding-right:100px !important;}
.pB00{padding-bottom:0 !important;} .pB05{padding-bottom:5px !important;} .pB10{padding-bottom:10px !important;} .pB15{padding-bottom:15px !important;} .pB20{padding-bottom:20px !important;} .pB25{padding-bottom:25px !important;} .pB30{padding-bottom:30px !important;} .pB35{padding-bottom:35px !important;} .pB40{padding-bottom:40px !important;} .pB45{padding-bottom:45px !important;} .pB50{padding-bottom:50px !important;} .pB55{padding-bottom:55px !important;} .pB60{padding-bottom:60px !important;} .pB65{padding-bottom:65px !important;} .pB70{padding-bottom:70px !important;} .pB75{padding-bottom:75px !important;} .pB80{padding-bottom:80px !important;} .pB85{padding-bottom:85px !important;} .pB90{padding-bottom:90px !important;} .pB95{padding-bottom:95px !important;} .pB100{padding-bottom:100px !important;}
.pL00{padding-left:0 !important;} .pL05{padding-left:5px !important;} .pL10{padding-left:10px !important;} .pL15{padding-left:15px !important;} .pL20{padding-left:20px !important;} .pL25{padding-left:25px !important;} .pL30{padding-left:30px !important;} .pL35{padding-left:35px !important;} .pL40{padding-left:40px !important;} .pL45{padding-left:45px !important;} .pL50{padding-left:50px !important;} .pL55{padding-left:55px !important;} .pL60{padding-left:60px !important;} .pL65{padding-left:65px !important;} .pL70{padding-left:70px !important;} .pL75{padding-left:75px !important;} .pL80{padding-left:80px !important;} .pL85{padding-left:85px !important;} .pL90{padding-left:90px !important;} .pL95{padding-left:95px !important;} .pL100{padding-left:100px !important;}