@charset "UTF-8";
/* CSS Document */

/* category.twig */
#category {
	width: 800px;
	float: right;
}
#category h1 {
    margin: 0;
    padding: 0;
}
#category img {
	vertical-align: bottom;
}
#category .cat_lists {
	padding: 0;
    background: #FFF;
}
#category .cat_lists h2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 140%;
    margin: 0;
    padding: 20px 10px 10px 10px;
    border-bottom: 1px dashed #CEBFB2;
    color: #824E36;
    background: url("/img/common/bg/bg_line.png") repeat-x;
}
#category .cat_lists h2 .bg_wh {
    background: #FFF url("/img/common/bg/bg_line.png") repeat-x;
}
#category .cat_lists h3 a,
#category .cat_lists h3.other {
    font-size: 17px;
    line-height: 140%;
    background: #e0d5cd;
    padding: 10px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    text-decoration: none;
}
#category .cat_lists h3,
#category .cat_lists h3.other {
	margin: 0 0 10px 0;
}
#category .cat_lists h3 a {
    background: #e0d5cd url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23804C34%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 95% 50%;
    background-size: 8px;
}
#category .cat_lists ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}
#category .cat_lists ul li {
  margin: 0;
  padding: 0;
  font-size: 15px;
  border-top: 1px dashed #CEBFB2;
}
#category .cat_lists ul li:first-child {
    border: none;
    margin: 0;
}
#category .cat_lists ul li.link a {
    display: block;
    text-decoration: none;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 15px;
    padding: 15px 10px 15px 25%;
}
#category .acd-check {
    display: none;
}
#category .acd-label {
    display: block;
	cursor: pointer;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
	background-size: 15px;
    padding: 15px 10px 15px 25%;
	font-size: 16px;
	line-height: 160%;
}
#category .acd-label:hover {
    opacity: .8;
}
#category .acd-content {
    height: 0;
    opacity: 0;
    padding: 0 !important;
	margin: 0 10px !important;
    transition: .5s;
    visibility: hidden;
}
#category .acd-content li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
  line-height: 160%;
  border: none;
}
#category .acd-content li a {
	display: block;
	padding: 10px 30px 10px 10px;
	background: #faf4f2 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23804C34%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50% !important;
    background-size: 15px !important;
	line-height: 140% !important;
	text-decoration: none;
}
#category .acd-check:checked + .acd-label {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
	background-size: 15px;
}
#category .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    visibility: visible;
}
#category .acd-check:checked + .acd-label + .acd-content ul {
    padding: 10px 0;
}

#category .acd-label.tea {
    background: url("/img/sp/toppage/cat_tea.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-check:checked + .acd-label.tea {
    background: url("/img/sp/toppage/cat_tea.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-label.food {
    background: url("/img/sp/toppage/cat_food.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-check:checked + .acd-label.food {
    background: url("/img/sp/toppage/cat_food.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .cat_lists ul li.link.fwfc a {
    display: block;
    text-decoration: none;
    background: url("/img/sp/toppage/cat_fwfc.jpg") no-repeat 0 50%,  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
    padding: 15px 10px 15px 25%;
}
#category .acd-label.drug {
    background: url("/img/sp/toppage/cat_drug.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-check:checked + .acd-label.drug {
    background: url("/img/sp/toppage/cat_drug.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-label.care {
    background: url("/img/sp/toppage/cat_care.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-check:checked + .acd-label.care {
    background: url("/img/sp/toppage/cat_care.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .cat_lists ul li.link.gift a {
    display: block;
    text-decoration: none;
    background: url("/img/sp/toppage/cat_gift.jpg") no-repeat 0 50%,  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
    padding: 15px 10px 15px 25%;
}
#category .cat_lists ul li.link.wig a {
    display: block;
    text-decoration: none;
    background: url("/img/sp/toppage/cat_wig.jpg") no-repeat 0 50%,  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
    padding: 15px 10px 15px 25%;
}
#category .acd-label.zakka {
    background: url("/img/sp/toppage/cat_zakka.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}
#category .acd-check:checked + .acd-label.zakka {
    background: url("/img/sp/toppage/cat_zakka.jpg") no-repeat 0 50%, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20%, 15px;
}

#category .allitem_lists ul {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
}
#category .allitem_lists ul{
    margin: 0;
}
#category .allitem_lists ul li {
  margin: 0;
  padding: 0;
  border-top: 1px dashed #CEBFB2;
}
#category .allitem_lists ul li a {
    display: block;
    text-decoration: none;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 15px;
    padding: 15px 20px 15px 0;
}
#category .allitem_lists {
    background-color: #e0d5cd;
    padding: 10px;
    margin-bottom: 15px;
}
#category .allitem_lists ul li {
    border: none;
    background: #FFF;
}
#category .allitem_lists ul li:first-child {
    border-bottom: 1px dashed #CEBFB2;
}
#category .allitem_lists ul li a {
    padding: 15px 15px 15px 40px;
    line-height: 140%;
    font-feature-settings: "palt";
}
#category .allitem_lists ul li.all a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23804C34%22%20class%3D%22bi%20bi-info-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014zm0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016z%22%2F%3E%20%3Cpath%20d%3D%22m8.93%206.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533L8.93%206.588zM9%204.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200z%22%2F%3E%3C%2Fsvg%3E') no-repeat 8px 50%,  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20px, 15px;
}
#category .allitem_lists ul li.potcup a {
    background: url("/img/pc/header/nav_tea.png") no-repeat 8px 50%,  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FC5B72%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20px, 15px;
}