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

  1.mainVisual（トップメインイメージ）

---------------------------------*/
#mainVisual {
  margin-bottom: 70px;
}
#mainVisual .slider.pc_none {
  display: none;
}
#mainVisual .slider .s_img {
  width: 100%;
  min-height: 500px;
}
#mainVisual .slider .img {
  width: 100%;
  min-height: 500px;
  height: 0;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 33.333%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#mainVisual .slider a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
/*#mainVisual .slider a::after {
    content: '';
    width: 180px;
    height: 35px;
    background: url("../images/toppage/top_hover.png") no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 20px;
    right: 20px;
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
    opacity: 0;
}*/
#mainVisual .slider a:hover::after {
  opacity: 1;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
/*---------------------------------

  2.mainContainer（共通スタイル）

---------------------------------*/
#mainContainer section .wrapper {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}
/*  
  common
---------------------------------*/
#mainContainer section .wrapper .wrap ul {
  list-style: none;
}
/*  
  h2（小文字あり）
---------------------------------*/
#mainContainer section .wrapper > .ttl {
  margin-bottom: 50px;
  display: flex;
  align-items: baseline;
}
#mainContainer section .wrapper > .ttl h2 {
  font-size: 30px;
  font-size: 1.875em;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
}
#mainContainer section .wrapper > .ttl span {
  font-weight: 400;
  font-family: 'Noto Serif JP', serif;
  margin-left: 1.875em;
}
/*  
  h2（線あり）
---------------------------------*/
#mainContainer section .wrapper > .ttl_border {
  position: relative;
  margin-bottom: 70px;
}
#mainContainer section .wrapper > .ttl_border::after {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px dashed #006d4b;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
#mainContainer section .wrapper > .ttl_border h2 {
  font-size: 30px;
  font-size: 1.875em;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  background: #fff;
  display: inline-block;
  padding-right: .6em;
}
/*  
  リンク
---------------------------------*/
#mainContainer section .wrapper .list_link {
  text-align: right;
  margin-top: 50px;
}
#mainContainer section .wrapper .list_link a {
  color: #5F5046;
  padding-right: 1.5em;
  position: relative;
}
#mainContainer section .wrapper .list_link a::after {
  content: '';
  width: 8px;
  height: 12px;
  background: url("../images/toppage/a_arr.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
#mainContainer section .wrapper .list_link a:hover {
  color: #006d4b;
}
/*---------------------------------

  3.news-outer-block（お知らせ）

---------------------------------*/
#mainContainer .news-outer-block {
  max-width: 1024px;
  width: 90%;
  margin: 100px auto 100px;
}
/*  
  重要なお知らせ
---------------------------------*/
#mainContainer .news-outer-block .emergency-block {
	background: #FEEFEE;
	border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px 30px;
  border: 1px solid #FABCB8;
  display: flex;
  justify-content: space-between;
	align-items: center;
}
#mainContainer .news-outer-block .emergency-block h2 {
  width: 15%;
  color: #DB3F45;
}
#mainContainer .news-outer-block .emergency-block dl {
  width: 85%;
}
#mainContainer .news-outer-block .emergency-block dl dt {
  font-weight: 500;
}
#mainContainer .news-outer-block .emergency-block dl dt a {
	color: #DB3F45;
	display: block;
	text-decoration: underline;
	padding: 10px 1.5em 10px 0;
	position: relative;
}
#mainContainer .news-outer-block .emergency-block dl dt a::after {
	content: '';
	background: url("../images/im_a_arr.png") no-repeat center;
	background-size: contain;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
}
#mainContainer .news-outer-block .emergency-block dl dt + dt {
	border-top: 1px dotted #FABCB8;
}
#mainContainer .news-outer-block .emergency-block dl dd {
  text-align: justify;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.5;
	margin-top: 10px;
}
/*  
  お知らせ
---------------------------------*/
#mainContainer .news-outer-block .news-block {
  padding: 30px;
  background: #f2f2f2;
}
#mainContainer .news-outer-block .news-block dl {
  display: flex;
  justify-content: space-between;
}
#mainContainer .news-outer-block .news-block dl + dl {
	border-top: 1px dashed #aaa;
	margin-top: 20px;
	padding-top: 20px;
}
#mainContainer .news-outer-block .news-block dl dt {
  width: 15%;
}
#mainContainer .news-outer-block .news-block dl dd {
  width: 85%;
}
#mainContainer .news-outer-block .news-block dl dd a {
  color: #006D4B;
	text-decoration: underline;
}
#mainContainer .news-outer-block .news-block dl dd p.ttl {
  color: #006D4B;
  font-weight: 600;
  margin-bottom: 10px;
}
#mainContainer .news-outer-block .news-block dl dd p.caption {
  text-align: justify;
  font-size: 14px;
  font-size: 0.875em;
}
#mainContainer .news-outer-block .news-block dl dd p.caption_small {
  text-align: justify;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 5px;
}
/*---------------------------------

  4.beginnersGuide（初めての方へ）

---------------------------------*/
#mainContainer #beginnersGuide {
  max-width: 600px;
  width: 80%;
  margin: 70px auto;
  border: 1px solid #c3c3c3;
}
#mainContainer #beginnersGuide a {
  /*padding: 20px 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5F5046;
}
#mainContainer #beginnersGuide a:hover {
  color: #006d4b;
}
/*#mainContainer #beginnersGuide a figure {
  width: 40px;
  margin-right: 40px;
}
#mainContainer #beginnersGuide a p {
  letter-spacing: 4px;
  line-height: 1.8;
}*/
/*#mainContainer #beginnersGuide a p strong {
    margin-bottom: 20px;
    display: block;
    font-size: 30px;
    font-size: 1.875em;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
}

#mainContainer #beginnersGuide a p span {
    display: block;
}*/
/*---------------------------------

  5.RankingList-Block（人気商品）

---------------------------------*/
#mainContainer .RankingList-Block .wrapper {
  margin: 50px auto;
}
.RankingList-Block ul.rankinglist {
	position: relative;
}
/* 矢印 */
.RankingList-Block ul.rankinglist .slide-arrow {
	cursor: pointer;
  position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	z-index: 1;
}
.RankingList-Block ul.rankinglist .slide-arrow.prev-arrow {
  left: -50px;
}
.RankingList-Block ul.rankinglist .slide-arrow.next-arrow {
  right: -50px;
}
/*　アイテム　*/
.RankingList-Block ul.rankinglist li {
  width: 220px;
	padding: 0 10px;
}
.RankingList-Block ul.rankinglist li a {
  color: #5F5046;
}
.RankingList-Block ul.rankinglist li a:hover {
  color: #006d4b;
}
.RankingList-Block ul.rankinglist li figure {
  margin-bottom: 30px;
}
.RankingList-Block ul.rankinglist li .txtbox p.ttl {
  margin-bottom: 10px;
  height: 50px;
}
.RankingList-Block ul.rankinglist li .txtbox p.caption {
  text-align: justify;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.5;
}
.RankingList-Block ul.rankinglist li .yotpo {
  margin-top: 10px;
}
/*  
  ランキング 順位アイコン
---------------------------------*/
.RankingList-Block ul.rankinglist li figure {
  position: relative;
}
.RankingList-Block ul.rankinglist li figure::before {
  content: '';
  width: 65px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
.RankingList-Block ul.rankinglist li figure.First::before {
  background: url("../images/toppage/ranking_01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.RankingList-Block ul.rankinglist li figure.Second::before {
  background: url("../images/toppage/ranking_02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.RankingList-Block ul.rankinglist li figure.Third::before {
  background: url("../images/toppage/ranking_03.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.RankingList-Block ul.rankinglist li figure.Fourth::before {
  background: url("../images/toppage/ranking_04.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.RankingList-Block ul.rankinglist li figure.Fifth::before {
  background: url("../images/toppage/ranking_05.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.RankingList-Block ul.rankinglist li figure.Sixth::before {
  background: url("../images/toppage/ranking_06.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/*---------------------------------

  6.Campaign-Block（キャンペーンバナー5つ）

---------------------------------*/
#mainContainer .Campaign-Block .wrapper {
  margin: 100px auto 80px;
}
/*  
  バナー
---------------------------------*/
.Campaign-Block .wrapper .wrap {
  display: flex;
  justify-content: space-between;
}
.Campaign-Block .wrapper .wrap .item {
  width: 32%;
}
.Campaign-Block .wrapper .wrap p {
  font-size: 12px;
  font-size: 0.750em;
  margin-bottom: 5px;
}
.Campaign-Block .wrapper .wrap a {
  display: block;
}
.Campaign-Block .wrapper .wrap img {
  width: 100%;
  vertical-align: bottom;
}
.Campaign-Block .wrapper .wrap .campaign_item_big {
  max-width: 370px;
  width: 40%;
}
.Campaign-Block .wrapper .wrap .campaign_item_list {
  max-width: 630px;
  width: 65%;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.Campaign-Block .wrapper .wrap .campaign_item_list .item {
  width: 48%;
}
/*---------------------------------

  7.insta-Block（インスタグラム）

---------------------------------*/
#mainContainer .insta-Block .wrapper {
  margin: 100px auto 80px;
}
/*---------------------------------

  8.Regular-Block（きれいの定期便）

---------------------------------*/
#mainContainer .Regular-Block {
  background: #f2f2f2;
  padding: 80px 0 50px;
}
/*  
  きれいの定期便
---------------------------------*/
.Regular-Block .wrap {
  display: flex;
  justify-content: center;
}
.Regular-Block .wrap .regular_box {
  width: 200px;
  margin: 0 30px;
  text-align: center;
}
.Regular-Block .wrap .regular_box figure {
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Regular-Block .wrap .regular_box figure .img {
  width: 65px;
  height: 60px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.Regular-Block .wrap .regular_box p {
  margin: 10px 0;
  font-size: 14px;
  font-size: 0.875em;
}
.Regular-Block .wrap .regular_box p strong {
  font-size: 16px;
  font-size: 1.143em;
}
/*---------------------------------

  9.Search-Block（商品を探す）

---------------------------------*/
#mainContainer .Search-Block .wrapper {
  margin: 100px auto 50px;
}
/*  
  ボタン
---------------------------------*/
.Search-Block .wrap {
  display: flex;
	justify-content: space-between;
}
.Search-Block .btn {
  margin-bottom: 50px;
  font-size: 23px;
  font-size: 1.438em;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
	width: 48%;
}
.Search-Block .btn a {
	border: 1px solid #9abdb4;
	border-radius: 10px;
	box-shadow: 5px 5px 0 0 #e3edeb;
	color: #5F5046;
	display: block;
	text-align: center;
  padding: 30px 10px;
}
.Search-Block .btn a span {
	display: inline-block;
  padding-left: 1.8em;
  position: relative;
}
.Search-Block .btn a span::before {
  content: '';
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.Search-Block .btn.series a span::before {
  background: url("../images/toppage/search_i_series.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.Search-Block .btn.worries a span::before {
  background: url("../images/toppage/search_i_worries.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/*  
  h3タイトル
---------------------------------*/
/*.Search-Block h3.ttl {
  margin-bottom: 50px;
  padding-left: 1.8em;
  font-size: 23px;
  font-size: 1.438em;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  position: relative;
}
.Search-Block h3.ttl::before {
  content: '';
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.Search-Block h3.ttl.series::before {
  background: url("../images/toppage/search_i_series.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.Search-Block h3.ttl.worries::before {
  background: url("../images/toppage/search_i_worries.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}*/
/*  
  共通
---------------------------------*/
/*.Search-Block .wrap ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Search-Block .wrap ul li {
  width: 30%;
  margin-bottom: 50px;
}
.Search-Block .wrap ul li a {
  display: block;
}
.Search-Block .wrap ul li figure {
  overflow: hidden;
}
.Search-Block .wrap ul li figure .img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Search-Block .wrap ul li a:hover .img {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Search-Block .wrap ul li figure p.ttl {
  text-align: center;
  padding: 5px;
  position: relative;
}
.Search-Block .wrap ul li figure p.ttl::after {
  content: '';
  width: 8px;
  height: 12px;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}
.Search-Block .wrap ul li p.caption {
  margin: 10px 0 0;
  font-size: 14px;
  font-size: 0.875em;
}*/
/*  
  シリーズから探す
---------------------------------*/
/*.Search-Block .series_list_block {
  margin: 80px auto 100px;
}
.series_list_block .wrap ul.series_list li a {
  color: #fff;
  position: relative;
}
.series_list_block .wrap ul.series_list li span {
  display: inline-block;
  color: #666;
  line-height: 1;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #bbb;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.series_list_block .wrap ul.series_list li figure .img {
  height: 180px;
}
.series_list_block .wrap ul.series_list li figure p.ttl {
  background: #ccc;
}
.series_list_block .wrap ul.series_list li figure p.ttl::after {
  background: url("../images/toppage/a_arr_w.png") no-repeat;
  background-position: center;
  background-size: contain;
}
.series_list_block .wrap ul.series_list li:nth-of-type(1) p.ttl {
  background: #f3be60;
}
.series_list_block .wrap ul.series_list li:nth-of-type(2) p.ttl {
  background: #7ea3cd;
}
.series_list_block .wrap ul.series_list li:nth-of-type(3) p.ttl {
  background: #d98450;
}
.series_list_block .wrap ul.series_list li:nth-of-type(4) p.ttl {
  background: #77c080;
}
.series_list_block .wrap ul.series_list li:nth-of-type(5) p.ttl {
  background: #7ec5cf;
}
.series_list_block .wrap ul.series_list li:nth-of-type(6) p.ttl {
  background: #9eb2c4;
}
.series_list_block .wrap ul.series_list + .list_link {
  margin-top: 0 !important;
}*/
/*  
  お悩みから探す
---------------------------------*/
/*.worries_list_block .wrap ul.worries_list li figure {
  border: 1px solid #c3c3c3;
}
.worries_list_block .wrap ul.worries_list li figure .img {
  height: 130px;
}
.worries_list_block .wrap ul.worries_list li a {
  color: #5F5046;
}
.worries_list_block .wrap ul.worries_list li a:hover {
  color: #006d4b;
}
.worries_list_block .wrap ul.worries_list li p.ttl {
  background: #fff;
}
.worries_list_block .wrap ul.worries_list li p.ttl::after {
  background: url("../images/toppage/a_arr.png") no-repeat;
  background-position: center;
  background-size: contain;
}*/
/*---------------------------------

  10.Reviews-Block（お客さまの声）

---------------------------------*/
#mainContainer .Reviews-Block .wrapper {
  margin: 50px auto 100px;
}
/*---------------------------------

  11.Feelherb-Block（フィールハーブ）

---------------------------------*/
#mainContainer .Feelherb-Block {
  background: #f2f2f2;
  padding: 80px 0 60px;
}
/*  
  共通
---------------------------------*/
.Feelherb-Block .wrap {
  display: flex;
  justify-content: space-between;
}
.Feelherb-Block .wrap .item_big {
  width: 48%;
}
.Feelherb-Block .wrap .item_big .item {
  height: 100%;
}
.Feelherb-Block .wrap .item_big {
  width: 48%;
}
.Feelherb-Block .wrap .item_list {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.Feelherb-Block .wrap .item_list .item {
  width: 48%;
}
.Feelherb-Block .wrap .item_list .item:nth-of-type(-n+2) {
  margin-bottom: 20px;
}
.Feelherb-Block .wrap .item a {
  display: block;
  height: 100%;
  color: #5F5046;
}
.Feelherb-Block .wrap .item a:hover {
  color: #006d4b;
}
.Feelherb-Block .wrap .item figure {
  overflow: hidden;
}
.Feelherb-Block .wrap .item figure .img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Feelherb-Block .wrap .item a:hover figure .img {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Feelherb-Block .wrap .item_big .img {
  height: 300px;
}
.Feelherb-Block .wrap .item_list .img {
  height: 118px;
}
.Feelherb-Block .wrap .item .txt {
  padding: 10px;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.813em;
  text-align: justify;
}
.Feelherb-Block .wrap .item .txt small {
  font-size: 11px;
  font-size: 0.82em;
}
/*  
  FeelHeab
---------------------------------*/
.Feelherb-Block .wrap .item_big, .Feelherb-Block .wrap .item_list .item {
  background: #fff;
}
.Feelherb-Block .wrap .item figure {
  position: relative;
}
.Feelherb-Block .wrap .item figure span {
  font-size: 10px;
  color: #fff;
  background: #006D4B;
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
/*---------------------------------

  11.Special-Block（特集）

---------------------------------*/
#mainContainer .Special-Block .wrapper {
  margin: 80px auto 100px;
}
/*  
  共通
---------------------------------*/
.Special-Block .wrap {}
.Special-Block .wrap .item_big {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.Special-Block .wrap .item_big .item {
  width: 48%;
  background: #f6f6f6;
}
.Special-Block .wrap .item_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.Special-Block .wrap .item_list .item {
  width: 23%;
}
.Special-Block .wrap .item a {
  display: block;
  color: #5F5046;
  background: #f6f6f6;
}
.Special-Block .wrap .item a:hover {
  color: #006d4b;
}
.Special-Block .wrap .item figure {
  overflow: hidden;
}
.Special-Block .wrap .item figure .img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Special-Block .wrap .item a:hover figure .img {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Special-Block .wrap .item_big .img {
  height: 300px;
}
.Special-Block .wrap .item_list .img {
  height: 118px;
}
.Special-Block .wrap .item .txt {
  padding: 10px;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.813em;
  text-align: justify;
}
.Special-Block .wrap .item .txt small {
  font-size: 11px;
  font-size: 0.82em;
}
/*---------------------------------

  12.Content-Block（コンテンツ）

---------------------------------*/
#mainContainer .Content-Block {
  background: #f2f2f2;
  padding: 80px 0 30px;
}
.Content-Block .wrap .content_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Content-Block .wrap .content_list li {
  width: 30%;
  margin-bottom: 50px;
}
.Content-Block .wrap .content_list li a {
  display: block;
  background: #fff;
  color: #5F5046;
}
.Content-Block .wrap .content_list li a:hover {
  color: #006d4b;
}
.Content-Block .wrap .content_list li a figure {
  overflow: hidden;
}
.Content-Block .wrap .content_list li a figure .img {
  height: 130px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Content-Block .wrap .content_list li a:hover figure .img {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Content-Block .wrap .content_list li a p.ttl {
  padding: 5px 10px;
  position: relative;
  text-align: left;
  font-size: 14px;
  font-size: 0.875em;
}
.Content-Block .wrap .content_list li a p.ttl::after {
  content: '';
  width: 8px;
  height: 12px;
  background: url("../images/toppage/a_arr.png");
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}
.Content-Block .wrap .content_list li p.caption {
  margin: 15px 0 0;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.813em;
}
.Content-Block .wrap .content_list li dl.news {
  font-size: 13px;
  margin-top: 20px;
}
.Content-Block .wrap .content_list li dl.news dt {
  font-weight: 600;
  margin-bottom: 5px;
}
.Content-Block .wrap .content_list li dl.news dt span {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 5px;
  margin-right: 10px;
}
.Content-Block .wrap .content_list li dl.news dd a {
  display: inline-block;
  background: transparent;
  position: relative;
  text-decoration: underline;
}
/*---------------------------------

  13.About-Block（鈴木ハーブ研究所について）

---------------------------------*/
#mainContainer .About-Block .wrapper {
  margin: 80px auto 100px;
}
#mainContainer .About-Block .ttl_border + .txt {
  margin-bottom: 50px;
  line-height: 1.7;
}
/*  
  項目5つ
---------------------------------*/
.About-Block .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.About-Block .wrap .contents_box {
  width: 30%;
  border: 1px solid #9abdb4;
  border-radius: 10px;
  box-shadow: 5px 5px 0 0 #e3edeb;
}
.About-Block .wrap .contents_box a {
  display: block;
  padding: 50px 30px 40px;
  color: #5F5046;
}
.About-Block .wrap .contents_box a:hover {
  color: #006d4b;
}
.About-Block .wrap .contents_box a figure {
  height: 60px;
  text-align: center;
}
.About-Block .wrap .contents_box a figure img {
  width: auto;
  height: 100%;
}
.About-Block .wrap .contents_box a .txt {
  margin-top: 30px;
}
.About-Block .wrap .contents_box a .txt h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.250em;
  font-weight: 400;
  text-align: center;
}
.About-Block .wrap .contents_box a .txt p.caption {
  line-height: 1.5;
  text-align: justify;
}
/*=== 上2つ ===*/
.About-Block .wrap .contents_box.big {
  width: 48%;
  margin-bottom: 50px;
}
.About-Block .wrap .contents_box.big a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px 30px 50px;
}
.About-Block .wrap .contents_box.big a figure {
  height: 80px;
}
.About-Block .wrap .contents_box.big a .txt {
  width: 300px;
  margin: 0;
}
.About-Block .wrap .contents_box.big a .txt h3 {
  text-align: left;
}
/*=== 素肌キレイラボ ===*/
.About-Block .wrap .contents_box.suhada {
  width: 100%;
  margin-bottom: 50px;
	overflow: hidden;
}
.About-Block .wrap .contents_box.suhada a {
	background: url("../images/toppage/contents_box_suhada.jpg") no-repeat center;
	background-size: cover;
	padding: 30px;
}
.About-Block .wrap .contents_box.suhada a .txt {
	margin: 0;
}
.About-Block .wrap .contents_box.suhada a .txt h3 {
	font-family: 'Noto Serif JP', serif;
  text-align: left;
}
/*  
  リンク3つ
---------------------------------*/
.About-Block .linklist-block {
  text-align: center;
  margin: 0 0 50px;
}
.About-Block .linklist-block li {
  display: inline-block;
  margin: 0 20px;
}
/*  
  きれいの定期便
---------------------------------*/
.About-Block .regularlist-block h3.ttl {
  font-size: 20px;
  font-size: 1.250em;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  padding: 15px 0;
}
.About-Block .regularlist-block ul {
  padding: 25px 0;
  border-bottom: 1px solid #c3c3c3;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.About-Block .regularlist-block ul li {
  width: 33.333%;
  padding: 15px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #c3c3c3;
}
.About-Block .regularlist-block ul li:last-child {
  border-right: none;
}
.About-Block .regularlist-block ul li .img {
  width: 75px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.About-Block .regularlist-block ul li p {
  margin-left: 1em;
}
/*---------------------------------

  14.bg_links_Block（鈴木ハーブ研究所って？・ご利用者様インタビュー）

---------------------------------*/
#mainContainer .bg_links_Block {
  height: 450px;
  margin: 100px auto 70px;
  overflow: hidden;
}
#mainContainer .bg_links_Block a {
  display: block;
}
#mainContainer .bg_links_Block a .img {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#mainContainer .bg_links_Block a:hover .img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#mainContainer .bg_links_Block a:hover {
  opacity: 1;
}
#mainContainer .bg_links_Block.smallsize {
  height: 160px;
  margin: 0 auto;
}
#mainContainer .bg_links_Block.smallsize a .img {
  height: 160px;
}
#mainContainer .bg_links_Block.recruit a .img.sp {
	display: none;
}
/*---------------------------------

  15.Voise-Block（ご利用者様の声）

---------------------------------*/
#mainContainer .Voise-Block .wrapper {
  margin: 80px auto 100px;
}
/*  
  一覧
---------------------------------*/
.Voise-Block ul.voice_list {
  display: flex;
  justify-content: space-between;
}
.Voise-Block ul.voice_list li {
  width: 30%;
  max-width: 220px;
}
.Voise-Block ul.voice_list li a {
  display: block;
  color: #5F5046;
}
.Voise-Block ul.voice_list li a:hover {
  color: #006d4b;
}
.Voise-Block ul.voice_list li figure {
  margin-bottom: 30px;
}
.Voise-Block ul.voice_list li .txtbox p.ttl {
  margin-bottom: 10px;
  height: 50px;
}
/*---------------------------------

  14.NewsTopics-Block（ニュース＆トピックス）

---------------------------------*/
#mainContainer .NewsTopics-Block .wrapper {
  margin: 80px auto 100px;
}
.NewsTopics-Block .wrap {
  border-top: 1px dotted #c3c3c3;
}
.NewsTopics-Block .wrap dl {
  padding: 30px 0;
  border-bottom: 1px dotted #c3c3c3;
  display: flex;
}
.NewsTopics-Block .wrap dl dt {
  width: 15%;
}
.NewsTopics-Block .wrap dl dd {
  width: 85%;
}
.NewsTopics-Block .wrap dl dd p.ttl {
  color: #006D4B;
  font-weight: 600;
  margin-bottom: 10px;
}
.NewsTopics-Block .wrap dl dd a {
  color: #006D4B;
}
.NewsTopics-Block .wrap dl dd p.caption {
  text-align: justify;
  font-size: 14px;
  font-size: 0.875em;
}
/*---------------------------------

  16.SNS-Block（SNS公式アカウント）

---------------------------------*/
#mainContainer .SNS-Block .wrapper {
  margin: 80px auto 100px;
}
#mainContainer .SNS-Block .wrapper .ttl_border {
  margin-bottom: 20px;
}
#mainContainer .SNS-Block .wrapper .txt {
  margin-bottom: 50px;
}
.SNS-Block .wrap ul {
  display: flex;
  justify-content: space-between;
}
.SNS-Block .wrap ul li {
  text-align: center;
}
.SNS-Block .wrap ul li a {
  display: block;
  color: #5F5046;
}
.SNS-Block .wrap ul li a:hover {
  color: #006D4B;
}
.SNS-Block .wrap ul li figure {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: 1px solid #c3c3c3;
  border-radius: 50%;
  overflow: hidden;
}
.SNS-Block .wrap ul li p {
  margin-top: 10px;
  font-size: 14px;
  font-size: 0.750em;
}
/*---------------------------------

  17.Shop-Block（店舗情報）

---------------------------------*/
#mainContainer .Shop-Block .wrapper {
  margin: 80px auto 100px;
}
.Shop-Block .wrap {
  display: flex;
  justify-content: space-between;
}
.Shop-Block .wrap .store_info {
  width: 430px;
}
.Shop-Block .wrap .store_info h3 {
  display: block;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
}
.Shop-Block .wrap .store_info p.add {
  margin: 10px 0 10px;
}
.Shop-Block .wrap .store_info p.tel {
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
}
.Shop-Block .wrap .store_info dl {
  margin: 20px 0 30px;
  display: flex;
  flex-wrap: wrap;
}
.Shop-Block .wrap .store_info dl dt {
  width: 10%;
  margin-bottom: 15px;
}
.Shop-Block .wrap .store_info dl dt img {
  width: 20px;
  vertical-align: bottom;
}
.Shop-Block .wrap .store_info dl dd {
  width: 90%;
  margin-bottom: 15px;
}
.Shop-Block .wrap .map {
  width: 520px;
  margin-left: 20px;
}
.Shop-Block .wrap .map a {
  display: block;
}
/*  
  店舗写真
---------------------------------*/
.Shop-Block .photo_wrap {
  margin-top: 50px;
}