@charset 'utf-8';

#iyokan-herb {
  color: #46332b;
  font-size: 14px;
  line-height: 1.71;
  background: #ffe9c6;
}
#iyokan-herb h1 {
  line-height: 0;
  padding: 0;
  margin: 0;
}
#iyokan-herb .intro {
  text-align: center;
  padding: 30px 20px 50px;
  background: url(../../../img/usr/freepage/iyokan-herb/bg_intro.jpg) no-repeat center bottom / 100%;
}
#iyokan-herb .intro .text {
  font-size: 16px;
  margin: 0 0 25px;
}
#iyokan-herb .intro .text p:not(:last-child) {
  margin: 0 0 15px;
}
#iyokan-herb .nav ul {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
}
#iyokan-herb .nav li {
  width: calc((100% - 10px) / 2);
}
#iyokan-herb .nav li a {
  position: relative;
  display: block;
  border-radius: 7px;
  border: 1px solid #9f8981;
  box-shadow: 0 0 8px gray;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
}
#iyokan-herb .nav li a:after {
  content: '';
  position: absolute;
  left: calc(50% - 8px);
  bottom: 10px;
  border-style: solid;
  border-width: 7px 8px 0 8px;
  border-color: #46332b transparent transparent transparent;
}
#iyokan-herb .nav li .head {
  position: relative;
  background: #ffe9c6;
  font-size: 11px;
  padding: 6px 0;
}
#iyokan-herb .nav ul:last-child li .head {
  background: #ffddd7;
}
#iyokan-herb .nav li .head:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 10px);
  height: 1px;
  background: #524038;
}
#iyokan-herb .nav li .name {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: -0.5px;
  min-height: 70px;
  padding: 0 0 12px;
}

#iyokan-herb .nav li .nav__icon{
 position: absolute;
 top: 35px;
 left: 5px;
 width: 50px;
}

#iyokan-herb .nav li .nav__icon .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #ef964d;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.1;
    background: #fff;
    border: #ef964d 2px solid;
}



#iyokan-herb .nav .comment {
  position: relative;
  line-height: 1.46;
  font-weight: bold;
  padding: 0 20px;
  margin: 25px 0 12px;
}
#iyokan-herb .nav .comment:before,
#iyokan-herb .nav .comment:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 1px;
  height: 100%;
  background: #524038;
  transform: rotate(-30deg);
}
#iyokan-herb .nav .comment:after {
  left: auto;
  right: 5px;
  transform: rotate(30deg);
}
#iyokan-herb #iyokan {
  margin: -40px 0 30px;
  padding: 210px 20px 0;
  background: url(../../../img/usr/freepage/iyokan-herb/bg_iyokan.png) no-repeat center top / 100%;
}
#iyokan-herb .ttl {
  text-align: center;
  margin: 0 0 25px;
}
#iyokan-herb .ttl .sub {
  font-size: 16px;
  line-height: 1.53;
  font-weight: bold;
  margin: 0 0 17px;
}
#iyokan-herb h2 {
  padding: 0;
  margin: 0;
  line-height: 0;
  text-align: center;
}
#iyokan-herb #iyokan h2 {
  margin: 0 -1.195%;
}
#iyokan-herb .point {
  display: flex;
  justify-content: space-between;
  margin: 0 0 25px;
}
#iyokan-herb .point li {
  width: calc((100% - 10px) / 3);
}
#iyokan-herb #iyokan .item-mv {
  margin: 0 -20px 25px;
}
#iyokan-herb #iyokan .item-mv img {
  width: 92.8%;
}
#iyokan-herb .about {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
}
#iyokan-herb .about p {
  font-size: 16px;
  letter-spacing: 0;
  flex: 1;
}
#iyokan-herb .about img {
  width: 30.15%;
  margin: 0 0 0 15px;
}
#iyokan-herb .chart {
  position: relative;
  padding: 25px 0;
  margin: 40px 0 0;
  background: #ffe9c6;
}
#iyokan-herb .chart-ttl {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 2px 0 1px;
  width: 200px;
  background: #ef964d;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
#iyokan-herb .flavor {
  text-align: center;
  margin: 0 0 10px;
}
#iyokan-herb .flavor span {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 3px 0 3px 30px;
  background: url(../../../img/usr/freepage/iyokan-herb/icon_leaf01.png) no-repeat left center / 22.5px;
}
#iyokan-herb .chart .text {
  padding: 0 15px;
  margin: 0 0 10px;
  letter-spacing: 0;
}
#iyokan-herb .chart .img {
  text-align: center;
}
#iyokan-herb #iyokan .chart .img {
  text-align: left;
}
#iyokan-herb #iyokan .chart .img img {
  width: 87.015%;
  margin: 0 0 0 5%;
}
#iyokan-herb .link-offer {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #ef964d;
  border-radius: 7px;
  margin: 30px 0 0;
  padding: 14px 0;
}
#iyokan-herb .link-offer span {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 1.56;
  font-weight: bold;
  padding: 0 0 18px;
}
#iyokan-herb .link-offer span:before,
#iyokan-herb .link-offer span:after {
  content: '';
  position: absolute;
  left: calc(50% - 13px);
  bottom: 5px;
  width: 15px;
  height: 2px;
  background: #fff;
  transform: rotate(40deg);
}
#iyokan-herb .link-offer span:after {
  left: calc(50% - 2px);
  transform: rotate(-40deg);
}
#iyokan-herb .voice {
  margin: 30px 0 25px;
}
#iyokan-herb .voice h3,
#iyokan-herb #iyokan .blend h3 {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0 0 12px;
}
#iyokan-herb .voice h3:after,
#iyokan-herb #iyokan .blend h3:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #46332b;
}
#iyokan-herb .voice h3 span,
#iyokan-herb #iyokan .blend h3 span {
  position: relative;
  background: #fff;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 0 20px;
  z-index: 1;
}
#iyokan-herb .swiper-container {
  position: relative;
  overflow: hidden;
  background: #ffe9c6;
}
#iyokan-herb .swiper-slide {
  padding: 12px 15px 40px;
  letter-spacing: 0;
}
#iyokan-herb .swiper-slide .head {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}
#iyokan-herb .swiper-slide .head img {
  width: 73px;
  margin: 0 8px 0 0;
}
#iyokan-herb .swiper-slide .head h4 {
  font-size: 16px;
  font-weight: bold;
  flex: 1;
}
#iyokan-herb .swiper-slide .review {
  line-height: 1.89;
  padding: 0 10px;
}
#iyokan-herb .swiper-slide .name {
  text-align: right;
  padding: 0 10px;
}
#iyokan-herb .swiper-button-disabled {
  opacity: 0;
}
#iyokan-herb .swiper-button-prev {
  left: 0;
}
#iyokan-herb .swiper-button-next {
  right: 2px;
}
#iyokan-herb .swiper-button-prev:after,
#iyokan-herb .swiper-button-next:after {
  width: 0;
  height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #46332b transparent transparent;
}
#iyokan-herb .swiper-button-next:after {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #46332b;
}
#iyokan-herb .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border: 1px solid #46332b;
  background: none;
  margin: 0 5px;
  opacity: 1;
}
#iyokan-herb .swiper-pagination-bullet-active {
  background: #46332b;
}
#iyokan-herb .voice .caution {
  font-size: 12px;
  line-height: 1.46;
  margin: 6px 0 0;
  letter-spacing: 0;
}
#iyokan-herb .blend-ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0;
  margin: 0 0 15px;
}
#iyokan-herb .blend h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 7px;
}
#iyokan-herb .blend .teabag h4 {
  margin: 0 0 2px;
}
#iyokan-herb #iyokan .keyherb {
  display: flex;
  justify-content: space-between;
  border: 1px solid #6daa71;
  border-radius: 7px;
  margin: 0 0 15px;
  padding: 10px;
  letter-spacing: 0;
}
#iyokan-herb .keyherb .img {
  width: 40%;
  text-align: center;
}
#iyokan-herb .keyherb:nth-of-type(1) .img img {
  width: 98.26%;
}
#iyokan-herb .keyherb:nth-of-type(2) .img img {
  width: 97.86%;
}
#iyokan-herb .keyherb .text {
  width: 58%;
}
#iyokan-herb .keyherb h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px;
  margin: 0 0 2px;
}
#iyokan-herb .tea-leaf .others {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px 12px;
}
#iyokan-herb .tea-leaf .others li {
  width: calc(100% / 3);
  text-align: center;
  margin: 0 0 15px;
}
#iyokan-herb .tea-leaf .others li:nth-last-child(-n+3) {
  margin: 0;
}
#iyokan-herb .tea-leaf .others li p {
  font-size: 12px;
  letter-spacing: 0;
}
#iyokan-herb .tea-leaf .others li sup {
  font-size: 10px;
  vertical-align: top;
}
#iyokan-herb .tea-leaf .others li .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
#iyokan-herb .tea-leaf .others li:nth-child(1) img {
  width: 59.16%;
}
#iyokan-herb .tea-leaf .others li:nth-child(2) img {
  width: 55.78%;
}
#iyokan-herb .tea-leaf .others li:nth-child(3) img {
  width: 54.1%;
}
#iyokan-herb .tea-leaf .others li:nth-child(4) img {
  width: 59.16%;
  transform: translateX(8%);
}
#iyokan-herb .tea-leaf .others li:nth-child(5) img {
  width: 71.84%;
}
#iyokan-herb .tea-leaf .others li:nth-child(6) img {
  width: 62.54%;
}
#iyokan-herb .tea-leaf .others li:nth-child(7) img {
  width: 44.8%;
}
#iyokan-herb .tea-leaf .others li:nth-child(8) img {
  width: 44.8%;
}
#iyokan-herb .tea-leaf .others li:nth-child(9) img {
  width: 40.57%;
}
#iyokan-herb .tea-leaf .others + .text,
#iyokan-herb .teabag .text,
#iyokan-herb .blend .note {
  font-size: 12px;
  line-height: 1.58;
  letter-spacing: 0;
}
#iyokan-herb .blend .note {
  margin: 0 0 15px;
}
#iyokan-herb .tea-leaf .text p:not(:last-child) {
  margin: 0 0 5px;
}
#iyokan-herb .teabag {
  margin: 15px 0 0;
}
#iyokan-herb .teabag .text {
  display: none;
}
#iyokan-herb .blend .acd {
  width: 22.5px;
  height: 16.5px;
  margin: 5px auto 15px;
  transform: rotate(180deg);
  background: url(../../../img/usr/freepage/common/arrow.png) no-repeat center / 100%;
  cursor: pointer;
}
#iyokan-herb .blend .acd.open {
  transform: rotate(0deg);
}
#iyokan-herb .item-list {
  border: 1px solid #46332b;
  border-radius: 7px;
  padding: 0 15px 25px;
  letter-spacing: 0;
  background: #fff;
}
#iyokan-herb .item-list .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #46332b;
  padding: 10px 3px;
  margin: 0 -8px 25px;
}
#iyokan-herb #iyokan .item-list .head {
  margin-bottom: 15px;
}
#iyokan-herb .item-list .head h3 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  flex: 1;
  padding: 0;
  margin: 0;
}
#iyokan-herb .item-list .head .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #6daa71;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 10px;
}

#iyokan-herb .item-list .head .icon.oil_limited{
    margin: 0 3px;
}

#iyokan-herb .item-list .head .icon.oil_off{
    text-align: center;
    color: #ef964d;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.1;
    background: #fff;
    margin: 0;
    border: #ef964d 2px solid;
}

#iyokan-herb .item-list ul {
  margin: 0 0 30px -7px;
}
#iyokan-herb .item-list li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
}
#iyokan-herb .item-list li:last-child {
  margin: 0;
}
#iyokan-herb .item-list li .img {
  position: relative;
  width: 44%;
  text-align: center;
}
#iyokan-herb #iyokan .item-list li:nth-child(1) .img img {
  width: 91.78%;
}
#iyokan-herb #iyokan .item-list li:nth-child(2) .img img {
  width: 78.16%;
  transform: translateX(12%);
}
#iyokan-herb .item-list li .text {
  display: flex;
  flex-direction: column;
  width: 52%;
}
#iyokan-herb #iyokan .item-list li:nth-child(1) .text {
  margin: 4vw 0 0;
}
#iyokan-herb .item-list li .amount h4 {
  font-size: 17px;
  font-weight: bold;
}
#iyokan-herb .item-list li .amount h4 span {
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 5px;
}
#iyokan-herb .price {
  font-size: 17px;
  font-weight: bold;
}
#iyokan-herb .price span {
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 3px;
}
#iyokan-herb .label {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background: #46332b;
  border-radius: 25px;
  padding: 1px 0 0;
  margin: 4px 0 0;
  text-align: center;
  width: 90px;
}
#iyokan-herb .qty-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  margin-left: auto;
}
#iyokan-herb .qty-area.hide {
  display: none;
}
#iyokan-herb .bookmark {
  margin: 0 7px 0 0;
}
#iyokan-herb .bookmark a {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
#iyokan-herb .bookmark i:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../img/usr/common/icon_bookmark_off.png) no-repeat center / 100%;
}
#iyokan-herb .bookmark .js-cancel-modal i:before {
  background: url(../../../img/usr/common/icon_bookmark.png) no-repeat center / 100%;
}
#iyokan-herb .qty select {
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  width: 75px;
  height: 35px;
  line-height: 35px;
  padding: 0 25px 0 10px;
  background: #fff url(../../../img/usr/freepage/summer_herb/icon_select.png) no-repeat right 5px top 14px / 16px;
  -webkit-appearance: none;
}
#iyokan-herb .item-list li .comment {
  color: #ef964d;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 12px 5px;
  text-align: center;
  background: url(../../../img/usr/freepage/iyokan-herb/img_comment.png) no-repeat center bottom / 100%;
}
#iyokan-herb .to-cart {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #46332b;
  border-radius: 7px;
  padding: 21px 0 17px;
}
#iyokan-herb .to-cart:hover {
  opacity: .8;
}
#iyokan-herb .to-cart span {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0 6px 60px;
  letter-spacing: 1px;
  background: url(../../../img/usr/freepage/iyokan-herb/icon_cart.png) no-repeat left center / 33.5px;
}
#iyokan-herb .item-list .caution {
  font-size: 12px;
  line-height: 1.5;
  margin: 7px 7px 0;
}
#iyokan-herb .coupon {
  padding: 5px;
  margin: 10px 0 0;
  border: 5px solid #6daa71;
}
#iyokan-herb .coupon-inner {
  border: 2px solid #6daa71;
}
#iyokan-herb .coupon .sub {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #6daa71;
  text-align: center;
}
#iyokan-herb .coupon-ttl {
  color: #6daa71;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
#iyokan-herb .coupon p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 10px 10px;
}
#iyokan-herb .omatome {
  display: flex;
  align-items: center;
  margin: 13px 0 5px;
}
#iyokan-herb .omatome img {
  width: 60.5px;
}
#iyokan-herb .omatome .text {
  flex: 1;
  margin: 0 0 0 10px;
  line-height: 1.5;
}
#iyokan-herb .omatome-ttl {
  font-size: 16px;
  font-weight: bold;
}
#iyokan-herb .omatome .text p {
  font-size: 12px;
  line-height: 1.25;
}
#iyokan-herb .omatome-item {
  text-align: right;
  margin: 0 0 17px;
}
#iyokan-herb .omatome-item a {
  position: relative;
  font-size: 12px;
  padding: 0 11px 0 0;
  text-decoration: none;
  border-bottom: 1px solid #46332b;
  letter-spacing: -0.3px;
}
#iyokan-herb .omatome-item a:hover {
  border-color: transparent;
}
#iyokan-herb .omatome-item a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 1px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #46332b;
  border-bottom: 1px solid #46332b;
  transform: rotate(-45deg);
}
#iyokan-herb .item-list dl,
#iyokan-herb #set dl {
  background: #ffe9c6;
  margin: 0 0 12px;
}
#iyokan-herb .item-list dl:last-of-type,
#iyokan-herb #set dl:last-of-type {
  margin: 0;
}
#iyokan-herb .item-list dt,
#iyokan-herb #set dt {
  position: relative;
  padding: 7px;
  cursor: pointer;
}
#iyokan-herb .item-list dt:before,
#iyokan-herb .item-list dt:after,
#iyokan-herb #set dt:before,
#iyokan-herb #set dt:after {
  content: '';
  position: absolute;
  top: 18px;
  right: 7px;
  width: 11px;
  height: 1px;
  background: #000;
}
#iyokan-herb .item-list dt:after,
#iyokan-herb #set dt:after {
  transform: rotate(90deg);
}
#iyokan-herb .item-list dt.open:after,
#iyokan-herb #set dt.open:after {
  transform: rotate(0deg);
}
#iyokan-herb .nekopos .label {
  margin: 0;
}
#iyokan-herb .item-list dd,
#iyokan-herb #set dd {
  display: none;
  font-size: 12px;
  line-height: 1.33;
  padding: 0 7px 10px;
}
#iyokan-herb .surely-read ul {
  margin: 0;
}
#iyokan-herb .surely-read li {
  display: block;
  margin: 0;
}
#iyokan-herb #oil {
  margin: 0 0 42px;
  padding: 30px 20px 0;
  background: url(../../../img/usr/freepage/iyokan-herb/bg_oil.jpg) no-repeat right top / 55%;
}
#iyokan-herb #oil h2 img {
  width: 75.525%;
}
#iyokan-herb #oil .item-mv {
  margin: 0 0 15px;
  transform: translateX(-20px);
}
#iyokan-herb #oil .howto {
  display: flex;
  align-items: center;
  margin: 0 0 0 -20px;
}
#iyokan-herb #oil .howto img {
  width: 43.665%;
}
#iyokan-herb #oil .howto p {
  flex: 1;
  font-size: 16px;
  letter-spacing: 0;
  margin: 0 0 0 15px;
}
#iyokan-herb #oil .chart,
#iyokan-herb #oil .swiper-container {
  background: #fff4c9;
}
#iyokan-herb #oil .chart-ttl {
  background: #edad4f;
}
#iyokan-herb #oil .flavor span {
  background-image: url(../../../img/usr/freepage/iyokan-herb/icon_leaf02.png);
}
#iyokan-herb #oil .chart .img img {
  width: 92.84%;
}
#iyokan-herb #oil .item-list li .img img {
  width: 83.22%;
}
#iyokan-herb #oil .sale-date {
  line-height: 1;
  margin: 3px;
}
#iyokan-herb #oil .sale-date span {
  position: relative;
  display: inline-block;
  color: #ea7c2a;
  font-size: 11px;
  line-height: 1;
  padding: 0 7px;
}
#iyokan-herb #oil .sale-date span:before,
#iyokan-herb #oil .sale-date span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 12px;
  background: #ea7c2a;
  transform: rotate(-30deg);
}
#iyokan-herb #oil .sale-date span:after {
  left: auto;
  right: 0;
  transform: rotate(30deg);
}
#iyokan-herb #oil .discount {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  background: #ea7c2a;
  width: 115px;
  text-align: center;
  border-radius: 25px;
  padding: 4px 0 3px;
  margin: 2px 0 0;
}
#iyokan-herb #oil .sale-price {
  color: #ea7c2a;
}
#iyokan-herb #oil .surely-read {
  margin: 15px 0 0;
}
#iyokan-herb #set .ttl {
  margin: 0 0 20px;
}
#iyokan-herb #set .ttl .sub span {
  position: relative;
  font-size: 17px;
  font-weight: normal;
  padding: 0 15px;
}
#iyokan-herb #set .ttl .sub span:before,
#iyokan-herb #set .ttl .sub span:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  width: 1px;
  height: 40px;
  background: #46332b;
  transform: rotate(-30deg);
}
#iyokan-herb #set .ttl .sub span:after {
  left: auto;
  right: 0;
  transform: rotate(30deg);
}
#iyokan-herb #set > .ttl h2 {
  position: relative;
  margin: 0 20px 15px;
}
#iyokan-herb #set > .ttl h2:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #46332b;
}
#iyokan-herb #set > .ttl h2 img {
  position: relative;
  width: 55.255%;
  background: #fff;
  box-sizing: content-box;
  padding: 0 15px;
  z-index: 1;
}
#iyokan-herb #set .ttl p {
  font-size: 16px;
}
#iyokan-herb #relax {
  margin: 0 0 80px;
  padding: 25px 20px 0;
  background: #ffddd7;
}
#iyokan-herb #set .set-item {
  margin: 0 0 30px;
}
#iyokan-herb #set .check {
  width: 303px;
  margin: 0 auto 15px;
}
#iyokan-herb #set .check li {
  padding: 0 0 0 30px;
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  background: url(../../../img/usr/freepage/iyokan-herb/icon_check.png) no-repeat left center / 23.5px;
}
#iyokan-herb #set .check li:last-child {
  margin: 0;
}
#iyokan-herb #set .for {
  position: relative;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #e37777;
  margin: 0 0 30px;
  padding: 4px 0;
}
#iyokan-herb #set .for:after {
  content: '';
  position: absolute;
  left: calc(50% - 7.5px);
  bottom: -21px;
  border-style: solid;
  border-width: 22px 7.5px 0 7.5px;
  border-color: #e37777 transparent transparent transparent;
}
#iyokan-herb #set .set-item h3 {
  padding: 0;
  margin: 0 0 15px;
  text-align: center;
}
#iyokan-herb #set #relax .set-item h3 img {
  width: 72.84%;
}
#iyokan-herb #set .products {
  background: #fff;
  border-radius: 7px;
  padding: 10px 10px 20px;
  margin: 0 0 12px;
}
#iyokan-herb #set .products > img {
  display: block;
  width: 27px;
  margin: 10px auto 15px;
}
#iyokan-herb #set .amount h4 {
  font-size: 16px;
  font-weight: bold;
}
#iyokan-herb #set .price {
  font-size: 21px;
  line-height: 1.2;
}
#iyokan-herb #set .btn-cart {
  margin: 10px 0 12px;
}
#iyokan-herb #set .set-item dl {
  background: #fff;
}
#iyokan-herb #set .nekopos .label {
  width: auto;
  display: inline-block;
  padding: 1px 12px 0;
  letter-spacing: 0;
}
#iyokan-herb #bijuncha,
#iyokan-herb #stress {
  display: none;
}
#iyokan-herb #bijuncha .ttl .sub {
  margin: 0 0 10px;
}
#iyokan-herb #bijuncha h2 img,
#iyokan-herb #stress h2 img {
  width: 98.66%;
}
#iyokan-herb #set .blend {
  position: relative;
  background: #fff;
  padding: 30px 10px 15px;
  margin: 40px 0 0;
}
#iyokan-herb #set .blend h3,
#iyokan-herb #set .chart h3,
#iyokan-herb #set .voice h3 {
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  margin: auto;
  width: 200px;
  background: #51362d;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 1px;
  border-radius: 25px;
  z-index: 1;
}
#iyokan-herb #set .keyherb {
  margin: 0 0 15px;
}
#iyokan-herb #set .keyherb li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
}
#iyokan-herb #set .keyherb li:last-child {
  margin: 0;
}
#iyokan-herb #set .keyherb h4 {
  margin: 0;
}
#iyokan-herb #set .keyherb p {
  font-size: 12px;
  line-height: 1.58;
  letter-spacing: 0;
}
#iyokan-herb #set .keyherb li:nth-child(1) .img img {
  width: 92.07%;
}
#iyokan-herb #set .keyherb li:nth-child(2) .img img {
  width: 88.5%;
}
#iyokan-herb #set .others-ttl {
  width: 150px;
  background: #e37777;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin: 0 0 8px;
}
#iyokan-herb #set .others .text {
  font-size: 12px;
  line-height: 1.58;
  letter-spacing: 0;
}
#iyokan-herb #set .others .text p:not(:last-child) {
  margin: 0 0 5px;
}
#iyokan-herb #set .chart {
  position: relative;
  background: #fff;
}
#iyokan-herb #relax .flavor span {
  background-image: url(../../../img/usr/freepage/iyokan-herb/icon_leaf03.png);
}
#iyokan-herb #set .chart .img {
  text-align: left;
}
#iyokan-herb #set .chart .img img {
  width: 88.36%;
  transform: translateX(5%);
}
#iyokan-herb #set .voice {
  position: relative;
}
#iyokan-herb #set .voice h3 span {
  font-size: 16px;
  background: transparent;
}
#iyokan-herb #set .voice .swiper-container {
  background: #fff;
}
#iyokan-herb #set .swiper-slide {
  padding-top: 30px;
}
#iyokan-herb #set .item-list {
  padding-bottom: 15px;
}
#iyokan-herb #set .item-list > ul {
  margin-bottom: 15px;
}
#iyokan-herb #set .item-list li {
  flex-wrap: wrap;
}
#iyokan-herb #set .item-list .name {
  position: relative;
  font-size: 16px;
  line-height: 1.34;
  font-weight: bold;
}
#iyokan-herb #set #bijuncha .item-list li:nth-child(2) .name {
  line-height: 1.8;
  margin: 7px 0 0;
}
#iyokan-herb #set .item-list .name span {
  position: absolute;
  left: 58px;
  bottom: 20px;
  font-size: 10px;
  transform: scale(.8);
}
#iyokan-herb #set .item-list li .img {
  width: 37%;
  text-align: left;
}
#iyokan-herb #bijuncha .item-list li:nth-child(1) .img img,
#iyokan-herb #stress .item-list li:nth-child(1) .img img {
  width: 92.87%;
}
#iyokan-herb #bijuncha .item-list li:nth-child(2) .img img {
  width: 95.05%;
}
#iyokan-herb #set .item-list li .text {
  width: 62%;
}
#iyokan-herb #bijuncha .item-list li:nth-child(1) .text {
  margin-top: 4vw;
}
#iyokan-herb #set .item-list li .amount {
  width: 100%;
  padding: 0 0 0 7px;
  margin: 5px 0 0;
}
#iyokan-herb #set .item-list li .amount h4 {
  font-size: 18px;
}
#iyokan-herb #set .item-list li .price {
  width: 100%;
  padding: 0 0 0 7px;
}
#iyokan-herb #set .omatome-item {
  margin: 0;
}
#iyokan-herb #set .acd {
  padding: 10px 0;
  margin: 35px -20px 0;
  background: #e37777;
  text-align: center;
  cursor: pointer;
}
#iyokan-herb #set .acd span {
  display: inline-block;
  position: relative;
  color: #fff;
  font-weight: bold;
  padding: 0 18px 0 0;
  letter-spacing: 0;
}
#iyokan-herb #set .acd span:after {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 11px;
  height: 11px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
}
#iyokan-herb #set .acd.open span:after {
  top: 10px;
  transform: rotate(225deg);
}
#iyokan-herb #itawari {
  padding: 25px 20px 0;
  background: #e5f0b8;
}
#iyokan-herb #itawari .for {
  background: #94a344;
}
#iyokan-herb #itawari .for:after {
  border-color: #94a344 transparent transparent transparent;
}
#iyokan-herb #set #itawari .set-item h3 img {
  width: 67.165%;
}
#iyokan-herb #set #itawari .keyherb li:nth-child(1) .img img {
  width: 93.26%;
}
#iyokan-herb #set #itawari .others-ttl {
  background: #94a344;
}
#iyokan-herb #set #itawari .flavor span {
  background-image: url(../../../img/usr/freepage/iyokan-herb/icon_leaf04.png);
}
#iyokan-herb #stress .item-list li:nth-child(2) .img img {
  width: 78.48%;
  transform: translateX(17%);
}
#iyokan-herb #set #itawari .acd {
  background: #94a344;
}
#iyokan-herb #pot {
  padding: 50px 20px;
}
#iyokan-herb #pot h2 {
  margin: 0 0 35px;
}
#iyokan-herb #pot h2 img {
  width: 66.12%;
}
#iyokan-herb #pot .point {
  margin: 0 0 15px;
}
#iyokan-herb #pot .item-mv {
  margin: 0 0 10px;
}
#iyokan-herb #pot .about {
  margin: 0 0 25px;
}
#iyokan-herb #pot .about p {
  line-height: 1.5;
}
#iyokan-herb #pot .discount {
  background: #d1e8e1;
  margin: 0 0 30px;
  padding: 20px 15px 15px;
  letter-spacing: 0;
  text-align: center;
}
#iyokan-herb #pot .limited {
  position: relative;
  color: #fff;
  font-weight: bold;
  background: #46332b;
  border-radius: 25px;
  padding: 1px 0;
  margin: 0 0 15px;
}
#iyokan-herb #pot .limited:after {
  content: '';
  position: absolute;
  left: calc(50% - 6px);
  bottom: -13px;
  border-style: solid;
  border-width: 13px 6px 0 6px;
  border-color: #46332b transparent transparent transparent;
}
#iyokan-herb #pot .discount .name {
  position: relative;
  font-size: 17px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 10px;
}
#iyokan-herb #pot .discount .name:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 285px;
  height: 1px;
  background: #46332b;
}
#iyokan-herb #pot .discount p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 8px;
}
#iyokan-herb #pot .discount img {
  display: block;
  width: 285.5px;
  margin: 0 auto 12px;
}
#iyokan-herb #pot .discount .comment {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}
#iyokan-herb #pot .item-list li .img img {
  width: 80.66%;
}
#iyokan-herb #pot h4 {
  font-size: 21px;
  line-height: 1.29;
}
#iyokan-herb #pot .price {
  font-size: 21px;
}
#iyokan-herb #feature {
  position: relative;
}
#iyokan-herb #feature h2 {
  margin: 0 0 17%;
}
#iyokan-herb #feature .message {
  position: absolute;
  top: 34%;
  right: 0;
  font-size: 16px;
  line-height: 1.5;
  width: 90%;
  padding: 15px 20px;
  background: rgba(238, 238, 237, .8);
}
#iyokan-herb #feature ul {
  padding: 0 20px;
}
#iyokan-herb #feature li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
}
#iyokan-herb #feature li:last-child {
  margin: 0;
}
#iyokan-herb #feature li img {
  width: 118.5px;
}
#iyokan-herb #feature li .text {
  font-size: 16px;
  line-height: 1.5;
  flex: 1;
  margin: 0 0 0 10px;
  letter-spacing: 0;
}
#iyokan-herb #feature li .caution {
  font-size: 12px;
  margin: 5px 0 0;
}

@media only screen and (min-width: 376px) {
  #iyokan-herb {
    padding: 20px 0 40px;
  }
  #iyokan-herb #contents {
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 800px) {
  #iyokan-herb {
    padding: 0;
    font-size: 3.73vw;
  }
  #iyokan-herb .inner {
    width: auto !important;
  }
  #iyokan-herb #leftmenu {
    display: none;
  }
  #iyokan-herb #contents {
    width: 100% !important;
    margin: 0;
  }
  #iyokan-herb #contents h1 img {
    width: 100%;
  }
  #iyokan-herb .intro {
    padding: 8vw 5.4vw 13.4vw;
  }
  #iyokan-herb .intro .text {
    margin: 0 0 6.7vw;
  }
  #iyokan-herb .nav .comment {
    margin: 6.7vw 0 3.2vw;
  }
  #iyokan-herb .nav li .name {
    font-size: 3.73vw;
    min-height: 18.7vw;
  }
  #iyokan-herb #iyokan {
    margin: -11vw 0 8vw;
    padding: 56vw 5.4vw 0;
  }
  #iyokan-herb .tea-leaf .others li sup {
    font-size: 2vw;
  }
  #iyokan-herb .blend .acd {
    width: 6vw;
    height: 4.4vw;
  }
  #iyokan-herb .item-list li .comment {
    padding: 0 0 3.4vw 1.2vw;
  }
  #iyokan-herb .tea-leaf .others {
    margin: 5.4vw -10px 3.2vw;
  }
  #iyokan-herb .item-list .caution {
    margin: 2vw 2vw 0;
  }
  #iyokan-herb .label {
    width: auto;
    padding: 1px 3vw 0;
  }
  #iyokan-herb .item-list li .label {
    max-width: 30vw;
  }
  #iyokan-herb .item-list dt:before,
  #iyokan-herb .item-list dt:after,
  #iyokan-herb #set dt:before,
  #iyokan-herb #set dt:after {
    width: 3vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #iyokan-herb .item-list dt, #iyokan-herb #set dt {
    padding: 2vw;
  }
  #iyokan-herb .item-list dd, #iyokan-herb #set dd {
    padding: 0 2vw 3vw;
  }
  #iyokan-herb .chart {
    padding: 7vw 0;
  }
  #iyokan-herb .bookmark a {
    width: 5.4vw;
    height: 5.4vw;
  }
  #iyokan-herb #set .acd span:after {
    top: -1vw;
    bottom: 0;
    margin: auto;
  }
  /* 11px */
  #iyokan-herb .nav li .head,
  #iyokan-herb #oil .sale-date span {
    font-size: 2.93vw;
  }
  /* 12px */
  #iyokan-herb .voice .caution,
  #iyokan-herb .tea-leaf .others li p,
  #iyokan-herb .tea-leaf .others + .text,
  #iyokan-herb .teabag .text,
  #iyokan-herb .blend .note,
  #iyokan-herb .item-list li .amount h4 span,
  #iyokan-herb .price span,
  #iyokan-herb .label,
  #iyokan-herb .item-list li .comment,
  #iyokan-herb .item-list .caution,
  #iyokan-herb .coupon .sub,
  #iyokan-herb .coupon p,
  #iyokan-herb .omatome .text p,
  #iyokan-herb .omatome-item a,
  #iyokan-herb .item-list dd, #iyokan-herb #set dd,
  #iyokan-herb #oil .discount,
  #iyokan-herb #set .keyherb p,
  #iyokan-herb #set .others-ttl,
  #iyokan-herb #set .others .text,
  #iyokan-herb #pot .discount p,
  #iyokan-herb #feature li .caution {
    font-size: 3.2vw;
  }
  /* 14px */
  #iyokan-herb .nav .comment,
  #iyokan-herb #set .acd span {
    font-size: 3.73vw;
  }
  /* 16px */
  #iyokan-herb .intro .text,
  #iyokan-herb .ttl .sub,
  #iyokan-herb .about p,
  #iyokan-herb .chart-ttl,
  #iyokan-herb .flavor span,
  #iyokan-herb .link-offer span,
  #iyokan-herb .swiper-slide .head h4,
  #iyokan-herb .blend-ttl,
  #iyokan-herb .keyherb h5,
  #iyokan-herb .blend h4,
  #iyokan-herb .to-cart span,
  #iyokan-herb .omatome-ttl,
  #iyokan-herb #oil .howto p,
  #iyokan-herb #set .ttl p,
  #iyokan-herb #set .check li,
  #iyokan-herb #set .amount h4,
  #iyokan-herb #set .blend h3,
  #iyokan-herb #set .chart h3,
  #iyokan-herb #set .voice h3,
  #iyokan-herb #set .item-list .name,
  #iyokan-herb #pot .discount .comment,
  #iyokan-herb #feature .message,
  #iyokan-herb #feature li .text {
    font-size: 4.26vw;
  }
  /* 17px */
  #iyokan-herb .item-list li .amount h4,
  #iyokan-herb .price,
  #iyokan-herb #set .ttl .sub span,
  #iyokan-herb #pot .discount .name {
    font-size: 4.53vw;
  }
  /* 18px */
  #iyokan-herb .item-list .head h3,
  #iyokan-herb #set .item-list li .amount h4 {
    font-size: 4.8vw;
  }
  /* 21px */
  #iyokan-herb .voice h3 span,
  #iyokan-herb #iyokan .blend h3 span,
  #iyokan-herb #set .price,
  #iyokan-herb #pot h4 {
    font-size: 5.6vw;
  }
  /* 28px */
  #iyokan-herb .coupon-ttl {
    font-size: 5.59vw;
  }
}
@media only screen and (min-width: 801px) {
  #iyokan-herb #contents {
    box-shadow: 0 0 8px rgba(0,0,0,.3);
  }
  #iyokan-herb #iyokan .item-list li:nth-child(1) .text,
  #iyokan-herb #bijuncha .item-list li:nth-child(1) .text {
    margin: 15px 0 0;
  }
  #iyokan-herb #feature h2 {
    margin: 0 0 60px;
  }
  #iyokan-herb #feature .message {
    top: 245px;
  }
}
#iyokan-herb .inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 810px;
  margin: 0 auto;
}
#iyokan-herb #contents {
  width: 375px;
  max-width: 100%;
  background: #fff;
  padding: 0 0 40px;
}
#iyokan-herb #leftmenu {
  position: sticky;
  top: 80px;
  left: 0;
  width: 370px;
  padding: 20px 0 0;
  background: url(../../../img/usr/freepage/iyokan-herb/img_leftmenu.png) no-repeat right 30px top;
}
#iyokan-herb #leftmenu .ttl {
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
  text-align: left;
  padding: 0 10px;
  margin: 0 0 22px;
}
#iyokan-herb #leftmenu .menu-box:not(:last-child) {
  margin: 0 0 25px;
}
#iyokan-herb #leftmenu .menu-box.other {
  padding: 22px 0 0;
  width: 210px;
  border-top: 1px solid #6b574a;
}
#iyokan-herb #leftmenu .menu-box-ttl {
  padding: 0 10px 2px;
  border-bottom: 1px solid #6b574a;
  width: 210px;
  margin: 0 0 20px;
}
#iyokan-herb #leftmenu .menu-box ul {
  padding: 0 10px;
}
#iyokan-herb #leftmenu .menu-box li:not(:last-child) {
  margin: 0 0 15px;
}
#iyokan-herb #leftmenu .ttl + .menu-box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#iyokan-herb #leftmenu .ttl + .menu-box li:not(:last-child) {
  margin: 0 0 10px;
}
#iyokan-herb #leftmenu .menu-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  padding: 0 0 0 42px;
}
#iyokan-herb #leftmenu .menu-box a:hover {
  color: #f47d25;
}
#iyokan-herb #leftmenu .menu-box .num {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  padding: 0 10px 0 0;
}
#iyokan-herb #leftmenu .menu-box .num:after {
  content: ':';
  position: absolute;
  top: -2px;
  right: 0;
}
#iyokan-herb #leftmenu .menu-box .icon {
  width: 103px;
  line-height: 0;
  margin: 0 0 0 12px;
}
#iyokan-herb #leftmenu .menu-box.other li:nth-child(1) a {
  padding: 6px 0 6px 42px;
  background: url(../../../img/usr/freepage/iyokan-herb/icon_pot.png) no-repeat left 1px center;
}
#iyokan-herb #leftmenu .menu-box.other li:nth-child(2) a {
  padding: 6px 0 6px 42px;
  background: url(../../../img/usr/freepage/iyokan-herb/icon_herb.png) no-repeat left center;
}