@charset "Shift_JIS";

#header {
  --link-color: var(--root-link-color);
  --link-color-visited: var(--root-link-color-visited);
  --link-color-hover: var(--root-link-color-hover);
  width: var(--root-pc-max-width);
  margin: 0 auto;
  position: relative;
  overflow: visible;
  /* top: 15px; */
  /*height: 140px;*/
}

#header a:link {
  color: var(--link-color);
}

#header a:visited {
  color: var(--link-color-visited);
}

#header a:hover {
  color: var(--link-color-hover);
}

#header h1 {
  text-indent: -9999px;
  width: 127px;
  height: 72px;
  margin: 0 0 10px 0;
}

#header h1 a {
  position: absolute;
  background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/shop_logo4.jpg");
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  width: 127px;
  height: 72px;
}

#header h1 a:hover {
  opacity: 0.5;
}

#header h2 {
  position: absolute;
  top: 0;
  left: 160px;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}

#header ul {
  list-style: none;
}

#header ul#navi1 {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  color: #666666;
  margin: 0;
}

#header ul#navi1 li {
  float: left;
  margin-left: 23px;
}

#header ul#navi1 li a {
  text-decoration: none;
  color: #555;
}

#header ul#navi1 li a:hover {
  color: #BC0000;
  text-decoration: underline;
  /*color: #71B8FF;*/
}

#header #search {
  position: absolute;
  top: 32px;
  left: 190px;
}

#header #search #search_box {
  background: #ffffff;
  border: 1px solid #666666;
  width: 260px;
  height: 36px;
  text-indent: 7px;
  font-size: 15px;
  float: left;
}

#header #search #btn {
  background: #a0a0a0;
  color: #ffffff;
  font-size: 16px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: none;
  width: 50px;
  height: 36px;
  cursor: pointer;
}

#header #search #btn:hover {
  background: #B0B0B0;
}

#header ul#navi2 {
  float: left;
  position: absolute;
  top: 38px;
  right: 0;
}

#header ul#navi2 li {
  float: left;
  margin-left: 20px;
  background-repeat: no-repeat;
  text-indent: 25px;
  background-position: left 1px;
  font-size: 16px;
}

#header ul#navi2 li a {
  text-decoration: none;
  color: #555;
}

#header ul#navi2 li a:hover {
  /*color: #71B8FF;*/
  color: #BC0000;
  text-decoration: underline;
}

#header ul#navi2 li.mail {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/icon_mail.gif);
}

#header ul#navi2 li.review {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/icon_review.gif);
}

#header ul#navi2 li.like {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/icon_like.gif);
}

.bn_header {
  margin: 10px 0;
}
.bn_header .hedbn {
  width: 950px;
  /*height: 110px;*/
  /*height: 220px;*/
  height: 0px;
}

#header ul#gnavi {
  margin: 0;
  padding: 0;
  width: 950px;
  height: 50px;
}

#header ul#gnavi li {
  margin: 0;
  padding: 0;
  font-size: 20px;
  float: left;
  position: relative;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  background: #fff;
  text-align: center;
}

#header ul#gnavi li.top,
#header ul#gnavi li.health,
#header ul#gnavi li.cosme,
#header ul#gnavi li.honey,
#header ul#gnavi li.cart {
  border-left: 1px solid #666;
}

#header ul#gnavi li.cart {
  border-right: 1px solid #666;
}

#header ul#gnavi li a {
  color: #555;
  display: block;
  text-decoration: none;
}

#header ul#gnavi li.top a {
  width: 91px;
  text-indent: -9999px;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_home.gif) no-repeat center;
}

#header ul#gnavi li.health a {
  width: 254px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_health.gif);
  background-repeat: no-repeat;
  background-position: 53px center;
}

#header ul#gnavi li.cosme a {
  width: 248px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_cosme.gif);
  background-repeat: no-repeat;
  background-position: 68px 8px;
}

#header ul#gnavi li.honey a {
  width: 249px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_honey.gif);
  background-repeat: no-repeat;
  background-position: 18px center;
}

#header ul#gnavi li.cart a {
  width: 99px;
  text-indent: -9999px;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_cart.gif) no-repeat 33px center;
}

#header ul#gnavi li.honey a span {
  text-indent: 36px;
  display: block;
}

#header ul#gnavi li.health ul li,
#header ul#gnavi li.health ul li a,
#header ul#gnavi li.cosme ul li,
#header ul#gnavi li.cosme ul li a,
#header ul#gnavi li.honey ul li,
#header ul#gnavi li.honey ul li a {
  background: none;
}

#header ul#gnavi li:hover,
#header ul#gnavi li a:hover {
  /* color:#666;*/
}

#header ul#gnavi li.top:hover,
#header ul#gnavi li.top a:hover {
  background: #32722d url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_home_o.gif) no-repeat center;
}

#header ul#gnavi li.health:hover {
  background: #FFE8D6;
  border-bottom: 3px solid #9F4E0D;
  height: 47px;
}



#header ul#gnavi li.cosme:hover {
  background: #FFFFC1;
  border-bottom: 3px solid #E5A100;
  height: 47px;
}

#header ul#gnavi li.honey:hover {
  background: #F9E4BE;
  border-bottom: 3px solid #E28100;
  height: 47px;
}

#header ul#gnavi li.cart:hover,
#header ul#gnavi li.cart a:hover {
  background: #32722d url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/assets/css/../img/btn_cart_o.png) no-repeat 33px center;
}

#header ul#gnavi li ul {
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 100;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

#header ul#gnavi li.health:hover ul {
  width: 511px;
  background-color: #FFE8D6;
  margin-left: -1px;
  visibility: visible;
}

#header ul#gnavi li.cosme:hover ul {
  width: 499px;
  background-color: #FFFFC1;
  margin-left: -1px;
  left: -127px;
  visibility: visible;
}

#header ul#gnavi li.honey:hover ul {
  width: 501px;
  margin-left: -251px;
  background-color: #F9E4BE;
  visibility: visible;
}

/*header ul#gnavi li ul,*/
#header ul#gnavi li ul li {
  /*  visibility: hidden;
  overflow: hidden;
  height: 0;*/
}

#header ul#gnavi li.health ul li.b_r {
  border-right: 1px solid #9F4E0D;
}

#header ul#gnavi li.cosme ul li.b_r {
  border-right: 1px solid #E5A100;
}

#header ul#gnavi li.honey ul li.b_r {
  border-right: 1px solid #E28100;
}

#header ul#gnavi li.health ul li.b_t {
  border-top: 1px solid #9F4E0D;
}

#header ul#gnavi li.cosme ul li.b_t {
  border-top: 1px solid #E5A100;
}

#header ul#gnavi li.honey ul li.b_t {
  border-top: 1px solid #E28100;
}

#header ul#gnavi li.health ul li.m_t_-1px,
#header ul#gnavi li.cosme ul li.m_t_-1px,
#header ul#gnavi li.honey ul li.m_t_-1px {
  margin-top: -1px;
}

#header ul#gnavi li.health ul li {
  width: 254px;
  /*background: #ffe0c7;*/
  border-left: 1px solid #9F4E0D;
  border-bottom: 1px solid #9F4E0D;
  text-align: left;
  text-indent: 15px;
}

#header ul#gnavi li.cosme ul li {
  width: 248px;
  /*background:#ffffb5;*/
  border-left: 1px solid #E5A100;
  border-bottom: 1px solid #E5A100;
  text-align: left;
  text-indent: 15px;
}

#header ul#gnavi li.honey ul li {
  width: 249px;
  /*background:#ffe5b7;*/
  border-left: 1px solid #E28100;
  border-bottom: 1px solid #E28100;
  text-align: left;
  text-indent: 15px;
}

#header ul#gnavi li:hover ul li,
#header ul#gnavi li a:hover ul li {
  visibility: visible;
  overflow: visible;
  height: 39px;
  z-index: 10;
  line-height: 39px;
  font-size: 16px;
  float: left;
}

#header ul#gnavi li.honey:hover ul li,
#header ul#gnavi li.honey a:hover ul li {
  /*float: right;*/
}

/*header ul#gnavi li.health ul li:hover,*/
#header ul#gnavi li.health ul li a:hover,

/*header ul#gnavi li.cosme ul li:hover,*/
#header ul#gnavi li.cosme ul li a:hover,

/*header ul#gnavi li.honey ul li:hover,*/
#header ul#gnavi li.honey ul li a:hover {
  background: #fff;
}

/*
#header ul.gnavi * {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}*/




.bn_header a {
  display: block;
}

.bn_header a:hover {
  opacity: 0.6;
  filter: alpha(opacity=50);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  -moz-opacity: 0.5;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  zoom: 1;
}

.bn_header img {
  border: 0;
  vertical-align: bottom;
}