/* 商品ページのレイアウト、行間 */
* { font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important; }
.user_inner_content FS2_upper_comment FS2_SeniorDesign_comment{ line-height:3em;}
.user_inner_content FS2_upper_comment FS2_SeniorDesign_comment p{ line-height:3.5em;}
.FS2_ItemComment{ line-height:3em;}
.FS2_ItemComment p{ line-height:3.5em;}

body{ color:#333333;}

/* 決済ページ Safari レイアウト不具合用 */
.userTable_01 textarea{
 width:80%;
}

/* ポイント表示の処理 */
.FS2_itemlayout_td_Right .FS2_point{ border:1px solid #099; padding:3px 5px; font-size: 13px; color: #099; font-weight: 700; display:inline-block; letter-spacing:0.1px;}


/* new header area! 2016/04/14 */
#main-header{ width:100% !important; height:240px; background:#F7F7F7;}
.mh-area{ width:900px; height:220px; margin:0 auto; font-size:10px; color:#666; position:relative;}

/* トピックスエリア */
.mh-call{ background:#fff; padding:3px 14px 2px 7px; display:inline-block; border:1px solid #ccc; border-radius:4px; font-size:11px; color:#111; text-align:left; position:absolute; top:10px;}
.mh-call img{ width:14px; padding-right:8px;}
.mh-call:hover{ color:#069;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; border:1px solid #069;}
.mh-call a{ color:#111 !important; text-decoration:none;}
.mh-call a:hover{ color:#069 !important; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.mh-area ul{ width:880px; height:60px; margin:0;}
.mh-area li{ list-style:none; float:right;font-size:13px; color:#000; margin-right:20px; margin-top:10px; border:1px solid #ccc; padding:2px 6px 1px 6px; display:inline-block;}
/* 会員エリアのリスト */
.mh-area li:hover{ border:1px solid #222;}
.mh-area li a{ color:#000; text-decoration:none;}
.mh-area li img{ width:14px; padding-right:5px}
.mh-knb img{ margin:0 auto; margin-top:-20px !important; width:197px !important;}


/* 仲間募集 */
.nakama{ position:absolute;left:0;top:36px; cursor:pointer; height:40px; width:550px; background-position:bottom bottom;}
.nakama img{ width:360px !important; margin-left:-10px; z-index:1; margin-bottom:6px;}

/* ソーシャルエリアのリスト */
.mh-sosial{ position:absolute; width:230px; bottom:12px; left:-45px;}
.mh-sosial ul{ width:300px; height:auto; margin:0;}
.mh-sosial li{ float:left; margin-right:7px; display:inline-block; border:none !important; padding:0 !important;}
.mh-sosial img{ width:40px !important;}

/* 新着バナー */
.mh-shinchaku{ position:absolute; right:0; top:50px;}

/* header コンテンツ */
.mh-cont{ position:absolute; width:680px; bottom:15px; left:199px;}
.mh-cont ul{ width:700px; height:auto; margin:0;}
.mh-cont li{ float:left; margin-right:10px; border:none !important; display:inline-block; border-left:1px solid #CCCCB7 !important; padding:0 !important; color:#111; font-size:13px; padding-left:8px !important;}

.mh-cont li a{ color:#222 !important; text-decoration:none;}
.mh-cont li a:hover{ color:#111; text-decoration:underline !important;}

/* facebook プラグイン */
.mh-plug{ position:absolute; right:-30px; top:8px;}

/* body直下テキスト */
.layout_body .FS2_body_text_area{ width:910px !important; margin:0 auto; font-size:10px;}

/*動的ページ 基本レイアウトの処理 コンテンツ幅の調整*/
.layout_table{
width:900px !important;
margin:0 auto 0 !important;
text-align:left;
}
.layout_content{ padding:15px 0 0 0;}
.layout_right {width: 0px;} 

/*動的ページ 閲覧履歴*/
.layout_body .historysideboxborder{position:fixed;top:288px;left:0;z-index:100;} 


.FS2_body_Password_PasswordReminderEdit .pan{display:none;} 
.FS2_body_Password_PasswordReminderEdit h2.pageTitle{display:none;} 
.FS2_body_Password_PasswordReminderEdit li{display:none;} 
.FS2_body_Password_PasswordReminder .pan{display:none;} 
.FS2_body_Password_PasswordReminder h2.pageTitle{display:none;} 

.FS2_body_Common_Information .FS2_bottom_btn_info{display:none;}
.FS2_body_Cart_GuestLogin .FS2_Login_btn_position img{position: relative; top: 30px;} 
.FS2_body_Cart_GuestLogin .FS2_Login_btn_position input{position: relative; top: 30px;}
.FS2_body_Cart_SettleEdit .inputTableArea #settle_01{ width:20pt; height:20pt;} 
.FS2_body_Cart_SettleEdit .inputTableArea #settle_05{ width:20pt; height:20pt;} 
.FS2_body_Cart_SettleEdit .inputTableArea #settle_06{ width:20pt; height:20pt;} 
.FS2_body_Cart_SettleEdit .inputTableArea #settle_13{ width:20pt; height:20pt;} 
.FS2_body_Cart_SettleEdit .inputTableArea #settle_02{ width:20pt; height:20pt;} 
.FS2_preview{display:none;}
.FS2_body_Goods_GoodsSearchList"{ width:100pt; height:100pt;} 
/* 会員登録後に購入ボタンをセンターへ */
.FS2_body_Cart_GuestLogin .FS2_Login_btn_position{text-align:center;}


.FS2_body_Goods_GoodsSearchList" { width:100pt; height:100pt;} 


.FS2_Config_Postage{display:none;}

.FS2_Config_Postage{display:none;}

.FS2_ItemComment p{line-height:155%;}
.FS2_ItemComment{line-height: 155%;}
.FS2_ItemComment{font-size:14px;}
.FS2_upper_comment p{line-height: 155%;}
.FS2_upper_comment b{line-height: 460%;}
.FS2_upper_comment h1 b{line-height: 360%;}

/*　リンクの下線を非表示　*/
a{
text-decoration: none
}

/* 会員登録画面の文字を大きく入力しやすくする */
.FS2_body_Member_MemberEntryEdit .userTable_01 input{font-size: 125%; display:inline-block;clear:both;box-sizing: border-box;}
.FS2_body_Member_MemberEntryEdit .userTable_01 select{font-size: 125%;display:inline-block;}
.FS2_body_Member_MemberEntryEdit .FS2_birthdayDateYear{font-size: 125%;display:inline-block;}
.FS2_body_Member_MemberEntryEdit .userTable_01 tr{font-size: 110%; height:auto;}
.FS2_body_Member_MemberEntryEdit .userTable_01 input{font-size: 125%; background-color:#eeeeee;display:inline-block;clear:both;box-sizing: border-box;}
#FS2_body_Member input[name="C19"] {-webkit-transform: scale(1.3); transform: scale(1.3); margin-right:0.5em;}
#FS2_body_Member input[name="C22"] {-webkit-transform: scale(1.3); transform: scale(1.3); margin-right:0.5em;}
#FS2_body_Member input[name="C23"] {-webkit-transform: scale(1.3); transform: scale(1.3); margin-right:0.5em;}

/* お届け先情報入力画面の文字を大きく入力しやすくする */
.FS2_body_Cart_DeliveryEdit .userTable_01 input{font-size: 160%;}
.FS2_body_Cart_DeliveryEdit .userTable_01 tr{font-size: 100%; height:40px; }
.FS2_body_Cart_DeliveryEdit .inputTableArea select{font-size: 140%; }
.FS2_body_Cart_DeliveryEdit .inputTableArea textarea{font-size: 140%; background-color:#FFFFCC}
.FS2_body_Cart_DeliveryEdit .userTable_01 input{font-size: 150%; background-color:#FFFFCC;}

/*メルマガ申込停止ページ情報入力エリアの文字を大きく入力しやすくする*/
.FS2_body_MailMagazine_MailMagazineEntry .userTable_01 tr {font-size: 120%; height:40px; }
.FS2_body_MailMagazine_MailMagazineEntry .userTable_01 input {font-size: 140%; background-color:#FFFFCC;}

/*ログインページ情報入力エリアの文字を大きく入力しやすくする*/
.FS2_body_Login_Login .userTable_01 th,
.FS2_body_Cart_GuestLogin .userTable_01 input{font-size: 120%; height:40px; }
.FS2_body_Login_Login .userTable_01 input,
.FS2_body_Cart_GuestLogin .userTable_01 input {font-size: 140%; background-color:#FFFFCC;}

/* __________________________________________________________________________________

　　　　 ↓↓↓PC動的ページ イメージキャプションエリア (高さ650px ver)↓↓↓ 
_____________________________________________________________________________________*/

#image-filter{ width:650px; background:linear-gradient(#FBFBFB, #eee ) fixed; padding:3px; height:1150px; border-radius:5px; position:relative;}

#overImg{position: relative; top:669px;}
#overImg a .tum{width: 100px; border-radius:3px; margin-left:10px; margin-right:1px; cursor:pointer; height:100px; z-index:9999; position: relative;left: 0;top: 0;}
#overImg a .tum:hover{ box-shadow: 0px 9px 6px -5px rgba(0, 0, 0, 0.2); width:100px; height:100px;}
#overImg a .kakudai{display: none;}
#overImg a:hover .kakudai{display: block; position: absolute; top: -655px; left:10px; z-index:9999; opacity:1.0;filter: alpha(opacity=100); }
img.kakudai{ width:630px !important;}
#defo{ position: absolute; top: -655px; left:10px;}
#defo img{ width:630px; z-index:-1;}
.OI-cont-ttl{ text-align:left; color:#333; font-size:17px; position:absolute; bottom:110px; margin-bottom:7px; display:block; width:95%; left:15px; border-bottom:1px dotted #888; font-weight:700;}
.OI-con{ position:absolute; bottom:20px; font-size:13px; color:#444; width:95%; left:15px; line-height:2.1em;height:9% !important;}

#overImg a:hover{background:none!important;}


/* ____________________________________________________________

　　　　 ↓↓↓PC動的ページ イメージキャプションエリア (高さ550px ver)↓↓↓ 
______________________________________________________________ */

#image-filter{ width:650px; background:linear-gradient(#FBFBFB, #eee ) fixed; padding:3px; height:930px; border-radius:5px; position:relative;}

#overImg1{position: relative; top:669px;}
#overImg1 a .tum{width: 100px; border-radius:3px; margin-left:10px; margin-right:1px; cursor:pointer; height:100px; z-index:9999; position: relative;left: 0;top: -90px;}
#overImg1 a .tum:hover{ box-shadow: 0px 9px 6px -5px rgba(0, 0, 0, 0.2); width:100px; height:100px;}
#overImg1 a .kakudai{display: none;}
#overImg1 a:hover .kakudai{display: block; position: absolute; top: -655px; left:10px; z-index:9999; opacity:1.0;filter: alpha(opacity=100); }
img.kakudai{ width:630px !important;}
#defo1{ position: absolute; top: -655px; left:10px;}
#defo1 img{ width:630px; z-index:-1;} 
.OI-cont-ttl1{ text-align:left; color:#333; font-size:17px; position:absolute; bottom:170px; margin-bottom:7px; display:block; width:95%; left:15px; border-bottom:1px dotted #888; font-weight:700;}
.OI-con1{ position:absolute; bottom:53px; font-size:13px; color:#444; width:95%; left:15px; line-height:2.1em;height:9% !important;}

#overImg1 a:hover{background:none!important;}



/*  カートへ入れるボタンを囲う  */
.FS2_figure{
border:1px solid #bbb;  /* 外側の枠の指定 */
border-radius:5px !important; /* 枠の装飾を角丸 */
background:#FFFFFF;  /* 背景色 */
width:100% !important; /* 枠線の範囲 */
}

.FS2_figure table{
margin:1px;  /*  外側の枠との隙間  */
width:71% !important;  /*  内側  */
border:none;  /*  内側の枠線  */
padding:8px 10px;  /*  内側の余白  */
background:#FFFFFF;  /* 背景色 */
}



p.error_item{color:#fff;background:#2f4f4f;font-size:13px;padding:9px 13px;text-align:center;border-radius:3px; display:block;} /*  販売期間開始前の処理  */

p.sellTerms{color:#fff;background:#6699CC;font-size:13px;padding:7px;text-align:left;border-radius:3px;width:333px;letter-spacing:0.1em; display:block;} /*  販売期間設定中の処理  */

p.FS2_postage{color:#fff;background:#FF9900;font-size:14px;padding:7px;text-align:left;border-radius:3px;font-weight:bold;display:inline-block;} /* 送料区分の処理  */



.FS2_body_Goods_GoodsGroupList_0 .FS2_GroupList{display:none;}


/*  カートボタンの数量  */
.FS2_figure_table_td_figure{ font-weight:bold; font-size:14px; color:#666; }


/*  商品名の装飾 (複数ページ版)  */
h2.itemTitle{ font-size:17px; line-height:1.5em; color:#333; margin-bottom:7px; margin-top:15px;}

/*  商品名の装飾  */
h1.itemTitle{ font-size:17px; line-height:1.5em; color:#333; margin-bottom:7px; margin-top:15px;}


/*  パンクズの処理  */
.utility{ display:none;}
.FS2_breadcrumbs a{ color:#5387C2!important;}
.FS2_breadcrumbs { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_1 a{ color:#5387C2!important;text-decoration:none;}
.FS2_breadcrumbs_1 { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_2 a{ color:#5387C2!important;}
.FS2_breadcrumbs_2 { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_3 a{ color:#5387C2!important;}
.FS2_breadcrumbs_3 { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_4 a{ color:#5387C2!important;}
.FS2_breadcrumbs_4 { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_5 a{ color:#5387C2!important;}
.FS2_breadcrumbs_5 { color:#666!important; font-size:12px!important;}
.FS2_breadcrumbs_6 a{ color:#5387C2!important;}
.FS2_breadcrumbs_6 { color:#666!important; font-size:12px!important;}


/*  各ページ一番上のSEO部分  */
.FS2_body_text{ width:883px; font-size:10px; color:#727272; border:1px dotted #CCCCCC; text-align:left; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:5px 0; }


/*  セレクトの項目  */
.FS2_inputSelection_table{ background:#F0FFFF; border-radius:3px; font-size:12px; color:#333; display:block; padding:3px; border:1px dotted #ccc; margin:5px; width:88% !important;}

/*  商品の価格  */
span.itemPrice{ color:#C30; font-weight:bold; font-size:22px;}

/*  税込表示の処理  */
span.FS2_itemPrice_addition{font-size:10px;}


/*  グループ直下サムネイルのキーワードの処理  */
p.FS2_ItemShortComment{ border:1px dotted #ccc; padding:3px; border-radius:3px; color:#888;}


/*  グループ並び替え項目の処理  */
.FS2_sort_menu_bg{ border:1px solid #ccc; display:block; padding-top:10px; padding-bottom:10px;border-radius:3px; background:#F9F9F9;}


/*  グループ表示件数の処理  */
span.FS2_pager_text{ color:#333; font-size:12px; border-left:6px solid #F63; display:inline-block; padding-left:7px;}

/* 　レビューページのテーブル処理  */
.FS2_body_ReviewList table.userTable_01{padding:12px 5px 27px 3px; border:1px solid #063; margin-left:-4px;}

/* 　レビューページの見出し処理  */
.FS2_body_ReviewList h2.pageTitle{ display:none;}

/* 　各ページの見出し処理  */
h2.pageTitle{border-bottom:1px solid #333; background:none; color:#333;}

/* 　カートページの見出し処理  */
.FS2_body_Cart_ShoppingCart h2.pageTitle{border-bottom:1px dotted #063; background:none; color:#063; font-size:20px;}

/* :::::: toggle button (裏メニュー) :::::: */
 
#navTgl {
  display: none;
}
 
label.open,
label.close {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
}

label.open1 {
  cursor: pointer;
  position: fixed;
  top: 170px;
  right: 2px;
}
 
.open {
  z-index: 2;
  width: 90px;
  height: 20px;
  color: white;
  color:#000;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
}

/* :::::: text iconの場合のみ有効 :::::: */
.open:hover { 
  z-index: 2;
  width: 90px;
  height: 20px;
  color: white;
  color:#C30;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
}
 
#navTgl:checked + .open {
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}
 
/* :::::: text iconの場合のみ有効 :::::: */ 
.close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;

}
 
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);

}
 
/* :::::: drawer menu :::::: */
 
.menu {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}
 
#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
.menu p,
.menu li a {
  color:#fff;
}
 
.menu p {
  text-align: center;
  padding:10px;
  font-size:12px;
  color:#222;
  line-height:1.6em;
  width:85%;
  border-radius:5px;
  margin:0 auto;
  margin-top:10px;
  background:#fff;
  padding:7px;
  margin-bottom:30px;
}

span.uraura{ 
font-weight:bold;
color:#F33;
font-size:15px;
}

span.uraura1{ 
color:#000;
font-size:11px;
}
 
.menu ul {
  padding: 0;
  list-style-type:none;
}
 
.menu li {
  border-bottom: 1px solid rgba(255,255,255,.6);
  line-height: 1.7em;
  font-size:12px;
  margin-left:-10px;
  font-weight:bold;
}
 
.menu li:first-child {
  border-top: 1px solid rgba(255,255,255,.6);
}
 
.menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .2s;
}
 
.menu li a:hover {
  background-color:#fff;
  color:#063;
}

/* 右バナー */
#rc_rightArea{ position:fixed; top:80px; right:0px; z-index:50; display:block; }
#rc_rightArea ul{ margin-bottom:15px; margin:0; padding:0;}
#rc_rightArea ul li{ margin-bottom:15px; list-style:none;}
#rc_rightArea a{ text-indent:-9999px; display:block; width:110px; height:88px;}
#rc_rightArea .rc_right1{ background: url("http://www.hanahiroba.com/images/lemon-rn2.png") no-repeat 28px 0; }
#rc_rightArea .rc_right1:hover{ background:url("http://www.hanahiroba.com/images/lemon-rn2.png") no-repeat 10px 0; }
#rc_rightArea .rc_right2{ background:url("http://www.hanahiroba.com/images/horidasi-rn.png") no-repeat 28px 0; }
#rc_rightArea .rc_right2:hover{ background:url("http://www.hanahiroba.com/images/horidasi-rn.png") no-repeat 10px 0; }
#rc_rightArea .rc_right3{ background:url("http://www.hanahiroba.com/images/sodatekata-rn2.png") no-repeat 28px 0; }
#rc_rightArea .rc_right3:hover{ background:url("http://www.hanahiroba.com/images/sodatekata-rn2.png") no-repeat 10px 0 ; }
#rc_rightArea .rc_right4{ background:url("http://www.hanahiroba.com/images/i-all2.png") no-repeat 28px 0; }
#rc_rightArea .rc_right4:hover{ background:url("http://www.hanahiroba.com/images/i-all2.png") no-repeat 10px 0 ; }



@media screen and (max-width: 1280px) {
#rc_rightArea a{ width:90px; height:88px;}
#rc_rightArea{ top:60px; display:block; }
}

@media screen and (max-width: 1100px) {
#rc_rightArea{ display:none; }
}

<!-- /*///本店サイト用 ナビゲーションボタン ///　*/-->
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }
/* ナビボタン全体のcss */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 905px;
  margin: 15px auto 9px;
  padding: 0;
  
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
/* ナビボタンのリストcss */
.dropmenu li{
  position: relative;
  width: 90px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight:bold !important;
  text-align: center;
  letter-spacing:0.5px;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #557532;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
/* 買い物カゴエリアcss */
li.ca{
  position: relative;
  width: 91px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight:bold;
  text-align: center;
  letter-spacing:0.5px;
}
li.ca a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #3B6897;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 180%;

}
/* ドロップダウンリストcss */
.dropmenu li ul li a{
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background: #FAF8F2;
  color:#111;
  font-weight:normal;
  text-align: left;
}

.dropmenu li ul li a:hover{
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background: #FAF8F2;
  color:#C30;
  text-align:left;
}

.dropmenu li:hover > a{
  color:#fff;
  background:#033A19;
}
.dropmenu li a:hover{
  color:#fff;
  text-decoration:underline;
}

#fade-in { position: relative; z-index: 6; }
#fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


/* 看板エリアのリストcss */
.list-navi{
position:absolute;
top:92px;
left:280px;
font-size:11px;
padding:0;
margin:0;
width:520px;
}

.list-navi li{ 
display:block;
list-style:none;
float:left;
padding:0;
padding-left:9px;
}

.list-navi li a{ 
color:#333;

}

.list-navi li a:hover{ 
color:#C30;
text-decoration:underline;
}

/* ショッピングカート先頭ページのcss */

h3.CrossHead{font-size:19px;}
td.FS2_GoodsName_td{font-size:15px;}


/* 小計 */
span.FS2_Cart_price_taxIncl{font-size:16px;color:#000;}

/* カートページ全体の処理 */
.FS2_total_area{font-size:16px;}
td.FS2_aR{font-weight:bold; color:#000; font-size:30px;}

table.cartTable{font-size:13px;color:#000;}


/* 入力フォームの処理 */
.inputTableArea{font-size:14px; color:#000;padding:3px;}

.FS2_Delivery_table_caution{line-height:1.8em;}


/*--------------------------------
スマホのフッターメニューの処理
---------------------------------*/
ul.footer_menu {
	margin: 0 auto;
	padding: 3px 0;
	width: 100%;
	overflow: hidden;
	display: table;
}

ul.footer_menu li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 10px;
}

ul.footer_menu li a i{
	font-size: 24px;
}

ul.footer_menu li a {
	border: none;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.footer_menu {
	position: fixed;
	bottom: 0;
	left:0;
	background: #222;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}


/*--------------------------------
マイページの見だし各項目処理
---------------------------------*/
.FS2_mypagetop_list h3.CrossHead{ 
border:1px solid #333;
margin-top:26px;
display:inline-block;
padding:5px 7px 5px 7px;
}

.FS2_mypagetop_list h3.CrossHead a{ color:#222;}
.FS2_mypagetop_list h3.CrossHead a:hover{ color:#C30; text-decoration:none;}
.FS2_mypagetop_list p{ font-size:14px; line-height:1.7em; color:444;}


#FS2_body_MyPage h2.pageTitle{ 
color:#fff;
font-size:10px;
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/mypage01.jpg) no-repeat;
text-align:center;
text-indent:-9999px;
border-bottom:none;
padding:8px;
margin:25px 0 0 0;
height:112px;
}

.FS2_mypagetop_list{ 
border-left:1px solid #333;
border-right:1px solid #333;
}

.FS2_mypage_container_ReviewHistory h3.CrossHead{ color:#222;}


/*--------------------------------
メルマガ登録ページの見だし各項目処理
---------------------------------*/

#FS2_body_MailMagazine h2.pageTitle{
color:#fff;
font-size:10px;
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/merumaga.jpg) no-repeat;
text-align:center;
text-indent:-9999px;
border-bottom:none;
padding:8px;
margin:25px 0 0 0;
height:115px;
}


/*--------------------------------
検索一覧結果の見だし各項目処理
---------------------------------*/
.FS2_body_Goods_GoodsSearchList h2.pageTitle{ 
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/kekka.jpg) no-repeat;
text-indent:-9999px;
border-bottom:none;
height:115px;
}

/*--------------------------------
会員登録ページの見だし各項目処理
---------------------------------*/
.FS2_body_Member_MemberEntryEdit h2.pageTitle{ 
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/shinki.jpg) no-repeat;
text-indent:-9999px;
border-bottom:none;
height:110px;
margin-top:15px;
margin-left:-30px;
}

/*--------------------------------
ポイントページの見だし各項目処理
---------------------------------*/
.FS2_body_PointAgreement h2.pageTitle{ 
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/point.jpg) no-repeat;
text-indent:-9999px;
border-bottom:none;
height:115px;
margin-top:15px;
}

/*--------------------------------
返品規約ページの見だし各項目処理
---------------------------------*/
.FS2_body_Config_ReturnedSpecialContract h2.pageTitle{ 
background:url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/henpin01.jpg) no-repeat;
text-indent:-9999px;
border-bottom:none;
height:115px;
margin-top:15px;
}

/*検索結果のサムネイル画像を150px幅に設定　*/ 
.FS2_body_Goods_GoodsSearchList .FS2_thumbnail_container img { 
width:160px; 
}

/*緊急性の高いニューストピック (フッター左端のナビ ※1220pxでnone)　*/ 
.news-foot{ margin:0; padding:0; position:relative; width:100%; z-index:99999 !important;}
.news-foot-navi{ width:163px; height:121px; left:0 !important; bottom:0; z-index:99999 !important; background:url(http://www.hanahiroba.com/images/jabo-bottom1.png) no-repeat; text-indent:-9999px; position:fixed !important;}

@media screen and (max-width: 1220px) {
    .news-foot {
        display: none;
    }
}



/*会員登録フォーム*/ 
#FS2_body_Member.FS2_body_Member_MemberEntryEdit .inputTableArea{ width:900px; margin-left:-36px; border-collapse:collapse; clear:both;}
#FS2_body_Member.FS2_body_Member_MemberEntryEdit .inputTableArea th{ font-size:13px;padding:8px; width:25%; clear:both; white-space: nowrap;}


/* fotter menu */
.ftm{ width:910px; margin:0 auto;}

/*フォームの幅と調整*/
.inputTableArea .userTable_01 td {
   width: 60%;
}

#FS2_body_Member.FS2_body_Member_MemberEntryEdit .inputTableArea th {
   font-size: 13px;
   padding: 8px;
   width: 20%;　　/*←個々の数字を25%から20％に変更※*/
   clear: both;
   white-space: nowrap;
}


input#fs2_lastName, 
input#fs2_firstName, 
input#fs2_lastNameKana, 
input#fs2_firstNameKana, 
input#fs2_password, 
input#fs2_passwordConfirmation{
   width:230px;
}


input#fs2_email, 
input#fs2_emailConfirmation, 
input#fs2_addressLine1, 
input#fs2_addressLine2, 
input#fs2_addressLine3{
   width:465px;
}

/*フォームエディット (ログイン&マイページ)*/ 
.inputTableArea table.userTable_01{font-size:10px; magin: 0 auto; width:100%; clear: both; }

/*レビューページのフォーム*/ 
.review-ttl{ margin:0 auto; width:900px; margin-bottom:20px;}
.shinki{ width:900px; margin:0 auto; height:50px; margin-bottom:25px;}
.shinki1{ float:right; background:#060; color:#fff; font-weight:bold; font-size:16px; text-align:center; display:inline-block; padding:6px 10px 6px 10px; letter-spacing:0.7px; margin-top:8px;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out; border-radius:3px; margin-right:3px;}
.shinki1 a{ text-decoration:none; color:#fff !important;}
.shinki1:hover{ background:#36C;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

/* page-top */
#page-top { position:fixed; bottom:16px; right:20px; font-size:75%; z-index:999; }
#page-top a { background:#222222; text-decoration:none; color:#fff; width:60px; padding:10px 0; text-align:center; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
#page-top a:hover { text-decoration:none; background:#888; }
#page-top img{ width:35px;}



/* 左タテ帯 */
.tateobi1{ position:absolute; top:283px; left:0; width:100px; visibility:visible; display:block;background: url(https://c18.future-shop.jp/shop/item/hanahiroba/design/img01/kessan513.jpg) repeat-y scroll; min-height:100%; height:6800px; z-index:auto; margin-top:0px; }
.tateobi1 a{ display:block; min-height:100%; visibility:visible; text-indent:-9999px; }
 @media screen and (max-width: 1150px) {
.tateobi1{ display:none; }
 }


/* 予約タブ */
#tab { width:83px; height:100px; background:url(http://www.hanahiroba.com/images/yoyakunabi.png) no-repeat; position:fixed; right:0; bottom:95px; display:block; -webkit-transition:width ease-in-out 0.5s; -moz-transition:width ease-in-out 0.5s; -ms-transition:width ease-in-out 0.5s; -o-transition:width ease-in-out 0.5s; transition:width ease-in-out 0.5s; }
#tab a { display:block; width:100%; height:100%; }
#tab:hover { width:200px; }
@media screen and (max-width: 1100px) {
#tab { display:none; }
}

/* カートへ移動ボタンのスムーススクロール */
#cart_img {
bottom : 20px;
left : 0px;
padding : 0px;
margin : 0px;
position : fixed;
zindex : 500;
}

/* イベント時フッタードロワー処理 ※静的HTML用のイベントドロワー。ここの部分がscriptと連動 */
/*(バックアップ)　https://image.rakuten.co.jp/hana-online/cabinet/souko/honoo-seam.jpg */

footer {
  background:url(https://www.rakuten.ne.jp/gold/hana-online/image/rose-bg.png) repeat;
  line-height: 10px;
  text-align: center;
  width: 100%;
  z-index:6;
}
.cb-footer {
  position: fixed; 
  bottom: 0; /* 下から0の位置に固定 */
  left: 0;
  display: none; /* イベントヘッダーバーを非表示 */
}

.cb-footer img{ width:780px;}


@media screen and (max-width: 1280px) {
.cb-footer img{ width:600px;}
}

/* お知らせナビゲーションcss */
#slide {
    position: fixed;
    width: 230px;
    height: 30px;
    bottom: 0;
    left: 0;
    color: #333;
    background: #fff;
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    z-index:9;
}
#slide-in {
    padding: 5px 10px;
}
#slide a {
    text-decoration: none;
    cursor: pointer;
}
#slide h3 {
	font-size:14px;
	margin-top:-3px;
	letter-spacing:0.6px;
}

#slide h3 img{
	width:20px !important;
	padding-right:10px !important;
}

#slide #open-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	z-index:1;
}

#slide-contents{
	font-size:12px;
	float:right;
	margin-top:10px;
}

#slide-contents p{
	margin-left:20px;
	width:230px;
	margin-top:-2px;
	line-height:1.8em !important;
	padding-bottom:15px !important;
}

#slide-contents img{
	width:130px !important;
	position:absolute;
	border-radius:3px;
	left:5px;
}

.to-page{
	background:#333;
	margin-left:19px !important;
	color:#fff;
	padding:7px;
	border-radius:3px;
}

.to-page a{
	text-decoration:none !important;
	color:#fff !important;
}

.to-page:hover{
	background:#C30;
}



/* 注意喚起 */
	#caution01 {
		padding:3px 5px;
		display:inline-block;
		text-align: center;
		font-size:10px;
		color:#333;
		position:absolute;
		right:122px;
		top:41px;
		z-index:10;
	}
		
	#caution01 a{ 
	color:#333 !important;
	text-decoration:underline;
	}
	
	#caution01 a:hover{ 
	text-decoration:none !important;
	
	}

/* イチオシのプロモーションがスタートしたときに使うエリア */

	@keyframes diy-op {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(2deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-2deg); }
		100% { transform: rotate(0deg); }
	}

#diy-op {
	display: inline-block;
	animation: diy-op 2s linear infinite;
	position:absolute;
	top:110px;
	left:0;
	padding: 3px 8px 3px 3px;
	border: 1px dashed #333;
	border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
	color: #333;
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
	text-align:left;
	font-style:italic;
	float:left;
	box-shadow: 9px 9px 1px -6px rgba(0, 0, 0, 0.1);
	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
	margin:0;
}

#diy-op img{ width:13px;}
#diy-op a{ color:#333 !important;}
#diy-op a:hover{ text-decoration:none;color:#930 !important;}

#diy-op:hover{ 
	border: 1px dashed #930;
	font-weight:bold;
	box-shadow:none;
	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}

/*カートボタンへジャンプ */
#Cart_Jump{ 
background: #000;
color: #fff;
bottom : 60px;
right : 0px;
padding : 0px;
margin : 0px;
position : fixed;    
}

/*販売開始期間設定時の処理 */
.sellTerms{ width:257px !important; overflow:hidden;}
.layout_content.sellTerms{ display:block !important;}


/* ライトナビお知らせエリア */
#slideR {
	z-index: 99;
	cursor: pointer;
	position: fixed;
	top: 215px;
	right: -255px;
	background:#fff;
	border-radius:0 0 0 5px;
	width: 240px;
	color: #333;
	border:1px solid #bbb;
	padding:9px 5px 4px 7px;
	height:395px;
	font-size: 16px;
}
#slideR a {
	color: #666 !important;
	display: block !important;
	padding: 5px 10px;
	background:#fff;
	text-decoration:none !important;
}

#slideR a:hover{ 
    color:#C30 !important;
	font-weight:600 !important;
}

#navi-f{
	z-index: 99;
	cursor: pointer;
	position:relative;
	top: 160px;
	right: 45px;
	background:#333;
	border-radius:2px 0 0 15px;
	width: 50px;
	height:169px;
	color: #fff;
	border:1px solid #333;
	font-size: 16px;
}

#navi-f:hover{ 
    background:#555;
}


#slideR dl {
	position: relative;
	right:14px;
	bottom:170px;
}

.p-ten {  
    position:relative;
	right:-106px;
	bottom:0;
}

.p-ten img{ width:95px;}

#slideR dt {
	color:#000;
	margin-left:16px;
	position:relative;
	font-size:15px;
	font-weight:600;
}

.sel{ 
  	color:#000;
	margin-left:16px;
	position:relative;
	font-size:15px;
	font-weight:600;
	margin-top:13px;
}


#slideR dd { 
    list-style:none;
	background:#fff;
	margin-left:15px;
	position:relative;
	font-size:14px;
	line-height:1em;
	white-space:nowrap;
	text-overflow: ellipsis; 
    -webkit-text-overflow: ellipsis; /* Safari用 */
    -o-text-overflow: ellipsis; /* Opera用 */
}

.ami{ color:#999;}

.menu-tx{
 height: 16em;
 margin-left:1em;
 color:#fff;
 font-size:15px;
 font-weight:700;
 padding-top:8px;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-webkit-writing-mode: vertical-rl;
 writing-mode: vertical-rl;
}

.menu-tx img{ 
 width:22px;
}

@media screen and (max-width: 1280px) {
#slideR{ top:70px; display:block; }
}

@media screen and (max-width: 1100px) {
#slideR{ display:none; }
#navi-f{ display:none; }
}

/* 予約商品の案内 */
#yoyaku-annai{ 
background-image:url("https://image.rakuten.co.jp/hana-online/cabinet/bana-/yoyaku-annai.jpg");
margin:0 auto;
width:650px;
height:720px;
position:relative;
margin-top:25px;
margin-bottom:20px;
}

.yoyaku-tx{ 
position:absolute;
font-size:17px;
color:#ffffff;
left:15px;
bottom:12px;
text-align:left;
}

.y-di{ 
font-weight:bold;
font-size:35px;
}

/* 商品レビューを見る (動的ページ) */
.FS2_ReviewButton_area{ 
border:1px solid #999;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:7px;
}

.FS2_ReviewButton_area .FS2_ReviewButton_textLink{ 
font-size:13px;
margin-top:-14px !important;
font-weight:bold;
float:right;
}

.FS2_ReviewButton_area .FS2_ReviewButton_textLink a{ 
color:#C00 !important;
margin-top:-14px !important;
text-decoration:none !important;
}
.FS2_ReviewButton_area .FS2_ReviewButton_textLink a:hover{ 
color:#333 !important;
text-decoration:underline !important;
}

/* 商品レビューを書く (動的ページ) */
.FS2_ReviewEditButton_area{
border:1px solid #999;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:55px;
}

/* お気に入りに登録 (動的ページ) */
.FS2_WishListButton_area{
border:1px solid #999;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:7px;
}

/* 友達に知らせる (動的ページ) */
.FS2_MailRecommendButton_area{
border:1px solid #999;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:7px;
}
/* お問い合わせ(動的ページ) */
.FS2_InquiryButton_area{
border:1px solid #999;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:7px;
}

/* 再入荷のお知らせ(動的ページ) */
.FS2_ArrivalInformationButton_area{
border:2px solid #039;
padding:10px;
font-size:16px;
font-weight:bold;
display:block;
margin-top:9px;
margin-bottom:7px;
}

/* 返品規約(動的ページ) */
.FS2_ReturnedSpecialContract_link{
border:1px solid #999;
padding:10px;
font-size:12px;
display:block;
margin-top:9px;
margin-bottom:7px;
}

.FS2_ReturnedSpecialContract_link a{ 
color:#333 !important;
}

.FS2_ReturnedSpecialContract_link a:hover{ 
color:#C00 !important;
}


/* メガメニュー 2017/7/11*/
#wrapper a {
  text-decoration: none;
  font-size:12px;
  color:#000;
}

* {font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}


a:hover img { opacity: 0.7; filter: alpha(opacity=80); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.fast{ border-left: 1px solid #ccc;}



/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 53px;
  margin:0 auto;
  background:url(https://image.rakuten.co.jp/hana-online/cabinet/souko/m-menu-haikei.jpg) repeat;
  border-top: #444 1px solid;
  border-bottom: #F2F2F2 6px solid;
}
#mddNav > ul {
  display: flex; /*グローバルナビゲーション横並び*/
  margin: 0 auto;
  width: 910px;
  height: 53px;
  text-align: center;
  padding-right:6px;
}
#mddNav > ul > li {
  width: 100px;
  height: 53px;
  /*border-left: #ccc 1px dotted;*/
  box-sizing: border-box;
  border-right:1px solid #ccc;
  color:#000;
  list-style:none;
}
#mddNav > ul > li a {
  color: #222;
}
#mddNav > ul > li:last-child {
  /*border-right: #ccc 1px dotted;*/
}
#mddNav > ul > li > a {
  display: block;
  height: 53px;
  line-height: 53px;
  text-align: center;
  /*border: #fff 1px solid;*/
  transition: all 0.2s linear;
}
#mddNav > ul > li:hover > a {
  background: #eee;
}
/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  /*display: none;*/
  width: 100%;
  height: auto !important;
  text-align: center;
  background: #fff;
  border-top:1px dashed #111;
  background: linear-gradient(to bottom,  #fff 0%,#efefef 100%);
  border-bottom: #aaa 1px solid;
  box-shadow: 0 2px 2px #eee;
  margin:0;
  display:none;
}
#mddNav .mddWrap .mddInner {
  margin: 0 auto;
  padding-top: 30px;
  width: 950px;
  height: 200px;
  line-height: 1.5em;
  text-align: left;
}
#mddNav .mddWrap .mddInner > .dropContent {
  display: flex;
}
#mddNav .mddWrap .mddInner > .dropContent > div {
  margin-right: 20px;
  width: 950px;
/*  float: left;*/
  border-right: #aaa 1px solid;
}
#mddNav .mddWrap .mddInner > .dropContent > div:last-child {
  margin-right: 0;
  border-right: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li {
  line-height: 1.8em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li i {
  margin-right: 0.5em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:link {
  text-decoration: underline;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:hover {
  text-decoration: none;
}

#mddNav .mddWrap .mddInner dl{
	width:950px;
	margin-left:23px;
}


#mddNav .mddWrap .mddInner dd {
  margin-bottom: 30px !important;
  line-height: 4px !important;
  margin-right:2px;
  overflow:hidden;
  margin-top:-4px !important;
  width:110px;
  margin:20px;
  float:left;
}

#mddNav .mddWrap .mddInner dd img{
	width:110px !important;
	height:90px;
	border-radius:3px;
}

#mddNav .mddWrap .mddInner p{
	text-align:center;
	font-size:12px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

#mddNav .mddWrap .mddInner a{
	color:#333 !important;
	text-decoration:none !important;
}

#mddNav .mddWrap .mddInner a:hover{
	color:#C00 !important;
	text-decoration: underline !important;
}

dd img{
  	transition: 0.5s;
}

dd img:hover{
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
}

.gaiyo{
	font-size:13px !important;
	padding-left:7px;
	padding-right:6px;
	text-align:center !important;
	padding-bottom:8px;
	border-left:3px solid #333 !important;
	padding-top:8px;
	border:1px solid #333;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:44px;
}


/*------------------------------------- */
.fa-chevron-right {
  color: #F00;
}
/*------------------------------------- */