@charset "UTF-8";
/*-----------------------リンク スピードコントロール--------------*/
#main a {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#main a img {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/*-----------------------リンク スピードコントロール end--------------*/
/*カテゴリー・レイアウトcss*/
h2 {
  margin: 0;
  padding: 0;
}

/*main-タイトル*/
#main_ttl {
  height: 150px;
  margin-bottom: 16px;
  /*  background-color: #c0c0c0;*/
}

/*main-中身*/
#main_content {
  width: 540px;
  float: left;
  /*  background-color: #c9c9c9;*/
}

/*main内-右*/
#main_sub {
  width: 170px;
  float: right;
  /*  background-color: #888;*/
}

/*ディテール*/
#cate_pnavi {
  font-size: 12px;
  line-height: 1.3;
  color: #222;
  text-align: left;
  margin-bottom: 10px;
}

#cate_pnavi a:link {
  text-decoration: none;
  color: #222;
}

#cate_pnavi a:visited {
  text-decoration: none;
  color: #222;
}

#cate_pnavi a:hover {
  text-decoration: none;
  color: #c85554;
}

/*グレー枠線　上辺なし*/
.cate_g_area {
  border-left: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 16px;
  text-align: center;
}

/*右側タイトル背景画像(4辺に枠)*/
.cate_rightt_waku4_bg {
  background-image: url(cate_img/cate_rightt_waku4_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px;
  line-height: 2.0;
  font-weight: bold;
  margin-bottom: 8px;
}

/*右側タイトル背景画像*/
.cate_rightt_bg {
  background-image: url(cate_img/cate_rightt_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px;
  line-height: 2.0;
  font-weight: bold;
  /*  margin-bottom: 10px;*/
}

.cate_right_ul {
  padding: 5px 0px 5px 0px;
  margin: 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.6px;
  list-style-type: none;
}

.cate_right_li {
  padding: 0px 0px 8px 0px;
  background-image: url(cate_img/ctp_right_li_disc.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 13px;
  color: #222;
}

.cate_right_li a:link {
  text-decoration: none;
  color: #222;
}

.cate_right_li a:visited {
  text-decoration: none;
  color: #222;
}

.cate_right_li a:hover {
  text-decoration: none;
  /*  color: #7f1e29;*/
  color: #800000;
}

/*↓大画像上用テキスト*/
.ctp_big_txt {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
  font-size: 11px;
  line-height: 1.25;
  color: #222;
  background-color: #fffce6;
}

.ctp_big_txt a:link {
  text-decoration: none;
  color: #222;
}

.ctp_big_txt a:visited {
  text-decoration: none;
  color: #222;
}

.ctp_big_txt a:hover {
  text-decoration: none;
  color: #600;
}

/*大画像 横2段*/
.ctp_big_2d {
  margin-bottom: 16px;
}

/*各画像を囲む*/
.ctp_big_2d_img {
  background-color: #f1f1f1;
  width: 265px;
}

/*大画像 横3段*/
.ctp_big_3d {
  margin-bottom: 16px;
}

/*各画像を囲む*/
.ctp_big_3d_img {
  background-color: #f1f1f1;
  width: 176px;
}

.img_menu_area {
  border-top: dashed 1px #c9c9c9;
  border-bottom: dashed 1px #c9c9c9;
  padding-top: 6px;
  /*  padding-bottom: 3px;*/
}

/*イメージメニュー*/
.img_menu {
  margin-bottom: 12px;
  /*  color: #222;*/
  text-decoration: none;
}

.img_menu a {
  cursor: pointer;
}

.img_menu a:link {
  color: #222;
  text-decoration: none;
}

.img_menu a:visited {
  color: #222;
  text-decoration: none;
}

.img_menu a:hover {
  color: #800000;
  text-decoration: none;
}

.img_menu_left {
  border: solid 1px #c9c9c9;
  text-align: center;
  background-color: #fff;
  width: 260px;
  float: left;
}

/*.img_menu_left a:link {
  color: #222; text-decoration: none;
}
.img_menu_left a:visited {
  color: #222; text-decoration: none;
}
.img_menu_left a:hover {
  color: #800000; text-decoration: none;
}*/
.img_menu_right {
  border: solid 1px #c9c9c9;
  background-color: #fff;
  width: 260px;
  float: right;
}

/*.img_menu_right a:link {
  color: #222; text-decoration: none;
}
.img_menu_right a:visited {
  color: #222; text-decoration: none;
}
.img_menu_right a:hover {
  color: #800000; text-decoration: none;
}*/
/*img+txt table 解除*/
.ch2_g_area {
  width: 260px;
  margin: 0 0 0 0;
  padding: 4px 0 4px 0;
}

.cclearfix:before, .cclearfix:after {
  content: "";
  display: table;
}

.cclearfix:after {
  clear: both;
}

.cclearfix {
  zoom: 1;
}

/* For IE 6/7 */
.ch2_g_img img {
  margin: 0 4px 0 4px;
  width: 55px;
  float: left;
}

.ch2_g_txt {
  float: right;
  width: 192px;
  margin: 0 4px 0 0;
  /*  background: #f1f1f1;*/
}

/*（注）下にキャプションがある場合*/
.img_menu_sp {
  border: solid 1px #c9c9c9;
  text-align: center;
  background-color: #fff;
  width: 260px;
}

.img_menu_ttl {
  text-align: left;
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 2px;
  text-decoration: underline;
}

.img_menu_txt {
  width: 180px;
  text-align: left;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.6px;
}

.btm8 {
  margin-bottom: 8px;
}

.btm10 {
  margin-bottom: 10px;
}

.btm16 {
  margin-bottom: 16px;
}

.btm24 {
  margin-bottom: 24px;
}

/*チャート等が入る枠*/
.cate_cht_area {
  border: solid 1px #c9c9c9;
  margin-bottom: 16px;
  /*  text-align: center;*/
}

/*ページ右側カップ型リスト*/
.ctp_cup_ul {
  width: 156px;
  text-align: left;
  padding: 0px;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  letter-spacing: -0.6px;
}

/*コーヒー右リスト*/
.ctp_cfcp_li {
  margin-bottom: 6px;
  margin-left: 2px;
  padding-left: 26px;
  padding-bottom: 6px;
  background-image: url(cate_img/ctp_cfcp_mark.gif);
  background-repeat: no-repeat;
  text-align: left;
  border-bottom: dashed 1px #c9c9c9;
}

.ctp_cfcp_li a:link {
  text-decoration: none;
  color: #222;
}

.ctp_cfcp_li a:visited {
  text-decoration: none;
  color: #222;
}

.ctp_cfcp_li a:hover {
  text-decoration: none;
  color: #7f1e29;
}

/*紅茶右 LP導線バナー*/
.lp_bnr {
  border: 1px solid #c9c9c9;
  margin: 0 0 16px;
}

.lp_bnr p {
  margin: 0;
  padding: 3px;
  text-align: left;
  font-size: 12px;
  color: #333;
}

.lp_bnr p .red a {
  color: #ff0000;
  text-decoration: underline;
}

.lp_bnr p .red a:hover {
  text-decoration: none;
  font-weight: bold;
}

/*紅茶右リスト*/
.ctp_teacp_li {
  margin-bottom: 6px;
  padding-left: 26px;
  padding-bottom: 6px;
  background-image: url(cate_img/ctp_teacp_mark.gif);
  background-repeat: no-repeat;
  text-align: left;
  border-bottom: dashed 1px #c9c9c9;
}

.ctp_teacp_li a:link {
  text-decoration: none;
  color: #333;
}

.ctp_teacp_li a:visited {
  text-decoration: none;
  color: #333;
}

.ctp_teacp_li a:hover {
  text-decoration: none;
  color: #600;
}

/*日本茶右リスト*/
.ctp_niynm_li {
  margin-bottom: 6px;
  padding-left: 26px;
  padding-bottom: 6px;
  background-image: url(cate_img/ctp_niynm_mark.gif);
  background-repeat: no-repeat;
  text-align: left;
  border-bottom: dashed 1px #c9c9c9;
}

.ctp_niynm_li a:link {
  text-decoration: none;
  color: #333;
}

.ctp_niynm_li a:visited {
  text-decoration: none;
  color: #333;
}

.ctp_niynm_li a:hover {
  text-decoration: none;
  color: #600;
}

/*健康茶右リスト*/
.ctp_keyynm_li {
  margin-bottom: 6px;
  padding-left: 26px;
  padding-bottom: 6px;
  background-image: url(cate_img/ctp_keyynm_mark.gif);
  background-repeat: no-repeat;
  text-align: left;
  border-bottom: dashed 1px #c9c9c9;
}

.ctp_keyynm_li a:link {
  text-decoration: underline;
  color: #333;
}

.ctp_keyynm_li a:visited {
  text-decoration: none;
  color: #333;
}

.ctp_keyynm_li a:hover {
  text-decoration: underline;
  color: #600;
}

/*その他的リンク（左・赤border、下グレー線）*/
.cate_etc {
  margin-top: 16px;
  border-bottom: dashed 1px #c9c9c9;
}

.cate_etc_lf {
  border-left: solid 4px #f00;
}

.cate_etc_link_txt {
  margin-left: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.3;
  color: #222;
  text-align: left;
}

.cate_etc_link_txt a:link {
  text-decoration: underline;
  color: #222;
}

.cate_etc_link_txt a:visited {
  text-decoration: underline;
  color: #222;
}

.cate_etc_link_txt a:hover {
  text-decoration: underline;
  color: #7f1e29;
}

/*右　バナースペース*/
.cate_r_bnnr {
  padding-top: 10px;
  text-align: center;
  background-color: #fffce6;
}

/*バナー1個1個*/
.cate_r_bnnr_img {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  width: 160px;
}

/*本文サイズ*/
.cate_honbun {
  font-size: 12px;
  line-height: 1.3;
  color: #222;
  letter-spacing: -0.6px;
}

.cate_honbun a:link {
  color: #222;
  text-decoration: underline;
}

.cate_honbun a:visited {
  color: #222;
  text-decoration: underline;
}

.cate_honbun a:hover {
  color: #7f1e29;
  text-decoration: underline;
}

/*小キャプション*/
.s_caption {
  font-size: 10px;
  line-height: 1.4;
  color: #333;
  letter-spacing: -0.6px;
}

/*中央タイトル背景画像(レギュラー等で使用)*/
#main_content .recot_bg {
  background-image: url(cate_img/recot_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 10px;
}

/*グレー枠線*/
.g_area_all {
  border: solid 1px #c9c9c9;
  margin-bottom: 16px;
  text-align: center;
}

#menu .g_area_all {
  padding: 5px;
}

/*中央横3並び（中央）*/
/*キャンペーン用囲み流用*/
/*左*/
.type_left {
  float: left;
  width: 170px;
  /*  margin-left: 5px;*/
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*  background-color: #f5deb3;*/
}

/*中央*/
.type_center {
  float: left;
  width: 170px;
  /*  margin-left: 10px;*/
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*  background-color: #f5deb3;*/
}

/*右*/
.type_right {
  float: left;
  width: 170px;
  /*  margin-left: 10px;*/
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*  background-color: #f5deb3;*/
}

/*キャンペーン用画像*/
.type_img {
  padding-bottom: 4px;
}

/*小見出し*/
.type_midashi {
  text-align: left;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: -0.6px;
}

.type_midashi a:link {
  color: #222;
  text-decoration: underline;
}

.type_midashi a:visited {
  color: #222;
  text-decoration: underline;
}

.type_midashi a:hover {
  color: #800000;
  text-decoration: underline;
}

/*商品バナー下見出し*/
.pdbnr_tx {
  color: #222;
  text-decoration: none;
}

.pdbnr_tx a:link {
  color: #222;
  text-decoration: none;
}

.pdbnr_tx a:visited {
  color: #222;
  text-decoration: none;
}

.pdbnr_tx a:hover {
  color: #800000;
  text-decoration: none;
}

.pdbnr_midashi {
  padding-top: 4px;
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.6px;
}

/*幅260指定*/
.width260 {
  width: 260px;
  text-decoration: none;
}

/*.width260 a:link {
  color: #222;
  text-decoration: none;
}

.width260 a:visited {
  color: #222;
  text-decoration: none;
}

.width260 a:hover {
  color: #800000;
  text-decoration: none;
}*/
/*幅176指定*/
.width176 {
  width: 176px;
}

/*「もっと見る」の表示*/
.cate_new_more {
  text-align: right;
  margin-top: 10px;
  padding-right: 10px;
  font-size: 13px;
  color: #222;
  line-height: 1.2;
}

.cate_new_more a:link {
  color: #222;
  text-decoration: underline;
}

.cate_new_more a:visited {
  color: #222;
  text-decoration: underline;
}

.cate_new_more a:hover {
  color: #7f1e29;
  text-decoration: underline;
}

/*矢印画像*/
.sst_img_sr {
  padding-right: 3px;
}

/*但し書き・※など*/
.cate_km_txt {
  text-align: left;
  font-size: 11px;
  line-height: 1.25;
  color: #222;
}

/*赤文字*/
.red {
  color: #f00 !important;
}

/*青文字*/
.blue {
  color: #00f;
}

#tea_type_mn {
  margin-bottom: 16px;
}

#tea_type_mn p {
  margin: 0px 0px 8px 0px;
  padding: 0;
}

.lr8 {
  margin-left: 8px;
  margin-right: 8px;
}

.left20 {
  margin-left: 20px;
}

.top8 {
  margin-top: 8px;
}

/*-------日本茶用（19円、大袋）-------*/
#c_ni_19yen_khs_bg {
  height: 88px;
  background-image: url(cate_ni_img/c_ni_19yen_khs_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

#c_ni_obr_bg {
  height: 88px;
  background-image: url(cate_ni_img/c_ni_obr_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

/*-----日本茶用（19円、大袋）end------*/
/*-------中央タイトルバー内2分割-------*/
.flt_l {
  float: left;
  display: inline;
  text-align: left;
}

.flt_r {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
}

.width250 {
  width: 250px;
}

.red_lk a:link {
  text-decoration: underline;
  color: #f00;
}

.red_lk a:visited {
  text-decoration: underline;
  color: #ff4a40;
}

.red_lk a:hover {
  text-decoration: underline;
  color: #f00;
}

/*-----中央タイトルバー内2分割end-----*/
/*-----大感謝フェアbg-----------*/
#dks_bg {
  /*  padding: 16px 0 8px 0;*/
  padding: 0;
  /*  padding: 0px 0 8px 0;*/
  background-color: #ffffd4;
}

/*-----大感謝フェアbg   end-----*/
/*----------ウェルネスティーで使用--------------*/
.link_red a:link {
  color: #f00;
  text-decoration: underline;
}

.link_red a:visited {
  color: #f00;
  text-decoration: underline;
}

.link_red a:hover {
  color: #f00;
  text-decoration: underline;
}

.c_ke_ssn_tbl {
  text-align: right;
  font-size: 12px;
  line-height: 1.5;
  color: #222;
}

.c_ke_ssn_area {
  width: 260px;
  text-align: left;
  margin-bottom: 8px;
}

.c_ke_ssn_tbl a:link {
  color: #222;
  text-decoration: none;
}

.c_ke_ssn_tbl a:visited {
  color: #333;
  text-decoration: none;
}

.c_ke_ssn_tbl a:hover {
  color: #333;
  text-decoration: underline;
}

.c_ke_ssn_btn {
  /*  text-align: right;*/
  text-align: left;
}

#c_ke_10wari_bg {
  background-image: url(/top/cate_ke_img/c_ke_10wari_btm_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 6px;
  margin-bottom: 8px;
}

p.h_c_ke_mokuteki {
  margin: 10px 0 8px;
}

.h_c_ke_cntn_01 {
  margin: 8px 0;
}

/*----------ウェルネスティーで使用 end--------------*/
/*-------------------日本茶で使用-------------------*/
/*中央カラム　画像(w)横2並び　下にテキスト*/
.wpdtxt_area {
  width: 510px;
  margin: 8px auto 0px auto;
}

.wpd_w250_l {
  width: 250px;
  float: left;
  display: inline;
  text-align: left;
  margin-bottom: 8px;
}

.wpd_w250_l img {
  margin-bottom: 4px;
}

.wpd_w250_r {
  width: 250px;
  float: right;
  display: inline;
  text-align: left;
  margin-bottom: 8px;
}

.wpd_w250_r img {
  margin-bottom: 4px;
}

/*----------大袋----------*/
#c_ni_obr_bg {
  background-image: url(/top/cate_ni_img/c_ni_obr_1410g_02_bg.jpg);
  background-position: center bottom;
  height: 256px;
}

/*-------大袋 end---------*/
/*-----------------日本茶で使用 end-----------------*/
/*-----------------ランキングで使用-----------------*/
/*グレー枠線　上辺なし*/
.g_area {
  border-left: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 16px;
  text-align: center;
}

.cate_rank_lead {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.3;
}

.cate_rank_area {
  margin-left: auto;
  margin-right: auto;
  width: 152px;
  margin-top: 10px;
}

.cate_rank_area p {
  margin: 0px 2px 4px 2px;
  padding: 0;
}

.cate_side_svc_border {
  border-bottom: solid 1px #c9c9c9;
}

.cate_ranknb {
  margin-right: 10px;
}

.cate_ssttxt {
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -1px;
  padding-left: 4px;
  margin: 8px 0px 8px 0px;
}

#main_sub .cate_ssttxt p a:link, .bl a:link {
  color: #222;
  letter-spacing: -1px;
  text-decoration: underline;
}

#main_sub .cate_ssttxt a:visited, .bl a:visited {
  color: #222;
  letter-spacing: -1px;
  text-decoration: underline;
}

#main_sub .cate_ssttxt a:hover, .bl a:hover {
  color: #800000;
  letter-spacing: -1px;
  text-decoration: underline;
}

/*-----------------ランキングで使用end-----------------*/
/*---------グリーンティーシリーズ使用--------------*/
.set_lef {
  width: 265px;
  float: left;
  border: 1px solid #c9c9c9;
}

.set_rig {
  width: 265px;
  float: right;
  border: 1px solid #c9c9c9;
}

.set_kakaku_lef {
  float: left;
  margin-bottom: 3px;
}

.set_kakaku_rig {
  float: right;
  border-left: 1px solid #c9c9c9;
  margin-bottom: 3px;
}

.tk_gr_txt {
  width: 542px;
  text-align: left;
  background-image: url("cate_gr_img/c_gr_teiki_cen.gif");
  background-repeat: repeat-y;
}

.tk_gr_txt p {
  margin: 0px;
  padding: 5px 15px;
  font-size: 13px;
  line-height: 1.5;
  color: #333333;
}

.tk_gr_teiki_btn {
  text-align: center;
  margin: 0px auto;
}

.tk_gr_txt_att {
  background-color: #f6de66;
}

.tk_gr_txt ul {
  margin: 0px 30px 15px 30px;
  padding: 0px;
  list-style-image: url("cate_gr_img/tk_gr_list_icon.gif");
  font-size: 11px;
  line-height: 1.6;
  color: #333;
}

.tk_gr_txt li {
  margin: 0px;
  padding: 0px;
}

.tk_gr_txt a:link {
  text-decoration: none;
  color: #333;
  border-bottom: 1px dotted #333;
  font-size: 12px;
}

.tk_gr_txt a:visited {
  text-decoration: none;
  color: #333;
  border-bottom: 1px dotted #333;
}

.tk_gr_txt a:hover {
  text-decoration: none;
  color: #666;
  border-bottom: 1px solid #333;
}

/*---------/グリーンティーシリーズ使用--------------*/
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* hide mac ie \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.clear {
  clear: both;
}

/* end */
/*--------------価格改定リンク(201411月より掲載)--------------*/
#kakaku_msg2014w {
  border: dotted 2px #a5a5a5;
  margin: 0px 0px 16px 0px;
  font-size: 12px;
  line-height: 1.5;
  color: #222;
  text-align: left;
}

#kakaku_msg2014w p {
  margin: 5px;
}

#kakaku_msg2014w a:link {
  text-decoration: underline;
  color: #0033ff;
}

#kakaku_msg2014w a:visited {
  text-decoration: underline;
  color: #0033ff;
}

#kakaku_msg2014w a:hover {
  text-decoration: underline;
  color: #800000;
}

.kakaku_msg2014w_2txt {
  margin: 2px 5px 5px 5px;
  font-size: 11px;
  line-height: 1.4;
}

/*--------------価格改定リンク(201411月より掲載)end--------------*/
/*------------------------別スタイル ランキング表示 ----------------------*/
/*タイトル背景画像*/
#cate_rank_recot_bg_up {
  background-image: url(/top/cate_img/cate_rank_recot_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 30px;
  font-size: 14px;
  line-height: 2.1;
  font-weight: bold;
  /*  margin-bottom: 4px;*/
}

#cate_rank_area {
  background-image: url(/top/cate_img/cate_rank_bg.gif);
  background-repeat: repeat-y;
  line-height: 1.2;
}

#cate_rank_area a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#cate_rank_area a:link {
  text-decoration: none;
  color: #222;
}

#cate_rank_area a:visited {
  text-decoration: none;
  color: #222;
}

#cate_rank_area a:hover {
  text-decoration: none;
  color: #800000;
}

#cate_rank_area p {
  margin: 0;
  padding: 0;
}

#cate_rank_l {
  float: left;
  display: inline;
  width: 200px;
  padding: 3px 0px 3px 0px;
  /*  background: #f1f1f1;*/
  /*仮の高さ*/
  height: 250px;
}

#cate_rank_r {
  float: right;
  display: inline;
  width: 330px;
  /*  background: #f1f1f1;*/
}

/*左商品名*/
.cate_rank_l_pdn {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 5px;
  text-decoration: underline;
  width: 100%;
}

/*右商品名*/
.cate_rank_r_pdn {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px;
  text-decoration: underline;
  width: 100%;
}

.cate_rank_r_l {
  float: left;
  display: inline;
  width: 160px;
  padding: 3px 0px 3px 0px;
  /*  background: #f1f1f1;*/
}

.cate_rank_r_r {
  float: right;
  display: inline;
  width: 160px;
  padding: 3px 0px 3px 0px;
  /*  background: #f1f1f1;*/
}

/*左商品 価格*/
.cate_rank_l_pr {
  margin: 0px 0px 3px 0px;
  font-size: 18px;
  font-weight: bold;
}

.cate_rank_l_pr span {
  color: #222;
  font-size: 10px;
}

/*右商品 価格*/
.cate_rank_r_pr {
  margin: 0px 0px 2px 0px;
  font-size: 14px;
  font-weight: bold;
}

.cate_rank_r_pr span {
  color: #222;
  font-size: 9px;
}

.cate_rank_l_txt {
  padding: 0px 4px 0px 4px;
  font-size: 13px;
  color: #222;
}

/*------------------------別スタイル ランキング表示 end-------------------*/
/*------------------------日本茶　大袋背景start-------------------*/
.c_ni_obr_btm {
  width: 540px;
  height: 23px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 12px;
  background: url("cate_ni_img/c_ni_obr_btm.gif");
  background-repeat: no-repeat;
}

/*------------------------日本茶　大袋背景end-------------------*/
/*-----------------健康・美容 カフェサプリ 単品start---------------*/
/*テーブルの線*/
.spl_tbl {
  border-top: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
}

/*.spl_tbl td {
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}*/
.spl_tbl_td_l {
  border-left: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}

.spl_tbl_td_r {
  border-left: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}

.spl_tbl a:link {
  color: #222;
  text-decoration: none;
}

.spl_tbl a:visited {
  color: #222;
  text-decoration: none;
}

.spl_tbl a:hover {
  color: #800000;
  text-decoration: none;
}

.spl_menu_td {
  padding-top: 5px;
}

.spl_tbl_s {
  margin: 5px 0 5px 0;
}

.spl_tbl_s img {
  margin: 0 0 0 5px;
}

/*-----------------健康・美容 カフェサプリ 単品end---------------*/
/*------------------------ブロック要素にリンクstart-------------------*/
.bl {
  display: block;
  cursor: pointer;
}

.bl_f {
  cursor: pointer;
  display: block;
  width: 100%;
  /*  height: 100%;*/
}

.bl_w {
  cursor: pointer;
  display: block;
  width: 100%;
}

/*------------------------ブロック要素にリンクend-------------------*/
/*------------------------footer 余白調整-------------------*/
#footer_pc_common {
  padding-bottom: 12px !important;
}

/*------------------------footer 余白調整 end-------------------*/
/* 並び共通(2つ、3つ) ____________________ */
.pd_2d .waku_grey,
.pd_3d .waku_grey {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.pd_2d .pd_min_block_lef,
.pd_3d .pd_min_block_lef {
  float: left;
  width: 53px;
  text-align: center;
}

.pd_2d .pd_min_block_lef img,
.pd_3d .pd_min_block_lef img {
  margin: 0 0 0 5px;
}

.pd_2d .pd_min_block_rig,
.pd_3d .pd_min_block_rig {
  float: right;
  padding-right: 5px;
  text-align: right;
  line-height: 1.2;
  padding-bottom: 5px;
}

.pd_2d .pd_min_block_ttl,
.pd_3d .pd_min_block_ttl {
  padding-left: 5px;
}

.pd_2d .pd_min_block_ttl p,
.pd_3d .pd_min_block_ttl p {
  width: 100%;
}

.pd_2d .discount,
.pd_3d .discount {
  font-size: 13px;
}

.pd_2d .price,
.pd_3d .price {
  font-weight: bold;
}

.pd_2d .icon_mark,
.pd_3d .icon_mark {
  margin: 0 5px 0 0;
}

.pd_2d .icon_mark_area,
.pd_3d .icon_mark_area {
  margin: 2px 0;
  text-align: right;
}

.pd_2d .icon_mark_area .icon_mark,
.pd_3d .icon_mark_area .icon_mark {
  margin: 0 0 0 5px;
}

.pd_2d ul,
.pd_3d ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.pd_2d li,
.pd_3d li {
  float: left;
  margin-bottom: 10px;
  list-style: none;
}

.pd_2d li a,
.pd_3d li a,
.pd_min_block {
  display: block;
  text-decoration: none;
}

/*リンク テキストデザイン*/
.pd_2d a:link,
.pd_3d a:link,
.pd_min_block a:link {
  color: #222;
  text-decoration: none;
}

.pd_2d a:visited,
.pd_3d a:visited,
.pd_min_block a:visited {
  color: #222;
  text-decoration: none;
}

.pd_2d a:hover,
.pd_3d a:hover,
.pd_min_block a:hover {
  color: #800000;
  text-decoration: none;
}

.pd_2d li:hover,
.pd_3d li:hover,
.pd_min_block li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pd_2d li:nth-child(even),
.pd_3d li:nth-child(even) {
  margin-right: 0;
}

.pd_2d li p,
.pd_3d li p,
.pd_min_block li p {
  text-align: left;
  float: left;
  color: #ed6966;
  font-weight: bold;
  line-height: 1.2;
  margin: 5px 0;
  padding: 0;
}

.pd_2d li img,
.pd_3d li img {
  float: left;
}

/* 2つ並び ____________________ */
.pd_2d li {
  width: 263px;
  margin-right: 12px;
}

.pd_2d li img {
  height: 53px;
  margin: 5px;
}

.pd_2d li p {
  font-size: 16px;
}

/* 3つ並び ____________________ */
.pd_3d li {
  width: 170px;
  margin-right: 12px;
}

.pd_3d li img {
  height: 53px;
  margin: 5px 0;
}

.pd_3d li p {
  font-size: 15px;
}

/*グレー枠　背景白*/
.waku_grey {
  background-color: #FFF;
  border: 1px solid #c9c9c9;
  width: 100%;
}

/*画像横テキストのスタイル*/
.image_center, .text_center {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  /*display: inline;
	zoom: 1;*/
}

.text_min {
  font-size: 12px;
  text-align: left;
  margin: 0 8px 8px 8px;
}

/* 目的別
========================================================================== */
.mokuteki_area img {
  height: 42px !important;
}

.icon_ttl .icon_ttl_img {
  width: 15%;
  float: left;
}

.icon_ttl .icon_ttl_img img {
  width: 100%;
  height: auto;
}

.icon_ttl .name {
  float: left;
  width: 85%;
  padding-left: 5px;
}

/* ランキング
========================================================================== */
/*全体囲み*/
.rank_area {
  line-height: 1.2;
  display: flex;
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
}

.rank_area p {
  font-size: 14px;
}

.rank_min2_area {
  display: flex;
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
}

.rank_min2_area:first-child {
  margin-bottom: 10px;
}

.rank_min2 {
  margin-left: 10px;
}

/*枠の中*/
.rank_area_left a {
  display: block;
  padding: 10px;
  height: 93%;
}

.rank_area_right .waku_grey {
  display: block;
  padding: 5px;
}

.rank_area_left .waku_grey:hover,
.rank_area_right .waku_grey:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

/*左（1位）*/
.rank_area_left {
  float: left;
  width: 40%;
  /*	padding-right: 15px;*/
}

/*右（2,3,4,5位）*/
.rank_area_right {
  float: right;
  width: 60%;
}

/*ランキング表示と画像*/
.rank_img-no1_area {
  height: 145px;
}

.rank_img-no1_area .rank_num_area .discount_mark,
.rank_img-no1_area .rank_num_area .premium_mark {
  margin-left: 8px;
}

.rank_img_area {
  height: 85px;
}

.rank_num_area {
  float: left;
  width: 30%;
}

.rank_num_area .discount_mark,
.rank_num_area .premium_mark {
  margin-bottom: 5px;
}

.rank_img {
  width: 70%;
  float: right;
}

.rank_img img {
  width: 100%;
}

.rank_area_right .rank_img img {
  width: 80%;
}

.rank_no1_ttl {
  font-size: 20px;
  color: #DAA520;
}

/*1位*/
.rank_no2_ttl {
  font-size: 15px;
  color: #6D6962;
}

/*2位*/
.rank_no3_ttl {
  font-size: 15px;
  color: #f07800;
}

/*3位*/
.rank_no4_ttl, .rank_no5_ttl {
  font-size: 15px;
  color: #e3a986;
}

/*4,5位*/
.rank_no1_ttl,
.rank_no2_ttl,
.rank_no3_ttl,
.rank_no4_ttl,
.rank_no5_ttl {
  margin-bottom: 3px;
}

.rank_no1_ttl i {
  margin-bottom: 5px;
}

.rank_no2_ttl i,
.rank_no3_ttl i,
.rank_no4_ttl i,
.rank_no5_ttl i {
  margin-bottom: 2px;
}

/*10・5割マーク*/
.discount_mark {
  background: #f00087;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  text-align: center;
}

.discount_mark p {
  color: #FFF;
  font-size: 14px;
  line-height: 0.9;
  position: absolute;
  top: 9px;
  left: 5px;
  margin: 0;
  padding: 0;
}

.discount_mark b {
  font-size: 18px;
}

/*プレミアムマーク*/
.premium_mark {
  background: #FFF;
  border: 1px solid #8c6239;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  text-align: center;
}

.premium_mark p {
  color: #8c6239;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  top: 7px;
  left: 12px;
  margin: 0;
  padding: 0;
}

.rank_img-no1_area .discount_mark {
  margin: 5px 0 0 0;
}

/*1敗19円マークの場合*/
.s19yen {
  margin-bottom: 5px;
}

/*リンク テキストデザイン*/
.rank_area a:link {
  color: #222;
  text-decoration: none;
}

.rank_area a:visited {
  color: #222;
  text-decoration: none;
}

.rank_area a:hover {
  color: #800000;
  text-decoration: none;
}

/* ドリップバッグ　リーフ連動タイトル
========================================================================== */
/*全体*/
.leaf_icon_area {
  text-align: left;
}

.leaf_icon_area .toku {
  color: #e50012;
}

.leaf_icon_area .free {
  color: #e52d8a;
}

.leaf_icon_area .pre {
  color: #5f1985;
}

.leaf_icon_area .greentea {
  color: #006934;
}

.leaf_icon_area .leaf_ttl_toku {
  border-bottom: 1px solid #e50012;
}

.leaf_icon_area .leaf_ttl_free {
  border-bottom: 1px solid #e52d8a;
}

.leaf_icon_area .leaf_ttl_pre {
  border-bottom: 1px solid #5f1985;
}

.leaf_icon_area .leaf_ttl_greentea {
  border-bottom: 1px solid #006934;
}

/*タイトル*/
.leaf_ttl h3,
.leaf_ttl p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.leaf_ttl p {
  font-size: 14px;
  color: #666666;
}

.leaf_ttl {
  background-color: #efefef;
  padding: 10px 0 8px 0;
}

.leaf_ttl_icon {
  float: left;
  margin: -16px 10px 0 10px;
}

/*背景*/
.grey_bg {
  background-color: #efefef;
  padding-top: 10px;
  margin-bottom: 20px;
}

.icon_no {
  height: 21px;
}

/*ピックアップ枠　基盤デザイン
========================================================================== */
.pickup_area {
  padding: 0 0 10px 0;
}

.pickup_area .child {
  width: 30%;
  padding: 10px;
  background: #FFF;
  position: relative;
  flex-direction: column;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.pickup_area .child:nth-child(even) {
  margin: 0 0 0 10px;
}

.pickup_area .child a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.pickup_area .child:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pickup_area .none {
  border: 0;
  width: 32%;
  padding: 10px;
  /*			background-color: none!important;*/
}

.pickup_area .grand-child {
  width: 100%;
}

.pickup_area .flex {
  display: flex;
}

.pickup_area .flex2 {
  display: flex;
  padding: 0 10px;
}

.pickup_area .flex .child,
.pickup_area .flex .none,
.pickup_area .flex2 .child,
.pickup_area .flex2 .none {
  display: flex;
  flex: 1 0 auto;
  /* fix IE11 */
}

.pickup_area .flex .grand-child-ttl,
.pickup_area .flex2 .grand-child-ttl {
  display: flex;
  flex: 1 0 auto;
  /* fix IE11 */
  /*				flex-direction: column;*/
}

/* 商品ブロック　中身 ____________________ */
.block {
  background-color: #FFF;
  border: 1px solid #c9c9c9;
  width: 50%;
  display: inline-block;
}

.card_img_area {
  float: left;
}

.card_txt_area {
  float: right;
  line-height: 1.2;
  text-align: right;
}

.card_txt_area .mark {
  float: right;
  margin-left: 5px;
  margin-bottom: 10px;
}

.card {
  text-align: left;
  line-height: 2;
  /* 商品中身 */
}

.card a {
  text-decoration: none;
}

.card .name {
  color: #000;
  font-size: 17px;
  line-height: 1.2;
}

.card .caption {
  font-size: 13px;
  color: #999999;
  margin-bottom: 5px;
  line-height: 1.2;
  margin-top: 3px;
}

.card .total {
  font-size: 12px;
}

.card .special_price {
  font-size: 12px;
}

.card .price {
  font-size: 18px;
  color: #ed1c24;
  font-weight: bold;
}

.card .price_black {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.card img {
  max-width: 117px;
}

/*ミニアイコンマーク　NEW　季節限定　期間限定 ____________________ */
.icon_mark {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0 5px;
  margin-right: 5px;
}

/*マーク*/
.new_icon {
  background-color: #ff9900;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
}

.time_icon {
  border: 1px solid #ff7900;
  color: #ff7900;
  font-size: 11px;
  font-weight: bold;
}

.season_icon {
  border: 1px solid #6ab04c;
  color: #6ab04c;
  font-size: 11px;
  font-weight: bold;
}

.deep_icon {
  border: 1px solid #007348;
  background-color: #007348;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.tm_icon {
  border: 1px solid #eb4d4b;
  color: #FFF;
  background-color: #eb4d4b;
  font-size: 11px;
  font-weight: bold;
}

.free_icon {
  border: 1px solid #f00087;
  color: #FFF;
  background-color: #f00087;
  font-size: 11px;
  font-weight: bold;
}

.gift_box_icon {
  border: 1px solid #d1ab14;
  color: #FFF;
  background-color: #d1ab14;
  font-size: 11px;
  font-weight: bold;
}

.free_first_icon {
  border: 1px solid #f00087;
  color: #FFF;
  background-color: #f00087;
  font-size: 11px;
  font-weight: bold;
}

/*太字ピンク*/
.att_pink {
  color: #f00087;
  font-weight: bold;
}

/*テキストリスト表示 ____________________ */
.text_list_area ul {
  margin: 10px 0;
  padding: 0;
  border-right: 1px solid #c9c9c9;
}

.text_list_area li {
  margin: 5px;
  padding: 8px 10px;
  width: 44%;
  float: left;
  list-style: none;
  border: 1px solid #c9c9c9;
  /*		&:nth-child(even){
			border: 0;
		}*/
}

.text_list_area li a {
  display: block;
  text-decoration: none;
}

.text_list_area li :hover {
  background-color: gold;
}

.text_list_area li li {
  width: 100%;
  padding: 0;
  margin: 0;
}

.text_list_area li .pd_link, .text_list_area li .spd_r_txt {
  margin: 0;
}

.text_list_area li .spd_wset a {
  padding: 5px;
}

.text_list_area .text_list_block a {
  display: block;
}
