@charset "utf-8";

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

 File Name  : common_sp.css
 Author     : ヒューマンフローラ
 Style Info : ヒューマンフローラ共通css設定（SP用）
=================================================================== */

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

.HF div,.HF span,.HF b,.HF applet,.HF object,.HF iframe,.HF 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 em,.HF img,.HF small,.HF strike,.HF strong,.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 hgroup,.HF menu,.HF nav,.HF output,.HF ruby,.HF section,.HF summary,.HF footer,.HF header{ 
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,.HF footer,.HF header { display: block; }
.HF blockquote,.HF q { quotes: none; }
.HF blockquote:before,.HF blockquote:after,.HF q:before,.HF  q:after { content: ''; content: none; }
.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 img { vertical-align:bottom;width:100%;/*max-width:100%;*/ }

/*--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; }

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

/* ----------------------- from PC CSS */
.HF .red,
.HF a.red{
color:#B43934;
}
.HF strong{
font-weight:bold;
}
/* --Table-- */
table.table{
margin:0 auto;
border-collapse:collapse;
}
.table th,
.table td{
border:none;
padding:5px;
vertical-align:middle;
text-align:center;
color:#666666;
}
.table th{
border-bottom:1px #ffffff solid;
background:#C2DBEB;
}
.table tr:last-child th{
border-bottom:1px #C2DBEB solid;
}
.table td{
border-bottom:1px #999999 dotted;
text-align:left;
}
.table td a{
color:#666666;
}
.table.solid th,
.table.solid td{
border:1px #cccccc solid;
}

/* ------------------ Basic Style ------------------*/

.HF,body { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; font-size:90%; line-height:150%; letter-spacing:0.05em; color:#555; background:#f5f5f5; padding:0; margin:0; -webkit-text-size-adjust:100%; }
.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:visited{ text-decoration:none; color:#555; }
.HF input[type="submit"] { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; border:none !important; }
.HF select { height:30px; } 

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

#HFwrapper { width:100%; }
#HFcontainer { width:96%; margin:0 auto !important; padding-bottom:26px !important; }


/*---------------------------------------------
共通ヘッダー
---------------------------------------------*/

#gHeader { display:table; width:100%; height:50px; background:#fff; font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; line-height:1; position:relative; z-index:9999; }
#gHeader a, #gHeader a:visited{ text-decoration:none; color:#555; }
#gHeader .gHdWrap { display:table-cell; padding:0 2%; vertical-align:middle; border-bottom:2px solid #ec6c79; }
#gHeader h2 { float:left; width:102px; margin-right:1%; line-height:1; }
#gHeader h2 a { display:block; padding-top:3px; }
#gHeader ul { float:right; text-align:right; }
#gHeader ul li { display:inline-block; padding-left:7px; }
#gHeader ul li a { display:inline-block; width:30px; height:30px; text-align:center; }
#gHeader #hmbBtn { display:table-cell; width:50px; background:#ec6c79 url(../img/cmn/sp_gNav_icon01.gif) no-repeat center center; background-size:18px 16px; }
#gHeader #hmbBtn.active { background:#ec6c79 url(../img/cmn/sp_gNav_icon02.gif) no-repeat center center; background-size:18px 16px; }

/*グロナビ（ドロップダウンメニュー）*/
#gNav { width:100%; background:#fff; display:none; position:absolute; top:50px; left:0; z-index:9999; box-shadow:0 3px 3px rgba(0,0,0,0.1); }
#gNav ul li {  }
#gNav ul li:last-child h3 { border:none; }
#gNav ul li h3,
#gNav ul li h4 { padding:0 3%; height:48px; line-height:48px; border-bottom:1px dotted #dbdbdb; }
#gNav ul li h4 { background:#f7f7f7; }
#gNav ul li a { padding-right:22px; display:block; background:url(../img/cmn/sp_gNav_arw01.png) no-repeat right center; background-size:12px; }
#gNav ul li a.dummy_level { background:none;cursor:default; }
#gNav ul li.subMnBt h3 a { background:url(../img/cmn/sp_acdn_arw01.png) no-repeat right center; background-size:14px; }
#gNav ul li.subMnBt h3.active a { background:url(../img/cmn/sp_acdn_arw02.png) no-repeat right center; background-size:14px; }
#gNav ul li > div { display:none; }
#gNav .sns { width:100%; background:#efefef; padding:10px 0; border-top:1px solid #dfdfdf; text-align:center; }
#gNav .sns p { display:inline-block; text-align:center; padding:0 6px; }
#gNav .sns p a img { max-height:40px; width:auto; }
#overlay { background:#000; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%; display:none; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}



/*グロナビ（ドロップダウンメニュー）*/
#gNav2 { width:100%; background:#fff;/* display:none; position:absolute; top:50px; left:0; z-index:9999; box-shadow:0 3px 3px rgba(0,0,0,0.1);*/ }
#gNav2 ul li {  }
#gNav2 ul li:last-child h3 { border:none; }
#gNav2 ul li h3 { padding:0 3%; height:48px; line-height:48px; border-bottom:1px dotted #dbdbdb; }
#gNav2 ul li ul li { padding:0.25em 3%; line-height:1.5; border-bottom:1px dotted #dbdbdb; background:#f7f7f7; }
#gNav2 ul li a { padding-right:22px; display:block; background:url(../img/cmn/sp_gNav_arw01.png) no-repeat right center; background-size:12px; }
#gNav2 ul li a.dummy_level { background:none;cursor:default; }
#gNav2 ul li.subNav h3 a { background:url(../img/cmn/sp_acdn_arw01.png) no-repeat right center; background-size:14px; }
#gNav2 ul li.subNav h3.active a { background:url(../img/cmn/sp_acdn_arw02.png) no-repeat right center; background-size:14px; }
#gNav2 ul li > ul { display:none; }
#gNav2 .sns { width:100%; background:#efefef; padding:10px 0; border-top:1px solid #dfdfdf; text-align:center; }
#gNav2 .sns p { display:inline-block; text-align:center; padding:0 6px; }
#gNav2 .sns p a img { max-height:40px; width:auto; }



/*---------------------------------------------
共通フッター
---------------------------------------------*/

#gFooter { background:#fff; font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; line-height:150%; letter-spacing:0.1em; color:#555; }
#gFooter a, #gFooter a:visited{ text-decoration:none; color:#555; }

#gFooter .gFtBnr { background:#fff; border-top:1px solid #dfdfdf; padding:5px 2% 15px 2%; }
#gFooter .gFtBnr ul { max-width:480px; margin:0 auto; min-height: 1px; }
#gFooter .gFtBnr ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#gFooter .gFtBnr li { float:left; width:49%; margin-top:10px; }
#gFooter .gFtBnr li:nth-child(odd) { margin-right:2%; } 
#gFooter .gFtBnr ul.col3 {  }
#gFooter .gFtBnr ul.col3 li { width:32%; margin-right:2%; }
#gFooter .gFtBnr ul.col3 li:last-child { margin-right:0 !important; }

#gFooter .pgTop a { display:block; background:#83b6d6; padding:10px 0; text-align:center; }
#gFooter .pgTop a img { height:26px; width:auto; }

/*
#gFooter .ftNav { color:#888; }
#gFooter .ftNav li { background:url(../img/cmn/sp_ft_arw01.gif) no-repeat left center; background-position:16px 50%; background-size:auto 11px; line-height:40px; }
#gFooter .ftNav li a { display:block; color:#6f6f6f; padding:0 2% 0 34px; border-bottom:1px dotted #cdcdcd; }
#gFooter .ftNav li:last-child a { border:none; }
*/


/*
#gFooter .tel { width:100%; background:#fff; padding:5px 2% 15px 2%; text-align:center; border-top:1px solid #dbdbdb; border-bottom:1px dotted #dbdbdb; }
#gFooter .tel h3 {margin-top: 5px; font-size:170%; font-family:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; }
#gFooter .tel h3 b { display:inline-block; text-align:right; margin-bottom:4px; }
#gFooter .tel p b img { width:25%; padding-left: 5%; }
#gFooter .tel h3 a { background:url(../img/cmn/sp_ft_tel01.gif) left no-repeat; background-size:auto 65%; background-position:; padding-left:36px;  }
#gFooter .tel p { font-size:90%; color:#6f6f6f; margin-top:10px; letter-spacing:normal; line-height:120%; }
#gFooter .tel p span { display:inline-block; padding:0 2%; }
#gFooter .tel p a { text-decoration:underline; color:#83b6d6; }
*/




/*
#gFooter .sns { background:#fff; width:100%; margin:0 auto; padding:12px 2.5%;}
#gFooter .sns h3 { float:left; width:45%; }
#gFooter .sns h3 img { max-height:32px; width:auto; }
#gFooter .sns ul { float:right; width:55%; text-align:right; }
#gFooter .sns ul li { display:inline-block; text-align:center; padding-left:8px; }
#gFooter .sns ul li a img { max-height:40px; width:auto; }
*/

#gFooter .fcontact{ padding:1em 2.5%; font-size:100%;line-height:1.2;}
#gFooter .fcontact dl{}
#gFooter .fcontact dt{margin-bottom:1em;text-align:center;font-weight: 600;}
#gFooter .fcontact dd{display:flex;align-items:center;justify-content:center;}
#gFooter .fcontact a,
#gFooter .fcontact span{ display:inline-block;white-space: nowrap;}
#gFooter .fcontact .tel{flex-direction:column; position: relative;margin-left:4em;}
#gFooter .fcontact .tel:before{ content:''; position: absolute;left:calc(50% - 9em);top:50%; transform: translateY(-50%); display: inline-block; width:2em; height:4em; background: url(../img/cmn/ico_phone2.png) no-repeat center center / 100%;}
#gFooter .fcontact .telno{ font-size:150%;}
#gFooter .fcontact .hours{}
#gFooter .fcontact .note{ font-size:90%;}
#gFooter .fcontact .form{ margin-top:1em;}
#gFooter .fcontact .form a{display:flex;align-items:center;}
#gFooter .fcontact .form a:before{ content:''; display: inline-block; width:2.5em; height:2.5em; margin-right:10px;background: url(../img/cmn/ico_mail.png) no-repeat center center / 100%;}

#gFooter .fnav {}
#gFooter .fnav ul{border-top:1px #dfdfdf solid;border-bottom:1px #dfdfdf solid;}
#gFooter .fnav li+li{border-top:1px #dfdfdf dotted;}
#gFooter .fnav li a{display: block; padding:1em;text-align:center;line-height:1;font-size:100%;}

#gFooter .fsns{}
#gFooter .fsns ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#gFooter .fsns li a{display: inline-block;padding:1em 0.75em;}
#gFooter .fsns img{width:2.5em;}

#gFooter .flogo{width:80%;margin:1em auto;text-align:center;}
#gFooter .flogo img{max-width:100%;}

#gFooter .copy { border-top:1px #dfdfdf solid;text-align:center; font-size:76%; padding:12px 1%; line-height:130%; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing:normal; }


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

各パーツ

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

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

/*---------------------------------------------
ページタイトル（リボン付）
---------------------------------------------*/
.HF h2.cmnPgTtl { width:100%; padding:9px 0 9px 34px; position:relative; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fff; color:#333; font-size:110%; font-weight:400; }
.HF h2.cmnPgTtl:before { content:''; display:block; position:absolute; top:-5px; left:12px; width:23px; height:36px; background:url(../img/cmn/sp_mainttl_flag.gif) no-repeat left bottom; background-size:contain; }
.HF .cmnTtl01 h3 > * { font-weight:normal; }
.HF h2.cmnPgTtl span { color:#ec6c79; font-size:80%; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing:normal; padding-left:8px; vertical-align:middle; }
.HF h2.cmnPgTtl b { display:inline-block; color:#888; font-size:80%; letter-spacing:normal; padding-left:6px; vertical-align:middle; }

/*---------------------------------------------
ページメイン説明（テキスト＋イラスト横並び）
---------------------------------------------*/
.HF .cmnPgTtl02:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;  }
.HF .cmnPgTtl02 { width:100%; padding:10px 3%; min-height:1px; }
.HF .cmnPgTtl02 dd { float:right; width:72px; margin:0 0 0 8px; }

/*---------------------------------------------
コンテンツタイトル（ピンク背景）
---------------------------------------------*/
.HF .cmnTtl01 { width:100%; background:#ec6c79; padding:8px 12px; }
.HF .cmnTtl01 h3 { font-size:110%; font-weight:400; color:#fff; background:url(../img/cmn/sp_pgTtlIcn01.gif) no-repeat left center; background-size:11px; padding-left:18px; }
.HF .cmnTtl01 h3 > * { font-weight:normal; }
.HF .cmnTtl01 span { display:inline-block; color:#fdf1f2; font-size:86%; padding-left:8px; }
.HF .cmnTtl01 b { display:inline-block; }

/*---------------------------------------------
小見出し（矢印＋ブルー）
---------------------------------------------*/
.HF .cmnStl01 { font-weight:600; color:#4573B3; background:url(../img/cmn/blue-ya.gif) no-repeat left center; background-size:15px; padding-left:18px; }

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

/*---------------------------------------------
リンクボタン（ピンク）
---------------------------------------------*/
.HF .lnkBtn01 a { display:inline-block; color:#fff; padding:12px; text-align:center;
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 );
border-radius:4px; }
.HF .lnkBtn01 a span { display:inline-block; padding-left:17px; font-size:104%; font-weight:bold; background:url(../img/cmn/sp_btn_arw01.png) no-repeat left center; background-size:12px !important; }
/*arrow右側*/
.HF .lnkBtn01.arw02 a { padding-left:4px; }
.HF .lnkBtn01.arw02 a span { text-align:left; padding-right:17px !important; background:url(../img/cmn/sp_btn_arw01.png) no-repeat right center !important; background-size:12px !important; }
/*arrow右側（下向き矢印）*/
.HF .lnkBtn01.arw03 a { padding-left:4px; }
.HF .lnkBtn01.arw03 a span { padding-right:20px !important; background:url(../img/cmn/sp_btn_arw02.png) no-repeat right center !important; background-size:13px !important; }
/*カートに入れる*/
.HF .lnkBtn01.crtBt {  }
.HF .lnkBtn01.crtBt a span { display:inline-block; padding-left:28px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left center; background-size:20px !important; } 

/*---------------------------------------------
リンクボタン（ブルー）
---------------------------------------------*/
.HF .lnkBtn02 a { display:inline-block; color:#fff; padding:12px; text-align:center;
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 );
border-radius:4px; }
.HF .lnkBtn02 a span { display:inline-block; padding-left:17px; font-size:104%; font-weight:bold; background:url(../img/cmn/sp_btn_arw01.png) no-repeat left center; background-size:12px !important; }
/*arrow右側*/
.HF .lnkBtn02.arw02 a { padding-left:4px; }
.HF .lnkBtn02.arw02 a span { text-align:left; padding-right:17px !important; background:url(../img/cmn/sp_btn_arw01.png) no-repeat right center !important; background-size:12px !important; }
/*arrow右側（下向き矢印）*/
.HF .lnkBtn02.arw03 a { padding-left:4px; }
.HF .lnkBtn02.arw03 a span { padding-right:20px !important; background:url(../img/cmn/sp_btn_arw02.png) no-repeat right center !important; background-size:13px !important; }
/*カートに入れる*/
.HF .lnkBtn02.crtBt { }
.HF .lnkBtn02.crtBt a span { display:inline-block; padding-left:28px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left center; background-size:20px !important; } 

/*---------------------------------------------
リンクボタン（赤）
---------------------------------------------*/
.HF .lnkBtn03 a { display:inline-block; color:#fff; padding:12px; text-align:center;
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 );
border-radius:4px; }
.HF .lnkBtn03 a span { display:inline-block; padding-left:17px; font-size:104%; font-weight:bold; background:url(../img/cmn/sp_btn_arw01.png) no-repeat left center; background-size:12px !important; }
/*arrow右側*/
.HF .lnkBtn03.arw02 a { padding-left:4px; }
.HF .lnkBtn03.arw02 a span { text-align:left; padding-right:17px !important; background:url(../img/cmn/sp_btn_arw01.png) no-repeat right center !important; background-size:12px !important; }
/*arrow右側（下向き矢印）*/
.HF .lnkBtn03.arw03 a { padding-left:4px; }
.HF .lnkBtn03.arw03 a span { padding-right:20px !important; background:url(../img/cmn/sp_btn_arw02.png) no-repeat right center !important; background-size:13px !important; }
/*カートに入れる*/
.HF .lnkBtn03.crtBt {  }
.HF .lnkBtn03.crtBt a span { display:inline-block; padding-left:28px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left center; background-size:20px !important; } 

/*---------------------------------------------
カートに入れるボタン（INPUT/ピンク）
---------------------------------------------*/
.HF .crtBtn02 { position:relative; display:inline-block; }
.HF .crtBtn02 input[type="submit"] { padding:12px 12px 12px 40px; font-weight:bold; color:#fff; font-size:104%; text-align:center;
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 );
border-radius:4px; }
.HF .crtBtn02:before { content:''; position:absolute; top:50%; left:13px; margin-top:-10px; width:22px; height:20px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left top; background-size:contain;}

/*---------------------------------------------
カートに入れるボタン（INPUT/ブルー）
---------------------------------------------*/
.HF .crtBtn03 { position:relative; display:inline-block; }
.HF .crtBtn03 input[type="submit"] { padding:12px 12px 12px 40px; font-weight:bold; color:#fff; font-size:104%; text-align:center;
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 );
border-radius:4px; }
.HF .crtBtn03:before { content:''; position:absolute; top:50%; left:13px; margin-top:-10px; width:22px; height:20px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left top; background-size:contain;}

/*---------------------------------------------
カートに入れるボタン（INPUT/レッド）：商品詳細ページの定期購入ボタン
---------------------------------------------*/
#item_page .HF .crtBtn03 { position:relative; display:inline-block; }
#item_page .HF .crtBtn03 input[type="submit"] { padding:12px 12px 12px 40px; font-weight:bold; color:#fff; font-size:104%; text-align:center;
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 );
border-radius:4px; }
#item_page .HF .crtBtn03:before { content:''; position:absolute; top:50%; left:13px; margin-top:-10px; width:22px; height:20px; background:url(../img/cmn/sp_cartBtn_icon.png) no-repeat left top; background-size:contain;}

/*---------------------------------------------
リンクボタン（グレーグラデーション）
---------------------------------------------*/
.HF .cmnGryBtn01 a { display:inline-block; padding:10px 12px; text-align:center; 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 );
border-radius:4px;
text-shadow:0 1px 0 rgba(255,255,255,1);}
.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 ); }
/*arrow右側*/
.HF .cmnGryBtn01.arw02 a { padding-left:4px; }
.HF .cmnGryBtn01.arw02 a span { text-align:left; padding-right:17px !important; background:url(../img/cmn/sp_btn_arw01.png) no-repeat right center !important; background-size:12px !important; }
/*arrow右側（下向き矢印）*/
.HF .cmnGryBtn01.arw03 a { padding-left:12px; }
.HF .cmnGryBtn01.arw03 a span { padding-right:20px !important; background:url(../img/cmn/sp_btn_arw03.png) no-repeat right center !important; background-size:13px !important; }


/*---------------------------------------------
フッタ―上ナビ（お悩み別・部位別など共通）　
---------------------------------------------*/
.HF #cmnFtNav01 { margin-top:20px; border:1px solid #dfdfdf; }
.HF #cmnFtNav01 .part01 { background:#ebebeb; padding:3% 3% 1% 3%; border-bottom:1px solid #dfdfdf;}
.HF #cmnFtNav01 .part01 a { width:49%; margin:0 2% 2% 0; }
.HF #cmnFtNav01 .part01 a:nth-child(even) { margin-right:0 !important; }
.HF #cmnFtNav01 .nav01 { background:#fff; display:table; width:100%; text-align:center; }
.HF #cmnFtNav01 .nav01 p { display:table-cell; width:33.3%; line-height:1.4; letter-spacing:normal; }
.HF #cmnFtNav01 .nav01 p a { display:block; position:relative; width:100%; padding:76px 0 10px 0; border-right:1px solid #dfdfdf; font-size:86%; font-weight:bold; color:#ec6c79; text-shadow:0 1px 0 rgba(255,255,255,1); }
.HF #cmnFtNav01 .nav01 p.curtPg a { background-color:#ffe6e5; }
.HF #cmnFtNav01 .nav01 p a:before { content:''; display:block; position:absolute; top:10px; left:50%; margin-left:-28px; width:58px; height:58px; background-position:left top; background-repeat:no-repeat; background-size:contain; }
.HF #cmnFtNav01 .nav01 p.nv01 a:before { background-image:url(../img/cmn/sp_ftNav01_icn01.png); }
.HF #cmnFtNav01 .nav01 p.nv02 a:before { background-image:url(../img/cmn/sp_ftNav01_icn02.png); }
.HF #cmnFtNav01 .nav01 p.nv03 a:before { background-image:url(../img/cmn/sp_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 { position:relative; width:100%; padding:8px 6% 8px 3%; border-top:#fff 1px solid; border-bottom:1px solid #fdcecc; background:#ffe6e5; color:#ec6c79; 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:50%; right:3%; margin-top:-7px; background:url(../img/cmn/sp_drpDwn_arw01.gif) right center no-repeat; background-size:contain; }
.HF .ddMenu01 li h4.active:before { background:url(../img/cmn/sp_drpDwn_arw02.gif) right center no-repeat; background-size:contain; }

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

/*---------------------------------------------
おすすめセット　リンク
---------------------------------------------*/
.HF.partitem .ddMenu01_none li+li{border-top:1px solid #dfdfdf;}
.HF .cmnSetLnk01 { display:table; width:100%; padding:3%; }
.HF .cmnSetLnk01 .wline { background:url(../img/cmn/wline01.gif) repeat-x center center; }
.HF .cmnSetLnk01 .main { display:table; width:100%; }
.HF .cmnSetLnk01 figure { display:table-cell; width:94px; }
.HF .cmnSetLnk01 figure img { display:inline; text-align:center; padding:4px; border:1px solid #dfdfdf; }
/*　新発売アイコン　*/
.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:80%;
color:#ffffff;
letter-spacing: 0.1em;
}
.HF .cmnSetLnk01 .expln { display:table-cell; vertical-align:top; padding-left:12px; }
.HF .cmnSetLnk01 .expln dl dt { padding:8px 0 10px 0; margin-bottom:6px; font-size:106%; 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 dd { display:inline-block; margin-top:2px; font-size:90%; color:#666; letter-spacing:normal; }
.HF .cmnSetLnk01 .expln dl dd>*{white-space:nowrap;}
.HF .cmnSetLnk01 .expln dl dd b,
.HF .cmnSetLnk01 .expln dl dd strong { display:inline-block; background:#ff9d9f; padding:3px; color:#fff; line-height:1; border-radius:2px; }
.HF .cmnSetLnk01 .expln dl dd b { margin:0 8px 0 0; }
.HF .cmnSetLnk01 .expln dl dd strong { background:#ec6c79; margin:0 5px 0 0; }
.HF .cmnSetLnk01 .expln dl dd p { display:inline-block; margin-right:6px; }
.HF .cmnSetLnk01 .expln dl dd em { font-weight:bold; color:#ec6c79; margin-right:5px; }
.HF .cmnSetLnk01 .expln dl dd em span { font-size:86%; }

.HF .cmnSetLnk01 .lnkBox01 { margin-top:10px; }
.HF .cmnSetLnk01 .lnkBox01 h5 { padding:6px; background:#96c7e5; font-size:104%; color:#fff; font-weight:bold; text-align:center; border-radius: 4px 4px 0px 0px; }
.HF .cmnSetLnk01 .lnkBox01 ul { width:100%; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; background:#f5f5f5; }
.HF .cmnSetLnk01 .lnkBox01 ul li a { display:block; position:relative; padding:6px 10px; border-bottom:1px solid #dfdfdf; font-size:90%; color:#5ca7d6; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,1); }
.HF .cmnSetLnk01 .lnkBox01 ul li a:before { content:''; display:block; position:absolute; width:12px; height:12px; margin-top:-6px; top:50%; right:10px; background:url(../img/cmn/sp_lnkBxArw.png) no-repeat right center; background-size:contain; }
.HF .cmnSetLnk01 .lnkBox01 ul li a .iyaku{ display:inline-block; margin-left:3px;padding:2px 3px; border:1px #5ca7d6 solid; font-size:90%; line-height:1; color:#5ca7d6; font-weight:normal;letter-spacing:0;}
/*styleAdd*/
.HF .cmnSetLnk01 .expln dl dd.teiki b { background:#EB131F;}
.HF .cmnSetLnk01 .expln dl dd.teiki em { color:#EB131F; }

/*---------------------------------------------
カートボタン（通常＆定期）
---------------------------------------------*/
.HF .btnArea{
width:100%;
margin:1.5em 0;
text-align: center;
}
/*
.HF .btnArea p{
margin:0 auto;
}
*/
.HF .btnArea p+p{
margin-top:1em;
}
.HF .btnArea .lnkBtn01.crtBt a,
.HF .btnArea .lnkBtn03.crtBt a{
display:block;
width:100%;
}
/*styleChange*/
.HF .btnArea .lnkBtn01.crtBt,
.HF .btnArea .lnkBtn03.crtBt{
width:100%;
}




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

/*---------------------------------------------
ボックス型リンク01（ボックス大）
---------------------------------------------*/
.HF .cmnBoxLnk01 { display:table; width:100%; }
.HF .cmnBoxLnk01 li { display:table-cell; position:relative; width:25%; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; }
.HF .cmnBoxLnk01 li:before { content:''; display:block; position:absolute; bottom:5px; right:5px; width:7px; height:7px; background:url(../img/cmn/ftNav01_arw01.png) no-repeat top left; } 
.HF .cmnBoxLnk01 li:last-child { border-right:none; }
.HF .cmnBoxLnk01 li.end2 { border-bottom:none; }
.HF .cmnBoxLnk01 li a { display:block; width:100%; padding:12px 4px 10px 4px; color:#6f6f6f; line-height:120%; letter-spacing:normal;  text-align:center; }
.HF .cmnBoxLnk01 li a p { display:inline-block; width:80%; height:80%; max-width:130px; background:#fff; margin-bottom:8px; }
.HF .cmnBoxLnk01.sml li a p { width:68%; height:68%; max-width:110px; }
.HF .cmnBoxLnk01.sml02 li a p { width:48%; height:48%; max-width:100px; }
.HF .cmnBoxLnk01 li a span { display:block; font-size:86%; 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:2px;
right:2px;
padding:0 0.5em;
line-height:1.5em;
background: #ff0000;
/*border-radius:3px;*/
font-weight:bold;
text-align:center;
font-size:80%;
color:#ffffff;
letter-spacing: 0.1em;
}


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


/*---------------------------------------------
トップへ戻るページ（エラー）
---------------------------------------------*/
span#shipping_address_address:after{content:'番地まで全てご入力ください';font-size:75%;color:#ff0000;display:block;}
span#shipping_address_building:after{content:'マンション名と部屋番号はこちらにご入力ください';font-size:75%;color:#ff0000;display:block;}


/*---------------------------------------------
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;}