@charset "Shift_JIS";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);
@import "gourmand.css";
body {
  font: 14px/1.75 Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial,
    Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI",
    "Meiryo", sans-serif;
  color: #000;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a,
a:link,
a:active,
a:hover {
  color: #000;
}

a:hover {
  opacity: 0.7;
  transition: all 0.25s ease-out;
}

p {
  margin: 10px 0;
}

img {
  vertical-align: middle;
}

.bold {
  font-weight: bold;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

input {
  /*
	display: inline-block;
	box-sizing: content-box;
	padding: 0 10px;
	min-height: 38px;
	border-radius: 3px;
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	line-height: 38px;
	vertical-align: middle;
*/
  font: 14px/1.75 Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto,
    "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo",
    sans-serif;
}

button {
  font: 14px/1.75 Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial,
    Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI",
    "Meiryo", sans-serif;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  border-radius: 0;
  border: 0;
  outline: 0;
  background: #fff;
  vertical-align: middle;
  font: 14px/1.75 Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial,
    Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI",
    "Meiryo", sans-serif;
  font-size: inherit;
  color: inherit;
}

/* ---------- for magnific popup ---------- */

.mfp-content {
  z-index: 9500 !important;
}
.mfp-wrap {
  z-index: 9300 !important;
}

/* ---------- for old ver ---------- */

.formdetail_ select,
.delivery_ .method_box_content_ select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 0 10px;
  min-height: 40px;
  line-height: 28px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.formlist_.birth_ select,
table.card_ select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
  padding: 5px 0 5px 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  width: auto;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

div.StyleD_Frame_ div.detail_ div.spec_ select,
div.StyleC_Frame_ div.detail_ div.spec_ select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
  padding: 5px 0 5px 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  width: auto;
  max-width: 540px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
div.StyleD_Frame_ div.detail_ div.cart_,
div.StyleC_Frame_ div.detail_ div.cart_ {
  position: static;
}

/* ---------- for old ver end ---------- */

li:last-child a {
}

.attention {
  color: #c33;
}

a.attention,
a.attention:link,
a.attention:active,
a.attention:hover {
  color: #c33;
}

.catchphrase {
  color: #d03355;
}

a.catchphrase,
a.catchphrase:link,
a.catchphrase:active,
a.catchphrase:hover {
  color: #d03355;
}

.exclusion {
  color: #666;
}

a.exclusion,
a.exclusion:link,
a.exclusion:active,
a.exclusion:hover {
  color: #d03355;
}

.marker-yellow {
  background: #ffff99;
  padding: 0 0.25em;
}

.reset_org,
.reset-org {
  position: relative;
}

.clr_fix {
  overflow: hidden;
}

.clr_float {
  clear: both;
}

.align_l {
  text-align: left;
}

.align_c {
  text-align: center;
}

.align_r {
  text-align: right;
}

.br_before::before {
  content: "\A";
  white-space: pre;
}

.hide_text {
  margin: 0 !important;
  padding: 0 !important;
  height: 10px !important;
  overflow: hidden !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
}

.link_test {
  background: #000;
  opacity: 50%;
}

.no_indent {
  text-indent: 0 !important;
}

.underline {
  text-decoration: underline !important;
}

.no_underline {
  text-decoration: none !important;
}

.no_padding {
  padding: 0 !important;
}

.no_border {
  border: none !important;
}

.inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.tip {
  position: absolute;
  display: none;
}

.tip_inner {
  border-radius: 50px;
  border-radius: 50px;
  background: #806e6f;
  overflow: hidden;
}

.tip a {
  display: block;
  padding: 5px 10px;
  color: #fff;
}

.tip .border_arrow_up {
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #806e6f;
}

.tip .border_arrow_down {
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid #806e6f;
}

.tip .border_arrow_left {
  left: 20px;
}

.tip .border_arrow_right {
  right: 20px;
}

.col2 {
  display: block;
  width: 50%;
  box-sizing: border-box;
}
.col3 {
  display: block;
  width: 33%;
  box-sizing: border-box;
}
.col4 {
  display: block;
  width: 25%;
  box-sizing: border-box;
}
.col5 {
  display: block;
  width: 20%;
  box-sizing: border-box;
}

.side_l,
.side_r {
  overflow: hidden;
}
.side_l > * {
  display: block;
  float: left;
}
.side_r > * {
  display: block;
  float: right;
}

.adj_l,
.float-left {
  display: block;
  float: left;
}
.adj_r,
.float-right {
  display: block;
  float: right;
}

.font_s {
  font-size: 13px;
}
.font_ss {
  font-size: 12px;
}
.font_xs {
  font-size: 11px;
}

.font_n {
  font-size: 14px;
}

.font_l {
  font-size: 15px;
}
.font_ll {
  font-size: 16px;
}
.font_xl {
  font-size: 18px;
}

.bold {
  font-weight: bold;
}

.f11 {
  font-size: 11px !important;
}
.f12 {
  font-size: 12px !important;
}
.f13 {
  font-size: 13px !important;
}
.f14 {
  font-size: 14px !important;
}
.f15 {
  font-size: 15px !important;
}
.f16 {
  font-size: 16px !important;
}
.f17 {
  font-size: 17px !important;
}
.f18 {
  font-size: 18px !important;
}
.f19 {
  font-size: 19px !important;
}
.f20 {
  font-size: 20px !important;
}
.f21 {
  font-size: 21px !important;
}
.f22 {
  font-size: 22px !important;
}
.f23 {
  font-size: 23px !important;
}
.f24 {
  font-size: 24px !important;
}
.f26 {
  font-size: 26px !important;
}
.f28 {
  font-size: 28px !important;
}
.f30 {
  font-size: 30px !important;
}

.color_brand {
  color: #66b333;
}

.checkbox {
  display: none;
}

.toggle_switch {
  overflow: hidden;
  border-radius: 3px;
}
.toggle_switch > * {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
.toggle_switch > a {
  text-decoration: none;
}

.ic_before,
.ic-before {
  margin-right: 0.3em;
}

.ic_after,
.ic-after {
  margin-left: 0.5em;
}

.ionicon {
  position: relative;
  margin: 0 8px 0 0;
  vertical-align: middle;
  font-family: "Ionicons";
}

.ic_checkbox {
  position: relative;
  margin: 0 8px 0 0;
  cursor: pointer;
}

.ic_checkbox:before {
  content: "\f372";
  vertical-align: middle;
  font-family: "Ionicons";
  font-size: 24px;
  color: #ddd;
}

.checkbox:checked + .ic_checkbox:before {
  content: "\f374";
  color: #66b333;
}

.ic_close:before {
  content: "\f2d7";
}

.ic_prev:before {
  content: "\f3d2";
}

.ic_next:before {
  content: "\f3d3";
}

.ic_up:before {
  content: "\f3d8";
}

.ic_down:before {
  content: "\f3d0";
}

.btn_addcart {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}

.btn_addcart:hover {
  background: #66b333;
  color: #fff;
}

.btn_base {
  height: 40px;
  padding: 0 1em;
  line-height: 40px;
}

.btn_green,
.btn_brand {
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  background: #66b333;
  text-align: center;
  color: #fff !important;
  cursor: pointer;
}

.btn_green:hover,
.btn_brand:hover {
  background: #66b333;
}

.btn_white,
.btn_common {
  display: block;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.box_blank {
  margin: 20px 0;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}

.box_message {
  margin: 20px 0;
  padding: 10px;
  background: #f6f6f4;
  border-radius: 5px;
}

.box_attention {
  margin: 20px 0;
  padding: 10px;
  background: #f7eded;
  border-radius: 5px;
}

.box_safe {
  margin: 20px 0;
  padding: 10px;
  background: #eaf6ea;
  border-radius: 5px;
}

.box_hint {
  margin: 20px 0;
  padding: 10px;
  background: #faf3e6;
  border-radius: 5px;
}

.box_frame {
  margin: 20px 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.box_attention.box_frame {
  border: 1px solid #e9cfcf;
}

.box_safe.box_frame {
  border: 1px solid #cadcca;
}

.box_hint.box_frame {
  border: 1px solid #e9dbbe;
}

.dial_number {
  font-family: "Ubuntu";
  color: #400;
}

.link_moreview {
  padding: 0 10px;
}

#tab_lineup .link_moreview {
  /* for release */
  display: none;
}

.ad_tag {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 45px;
  height: 18px;
  top: 10px;
  left: 10px;
  line-height: 18px;
  text-align: center;
  font-size: 13px;
}

.ad_tag.new {
  background: #c30;
  color: #fff;
}

.ad_tag.pick {
  background: #d03355;
  color: #fff;
}

.ad_tag.end {
  background: #f6f6f4;
  border: 1px solid #ddd;
}
.ad_tag.few {
  color: #fff;
  background-color: orange;
  font-size: 0.8em;
  letter-spacing: -0.1em;
}

/* for slick slider */

.slick-arrow {
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

/*  Page Header  */

.area_modesp {
  display: none;
  padding: 20px 0;
  background: #f1f1f1;
}
.btn_modesp {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 36px;
}

.area_topbar {
  min-height: 5px;
  background: #e3e9d6;
}

.ad_top {
  width: 100%;
  /*position: fixed;*/
  overflow: hidden;
  z-index: 7000;
}

.ad_top a {
  display: block;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -1280px;
}

.ad_top a:hover {
  opacity: 1 !important;
}

#header {
  position: relative;
  height: 265px;
  margin: 0 0 10px;
}

#logo_lupicia {
  display: block;
  position: absolute;
  width: 160px;
  height: 160px;
  top: 50px;
  left: 0;
}

#nav_site {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.nav_site_each {
  display: block;
  height: 40px;
  border-radius: 0 0 3px 3px;
  line-height: 40px;
  text-align: center;
}

#nav_site_top {
  width: 100px;
}

#nav_site_lupicia a:hover,
#nav_site_lupicia.current {
  background: #e3e9d6;
  opacity: 1;
}

#nav_site_gourmand a:hover,
#nav_site_gourmand.current {
  background: #f5e7e7;
  opacity: 1;
}

#nav_site_bonmarche a:hover,
#nav_site_bonmarche.current {
  background: #ebe2e2;
  opacity: 1;
}

#ic_site_top {
  font-size: 18px;
}

#nav_member {
  display: block;
  position: absolute;
  top: 5px;
  right: 160px;
}

#nav_member li {
  height: 50px;
  line-height: 50px;
}

#nav_member a {
  padding: 0 10px;
  border-right: 1px solid #999;
}

#nav_member li:last-child a {
  border: none;
}

#btn_cart_main {
  position: absolute;
  width: 150px;
  height: 50px;
  top: 5px;
  right: 0;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

#aside_guide {
  display: block;
  position: absolute;
  left: 180px;
  top: 90px;
}

#aside_guide a {
  display: inline-block;
  padding: 0 15px;
  height: 50px;
  border-right: 1px solid #ddd;
  line-height: 50px;
  font-size: 15px;
}

#aside_guide li:last-child a {
  border: none;
}

#dial_top {
  display: block;
  position: absolute;
  padding: 0 10px;
  width: 330px;
  height: 100px;
  box-sizing: border-box;
  top: 80px;
  right: 0;
  background: url("../img/bg_daial_top.png") no-repeat right 0;
}

#dial_top em {
  display: block;
  margin: -5px 0 0 20px;
  color: #420402;
  font-size: 11px;
  font-weight: normal;
}

#dial_top .dial_number {
  display: block;
  position: absolute;
  top: 45px;
  left: 40px;
  font-size: 32px;
}

#attent_shipping {
  display: block;
  position: absolute;
  top: 140px;
  left: 180px;
  font-size: 15px;
  font-weight: bold;
}

#attent_eco {
  display: block;
  position: absolute;
  top: 165px;
  left: 180px;
  font-size: 15px;
  background: #f7eded;
  padding: 2px 10px;
}

#attent_eco a {
  display: block;
  color: #d03355 !important;
  text-decoration: underline;
}

#area_search {
  position: absolute;
  width: 100%;
  height: 44px;
  top: 210px;
  left: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1;
  line-height: 44px;
}

.search_hl {
  display: inline-block;
  width: 190px;
  padding: 0 0 0 10px;
  border: none;
  font-weight: bold;
}

#box_search_category,
#box_search_keyword,
#btn_search,
#btn_search_detail {
  display: block;
  position: absolute;
  padding: 0 10px;
  min-height: 38px;
  border-radius: 3px;
  border: 1px solid #ddd;
  line-height: 38px;
}

#box_search_category {
  width: 203px;
  top: 2px;
  left: 240px;
  background: #fff;
  overflow: hidden;
}

#select_category {
  display: block;
  position: absolute;
  padding: 0 10px;
  width: 240px;
  height: 38px;
  background: transparent;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 100;
}

#select_category + .ic_down {
  position: relative;
  z-index: 0;
}

#box_search_category .ic_down {
  position: absolute;
  top: 10px;
  left: 205px;
  font-size: 18px;
  line-height: 1;
}

#box_search_keyword {
  width: 398px;
  top: 2px;
  left: 470px;
  font-weight: normal;
  font-size: 14px;
}

#btn_search {
  width: 100px;
  top: 2px;
  right: 110px;
  border-left: none;
  border-radius: 0 3px 3px 0;
}

#btn_search_detail {
  width: 100px;
  top: 2px;
  right: 5px;
}

/*  Page Container */
.container_inner_ {
  padding: 0 0 120px;
}

#container {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

#nav_breadbrumb {
  position: relative;
  margin-top: -40px;
  height: 40px;
  line-height: 40px;
}

.list_breadbrumb {
  font-size: 13px;
  color: #666;
}

.breadbrumb_each {
  display: inline;
  margin: 0 5px;
}

.breadbrumb_each a {
  text-decoration: none !important;
  color: #666;
}

/*  Header mouseover */

#nav_site {
  width: 100%;
}

.comment_area_content .col {
  width: 512px;
  overflow: hidden;
}

.category {
  display: inline-block;
}

.category_btn li {
  margin: 2px 5px 5px 0;
}

.category_btn li:nth-child(3n) {
  margin: 2px 0 5px;
}

#nav_site .category_btn li {
  display: inline-block;
}
/*-----LUPICIA@ƒIƒ“ƒ‰ƒCƒ“ƒXƒgƒA-------------------------------*/
#nav_site .comment_area {
  list-style: none;
  position: relative;
  width: 100px;
}
#nav_site .comment_area a {
  display: block;
  text-decoration: none;
}

.comment_area_inner {
  /*Žq*/
  position: relative;
  display: none;
  overflow: hidden;
  width: 530px;
  height: 380px;
  padding: 30px;
  top: 10px;
  left: -100px;
  background: url(/img/mouseover_area_bg.png) no-repeat;
  z-index: 999;
}
#nav_site li:hover > ul > li {
  overflow: visible;
  height: 750px;
}

.comment_area_content .col {
  width: 512px;
  overflow: hidden;
}

.comment_area_content .col_l {
  width: 250px;
  margin-top: 25px;
  float: left;
}

#nav_site .comment_area_content .col_r {
  width: 250px;
  float: right;
}

p.lead {
  color: #54a220;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
}

/*-----ƒOƒ‹ƒ}ƒ“@ƒIƒ“ƒ‰ƒCƒ“ƒXƒgƒA-------------------------------*/

#nav_site .comment_area_gr {
  list-style: none;
  position: relative;
  width: 100px;
}
#nav_site .comment_area_gr a {
  display: block;
  text-decoration: none;
}

.comment_area_inner_gr {
  /*Žq*/
  position: relative;
  display: none;
  overflow: hidden;
  width: 530px;
  height: 720px;
  padding: 30px;
  top: 10px;
  left: -100px;
  background: url(/img/mouseover_area_bg01.png) no-repeat;
  z-index: 999;
}
#nav_site li:hover > ul > li {
  overflow: visible;
  height: 750px;
}

.comment_area_content .col_l {
  width: 230px;
  margin-top: 25px;
  float: left;
}

#nav_site .comment_area_content .col_r {
  width: 266px;
  float: right;
}

p.lead_gr {
  color: #c21d1b;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
}

.mb20 {
  margin-bottom: 20px;
}

/*  Page Main AD */

#main {
  float: right;
  width: 760px;
  position: relative;
}

#main.fullsize {
  float: none;
  width: 1000px;
  overflow: hidden;
}

/*  Page Main AD */

#ad_main {
  height: 360px;
  overflow: hidden;
}

#ad_main_lp {
  height: 360px;
  overflow: hidden;
}

.aside_topinfo {
  display: none;
  box-sizing: border-box;
  margin: 10px auto;
  width: 1000px;
}

.aside_topinfo a {
  display: block;
  text-decoration: underline;
  cursor: pointer;
}

.aside_topinfo_inner {
  display: none;
}

#aside_sitemap {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}

#link_sitemap {
}

#link_sitemap .ic_tree {
  width: 20px;
  height: 20px;
}

#nav_ad_main {
  margin: -65px 0 0;
  padding: 10px 6px;
  height: 135px;
  background: url("../img/bg_white_op5.png");
  overflow: hidden;
}

#nav_ad_main a:hover {
  opacity: 1;
}

.nav_ad_main_each {
  display: block;
  margin: auto;
  width: 178px;
  background: #fff;
  cursor: pointer;
}

.ad_main_title {
  display: block;
  padding: 0 10px;
  height: 50px;
  background: #f6f6f4;
  line-height: 50px;
}

.ad_main_thum {
  opacity: 0.7;
}

#nav_ad_main a:hover .ad_main_thum {
  transition: opacity 0.25s ease-out;
  opacity: 1;
}

.slick-current .ad_main_thum {
  opacity: 1;
}

/*  Page Lineup  */

#tab_lineup {
  box-sizing: border-box;
  margin: 20px 0 20px;
  padding: 0 5px;
  height: 46px;
  border-bottom: 1px solid #ddd;
  overflow: visible;
  line-height: 46px;
}

#tab_lineup .lineup_each {
  display: block;
  box-sizing: content-box;
  margin: 0 -1px 0 0;
  width: 170px;
  height: 44px;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #fafafa;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
  transition: border 0s;
  cursor: pointer;
}

#tab_lineup .tab_current {
  margin-top: -3px;
  height: 47px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: #fff;
  line-height: 47px;
}

#tab_lineup .tab_current:hover {
  opacity: 1;
}

#top_lineup_wrap {
  height: 281px;
  overflow: hidden;
}

#tab_lineup .ic_tab {
  padding: 0 0.3em 0 0;
  vertical-align: baseline;
  width: 14px;
  height: 14px;
}

.top_lineup {
  height: 0;
  opacity: 0;
}

.top_lineup.tab_c_current {
  height: auto;
  opacity: 100;
}

.overview_slide,
.list_product,
.list_recomend {
  padding: 0 17px;
}

.article_recomend li:last-child a.recommend_each {
  border: 1px solid #f0f0f0 !important;
}

ul.list_product {
  padding: 20px 0;
  overflow: inherit;
}

ul.list_product:after {
  /* clearfix for cannot use overflow */
  content: "";
  clear: both;
  display: block;
}

div.list_product {
  position: relative;
  height: 281px;
  overflow: hidden;
}

.detail_show .product_desc {
  display: block;
}

.list_product .list_product_each,
.article_recomend .list_product_each {
  display: block;
  width: 172px;
  margin: 0 auto 20px;
  text-decoration: none;
}

.list_product .list_product_each dd,
.article_recomend .list_product_each dd {
  position: relative;
}

.list_product .list_product_each dd .ic_rank,
.article_recomend .list_product_each dd .ic_rank {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 30px;
  height: 21px;
}

.product_style {
  display: none;
  position: relative;
  margin: 1px 0;
  height: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
  background: url("../img/bg_product_style.gif") no-repeat 0 0;
}

.product_style .tip_foricon {
  bottom: auto;
  top: -40px;
  margin: 0 -5px 0 0;
  padding: 0;
  min-width: 165px;
}

.product_style .tip_foricon .border_arrow_down {
  bottom: -10px;
}

.product_style .style_inner {
  display: block;
  height: 30px;
}

.ic_style {
  display: block;
  position: absolute;
  top: 4px;
}
.ic_milk {
  left: 8px;
}
.ic_lemon {
  left: 35px;
}
.ic_ice {
  left: 62px;
}
.ic_noncafe {
  left: 90px;
}
.ic_lowcafe {
  left: 117px;
}
.ic_child {
  left: 144px;
}

.list_product .product_id {
  margin: 5px 0 -10px 0;
}

.list_product .product_id small {
  font-size: 13px;
  font-style: italic;
  padding: 0 3px;
}

.list_product .product_name,
.article_recomend .product_name {
  margin: 10px 0;
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 12px;
  text-decoration: underline;
}
.list_product .product_price,
.article_recomend .product_price {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}
.article_recomend .product_price {
  display: none;
}
.article_recomend .product_price.sale {
  display: block;
  color: #b02;
}

.list_product .product_price .sale {
  margin: 0 0 0 10px;
  color: #b02;
}

.list_product .product_stock,
.article_recomend .product_stock {
  margin: 10px 0;
}

.product_price.sale {
  color: #b02;
}
.saleoff {
  margin: 0 5px 0 0;
}

.salelabel {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  background: #b02;
  color: #fff;
}

.list_product .product_thum,
.article_recomend .product_thum {
  width: 170px;
  height: 170px;
  border: 1px solid #f0f0f0;
}

.list_product .product_features,
.detail_product .relative_product .product_features,
.event_ .product_features {
  margin: 0 0 2px;
  height: 25px;
  text-decoration: none;
  overflow: hidden;
}

.event_ .product_features {
  margin: 8px 0;
}

.list_product .ic_features,
.detail_product .relative_product .ic_features,
.event_ .ic_features {
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0 0 0 1px;
  padding: 0;
  width: 56px;
  height: 25px;
  border-radius: 3px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.list_product .ic_small .ic_features {
  width: 3em;
}

.list_product .ic_small .ic_features:hover {
  width: 56px;
}
.list_product .ic_small .ic_features:first-letter {
  padding: 1em;
}

.list_product .ic_small .ic_features:hover:first-letter {
  padding: 0;
}

.detail_product .product_features {
  display: block;
  overflow: hidden;
}

.detail_product .product_features {
  display: block;
  overflow: hidden;
}

.detail_product .ic_features {
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0 10px 40px 0;
  padding: 10px;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.ic_new {
  background: #e39a62;
}

.detail_product .ic_features.ic_new {
  line-height: 40px;
}

.detail_product .relative_product .ic_features.ic_new {
  line-height: 25px;
}

.ic_seasonal {
  background: #a7c382;
}

.ic_shipfree {
  background: #c39e82;
}

.ic_limited {
  background: #ea898f;
}

.ic_normal {
  background: #96bb7d;
}

.ic_frozen {
  background: #839cc4;
}

.ic_gowred {
  width: 80px !important;
  background: #c35666;
  color: #fff;
}
.ic_gowmilktea {
  width: 130px !important;
  background: #e9ba7f;
  color: #fff;
}
.ic_gowgreen {
  width: 80px !important;
  background: #a4b178;
  color: #fff;
}
.ic_gowoolong {
  width: 100px !important;
  background: #629fb9;
  color: #fff;
}

.shincha_chart {
  clear: both;
  display: block;
  padding: 5px 0 0;
}

.ic_refrigerated {
  background: #aa86c4;
}

.no_shipfree .ic_shipfree {
  display: none;
}

.product_desc {
  display: none;
  overflow: hidden;
}

div.overview_slide .ic_prev,
div.overview_slide .ic_next {
  margin: 0;
  top: 100px;
  text-decoration: none;
  font-size: 24px;
  line-height: 1;
}
div.list_product .ic_prev,
div.list_product .ic_next {
  margin: 0;
  top: 30px;
  text-decoration: none;
  font-size: 24px;
  line-height: 1;
}

div.overview_slide .ic_prev,
div.list_product .ic_prev {
  left: 0;
  padding: 40px 10px 40px 0;
}

div.overview_slide .ic_next,
div.list_product .ic_next {
  right: 0;
  padding: 40px 0 40px 10px;
  text-align: right;
}

/* section pickup */

.section_hdr {
  margin: 60px 0 0;
  height: 60px;
  line-height: 50px;
}
.section_subhdr {
  padding: 10px;
  font-size: 13px;
}
.section_ftr {
  padding: 20px 10px;
  background: #f6f6f4;
}

.section_hl {
  box-sizing: border-box;
  width: 620px;
  padding: 0 0 0 5px;
  font-size: 24px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#section_pickup {
}
#section_pickup_inner {
  background: #f6f6f4;
  border-bottom: 1px solid #f6f6f4;
}

#ad_pickup,
.ad_pickup {
  padding: 4px 2px 0;
  background: #f6f6f4;
}

#ad_pickup_ns,
.ad_pickup_ns {
  margin: 0 0 40px;
  padding: 27.5px;
  overflow: hidden;
  background: #f6f6f4;
}

#ad_pickup_ns li,
.ad_pickup_ns li {
  float: left;
  padding: 1px 2px 4px;
}

#ad_pickup .slick-dots,
.ad_pickup .slick-dots {
  bottom: -30px;
  margin-bottom: 0;
}

#ad_pickup .slick-dots li button::before,
.ad_pickup .slick-dots li button::before {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto,
    "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size: 13px;
}

#ad_pickup .slick-dots li button:before,
.ad_pickup .slick-dots li button:before {
  width: 25px;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
}

#ad_pickup.slick-dotted.slick-slider,
.ad_pickup.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

#ad_pickup .slick-arrow.ic_prev,
.ad_pickup .slick-arrow.ic_prev {
  padding: 10px;
  top: 300px;
  left: 0;
  z-index: 500;
}

#ad_pickup .slick-arrow.ic_prev::before,
.ad_pickup .slick-arrow.ic_prev::before {
  font-size: 24px;
}

#ad_pickup .slick-arrow.ic_next,
.ad_pickup .slick-arrow.ic_next {
  padding: 10px;
  top: 300px;
  right: 0;
  z-index: 500;
}

#ad_pickup .slick-arrow.ic_next::before,
.ad_pickup .slick-arrow.ic_next::before {
  font-size: 24px;
}

.pickup_each {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 10px 10px;
  width: 185px;
  border: 1px solid #f0f0f0;
  background: #fff;
  text-decoration: underline;
}

#ad_pickup .update,
#ad_pickup_ns .update,
.ad_pickup .update,
.ad_pickup_ns .update {
  display: block;
  position: absolute;
  height: 18px;
  top: 10px;
  right: 10px;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}

#ad_pickup .title,
#ad_pickup_ns .title,
.ad_pickup .title,
.ad_pickup_ns .title {
  display: block;
  position: absolute;
  width: 165px;
  top: 35px;
  left: 10px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.5;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
}

#section_pickup .section_ftr .btn_white {
  margin: 0 auto;
  width: 400px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
}

/* section press */

#ad_press,
.ad_press {
  padding: 25px 0 0;
  background: #f6f6f4;
}

.press_each .ad_tag {
  top: -5px;
}

.press_each {
  display: block;
  position: relative;
  text-decoration: none !important;
}

#ad_press .title,
.ad_press .title {
  display: block;
  margin: 10px auto;
  width: 165px;
  height: 44px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  text-align: center;
}

.press_thum {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.link_catorder {
  display: block;
  text-align: center;
}

#section_press .section_ftr {
  padding: 20px 40px;
}

#section_press .section_ftr .btn_white {
  margin: 0 10px;
  width: 320px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
}

/* article feature */

.article_feature {
  overflow: hidden;
}

.article_hdr,
.info_hdr {
  margin: 50px 0 30px;
  height: 60px;
  border-bottom: 1px solid #ddd;
  line-height: 50px;
}

.article_hdr .update {
  padding: 0 10px;
  color: #666;
}

.thum_feature {
  margin: 0 40px 0 0;
}

.article_summary {
  float: right;
  width: 470px;
  margin: 0 0 20px;
}

.article_summary p {
  float: right; /* debug for browser*/
  width: 470px; /* debug for browser*/
}

.article_summary + aside h3 {
  float: left;
  margin: 0 0 20px;
}

.article_index {
  margin: 20px 0;
  width: 470px;
}

.article_index li {
}
.article_feature .link_sp {
  margin: 40px 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  min-width: 140px;
}

.link_sp:hover {
  background: #f6f6f4;
}

.article_recomend {
  float: left;
  margin: 0 0 20px;
  width: 470px;
}

.recommend_each {
  display: block;
  margin: 0 auto;
  width: 140px;
}

.article_recomend .product_thum {
  width: 140px;
  height: 140px;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
}

.link_feature {
  width: 140px;
  height: 140px;
  box-sizing: border-box;
  line-height: 140px;
  text-align: center;
}

.link_feature:hover {
  background: #f6f6f4;
}

/* section info */

#section_info {
}

#section_info .date {
  margin: 10px 0;
  width: 120px;
}

.info_each {
  display: block;
  margin: 0 0 10px;
  padding: 0 20px;
  width: 720px;
}

.info_each:hover {
  background: #f6f6f4;
}

/*  Page Footer  */
#footer {
  clear: both;
  margin: 0 auto;
  padding: 0 0 20px;
  width: 100%;
  border-top: 1px solid #ddd;
}

/* section guide */
#section_guide_store {
}
#section_guide_store .section_hl {
  width: 100%;
  padding: 30px 0 40px;
  font-size: 17px;
  text-align: center;
}

.guide_store_list {
  margin: 0 -4px;
}

#section_guide_store .guide_each {
  position: relative;
  padding: 0 25px;
  /*width: 162px;*/
  width: 202px;
  height: 300px;
}

/*#section_guide_store #guide_shipping {
	width: 322px;

}*/

.guide_title {
  margin: 0 0 20px;
  height: 28px;
  border: 1px solid #ddd;
  line-height: 28px;
  text-align: center;
  font-weight: normal;
}

.link_gude_store {
  display: block;
  padding: 20px 0;
}

.guide_thum {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}

.guide_thum.thum_ship {
  width: 82.5px;
  height: 40px;
}

.guide_desc {
  margin: 10px 0;
  font-size: 13px;
}

.guide_link {
  display: block;
  position: absolute;
  bottom: 0;
  left: 25px;
  text-decoration: underline;
}

.guide_link:link,
.guide_link:visited {
  text-decoration: underline;
}

#section_guide_dial {
  margin: 60px auto 40px;
}

.guide_dial_list {
  margin: 0 -4px;
}

#section_guide_dial .guide_title {
  background: #fafafa;
}

#section_guide_dial .guide_each {
  padding: 0 25px;
}

#guide_order,
#guide_order_fax {
  overflow: hidden;
}

.dial_title {
  color: #666;
}

#section_guide_dial .dial_number {
  font-size: 28px;
}

#btn_ftr_catalog {
  margin: 10px 20px 0 0;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}

#btn_ftr_catalog:hover {
  background: #66b333;
  color: #fff;
}

#btn_ftr_member {
  margin: 10px 20px 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}

#btn_ftr_member:hover {
  background: #66b333;
  color: #fff;
}

.dial_desc {
  font-size: 13px;
}

#guide_order .dial_desc,
#guide_order_fax .dial_desc {
  width: 50%;
}

.dial_hours {
  display: block;
  margin: 10px 0;
  font-size: 14px;
}

.dial_note {
}

.dial_note a {
  text-decoration: underline !important;
  font-weight: bold;
  font-size: 14px;
  color: #c33;
}

#section_guide_dial .link_contact {
  display: block;
  margin: 10px 0;
  font-size: 14px;
  text-decoration: underline;
}
#guide_order_fax {
  clear: both;
  margin: 10px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.dial_downloads {
  display: block;
  margin: 10px 0;
  font-size: 14px;
}

#section_guide_dial .link_download {
  display: block;
}

#guide_otayori,
#guide_customer {
  width: 50%;
}

#aside_categorymap {
  padding: 20px 11px 30px;
  border-top: 1px solid #ddd;
  background: #f1f1f1;
  overflow: hidden;
}

.categorymap_each {
  float: left;
  margin: 0 9px;
  width: 308px;
}

.categorymap_hl {
  margin: 0 0 10px;
  height: 32px;
  border-bottom: 1px solid #ddd;
  line-height: 32px;
  font-size: 15px;
  font-weight: normal;
}

.categorymap_list {
  line-height: 32px;
}

#categorymap_teaware {
  margin-top: 30px;
}

#aside_policy {
  padding: 10px 0;
  width: 100%;
  border-top: 1px solid #ddd;
  background: #f1f1f1;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
}

.policy_each {
  display: inline;
  margin: 0 10px;
}

#aside_official {
  padding: 30px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.corporate_each {
  padding: 0 10px;
  border-right: 1px solid #ddd;
  /*line-height: 1;*/
}

#aside_corporate li:first-child {
  /*margin-top: -5px;*/
  line-height: 1;
}

#aside_sns {
  line-height: 24px;
}

.sns_title {
  font-size: 12px;
}

.sns_each {
  padding: 0 5px;
}

#aside_global {
  margin: 0 auto;
  padding: 20px 0;
  width: 500px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
}

.global_title {
  width: 100px;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}

.global_each {
  margin: 0 10px;
}

#link_ptop {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 1rem;
  font-size: 1.5rem;
}

#link_ptop a,
#link_ptop a:link,
#link_ptop a:hover,
#link_ptop a:active {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0;
  border-radius: 5px;
  background: #1f1515;
  text-align: center;
  color: #fff;
}

#link_ptop a:hover {
  transition: none 0 ease 0;
}

#link_ptop a i:before {
  line-height: 3rem;
  line-height: 48px;
}

#copyright {
  display: block;
  margin: 20px 0 0;
  border: none;
  text-align: center;
}

/*  Page Side  */

#menu {
  float: right;
  padding: 0 10px 0 0;
  width: 230px;
}

#nav_keyword {
  margin: 10px 0;
  line-height: 2;
}

.menu_keyword_hl {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.keyword_each {
  display: inline;
  padding: 0 5px;
  border-right: 1px solid #ddd;
  font-size: 14px;
}

.keyword_each.kw_add {
  display: none;
}

.keyword_each:first-child {
  padding-left: 0;
}

.link_morekeyword {
}

/* category */

#main_hdr {
  margin: 0 0 40px;
}

#main_hdr:after {
  /* clearfix for cannot use overflow */
  content: "";
  clear: both;
  display: block;
}

#main.fullsize #main_hdr {
  margin-top: 0;
}

#main_hdr i:before {
  font-size: 16px;
}

.page_hl {
  clear: both;
  margin: 15px 0 20px;
  padding: 0 10px;
  min-height: 60px;
  border-bottom: 1px solid #ddd;
  font-size: 30px;
  line-height: 60px;
  font-weight: normal;
}

.fullsize .page_hl {
  line-height: 1.8;
}

.page_hl_sub {
  display: block;
  padding: 0 5px 10px;
  font-size: 14px;
}

.header_caption {
  overflow: hidden;
  margin: 10px 0 0 0;
}

#section_admain {
  margin-bottom: 20px;
}

.aside_caption {
  margin: 40px 0 0;
  padding: 10px 2px;
  overflow: hidden;
  background: #f6f6f4;
}

.aside_caption_each {
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0 10px;
}

.aside_caption_each.overline {
  margin: 5px 10px 0;
}

.ui_addlink {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

.ui_addlink i:before {
}

.aside_caption_each:hover .ui_addlink i:before {
}

.category_thum {
  margin: 0 0 0 20px;
}

.message_find {
  font-size: 16px;
}

.find_count {
  margin: 0 10px;
  font-size: 30px;
  font-weight: normal;
}

#narrow_option {
  font-size: 15px;
}

#narrow_option .btn_option {
  margin: 0 10px;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
}

#option_clear {
  cursor: pointer;
}

#option_clear .ic_close:before {
  font-size: 16px;
}

#tab_sort {
  box-sizing: border-box;
  margin: 30px 0;
  padding: 0 10px;
  height: 46px;
  border-bottom: 1px solid #ddd;
  overflow: visible;
}

.sort_each {
  margin: 0 -1px 0 0;
  width: 140px;
  height: 44px;
  box-sizing: content-box;
  border-radius: 5px 5px 0 0;
  border: 1px solid #ddd;
  border-bottom: none;
  background: #fafafa;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
}

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

.sort_each.tab_current {
  margin-top: -3px;
  width: 140px;
  height: 47px;
  border-bottom: 1px solid #fff;
  background: #fff;
  line-height: 47px;
}

.link_markview {
  display: none;
  height: 46px;
  line-height: 46px;
  font-size: 13px;
}

#tgl_disporder {
  margin: 30px auto;
  width: 160px;
}

.ic_asc:before {
  content: "\f366";
  margin: 0 5px 0 0;
  font-family: "Ionicons";
  font-size: 18px;
}

.ic_desc:before {
  content: "\f35d";
  margin: 0 0 0 5px;
  text-decoration: none;
  font-family: "Ionicons";
  font-size: 18px;
}

#tgl_disporder a {
  background: #fafafa;
  color: #000;
}

#tgl_disporder .toggle_current {
  background: #fff;
  color: #666;
}

/* menu */

h4.menu_category_hl {
  margin: 25px 0 20px;
  padding: 0 10px;
  height: 50px;
  border-bottom: 1px solid #ddd;
  line-height: 50px;
}

h4.menu_hl {
  margin: 30px 0 10px;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  font-weight: bold;
}

h5.menu_hl.sub {
  margin: 10px 5px;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: bold;
}

.nav_category_each,
.nav_narrow_each,
.nav_brand_each {
  display: block;
  clear: both;
  position: relative;
  padding: 0 5px;
  height: 44px;
  border-radius: 5px;
  line-height: 44px;
  text-decoration: none !important;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav_category_each .ic_prev,
.nav_narrow_each .ic_prev {
  display: none;
  font-size: 20px;
}

.nav_category_each:hover,
.nav_narrow_each:hover,
.nav_brand_each:hover {
  opacity: 1;
  background: #f6f6f4;
}

.link_categorylist {
  cursor: pointer;
}

.open_category {
  display: none;
  position: absolute;
  top: -100px;
  left: 220px;
  width: 250px;
  border: 1px solid #ddd;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  overflow: hidden;
  z-index: 100;
}

.open_category #category_inner {
}

.nav_category_each.category_current {
}

.nav_category_each.category_current i {
  position: absolute;
  top: 0;
  right: 15px;
  height: 44px;
}

.nav_category_each.category_current i::before {
  line-height: 44px;
  color: #66b333;
}

.nav_category_each.category_sub {
}

.nav_category_each.category_level1 {
}

.nav_category_each.category_level2 {
  padding: 0 5px 0 15px;
}

.nav_category_each.category_level3 {
  padding: 0 5px 0 25px;
}

.nav_category_each.category_level4 {
  padding: 0 5px 0 35px;
}

.nav_sidead li:last-child a {
  border-bottom: none !important;
}

#nav_monthly li:last-child a {
  border-bottom: none !important;
}

.nav_feature {
  border-top: 1px solid #ddd;
}

.nav_feature em.nav_feature_title {
  display: block;
  margin: 10px 5px;
  height: 44px;
  line-height: 44px;
  font-weight: bold;
}

.nav_feature .link_nav_feature {
  display: block;
  position: relative;
}

.nav_feature img {
  display: block;
  margin: 0 10px;
  width: 210px;
}

.nav_feature .nav_feature_caption {
  margin: 20px 0;
  padding: 0 5px;
  text-align: left;
  font-size: 12px;
}

.ic_category_back {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 1px;
  font-size: 22px;
}

.nav_monthly_each {
  position: relative;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.nav_monthly_each .ad_tag {
  left: 70px;
  top: 5px;
}

.nav_brand_each {
  margin: 10px 0;
}

.nav_brand_each .categorylist_thum {
  margin: 0 0.5em 0 0;
  width: 40px;
  height: 40px;
}

.aside_expand {
  text-align: center;
  font-size: 13px;
}

.aside_expand {
  margin: 30px 0 0;
  text-align: center;
  font-size: 13px;
}

.aside_expand.bnr {
  margin: 0;
}

.aside_expand li {
  padding: 0 0 30px;
  border-top: 1px solid #ddd;
}

.expand_hl {
  margin: 40px 0 20px;
  font-size: 14px;
  font-weight: bold;
}

.aside_expand.bnr .expand_hl {
  margin: 20px 0;
}

.expand_each {
  display: block;
  text-decoration: none !important;
}

.expand_each .expand_thum {
  display: block;
  width: 40px;
  height: 40px;
  margin: 20px auto;
}

.expand_each .expand_thum.thum_qr {
  width: 50px;
  height: 50px;
}

.aside_expand.bnr .expand_each .expand_thum {
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: auto;
  height: auto;
}

.expand_desc {
  margin: 20px 0;
  padding: 0 20px;
  text-align: left;
}

.nav_narrow_check {
  padding: 0 0 30px;
  border-bottom: 1px solid #ddd;
}

.nav_narrow_check {
  padding: 0 0 30px;
  border-bottom: 1px solid #ddd;
}

.nav_narrow_check:last-child {
  border-bottom: none;
}

.narrow_check_each {
  display: block;
  padding: 0 5px;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
}

.ic_checkbox.chk_red:before {
  content: "\f371";
  color: #f29c9f;
}

.checkbox:checked + .ic_checkbox.chk_red:before {
  color: #f29c9f;
}

.ic_checkbox.chk_orange:before {
  content: "\f371";
  color: #f6b37f;
}

.checkbox:checked + .ic_checkbox.chk_orange:before {
  color: #f6b37f;
}

/* subcategory */

#category_inner {
  width: 760px;
  overflow: hidden;
  background: url("../img/bg_category_tea95.png") no-repeat bottom right;
  font-size: 14px;
  line-height: 1.75;
}

#nav_subcategory {
  float: left;
  padding: 20px;
  width: 210px;
  background: url("../img/white95.png");
}

.nav_subcategory_each {
  display: block;
  height: 30px;
  text-decoration: underline;
}

.nav_subcategory_each:hover {
}

#article_category {
  float: right;
  padding: 20px;
  width: 470px;
}

#ad_category {
  margin: 20px 0;
}

.ad_category_each {
  display: block;
  margin-top: 10px;
  width: 230px;
  height: 60px;
}

/* product */

.detail_product_hdr {
  margin: 20px 0;
}

.link_pageback {
}
.link_pagenext {
}
.link_page,
.link_pageback,
.link_pagenext {
  background: #f6f6f4;
}
.link_page a,
.link_pageback a,
.link_pagenext a {
  display: inline-block;
  padding: 10px;
}
.product_shares {
  padding: 10px 0;
}
.product_shares_each {
  position: relative;
}

.link_share {
  display: block;
  margin: 0 0 0 10px;
  cursor: pointer;
}

.tip_sns {
  display: none;
  right: 0;
  width: 100px;
  padding: 10px 0 0;
  background: #fff;
}

.tip_sns .border_arrow_right {
  top: 0;
  right: 10px;
  border-bottom: 5px solid #4267b2;
}

.btn_fb {
  width: 100px;
  height: 28px;
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0 0;
  background: #4267b2;
  overflow: hidden;
  text-align: center;
}

.btn_fb:hover {
  background: #365899;
}

.btn_tw {
  width: 100px;
  height: 28px;
  background: #1b95e0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  text-align: center;
}

.btn_tw:hover {
  background: #0c7abf;
}

.btn_tw a {
  padding-top: 3px;
}

.btn_fb a i,
.btn_tw a i {
  color: white;
  margin-right: 5px;
}

.product_data {
  width: 530px;
  padding: 0 0 0 10px;
}

.product_add {
  width: 460px;
}

.product_caption {
  padding: 0 0 20px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}

.product_thumbs {
  width: 450px;
  overflow: hidden;
}

.product_thumbs .thumbs_each {
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0 10px 10px 0;
  border: 1px solid #ddd;
  width: 140px;
}

.product_thumbs .thumbs_each.current {
  position: relative;
  padding: 19px;
  width: 440px;
}
.product_thumbs img {
  width: 100%;
  cursor: pointer;
}

.product_thumbs .thumbs_each.current img {
  cursor: auto;
}

.relative_product {
  width: 440px;
}

.relative_product .relative_hl {
  font-size: 16px;
  padding: 0 0 10px;
  margin: 20px 0 10px;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #ddd;
}

#area_sgbnr .selectgift_hl {
  font-size: 16px;
  margin-top: 40px;
  padding: 0 0 5px;
}

.product_selectgift {
  overflow: hidden;
}

.product_selectgift .selectgift_hl {
  text-align: right;
  padding: 0 0 5px;
}

.product_selectgift #btn_selectgift {
  display: block;
  float: right;
  width: 260px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #2a0600;
  text-align: center;
  color: #fff !important;
  cursor: pointer;
}
.product_contact {
  clear: both;
}

.relative_each {
  display: block;
  margin: 0 0 10px;
  padding: 0 10px 20px 0;
  border-bottom: 1px dotted #ddd;
  background: #fff;
  overflow: hidden;
}

.relative_each:last-child {
  border: none;
}

.relative_product .product_data {
  width: 305px;
}

.relative_product .product_img {
  box-sizing: border-box;
  width: 115px;
}

.relative_product .product_img img {
  width: 100%;
}

.relative_product .product_name {
  margin: 10px 0;
  font-size: 12px;
  font-weight: bold;
}

.relative_product .product_price {
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
}

.relative_product .box_addnum .select_addnum {
  position: relative;
  padding: 0 20px;
  width: 58px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  z-index: 100;
  background: transparent;
}

.select_addnum + .ic_down {
  position: relative;
  z-index: 0;
}

.relative_product .box_addnum .ic_down {
  top: 10px;
  left: 80px;
}

.relative_product .btn_addcart {
  padding: 0 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
}

.relative_product .btn_addcart:hover {
  opacity: 1;
  background: #66b333;
  color: #fff;
}

.product_foricon {
  position: absolute;
  top: 20px;
  right: 0;
  min-width: 270px;
  text-align: right;
  cursor: pointer;
}

.product_foricon_each {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0 0 5px;
  padding: 3px;
  width: 40px;
  height: 40px;
  border: 1px solid #c0b7b7;
  border-radius: 5px;
}

.tip_foricon {
  padding: 15px 0 0;
  bottom: -45px;
  right: 0;
  text-align: center;
}

#foricon_view {
  position: relative;
  margin: 40px auto;
  padding: 10px;
  width: 460px;
  min-width: 460px;
  border-radius: 10px;
  background: #fff;
}

.foricon.mfp-close-btn-in .mfp-close {
  right: 10px;
  top: 10px;
  color: #fff;
}

.foricon_hl {
  margin-bottom: 10px;
  padding: 10px 15px;
  background: #806e6f;
  border-radius: 5px;
  color: #fff;
}

#foricon_view li {
  position: relative;
  padding: 0 10px;
  height: 60px;
  border-bottom: 1px dotted #ddd;
  line-height: 60px;
  overflow: hidden;
  cursor: pointer;
}

#foricon_view li:last-child {
  border: none;
}

.foricon_focus {
  display: block;
}

.foricon_r {
  position: absolute;
  left: 460px;
  top: 0;
  height: 60px;
  background: #fff;
  line-height: 60px;
}

.btn_foric_search {
  display: block;
  padding: 10px 0;
  width: 80px;
  height: 40px;
  background: #66b333;
  line-height: 40px;
  text-align: center;
  color: #fff !important;
}

.foric_check {
  display: block;
  text-align: center;
}

.foric_check i {
  display: none;
}

.foric_check i::before {
  font-size: 30px;
  line-height: 60px;
  color: #66b333;
}

#foricon_view .product_foricon_each {
  margin: 0 10px 0 0;
  border: none;
}

.product_spec {
  margin: 0 0 40px;
}

.spec_title {
  height: 60px;
  line-height: 60px;
  white-space: nowrap;
}

.detail_id {
  height: 80px;
  line-height: 80px;
}

.product_type {
  margin: 0;
}

.product_typeicon_each {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
}

.product_spec .detail_name {
  font-weight: 600;
}

.product_spec .detail_price.single label {
  cursor: auto;
}

.product_spec .product_price {
  font-size: 16px;
}
.soldout {
  color: #aaa;
}
.product_spec .stock_msg {
  display: block;
  font-size: 16px;
}
.product_spec .soldout .ic_checkbox:before {
  content: "\f371";
  color: #ddd;
}

.product_spec .product_price.sale {
  font-weight: 600;
}

.product_spec .detail_price.single .sale {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #b02;
}

.product_cart {
  overflow: hidden;
}

.product_cart .stock_msg {
  display: block;
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #c33;
}

.box_addnum {
  position: relative;
  display: inline-block;
}

.box_addnum .select_addnum {
  position: relative;
  margin: 0 10px 0 0;
  padding: 0 20px 0 30px;
  width: 88px;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: transparent;
  line-height: 48px;
  font-size: 22px;
  cursor: pointer;
  z-index: 100;
}
.box_addnum .select_addnum::-ms-expand {
  display: none;
}

.box_addnum .ic_down {
  position: absolute;
  top: 10px;
  left: 120px;
  z-index: 0;
}

.box_addnum .select_addnum option {
  padding: 5px 20px;
}

.product_cart .btn_addcart {
  width: 260px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
}

.product_contact {
  margin: 20px 0 40px;
  text-align: right;
}

.product_contact span {
  margin: 0 0 0 10px;
  font-weight: bold;
  font-size: 18px;
}

.product_note {
  margin: 0 0 20px;
  background: #f6f6f4;
  padding: 10px 20px;
}

.product_note h5 {
  margin: 0 0 5px;
}

.release_date {
  display: block;
}

.product_howto {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
}
.btn_howto {
  display: block;
  padding: 10px;
  background: #f6f6f4;
  text-align: center;
  cursor: pointer;
}
.btn_howto:hover,
.btn_howto.howto_open {
}
.btn_howto i {
  margin-left: 1rem;
  display: inline-block;
  transform: rotate(450deg);
}

.product_howto_inner {
  padding: 20px 10px;
  display: block;
}

.product_howto_inner h3 {
  font-size: 14px;
  font-weight: normal;
}
.product_howto_inner h3:nth-child(n + 2) {
  margin-top: 30px;
}

.product_howto_inner h3 .cup_ {
  margin: 0 0 0 1rem;
}

.product_howto_inner ul {
  margin: 10px 0;
}

.product_howto_inner li {
  float: left;
}

.product_howto_inner li:first-child {
  width: 8em;
}

.product_howto_inner li:last-child {
}

.product_howto_inner li:last-child::before {
  content: "\ff1a";
  padding: 0 1em 0 0;
}

.product_howtoicon_each {
  margin: 0 0.5rem 0 0;
  width: 20px;
  height: 20px;
}

.product_howto_inner .making li {
  float: none;
}

.product_howto_inner li:first-child {
  width: auto;
}

.product_howto_inner .making li:last-child::before {
  display: none;
}

#product_caution {
  background: #f7eded;
  border: 1px solid #e9cfcf;
}

#product_materials h5,
#product_nutrition h5 {
  cursor: pointer;
}

#product_materials h5 i {
  display: inline-block;
}

#materials_data {
  display: none;
}

#product_nutrition_byone {
  display: none;
}

#product_nutrition_byone a {
  text-decoration: underline;
}

.product_more {
  clear: both;
  padding: 40px 0 0;
}

.product_more_inner {
  position: relative;
  background: #fff;
  padding: 20px 77px;
  border: 20px solid #f6f6f4;
}

.product_more_content {
  margin: -40px 0 -40px -97px;
  width: 1000px;
  background: #fff;
}

.product_more_link {
  position: absolute;
  top: 0;
  left: 0;
}

.note_package {
  display: block;
}

#product_origin {
}

/* rearrival mail*/

.btn_cart_3,
.btn_cart_4,
.btn_cart_5 {
  background: #f6f6f4 !important;
  color: #000 !important;
}
.btn_cart_6 {
  display: none;
}

.mfp-bg {
  opacity: 0.2;
}

.mfp-content {
  height: 98%;
}
.mfp-iframe-holder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mfp-iframe-holder .mfp-close {
  top: 0;
  right: 20px;
  color: #000;
}

.mfp-iframe-scaler iframe {
  background: #fff;
}

/* category navigation */

.main_off {
  width: 1000px;
  position: relative;
}
.main_off.set {
  width: 2000px;
}

.off_inner {
  float: right;
  display: none;
  width: 1000px;
}

.categorylist {
  clear: both;
}
.categorylist_gr {
  padding: 20px 0 0;
}

.categorylist_thum {
  margin: 0 1em 0 0;
  width: 40px;
  height: 40px;
}

.categorylist_thum.ic_lp {
  background: #66aa00;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  padding: 5px;
}

.categorylist_thum.ic_gr {
  background: #c42219;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  padding: 5px;
}

.categorylist_thum a {
  display: block;
}

h4.categorylist_hl {
  clear: both;
  padding: 40px 10px 10px;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
}

.categorylist_each {
  box-sizing: border-box;
  width: 240px;
  display: block;
  margin: 10px 5px;
  padding: 10px;
  border-radius: 5px;
  background: #f6f6f4;
}

.categorylist_inner {
  margin: 5px 10px;
}

.categorylist_each a {
  display: block;
  padding: 0.2em 0;
}

.categorylist_tea .categorylist_each {
}

.categorylist_gift .categorylist_each {
}

.categorylist_sweet .categorylist_each {
}

.categorylist_teaware .categorylist_each {
}

.categorylist_special .categorylist_each {
}

.categorylist_ad {
  clear: both;
  margin: 0 0 40px;
  padding: 15px 0;
  overflow: hidden;
}

.categorylist_ad li {
  padding: 5px 0;
  text-align: center;
}

/* for develop */
.icon_new_,
.icon_onsales_ {
  display: none;
}

.navipage_now_ {
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  display: inline-block;
}

.navipage_ a {
  background: #f6f6f4;
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  display: inline-block;
}

.navipage_prev_,
.navipage_next_ {
  color: #fff;
}

.navipage_first_,
.navipage_last_ {
  margin: 0 !important;
  color: #fff;
}

.navipage_prev_ a,
.navipage_next_ a {
  padding: 0 0.3rem;
  width: auto;
  background: transparent;
  text-decoration: underline !important;
}

.navipage_first_ a,
.navipage_last_ a {
  padding: 0 0.3rem;
  width: auto;
  background: transparent;
  text-decoration: underline !important;
}

.navipage_.top_,
.navipage_.bottom_ {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}

.navipage_.top_ .navipage_sum_ strong {
  padding: 0 0.3em 0 0;
  font-size: 18px;
}

.navipage_.bottom_ {
  margin: 20px 0 60px;
}

.goodssearch_ {
  width: 100% !important;
}
.formlist_.goodssearch_ {
  margin: 20px auto;
}

.goodssearch_ #search_category select {
  box-sizing: content-box;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 0 10px;
  width: 398px;
  min-height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
}

.goodssearch_ input[type="text"],
.goodssearch_ input[type="password"] {
  border: 1px solid #ddd;
  padding: 0 10px;
  min-height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
}

.goodssearch_ th {
  color: #000;
}
.goodssearch_ th {
  background: #fafafa;
}

.goodssearch_ #search_brand input {
  display: none;
}

.goodssearch_ #search_brand label {
  margin: 0 10px 0 0;
}

.goodssearch_ #search_brand input:checked + label .ic_checkbox:before {
  content: "\f374";
  color: #66b333;
}

.goodssearch_
  #search_brand
  input:checked
  + label.s_brand_gr
  .ic_checkbox:before {
  color: #c33530;
}

.goodssearch_ #search_keyword th {
  background: #e3eae3;
}

.goodssearch_ #search_keyword input {
  width: 396px;
  border: 2px solid #ddd;
}

.goodssearch_ #search_category_frame {
  display: block;
  position: relative;
}

.goodssearch_ #search_category_frame i {
  position: absolute;
  left: 400px;
  top: 15px;
  font-size: 18px;
  z-index: 0;
}

.goodssearch_ #search_category_frame select {
  position: relative;
  background: transparent;
  cursor: pointer;
  z-index: 100;
}

.goodssearch_ #search_price input {
  width: 15%;
}

.submit_goodssearch {
  margin: 40px auto;
  width: 260px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
}

.main_goodssearch {
  margin: 20px 0 0;
}

/* alcohol */

form p.message_ {
  width: 1000px !important;
  margin: 5px auto !important;
  font-size: 14px !important;
}

.check_alcohol {
  margin: 5px 0;
  font-size: 16px;
  font-weight: normal;
  color: #2c0c00;
}
.check_alcohol input {
  width: 80px;
  padding: 3px 5px;
  background: #fff;
  border: 1px solid #f2e4e2;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.check_alcohol input::-moz-focus-inner {
  border: 0;
}

.check_alcohol input:hover {
  border: 1px solid #f9c7c0;
}
.check_alcohol input.oldchk {
  background: #cc0000;
  color: #fff;
}

/* event */

#event_inner .fullsize {
  padding: 20px 0 0;
  background: #fff;
}

.hl_insert {
  margin: 0 -20px 20px;
  border-top: 20px solid #fff;
}

/* cart */

/*shipping icon*/

table.cartlist_ td.goods_name_ .ic_features,
table.destgoodslist_ td.method_goodsname_ .ic_features,
table.destgoodslist_ td.estimate_goodsname_ .ic_features {
  display: block;
  float: left;
  box-sizing: border-box;
  margin: 0 1em 0 0;
  padding: 0;
  width: 56px;
  height: 25px;
  border-radius: 3px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
table.cartlist_ td.goods_name_ .ic_features {
  display: none;
}

table.destgoodslist_ td.method_goodsname_ .ic_features {
  float: none;
}

#note_frozen {
  display: none;
}

.cart_posfree_ .ic_features {
  display: inline;
  box-sizing: border-box;
  margin: 0 0 0 0.5em;
  padding: 0.3em 1em;
  border-radius: 3px;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

/* freepage */

#infscr-loading {
  position: relative;
}
#infscr-loading img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
}

#page_free {
  margin: 0 0 40px;
}

#page_free h2 {
  font-size: 24px;
  margin: 1em 0;
}
#page_free h3 {
  font-size: 20px;
  margin: 1em 0;
}

#page_free h4 {
  font-size: 18px;
  margin: 1em 0;
}

#page_free h5 {
  font-size: 16px;
  margin: 1em 0;
}

#page_free h6 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin: 1em 0;
}

#page_free p {
  font-size: 16px;
  margin: 1em 0;
}

/* page infomation */

.page_info table {
  margin: 1em 0;
}
.page_info th,
.page_info td {
  padding: 0.5em 1em;
  border: 1px solid #ddd;
}
.page_info th {
  background: #f6f6f4;
  text-align: center;
}

/* Archive */

h4.archive_hl {
  clear: both;
  margin: 0 0 10px;
  padding: 40px 10px 10px;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
}

.ad_pickup.archive {
  margin: 10px 0 40px;
  padding: 27.5px;
  overflow: hidden;
}

.ad_pickup.archive li {
  float: left;
  padding: 1px 2px 4px;
}

.ad_press.archive {
  margin: 10px 0 40px;
  overflow: hidden;
}

.ad_press.archive li {
  float: left;
  padding: 25px 0 30px 0;
}

.ad_press.archive .btn_common {
  margin: 0 10px;
  height: 40px;
  line-height: 40px;
}

#link_backmagazine {
}

/* openbox */

.area_openbox {
  position: relative;
}
.openbox {
  position: relative;
  overflow: hidden;
  height: 6em;
}
.openbox::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4em;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.9) 50%,
    #fff 100%
  );
  background: linear-gradient(
    top,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.9) 50%,
    #fff 100%
  );
  content: "";
}

.btn_openbox {
  display: none;
}
.btn_openbox:checked + .label_openbox {
  display: none;
}
.btn_openbox:checked ~ .openbox {
  height: auto;
}
.btn_openbox:checked ~ .openbox::before {
  display: none;
}

.label_openbox {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 10em;
  padding: 0.5em 2em;
  background: #dedede;
  text-align: center;
  border-radius: 5px;
  z-index: 100;
}

/*---------- recommend ----------*/

/* mypage */

.customer_status_ {
  border-top: 1px solid #ddd;
}

.loginname_ {
  margin: 0;
  padding: 30px 0 40px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}

.bookno {
  display: block;
}

.member_num {
  font-size: 18px;
  margin-bottom: 10px;
  padding: 10px;
  background: #f6f6f4;
  font-weight: bold;
}

.section_orderrecom {
  padding: 0 0 40px;
}

.section_orderrecom .section_hl {
  margin: 0 !important;
  padding: 30px 0 40px;
  border-top: 1px solid #ddd;
  width: 1000px;
  font-size: 17px !important;
  text-align: center;
  font-weight: bold;
}

.section_orderrecom .orderrecom_list {
  overflow: hidden;
}

.section_orderrecom .orderrecom_each {
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
  width: 20%;
}

.section_orderrecom .orderrecom_each img {
  border: 1px solid #f0f0f0;
  width: 100%;
}

.section_orderrecom .orderrecom_each .product_id {
  margin: 5px 0 -10px 0;
}

.section_orderrecom .orderrecom_each .product_name {
  margin: 10px 0;
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 12px;
  text-decoration: underline;
}

.section_orderrecom .orderrecom_each .product_price {
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}

/* cart */

/* order merit */

#section_ordermerit {
  margin-top: 40px;
  padding: 0 0 40px;
}

#section_ordermerit .section_hl {
  margin: 0;
  padding: 30px 0 40px;
  border-top: 1px solid #ddd;
  width: 1000px;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}

#section_ordermerit .ordermerit_list {
  overflow: hidden;
}

#section_ordermerit .ordermerit_each {
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 0 25px;
  width: 33.3%;
}

#section_ordermerit .ordermerit_thum {
  display: block;
  margin: 0 auto;
}

#section_ordermerit .ordermerit_thum.thum_ship {
}

#section_ordermerit .ordermerit_link {
  display: block;
  padding: 0 0 20px;
}

#section_ordermerit .ordermerit_desc {
  margin: 10px 0 30px;
  font-size: 13px;
}

#section_ordermerit .ordermerit_desc em {
  display: block;
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}

#section_ordermerit .btn_ordermerit {
  padding: 5px 0;
  border: 1px solid #cadcca;
  background: #eaf6ea;
}

/* option css */

.assam_chart {
  display: none;
}

/* category marche css */
#area_list_subcat {
  margin: 2rem 0;
}
#list_subcat {
  overflow: hidden;
  margin-top: 10px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#area_list_subcat .title_subcat {
  margin: 1rem 0;
  padding-left: 0.5rem;
  border-left: 5px solid #66b333;
  font-size: 14px;
}
#area_list_subcat .link_marchetop i:before {
}

#area_list_subcat #list_subcat li {
  display: block;
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 253px;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #ddd;
  text-align: center;
}
#area_list_subcat #list_subcat li a {
  display: block;
  overflow: hidden;
  padding: 1rem 0;
}

/* atgm option */

.label-gm-cat {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  font-size: 10px;
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  color: #c00;
  font-weight: bold;
  text-align: center;
}

.label-gml-cat {
  position: absolute;
  box-sizing: border-box;
  top: -10px;
  left: -10px;
  font-size: 10px;
  padding-top: 8px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-weight: bold;
  background: #a93048;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}

.label-gm-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  font-size: 16px;
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  color: #c00;
  font-weight: bold;
  text-align: center;
}

.label-gml-detail {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  font-size: 16px;
  padding-top: 35px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-weight: bold;
  background: #a93048;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}

.label-gm-ev,
.label-xmas-ev {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  font-size: 11px;
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  color: #c00;
  font-weight: bold;
  text-align: center;
}

.label-gml-ev {
  position: absolute;
  box-sizing: border-box;
  top: -10px;
  left: -10px;
  font-size: 13px;
  padding-top: 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-weight: bold;
  background: #a93048;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}

.StyleC_Item_ .label-gm-ev {
  font-size: 14px;
}

.StyleC_Item_ .label-gml-ev {
  font-size: 14px;
  padding-top: 20px;
  width: 100px;
  height: 100px;
}

.StyleD_Frame_,
.StyleD_Item_,
.StyleC_Frame_,
.StyleC_Item_ {
  overflow: visible !important;
}

/* atgm option end */

/* storetop renewal 2021.12.19 */

/* info */

#section-info .box_frame,
#section-info .box_message,
#section-info .box_attention,
#section-info .box_safe,
#section-info .hint {
  margin: 0 0 10px;
}

/* otayori */

.no-bg {
  background: none !important;
}

#section-otayori .section_hl {
  margin: 50px 0 30px;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ddd;
  line-height: 50px;
}

#section-otayori .overview {
  display: flex;
}

#section-otayori .cover {
  display: block;
  box-sizing: border-box;
  width: 250px;
  padding: 0 10px;
}

#section-otayori .index {
  display: block;
  box-sizing: border-box;
  width: 510px;
  padding: 0 10px;
}

#section-otayori .cover img {
  width: 100%;
  box-shadow: 2px 2px 3px #ddd;
}

#section-otayori .btn-read,
#section-otayori .btn-shopping {
  display: inline-block;
  min-width: 230px;
  height: 60px;
  margin: 0 5px;
  border: 1px solid #ddd;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

#section-otayori .btn-read {
  background: #66b333;
  border: none;
  color: #fff;
}

#section-otayori .index ul {
  margin: 20px 0 0;
  background: #f6f6f4;
  padding: 10px;
  border-radius: 5px;
}

#section-otayori .index ul li {
  margin-bottom: 5px;
}

#section-otayori .index ul li .heading-small {
  font-size: 12px;
  color: #999;
  display: block;
}

#section-otayori .index ul.index-sub li .heading-small {
  display: inline-block;
  margin-right: 0.5em;
  color: #333;
}

#section-otayori .index ul.index-sub li .ic-leaf {
  margin-right: 0.5em;
  width: 1.4em;
  vertical-align: baseline;
}

#section-otayori.mgz-list .cover {
  padding: 0 15px;
  width: 253px;
}
#section-otayori.mgz-list .btn-read {
  margin: 20px 0 0;
  min-width: 100%;
}
#section-otayori.mgz-list .btn-shopping {
  margin: 10px 0 0;
  min-width: 100%;
}
#section-otayori.mgz-list .index {
  display: flex;
  width: 100%;
  margin-top: 40px;
}
#section-otayori.mgz-list .index ul {
  width: 100%;
  margin: 0 10px;
}

/* selection */

.section_hl.hl-border {
  margin: 50px 0 30px;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ddd;
  line-height: 50px;
}

ul.list-open {
  overflow: hidden;
  padding: 4px 0 0 2px;
  background: #f6f6f4;
}

.list-open li {
  float: left;
  margin: 0 2px 10px;
}

.list-open .pickup_each {
  padding-top: 60px;
}

.list-open .pickup_each em {
  display: block;
  position: absolute;
  width: 165px;
  top: 10px;
  left: 10px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.5;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
}

#section-lineup .section_ftr {
  text-align: center;
}

#section-lineup .section_ftr .btn_white {
  display: inline-block;
  margin: 0 10px;
  width: 320px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
}

/* pickup */

.ad_pickup.no-date .pickup_each {
  padding-top: 60px;
}

.ad_pickup.no-date .pickup_each em {
  top: 10px;
}

.ad_pickup.no-date .slick-arrow.ic_prev,
.ad_pickup.no-date .slick-arrow.ic_next {
  top: 280px;
}

.section_ftr .btn_white.btn_single {
  margin: 0 auto;
  width: 400px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
}

.section_pickup_inner {
  background: #f6f6f4;
  border-bottom: 1px solid #f6f6f4;
}

.section_pickup_inner.no-footer {
  padding-bottom: 20px;
}

/* addbnr */

#section-add img {
  display: block;
  margin: 10px 0;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}

/* article */

.article_hdr .update .ad_tag {
  position: static;
  margin: 12px 0;
  padding: 2px 10px;
  width: auto;
  height: auto;
}

.article_box {
  float: right;
  box-sizing: border-box;
  margin: 0;
  width: 470px;
}

/* ranking */

#tab_lineup,
#top_lineup_wrap {
  display: none;
}

.section_hdr h2 .hlicon {
  margin-right: 0.3em;
  vertical-align: baseline;
  width: 20px;
}

.section_hdr h2 i {
  vertical-align: baseline;
  font-size: 30px;
}

/* bottom message */

#bottom-message {
  margin: 60px 0 0;
}

/* category */

.pickup_each .ad_tag,
.pickup_each .update,
.article_feature .update {
  display: none !important;
}

.pickup_each .title {
  top: 10px !important;
}

.section_hdr .link_moreview,
.article_hdr .link_moreview {
  display: none;
}

.section_hdr .link_moreview {
  display: none;
}

#section_pickup footer {
  background: #f6f6f4;
}

#section_pickup footer .section_ftr {
  visibility: hidden;
  height: 20px;
  padding: 0;
}

#section_pickup .slick-arrow {
  top: 280px !important;
}

/* side bar sns btns */
.sns_icon_list {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}
.sns_icon_list li {
  margin: 5px;
  padding: 0 !important;
  border-top: none;
}
.sns_icon_list li img {
  width: 40px;
}

/* storetop renewal end */

/* search banner test 2022.5.26 */

.banner_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.search_banner {
  width: 360px;
  margin: 10px;
}
.search_banner .list_product_each a:hover {
  opacity: 1;
}

.search_banner .product_name {
  font-size: 12px;
  padding: 0px 5px;
  text-decoration: underline;
}

.search_banner .product_thum {
  width: 360px;
  height: auto;
  margin: 0 auto;
}

.search_banner .list_product_each {
  height: 100%;
}

/* shop connect */
/* general */
.connect-shop {
  padding: 0 12px;
}

.connect-shop #header,
.connect-shop .area_topbar,
.connect-shop #frm,
.connect-shop #aside_sitemap,
.connect-shop #nav_breadbrumb,
.connect-shop .detail_,
.connect-shop .header_caption,
.connect-shop aside,
.connect-shop footer,
.connect-shop .product_more,
.connect-shop .spec_title,
.connect-shop .product_cart,
.connect-shop .page_hl_sub,
.connect-shop .product_shares {
  display: none !important;
}

.connect-shop .inner {
  width: initial;
  max-width: 1000px;
}

.connect-shop .wrapper_ {
  min-width: initial;
}

.connect-shop main {
  max-width: 1000px;
  margin: 80px auto 0;
}

/* index */
.connect-shop .section_hl {
  margin-top: 40px;
  padding: 30px 0 40px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  font-size: 17px !important;
  text-align: center;
  font-weight: bold;
  width: 100%;
}

.connect-shop .categorylist_each a {
  padding: 0.4em 0;
}

.connect-shop .categorylist_wrap {
  column-width: 239px;
  column-gap: 1em;
  width: 100%;
  margin-top: 20px;
}

.connect-shop .categorylist_each {
  width: 100%;
  margin: 0 0 10px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}

.connect-shop .categorylist_ad {
  display: flex;
  overflow: scroll;
}

.connect-shop .categorylist_ad li {
  width: 230px;
}

.connect-shop .section_orderrecom .orderrecom_list {
  display: flex;
  overflow: scroll;
}

.connect-shop .section_orderrecom .orderrecom_list::-webkit-scrollbar,
.connect-shop .categorylist_ad::-webkit-scrollbar {
  display: none;
}

.connect-shop .section_orderrecom .orderrecom_each img {
  width: 140px;
}

.connect-shop .container_inner_ {
  padding: 0;
}

/* search bar */
.connect-shop #area_search {
  top: 0;
  position: fixed;
  height: 60px;
  z-index: 1;
}

.connect-shop fieldset {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 10px;
}

.connect-shop #box_search_category,
.connect-shop #box_search_keyword,
.connect-shop #btn_search,
.connect-shop #btn_search_detail,
.connect-shop #select_category {
  display: block;
  position: static;
}

.connect-shop #box_search_category {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 50px;
  padding: 0;
}

.connect-shop #box_search_keyword {
  width: 100%;
  height: 50px;
}

.connect-shop #btn_search {
  min-width: 120px;
  height: 50px;
}

.connect-shop #box_search_category .ic_down {
  top: 20px;
  left: 190px;
}

/* search result */
.connect-shop .link_pageback {
  display: inline-block;
  float: none;
}

.connect-shop #main_off,
.connect-shop #container,
.connect-shop div.container_,
.connect-shop .main_off {
  width: 100%;
  max-width: 1000px;
}

.connect-shop #main_hdr {
  margin: 0 auto 40px;
  max-width: 1000px;
}
.connect-shop .main_goodssearch .menu_hl,
.connect-shop .main_goodssearch .banner_wrapper {
  display: none;
}

.connect-shop article,
.connect-shop #section_pickup {
  display: none;
}

.connect-shop #menu,
.connect-shop #main {
  float: none;
  min-width: 230px;
}

.connect-shop .main_wrap {
  display: flex;
}

.connect-shop ul.list_product {
  display: flex;
  flex-wrap: wrap;
}

.connect-shop #tab_sort {
  display: flex;
}

.connect-shop #tab_sort li:last-child {
  display: none;
}

.connect-shop .list_product li {
  width: 190px;
  margin-bottom: 16px;
}

.connect-shop .detail_product {
  display: flex;
  flex-direction: row-reverse;
}

.connect-shop #main.fullsize {
  width: 100%;
  max-width: 1000px;
}

.connect-shop .product_data {
  width: 100%;
  max-width: 530px;
}

.connect-shop .text-red {
  color: #d03355;
}

.connect-shop .section_hdr,
.connect-shop #section-chamis {
  display: none;
}

/* item detail */
.connect-shop .product_add {
  width: 420px;
}

.connect-shop .product_thumbs,
.connect-shop .product_thumbs .thumbs_each.current {
  width: 100%;
}

.connect-shop .thumbs_each {
  width: 100px;
}

@media only screen and (max-width: 840px) {
  .connect-shop #menu {
    width: 200px;
  }

  .connect-shop h4.menu_hl,
  .connect-shop .narrow_check_each,
  .connect-shop h5.menu_hl.sub {
    font-size: 13px !important;
  }

  .connect-shop .list_product .product_thum,
  .connect-shop .article_recomend .product_thum {
    width: 140px;
    height: 140px;
  }

  .connect-shop .list_product .list_product_each,
  .connect-shop .article_recomend .list_product_each {
    width: 142px;
  }

  .connect-shop .list_product li {
    width: 160px;
  }

  .connect-shop .navipage_sum_ {
    display: none;
  }
}