@charset "UTF-8";

/*-------------------------------------------------*/

/* color

/*-------------------------------------------------*/

/*-------------------------------------------------*/

/* font family

/*-------------------------------------------------*/

/*-------------------------------------------------*/

/* break point

/*-------------------------------------------------*/

/*-------------------------------------------------*/

/*-------------------------------------------------*/

/* Slider */

.slick-slider {

  position: relative;

  display: block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent; }



.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0; }

  .slick-list:focus {

    outline: none; }

  .slick-list.dragging {

    cursor: pointer;

    cursor: hand; }



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.slick-track {

  position: relative;

  left: 0;

  top: 0;

  display: block;

  margin-left: auto;

  margin-right: auto; }

  .slick-track:before, .slick-track:after {

    content: "";

    display: table; }

  .slick-track:after {

    clear: both; }

  .slick-loading .slick-track {

    visibility: hidden; }



.slick-slide {

  float: left;

  height: 100%;

  min-height: 1px;

  display: none; }

  [dir="rtl"] .slick-slide {

    float: right; }

  .slick-slide img {

    display: block; }

  .slick-slide.slick-loading img {

    display: none; }

  .slick-slide.dragging img {

    pointer-events: none; }

  .slick-initialized .slick-slide {

    display: block; }

  .slick-loading .slick-slide {

    visibility: hidden; }

  .slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent; }



.slick-arrow.slick-hidden {

  display: none; }



/*-------------------------------------------------*/

/*ページコンテンツのマークアップタグ定義

/*-------------------------------------------------*/

/*.detailFrame {

  p, h2, h3, h4, h5, h6 {

    margin-bottom: 10px;

    margin-top: 10px;

  }

}*/

/*-------------------------------------------------*/

/*1カラムレイアウト

/*-------------------------------------------------*/

.fullFrame .categoryFrame {

  margin: 60px 0; }



/*H1タグ文字装飾*/

/*-------------------------------------------------*/

/*基本HTMLタグ

/*-------------------------------------------------*/

.mainFrame .menu .banner, .mainFrame .menu .pr, .mainFrame .menu .information {

  margin-bottom: 15px; }



.menuFrame .information {

  margin-bottom: 15px; }



.mainFrame .menu .banner img, .mainFrame .menu .pr img {

  display: block; }



.mainFrame .menu .information h2 {

  background: url(../images/bg_information_title.png) no-repeat center left;

  padding: .2em 18px;

  font-size: 100%;

  color: #3C739B; }



/*-------------------------------------------------*/

/*BOXレイアウト

/*-------------------------------------------------*/

.menuFrame .information h2 {

  background: url(../images/bg_information_title.png) no-repeat center left;

  padding: .2em 18px;

  font-size: 100%;

  color: #3C739B; }



/*-------------------------------------------------*/

/*共通スタイル

/*-------------------------------------------------*/

p.note {

  margin: 40px 0; }



.page-title {

  margin-bottom: 40px; }



.button-border {

  display: inline-block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 3px solid;

  color: #87B829;

  font-size: 18px;

  position: relative;

  min-width: 170px;

  height: 40px;

  padding: 0 10px;

  overflow: hidden;

  text-align: center; }

  .button-border span {

    position: relative;

    z-index: 10; }

  .button-border.button-l {

    font-size: 20px;

    width: 300px;

    height: 60px;

    line-height: 58px; }



button.button-border,

p.button-border,

a.button-border {

  line-height: 36px; }

  button.button-border::after,

  p.button-border::after,

  a.button-border::after {

    display: block;

    content: "";

    background: #87B829;

    border: 3px solid #87B829;

    position: absolute;

    top: -3px;

    left: calc(-100% - 54px);

    width: calc(100% + 34px);

    height: 100%;

    -webkit-transform: skewX(-45deg);

    -ms-transform: skewX(-45deg);

    transform: skewX(-45deg);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1);

    -o-transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1);

    transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

  button.button-border.button-l::after,

  p.button-border.button-l::after,

  a.button-border.button-l::after {

    left: -360px;

    width: calc(100% + 60px); }

  button.button-border:hover,

  p.button-border:hover,

  a.button-border:hover {

    color: #fff;

    border-color: #87B829;

    text-decoration: none; }

    button.button-border:hover::after,

    p.button-border:hover::after,

    a.button-border:hover::after {

      left: 0; }



input.button-border {

  border: 3px solid #87B829;

  font-size: 18px; }

  input.button-border:hover {

    background: #87B829;

    border-color: #87B829;

    color: #fff; }



.button-basic {

  display: inline-block;

  background: #ddd;

  font-size: 14px;

  font-weight: 500;

  line-height: 30px;

  min-width: 180px;

  height: 30px;

  padding: 0 10px;

  text-align: center; }

  .button-basic:hover {

    text-decoration: none;

    opacity: .5; }



.button-solid {

  display: inline-block;

  background: #87B829;

  color: #fff;

  font-size: 14px;

  line-height: 40px;

  min-width: 210px;

  padding: 0 1em;

  text-align: center; }



.button-cart {

  display: inline-block;

  background: #ffc206;

  border: none;

  color: #000;

  font-size: 18px;

  line-height: 70px;

  min-width: 250px;

  height: 70px;

  padding: 0 20px;

  cursor: pointer;
	
	border-radius:10px;

  text-align: center; }
.button-cart.sml {
  font-size: 18px;

  line-height: 20px;

  min-width: 50px;

  height: 40px;

  padding: 0 20px; 
	border-radius:4px;margin: 0 auto 15px;}


.button-cart img{}
.button-cart.checkout{


  line-height: 50px;
  height: 50px; }
.button-cart.checkout.amazon{

color:#fff;
    background-color: #131921;}
.button-cart.checkout.amazon.product{
line-height: 22px;
    height: 25px;
    color: #fff;
    background-color: #131921;
    font-size: 12px;}




.button-banner {

  display: inline-block;

  background: #fff;

  border: 1px solid #FFF100;

  font-weight: 300;

  line-height: 60px;

  width: 300px;

  height: 60px;

  text-align: center;

  overflow: hidden; }

  .button-banner span {

    position: relative;

    z-index: 1; }

  .button-banner::after {

    display: block;

    content: "";

    background: #FFF100;

    position: absolute;

    top: 0;

    left: calc(-100% - 60px);

    width: calc(100% + 60px);

    height: 100%;

    -webkit-transform: skewX(-45deg);

    -ms-transform: skewX(-45deg);

    transform: skewX(-45deg);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1);

    -o-transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1);

    transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

  .button-banner:hover {

    text-decoration: none; }

    .button-banner:hover::after {

      left: 0; }



input.button-cart {

  background: #ffc206;

  border: none;
	
	color:#000;
	
	border-radius:10px;

  font-size: 16px; }



a.button-solid:hover,

a.button-cart:hover {

  text-decoration: none;

  opacity: .7; }



.button-product {

  display: block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 3px solid #ddd;

  color: #87B829;

  font-size: 20px;

  line-height: 120px;

  width: 400px;

  height: 120px;

  padding: 0 40px; }

  .button-product.pdf::before {

    display: inline-block;

    content: url(../images/agri/icon_download.svg);

    width: 32px;

    margin-right: 30px;

    vertical-align: middle; }

  .button-product.delivery::before {

    display: inline-block;

    content: url(../images/agri/icon_delivery.svg);

    width: 32px;

    margin-right: 30px;

    vertical-align: middle; }

  .button-product:hover {

    border-color: #87B829;

    text-decoration: none; }



.button-feedback:hover {

  text-decoration: none;

  opacity: .5; }



.button-send {

  display: block;

  background: #87B829;

  color: #fff;

  font-size: 20px;

  font-weight: 200;

  letter-spacing: .05em;

  width: 284px;

  height: 80px;

  margin: auto; }



.button-more {

  display: block;

  background: #87B829;

  border-radius: 6px;

  color: #fff;

  font-size: 18px;

  font-weight: 300;

  line-height: 46px;

  width: 120px;

  height: 46px;

  margin: 30px auto;

  text-align: center; }

  .button-more:hover {

    opacity: .7;

    text-decoration: none; }



/*-------------------------------------------------*/

/*トップページキービジュアル

/*-------------------------------------------------*/

.keyvisual {

  width: 100vw;

  margin: 0 -70px; }

  .keyvisual img {

    width: 100%;

    height: 100%;

    /*min-height: 600px;

    max-height: 800px;*/

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    font-family: 'object-fit: cover; object-position:center;';

    overflow: hidden; }



/*-------------------------------------------------*/

/*トップページバナー

/*-------------------------------------------------*/
.top_camp{text-align:center;padding: 15px 0;}
.top_camp img{width:1000px; height:auto;}
.blog_bar{background: #00825A;
    margin-left: -80px;
	height:38px;
	letter-spacing: 0.2px;
    width: 100vw;}
.blog_bar.scroll{
    top: 80px;
    position: fixed;
z-index:1000;}
.blog_bar .pre {
    font-size: 14px;
    padding: 5px 0 5px 100px;
	color:#fff;
}
.blog_bar .pre:before {
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    background: #00825A;
}
.blog_bar .pic {    float: left;
    height: auto;
    margin-left: -30px;

}
.blog_bar .txt{padding-left:10px;}
.blog_bar .pic img {
    float: left;
	height:auto;
	width:25px;
}
.blog_bar .cam_red{    color: #fab11e;
    font-weight: bold;
    margin-right: 15px;
font-size:17px;}
.blog_bar .pic a{
	color: #666;
    padding: 0 0 0 20px;
    width: 50%;
    white-space: nowrap;
    display: inline-block;
}

.blog_bar .pic span.new {
	color: #d63b39;
    display: inline-block;
    margin-right: 15px;
}
.blog_bar .pic span.cam_red {
	color: #e91e1e;
	font-weight:bold;
    margin-right: 15px;
}

.blog_bar .free_del{margin:5px auto;}
.banner-area {

  margin: 0 -70px; }
  

  .banner-area .banner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #FFF100;

    background-repeat: no-repeat;

    height: 500px;

    padding: 50px 70px; }

    .banner-area .banner > * {

      width: 625px; }

    .banner-area .banner .text {

      -webkit-box-sizing: content-box;

      box-sizing: content-box;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      -webkit-box-pack: end;

      -ms-flex-pack: end;

      justify-content: flex-end;

      background: url(../images/s-herb/top/illust_pain.png) no-repeat;

      min-height: 400px; }

      .banner-area .banner .text h2 {

        font-family: "Noto Serif JP", serif;

        font-size: 40px;

        margin-bottom: 30px; }

      .banner-area .banner .text p {

        font-size: 18px;

        font-weight: 300;

        line-height: 2; }

    .banner-area .banner .banner-item {

      position: relative;

      padding: 0 50px; }

      .banner-area .banner .banner-item p,

      .banner-area .banner .banner-item .button-banner {

        position: absolute; }

      .banner-area .banner .banner-item p {

        font-size: 40px;

        top: 30px; }

      .banner-area .banner .banner-item img {

        width: auto;

        height: 420px; }

      .banner-area .banner .banner-item .button-banner {

        position: absolute;

        bottom: 0; }

    .banner-area .banner.banner-remover {

      background-image: url(../images/s-herb/top/bnr_remover_r.jpg);

      background-position: right center; }

      .banner-area .banner.banner-remover .text {

        background-position: calc(100% - 80px) bottom;

        padding-right: 40px;

        text-align: right; }

      .banner-area .banner.banner-remover .banner-item p,

      .banner-area .banner.banner-remover .banner-item .button-banner {

        left: 230px; }
span.drug{    font-weight: normal;
    border: 1px solid #666;
    padding: 1px 10px;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;}
span.drug.product{margin-top:-30px; color:#87B829; border:1px solid #87B829;font-size: 12px;}

    .banner-area .banner.banner-lotion {

      background-image: url(../images/s-herb/top/bnr_lotion_l.jpg);

      background-position: left center;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

      flex-direction: row-reverse; }

      .banner-area .banner.banner-lotion .text {

        background-position: 80px bottom;

        padding-left: 40px; }

      .banner-area .banner.banner-lotion .banner-item img {

        float: right; }

      .banner-area .banner.banner-lotion .banner-item p,

      .banner-area .banner.banner-lotion .banner-item .button-banner {

        right: 230px; }



.movie-contents {

  padding: 100px 0 0;
	
	width:640px;

  text-align: center; }

  .movie-contents h2 {

    color: #006D4B;

    font-size: 36px;

    font-weight: 300;

    margin-bottom: 30px; }

  .movie-contents iframe {
    display: block;
    width: 650px;
    height: 370px;
    margin: 0 auto 60px; }



/*-------------------------------------------------*/

/*トップページ 商品のレイアウト

/*-------------------------------------------------*/

#contents .new_arrival,

#contents .recommend,

#contents .ranking,

#contents .recently-view {

  max-width: 1200px;

  margin-left: auto;

  margin-right: auto;

  padding-top: 80px;

  text-align: center; }



.brand-wrap .brand {

  padding: 60px 0 20px;

  width: auto;

  text-align: center; }



#contents .recently-view {

  margin: 80px auto 100px; }



/*-------------------------------------------------*/

/*トップページ右上ベストセラーのレイアウト

/*-------------------------------------------------*/

.review-ranking h2 {

  margin-bottom: 10px; }



.review-ranking td {

  padding: 0; }

  .review-ranking td a {

    display: block; }



.calendar h2 img {

  display: block;

  max-width: 40px;

  max-height: 40px; }



#review_update {

  font-size: 10px;

  font-weight: bold;

  color: #5E6064;

  position: relative; }



/*-------------------------------------------------*/

/*トップページ右下タグクラウドのレイアウト

/*-------------------------------------------------*/

#contents .subFrame .calendar .contents {

  background: url(../images/bg_calendar.png) no-repeat bottom left;

  padding: 0 15px 12px 12px; }



/*-------------------------------------------------*/

/*トップページ新着情報

/*-------------------------------------------------*/

#new{margin-top:-100px;
  padding-top:100px;
}
.latest {

  background: #F8F9F8;

  margin: 0 -70px;

  padding: 60px 0; }

  .latest h2 {

    color: #006D4B;

    font-size: 30px;

    font-weight: 300;

    margin-bottom: 1em;
    margin-top: 1em;

    text-align: center; }



#rss_feed {

  background: #fff;

  padding: 60px 160px;

  width: 1200px;

  margin-left: auto;

  margin-right: auto; }

  #rss_feed li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    #rss_feed li:not(:last-of-type) {

      margin-bottom: 1em; }

    #rss_feed li * {

      display: block;

      color: #006D4B;

      font-family: "Noto Sans JP", sans-serif; }

    #rss_feed li .rssDate {

      width: 9em; }

    #rss_feed li .rssTitle {

      width: calc(100% - 9em); }

    #rss_feed li a {

      background: url(../images/s-herb/top/arrow_rss.svg) no-repeat right center;

      background-size: 14px 15px;

      padding-right: 60px; }

  #rss_feed br {

    display: none; }

  #rss_feed .rssDescription {

    display: none; }



/*-------------------------------------------------*/

/* 全ページ共通部分

/*-------------------------------------------------*/

.calendar .contents .date {

  padding: .5em 0;

  font-weight: bold;

  color: #50738C; }



.calendar .contents .notes {

  padding: .7em 0 0;

  font-size: 90%;

  color: #646464; }

  .calendar .contents .notes span {

    color: #B8B896; }



.calendar .contents table {

  border-left: 1px solid #E6E9EC;

  border-top: 1px solid #E6E9EC;

  text-align: center; }



.calendar .contents th {

  background: #C8C8C8;

  border-right: 1px solid #E6E9EC;

  border-bottom: 1px solid #E6E9EC;

  font-weight: normal;

  color: #FFF; }



.calendar .contents td {

  border-right: 1px solid #E6E9EC;

  border-bottom: 1px solid #E6E9EC;

  color: #646464; }



.calendar .contents th.sunday {

  background: #AC3A3A; }



.calendar .contents th.saturday {

  background: #3A70AC; }



.calendar .contents td.holiday {

  background: #B8B896;

  color: #FFF; }



.categoryFrame .user_navi {

  margin: 40px 0 0;

  position: relative; }

  .categoryFrame .user_navi h2 {

    position: absolute;

    top: 0; }



/*-------------------------------------------------*/

/*全ページメインタイトル部分

/*-------------------------------------------------*/

.categoryFrame h1 {

  color: #87B829;

  font-weight: 300;

  font-size: 40px;

  margin-bottom: 40px;

  line-height: 1; }



.categoryFrame h2.introduce {

  position: relative; }

  .categoryFrame h2.introduce span {

    display: block;

    font-family: 'EB Garamond', 'Noto Serif JP', serif;

    font-size: 26px;

    position: absolute;

    left: 55px; }

    .categoryFrame h2.introduce span em {

      font-size: 30px;

      font-style: normal; }

  .categoryFrame h2.introduce.introduce-brand span {

    top: 161px; }

  .categoryFrame h2.introduce.introduce-company span {

    top: 207px; }



.categoryFrame p {

  line-height: 2; }

#disp .categoryFrame p.caution {    display: inline-block;

    border: 1px solid #af0505;

    padding: 2px 25px;

    color: #af0505; }

#disp .categoryFrame.sub {margin:60px 0 20px; }





.categoryFrame .sub_category_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 60px 0 20px; }

  .categoryFrame .sub_category_list .item {

    width: 420px; }

    .categoryFrame .sub_category_list .item:nth-child(even) {

      margin-left: 50px; }

    .categoryFrame .sub_category_list .item:nth-child(n+3) {

      margin-top: 24px; }

  .categoryFrame .sub_category_list a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 3px solid #ddd;

    color: #87B829;

    font-size: 18px;

    padding: 10px; }

    .categoryFrame .sub_category_list a:hover {

      border-color: #87B829;

      text-decoration: none; }

  .categoryFrame .sub_category_list .image {

    width: 100px; }

    .categoryFrame .sub_category_list .image img {

      display: block; }

  .categoryFrame .sub_category_list .text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: 20px; }



.menuFrame .navigation {

  margin-bottom: 60px; }

  .menuFrame .navigation dt {

    border-bottom: 1px solid;

    font-size: 24px;

    line-height: 1;

    margin-bottom: 1em;

    padding-bottom: 15px; }

    .menuFrame .navigation dt:not(:first-child) {

      margin-top: 60px; }

  .menuFrame .navigation dd {

    font-size: 16px;

    position: relative;

    padding-left: 20px; }

    .menuFrame .navigation dd + dd {

      margin-top: .8em; }

    .menuFrame .navigation dd::before {

      display: block;

      content: url(../images/s-herb/top/icon_list.svg);

      position: absolute;

      top: 8px;

      left: 0;

      width: 5px;

      height: 5px; }

    .menuFrame .navigation dd a {

      display: inline-block; }

    .menuFrame .navigation dd b {

      color: #87B829; }



.categoryFrame .user_navi .style_navi {

  position: relative; }

  .categoryFrame .user_navi .style_navi p {

    float: right;

    font-size: 14px;

    margin-bottom: 10px; }

  .categoryFrame .user_navi .style_navi select {

    background: url(../images/s-herb/top/arrow_down_gr.svg) calc(100% - 10px) center no-repeat;

    background-size: 8px 10px;

    border: 1px solid #ddd;

    border-radius: 4px;

    font-size: 14px;

    width: 200px;

    height: 33px;

    margin-left: 30px;

    padding: 0 10px; }

  .categoryFrame .user_navi .style_navi li {

    float: left;

    background: url(../images/tag_category_menu.png) no-repeat;

    width: 147px;

    margin-right: 5px; }

    .categoryFrame .user_navi .style_navi li.current {

      background: url(../images/tag_category_menu_on.png) no-repeat;

      color: #FFF; }

    .categoryFrame .user_navi .style_navi li a, .categoryFrame .user_navi .style_navi li span {

      display: block;

      padding: 10px 5px 7px;

      text-align: center; }



/*-------------------------------------------------*/

/*全ページ商品一覧

/*-------------------------------------------------*/

.item-slider .item,

.item-list .item,

.itemlist_img .item {

  text-align: center; }

  .item-slider .item a,

  .item-list .item a,

  .itemlist_img .item a {

    display: block;

    position: relative;

    width: 250px;

    margin: auto; }

    .item-slider .item a:hover,

    .item-list .item a:hover,

    .itemlist_img .item a:hover {

      text-decoration: none;

      opacity: .5; }

  .item-slider .item img,

  .item-list .item img,

  .itemlist_img .item img {

    display: block;

    margin: auto;

    max-width: 100%;

    height: auto; }

  .item-slider .item .text,

  .item-list .item .text,

  .itemlist_img .item .text {

    margin-top: 20px; }

    .item-slider .item .text .item-name,

    .item-list .item .text .item-name,

    .itemlist_img .item .text .item-name {

      font-size: 16px;

      font-weight: 300; }

    .item-slider .item .text .price,

    .item-list .item .text .price,

    .itemlist_img .item .text .price {

      color: #D12228;

      font-size: 20px;

      font-weight: 700;

      line-height: 2; }

      .item-slider .item .text .price s,

      .item-list .item .text .price s,

      .itemlist_img .item .text .price s {

        color: #aaa;

        font-size: 16px; }



.new-arrival-slider .item {

  margin: 0 10px; }



.recommend .item-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .recommend .item-list .item {

    float: left;

    margin-bottom: 60px;

    width: calc((100% - 5.5%*3) / 4);

    max-width: 250px; }

    .recommend .item-list .item:not(:nth-child(4n)) {

      margin-right: 5.5%; }

    .categoryFrame .recommend .item-list .item {

      width: calc((100% - 7.8%*2) / 3); }

      .categoryFrame .recommend .item-list .item:not(:nth-child(4n)) {

        margin-right: 0; }

      .categoryFrame .recommend .item-list .item:not(:nth-child(3n)) {

        margin-right: 7.8%; }



.ranking .item-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

  .ranking .item-list .item {

    margin: 0 10px 60px;

    width: 240px; }

  .ranking .item-list .number {

    display: block;

    color: #fff;

    font-style: italic;

    font-size: 18px;

    position: absolute;

    top: 0;

    left: 0;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-indent: -.25em; }

    .ranking .item-list .number::before {

      display: block;

      content: "";

      background: #333333;

      position: absolute;

      width: 25px;

      height: 25px;

      -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg); }

    .ranking .item-list .number span {

      position: relative;

      z-index: 1; }

  .ranking .item-list .number-1::before {

    background: #C1A250; }

  .ranking .item-list .number-2::before {

    background: #848484; }

  .ranking .item-list .number-3::before {

    background: #AA6520; }



.brand-slider {

  max-width: 1050px;

  margin: auto; }

  .brand-slider .item {

    height: 50px; }

    .brand-slider .item img {

      height: 50px; }



/*-------------------------------------------------*/

/*全ページスライダーコントロール

/*-------------------------------------------------*/

.item-slider {

  opacity: 0;

  -webkit-transition: opacity .2s linear;

  -o-transition: opacity .2s linear;

  transition: opacity .2s linear; }

  .item-slider.slick-initialized {

    opacity: 1; }

  .item-slider button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: none;

    outline: none;

    cursor: pointer;

    font-size: 0;

    line-height: 0; }

  .item-slider .slick-arrow {

    position: absolute;

    top: 125px;

    width: 30px;

    height: 60px;

    padding: 0;

    background: url(../images/s-herb/top/arrow_slider_left.svg) no-repeat center center;

    -webkit-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

    z-index: 1; }

    .item-slider .slick-arrow:hover {

      opacity: .5; }

    .keyvisual .item-slider .slick-arrow {

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

    .brand .item-slider .slick-arrow {

      top: -5px; }

    .item-slider .slick-arrow.slick-prev {

      left: -60px; }

      .keyvisual .item-slider .slick-arrow.slick-prev {

        left: 30px; }

    .item-slider .slick-arrow.slick-next {

      right: -60px;

      -webkit-transform: scaleX(-1);

      -ms-transform: scaleX(-1);

      transform: scaleX(-1); }

      .keyvisual .item-slider .slick-arrow.slick-next {

        right: 30px; }

  .item-slider .slick-dots {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 60px 0; }

    .keyvisual .item-slider .slick-dots {

      position: absolute;

      bottom: 10px;

      right: 0;

      left: 0;

      margin: auto; }

    .item-slider .slick-dots li {

      list-style: none;

      margin: 0 2.5px; }

      .item-slider .slick-dots li button {

        display: block;

        background: #ddd;

        width: 50px;

        height: 3px; }

        .keyvisual .item-slider .slick-dots li button,

        .brand .item-slider .slick-dots li button {

          background: #DDDDDD; }

      .item-slider .slick-dots li.slick-active button {

        background: #006D4B; }



/*-------------------------------------------------*/

/* ページ送りのリンク

/*-------------------------------------------------*/

.page_navi {

  border-top: 1px solid #111515;

  font-size: 14px; }



/*.user_navi .page_navi {

  margin-top: 15px;

  padding: 8px 13px 4px;

  border-bottom: 1px solid #e7e7e7;

}*/

/*.bottom_navi .page_navi {

  margin-top: 15px;

  padding: 8px 13px 4px;

  border-top: 1px solid #e7e7e7;

}*/

.bottom_navi {

  margin-bottom: 100px; }



.page_navi .number {

  float: left;

  width: 15em;

  padding: 5px 0 0; }

  .page_navi .number dt, .page_navi .number dd {

    display: inline; }

  .page_navi .number dt span {

    color: #87B829;

    font-size: 24px; }



.page_navi .navi {

  float: right;

  text-align: right;

  padding-top: 12.8px; }

  .page_navi .navi li {

    float: left;

    line-height: 30px;

    height: 30px;

    text-align: center; }

    .page_navi .navi li + li {

      margin-left: 14px; }

    .page_navi .navi li.prev, .page_navi .navi li.next {

      color: #ccc; }

    .page_navi .navi li.prev a {

      padding-left: 17px; }

      .page_navi .navi li.prev a::after {

        left: 0;

        -webkit-transform: scaleX(-1);

        -ms-transform: scaleX(-1);

        transform: scaleX(-1); }

    .page_navi .navi li.current {

      color: #FFF;

      background: #87B829;

      border-radius: 50%;

      width: 30px; }

    .page_navi .navi li.next a {

      padding-right: 17px; }

      .page_navi .navi li.next a::before {

        display: inline-block;

        content: "...";

        color: #111515;

        margin-right: 14px; }

      .page_navi .navi li.next a::after {

        right: 0; }

    .page_navi .navi li a {

      display: block;

      position: relative;

      text-decoration: none; }

    .page_navi .navi li.prev a, .page_navi .navi li.next a {

      text-decoration: underline;

      color: #87B829; }

      .page_navi .navi li.prev a::after, .page_navi .navi li.next a::after {

        display: block;

        content: "";

        border-top: 5px solid transparent;

        border-left: 7px solid #87B829;

        border-bottom: 5px solid transparent;

        position: absolute;

        top: 10px; }

      .page_navi .navi li.prev a:hover, .page_navi .navi li.next a:hover {

        text-decoration: none;

        background: none;

        color: #87B829; }



/*-------------------------------------------------*/

/*データレンダリンク画面

listing_default.php / listing_window.php /

recommend_default.php / recommend_window.php

search_default.php / search_window.php

review-listing.php

/*-------------------------------------------------*/

.itemlist .item {

  border-bottom: 1px solid #e7e7e7;

  padding: 40px 0; }



.itemlist div#itemtop {

  border-top: 0px solid #e7e7e7; }



.itemlist .item .image {

  display: block;

  float: left;

  text-align: center;

  width: 120px;

  margin-right: 13px; }

  .itemlist .item .image img {

    max-width: 120px;

    height: auto; }



.itemlist .item .data {

  float: left;

  width: 550px; }

  .itemlist .item .data h2 {

    font-size: 120%; }

  .itemlist .item .data h3 {

    background: url(../images/bg_dotline.png) repeat-x bottom left;

    margin-bottom: 8px;

    padding: 3px 0 8px;

    font-size: 110%; }

  .itemlist .item .data .datalist li {

    float: left; }

    .itemlist .item .data .datalist li.price {

      width: 40%;

      font-weight: bold;

      color: #DC7A00; }

    .itemlist .item .data .datalist li.maker {

      width: 40%;

      text-align: right; }

    .itemlist .item .data .datalist li.id_number {

      width: 20%;

      text-align: right; }

  .itemlist .item .data .text {

    margin: 6px 0; }

  .itemlist .item .data .wishlist {

    background: url(../images/icon_wishlist_put.png) no-repeat center left;

    float: left;

    padding: 3px 23px; }

  .itemlist .item .data .cart {

    float: right;

    margin-top: -3px; }



/*-------------------------------------------------*/

/*商品画像他部分

/*-------------------------------------------------*/

.itemlist_img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-top: 40px; }

  .itemlist_img .item {

    float: left;

    margin-bottom: 60px;

    width: calc((100% - 7.8%*2) / 3);

    max-width: 250px; }

    .itemlist_img .item:not(:nth-child(3n)) {

      margin-right: 7.8%; }



/*-------------------------------------------------*/

/*商品詳細画面  商品名文字装飾(product.php 81/ review-write.php)

/*-------------------------------------------------*/

.categoryFrame .item_detail {

  width: 1200px;

  margin: auto; }
.categoryFrame .item_detail banner_area img{

  width: 1200px;

  }



.categoryFrame .title_item {

  float: right;

  width: 840px;

  margin-bottom: 20px; }

  .categoryFrame .title_item h2 {

    color: #006D4B;

    font-size: 24px;

    /*font-weight: 600;*/

    margin-bottom: 1em; }

  .categoryFrame .title_item p {

    background: url(../images/btn_arrrow_prev.png) no-repeat center left;

    width: 8.5em;

    text-indent: 15px;

    text-align: right; }



.categoryFrame .imageFrame {

  float: left;

  display: inline;

  width: 300px;

  margin-right: 20px; }



.categoryFrame .textFrame {

	    padding-bottom: 30px;

  float: right;

  width: 840px; }



.categoryFrame .movie-contents {

  margin: 40px 0 0 0;

  padding: 0; }

  .categoryFrame .movie-contents h2 {
}

  .categoryFrame .movie-contents iframe {
 }



/*-------------------------------------------------*/

/*商品詳細画面  商品画像メインのレイアウト(product.php 88)

/*-------------------------------------------------*/

.fullFrame .categoryFrame .catchcopy{text-align:center;color: #00825a;; font-size:30px;    margin-bottom: 60px;}



.imageFrame a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%; }

  .imageFrame a:hover {

    opacity: .7; }



.imageFrame img {
	max-width:300px;
	height:auto;

  display: block;

  margin: auto; }



.imageFrame .image {


  width: 300px;

  height: 300px;

  margin-bottom: 20px; }



.imageFrame .others > div {

  float: left;

  background: #E5E5E5;

  width: 70px;

  height: 70px; }

  .imageFrame .others > div {

    margin: 10px; }



.imageFrame .others img {
display: block;
    width: 70px;
    height: auto; }



/*-------------------------------------------------*/

/*商品詳細画面  商品スペック情報文字装飾(product.php 107)

/*-------------------------------------------------*/

.item_detail .textFrame .data-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start; }

  .item_detail .textFrame .data-wrap .review {    background: #f1f1f1;
    margin: 0 20px 0 0;
    padding: 5px 20px;
}

.amazon_link{color:#333; font-size:12px;}
.amazon_image{display: inline;
    width: 18px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;}
.amazon_txt{font-size:11px; color:#333}
.star_47{display: inline;
    width: 80px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;}

.item_detail .textFrame .data {

  display: block;

  font-size: 16px;

  width: 420px;

  margin-right: 50px; }

  .item_detail .textFrame .data th, .item_detail .textFrame .data td {

    padding: 10px 0;

    line-height: 20px; }

  .item_detail .textFrame .data th {

    font-weight: normal;

    width: 8em; }

  .item_detail .textFrame .data td .price {

    color: #000;

    font-size: 30px;

    font-weight: bold;

    line-height: 1;

    margin: 0; }

    .item_detail .textFrame .data td .price s {
		color: #555;
    font-size: 22px;
    font-weight: normal; }


    .item_detail .textFrame .data td .price big {
		color: #E7080B; }
  .item_detail .textFrame .data p {

    line-height: normal; }



.item_detail .textFrame .data td p.green_b {
		color: #006D4B;
    font-size: 14px;
    font-weight: normal; line-height: 1.2em;}

.item_detail .textFrame .data td p.text {margin:8px 0;
    font-size: 14px;
    font-weight: normal; line-height: 1.8em;}
.item_detail .textFrame .data td span.gr {
		color: #006D4B;
    font-weight: bold; }
.item_detail .textFrame .data td img.bi {
padding:2px 0;}


#shipping_country + a,

#shipping_fee + a {

  display: inline-block;

  background: #ddd;

  font-size: 14px;

  font-weight: 500;

  line-height: 30px;

  min-width: 180px;

  width: auto !important;

  height: 30px;

  margin-top: 1em;

  padding: 0 10px;

  text-align: center;

  text-decoration: none !important; }

  #shipping_country + a:hover,

  #shipping_fee + a:hover {

    opacity: .5; }



#shipping_fee {

  vertical-align: top; }



.product-description {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  clear: both;

  margin: 140px 0 0; }

  .product-description .sub-column {

    width: 400px; }

    .product-description .sub-column .movie {

      margin-bottom: 60px; }

    .product-description .sub-column p + p {

      margin-top: 24px; }

  .product-description .main-column {

    width: 740px; }

    .product-description .main-column p {

      line-height: 2; }

    .product-description .main-column .description {

      margin-bottom: 60px; }

      .product-description .main-column .description p {

        margin: 0 0 2em; }

    .product-description .main-column .detail {

      margin-top: 60px; }

      .product-description .main-column .detail h2 {

        font-size: 24px;

        font-weight: 500; }

        .product-description .main-column .detail h2 + p {

          font-size: 14px; }

      .product-description .main-column .detail table, .product-description .main-column .detail ul, .product-description .main-column .detail dl {

        margin-top: 20px; }

      .product-description .main-column .detail table {

        border-collapse: collapse;

        table-layout: fixed;

        border: 1px solid #BDB9B9; }

        .product-description .main-column .detail table th, .product-description .main-column .detail table td {

          border: 1px solid #BDB9B9;

          padding: 10px 20px; }

        .product-description .main-column .detail table th {

          background: #ddd;

          font-weight: normal;

          width: 188px; }

      .product-description .main-column .detail li {

        position: relative;

        padding-left: 15px; }

        .product-description .main-column .detail li::before {

          display: block;

          content: url(../images/agri/icon_list.svg);

          position: absolute;

          top: 0.7em;

          left: 0;

          width: 5px; }

      .product-description .main-column .detail dl {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex; }

      .product-description .main-column .detail dt {

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        border-left: 3px solid #87B829;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 172px;

        flex: 0 0 172px;

        position: relative;

        width: 172px;

        padding-left: 15px; }



/*-------------------------------------------------*/

/*商品詳細画面  ユーザー向けのリンク文字装飾(product.php 133)

/*-------------------------------------------------*/

.item_detail .textFrame .user_menu .manufacturer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 20px 0; }

  .item_detail .textFrame .user_menu .manufacturer > a {

    display: block; }

    .item_detail .textFrame .user_menu .manufacturer > a:hover {

      opacity: .5; }

    .item_detail .textFrame .user_menu .manufacturer > a img {

      width: 80px;

      height: auto; }



.item_detail .textFrame .user_menu ul {

  margin-left: 1em; }



.item_detail .textFrame .user_menu li {

  list-style: none;

  position: relative;

  padding-left: 24px; }

  .item_detail .textFrame .user_menu li a {

    text-decoration: underline; }

    .item_detail .textFrame .user_menu li a:hover {

      color: #87B829;

      text-decoration: none; }

  .item_detail .textFrame .user_menu li::before, .item_detail .textFrame .user_menu li::after {

    display: block;

    content: "";

    position: absolute;

    border-color: #87B829 !important; }

  .item_detail .textFrame .user_menu li::before {

    border-top: 1px solid;

    width: 16px;

    left: 0;

    top: 50%; }

  .item_detail .textFrame .user_menu li::after {

    border-top: 1px solid;

    width: 8px;

    left: 8px;

    top: 50%;

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

    -webkit-transform-origin: right;

    -ms-transform-origin: right;

    transform-origin: right; }



.item_detail .orderform {    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border: 1px solid #ddd;

    width: 290px;

    padding: 10px 20px;}

  .item_detail .orderform h4 {
	  
	  font-size:22px;

    color: #666; }

  .item_detail .orderform .option {

    margin-bottom: 10px; }

    .item_detail .orderform .option dt {

      float: left;

      width: initial;

      margin-bottom: 5px; }

.item_detail .orderform .option dt .optional{
font-size:12px;
}
.awase_text{width:600px; margin:0 auto 30px;
font-family: "Noto Serif JP", serif;
font-size:24px;}
.awase_text .title_big{
font-size:32px;}
.men_img{margin:0!important; padding:0;}
.awase_text.men{    width: 1200px;
    margin: 0 auto 30px;
    font-family: "Noto Serif JP", serif;
    font-size: 24px;
    text-align: center;
    line-height: 2.8em;}
.text_men{font-size:15px;
    line-height: 1.8em;}

.awase_text.men.border{border: 8px solid #e0e4ea; padding-top:50px; padding-bottom:50px;}
    .item_detail .orderform .option dd {

      margin-bottom: 2px; }

    .item_detail .orderform .option select {

      background: url(../images/s-herb/top/arrow_down_gr.svg) no-repeat 90% center;

      background-size: 8px 10px;

      border: 1px solid #ddd;

      border-radius: 4px;

      font-size: 14px;

      width: 100%;

      height: 33px;

      padding: 0 10px;

      cursor: pointer; }

  .item_detail .orderform .put_cart {
	  padding-top:15px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    text-align: center; }

    .item_detail .orderform .put_cart li {

      font-size: 14px;

      list-style: none;

      margin: 0 0 1em; }

      .item_detail .orderform .put_cart li.number input.text {

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        border: 1px solid #ddd;

        width: 50px;

        height: 50px;

        margin: 0 20px;

        text-align: center; }

  .item_detail .orderform p {

    margin: 0 !important; }



select.amount{

  -webkit-appearance: menulist;

  -moz-appearance: menulist;

  appearance: menulist;

  border: solid 1px #a9a9a9;

}

/*************

商品説明

***************/

.item-description {

  clear: both;

  margin: 70px -70px; }

  .item-description .contents {

    width: 1200px;

    margin-right: auto;

    margin-left: auto; }

  .item-description h4 {

    font-family: "Noto Serif JP", serif;

    margin: 80px 0; }

    .item-description h4:not([class*="block-title"]) {

      font-size: 36px; }

  .item-description h5 {

    font-family: "Noto Serif JP", serif;

    margin: 0 0 1em; }

    .item-description h5:not([class*="block-title"]) {

      font-size: 40px; }



.block-title {

  font-size: 50px; }

  .block-title span {

    display: block;

    font-size: 36px; }



.lotion-header,

.remover-header {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  width: 100%;

  min-height: 600px;

  padding-top: 37.5%; }

  .lotion-header > *,

  .remover-header > * {

    position: absolute; }

  .lotion-header h3,

  .remover-header h3 {

    font-family: 'EB Garamond', 'Noto Serif JP', serif;

    font-size: 50px;

    font-weight: normal;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-590px, -50%);

    -ms-transform: translate(-590px, -50%);

    transform: translate(-590px, -50%); }

  .lotion-header div,

  .remover-header div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    left: 50%;

    bottom: 50px;

    -webkit-transform: translateX(230px);

    -ms-transform: translateX(230px);

    transform: translateX(230px); }

    .lotion-header div p,

    .remover-header div p {

      font-size: 40px;

      line-height: 1.5;

      margin: 0 30px 0 0; }



.remover-header {

  background-image: url(../images/s-herb/remover/img_remover_header.jpg); }



.lotion-header {

  background-image: url(../images/s-herb/lotion/img_lotion_header.jpg); }



.try {

  float: left;

  font-size: 30px;

  font-weight: 300;

  width: calc(100% - 500px); }

.try.men {

  font-size: 24px;
}

  .try + img {

    float: right;

    margin-bottom: 30px; }

  .try dt {

    margin-bottom: 1em; }

  .try dd {

    background: url(../images/s-herb/remover/icon_check.svg) no-repeat left 7px;

    background-size: 35px 34px;

    color: #87B829;

    margin-bottom: 20px;

    padding-left: 60px; }


  .try.men dd {

    background:none;
 }



.secret {

  background: #FF6699;

  color: #fff;

  margin: 80px 0 120px;

  padding: 60px; }

  .secret .contents {

    position: relative; }

  .secret .text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: calc(360px*2 + 30px); }

    .secret .text li {

      -ms-flex-negative: 0;

      flex-shrink: 0;

      width: 360px; }

      .secret .text li:first-child {

        margin-right: 40px; }

    .secret .text dt {

      font-size: 24px;

      font-weight: 300;

      margin-bottom: 20px; }

    .secret .text p {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      line-height: 1.6; }

      .secret .text p.illust {

        background: #fff;

        color: #111515;

        font-size: 14px;

        margin: 0 0 20px; }

        .secret .text p.illust span {

          padding: 0 20px;

          text-align: justify; }

      .secret .text p.photo img {

        margin-right: 20px; }

  .secret .image {

    position: absolute;

    top: -40px;

    right: 0; }

    .secret .image p {

      font-size: 20px;

      margin: 0 0 10px; }

    .secret .image .timer {

      position: absolute;

      top: 40px;

      right: -40px; }



.professional {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  background: #F8F9F8;

  padding: 60px 70px 50px; }

  .professional + .professional {

    margin-top: 50px; }

  .professional .text {

    width: 600px; }

  .professional .text-header p {

    font-family: 'EB Garamond', 'Noto Serif JP', serif;

    font-size: 30px;

    margin: 10px 0 !important; }

  .professional .text-header h5 {

    border-bottom: 1px solid #FFF100;

    font-size: 36px;

    padding-bottom: 40px; }

  .professional .image {

    position: relative;

    text-align: center; }

    .professional .image img {

      -webkit-box-shadow: 8px 8px 15px 0px rgba(17, 21, 21, 0.15);

      box-shadow: 8px 8px 15px 0px rgba(17, 21, 21, 0.15);

      position: relative;

      left: 20px;

      z-index: 1; }

    .professional .image p {

      margin: 1.5em 0 0; }

      .professional .image p small {

        display: block; }

    .professional .image::after {

      display: block;

      content: "";

      background: #FFF100;

      position: absolute;

      top: 43px;

      left: 0;

      width: 40px;

      height: 300px;

      z-index: 0; }



.verify {

  margin: 200px 0 110px;

  text-align: center; }

  .verify h4 {

    display: inline-block;

    font-size: 50px;

    position: relative;

    margin-bottom: 0;

    padding: 0 80px; }

    .verify h4::before, .verify h4::after {

      display: block;

      content: "";

      border-left: 2px solid;

      position: absolute;

      bottom: .25em;

      height: 140px; }

    .verify h4::before {

      left: 0;

      -webkit-transform: rotate(-15deg);

      -ms-transform: rotate(-15deg);

      transform: rotate(-15deg); }

    .verify h4::after {

      right: 0;

      -webkit-transform: rotate(15deg);

      -ms-transform: rotate(15deg);

      transform: rotate(15deg); }

    .verify h4 span {

      display: block;

      font-size: 36px;

      position: relative;

      margin-bottom: 20px; }

      .verify h4 span::after {

        display: block;

        content: url(../images/s-herb/remover/sankaku_kensyou.svg);

        position: absolute;

        bottom: -10px;

        left: 50%;

        width: 124px;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

        z-index: -1; }

  .verify .verify-items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 50px 0; }

    .verify .verify-items p {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-size: 24px;

      line-height: 1.4;

      text-align: left; }

    .verify .verify-items img {

      margin-right: 1em; }

    .verify .verify-items .vs {

      background: #FFF100;

      border-radius: 50%;

      line-height: 42px;

      width: 40px;

      height: 40px;

      margin: 0 40px; }



.compare {

  border-collapse: collapse;

  table-layout: fixed; }

  .compare th, .compare td {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: calc(100% / 3); }

  .compare th {

    background: #87B829;

    color: #fff;

    font-size: 24px;

    font-weight: 300;

    padding: 20px; }

    .compare th:not(:nth-of-type(3n)) {

      background-image: -webkit-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-image: -o-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-image: linear-gradient(to right, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-size: 10px 1px;

      background-position: bottom;

      background-repeat: repeat-x; }

  .compare td {

    position: relative;

    padding: 30px 30px 0;

    text-align: left; }

    .compare td:not(:nth-of-type(3n)) {

      border-right: 2px solid #87B829; }

    .compare td p {

      line-height: 1.6;

      margin: 10px 0 30px !important;

      padding: 0 20px; }

    .compare td::after {

      display: block;

      content: "";

      border-top: 2px dashed #848484; }

  .compare .remover {

    background: #FFFDE3; }

  .compare tr:last-child td::after {

    display: none; }



.story {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .story dl {

    width: calc((100% - 60px) / 3);

    background: rgba(135, 184, 41, 0.15);

    border-radius: 10px;

    margin: 20px 0;

    padding: 30px; }

    .story dl:nth-child(2) {

      margin-right: 30px;

      margin-left: 30px; }

    .story dl dt {

      color: #87B829;

      font-size: 18px;

      margin-bottom: 1em; }

    .story dl dd {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center; }

      .story dl dd img {

        margin-right: 20px; }

      .story dl dd p {

        line-height: 1.8;

        text-align: left; }



.popular {

  margin-bottom: 120px; }



.popular-header {

  background: #FFF100;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

  .popular-header::after {

    display: block;

    content: "";

    color: #FFF100;

    border-top: 50px solid;

    border-right: 60px solid transparent;

    border-left: 60px solid transparent;

    position: absolute;

    bottom: -50px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }

  .popular-header h4 {

    font-family: "Noto Serif JP", serif;

    position: relative;

    margin: 0;

    padding: 40px 0; }

    .popular-header h4 span {

      display: block;

      font-size: 36px; }

  .popular-header img {

    height: 195px; }

    .popular-header img:first-child {

      -webkit-transform: rotate(-40deg);

      -ms-transform: rotate(-40deg);

      transform: rotate(-40deg); }



.contents.popular-list {

  width: 980px; }

  .contents.popular-list > li {

    padding: 40px 0 80px; }

    .contents.popular-list > li:not(:last-child) {

      background-image: -webkit-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-image: -o-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-image: linear-gradient(to right, #848484, #848484 5px, transparent 5px, transparent 5px);

      background-size: 10px 1px;

      background-position: bottom;

      background-repeat: repeat-x; }

    .contents.popular-list > li > dl > dt {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-family: "Noto Serif JP", serif;

      font-size: 36px; }

    .contents.popular-list > li > dl > dd {

      padding-left: 200px; }

  .contents.popular-list .number {

    width: 172px;

    height: auto;

    margin-right: 28px; }

  .contents.popular-list .list1 dd,

  .contents.popular-list .list4 dd {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    .contents.popular-list .list1 dd p,

    .contents.popular-list .list4 dd p {

      line-height: 1;

      text-align: center; }

      .contents.popular-list .list1 dd p + p,

      .contents.popular-list .list4 dd p + p {

        margin-left: 100px; }

      .contents.popular-list .list1 dd p *,

      .contents.popular-list .list4 dd p * {

        display: block; }

      .contents.popular-list .list1 dd p span,

      .contents.popular-list .list4 dd p span {

        font-size: 24px;

        margin-bottom: 1em; }

  .contents.popular-list .list2 dd > img,

  .contents.popular-list .list3 dd > img,

  .contents.popular-list .list5 dd > img {

    float: left; }

  .contents.popular-list .list2 dd > ul,

  .contents.popular-list .list3 dd > ul,

  .contents.popular-list .list5 dd > ul {

    font-size: 18px;

    margin-top: 90px;

    margin-left: 384px; }

    .contents.popular-list .list2 dd > ul li,

    .contents.popular-list .list3 dd > ul li,

    .contents.popular-list .list5 dd > ul li {

      position: relative;

      margin-bottom: 26px;

      padding-left: 40px; }

    .contents.popular-list .list2 dd > ul img,

    .contents.popular-list .list3 dd > ul img,

    .contents.popular-list .list5 dd > ul img {

      position: absolute;

      left: 0;

      margin-right: 1em; }

    .contents.popular-list .list2 dd > ul + small,

    .contents.popular-list .list3 dd > ul + small,

    .contents.popular-list .list5 dd > ul + small {

      display: block;

      font-weight: 300;

      margin-left: 384px; }

  .contents.popular-list .list2 .popular-faq,

  .contents.popular-list .list3 .popular-faq,

  .contents.popular-list .list5 .popular-faq {

    margin-bottom: 40px; }

    .contents.popular-list .list2 .popular-faq dt,

    .contents.popular-list .list3 .popular-faq dt,

    .contents.popular-list .list5 .popular-faq dt {

      color: #87B829;

      font-family: "Noto Sans JP", sans-serif;

      font-size: 30px;

      line-height: 36px;

      position: relative; }

      .contents.popular-list .list2 .popular-faq dt::before,

      .contents.popular-list .list3 .popular-faq dt::before,

      .contents.popular-list .list5 .popular-faq dt::before {

        display: inline-block;

        content: "Q";

        color: #fff;

        background: #87B829;

        border-radius: 50%;

        font-family: "Noto Serif JP", serif;

        line-height: 30px;

        width: 36px;

        height: 36px;

        margin-right: .4em;

        text-align: center; }

    .contents.popular-list .list2 .popular-faq dd,

    .contents.popular-list .list3 .popular-faq dd,

    .contents.popular-list .list5 .popular-faq dd {

      font-weight: 300;

      line-height: 2;

      margin: 1em 0 0; }

  .contents.popular-list .list5 dd > p {

    font-family: "Noto Serif JP", serif;

    font-size: 30px;

    -webkit-font-feature-settings: "palt";

    font-feature-settings: "palt";

    letter-spacing: 0.05em;

    margin: 1em 0; }

  .contents.popular-list .list5 .popular-faq dt {

    font-size: 24px; }



.use > .contents {

  margin: 100px auto; }



.use-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: #FEC5D6;

  position: relative;

  min-width: 1200px;

  height: 350px; }

  .use-header h4 {

    position: relative;

    width: 1200px;

    margin: auto;

    padding-right: 400px; }

    .use-header h4::after {

      display: block;

      content: "";

      background: #FFF100;

      position: absolute;

      top: 45px;

      left: -10px;

      width: 360px;

      height: 30px; }

    .use-header h4 span {

      display: block;

      font-size: 50px;

      position: relative;

      margin-bottom: 10px;

      z-index: 1; }

  .use-header img {

    position: absolute;

    left: 50%; }

    .use-header img.img-remover {

      top: -120px; }

    .use-header img.img-woman {

      top: -100px;

      margin-left: 160px; }

  .use-header::after {

    display: block;

    content: url(../images/s-herb/remover/sankaku_pink.svg);

    position: absolute;

    bottom: -60px;

    left: 50%;

    width: 150px;

    height: 90px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }



.use-faq {

  margin-bottom: 80px; }

  .use-faq dt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 30px;

    color: #87B829; }

    .use-faq dt span {

      display: block;

      background: url(../images/s-herb/remover/icon_q_pink.svg) no-repeat left top;

      background-size: 100px auto;

      color: #fff;

      font-family: "Noto Serif JP", serif;

      font-size: 34px;

      width: 110px;

      height: 102px;

      margin-right: 40px;

      text-align: center;

      line-height: 102px; }

  .use-faq dd,

  .use-faq + p {

    font-weight: 300;

    margin: 1em 0 0;

    padding-left: 140px; }



.herb {

  background: url(../images/s-herb/remover/bg_herb_bg.jpg) no-repeat center center;

  background-size: cover;

  padding: 100px 0; }

  .herb .contents {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  .herb .text {

    position: relative;

    width: 600px; }

    .herb .text > img {

      position: absolute;

      top: 50%;

      right: 10px; }

  .herb h5 {

    border-bottom: 1px solid;

    color: #87B829;

    font-family: "Noto Serif JP", serif;

    padding-bottom: 1em; }

    .herb h5 span {

      display: block;

      font-size: 36px; }

    .herb h5 + p {

      color: #000000;

      font-size: 20px;

      margin-bottom: 60px; }

  .herb p {

    font-weight: 300; }

  .herb .feature {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 18px;

    margin: 60px 0 0; }

    .herb .feature p {

      color: #87B829;

      position: relative; }

      .herb .feature p:first-child {

        margin-right: 1em; }

      .herb .feature p span {

        position: relative;

        z-index: 1;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFF100));

        background: -webkit-linear-gradient(transparent 70%, #FFF100 0%);

        background: -o-linear-gradient(transparent 70%, #FFF100 0%);

        background: linear-gradient(transparent 70%, #FFF100 0%);

        display: inline; }

  .herb .image {

    width: 600px;

    padding-left: 50px;

    text-align: center; }

    .herb .image li {

      font-size: 15px;

      margin-bottom: 60px; }

      .herb .image li:nth-child(2), .herb .image li:nth-child(5), .herb .image li:nth-child(3), .herb .image li:nth-child(6) {

        margin-top: -120px; }

      .herb .image li:nth-child(2), .herb .image li:nth-child(5) {

        float: left; }

      .herb .image li:nth-child(3), .herb .image li:nth-child(6) {

        float: right; }

      .herb .image li:last-child {

        margin-bottom: 0; }

      .herb .image li img {

        display: block;

        margin: 0 auto 10px; }



.soy {

  background: url(../images/s-herb/remover/bg_daizu.jpg) no-repeat center center;

  background-size: cover;

  color: #6A3906;

  height: 800px;

  padding: 140px 0 0; }

  .soy h5 {

    font-size: 40px; }

  .soy p {

    font-weight: 300;

    width: 615px;

    text-align: justify; }



.reason-header {

  background: #FF6698;

  position: relative;

  padding-bottom: 40px;

  text-align: center; }

  .reason-header h4 {

    margin-top: 0;

    padding-top: 80px; }

    .reason-header h4 ~ img {

      position: absolute;

      top: 40px;

      left: 50%;

      height: 195px; }

      .reason-header h4 ~ img.img-remover {

        margin-left: -510px;

        -webkit-transform: rotate(-40deg);

        -ms-transform: rotate(-40deg);

        transform: rotate(-40deg); }

      .reason-header h4 ~ img.img-best3 {

        margin-left: 360px; }

  .reason-header ol {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 100px 0 40px; }

    .reason-header ol li {

      background: #fff;

      font-size: 30px;

      position: relative;

      width: calc((100% - 40px) / 3);

      padding: 80px 40px 30px; }

      .reason-header ol li img {

        position: absolute;

        top: -60px;

        right: 0;

        left: 0;

        margin: auto; }

    .reason-header ol + small {

      font-size: 16px;

      font-weight: 300px; }



.voice {

  background: #F8F9F8;

  padding-bottom: 100px; }

  .voice h5 {

    background: #FFFFD4;

    color: #FF6698;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 300;

    position: relative;

    padding: 30px 0;

    text-align: center;

    font-size: 30px !important }

    .voice h5::after {

      display: block;

      content: "";

      color: #FFFFD4;

      border-top: 50px solid;

      border-right: 60px solid transparent;

      border-left: 60px solid transparent;

      position: absolute;

      bottom: -50px;

      left: 50%;

      -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

      transform: translateX(-50%); }

  .voice dl {

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 300;

    width: 980px;

    margin: 60px auto; }

    .voice dl + small {

      display: block;

      text-align: center; }

  .voice dt {

    color: #FF6698;

    font-size: 30px;

    margin-bottom: 1em;

    padding: 1em 0 0; }

  .voice dd {

    background-image: -webkit-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

    background-image: -o-linear-gradient(left, #848484, #848484 5px, transparent 5px, transparent 5px);

    background-image: linear-gradient(to right, #848484, #848484 5px, transparent 5px, transparent 5px);

    background-size: 10px 1px;

    background-position: bottom;

    background-repeat: repeat-x;

    padding-bottom: 10px; }

    .voice dd .name {

      display: block;

      font-size: 14px;

      margin: 2em 0; }

    .voice-green h5 {
        font-size:40px;
        color:#fff;
        background-color:#006d4b
    }
    .voice-green h5::after,
    .voice-green dt { color: #006d4b }


.bottom {

  position: relative;

  padding: 200px 0 100px; }

  .bottom div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end; }

  .bottom p {

    font-family: "Noto Sans JP", sans-serif;

    font-size: 34px;

    font-weight: 300;

    position: relative;

    margin-bottom: 2em;

    z-index: 1; }

  .bottom .button-solid {
background: #ffc206 url(https://s-herblab.com/resources/c_media/themes/theme_0/images/cart.svg) no-repeat 160px center;
	  background-size:24px;

    font-size: 18px;

    line-height: 100px;
color:#333;
    width: 500px;

	  border-radius:10px;
    height: 100px;

    padding: 0; }

  .bottom img {

    position: absolute;

    right: 0;

    bottom: 100px; }

  .bottom.lotion-bottom div {

    margin-left: 80px; }



.easy h4 {

  margin-bottom: 40px; }



.achievement {

  margin: 100px 0; }

  .achievement h4,

  .achievement small + p {

    color: #391806; }

  .achievement small {

    display: block;

    margin: 60px 0;

    text-align: justify; }

    .achievement small + p {

      font-family: "Noto Serif JP", serif;

      font-size: 36px;

      text-align: center; }



.crowns {

  background: url(../images/s-herb/lotion/bg_rakuten.jpg) center top no-repeat;

  position: relative;

  max-width: 1600px;

  min-height: 1370px;

  margin: auto;

  padding: 130px 0 0; }

  .crowns h5 {

    position: relative;

    background: url(../images/s-herb/lotion/line_rakuten.png) center bottom no-repeat;

    color: #fff;

    font-family: "EB Garamond", serif;

    font-size: 50px !important;

    line-height: 1;

    margin-bottom: 30px;

    padding-bottom: 0.5em;

    text-align: center;

    z-index: 10; }

    .crowns h5 span {

      display: block;

      font-size: 34px; }

  .crowns .img-trophy {

    position: absolute;

    top: -60px;

    left: 50%;

    -webkit-transform: translateX(220px);

    -ms-transform: translateX(220px);

    transform: translateX(220px); }



.crowns-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 300;

  text-align: center; }

  .crowns-list.rakuten {

    margin-bottom: 30px; }

  .crowns-list li:nth-child(2) {

    margin: 0 30px; }

  .crowns-list dt {

    font-size: 25px; }

  .crowns-list dd {

    font-size: 12px; }

  .crowns-list dl + img {

    margin-top: 30px; }



.why-header {

  background: url(../images/s-herb/lotion/bg_lotion_hand.jpg) center center no-repeat;

  background-size: cover;

  position: relative;

  height: 800px;

  padding: 100px 0 0; }

  .why-header .contents h4 {

    margin: 0 0 30px; }

    .why-header .contents h4 + p {

      color: #FFA216;

      font-weight: 300;

      font-size: 30px;

      margin-bottom: 20px; }

  .why-header .contents p {

    width: 600px;

    margin: 0 0 40px; }

    .why-header .contents p img {

      display: block;

      margin: auto; }

  .why-header .img-drops {

    position: absolute;

    bottom: -60px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }



.reason-list {

  margin-top: 100px;

  margin-bottom: 100px; }

  .reason-list li {

    display: inline-block;

    width: 540px;

    margin-bottom: 30px; }

    .reason-list li:first-child {

      float: left;

      margin-right: calc(100% - 540px*2); }

      .reason-list li:first-child .list-item > dd {

        padding: 10px 30px; }

  .reason-list .list-item > dt {

    color: #FFA216;

    font-size: 30px;

    font-weight: 300;

    line-height: 1.4;

    margin-bottom: 20px; }

    .reason-list .list-item > dt span {

      display: inline-block;

      color: #fff;

      background: #FFA216;

      border-radius: 50%;

      width: 1.4em;

      height: 1.4em;

      margin-right: 10px;

      text-align: center; }

  .reason-list .list-item > dd {

    background: #F8F9F8;

    padding: 0 30px; }

    .reason-list .list-item > dd div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      padding: 20px 0; }

      .reason-list .list-item > dd div:not(:last-child) {

        background-image: -webkit-linear-gradient(left, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

        background-image: -o-linear-gradient(left, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

        background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

        background-size: 9px 1px;

        background-position: bottom;

        background-repeat: repeat-x; }

  .reason-list .list-item .component {

    width: 280px; }

    .reason-list .list-item .component dt {

      font-size: 20px; }

    .reason-list .list-item .component dd {

      font-size: 14px; }

  .reason-list .list-item + .system {

    margin-top: 20px; }

  .reason-list .system {

    padding: 25px 30px; }

    .reason-list .system + .system {

      background-image: -webkit-linear-gradient(left, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

      background-image: -o-linear-gradient(left, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

      background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 3px, transparent 3px, transparent 6px);

      background-size: 9px 1px;

      background-position: top;

      background-repeat: repeat-x; }

    .reason-list .system dt {

      font-size: 20px;

      margin-bottom: 1em; }

    .reason-list .system p {

      font-size: 14px;

      line-height: 1.4; }



.science {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: #EAF4F5 url(../images/s-herb/lotion/bg_science.jpg) center center no-repeat;

  height: 800px; }

  .science .contents * {

    width: 600px;

    margin-right: 0;

    margin-left: auto;

    text-align: justify; }

  .science .contents h5 {

    font-size: 32px; }



.combined-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: url(../images/s-herb/lotion/bg_hand.jpg) center center no-repeat;

  background-size: cover;

  position: relative;

  height: 600px;

  margin-bottom: 80px; }

  .combined-header::before, .combined-header::after {

    display: block;

    font-family: "Poppins", sans-serif;

    font-size: 18px;

    font-weight: 300;

    position: absolute; }

  .combined-header h4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: url(../images/s-herb/lotion/yellow_box.png) center center no-repeat;

    width: 992px;

    height: 342px;

    margin: auto;

    text-align: center; }



.care-step-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative; }

  .care-step-wrap > img {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }

  .care-step-wrap .img-plus {

    top: 50%; 
    left: 54%;
    margin-bottom: 40px;
}

  .care-step-wrap .img-arrow {

    top:  100%;
    left: 54%;
}



.care-step {

  font-weight: 300;

  position: relative;

  width: 50%;

  padding-top: 300px; }

  .care-step.step1 {

    padding-right: 80px;
 }

    .care-step.step1::after {

      display: block;

      content: "";

      background-image: -webkit-linear-gradient(top, #707070, #707070 5px, transparent 5px, transparent 10px);

      background-image: -o-linear-gradient(top, #707070, #707070 5px, transparent 5px, transparent 10px);

      background-image: linear-gradient(to bottom, #707070, #707070 5px, transparent 5px, transparent 10px);

      background-size: 1px 10px;

      background-position: right;

      background-repeat: repeat-y;

      position: absolute;

      top: 50px;

      right: -8%;

      bottom: 80px;

      width: 1px; }

  .care-step.step2 {

    padding-left: 80px; }

  .care-step > div {

    position: relative; }

    .care-step > div dt {

      font-size: 30px;

      line-height: 1.3; }

    .care-step > div dd {

      line-height: 1.8; }

  .care-step h5 {

    position: absolute;

    top: 0;

    margin: 0; }

    .care-step h5 + div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

      margin-bottom: 70px; }

      .care-step h5 + div.lotion {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse; }

      .care-step h5 + div dt {

        margin: 10px 0; }

      .care-step h5 + div dd {

        letter-spacing: .05em;

        text-align: left; }

      .care-step h5 + div img {

        -ms-flex-negative: 0;

        flex-shrink: 0; }

  .care-step .cream img {

    margin-left: 10px; }

  .care-step .lotion img {

    margin-right: 10px; }

  .care-step .remove,

  .care-step .care {

    width: 500px;

    margin: auto;

    text-align: left; }

    .care-step .remove dt,

    .care-step .care dt {

      position: absolute;

      top: -30px;

      left: 0; }

    .care-step .remove p,

    .care-step .care p {

      font-size: 22px;

      line-height: 1.4;

      margin: 1em 0; }

      .care-step .remove p span,

      .care-step .care p span {

        display: inline-block;

        position: relative;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #FFF015));

        background: -webkit-linear-gradient(transparent 60%, #FFF015 0%);

        background: -o-linear-gradient(transparent 60%, #FFF015 0%);

        background: linear-gradient(transparent 60%, #FFF015 0%);

        display: inline; }

  .care-step .remove p {

    text-align: right; }

  .care-step .care img {

    margin-top: -75px; }



.point {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border: 1px solid #FFF100;

  position: relative;

  width: 940px;

  margin: 160px auto 80px;

  padding: 50px 80px; }

  .point h5 {

    position: absolute;

    top: -70px;

    left: -56px; }

  .point dt {

    display: inline-block;

    font-size: 36px;

    position: relative;

    margin-bottom: 20px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #FFF100));

    background: -webkit-linear-gradient(transparent 60%, #FFF015 0%);

    background: -o-linear-gradient(transparent 60%, #FFF015 0%);

    background: linear-gradient(transparent 60%, #FFF015 0%);

    display: inline; }

  .point dd {

    font-size: 30px;

    font-weight: 300; }

  .point > img {

    margin-right: 30px; }



.favorite-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #FFF100;

  position: relative; }

  .favorite-header h4 {

    margin: 50px 30px; }

  .favorite-header::after {

    display: block;

    content: "";

    border-top: 50px solid #FFF100;

    border-right: 60px solid transparent;

    border-left: 60px solid transparent;

    position: absolute;

    bottom: -50px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }



.favorite {

  padding-bottom: 30px; }

  .favorite dt {

    color: #FFA216; }

  .favorite dd:last-of-type {

    background: none;

    padding-bottom: 0; }

  .favorite + p {

    width: 980px;

    margin: 60px auto 0; }



/*-------------------------------------------------*/

/*商品オプション画面 (product-option.php)

/*-------------------------------------------------*/

/*-------------------------------------------------*/

/*支払手順ステップ表示部分のレイアウト (cart.php / create-account-success.php / create-account.php)

/*-------------------------------------------------*/

.subFrame .cart_contener {

  background: url(../images/bg_cart_contener.png) repeat-y;

  width: 200px;

  margin-bottom: 15px; }



.cart_contener h2 {

  background: url(../images/bg_title_cart_contener.png) no-repeat;

  padding: 9px 9px 6px;

  text-align: center;

  font-size: 100%;

  font-weight: bold;

  color: #FFF; }



.cart_contener table {

  margin: 0px 1px;

  font-size: 90%; }

  .cart_contener table tr {

    vertical-align: top; }

  .cart_contener table th {

    border-top: 1px solid #E0E4EA;

    border-right: 1px solid #E0E4EA;

    padding: 5px;

    font-weight: bold;

    color: #505050;

    white-space: nowrap; }

  .cart_contener table td {

    border-top: 1px solid #E0E4EA;

    padding: 5px;

    color: #C83232; }

    .cart_contener table td.add_cart {

      background: url(../images/bg_cart_contener_add.png) repeat-x bottom left;

      padding: 5px 5px 10px; }

      .cart_contener table td.add_cart p {

        background: url(../images/bg_cart_contener_add_arrow.png) no-repeat center left;

        text-indent: 10px;

        color: #505050; }



.cart_contener .amount {

  background: url(../images/bg_cart_contener_bottom.png) no-repeat bottom left;

  border-top: 1px solid #E0E4EA;

  padding: 6px; }

  .cart_contener .amount dl {

    border: 1px solid #E5E9ED;

    margin-bottom: 10px; }

  .cart_contener .amount dt {

    float: left;

    background: #91A3B5;

    border-right: 1px solid #E5E9ED;

    padding: 4px 5px 2px;

    color: #FFF; }

  .cart_contener .amount dd {

    background: #FFF;

    padding: 4px 5px 2px;

    text-align: right;

    font-weight: bold;

    color: #DC7A00; }

.contents_men{margin-top:100px;}

/*-------------------------------------------------*/

/*ショッピングカート画面オススメ商品一覧 (cart.php)

/*-------------------------------------------------*/

.categoryFrame {

  /*ディスクリプション引用*/ }

  .categoryFrame .cart_explain {

    background: url(../images/bg_cart_explain.png) no-repeat;

    padding: 20px 10px 10px 99px; }

    .categoryFrame .cart_explain .lead {

      padding-bottom: 8px;

      font-size: 120%;

      color: #CA5A00; }

    .categoryFrame .cart_explain .keep_shopping {

      background: url(../images/btn_arrrow_prev.png) no-repeat center left;

      text-indent: 15px;

      line-height: 1.0em; }

  .categoryFrame .title_recommend_add_cart {

    background: url(../images/bg_recommend_add_cart.png) repeat-x bottom left;

    margin-top: 20px;

    padding-bottom: 20px; }

    .categoryFrame .title_recommend_add_cart h2 {

      border-left: 5px solid #466E82;

      padding: 0 8px;

      font-size: 12px;

      font-weight: bold;

      color: #466E82; }

  .categoryFrame .recommend_user {

    font-size: 14px;

    width: 1200px;

    margin: 50px auto 100px; }

    .categoryFrame .recommend_user p {

      font-size: 14px;
 }

    .categoryFrame .recommend_user .section-title {

      text-align: center; }

    .categoryFrame .recommend_user p.try_review {

      float: right;

      background: url(../images/icon_review_put.png) no-repeat center left;

      width: 14.5em;

      text-align: right;

      text-indent: 15px; }

  .categoryFrame .pr_text {

    padding-top: 8px; }

  .categoryFrame .review_list {

    margin: 20px 0; }

    .categoryFrame .review_list .review {

      margin-top: 40px; }

      .categoryFrame .review_list .review > p {

        margin: 10px 0; }

    .categoryFrame .review_list .poster {

      float: left;

      margin-bottom: 1em; }

      .categoryFrame .review_list .poster dt,

      .categoryFrame .review_list .poster dd {

        float: left;

        margin-right: 5px; }

      .categoryFrame .review_list .poster .account {

        color: #FCD200; }

    .categoryFrame .review_list .date {

      float: left; }

      .categoryFrame .review_list .date dt,

      .categoryFrame .review_list .date dd {

        float: left;

        margin-left: 5px; }

    .categoryFrame .review_list .review_text {

      border-bottom: 1px solid #ddd;

      padding-bottom: 10px; }

      .categoryFrame .review_list .review_text .review-title {
        font-weight:bold;
        margin: 0; }

      .categoryFrame .review_list .review_text p {

        margin: 0;

        text-align: justify; }

  .categoryFrame .detail {

    margin-top: 60px; }

    .categoryFrame .detail h2 {

      font-size: 24px;

      font-weight: 500; }

      .categoryFrame .detail h2 + p {

        font-size: 14px; }

    .categoryFrame .detail table,

    .categoryFrame .detail ul,

    .categoryFrame .detail dl {

      margin-top: 20px; }

    .categoryFrame .detail table {

      border-collapse: collapse;

      table-layout: fixed;

      border: 1px solid #BDB9B9; }

      .categoryFrame .detail table th,

      .categoryFrame .detail table td {

        border: 1px solid #BDB9B9;

        padding: 10px 20px; }

      .categoryFrame .detail table th {

        background: #ddd;

        font-weight: normal;

        width: 188px; }

    .categoryFrame .detail li {

      position: relative;

      padding-left: 15px; }

      .categoryFrame .detail li::before {

        display: block;

        content: url(../images/agri/icon_list.svg);

        position: absolute;

        top: 0.7em;

        left: 0;

        width: 5px; }

    .categoryFrame .detail dl {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

    .categoryFrame .detail dt {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      border-left: 3px solid #87B829;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 172px;

      flex: 0 0 172px;

      position: relative;

      width: 172px;

      padding-left: 15px; }



/*-------------------------------------------------*/

/* レビュー表示部分

/*-------------------------------------------------*/

.review_poster span {

  display: block; }

  .review_poster span.subject {

    font-weight: 500; }



.review_report {

  color: #87B829; }



/*-------------------------------------------------*/

/* 関連商品/最近見た商品の表示レイアウト（sidebarR.php)

/*-------------------------------------------------*/

#contents .subFrame .itemtable {

  padding-bottom: 30px; }



.title h2 {

  padding: 9px 0px 5px;

  font-size: 100%;

  font-weight: bold;

  line-height: 1em; }



.itemtable .title h2.with_link {

  float: left; }



.itemtable .title p {

  float: right;

  padding: 9px 0px 5px;

  line-height: 1.0em;

  text-align: right; }



#contents .subFrame .itemtable h3 {

  border-top: 1px solid #D8DFE7;

  margin: 10px 0;

  padding: 10px 10px 0 0px;

  font-size: 100%; }

  #contents .subFrame .itemtable h3.top {

    border-top: 0px solid #D8DFE7;

    margin: 0 0 10px;

    padding: 10px 10px 0 0px; }



.itemtable .images {

  float: left;

  border: 1px solid #EBEBEB;

  width: 38px; }

  .itemtable .images img {

    display: block;

    display: block;

    max-width: 38px;

    height: auto; }



.itemtable .text {

  float: left;

  width: 130px;

  margin-left: 8px;

  font-size: 80%;

  line-height: 1.5em; }



.box {

  overflow: auto;

  height: 280px;

  width: 195px;

  position: absolute;

  margin-top: 5px; }



/*-------------------------------------------------*/

/* レビュー表示部分（review.php)

/*-------------------------------------------------*/

.review_star {

  color: #b39400;

  font-size: 10px;

  background-repeat: no-repeat; }

  .review_star img {

    display: inline-block !important; }

  .review_star span {

    margin-left: 20px; }



.review_date {

  font-size: 10px;

  font-weight: bold;

  color: #ff6f4e; }



.ranking .rnumber1 {

  background-image: url(../images/review/review_ranking1.png);

  background-repeat: no-repeat;

  background-position: left top;

  padding-left: 69px; }



.ranking_border {

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #D8DFE7; }



.review_rank {

  display: block;

  position: relative;

  top: -22px;

  font-size: 10px;

  font-weight: bold;

  color: #063;

  font-style: italic; }



.categoryFrame .user_navi .style_navi li.current#list {

  background: url(../images/list-hover.png) no-repeat center;

  background-size: 15px;

  display: block;

  float: left;

  width: 26px;

  height: 26px;

  background-color: #BBBBBB; }



#contents .new_arrival h2.new_review {

  background: url(../images/icon_newreview.png) no-repeat top left;

  color: #777;

  padding: 3px 0 0px 25px;

  font-size: 14px;

  margin-bottom: 30px; }



/*-------------------------------------------------*/

/* ブランド一覧（brand.php)

/*-------------------------------------------------*/

.brand-list td {

  padding-bottom: 40px; }



.brand-list a {

  display: block;

  text-decoration: none; }

  .brand-list a:hover {

    opacity: .5; }

  .brand-list a img {

    display: block;

    margin: auto; }



/*-------------------------------------------------*/

/* 追加スタイル

/*-------------------------------------------------*/

legend {

  color: #87B829 !important;

  border-left-color: #87B829 !important;

  font-size: 20px !important; }



.form {

  margin: 10px 0 2em !important;

  font-size: 16px; }



.form .required {

  font-size: 16px !important; }



.form .input-text {

  font-size: 16px;

  width: 300px;

  padding: 2px .5em !important; }



.form input[type="submit"] {

  font-size: 16px !important;

  border: 1px solid #87B829 !important;

  font-size: 16px !important;

  color: #87B829 !important; }

  .form input[type="submit"]:hover {

    background: #87B829 !important;

    opacity: 1 !important;

    color: #fff !important; }



/*-------------------------------------------------*/

/* ページスタイル

/*-------------------------------------------------*/

.company-profile {

  border-collapse: collapse;

  margin: 60px 0; }

  .company-profile th, .company-profile td {

    border-top: 1px solid #ddd;

    padding: 1em 1.5em; }



.item-section + .item-section {

  margin: 110px 0 60px; }



.item-section h2 {

  background: #F8F6F5;

  color: #87B829;

  font-size: 30px;

  font-weight: 300;

  line-height: 250px;

  position: relative;

  width: 100%;

  height: 250px;

  margin: 65px 0 80px;

  padding: 0 0 0 200px; }

  .item-section h2::before, .item-section h2::after {

    display: block;

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid; }

  .item-section h2::before {

    border-width: 214px 256px 0 0;

    border-color: #FFF100 transparent transparent transparent;

    top: 0;

    left: 0; }

  .item-section h2::after {

    border-width: 0 0 121px 145px;

    border-color: transparent transparent #FFF100 transparent;

    right: 0;

    bottom: 0; }

  .item-section h2 span {

    position: relative;

    z-index: 1; }

  .item-section h2 img {

    display: block;

    position: absolute;

    top: 30px;

    left: 60px;

    width: auto;

    height: 200px; }



.faq-list {

  font-weight: 300; }

  .faq-list dt {

    color: #87B829;

    font-family: "Noto Sans JP", sans-serif;

    font-size: 20px;

    line-height: 40px;

    position: relative;

    margin-top: 40px; }

    .faq-list dt::before {

      display: inline-block;

      content: "Q";

      color: #fff;

      background: #87B829;

      border-radius: 50%;

      font-family: "Noto Serif JP", serif;

      font-size: 30px;

      line-height: 32px;

      width: 40px;

      height: 40px;

      margin-right: 20px;

      text-align: center;

      vertical-align: middle; }

  .faq-list dd {

    border-bottom: 1px solid #ddd;

    line-height: 2;

    margin: 1em 0 0;

    padding-left: 60px;

    padding-bottom: 40px; }



.policy-section * {

  font-weight: 300; }



.policy-section h2 {

  color: #87B829;

  font-size: 30px;

  margin-bottom: 1em; }



.policy-section p {

  margin: 0 0 2em !important; }



.policy-section li::before {

  content: "・"; }



.policy-list {

  margin-bottom: 60px; }

  .policy-list dl dt {

    font-weight: normal;

    margin-top: 2em; }

    .policy-list dl dt::before {

      content: "・"; }



.terms {

  border-collapse: collapse; }

  .terms th, .terms td {

    border-bottom: 1px solid #ddd;

    font-weight: 300;

    padding: 1em 0;

    vertical-align: top; }

  .terms th {

    color: #87B829;

    padding-top: 1.2em;

    width: 250px; }

  .terms td {

    line-height: 2; }

.open_banner {

    position: fixed;

    right:80px;    bottom: 0px;

    z-index: 50000000;

}

#cross_sell{margin-bottom:100px;

	display: block;

    overflow: hidden;

    background: #dddddd61;

    width: 100%;

    /* background-position: center center; */

    /* background-repeat: no-repeat; */

    /* background-size: cover; */

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    width: 100%;

    padding: 30px;

    /* min-height: 600px; */

    /* padding-top: 37.5%; */}

	

#cross_sell a{ color:#006D4B;}
#cross_sell.onefornow a{   overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
#cross_sell.onefornow{margin-bottom:0;}
#cross_sell.onefornow h2{font-size:22px;}
#cross_sell.onefornow a img{ padding-bottom:10px;}

	

#cross_sell table td{padding: 20px 20px 0 20px; }



#cross_sell ul li {float: left;
    margin-right: 50px;
    width: 150px;
 }


#cross_sell.onefornow ul{padding-top:20px;
 }


#cross_sell.onefornow ul li {float: left;
    margin-right: 30px;
    width: 150px;
 }


#cross_sell ul li p.left {padding: 10px 20px 0 0; width:200px; }

#cross_sell ul li p.right {padding: 10px 20px 0 0; width:800px; }




.naka img {width: 400px;
    height: auto;
    padding: 0 20px 0 0;
    float: left;
}
.naka p {
    float: left;
    padding: 20px 0;
    width: 800px;
    font-size: 14px;
	color:#000;
}
.naka p a {
	color:#000; text-decoration:underline;
}

.gotocart{text-align:center; margin:30px 0 100px 0;}



/*-------------------------------------------------*/

/*追加 (product.php)

/*-------------------------------------------------*/
 #link {
   margin-top:-80px;
  padding-top:80px;
}
.item_detail .rightbox
{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 290px;
    }


#sensitive h4{text-align:center;
font-family: 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 50px;
    font-weight: normal;
}


#sensitive h3{font-size: 36px; text-align:center;
font-family: 'Noto Serif JP', serif;}


/*-------------------------------------------------*/

/*  追加商品

/*-------------------------------------------------*/
.new_product img{
	width:800px;
	margin:80px auto;
}

.new_product { margin:80px 0 0 0 ;
	
}


/*-------------------------------------------------*/

/*  アコーディオン

/*-------------------------------------------------*/


.accordion1 {text-align: left;}
.accordion1 .accordion_inner {display: none;}
.accordion1 .accordion_inner.active {display: block;}
.accordion1 p{cursor: pointer;}
.accordion1 .inner li{}
.accordion1 .green_b{
    background: url(../images/arrow-down.png) no-repeat right;
    display: block;}
.accordion1 .green_b.open{background: url(../images/arrow-up.png) no-repeat right;}


.accordion2 {text-align: left;}
.accordion2 .accordion_inner {display: none;}
.accordion2 .accordion_inner.active {display: block;}
.accordion2 p{cursor: pointer;}
.accordion2 .inner li{}
.accordion2 .green_b{
    background: url(../images/arrow-down.png) no-repeat right;
    display: block;}
.accordion2 .green_b.open{background: url(../images/arrow-up.png) no-repeat right;}


.accordion3 {text-align: left;}
.accordion3 .accordion_inner {display: none;}
.accordion3 .accordion_inner.active {display: block;}
.accordion3 p{cursor: pointer;}
.accordion3 .inner li{}
.accordion3 .green_b{
    background: url(../images/arrow-down.png) no-repeat right;
    display: block;}
.accordion3 .green_b.open{background: url(../images/arrow-up.png) no-repeat right;}

.accordion3 .faq-list {

  font-weight: 300; }

.accordion3  .faq-list dt {

    color: #87B829;

    font-family: "Noto Sans JP", sans-serif;

    font-size: 18px;

    line-height: 20px;

    position: relative;

    margin-top: 20px; }

  .accordion3   .faq-list dt::before {

      display: inline-block;

      content: "Q";

      color: #fff;

      background: #87B829;

      border-radius: 50%;

      font-family: "Noto Serif JP", serif;

      font-size: 20px;

      line-height: 32px;

      width: 30px;

      height: 30px;

      margin-right: 10px;

      text-align: center;

      vertical-align: middle; }

  .accordion3 .faq-list dd {border-bottom: 1px solid #ddd;line-height: 1.5;margin: 1em 0 0;padding-left: 20px;padding-bottom: 10px;}
.title_men{}