@charset "UTF-8";

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

base.css

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

/* reset
------------------------------------------- */
*{
  margin:0;
  padding:0;
}
html {
  /*overflow-y: scroll;*/
}
a{
  color:#222;
  text-decoration:none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;	
  padding: 0;
}
article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption { 
  display: block;
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;	
  border-spacing: 0;
}
caption, th	{
  text-align: left;
}
q:before ,q:after {
  content: '';
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
img, abbr, acronym, fieldset {
  border: 0;
  vertical-align: bottom;
}
li {
  list-style-type: none;
}

/* clearfix
------------------------------------------- */
.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }
.clearfix{ overflow:hidden; }

/* フォント
------------------------------------------- */
body {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  color:#222;
  letter-spacing: 0.08em;
  -webkit-text-size-adjust:100%;
}

/* 共通
------------------------------------------- */
#container {
  margin: 0 auto;
  width: 1000px;
}
.fixed {
  padding: 0 0 32px;
  background: url(../img/low_container_bg.png) no-repeat center bottom 0 transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}
#wrap {
  margin: 0 auto;
  width: 1000px;
}
.imagerespon {
  max-width: 100%;
  height: auto;
}

/* ヘッダー
------------------------------------------- */
#home header {
  margin: 0 0 10px;
}
#home header {
  padding: 145px 0 0;
  /* background: url(../img/head_bg1_1.jpg) no-repeat center top, 
              url(../img/head_bg_covid19_b.jpg) no-repeat center 22px,
              url(../img/head_bg.jpg) no-repeat center 44px; */
  background: url(../img/head_bg.jpg) no-repeat center top;
              
}
.lower header {
}
header .block {
  padding: 17px 0 6px;
  background: #fff;
}
header .block {
  margin: 0 auto;
  width: 1000px;
  padding-top: 8px; 
}
header h1 {
  float: left;
  margin: 5px 0 0;
  width: 178px;
}
header .path {
  float: right;
  width: 785px;
}
#links {
  margin: 0 0 10px;
}
#links nav {
  float: left;
  width: 570px;
  font-size: 90%;
}
#links nav ul li {
  display: inline;
  padding: 0 2px;
  border-right: 1px solid #de370d;
  text-transform: uppercase;
}
#links nav ul li.about a,
#links nav ul li.contact a,
#links nav ul li.shipping a,
#links nav ul li.policy a {
  color: #dd370d;
}
#links nav ul li.in a {
  border-bottom: 1px solid #413738;
}
#links nav ul li.cart a {
  padding: 0 25px 0 0;
  background:url(../img/cart.png) no-repeat right center;
}
#links #h_search {
  float: right;
  width: 200px;
}
#h_search form {
  float: left;
}
#h_search p {
  float: left;
width: 172px;
}
#h_search #search_text {
  position: relative;
  width: 170px;
  height: 19px;
  line-height: 19px;
  text-decoration: none;
  border: 1px solid #413735;
}
#h_search #h_submit {
  position: relative;
  float: left;
  margin: 0;
  height: 23px;
  width: 26px;
}
#h_search #h_submit input {
  padding: 0;
  width: 26px;
  height: 21px;
  text-align: center;
  cursor: pointer;
  border: medium none;
  background: #413735 url(../img/search.png) no-repeat center center;
}
:first-child + html #h_search #h_submit {
  margin: 1px 0 0;
}
#gnavi {
  line-height: 1.2;
}
#gnavi nav ul li {
  float: left;
  margin: 0 30px 0 0;
  width: 140px;
}
#gnavi nav ul li span {
  display:block;
  color: #dd370d;
  font-size: 123.1%;
}
#gnavi nav ul li a {
  display: block;
}
#gnavi nav ul li a img {
	max-width: 100%;
}
#gnavi nav ul li.producer {
  background: url(../img/nav_producers_on2.png) no-repeat left center;
  background-size: 100%;
}
#gnavi nav ul li.type {
  background: url(../img/nav_tea_on2.png) no-repeat left center;
  background-size: 100%;
}
#gnavi nav ul li.price {
  background: url(../img/nav_price_on2.png)  no-repeat left center;
  background-size: 100%;
}
#gnavi nav ul li.products {
  background: url(../img/nav_products_on2.png) no-repeat left center;
  background-size: 100%;
}
#gnavi nav ul li.blogs {
  width: 90px;	
  background: url(../img/nav_blogs_on1.png) no-repeat left center;
}

/* コンテンツ
------------------------------------------- */
#container {
  padding: 50px 0 70px;
  background: url(../img/low_container_bg.png) no-repeat left top;
}
#home #container {
  padding: 50px 0 70px;
}
.contents h1 {
  text-align: center;
  font-size: 153.9%;
}
.contents h1 span {
  padding: 0 15px 5px 15px;
  border-bottom: 2px solid #dd370d;
}
#main {
  float: right;
  width: 812px;
}


/* Banner Event */
.bannerEvent {
  display: none;
}
#container .bannerEvent {
  display: block;
  margin-bottom: 15px;
}
#container .bannerEvent a {
  display: block;
}



/* サイド
------------------------------------------- */
#side {
  float: left;
  width: 168px;
}
#side .CategoryList h2 {
  display: none;
}
#side .CategoryList .sf-menu li {
  margin-bottom: 10px;
  font-size: 108%;
}
#side .CategoryList .sf-menu li a:hover {
  opacity: 0.8;
}
#side .CategoryList .sf-menu li ul {
  display: none;
}

#side nav ul li {
  text-transform: uppercase;
}
#side nav ul li.active > a {
  color: #e83b0d;
}
#side nav ul li ul {
  /*display: none;*/
  padding-left: 20px;
  margin-top: 5px;
}
#side nav ul li ul li {
  position: relative;
}
#side nav ul li ul li:before {
  content: "└";
  position: absolute;
  left: -18px;
  top: -2px;
  font-size: 17px;
}
#side nav ul li ul li.active:before {
  color: #e83b0d;
}
body.productdetail #side nav ul li ul li:before {
  top: -5px;
  font-size: 15px;
}
#side nav ul li.parentItem ul {
  display: block;
}
#side img {
  max-width: 100%;
}

.BlockContent {
  font-weight: normal;
}

.BlockContent ul {
  margin: 0 0 10px 16px;
}
#side .BlockContent ul,
#ProductVideos .BlockContent ul {
  margin: 0 0 10px;
}

.BlockContent ul li {
  list-style-type: disc;
}
#side .BlockContent ul li,
#ProductVideos .BlockContent ul li {
  list-style-type: none;
}


/* フッター
------------------------------------------- */
footer {
  padding: 53px 0 30px;
  background: url(../img/foot_bg.png) no-repeat;
}
footer .main {
  margin: 0 0 18px;
  padding-top: 2px;
}
footer nav {
  float: left;
  width: 755px;
}
footer ul li {
  display: inline;
}
footer nav ul {
  padding: 3px 0 0;
}
footer nav ul li {
  padding: 0 9px;
  font-size: 93%;
  text-transform: uppercase;
  border-right: 1px solid #413738;
}
footer nav ul li.in a {
  border-bottom: 1px solid #413738;
}
footer .social {
  float: right;
  width: 200px;
}
footer .social ul li {
  float: left;
  margin: 0 9px 0 0;
  width: 25px;
}
footer .social ul li a {
  display: block;
  width: 25px;
  height: 25px;
}
footer .social ul li a img {
  max-width: 100%;
}
footer p {
  font-size: 85%;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  line-height: 1.4;
}

footer p.footlink {
  margin-bottom: 3px;
}
footer p.footlink a:hover {
  text-decoration: underline;
}
footer p.footslogan {
  margin-bottom: 12px;
}

footer .sslsealBox {
  float: right;
  margin-top: -60px;
}


/* LOADING */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fefefe;
  z-index: 9999999999;
  height: 100%;
  width: 100%;
  /*display: none;*/
}
#preloader #status {
  width: 128px;
  height: 128px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/loading1.gif);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -64px 0 0 -64px;
}