@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=David+Libre&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap"');
@font-face {
	font-family: NotoSansJP-Medium;
	src: url("fonts/NotoSansJP-Medium.otf") format("truetype");
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
* {
	scroll-behavior: smooth;
	font-family: 'noto-sans-JP', sans-serif;
}
:root {
  --clr-text-primary: #562608;
  --clr-text-secondary: #FA8500;
  --clr-text-light: #FFFFFF;
  --clr-text-red: #D60C0C;
  --clr-background-primary: #FBF9F6;
  --clr-background-secondary: #FCFBF8;
}

@media (min-width: 600px) and (max-width: 1920px) {
	body {
		width: 100%;
		padding-right: 80px;
	}
}
/*
#breadcrumb,
.post-title {
  display: none !important;
} */
.breadcrumb a:link, .breadcrumb a:visited {
	color: var(--clr-text-primary);
}
#breadcrumb {
	margin-bottom: 40px;
	font-size: 12px;
	color: var(--clr-text-primary);
	letter-spacing: 1.2px;
}
.tokupan ul.breadcrumb {
    display: block;
	margin-top: 20px;
}
@media screen and (max-width:599px){	
	#breadcrumb{	
	margin-bottom: 20px;	
	}	
}
/* .category-news {
	padding-bottom: 80px;
} */
.kv_none #breadcrumb {
	padding-top: 80px;
	/* padding-left: 20px; */
}
.main .container {
    max-width: none !important;
    padding: 0;
}
.searchbox {
  width: 100%;
  border: 1px solid var(--clr-text-secondary);
  background-color: var(--clr-text-light);
  display: flex;
  gap: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.searchbox input {
  width: calc(100% - 35px);
  height: 35px;
  border-radius: 0;
  border: none;
  padding-left: 10px;
}
.searchbox input,
.searchbox input::placeholder {
  color: var(--clr-text-primary);
  font-size: 12px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}
.searchbox input:focus{
  outline: none;
}
.searchbox button {
  width: 35px;
  height: 35px;
  background-color: var(--clr-text-secondary);
  background-image: url("./img/top/sp/search_button.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: none;
}
.desktop {
  display: none;
}
.page-header {
  padding-top: 50px;
  height: 100vh;
  height: 100dvh;
  background-color: var(--clr-background-primary);
}
.header-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 600px) and (max-width: 1000px) {
	.header-image.desktop {
		display: none!important;
	}
	.header-image.mobile {
		display: block!important;
	}
	.h1_logo {
		flex-direction: column
	}
}
.page-body {
  margin-right: unset;
}
.page-section {
  padding: 0 20px;
}
.page-section.first-section {
  padding: 60px 20px 100px;
}
h1 {
  color: var(--clr-text-primary);
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  font-family: 'noto-sans-JP', sans-serif;
  line-height: 40px;
}
.h1_logo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.h1_logo .logo {
	width: auto;
}
.h1_top {
	font-family: 'noto-sans-JP', sans-serif;
	display: flex;
	gap: 10px;
	min-width: auto;
}
.feature-article_h1 {
	margin-bottom: 50px;
}
.feature-article_h1 img {
    margin-bottom: -10px;
}
.company-services {
  color: var(--clr-text-secondary);
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 35px;
  margin-top: 30px;
}
.news-container {
  background-color: var(--clr-background-primary);
  width: 100%;
  padding: 73px 21px 95px;
}
.section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.section-title h2 {
  color: var(--clr-text-secondary);
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 32px;
  letter-spacing: 4.4px;
}
.section-title .watercolor-line {
  width: 32px;
  height: 7px;
}
.title-english {
  color: var(--clr-text-secondary);
  font-size: 16px;
  font-weight: 300;
  font-family: 'David Libre', serif;
  line-height: 23px;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 5px;
}
.news-items {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.news-item {
  padding-bottom: 30px;
  border-bottom: 0.5px solid var(--clr-text-secondary);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news_box {
	display: flex;
	gap: 40px;
}
.news-item .date {
  color: var(--clr-text-primary);
  font-size: 12px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 17px;
  letter-spacing: 2.4px;
}
.news-item .headline {
  color: var(--clr-text-primary);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 20px;
  letter-spacing: 2.8px;
}

.company-feature-container {
  padding-top: 87px;
}
.company-feature-container .section-title {
  justify-content: space-between;
}
.company-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
}
.company-feature {
  display: grid;
}
.company-feature img {
  width: 100%;
  height: 100%;
  /* max-height: 248px; */
  object-fit: cover;
}
.feature-description {
  /* min-height: 303px; */
  padding: 0 22px;
  background-color: var(--clr-background-secondary);
  text-align: center;
  color: var(--clr-text-primary);
  font-family: 'Noto Sans JP', sans-serif;

  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-description h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 26px;
  text-align: left;
}
.feature-description p {
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  text-align: left;
}
.season-section {
  padding: 100px 0 100px;
  position: relative;
}
.season-section.season {
	padding-bottom: 0;
}
.season-section.items {
	background-color: var(--clr-background-secondary);
}
.season-section .section-background {
  /* position: absolute; */
  width: 100%;
  max-width: 1280px;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.section-background.lower.desktop {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
}
.season-section .section-background.upper {
  top: 0;
}
.season-section .section-background.lower {
  bottom: 0;
	max-width: 1280px;
	margin: auto;
}
.product-items {
  margin: 30px 0 55px !important;
}
.product-items .item-container {
  width: calc(100% - 27px);
  margin: 0 0 15px;
}
.product-items .item-image img {
  width: 100%;
  /* height: 200px; */
  object-fit: cover;
}
.tags-and-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column-reverse;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 5px;
  border-bottom: 1px solid #D6D4D4C4;
}
.tags-and-price .tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.tags-and-price .tag {
  background-color: #ECE7E7C4;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 5px;
}
.tags-and-price .price {
  display: flex;
  align-items: center;
  gap: .5em;
  margin-bottom: 20px;
  color: var(--clr-text-red);
  font-size: 26px;
  font-weight: 700;
  margin-left: auto;
}
.tags-and-price .price span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .3em .5em;
	font-size: 10px;
	color: #fff;
	letter-spacing: .42px;
	font-weight: normal;
	background-color: #f77d12;
}
a.api_none {
	display: block;
	width: 100%;
}
.item-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 400;
}
.item-footer p:last-child {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.article-container {
  padding: 94px 20px 87px;
}
.article-items {
  margin: 30px 0 55px !important;
}
.article-items .item-container {
  width: calc(100% - 27px);
  margin: 0 auto 15px;
  border-bottom: 0.5px solid var(--clr-text-secondary);
}
.article-items .item-image img {
  width: 100%;
  height: 127px;
  object-fit: cover;
}
.product-items .item-details,
.article-items .item-details {
  color: var(--clr-text-primary);
  font-family: 'Noto Sans JP', sans-serif;
  padding-top: 10px;
}
.item-details p.name,
.item-details p.title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  border-left: 2px solid var(--clr-text-secondary);
  padding-left: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
}
.item-details_name {
  height: 2.2rem;
}
.item-details p.description,
.item-details p.content {
  margin: 8px 8px 15px;
  width: calc(100% - 30px);
  height: 3rem;
  font-size: 12px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
}
.item-details p.content {
  -webkit-line-clamp: 2;
}
.see-more-button {
  width: calc(100% - 82px);
  max-width: 300px;
  margin: 0 auto;
  /* padding: 15px 0; */
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--clr-text-light);
  background-color: var(--clr-text-primary);
  border: 1px solid var(--clr-text-primary);
  transition: .2s;
}
.see-more-button:hover {
	color: var(--clr-text-primary);
	background-color: inherit;
	border: 1px solid var(--clr-text-primary);
	transition: .2s;
}
.news-container .see-more-button,
.article-container .see-more-button {
  width: 100%;
}
.see-more-button a {
    display: block;
    padding: 15px 0;
    height: 100%;
}
section.banner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 100px 20px 0;
	text-align: center;
  }
section.banner .banner_img img {
	width: 70%;
}
.about-us {
  margin-bottom: 120px;
}
.about-us .section-title {
  gap: 16px;
}
.about-us .company-feature-container {
  padding-top: 0;
}
.about-us .company-features {
  padding-bottom: 50px;
}
.page-footer {
	width: 100%;
	/* height: 1000px; */
	/* margin-top: 110px; */
	/* padding-top: 510px; */
	/* padding-bottom: 45px; */
	margin-top: -20px;
	padding-top: 15px;
	background-color: #74402b;
  }
.page-footer > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  bottom: 50px;

}
.footer_img_pc {
	font-size: 0;
}
.footer_img_mobile, .footer_img_tab {
	display: none;
	font-size: 0;
}
.footer-logo {
  width: 145px;
  height: 140px;
  border-radius: 50%;
  color: var(--clr-text-primary);
  margin: 0 auto;

  font-size: 30px;
  text-align: center;
}
.links-container {
  display: flex;
  gap: 0;
  justify-content: space-evenly;
}
.footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
  padding: 6px 0 50px;
}
.links-container .footer-links:last-child {
  border-left: 1px solid var(--clr-text-light);
}
.footer-links a {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
  color: var(--clr-text-light) !important;
}
.page-footer .footer-copyright {
  color: var(--clr-text-light);
  font-size: 12px;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  letter-spacing: 1.2px;
  padding-top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-footer .footer_contact {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-bottom: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.page-footer .footer_contact .footer_contact_flex_area {
	display: flex;
	justify-content: center;
	gap: 35px;
}
.page-footer address.footer_contact a {
	font-family: 'Noto-Sans-JP', sans-serif;
}
.page-footer .footer_contact p {
	margin-bottom: 30px;
	font-size: 16px;
}
.page-footer .footer_contact address {
	position: relative;
	margin-bottom: 15px;
	padding-left: 16px;
	font-size: 18px;
	letter-spacing: 1.8px;
}
.page-footer .footer_contact address::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: 5px;
	left: 0;
	background-image: url(./img/top/icon_phone.png);
	background-repeat: no-repeat;
}
.page-footer .footer_contact span {
	font-size: 12px;
}
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: .5rem;
}
a[href*="tel:"] span {
	display: none;
}
.page-footer .footer_contact .footer_contact_mail p {
	margin-bottom: 35px;
}
.page-footer .footer_contact .footer_contact_mail p.mail {
	position: relative;
	width: 200px;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 35px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #fff;
}
.page-footer .footer_contact .footer_contact_mail p::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: 11px;
	left: 20px;
	background-image: url(./img/top/icon_mail.png);
	background-repeat: no-repeat;
}
.page-footer > div.footer-copyright {
	height: 40px;
	line-height: 40px;
	background-color: #4B230A;
}
@media (max-width: 599px) {
	.h1_logo {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		text-align: left;
	  }
	.h1_top {
		display: flex;
	}
	.page-footer > div {
		gap: 80px;
	}
	.feature-description h3 {
		text-align: left;
	}
	.feature-description {
		padding-top: 50px;
		padding-bottom: 70px;
	}
	.season-section.season {
		padding-top: 0;
	}
	.season-section.items {
		margin-top: 0;
	}
	.article-items.tokusyu {
		margin-bottom: 0!important;
	}
	.item-container > div {
		margin: 0 10px;
	}
	section.banner .banner_img img {
		width: 85%;
	}
	
	.tags-and-price .price {
		font-size: 22px;
	}
	
	.footer_img_mobile {
		display: block;
	}
	.footer_img_pc, .footer_img_tab {
		display: none;
	}
	.page-footer {
		/* background-image: url("./img/top/sp/footer_mobile.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center top; */
		width: 100%;
		/* height: 1500px; */
		/* margin-top: 110px;
		padding-top: 600px; */
		/* padding-bottom: 45px; */
		background-color: #74402b;
	  }
	  .page-footer .footer_contact {
		padding-top: 85px;
		font-size: 14px;
	  }
	  .page-footer .footer_contact .footer_contact_flex_area {
		flex-direction: column;
    	align-items: center;
	  }
	  .page-footer .footer_contact address {
		margin: 1rem 0;
	  }
	  a[href*="tel:"] {
		pointer-events: initial;
		line-height: 1;
	  }
	  a[href*="tel:"] span {
		font-size: 14px;
	  }
	  .page-footer .footer-copyright {
		padding-top: 0;
		font-size: 10px;
		letter-spacing: 0;
	  }
  }
@media (min-width: 600px) and (max-width: 900px) {
	.company-services {
		text-align: left;
	}
}

  @media (min-width: 600px) and (max-width: 1000px) {
	.footer_img_tab, .footer_img_mobile {
		display: none;
	}
	.footer_img_pc {
		display: block;
	}
	.item-container > div {
		flex-direction: column;
		position: absolute;
		max-width: 300px;
	}
	::-webkit-full-page-media, :future, :root .item-container > div {
		max-width: 300px;
	}
	.product-items .item-image img {
		max-width: 300px;
		/* max-height: 300px; */
		object-fit: cover;
	}

	.page-footer {
		/* height: 2000px; */
		/* margin-top: 110px; */
		/* padding-top: 660px; */
		background-color: #74402b;
	}
	/* .page-footer .background-img {
		background-image: url("./img/top/sp/footer_mobile.jpg");
		background-size: 100%;
		background-position: center top;
		background-repeat: no-repeat;
	} */
	.links-container {
		flex-direction: row!important;
	}
	.footer-links {
		flex-direction: column!important;
	}
	.links-container .footer-links:last-child {
		padding-top: 0!important;
		padding-left: 30px;
		border-top: none!important;
		border-left: 1px solid var(--clr-text-light)!important;
	}
	.page-footer .footer_contact {
		padding-top: 50px;
		bottom: 70px;
	}
	.page-footer .footer_contact .footer_contact_flex_area {
		flex-direction: column;
		align-items: center;
	}
  }
  @media (min-width: 1000px) and (max-width: 1300px) {
	.page-footer {
		/* padding-bottom: 200px!important; */
    	background-color: #74402b;
	}
  }
	@media screen and (min-width: 767px) {
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
  .page-header {
    height: 100vh;
    height: 100dvh;
    padding-top: 0;
  }
  .page-section {
    padding: 0 50px;
  }
  .season-section {
    padding: 100px 0;
  }
  .page-section.first-section {
    padding: 50px 20px 0;
  }
  .company-services {
    max-width: 450px;
    margin: 23px auto 0;
	text-align: left;
  }
  .news-container {
    max-width: 1080px;
    margin: 50px auto 0;
    padding: 100px 50px;
  }
  .news-items {
    max-width: 850px;
    margin: 0 auto;
  }
  .news-item {
    flex-direction: row;
    gap: 46px;
  }

  .news-item .date {
    min-width: 85px;
	margin-bottom: 10px;
  }
  .company-feature-container {
    padding-top: 97px;
  }
  .company-feature-container .section-title {
    justify-content: center;
  }
  .company-features {
    max-width: 1080px;
    margin: 0 auto;
    gap: 50px;
  }
  .company-feature {
    grid-template-columns: 50% 50%;
  }
  .company-features .company-feature:nth-child(even) img {
    order: 2;
  }
  .feature-description {
    padding: 50px;
  }
  .product-items {
    max-height: none;
    max-width: 1080px;
    margin: 30px auto 60px !important;
	overflow: hidden;
  }

  .product-items .item-container {
    max-width: 340px;
    margin-bottom: 0;
	height: 500px;
  }
  /* .product-items .item-image img {
    height: 340px;
  } */
  .article-items {
    max-height: none;
    max-width: 1080px;
    margin: 30px auto 80px !important;
    gap: 50px 30px;
  }
  .article-items .item-container {
    max-width: 540px;
    margin-bottom: 0;
  }
  .article-items .item-image img {
    height: 316px;
  }
  .item-details p.content {
    -webkit-line-clamp: 3;
  }
  .about-us {
    margin-bottom: 150px;
  }
  .page-footer {
	/* position: relative; */
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-footer > div {
	/* position: absolute;
	right: 0;
	bottom: 280px;
	left: 0; */
    flex-direction: row;
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto;
  }
  .page-footer .footer_nav {
	margin-bottom: 80px;
  }
  .page-footer > div.footer-copyright {
	/* position: absolute; */
	/* bottom: 0; */
    justify-content: flex-end;
    padding-top: 65px;
	display: block;
	max-width: 100%;
	padding-top: 0;
  }
  .links-container {
    flex-direction: column;
    gap: 30px;
  }
  .footer-links {
    flex-direction: row;
    gap: 40px;
    padding: 0;
  }
  .links-container .footer-links:last-child {
    border-left: none;
    border-top: 1px solid var(--clr-text-light);
    padding-top: 30px;
    padding-right: 35px;
  }
  .see-more-button {
    max-width: 250px;
  }
}
/* @media (min-width: 768px) and (max-width: 1000px) {
	.product-items .item-container {
		max-width: 50%;
	}
} */

@media (min-width: 600px) and (max-width: 1000px) {
	.footer_animation {
		display: none;
	}
	.page-footer > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		bottom: 275px;
		gap: 60px;
	}
	.links-container .footer-links {
		gap: 20px;
		width: auto;
		padding: 0;
	}
	.footer-logo.pc {
		display: block!important;
		margin: 0;
	}
	.footer-logo.sp {
		display: none!important;
	}
	/* .company-feature img {
		height: auto!important;
	} */
	.company-feature {
		grid-template-columns: 100%;
	  }
	.links-container .footer-links:last-child {
		padding-right: 0;
	}
}
@media (max-width: 800px) {
	.footer_animation {
		display: none!important;
	}
	.footer_img_tab, .footer_img_pc {
		display: none;
	}
	.footer_img_mobile {
		display: block;
		width: 100vw;
		margin-inline: calc(50% - 50vw);
	}
	.footer_img_mobile img {
		width: 100%;
	}
	.page-footer > div {
		display: flex;
		flex-direction: column!important;
		align-items: center;
		justify-content: space-around;
		bottom: 265px;
		gap: 60px;
	}
	.links-container .footer-links {
		padding: 0 30px;
	}
	.product-items .item-container {	
		max-width: 340px;	
		margin-bottom: 0;	
		height: 580px;	
	}
}
@media (max-width: 599px) {
	.product-items .item-container {
		height: 450px;
	}
}

@media (min-width: 1025px) {
	.product-items {
		max-height: none;
		max-width: 1080px;
		margin: 30px auto 60px !important;
		padding-inline: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 50px 1.3%;
		overflow: hidden;
  	}
}
@media screen and (min-width: 1000px) {
	.footer_animation {
		display: block;
	}
  .feature-description {
    padding: 0 50px;
    min-height: 400px;
  }
  .product-items .item-container {
    width: 100%;
    max-width: 24%;
  }
  /* .product-items .item-image img {
    height: 240px;
  } */
  .article-items .item-container {
    width: 100%;
    max-width: 340px;
  }
  .article-items .item-image img {
    height: 154px;
  }
  .footer-links {
    gap: 60px;
  }
  .links-container .footer-links:last-child {
    padding-right: 50px;
  }
}

/* header */
header {
  display: none;
  width: 100%;
  z-index: 1;
}
.header-logo {
	/* padding: 5px; */
}
header.show {
  display: block;
}
header img.logoPC {
  width: 200px;
  height: auto;
  object-fit: contain;
}
img.logoSP {
	display: none;
}
header .searchPC {
  display: flex;
  height: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
header .searchPC input {
  padding: unset;
  border: unset;
  box-shadow: 0px 0px 6px #00000029;
  font-size: 12px;
  padding-left: 27px;
  width: 370px;
  font-family: "NotoSansJP-Light", sans-serif;
}
header .searchPC button {
  background-color: #FA8500;
  border: unset;
  padding: unset;
  width: 30px;
  cursor: pointer;
}
header .searchPC button img {
	padding: 4px;
}
/* header */

/* menubar */
iframe.haluhalu-header {
  margin-top: unset !important;
  border: none;
  position: fixed;
  right: 0;
  width: 80px;
  height: 100vh;
  z-index: 2;
  top: 0;
}
iframe.haluhalu-header.active{
	width: 200px;
}
iframe.haluhalu-headersp{
	display: none;
}
a.logoSP {
	display: none;
}
@media screen and ( max-width:768px) {
	.kv_none #breadcrumb {
		padding-top: 100px;
		padding-left: 20px;
	}
	a.logoSP {
		display: block;
		position: fixed;
		top: 15px;
		left: 5px;
		z-index: 3;
		width: 150px;
	}
}
@media screen and ( max-width:768px) {
  iframe.haluhalu-header {
    width: 100%;
    height: 50px;
	display: none;
  }
  iframe.haluhalu-headersp {
	position: fixed;
	z-index: 2;
	top: 0;
	display: block;
    width: 100%;
	border: none;
	height: 50px;
  }
  iframe.haluhalu-headersp.active{
	height: 100%;
  }
  #submenu{
	display: none;
  }

}
/* menubar */

/* menubar_submenu */
.menubar_submenu {
	position: absolute;
	top: 0;
	right: 80px;
	height: 100vh;
	height: 100dvh;
	width: 120px;
	padding: 18px 23px 0 23px;
	background-color: rgba(255, 255, 255, 0.93);
	z-index: 1;
	display: none;
	position: fixed;
}
.menubar_submenu .menubar_submenu_items {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: fixed;
}
.menubar_submenu .menubar_submenu_items .text_button {
	/* font-family: 'NotoSansJP-Medium', sans-serif; */
	color: #562608;
	font-size: 12px;
	padding: 12px 0;
	background: none;
	border: none;
	cursor: pointer;
	font: normal normal medium 14px/20px Noto Sans JP;
}
.menubar_submenu .menubar_submenu_items .text_button:nth-child(1),
.menubar_submenu .menubar_submenu_items .text_button:nth-child(2) {
	display: block;
}
.menubar_submenu .menubar_submenu_items hr {
	border: none;
	margin: 12px 0;
	width: 100%;
	height: 1px;
	background-color: #562608;
}
.menubar_submenu .menubar_submenu_items hr.hr_sp {
	display: none;
}
.menubar_submenu.display {
	display: block;
	animation-name: display;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
@keyframes display {
	from {
		display: none;
	}
	to {
		display: block;
	}
}
.menubar_submenu .search {
	display: none;
}
.searchPC form {
	display: flex;
}
.searchPC form input[type="text"]:focus {
    box-shadow: 0px 0px 4px 1px #00000029;
}
.searchPC form input[type="text"]:focus-visible {
    outline: unset;
}
@media screen and (min-width:201px) and ( max-width:600px) {
	.menubar_submenu {
		position: fixed;
		top: 50px;
		right: 0;
		width: 270px;
		padding: 28px 38px 33px 38px;
		height: calc(100vh - 50px);
		flex-direction: column;
		justify-content: space-between;
		display: none;
	}
	.menubar_submenu.display {
		display: block;
		animation-name: display;
		animation-duration: 0.3s;
		animation-fill-mode: forwards;
	}
	@keyframes display {
		from {
			display: none;
		}
		to {
			display: block;
		}
	}
	.menubar_submenu .menubar_submenu_items {
		width: 100%;
	}
	.menubar_submenu .menubar_submenu_items .text_button {
		font-size: 14px;
		padding: 16px 0;
	}
	.menubar_submenu .menubar_submenu_items .text_button:nth-child(1) {
		display: flex;
		align-items: center;
	}
	.menubar_submenu .menubar_submenu_items .text_button:nth-child(1) img {
		width: 14px;
		margin-right: 9px;
	}
	.menubar_submenu .menubar_submenu_items .text_button:nth-child(2) {
		display: flex;
		align-items: center;
	}
	.menubar_submenu .menubar_submenu_items .text_button:nth-child(2) img {
		width: 18px;
		margin-right: 9px;
	}
	.menubar_submenu .menubar_submenu_items hr {
		margin: 16px 0;
	}
	.menubar_submenu .menubar_submenu_items hr.hr_sp {
		display: block;
	}
	.menubar_submenu .search {
		display: flex;
		width: 210px;
		position: absolute;
		bottom: 33px;
	}
	.menubar_submenu form {
		display: flex;
	}
	.menubar_submenu .search input {
		border: solid 1px #FA8500;
		width: 170px
	}
	.menubar_submenu .search input::placeholder {
		color: #562608;
		font-size: 14px;
		padding-left: 9px
	}
	.menubar_submenu .search .sp_search input[type="text"] {
		border-radius: unset;
		padding: unset;
	}
	.menubar_submenu .search button {
		background-color:  #FA8500;
		cursor: pointer;
		width: 40px;
		border: unset;
		padding: unset;
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
	.menubar_submenu .search button img {
		width: 34px;
		height: 34px;
	}
}
/* menubar_submenu */

/*  お知らせ 一覧  */
section.post_list {
	padding-top: 0;
}
.container.category {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}
article.news_contest {
	padding: 70px 20px 125px;
	background-color: var(--clr-background-primary);
}
.news_h2 {
  display: block!important;
}
h2.post-title.col-12 {
	position: relative;
	margin-bottom: 60px;
	font-size: 22px;
	text-align: center;
	letter-spacing: 4.4px;
	color: #FA8500;
}
h2.post-title.col-12::before {
	position: absolute;
	content: '';
	top: 15px;
	left: 33%;
	width: 32px;
	height: 7px;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
h2.post-title.col-12::after {
	position: absolute;
	content: '';
	top: 15px;
	right: 33%;
	width: 32px;
	height: 7px;
	background-image: url("./img/top_17.png");
	background-size: 100%;
}
h2 span {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
	letter-spacing: 1.2px;
}
.news_item {
	display: flex;
	align-items: center;
	gap: 70px;
	max-width: 900px;
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: .5px solid #FA8500;
}
.news_item a {
	display: flex;
	gap: 30px;
}
.news_item h2 {
  display: block!important;
}
.news_item a:link {
	color: #562608;
	text-decoration: none;
}
.news_item a:visited {
	color: #562608;
}
p.top-post-date {
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 2.4px;
}
h2.post-title {
	font-size: 14px;
	letter-spacing: 2.8px;
}
/*  お知らせ 一覧 sp  */
@media (max-width: 599px) {
	.news_item {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.news_item:first-child {
		padding-top: 30px;
		border-top: .5px solid #FA8500;
	}
	p.top-post-date {
		margin: 0;
		margin-bottom: 10px;
	}
	h2.post-title {
		margin: 0;
	}
	h2.post-title.col-12::after {
		right: 15%;
	}
	h2.post-title.col-12::before {
		left: 15%;
	}
}
/*  お知らせ 一覧 end  */
/*  ご利用ガイドページ  */
.tab-body {
	display: none;
}
.tab-body.js-active {
	display: block;
}
article.shopping_guide {
	max-width: 840px;
	margin: 0 auto 105px;
	padding: 0 20px;
}
.shopping_guide h2 {
	position: relative;
	margin-bottom: 35px;
	font-size: 22px;
	text-align: center;
	letter-spacing: 4.4px;
	color: #FA8500;
	font-weight: normal;
}
.shopping_guide h2::before {
	position: absolute;
	content: '';
	top: 15px;
	left: 35%;
	width: 32px;
	height: 7px;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
.shopping_guide h2::after {
	position: absolute;
	content: '';
	top: 15px;
	right: 36%;
	width: 32px;
	height: 7px;
	background-image: url("./img/top_17.png");
	background-size: 100%;
}
h2 span {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
	letter-spacing: 1.2px;
}
.tab-container {
	height: 45px;
	margin-bottom: 20px;
	padding: 5px 0;
	border: 1px solid #562608;
	overflow-x: auto;
	white-space: nowrap;
}
::-webkit-scrollbar {
	width: 100%;
	height: 7px;
	margin-top: 10px;
}
::-webkit-scrollbar-track {
	background-color: #aeaeae;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb {
	background: #AA9283;
	border-radius: 70px;
	width: 0px;
}
.tab-container button {
	width: 125px;
	height: 25px;
	padding: 0 .09rem;
	font-size: 14px;
	color: #562608;
	background-color: inherit;
	border: none;
	border-left: 1px solid #562608;
}
.tab-container button:first-child {
	border-left: none;
}
.tab-btn.js-active {
	color: #FA8500;
}
.shopping_guide h3 {
	margin-bottom: 15px;
	margin-left: 1rem;
	font-size: 22px;
	color: #562608;
}
.shopping_guide h4 {
	display: flex;
	/*	height: 45px;*/
	margin-bottom: 15px;
	padding: 10px 15px 10px 35px;
	font-size: 18px;
	color: #562608;
	line-height: 1.55;
	background-color: #EDE9E5;
}
.shopping_guide p.tittle, .shopping_guide ul, .shopping_guide p {
	margin-left: 35px;
	font-size: 14px;
	color: #562608;
}
.shopping_guide p.tittle {
	margin-bottom: 10px;
	font-weight: bold;
}
.shopping_guide ul {
	margin-bottom: 15px;
	padding-right: 35px;
	padding-left: 0;
}
.shopping_guide li {
	position: relative;
	display: flex;
	align-items: baseline;
	line-height: 1.5rem;
	list-style: none;
}
.shopping_guide li::before {
	position: relative;
	content: '・';
	top: 0;
	left: 0;
}
.shopping_guide h4:nth-of-type(2) {
	margin-top: 50px;
	margin-bottom: 30px;
}
.shopping_guide .how_to_order {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 25px;
	max-width: 810px;
	margin: 0 auto 30px 35px;
}
.shopping_guide .how_to_order:last-child {
	margin-bottom: 50px;
}
.shopping_guide .how_to_order_img {
	width: 80px;
}
.shopping_guide .how_to_order p {
	max-width: 625px;
	margin-top: 20px;
	margin-left: 0;
	line-height: 2;
}
.shopping_guide .annotation {
	max-width: 810px;
	margin: 0 auto;
}
.shopping_guide .annotation ul {
	max-width: 740px;
	margin: 0;
}
.shopping_guide .annotation li::before {
	display: none;
}
/*  ご利用ガイド sp  */
@media (max-width: 599px) {
	.shopping_guide h2 {
		margin-bottom: 30px;
	}
	.shopping_guide h2::before {
		left: 10%;
	}
	.shopping_guide h2::after {
		right: 14%;
	}
	.shopping_guide h3 {
		margin-left: 0;
	}
	.shopping_guide h4 {
		padding-left: 15px;
	}
	.shopping_guide p.tittle, .shopping_guide ul, .shopping_guide p {
		margin-left: 15px;
		padding-right: 15px;
	}
	.shopping_guide ul {
		padding-right: 15px;
	}
	.shopping_guide .how_to_order {
		margin-bottom: 50px;
		margin-left: 0;
		gap: 15px;
	}
	.shopping_guide .how_to_order p {
		max-width: 240px;
		line-height: 1.78;
	}
	.shopping_guide li {
		padding-right: 15px;
	}
}
/*  ご利用ガイド end  */
/*  支払い方法  */
#tab-pay {
	max-width: 840px;
}
#tab-pay h4 {
	margin-bottom: 30px;
}
#tab-pay p {
	margin-right: 35px;
	line-height: 2;
}
#tab-pay .pay_img_01 {
	width: 275px;
	margin-top: 20px;
	margin-left: 35px;
}
#tab-pay h4:nth-of-type(2) {
	margin-top: 30px;
}
#tab-pay .pay_img_02 {
	display: flex;
	flex-wrap: wrap;
	max-width: 730px;
	margin-top: 40px;
	margin-left: 35px;
}
#tab-pay .pay_img_02_item {
	width: 183px;
	font-size: 0;
}
/*  支払い方法 sp  */
@media (max-width: 599px) {
	#tab-pay .pay_img_02 {
		margin-bottom: 20px;
		margin-left: 0;
		justify-content: center;
	}
	#tab-pay p {
		margin-right: 0;
	}
	#tab-pay .pay_img_02_item {
		width: 280px;
	}
}
/*  支払い方法 end  */
/*  配送・送料  */
#tab-postage h4 {
	margin-top: 50px;
	margin-bottom: 15px;
}
#tab-postage h4:first-of-type {
	margin-top: 0;
}
/*  配送・送料 sp  */
@media (max-width: 599px) {
	#tab-postage h4:first-of-type {
		margin-top: 15px;
	}
	#tab-postage p {
		line-height: 2;
	}
}
/*  配送・送料 end  */
/*  返品・キャンセル  */
/*  返品・キャンセル end */
/*  よくある質問  */
#tab-faq p {
	font-size: 20px;
	color: #562608;
	font-weight: bold;
}
#tab-faq .qa {
	margin-bottom: 50px;
}
#tab-faq dt {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 20px auto 0;
	padding: 10px 40px 10px 60px;
	font-size: 18px;
	line-height: 2.14;
	letter-spacing: 1.4px;
	color: #562608;
	background-color: #EEE9E5;
}
#tab-faq dt:hover {
	cursor: pointer;
}
#tab-faq dt::before {
	position: absolute;
	content: 'Q';
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-size: 20px;
	border-radius: 35px;
}
#tab-faq dt::after {
	position: absolute;
	content: '〈';
	top: 30px;
	right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 10px;
	font-size: 20px;
	transform: rotate(-90deg);
	transition: .3s;
}
#tab-faq dt.open::after {
	transform: rotate(90deg);
	transition: .3s;
}
#tab-faq dd {
	position: relative;
	display: none;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin: 0 auto 20px;
	padding: 20px 10px 20px 60px;
	font-size: 14px;
	color: #562608;
	line-height: 2;
	letter-spacing: 1.4px;
	border: 1px solid #EEE9E5;
}
#tab-faq dd a {
	color: #FA8500;
}
#tab-faq dd::before {
	position: absolute;
	content: 'A';
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-size: 20px;
	color: var(--main_color);
	background-color: #fff;
	border-radius: 35px;
}
/*  ご利用ガイド  end  */
/*  運用会社  */
/*  代表挨拶  */
.management_co h1 {
	margin-bottom: 80px;
	font-size: 22px;
	color: #562608;
	text-align: center;
}
.management_co h2 {
	position: relative;
	margin-bottom: 30px;
	font-size: 22px;
	color: #FA8500;
	letter-spacing: 4.4px;
	font-weight: normal;
	text-align: center;
}
.management_co h2:before {
	position: absolute;
	content: '';
	top: 10px;
	width: 30px;
	height: 5px;
	left: 35%;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
.management_co h2:after {
	position: absolute;
	content: '';
	top: 10px;
	width: 30px;
	height: 5px;
	right: 35%;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
.representative_greetings {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin-bottom: 100px;
}
.representative_greetings_img {
	max-width: 540px;
	font-size: 0;
}
.representative_greetings .text {
	max-width: 670px;
	margin-right: -150px;
	padding: 50px;
	padding-right: 30px;
	background-color: rgba(251, 249, 246, .7);
}
.representative_greetings p {
	font-size: 14px;
	color: #562608;
	line-height: 2.85;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-style: normal;
}
.representative_greetings p.representative {
	font-family: ta-kouran, "游明朝", "游明朝体";
	font-weight: 400;
	font-style: normal;
	margin-top: 40px;
	font-size: 23px;
	line-height: 1;
}
.representative_greetings p span.position {
	font-family: ta-kouran, "游明朝", "游明朝体";
	margin-right: 1rem;
	font-size: 18px;
}
/*  代表挨拶  tab  */
@media (min-width: 600px) and (max-width: 900px) {
	.management_co h2:before {
		top: 13px;
		left: 27%;
	}
	.management_co h2:after {
		top: 13px;
		right: 27%;
	}
	.representative_greetings {
		flex-direction: column;
		align-items: center;
	}
	.representative_greetings .text {
		margin-right: 0;
	}
}
/*  代表挨拶  sp  */
@media (max-width: 599px) {
	.management_co h2:before {
		left: 5%;
	}
	.management_co h2:after {
		right: 5%;
	}
	.representative_greetings_img {
		padding: 0 20px;
	}
	.representative_greetings {
		flex-direction: column;
	}
	.representative_greetings .text {
		width: 100%;
		padding: 35px 20px 70px;
		font-size: 14px;
		line-height: 2.5;
	}
	.representative_greetings p.representative {
		margin-top: 30px;
	}
}
/*  代表挨拶  end  */
/*  沖縄から届く厳選食材  */
.selected_ingredients_item {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin-bottom: 100px;
}
.selected_ingredients_item_img {
	max-width: 540px;
	font-size: 0;
}
.selected_ingredients_item:nth-child(even) .selected_ingredients_item_img {
	order: 2;
}
.selected_ingredients_item .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: 540px;
	width: 50%;
	padding: 50px;
	background-color: rgba(251, 249, 246, .7);
}
.selected_ingredients_item:nth-child(even) {
	order: 1;
}
.selected_ingredients_item .text h3 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #562608;
}
.selected_ingredients_item .text p {
	font-size: 14px;
	line-height: 2.85;
	color: #562608;
}

@media (min-width: 600px) and (max-width: 900px) {
	.selected_ingredients_item {
		flex-direction: column;
		align-items: center;
	}
  	.selected_ingredients_item .text  {
		width: 70%;
		order: 2;
  	}
	  .selected_ingredients_item:nth-child(even) .selected_ingredients_item_img {
		order: 1;
	  }

}
/*  沖縄から届く厳選食材  sp  */
@media (max-width: 599px) {
	.management_co h2:before {
		left: 0;
	}
	.management_co h2:after {
		right: 0;
	}
	.selected_ingredients_item {
		flex-direction: column;
		margin-bottom: 50px;
	}
	.selected_ingredients_item:last-child {
		margin-bottom: 100px;
	}
	.selected_ingredients_item_img {
		padding: 0 20px;
	}
	.selected_ingredients_item:nth-child(even) .selected_ingredients_item_img {
		order: 1;
	}
	.selected_ingredients_item:nth-child(even) {
		order: 2;
	}
	.selected_ingredients_item .text {
		width: 100%;
		padding: 55px 25px;
		order: 2;
	}
}
/*  沖縄から届く厳選食材  end  */
/*  スライダー  */
.slider_01 {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
}
.slider_img {
	height: 320px;
	font-size: 0;
}
/*  スライダー  sp  */
@media (max-width: 599px) {
	.slider_img {
		height: 175px;
	}
}
/*  スライダー  end  */
/*  サービス  */
.service_item {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin-bottom: 100px;
}
.service_item_img {
	max-width: 540px;
	font-size: 0;
}
.service_item:nth-child(even) .service_item_img {
	order: 2;
}
.service_item .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: 540px;
	padding: 50px;
	background-color: rgba(251, 249, 246, .7);
}
.service_item:nth-child(even) {
	order: 1;
}
.service_item .text h3 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #562608;
}
.service_item .text p {
	font-size: 14px;
	line-height: 2.85;
	color: #562608;

}

@media (min-width: 600px) and (max-width: 900px) {
  .service_item {
    flex-direction: column;
	align-items: center;
  }
  .service_item:nth-child(even) .service_item_img {
	order: 1;
  }
  .service_item .text {
	order: 2;
  }
}
/*  サービス  sp  */
@media (max-width: 599px) {
	.service_item {
		flex-direction: column;
	}
	.service_item:nth-child(even) .service_item_img {
		order: 1;
		padding: 0 20px;
	}
	.service_item .text {
		padding: 55px 40px;
	}
	.service_item:nth-child(even) .text {
		order: 2;
	}
}
/*  サービス  end  */
/*  会社概要  */
.management_co .company {
	padding: 0 20px;
}
.management_co table {
	width: 800px;
	margin: 0 auto 60px;
}
.management_co th {
	display: block;
	min-width: 100%;
	height: 45px;
	margin-bottom: 10px;
	padding-left: 30px;
	font-size: 18px;
	color: #562608;
	text-align: left;
	line-height: 45px;
	background-color: #EEE9E5;
}
.management_co td {
	display: block;
	min-width: 100%;
	margin-bottom: 35px;
	padding-left: 30px;
	font-size: 14px;
	color: #562608;
}
.management_co td.address {
	display: flex;
	justify-content: space-between;
}
.management_co td .map_btn {
	display: inline-block;
	width: 60px;
	height: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	background-color: #562608;
}
.management_co .btn {
	width: 250px;
	height: 45px;
	margin: 0 auto 120px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 45px;
	background-color: #562608;
}
/*  会社概要  sp  */
@media (max-width: 599px) {
	section.company {
		padding: 0 20px;
	}

	.company table {
		width: 100%;
	}
	.company h2:before {
		left: 20%;
	}
	.company h2:after {
		right: 22%;
	}
	.management_co td.address {
		flex-direction: column;
	}
	.management_co td {
		padding-right: 30px;
	}
	.management_co td .map_btn {
		margin-top: 10px;
	}
}
/*  会社概要 end */
/*  運用会社 end */

.container {
	max-width: 1080px;
	margin: 0 auto;
}
.login_box {
	color: #562608;
	background-color: #F7F4F0;
	margin-top: 90px;
	font-family: 'Noto Sans JP', sans-serif;
	padding-bottom: 5px;
}
.login_box h1 {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	padding-top: 98px;
}
.login_input_box {
	max-width: 560px;
	margin: 90px auto 0;
	display: block;
}
.login_input_box p {
	font-size: 16px;
	margin-bottom: 5px;
}
.login_input_box input {
	max-width: 560px;
	width: 100%;
	height: 40px;
	border: solid #adadad 0.5px;
}
.login_input_box .p_bottom {
	margin-top: 15px;
}
.login_archive {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}
.login_archive p {
	margin: 0 0 0 10px;
}
.login_archive input {
	margin-top: 7px;
}
.login_box .login_btn {
	background-color: #FA8500;
	display: block;
	max-width: 250px;
	height: 45px;
	margin: 75px auto 90px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 44px;
}

/*--------------　商品一覧　--------------*/
/*　トップ部分　*/
.common_box {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.top_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 50px auto 30px;
}
.common_h1 {
	font-size: 22px;
	color: #562608;
	text-align: center;
	font-weight: 300;
	margin-top: 16px;
	/* margin-bottom: 50px; */
}

.itemsnumber_group {
	display: flex;
	font-size: 12px;
	color: #562608;
	text-align: center;
	width: 170px;
}
.h2_group h2 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #FA8500;
	font-weight: 300;
	letter-spacing: 4.4px;
	text-align: center;
}
.h2_group h2::before {
	content: '';
  	display: inline-block;
  	width: 32px;
  	height: 7px;
  	background-image: url("img/top_17.png");
  	background-size: contain;
  	vertical-align: middle;
	margin-right: 42px;
}
.h2_group h2::after{
	content: '';
  	display: inline-block;
  	width: 32px;
  	height: 7px;
  	background-image: url("img/top_17.png");
  	background-size: contain;
  	vertical-align: middle;
	margin-left: 42px;
}
.h2_group p {
	font-family: 'Nuosu SIL', serif;
	text-align: center;
	color: #FA8500;
	letter-spacing: 2px;
	font-size: 16px;
	margin-top: 10px;
}
.drawer_menu {
	border: 1px solid #C9B2A4;
	max-width: 140px;
	display: flex;
	width: 100%;
    justify-content: space-between;
	height: 30px;
	color: #562608;
	align-items: center;
	padding: 0 5px;
}
.drawer_menu::after {
	content: '>';
	color: #562608;
	font-size: 12px;
}
.drawer_menu li {
	list-style: none;
	font-size: 12px;
    color: #562608;
}
.drawer_menu ul {
	padding: 0;
	margin: 0;
}
.menu_group {
	display: flex;
	font-size: 12px;
	color: #562608;
	width: 230px;
	align-items: center;
}


/*　商品一覧　*/
.productitem_box {
	width: 240px;
	margin-bottom: 50px;
}
.productitem_box_img {
	position: relative;
	aspect-ratio: 4/3;
    overflow: hidden;
    margin-bottom: 10px;
}
.productitem_box img {
	width: 100%;
	/* height: 250px; */
	object-fit: cover;
}
.stocks {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
}
.stocks img {
	width: 100%!important;
	height: auto!important;
}
.item_name {
	height: 2.2rem;
}
.item_name p {
	border-left: 2px solid #FA8500;
	font-size: 14px;
	color: #562608;
	padding-left: 5px;
	font-weight: 400;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-weight: bold;
}
.item_text {
	font-size: 12px;
	margin-top: 9px;
	color: #562608;
}
.item_text p {
	height: 3.5rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	line-height: 1.7;
}
.item_text_box {
	display: flex;
	align-items: left;
	justify-content: flex-start;
	flex-direction: column-reverse;
	margin-top: 15px;
	border-bottom: 1px solid #ECE7E7C4;
}
.item_text_box .flex {
	display: flex;
	flex-wrap: wrap;
    gap: 5px 1%;
	height: 30px;
	margin-top: 10px;;
	overflow: hidden;
}
.tag_flex {
	display: flex;
	flex-wrap: wrap;
    gap: 6px 0;
}
.item_category {
	height: 25px;
	font-size: 10px;
	background-color: #ECE7E7C4;
	color: #562608;
	padding: 5px;
    /* margin-right: 5px; */
	font-weight: 500;
}
.item_price {
	display: flex;
	align-items: center;
	gap: .5em;
	margin-left: auto;
	font-size: 26px;
	color: #D60C0C;
	font-weight: 600;
}
.item_price span {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: .3em .5em;
	  font-size: 10px;
	  color: #fff;
	  letter-spacing: .42px;
	  font-weight: normal;
	  background-color: #f77d12;
  }
.item_bottom {
	font-size: 14px;
	color: #562608;
	font-weight: 400;
}
.item_bottom span {
	font-size: 10px;
	margin-left: 10px;
}
.flex_between {
	display: flex;
	flex-wrap: wrap;
	gap: 1.3%;
	justify-content: flex-start;
	margin-bottom: 50px;
}
/*　ページナビ　*/
.page_numbers {
	list-style: none;
	display: flex;
	font-size: 14px;
	justify-content: center;
	color: #562608;
	margin-bottom: 116px;
	padding-left: 0;
	align-items: center;
}
.page_numbers li {
	margin: 0 15px;
}
.page_numbers .page {
	font-weight: bold;
	color: #fff;
	background-color: #562608;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 6px;
}
.pc_none_h2 {
	display: none;
}
.goods_list_btn.see-more-button {
	margin-bottom: 100px;
}
@media (min-width: 600px) and (max-width: 1160px) {
	.h2_group {
		display: none;
	}
	.h2_group.pc_none_h2 {
		display: block;
	}
	.common_h1 {
		font-size: 20px;
		text-align: left;
	}
	.h1_top .logo {
		width: auto;
	}
	.flex_between {
		gap: 1.3%;
	}
	.productitem_box {
		width: 32.4%;
	}
	.menu_group {
		justify-content: flex-end;
	}
}
@media(min-width: 1024px) {
	.productitem_box {
		width: 24%;

	}
}
@media screen and (max-width: 599px) {
	.common_h1 {
		font-size: 20px;
		text-align: left;
	}
	.h1_top .logo {
		width: auto;
	}
	.common_box {
		max-width: 335px;
	}
	.productitem_box {
		width: 46%;
	}
	.productitem_box img {
		width: 100%;
		/* height: 161px; */
	}
	.h2_group {
		display: none;
	}
	.pc_none_h2 {
		display: none;
		margin-bottom: 31px;
	}
	.top_flex {
		margin-right: 0;
		margin-left: 0;
	}
	.flex_between {
		gap: 8%;
	}
	.stocks {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 45%;
	}
	.stocks img {
		width: 100%;
		height: auto;
	}
	.item_text_box .flex {
		height: 60px;
	}
	.item_price {
		font-size: 26px;
		align-items: flex-end;
		flex-direction: column-reverse;
		gap: 0;
	}
}
/*--------------　商品一覧END　--------------*/
/*--------------　商品詳細　--------------*/
.product_list_detail_box {
	color: #562608;
	font-size: 14px;
}
.product_list_detail {
	margin-top: 40px;
	margin-bottom: 50px;
	display: grid;
	grid-template: "img      detail" 450px
	               "table    detail" 1fr
				   /  1fr    1fr;
}
.list_detail_left {
	width: 540px;
	grid-area: img;
}
.big_img {
	width: 540px;
	height: 405px;
	overflow: hidden;
}
.big_img img {
	max-width: none;
	width: 100%;

}
.min_img {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 30px;
}
.min_img img {
	width: 250px;
	margin-bottom: 30px;
}
.list_detail_right {
	width: 485px;
	margin-left: 45px;
	grid-area: detail;
}
.list_detail_bald {
	margin-bottom: 15px;
}
.list_detail_bald pre {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
	border-bottom: dashed 2px #562608;
}
.list_detail_p {
	font-size: 14px;
	color: #562608;
	border-top: dashed 1px #562608;
	border-bottom: dashed 1px #562608;
	margin: 50px 0;
	padding: 50px 0;
	line-height: 26px;
}
.farmer_box img {
	width: 120px;
	vertical-align: bottom;
}
.farmer_box {
	background-color: #F1F1F1;
	font-size: 14px;
    align-items: center;
	margin-top: 20px;
	margin-bottom: 28px;
	display: flex;
}
.farmer_box_text {
	margin-left: 15px;;
}
.farmer_box p {
	font-size: 14px;
	margin-left: 20px;
}
.farmer_box span {
	font-size: 14px;
}
.farmer_box_text pre:first-of-type {
	display: inline-block;
}
.flex_right {
	display: flex;
	flex-direction: row-reverse;
}
.price_red {
	display: flex;
	width: auto!important;
	font-size: 20px;
	color: #E90707;
	font-weight: 400;
}
.flex_end {
	display: flex;
	align-items: center;
	margin-bottom: 3rem!important;
}
.price_min {
	width: auto;
	font-size: 12px;
}
.tax_postage {
	display: flex;
}
.postage {
	position: relative;
	font-size: 12px;
	color: #FA8500!important;
	font-weight: bold;
}
.postage::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #FA8500;
	bottom: -1px;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
}
.postage:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}
.quantity_box {
	margin-top: 28px;
}
.quantity_select {
	display: inline-block;
	width: 200px;
	height: 45px;
	padding: 0 30px;
	color: #562608;
	border: 1px solid #562608;
}
.flex_center form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.quantity_red {
	width: auto!important;
	font-size: 14px!important;
}
.quantity_cart_btn {
    margin-top: 21px;
}
.quantity_cart_btn .js-modal-open {
	width: 200px;
	height: 45px;
	background-color: #FA8500;
	display: block;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	font-weight: 400;
	border: none;
}
.js-modal-open:disabled {
	opacity: 0.5;
}
.sold_out {
    /* margin-top: 21px; */
}
.sold_out .sold_out_text{
	width: 200px;
	height: 45px;
	/* background-color: #b3a291; */
	background-color: #E90707;
	display: block;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	font-weight: 400;
	border: none;
	font-size: 18px;
    letter-spacing: 1.8px;
	line-height: 45px;
}
.stocks_error{
	color: #E90707;
}
.item_detail_box {
	/* border-top: dashed 1px #562608; */
	max-width: 540px;
	margin-top: 40px;
	padding-top: 100px;
	grid-area: table;
}
.p_regular {
	font-weight: 400;
}
.item_detail_tale {
	width: 100%;
	margin-top: 15px;
}
.item_detail_tale th {
	text-align: left;
	font-weight: 300;
	padding-left: 10px;
	width: 26%;
}
.item_detail_tale tr {
	height: 35px;
}
.item_detail_tale td {
	padding: 10px;
}
.farmer_bicbox {
	background-color: #FBF9F6;
	padding: 52px 31px 46px;
}
.farmer_bicbox .flex {
	display: flex;
	align-items: stretch;
}
.farmer_bicbox_img {
	width: 163px;
	height: 110px;
	overflow: hidden;
}
.farmer_bicbox_top_p {
	font-size: 18px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-left: 42px;
}
.farmer_bicbox_top_p a {
	font-size: 14px;
}
.farmer_bicbox_text {
	margin-top: 25px;
	line-height: 36px;
}
.slide_cont{
	display: none;
}
.farmer_box br {
	display: none;
}
.quantity_select_area {
	margin-top: 21px;
	display: flex;
	align-items: center;
}
p.quantity_text {
	display: inline-block;
	margin-right: 15px;
}
/*  スピナー start  */
.btnspinner{
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.spinner_area input{
	padding: 11px;
	border: 1px solid #562608;
	border-radius: 0;
	font-size: 18px;
	width: 110px;
	vertical-align: middle;
	/* デフォルトのスピナーを消す */
	-webkit-appearance: none;
	-moz-appearance:textfield;
	text-align: center;
	order: 2;
}

.spinner_area input[type="button"]{
	cursor: pointer;
}
.spinner_area {
	display: flex;
	align-items: center;
}
input.btnspinner.dec, input.btnspinner.inc {
	min-width: auto;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	background: inherit;
}
input.btnspinner.dec {
	order: 1;
}
input.btnspinner.inc {
	order: 3;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
/*  スピナー end  */

@media (min-width: 600px) and (max-width: 1150px) {
	.product_list_detail {
		display: grid;
		grid-template: "...   img      ..."     
		               "...   detail   ..."  
					   "...   table    ..."   
					   / 1fr  540px     1fr;
	}
	.list_detail_left {
		margin-left: 0;
		margin-bottom: 25px;
		grid-area: img;
	}
	.commitment_minbox {
		flex-direction: column;
   		align-items: center;
	}
	.big_img {
		width: 100%;
	}
	.list_detail_right {
		margin-left: 0;
		grid-area: detail;
	}
	.item_detail_box {
		margin-top: 0;
		padding-top: 0;
		grid-area: table;
	}
	.farmer_box {
		width: 540px;
	}
	.flex_center form {
		width: 540px;
	}
	.list_detail_p {
		width: 540px;
	}
	.farmer_bicbox {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 599px){
	.product_list_detail {
		display: grid!important;
		grid-template: "...   img      ..."     
		               "...   detail   ..."  
					   "...   table    ..."   
					   / 1fr  100%     1fr;
		padding:  0 20px;
	}
	.list_detail_left .flex {
		display: block;
	}
	.list_detail_left {
		width: 100%;
		margin-bottom: 25px;
		grid-area: img;
	}
	.big_img {
		width: 100%;
		height: 210px;
		margin-bottom: 10px;
	}
	.min_img {
		display: none;
	}
	.slide_cont{
		display: block;
 		white-space: nowrap;
		width: 335px;
		overflow: hidden;
		margin-bottom: 25px;
	}
	.slide_cont img{
		 margin: 0;
		 padding: 0;
		 width: 75px;
		 height: auto;
		 border: none;
	}
	.list_detail_right {
		width: 100%;
		margin-left: 0;
		grid-area: detail;
	}
	.list_detail_bald {
		margin-bottom: 25px;
	}
	.list_detail_bald pre {
		font-size: 16px;
	}
	.list_detail_p {
		margin-top: 0;
	}
	.price_red {
		width: 45%;
	}
	.price_min {
		margin-bottom: 3px;
	}
	.postage {
		margin-bottom: 3px;
	}
	.item_detail_box {
		margin-top: 0;
		grid-area: table;
		padding-top: 0;
	}
	.farmer_box br {
		display: block;
	}
	.farmer_box span {
		margin-left: 0;
		font-size: 14px;
	}
	.farmer_box_text {
		margin-left: 10px;
	}
	.farmer_box_text pre:first-of-type {
		display: inline-block;
	}
	/*.quantity_box {
		display: none;
	}*/
	.farmer_bicbox {
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 52px 14px;
	}
	.farmer_bicbox_top_p {
		justify-content: flex-start;
		font-size: 14px;
		margin-left: 14px;
	}
	.farmer_bicbox_top_p .flex p {
		margin-bottom: 10px;
	}
	.flex_center {
		width: 100vw;
		display: flex;
		align-items: center;
		bottom: 0;
		left: 50%;
		position: fixed;
		gap: 0 20px;
		padding: 10px 20px;
		background-color: #fff;
		transform: translateX(-50%);
	}
	.quantity_select_area {
		display: flex;
		align-items: center;
		margin-top: 0;
	}
	p.quantity_text {
		width: 35px;
	}
	.quantity_select {
		width: 90px;
		height: 45px;
	}
	.js-modal-open:hover:enabled {
		width: 120px;
	}
	.quantity_cart_btn a {
		height: 40px;
	}
	.slick-list.draggable {
		margin-bottom: 10px;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 10px!important;
	}
	.min-img > div {
		margin: 0 2px;
	}
	.slick-dots {
		bottom: 2px!important;
	}
	.farmer_bicbox .flex {
		align-items: center;
	}
}

/*生産者のこだわり*/
.commitment_box {
	margin-top: 100px;
}

.commitment_minbox {
	margin-top: 30px;
	background-color: #FBF9F6;
	display: flex;
}
.commitment_minbox:nth-child(odd) .commitment_minbox_img {
	order: 2;
}
.commitment_minbox:nth-child(odd) .commitment_text {
	order: 1;
}
.commitment_minbox_img {
	width: 540px;
	height: 405px;
	overflow: hidden;
}
.commitment_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 540px;
	width: 50%;
	/* height: 360px; */
	padding: 0 45px;
}
.commitment_text h3 {
	font-size: 18px;
	text-align: left;
	margin: 20px 0 10px;
	font-weight: bold;
}
.commitment_text h3 pre {
	font-size: 18px;
	line-height: 1.5;
}
.commitment_text p {
	line-height: 28px;
}
@media (min-width: 600px) and (max-width: 1150px) {
	.commitment_minbox:nth-child(odd) .commitment_minbox_img {
		order: 1;
	}
	.commitment_minbox:nth-child(odd) .commitment_text {
		order: 2;
	}
	.commitment_text {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 799px) {
	.product_list_detail_box .h2_group {
		display: block;
	}
	.product_list_detail_box .h2_group h2::before {
		margin-right: 28px;
	}
	.product_list_detail_box .h2_group h2::after {
		margin-left: 28px;
	}
	.commitment_box {
		max-width: 540px;
		padding: 0 20px;
		margin: auto ;
	}
	.commitment_minbox {
		display: block;
		flex-direction: column;
    	align-items: center;
	}
	.commitment_minbox_img {
		width: 100%;
		height: auto;
		/* padding: 0 20px; */
	}
	.commitment_text {
		width: 100%;
		height: auto;
		padding: 20px;
	}
}
/*生産者の商品一覧*/
.product_list_item {
	margin-top: 100px;
	padding: 0 20px;
}
.product_list_item .product_list_detail_a {
	display: block;
	width: 250px;
	height: 45px;
	background-color: #562608;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding-top: 12px;
	font-weight: 400;
	margin-bottom: 130px;
	border: 1px solid #562608;
}
.product_list_detail_a:visited {
	color: #fff;
}
.product_list_detail_a:hover {
	border: 1px solid #562608;
	background-color: #FFFFFF;
	color: #562608;
}


@media screen and (max-width: 599px) {
	.product_list_item .h2_group h2::before {
		margin-right: 10px;
	}
	.product_list_item .h2_group h2::after {
		margin-left: 10px;
	}
	.product_list_item .h2_group h2 {
		letter-spacing: 2.4px;
	}
}
/*--------------　商品詳細END　--------------*/
/*--------------　利用規約・プライバシーポリシー・特商法共通部分　--------------*/

.common_summary {
	font-size: 14px;
	color: #562608;
	max-width: 900px;
	margin: 0 auto 132px;
	text-align: justify;
}
.summary_top {
	margin-top: 50px;
}
.summary_top_p {
	max-width: 853px;
	margin: 0 auto;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 30px;
}
.common_summary_h3 {
	font-size: 18px;
	background-color: #EEE9E5;
	padding: 8px 21px;
	font-weight: 500;
	margin-top: 50px;
}
.common_summary_p {
	margin: 20px;
	line-height: 28px;
	font-weight: 400;
}
.common_summary table {
	font-weight: 400;
	line-height: 28px;
	max-width: 858px;
	margin: 20px auto 0;
}
.common_summary th {
	font-weight: 400;
	vertical-align: top;
}
.commercial_p {
	margin: 10px 20px 0;
}

@media screen and (max-width: 599px) {
	.common_summary .h2_group {
		display: block;
	}
	.common_summary .h2_group h2::before {
		margin-right: 6px;
		width: 26px;
	}
	.common_summary .h2_group h2::after {
		margin-left: 6px;
		width: 26px;
	}
	.common_summary .h2_group h2 {
		font-size: 20px;
	}
}
/*--------------　特集記事一覧　--------------*/
.tokusyu_item {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	gap: 1.3%;
	max-width: 1120px;
	border-bottom: none;
	background-color: initial;
}
.tokusyu_contest {
	background-color: initial;
}
.post_list_bicbox {
	color: #562608;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1100px;
	margin: 0 auto;
}
h2.post-title.col-12.tokusyu_h2 {
	display: none;
}
.tokusyu-item.post_list_box {
	/* max-width: 326px; */
	width: 32.4%;
	border-bottom: 1px solid #562608;
	padding-bottom: 15px;
	margin: 0 0 50px;
}
.tokusyu_img {
	margin-bottom: 15px;
	overflow: hidden;
}

.post_list_time {
	font-size: 10px;
	margin-left: 5px;
}
.post_list_title_box {
	align-items: center;
	border-left: 2px solid #FA8500;
	margin-top: 12px;
}
.post_list_title {
	margin-left: 8px;
	font-size: 14px;
}
.post_list_text {
	font-size: 12px;
	margin-top: 10px;
}
.tokusyu_box {
	/* padding-inline: 10px; */
	font-size: 12px;
	color: #562608;
}
.tokusyu_box_img {
	max-width: 340px;
	max-height: 140px;
	margin-bottom: 15px;
	overflow: hidden;
}
.top_flex.feature-article {
	display: block;
}
@media (min-width: 600px) and (max-width: 800px) {
	.feature-article_kv.kv {
		margin-top: 50px;
	}
}
@media screen and (max-width: 599px) {
	.feature-article_kv.kv {
		padding-top: 50px;
	}
	.tokusyu_item {
		gap: 2%;
	}
	.tokusyu-item.post_list_box {
		width: 49%;
	}
	.post_list_title_box {
		display: block;
	}
	.post_list_title {
		font-size: 14px;
	}
	.post_list .container {
		max-width: 335px;
		margin: 0 auto;
	}
	/* .tokusyu_img {
		height: 85px;
	} */
	.tokusyu_box > div {
		margin: 0 10px;
	}
	.tokusyu_box > .tokusyu_img {
		margin: 0;
	}
	.tokusyu_box > .tokusyu_box {
		margin: 0;
	}
	.tokusyu_title {
		margin-top: 10px;
	}
}
@media (min-width: 600px) and (max-width: 1080px) {
	.tokusyu_box > div {
		margin: 0 5px;
	}
	.tokusyu_box_img {
		max-width: 270px;
		max-height: 130px;
		overflow: hidden;
	}
}
/*--------------　特集記事一覧END　--------------*/
/*--------------　特集記事詳細　--------------*/
.tokusyu_kv {
    width: 100vw;
    /* max-height: 580px;
    overflow: hidden; */
    margin: 0 calc(50% - 50vw);
	padding-right: 40px;
}
.tokusyu_kv img {
    width: 100%;
    height: auto;
}
.post_detail {
	color: #562608;
}
.post_detail_h1group {
	display: flex;
	align-items: center;
	margin: 67px auto 0;
	justify-content: flex-start;
	padding-bottom: 6px;
	border-bottom: 2px solid #562608;
	max-width: 585px;
}
.post_detail_h1group.tokusyu_box {
	border-bottom: none;
}
.post_detail_h1group h1 {
	font-size: 22px;
	font-weight: 400;
}
.detail_time {
	font-size: 12px;
	margin-right: 14px;
}
.detail_h1group_bottomp {
	max-width: 1040px;
	background-color: #FBF9F6;
	margin: 20px auto 0;
	padding: 50px 62px;
}
.post_detail_h1group.tokusyu_box {
	margin-top: 10px;
	padding-bottom: 0;
	border-bottom: none;
}
.detail_h1group_bottomp p {
	font-size: 14px;
	line-height: 40px;
}
.post_detail_middlebox_bg {
	padding-bottom: 45px;
	background-image: url("img/top/top_bg_1.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}
.post_detail_middlebox {
	display: flex;
	flex-wrap: wrap;;
	gap: 20px;
	max-width: 1120px;
	margin: 100px 0 0;
	justify-content: space-between;
	padding: 0 20px 100px!important;
}
.post_detail a {
	background-color: #562608;
	color: #fff;
	font-size: 12px;
/*	padding: 14px 0;  */
	margin: 40px auto 0;
	width: 250px;
	display: block;
	text-align: center;
	font-weight: 400;
	border: 1px solid #562608;
}
.post_detail a:hover {
	border: 1px solid #562608;
	background-color: #fff;
	color: #562608;
}
.post_detail_middlebox h3 {
	font-size: 18px;
	font-weight: 400;
    border-bottom: 1px solid #562608;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.post_detail_middlebox img {
	max-width: 500px;
	max-height: 500px;
}
.post_detail_minbox {
	max-width: 500px;
}
.post_detail_middlebox p {
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
}
.post_detail_middlebox_bg_bottom {
	position: relative;
	background-color: #FBF9F6;
	padding: 100px 0 1px 0;
}
.post_detail_middlebox_bg_bottom_left {
    position: absolute;
    top: 0;
    left: -36%;
    background-color: #FBF9F6;
    height: 100%;
    width: 36%;
}
.post_detail_middlebox_bg_bottom_right {
    position: absolute;
    top: 0;
    right: -40px;
    background-color: #FBF9F6;
    height: 100%;
    width: 60px;
}
.post_detail_middlebox_bg_bottom .post_detail_middlebox {
	margin-top: 0;
	padding: 0 20px 100px;
}
.container.flex.post_detail_middlebox.pa_lr_20 {
	padding: 0 20px 100px;
}
.post_detail_bottombox {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
}
.post_detail_bottombox_img {
	max-width: 1080px;
	font-size: 0;
	overflow: hidden;
}
.post_detail_bottombox_img img {
	width: 100%;
	height: auto;
}
.post_detail_bottombox_bg {
	background-image: url("img/top/top_bg_2.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	padding-bottom: 100px;
}
.post_detail_bottombox h3 {
	font-size: 18px;
	border-bottom: 1px solid #562608;
	padding-bottom: 14px;
	margin-top: 35px;
	font-weight: 500;
}
.post_detail_bottombox p {
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
}
.article_group {
	margin-bottom: 120px;
}
.post_detail_h1group br {
	display: none;
}
.pc_none {
	display: none;
}
.page-footer {
    width: 100%;
    /* margin: 0 calc(50% - 50vw); */
}
a.article_grou_btn {
	display: block;
	width: 250px;
	height: 45px;
	margin: 80px auto 0;
	font-size: 12px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	background-color: #562608;
	border: 1px solid #562608;
	transition: .2s;
}
a.article_grou_btn:hover {
	color: #562608;
	background-color: #fff;
	border: 1px solid #562608;
	transition: .2s;
}
.feature-article.h2_group {
	margin-bottom: 80px;
}
@media (min-width: 600px) and (max-width: 1160px) {
	.post_detail_middlebox {
		justify-content: center;
	}
	.post_detail_bottombox_img img.pc {
		display: block!important;
	}
	.post_detail_bottombox_img img.sp {
		display: none!important;
	}
}
@media screen and (max-width: 768px) {
	.tokusyu_kv {
		padding-top: 45px;
		padding-right: 0;
	}
}
@media screen and (max-width: 599px) {
	.post_detail_h1group {
		display: block;
		max-width: 335px;
	}
	.post_detail_h1group br {
		display: block;
		text-align: center;
	}
	.common_box {
		margin: 0 auto;
	}
	.post_detail_h1group h1 {
		text-align: center;
	}
	.tokusyu_title {
		flex-direction: column;
	}
	.detail_time {
		font-size: 10px;
		/* margin-left: 60px; */
	}
	.detail_h1group_bottomp {
		padding: 6px 20px;
	}
	.post_detail_middlebox {
		display: block;
		max-width: 335px;
		margin-bottom: 0;
	}
	.post_detail_middlebox img {
		max-width: 335px;
		max-height: 335px;
	}
	.post_detail_middlebox h3 {
		margin-top: 27px;
	}
	.post_detail_middlebox_bg {
		background-size: auto;
	}
	.detail_h1group_bottomp {
		max-width: 335px;
	}
	.post_detail_middlebox_bg {
		background-image: url("img/tokusyu/bg_1_sp.png");
		background-size: 100%;
		padding: 0 20px 100px;
	}
	.post_detail_bottombox_bg {
		background-image: url("img/tokusyu/bg_2_sp.png");
	}
	.sp_none {
		display: none;
	}
	.pc_none {
		display: block;
		max-width: 335px;
		max-height: 335px;
	}
	.post_detail_bottombox {
		max-width: 335px;
		margin: 0 auto;
	}
	.article_group {
		padding: 0 20px;

	}
	.article_group .h2_group {
		display: block;
	}
	.post_detail_middlebox_bg_bottom_right {
		display: none;
	}
}
/*--------------　特集記事詳細END　--------------*/
/*--------------　news  詳細    　--------------*/
	.news_container {
		max-width: 1080px;
		margin: 0 auto;
		/* padding: 0 0 120px; */

	}
	.news_ditail {
		padding-bottom: 100px;
		/* margin-bottom: -120px; */
		background-color: #FBF9F6;
	}
	.posttitle_box {
		display: flex;
        align-items: center;
		gap: 50px;
		width: 100%;
		margin-right: 0;;
		margin-bottom: 80px;
		margin-left: 0;;
	}
	.postimg_box {
		max-width: 50%;
	}
	.postimg_box img {
		width: 100%;
		height: auto;
	}
	.posttitle_box p.category {
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin-top: 10px;
		padding-left: 20px;
		font-size: 14px;
		color: #FA8500;
		line-height: 1;
		letter-spacing: 1.4px;
	}
	.news_text {
		max-width: 800px;
		margin: 0 auto 95px;
		padding: 0 20px;
		font-size: 14px;
		color: #562608;
		line-height: 2.5;
		}
	p.post_time_p {
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 14px;
		color: #562608;
		line-height: 1rem;
		letter-spacing: 2.4px;
	}
	h1.post-title {
    	display: block!important;
		margin-bottom: 40px;
		padding-bottom: 15px;
		padding-left: 20px;
		font-size: 22px;
		text-align: left;
		color: #562608;
		border-bottom: 1px solid #FA8500;
	}

	.posttitle_box p {
		padding-left: 20px;
		font-size: 14px;
		color: #562608;
		line-height: 2.85;
	}
	.posttittle_box_p {
		width: 470px;
		margin-top: 50px;
		padding-right: 30px;
	}
	.btn {
		width: 250px;
		height: 45px;
		margin: 0 auto;
		color: #fff;
		background-color: #562608;
		transition: .3s;
	}
	.btn:hover {
		background-color: #fff;
		border: 1px solid #562608;
		transition: .3s;
	}
	.btn a:link {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 45px;
		text-decoration: none;
		transition: .3s;
	}
	.btn a:visited {
		color: #fff;
	}
	.btn a:hover {
		color: #562608;
		transition: .3s;
	}
	.post-48.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-news {
		padding-top: 0;
	}
	@media (max-width: 599px) {
		.news_container {
			max-width: 100vw;
		}
		.posttitle_box {
			flex-direction: column;
			gap: 10px;
			margin-bottom: 80px;
		}
		.postimg_box {
			width: 100%;
			max-width: 100%;
		}
		.posttittle_box_p {
			width: 100%;
			padding-top: 0;
			padding-right: 0;
		}
		h1.post-title {
			width: 106%;
			padding-left: 0;
		}
		.posttitle_box p.category  {
			padding-left: 0;
			font-size: 14px;
		}
		p.post_time_p {
			margin-top: 10px;
			font-size: 12px;
			padding-left: 0;
		}
		p {
			padding-left: 0;
		}
		.news_text {
			padding: 0 20px;
		}
	}
/*--------------　newsEND　--------------*/
/*  生産者　一覧  */
.kv {
	display: block;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 20px;
	padding-inline: 40px;
	overflow: hidden;
}
article.farmer_contest {
	font-family: "Noto Sans JP", sans-serif;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
	color: #562608;
}
.farmer_contest ul.breadcrumnb {
	display: flex;
	margin-left: calc(50% - 50vw);
	padding: 0;
}
.farmer_contest ul.breadcrumnb li, .list_of_producers_detail ul.breadcrumnb li {
	position: relative;
	width: auto;
	margin-left: 2rem;
	list-style: none;
	font-size: 12px;
}
.farmer_contest ul.breadcrumnb li a {
	color: #562608;
	text-decoration: none;
	letter-spacing: 2.4px;
}
.farmer_contest ul.breadcrumnb li::after, .list_of_producers_detail ul.breadcrumnb li::after {
	position: absolute;
	content: '>';
	right: -1.5rem;
}
.farmer_contest ul.breadcrumnb li:last-child::after, .list_of_producers_detail ul.breadcrumnb li:last-child::after {
	display: none;
}
.farmer_contest h1 {
	margin-bottom: 70px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}
.farmer_contest .list_of_producers_head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	margin-bottom: 30px;
}
.producers_number_area {
	display: flex;
	width: auto;
	font-size: 12px;
	letter-spacing: 2.4px;
}
.producers_number_area span {
	position: absolute;
	margin-left: 3.5rem;
	padding-left: 1rem;
}
.producers_number_area span::before {
	position: absolute;
	content: '';
	left: 0;
	width: 1px;
	height: 90%;
	background-color: #562608;
}
.farmer_contest .list_of_producers_head h2, .list_of_producers_detail .commitment h2, .product_list_of_this_producer h2 {
	position: relative;
	margin-bottom: 0;
	font-size: 22px;
	color: #FA8500;
	line-height: 1.4;
	text-align: center;
	font-weight: normal;
	letter-spacing: 4.4px;
}
.farmer_contest .list_of_producers_head h2 {
	left: 50px;
}
.farmer_contest .list_of_producers_head h2::before, .list_of_producers_detail .commitment h2::before, .product_list_of_this_producer h2::before {
	position: absolute;
	content: '';
	top: 10px;
	left: -50px;
	width: 32px;
	height: 7px;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
.farmer_contest .list_of_producers_head h2::after, .list_of_producers_detail .commitment h2::after, .product_list_of_this_producer h2::after {
	position: absolute;
	content: '';
	top: 10px;
	right: -35px;
	width: 32px;
	height: 7px;
	background-image: url("img/top_17.png");
	background-size: 100%;
}
.farmer_contest .list_of_producers_head h2 span {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
}
.farmer_contest .sort_order_area {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 225px;
	font-size: 12px;
	letter-spacing: 2.4px;
}
.sort_order_area p {
	margin-right: 7px;
}

/* .sort_order_area::after {
	position: absolute;
	content: '>';
	right: 5px;
} */

.farmer_contest .sort_order_area select.sort_order  {
	position: relative;
	appearance: none;
	width: 140px;
	height: 30px;
	margin-left: 1rem;
	padding-left: .5rem;
	color: #562608;
	border: .5px solid #CCBDB4;
}
/*
select::-ms-expand {

}
*/
.list_of_producers_contents_area {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 1.3%;
	margin: 0 auto 45px;
}
.list_of_producers_contents_item {
	width: 24%;
}
.list_of_producers_contents_item img {
	width: 240px;
    /* height: 240px; */
    object-fit: cover;
	aspect-ratio: 4/3;
    overflow: hidden;
}
.list_of_producers_contents_item h3 {
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 14px;
	letter-spacing: 1.4px;
	border-left: 2px solid #FA8500;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list_of_producers_contents_item h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: .5px solid #562608;
}
.list_of_producers_contents_item p {
	position: relative;
	margin: 0;
	font-size: 12px;
	line-height: 3.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 1.7;
}
.list_of_producers_contents_item p::after {
	position: absolute;
	content: '>>';
	font-size: 1rem;
	width: 10px;
	height: 10px;
	color: #000;
	bottom: 0;
	right: 0;
}
.page_nation {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	margin: 0 auto;
}
.page_nation ul {
	display: flex;
	justify-content: space-around;
}
.page_nation ul li {
	list-style: none;
	width: 32px;
	height: 32px;
	margin: 0 1rem;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
}
.page_nation ul li:first-child {
	margin-right: 1.5rem;
}
.page_nation ul li:last-child {
	margin-left: 1.5rem;
}
.page_nation ul li.active {
	color: #fff;
	background-color: #562608;
}
@media (min-width: 600px) and (max-width: 768px) {
	body {
		padding-right: 0;
	}
	.kv, .kv-container {

		margin-top: 50px;
		padding-inline: 0;
	}
	.h1_logo {
		align-items: center
	}
	.flex_between {
		gap: 1.3%;
	}
	.list_of_producers_contents_item {
		width: 32.4%;
	}
	.category-producers .container.category {
		padding: 0;
	}
	.list_of_producers_contents_area {
		gap: 35px 1.3%;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.list_of_producers_contents_item {
		width: 32.4%;
	}
	.list_of_producers_contents_item img {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 599px) {
	header {
		display: none;
	}
	article.farmer_contest {
		padding: 0;
	}
	.kv, .kv-container {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 30px;
		padding-top: 100px;
		padding-inline: 0;
	}
	.kv-container {
		padding-top: 50px;
	}
	.page-header {
    	padding-top: 100px;
	}
	.farmer_contest ul.breadcrumnb {
		margin-bottom: 30px;
	}
	.farmer_contest ul.breadcrumnb li {
		margin-left: 1rem;
	}
	.farmer_contest ul.breadcrumnb li::after {
		margin-right: .8rem;
	}
	.farmer_contest h1 {
		font-size: 22px;
		line-height: 1.81;
		text-align: left;
	}
	.farmer_contest .list_of_producers_head {
		flex-wrap: wrap;
		align-items: center;
	}
	.farmer_contest .producers_number_area {
		order: 2;
	}
	.farmer_contest .list_of_producers_head h2 {
		display: block;
		min-width: 100%;
		margin-bottom: 30px;
		order: 1;
		left: 0;
	}
	.farmer_contest .list_of_producers_head h2::before {
		top: 15px;
		left: 50px;
	}
	.farmer_contest .list_of_producers_head h2::after {
		top: 15px;
		right: 50px;
	}
	.farmer_contest .sort_order_area {
		justify-content: flex-end;
		order: 3;
	}
	.list_of_producers_contents_area {
		gap: 50px 8%;
		justify-content: flex-start;
		margin-bottom: 40px;
	}
	.list_of_producers_contents_item {
		width: 46%;
	}
	.page_nation ul li {
		font-size: 16px;
	}
	.list_of_producers_contents_item img {
		width: 100%;
		/* height: 160px; */
		object-fit: cover;
	}
}
/*  生産者　一覧 end  */
/*  生産者　詳細  */
article.list_of_producers_detail {
	max-width: 1280px;
	margin: 0 auto 110px;
	padding-inline: 20px;
}
.list_of_producers_detail .top_fixed {
	position: fixed;
	top: 0;
	display: flex;
}
.list_of_producers_detail .top_fixed .logo {
	width: 125px;
}
.list_of_producers_detail .top_fixed input {
	width: 465px;
	height: 30px;
	margin-left: 210px;
	padding-left: 30px;
	font-size: 12px;
	letter-spacing: 2.4px;
	border: 1px solid #FA8500;
}
.list_of_producers_detail .top_fixed input::placeholder {
	color: #562608;
}
.list_of_producers_detail .top_fixed .search_btn {
	width: 30px;
	height: 30px;
	margin-left: -5px;
	background-color: #FA8500;
}
.list_of_producers_detail .breadcrumnb {
	display: flex;
	margin: 75px calc(50% - 50vw) 40px;
}
.list_of_producers_detail .breadcrumnb li {
	list-style: none;
}
.list_of_producers_detail_producers {
	display: flex;
	gap: 65px;
	margin-bottom: 100px;
	max-width: 1080px;
	width: 100%;
}
.list_of_producers_detail_producers_img {
	max-width: 540px;
	width: 50%;
	overflow: hidden;
}
.list_of_producers_detail_producers_img img{
	width: 540px;
	height: 100%;
	object-fit: cover;
}
.list_of_producers_detail_producers .text_area {
	max-width: 475px;
	width: calc(50% - 65px);
}
.list_of_producers_detail_producers h1 {
	margin-bottom: 24px;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
	font-weight: normal;
	color: #562608;
}
.list_of_producers_detail_producers .origin {
	margin-bottom: 30px;
	font-size: 14px;
	letter-spacing: 1.4px;
	color: #562608;
}
.list_of_producers_detail_producers p {
	font-size: 14px;
	line-height: 36px;
	color: #562608;
}
.list_of_producers_detail .commitment h2 {
	width: 350px;
	font-size: 22px;
	letter-spacing: 4.4px;
	line-height: 32px;
	margin: 0 auto 30px;
}
.list_of_producers_detail .commitment h2 span {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
	letter-spacing: 1.4px;
}
.commitment_contents_item {
	display: flex;
	margin-bottom: 100px;
}
.commitment_contents_item_img {
	max-width: 540px;
	width: 50%;
	overflow: hidden;
	font-size: 0;
}
.commitment_contents_item_img img{
	width: 540px;
	height: 100%;
}
.commitment_contents_item_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 540px;
	width: 50%;
	padding: 0 60px;
	background-color: #FBF9F6;
}
.commitment_contents_item_text h4 {
	margin-bottom: 20px;
	line-height: 26px;
	text-align: left;
	color: #562608;
}
.commitment_contents_item_text h4 pre {
	font-size: 18px;
}
.commitment_contents_item_text p {
	font-size: 14px;
	color: #562608;
	line-height: 2;
}
.commitment_contents_item:nth-child(2) .commitment_contents_item_img {
	order: 2
}
.commitment_contents_item:nth-child(2) .commitment_contents_item_text {
	order: 1;
}
.list_of_producers_detail_slider {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
}
.list_of_producers_detail_slider .slider_img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
}
.list_of_producers_detail_slider .slider_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_list_of_this_producer h2 {
	width: 400px;
	margin: 0 auto 30px;
}
.product_list_of_this_producer h2::before {
	left: 0;
}
.product_list_of_this_producer h2::after {
	right: 0;
}
.product_list_of_this_producer h2 span {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 14px;
	letter-spacing: 1.4px;
}
.product_list_of_this_producer_contents_area {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 40px;
	max-width: 1080px;
	margin: 0 auto 55px;
	justify-content: flex-start;
}
.product_list_of_this_producer_contents_item {
	width: calc(100%/4 - 30px);
}
.product_list_of_this_producer_contents_item picture{
	width: 100%;
	aspect-ratio: 4/3;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.product_list_of_this_producer_contents_item picture img{
	width:100%;
	object-fit: cover;
}
.product_list_of_this_producer_contents_item_name {
	height: 2.2rem;
	margin-bottom: 10px;
}
.product_list_of_this_producer_contents_item_name h3 {
	position: relative;
	margin-bottom: 10px;
	padding-left: .5rem;
	font-size: 14px;
	color: #562608;
	letter-spacing: 1.4px;
	line-height: 20px;
	font-weight: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 40px;
	overflow: hidden;
}
.product_list_of_this_producer_contents_item h3::before {
	position: absolute;
	content: '';
	left: 0;
	width: 2px;
	height: 100%;
	background-color: #FA8500;
}
.product_list_of_this_producer_contents_item p {
	margin-bottom: 15px;
	font-size: 12px;
	color: #562608;
}
.product_list_of_this_producer_contents_item p.text {
	height: 2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.6;
	overflow: hidden;
}
.product_list_of_this_producer_contents_item .product_detail {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: column-reverse;
	/* gap: 10px; */
	margin-bottom: 4px;
	border-bottom: #817E7E 0.3px solid;
	padding-bottom: 16px;
}
.product_list_of_this_producer_contents_item .product_detail .flex{
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	margin-top: 10px;
}
.product_list_of_this_producer_contents_item .product_detail .item_category{
	padding: 5px;
	font-size: 10px;
	color: #562608;
	margin-right: 10px;
	display: inline-block;
	background-color: #ECE7E7C4;
}

.product_list_of_this_producer_contents_item .product_detail p.price {
	display: flex;
	align-items: center;
	gap: .5em;
	margin-bottom: 20px;
	/* width: 60px; */
	font-size: 26px;
	color: #D60C0C;
	font-weight: bold;
	text-align: right;
}
.product_list_of_this_producer_contents_item .product_detail p.price span {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: .3em .5em;
	  font-size: 10px;
	  color: #fff;
	  letter-spacing: .42px;
	  font-weight: normal;
	  background-color: #f77d12;
  }
.product_list_of_this_producer_contents_item p.farm {
	font-size: 14px;
	line-height: 20px;
	color: #562608;
	width: 50px;
}
.product_list_of_this_producer_contents_item p.farm span {
	margin-left: 10px;
	font-size: 10px;
}
.product_list_of_this_producer_contents_item .product_place{
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 20px;
}
.product_list_of_this_producer_contents_item .product_place span{
	font-size: 10px;
	letter-spacing: 0.5px;
	line-height: 15px;
}
.product_list_of_this_producer .more_btn {
	width: 250px;
	height: 45px;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	background-color: #562608;
}
.product_list_of_this_producer .more_btn a:link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
}
.product_list_of_this_producer .more_btn a:visited {
	color: #fff;
}
.product_list_of_this_producer .more_btn:hover {
	background-color: #fff;
	border: 1px solid #562608;
}
.product_list_of_this_producer .more_btn a:hover {
	color: #562608;
}
@media (max-width: 960px) {
	.list_of_producers_detail .top_fixed {
		display: none;
	}
	.list_of_producers_detail .breadcrumnb {
		margin-bottom: 30px;
		font-size: 10px;
	}
	.list_of_producers_detail ul.breadcrumnb li {
		margin-left: 1rem;
	}
	.list_of_producers_detail ul.breadcrumnb li::after {
		right: -.8rem;
	}
	.list_of_producers_detail_producers {
		flex-direction: column;
		gap:30px;
	}
	.list_of_producers_detail_producers_img {
		width: 90%;
		max-width: 90%;
		margin: 0 auto;
	}
	.list_of_producers_detail_producers_img img{
		width: 100%;
	}
	.list_of_producers_detail_producers .text_area{
		width: 90%;
		max-width: 90%;
		margin: 0 auto;
	}
	.list_of_producers_detail .commitment h2 {
		letter-spacing: 4.4px;
	}
	.list_of_producers_detail .commitment h2::before {
		left: 0;
	}
	.list_of_producers_detail .commitment h2::after {
		right: 20px;
	}
	.list_of_producers_detail .commitment h2 span {
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 1.4px;
	}
	.list_of_producers_detail .commitment_contents {
		width: 100%;
	}
	.list_of_producers_detail .commitment_contents_item {
		flex-direction: column;
		margin-bottom: 70px;
	}
	.commitment_contents_item_text {
		padding-right: 20px;
		padding-bottom: 40px;
		padding-left: 20px;
		width: 90%;
		max-width: 90%;
		margin: 0 auto;
	}
	.commitment_contents_item_text h4 {
		margin-bottom: 10px;
		font-size: 15px;
		letter-spacing: 0;
		margin-top: 30px;
	}
	.commitment_contents_item_img{
		width: 90%;
		max-width: 90%;
		margin: 0 auto;
	}
	.commitment_contents_item_img img{
		width: 100%;
	}
	.commitment_contents_item:nth-child(2) .commitment_contents_item_img {
		order: 1
	}
	.commitment_contents_item:nth-child(2) .commitment_contents_item_text {
		order: 2;
	}
	/* .list_of_producers_detail_slider .slider_img {
		width: 188px;
		height: 188px;
	} */
	.product_list_of_this_producer h2 {
		width: 90%;
	}
	.product_list_of_this_producer h2::before {
		left: 15px;
	}
	.product_list_of_this_producer h2::after {
		right: 15px;
	}
	.product_list_of_this_producer_contents_area {
		gap: 50px 20px;
		width: 100%;
	}
	.product_list_of_this_producer_contents_item {
		width: calc(100%/2 - 20px);
	}
}
@media (max-width: 599px) {
	.list_of_producers_detail_producers h1{ 
		margin-bottom: 10px;	
	}
	.list_of_producers_detail_producers_img{
		width: calc(100% - 40px);
	}
	.list_of_producers_detail_producers .text_area{
		width: calc(100% -40px);
	}
	.list_of_producers_detail_producers .origin{
		margin-bottom: 30px;
		letter-spacing: 0.7px;
	}
	.commitment_contents_item_img{
		width: calc(100% - 40px);
	}.commitment_contents_item_text{
		width: calc(100% - 40px);
	}
	.product_list_of_this_producer h2{
		width: 100vw;
		margin-left:50% - 50vw;
		margin-right:50% - 50vw;
	}
	.product_list_of_this_producer_contents_item h3{
		font-size: 14px;
		letter-spacing: 1.4px;
		line-height: 20px;
	}
	.product_list_of_this_producer_contents_item p{
		font-size: 12px;
		line-height: 17px;
	}
	.product_list_of_this_producer_contents_item .product_detail p.price {
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 0.5em;
	}
	.product_list_of_this_producer_contents_item .product_detail .item_category{
		margin-right: 5px;
		padding: 5px;
	}
	.product_list_of_this_producer_contents_item .product_detail .item_category:last-child {
		margin-right: 0;
	}
}
/* 元々のチェックボックス（非表示） */
.mycheckbox input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.mycheckbox input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.mycheckbox input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.mycheckbox input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}
/*  生産者　詳細 end  */
/*  ページネーション  */
p.pagenation {
	margin-bottom: 125px;
	text-align: center;
}
a.page-numbers {
    margin: 0 10px;
	font-size: 14px;
}
span.page-numbers.current {
    font-size: 14px;
    color: #fff;
    padding: 6px 12px;
    background-color: var(--clr-text-primary);
}
/*  ページネーション  end  */
/*  modal   */
	.modal{
    	display: none;
    	height: 100vh;
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
		z-index: 1000;
	}
	.modal__bg{
		background: #817E7E;
		height: 100vh;
		position: absolute;
		width: 100%;
		z-index: 10000;
	}
	.modal__content{
		background: #fff;
		left: 50%;
		padding: 40px;
		position: absolute;
		top: 34%;
		transform: translate(-50%,-50%);
		width: 80%;
		max-width: 600px;
		z-index: 100000;
	}
	.js-modal-open {
		text-decoration: none;
		color: #0d6efd;
	}
	.js-modal-open:hover:enabled {
		text-decoration: none;
		cursor: pointer;
		opacity: .4;
	}
	a.js-modal-close {
		display: block;
		text-align: center;
	}

	.modal_contents {
		display: flex;
		margin-bottom: 35px;
	}
	.modal_img {
		width: 45%;
		max-width: 190px;
		margin-right: 25px;
	}
	.modal__content h2 {
		margin-bottom: 30px;;
		padding-bottom: 25px;
		font-size: 18px;
		text-align: center;
		color: #562608;
		border-bottom: 1px dashed #562608;
	}
	.modal_btn {
		display: flex;
		justify-content: space-between;
	}
	.continue_shopping {
		display: inline-block;
		width: 45%;
		height: 45px;
		font-size: 12px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #562608;
	}
	.continue_shopping:hover, .shopping_cart:hover {
		cursor: pointer;
	}
	.shopping_cart {
		display: inline-block;
		width: 45%;
		height: 45px;
		font-size: 12px;
		color: #fff;
		line-height: 45px;
		text-align: center;
		border: 1px solid #FA8500;
		background-color: #FA8500;
	}
	@media (min-width: 600px) and (max-width: 1024px) {
		.flex_end {
			align-items: flex-end;
		}
		.price_red {
			width: auto!important;
		}
		.quantity_red  {
			width: 40%!important;
		}
	}
	@media (max-width: 599px) {
		.modal__content {
			width: 85%;
			padding: 30px 40px;
		}
		.modal__content h2 {
			font-size: 20px;
			font-size: 20px;
		}
		.modal_contents {
			flex-direction: column;
		}
		.modal_img {
			max-width: none;
			width: 100%;
			margin-bottom: 15px;
			text-align: center;
		}
		.flex_end {
			flex-direction: column;
			align-items: flex-end;
			margin-bottom: 15px;
		}
		.tax_postage {
			flex-direction: column;
			align-items: flex-end;
		}
		.price_red {
			width: auto!important;
			font-size: 20px;
		}
		.quantity_red {
			font-size: 14px!important;
		}
		.modal_text .list_detail_bald {
			margin-bottom: 15px;
		}
		.modal_btn {
			flex-direction: column-reverse;
		}
		.continue_shopping {
			width: 100%;
		}
		.shopping_cart {
			width: 100%;
			margin-bottom: 15px;
		}
	}
	/*  モーダル  */
	.custom-dialog-box {
		display: none;
		position: fixed;
		z-index: 1;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
	}
	.custom-dialog-box .dialog-content {
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s;
	}
	.dialog-content.add-to-cart {
		max-width: 600px;
		padding: 34px 0 46px;
	  }
	  .dialog-content.shipping-status-dialog {
		max-width: 340px;
		padding: 35px 50px;
	  }
	  .dialog-content.add-to-cart {
		max-width: 600px;
		padding: 34px 0 46px;
	  }

	  /*  top 特集 start  */
	  .feature_box {
		padding-bottom: 5px;
	  }
	  .feature-items {
		display: flex;
		flex-wrap: wrap;
		gap: 60px 1.3%;
	}
	  .feature-item {
		width: 31%;
		border-bottom: 1px solid #FA8500;
	  }
	  .top_thumbnail {
		/* height: 155px; */
		margin-bottom: 15px;
		overflow: hidden;
	  }
	  /*
	  img.attachment-medium.size-medium.wp-post-image {
		transform: translateY(-25%);
	  } */
	  .tokusyu_title {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
		/* padding-left: 5px; */
		font-size: 14px;
		color: #562608;
		letter-spacing: 1.4px;
		/* border-left: 2px solid #FA8500; */
		/* border-bottom: none; */
	  }
	  .feature_box p {
		/* margin-top: 10px; */
		font-size: 12px;
		color: #562608;
	  }
	  .feature_box p.days {
		margin-top: 0;
		margin-bottom: 5px;
	  }
	  @media (min-width: 600px) and (max-width: 1160px) {
		.feature-items {
			justify-content: center;
		}
	  }
	  @media (max-width: 599px) {
		.top_thumbnail {
			height: 85px;
		}
		.feature-items {
			width: 100%;
			gap: 15px;
			justify-content: center;
		}
		.feature-item {
			width: 160px;
		}
	  }
  	  /*  top 特集 end  */
	  /*  詳細  */
	  @media screen and (max-width:600px){
		.commitment_minbox_img {
			width: auto;
			height: auto;
		}
		.list_detail_right{
			margin-left: 0;
		}
		.flex_center form {
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		.flex_center {
		width: 100%;
		bottom: 0;
		position: fixed;
		background-color: #fff;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		}
		.quantity_cart_btn .js-modal-open {
		width: 130px;
		height: 45px;
		background-color: #FA8500;
		display: block;
		color: #fff;
		text-align: center;
		padding-top: 0px;
		font-weight: 400;
		border: none;
		}
		.quantity_cart_btn {
		margin-left: 5%;
		margin-top: 0;
		}
		.sold_out .sold_out_text {
			width: 115px;
			height: 45px;
			/* background-color: #b3a291; */
			display: block;
			color: #fff;
			text-align: center;
			padding-top: 0px;
			font-weight: 400;
			border: none;
			margin-left: 1rem;
			font-size: 15px;
		}
		.sold_out {
			margin-top: 0;
		}
		div#producers_slider {
			overflow-x: hidden;
		}
		.tokupan{
			margin-left: 5%;
		}
		.post_detail_middlebox img{
			max-width: 100%;
			max-height: 100%;
		}
		.posttitle_box {
			flex-direction: initial;
			gap: 0px;
			margin-bottom: 80px;
			display: block;
			margin: 0 5%;
			width: auto;
		}
		h1.post-title {
			width: auto;
			margin-left: 0;
		}
		.posttittle_box_p {
			width: auto;
			padding-top: 0;
			padding-right: 0;
			padding-left: 0;
		}
		/*  スピナー start */
		.spinner_area input[type="button"] {
			width: 40px;
			height: 40px;
		}
		input#quantity {
			width: 72px;
			height: 40px;
		}
		/*  スピナー end */
	}
/*  一覧 口コミ start  */
.review_bg {
	width: 55%;
	margin: 0 auto;
	padding: 50px 10px;
	background-color: #FBF9F6;
}
.review h2 {
	margin-bottom: 50px;
	font-size: 20px;
	text-align: center;
	color: #FA8500;
	font-weight: normal;
	letter-spacing: 4.4px;
}
.review h2 span {
	font-size: 14px;
}
.review_item {
	max-width: 600px;
	margin: 0 auto 15px;
	padding: 15px;
	background-color: #fff;
}
.review_item h3 {
	margin-bottom: 5px;
	font-size: 14px;
	color: #562608;
	letter-spacing: 2.8px;

}
.review_item .date {
	margin-bottom: 10px;
    font-size: 10px;
	color: #562608;
	letter-spacing: 2px;
}
.review_item .rate {
	margin-bottom: 10px;
	font-size: 14px;
	color: #FA8500;
	letter-spacing: 2.8px;
}
.review_item p {
	margin-bottom: 15px;
	font-size: 14px;
	color: #562608;
	line-height: 1.8;
	letter-spacing: 1.4px;
}
.review_item .goods_name {
	margin-top: 10px;
	padding-top: 20px;
	background-image : linear-gradient(to right, #989898, #989898 2px, transparent 2px, transparent 8px);  /* 幅2の線を作る */
	background-size: 8px 2px;          /* グラデーションの幅・高さを指定 */
	background-position: left top;  /* 背景の開始位置を指定 */
	background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}
.review_item .goods_name a {
	display: flex;
	align-items: center;
}
.review_item .goods_name_img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
.review_item .goods_name h3 {
	color: #FA8500;
	border-bottom: 1px solid #FA8500;
}
@media (max-width: 599px) {
	.review {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
	.review_bg {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.review h2 {
		font-size: 20px;
	}
}
/*  一覧 口コミ end  */
/*  詳細 口コミ start  */
.review {
	width: 90vw;
	margin: 100px calc(50% - 45vw);
	padding: 0 20px;
}
.review_in {
	max-width: 1080px;
	margin: 100px auto;
	padding: 50px 35px;
	background-color: #FBF9F6;
}
.review_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 30px;
	margin-bottom: 50px;
}
.review_contents .review_item {
	width: 315px;
	margin: 0;
}
.review .more_btn {
	max-width: 250px;
	width: 100%;
	height: 45px;
	margin: 0 auto;
}
.review .more_btn a:visited {
	color: #fff;
}
.review .more_btn a:link {
	display: block;
	height: 100%;
	font-size: 12px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	letter-spacing: 1.2px;
	background-color: #562608;
	border: 1px solid #562608;
	transition: .2s;
}

.review .more_btn a:hover {
	color: #562608;
	background-color: #fff;
	border: 1px solid #562608;
	transition: .2s;
}
.rate0 {
    height: 20px;
    background-image: url("img/review/review0.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.rate1 {
    height: 20px;
    background-image: url("img/review/review1.png");
	background-size: 90px;
	background-repeat: no-repeat;
}
.rate2 {
    height: 20px;
    background-image: url("img/review/review2.png");
	background-size: 90px;
	background-repeat: no-repeat;
}
.rate3 {
    height: 20px;
    background-image: url("img/review/review3.png");
	background-size: 90px;
	background-repeat: no-repeat;
}
.rate4 {
    height: 20px;
    background-image: url("img/review/review4.png");
	background-size: 90px;
	background-repeat: no-repeat;
}
.rate5 {
    height: 20px;
    background-image: url("img/review/review5.png");
	background-size: 90px;
	background-repeat: no-repeat;
}
@media (max-width: 819px) {
	.list_of_producers_detail .review_contents {
		justify-content: center;
	}
}
@media (max-width: 599px) {
	.review {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
	.review_in {
		padding: 50px 20px;
	}
}
/*  生産者 詳細 口コミ end  */



/*メニューバーstart*/
.menubarContainer {
    display: flex;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 1;
}
.menubarContainer .menubar {
    align-items: center;
    background-image: url(img/header/menubar_bg_pc.png);
    background-size: contain;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    width: 80px;
}
.menubarContainer .menubar .menubar_top {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 8px;
    width: 100%;
}
.menubarContainer .menubar .menubar_item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 21px 0;
	gap: 25px;
}
.menubarContainer .menubar .menubar_item.menubar_login,
.menubarContainer .menubar .menubar_item.menubar_order_history,
.menubarContainer .menubar .menubar_item.menubar_cart {
    gap: 0px;
}
.menubarContainer .menubar .menubar_top .menubar_hamburger svg.hamburger_icon {
    padding-bottom: 5px;
    width: 40px;
}
.menubarContainer .menubar .menubar_item .menu_side_bar_text {
    font-family: Noto Sans JP,sans-serif;
}
.menubarContainer .menubar .menubar_top .menubar_login span {
    text-align: center;
    white-space: pre-wrap;
}
.menubarContainer .menubar .menubar_bottom {
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
}
.menubarContainer .menubar .menubar_bottom .menubar_email {
    padding-bottom: 22px;
}
.menubarContainer .menubar_submenu.hide {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: hide;
    animation-name: hide;
}
.menubarContainer .menubar_submenu.hide {
    display: none;
}
.menubarContainer .menubar_submenu {
    background-color: hsla(0,0%,100%,.9);
    display: block;
    height: 100vh;
    padding: 18px 23px 0;
    position: absolute;
    right: 80px;
    top: 0;
    width: 120px;
    z-index: 1;
}
.menubarContainer .menubar_submenu .menubar_submenu_items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.menubarContainer .menubar_submenu .search, .menubarContainer .menubar_submenu .sp_menu {
    display: none;
}
.menubarContainer .menubar_submenu .menubar_submenu_items hr {
    background-color: #562608;
    border: none;
    height: 1px;
    margin: 12px 0;
    width: 100%;
}
.menubarContainer .menubar_submenu .menubar_submenu_items hr.hr_sp {
    display: none;
}
.menubarContainer .menubar .menubar_top .menubar_login img {
    padding-bottom: 5px;
    width: 12px;
}
.menubarContainer .menubar .menubar_top .menubar_order_history img {
    padding-bottom: 5px;
    width: 23px;
}
.menubarContainer .menubar .menubar_top .menubar_cart img {
    padding-bottom: 5px;
    width: 28px;
}
.menubarContainer .menubar .menubar_bottom .menubar_email img {
    width: 28px;
}
.menubarContainer .menubar .menubar_top .menubar_hamburger svg.hamburger_icon.close :first-child {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: path1;
    animation-name: path1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.menubarContainer .menubar .menubar_top .menubar_hamburger svg.hamburger_icon.close :nth-child(2) {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: path2;
    animation-name: path2;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.menubarContainer .menubar .menubar_top .menubar_hamburger svg.hamburger_icon.close :nth-child(3) {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: path3;
    animation-name: path3;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.menubarContainer .menubar_submenu {
    background-color: hsla(0,0%,100%,.9);
    display: block;
    height: 100vh;
    padding: 18px 23px 0;
    position: absolute;
    right: 80px;
    top: 0;
    width: 120px;
    z-index: 1;
}
.openbtn{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  cursor: pointer;
    width: 50px;
    height:50px;
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 5px;
    height: 2px;
    border-radius: 5px;
  background: #fff;
    width: 40px;
  }


.openbtn span:nth-of-type(1) {
  top:5px;
}

.openbtn span:nth-of-type(2) {
  top:15px;
}

.openbtn span:nth-of-type(3) {
  top:25px;
}

.openbtn span:nth-of-type(3)::after {
  content:"menu";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:5px;
  left:5px;
  color: #fff;
  font-size: 0.6rem;
}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

.openbtn.active span:nth-of-type(1) {
    top: 8px;
    left: 7px;
    transform: translateY(6px) rotate(-45deg);
    width: 35px;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 20px;
    left: 7px;
    transform: translateY(-6px) rotate(45deg);
    width: 35px;
}

.openbtn.active span:nth-of-type(3)::after {
  content:"close";/*3つ目の要素のafterにClose表示を指定*/
    transform:translateY(0px) rotate(-45deg);
  top:9px;
  left:20px;
}
.menubar_bottom {
	display: none;
}

@media screen and (min-width: 201px) and (max-width: 768px){
	.menubarContainer {
	    display: contents;
	    height: 50px;
	    right: auto;
	    width: 100%;
	}
	.menubarContainer .menubar {
    flex-direction: row;
    height: 50px;
    padding: 0 20px;
    width: 100vw;
		position: fixed;
		top: 0;
		z-index: 1;
	}
	.menubarContainer .menubar .menubar_top {
    align-items: center;
    flex-direction: row-reverse;
    justify-content: end;
    margin-right: 0;
    padding: unset;
	}
	.menubarContainer .menubar .menubar_top .menubar_hamburger {
    margin-left: 40px;
    padding-bottom: unset;
    padding-top: unset;
	}
	.menubarContainer .menubar .menubar_top .menubar_cart {
    padding: unset;
	}
	.menubarContainer .menubar .menubar_top .menubar_login,
	.menubarContainer .menubar .menubar_top .menubar_order_history,
	.menubarContainer .menubar .menubar_top span.menu_side_bar_text,
	.menubarContainer .menubar .menubar_bottom {
    display: none;
	}
	.menubarContainer .menubar_submenu {
    background-color: hsla(0,0%,100%,.9);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    justify-content: space-between;
    opacity: 1;
    padding: 28px 38px 33px;
    right: 0;
    top: 50px;
    width: 270px;
    position: fixed;
	}
	.menubarContainer .menubar_submenu .menubar_submenu_items {
    width: 100%;
	}
	.menubarContainer .menubar_submenu .menubar_submenu_items .text_button {
    font-size: 14px;
    padding: 16px 0;
	}
	.openbtn {
    height: 40px;
    margin-top: 5px;
	}
	.openbtn span:nth-of-type(3)::after {
		display: none;
	}
	.menubarContainer .menubar_submenu .sp_menu {
    display: block;
	}
	.menubarContainer .menubar_submenu .menubar_submenu_items hr{
		width: 100%;
	}
	.menubarContainer .menubar_submenu .menubar_submenu_items hr.hr_sp {
    display: block;
	}
	.menubar_bottom {	
		position: relative;	
		top: 80%;	
		bottom: 0;	
		display: block;	
	}	
	.menubar_item.menubar_email {	
		display: flex;	
		justify-content: space-around;
		gap: 25px;
	}	
	.menubarContainer .menubar .menubar_item {	
		gap: 0;	
	}
}
/*メニューバーend*/

/* 　ページネーション start  */

.pagination a {
	display: block;
    width: 32px;
    height: 32px;
	margin: 0 5px;
	color: #562608;
    text-align: center;
    line-height: 32px;
}
.pagination span {
	display: block;
	width: 32px;
    height: 32px;
	text-align: center;
    line-height: 32px;
	color: #fff;
	background-color: #562608!important;
}
/* 　ページネーション end  */

/*　　パンくず  start　　*/
.no_link {
	pointer-events: none;
}
/*　　パンくず  end　　*/

/*  top へ戻る start  */
.page-footer .go-to-top {
	position: fixed;
	right: 95px;
	bottom: 20px;
	left: auto;
	width: 50px;
	height: 80px;
	background-image: url("img/go_to_top.png");
	background-position: center;
	background-repeat: no-repeat;
	animation: go-to-top 2s infinite alternate ease-in-out;
	z-index: 1;
}
@keyframes go-to-top {
	from {
	  transform: translateY(0);
	}
	to {
	  transform: translateY(10px);
	}
  }
  .page-footer .go-to-top a {
	display: block;
	width: 100%;
	height: 100%;
  }
  @media (max-width: 800px) {
	.page-footer .go-to-top {
		right: 20px;
	}
}
/*  top へ戻る end  */
        /*  top カテゴリー stert  */
		.category_block_pc {
			display: none;
		}
		.category_block_sp {
			width: 100%;
			margin-top: 50px;
			padding: 0 20px;
		}
		.category_block_sp .category_block_in {
			display: flex;
			flex-wrap: wrap;
		}
		.category_block_sp .category_block_item {
			position: relative;
			width: 50%;
			border: 1px solid #CBC1BB;
		}
		.category_block_sp .big_category {
			position: relative;
			display: flex!important;
		}
		.category_block_sp .big_category a {
			display: flex!important;
			justify-content: flex-start;
			align-items: center;
			gap: 10px;
		}
		.category_block_sp .category_block_item_img {
			width: 40%;
		}
		.category_block_sp .big_category p {
			width: 54px;
			font-size: 13px;
			text-align: center;
		}
		.category_block_sp .big_category::after {
			position: absolute;
			content: '〉';
			top: 15px;
			right: 0;
			color: #562608;
		 }
		 
		 .category_block_sp .sub_category {
			display: none;
			width: 200%;
		}
		.category_block_sp .category_block_item:nth-of-type(even) .sub_category {
			margin-left: -100%;
		}
		.category_block_sp .sub_category.open {
			display: flex!important;
		}
		.category_block_sp .sub_category li {
			display: inline-block;
			width: 50%;
			height: 100%;
			margin: 0;
			padding: 10px;
			border: 1px solid #CBC1BB;
		}
		@media (min-width: 800px) {
			.category_block_sp {
				display: none;
			}
			.category_block_pc {
				display: block;
				max-width: 1120px;
				margin: 0 auto;
				padding: 50px 20px 0;
			}
			.category_block_pc .category_block_in {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 20px;
			}
			.category_block_pc .big_category {
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				width: clamp( 90px, 10vw, 100px);
				height: clamp( 90px, 10vw, 100px);
				font-size: 12px;
				text-align: center;
				background-color: #FCFBF8;
				border-radius: 50%;
				box-shadow: 0 3px 6px #00000029;
			}
			.category_block_pc .category_block_item_img {
				width: 70%;
			}
			/* .category_block_pc .big_category::before {
				position: absolute;
				content: "";
				bottom: -20px;
				display: none;
				margin: 0 auto;
				border-right: 20px solid transparent;
				border-bottom: 20px solid #FCFBF8;
				border-left: 20px solid transparent; 
				transition: .2s;
			} */
			.category_block_pc .sub_category {
				position: absolute;
				bottom: -100px;
				display: none;
				max-width: 1080px;
				width: 100%; 
				margin-top: 25px;
				padding: 30px 20px;
				font-size: 14px;
				background-color: #FCFBF8;
				transition: .2s;
			}
			.category_block_pc .sub_category:hover {
				display: flex;
				gap: 10px;
			}
			.category_block_pc .sub_category li {
				border-bottom: 1px solid #562608;
			}
			.category_block_pc .category_block_item .big_category:hover::before {
				display: block;
				transition: .2s;
			}
			.category_block_pc .category_block_item:hover::before ~ .sub_category:hover   {
				display: block;
			}
			.category_block_pc .category_block_item:hover + .sub_category {
				position: absolute;
				left: 0;
				display: flex!important;
				gap: 10px;
				transition: .2s;
			}
		}
		@media (min-width: 1024px) and (max-width: 1366px)  {
			.category_block_pc .big_category {
				width: clamp( 6vw, 6.5vw, 100px);
				height: clamp( 6vw, 6.5vw, 100px);
			}
		}
		@media (min-width: 1367px)  {
			.category_block_pc .big_category {
				width: 90px;
				height: 90px;
			}
		}
		/*  top カテゴリー end  */

/*  商品・生産者 詳細  お探しのページはみつかりません start  */
.not_item {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .85);
	z-index: 100;
}
.not_item_in {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 59%;
	margin: auto;
	padding: 40px 20px;
	text-align: center;
	background-color: #F9F7F4;
}
.not_item_img {
	margin-bottom: 35px;;
}
.not_item_in p:first-of-type {
	font-family: 'noto-sans-JP', sans-serif;
	margin-bottom: 35px;
	font-size: 18px;
	color: #562608;
	font-weight: bold;
	letter-spacing: 1.8px;
}
.not_item_in p {
	font-family: 'noto-sans-JP', sans-serif;
	margin-bottom: 75px;
	font-size: 14px;
	color: #562608;
	line-height: 2;
	letter-spacing: 1.4px;
}
.not_item_in .go_to_top {
	min-width: 200px;
	max-width: 260px;
	height: 45px;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1.6px;
	color: #fff;
	background-color: #562608;
}
.not_item_in .go_to_top a {
	display: block;
	height: 100%;
	line-height: 45px;
}
@media (max-width: 599px ) {
	.not_item_in {
		width: 90%;
	}
	.not_item_in p {
		text-align: left;
	}
}
/*  商品・生産者 詳細  お探しのページはみつかりません end  */

/*  top kv下　バナー  */
.banner_area {
    max-width: 1100px;
    margin: 50px auto;
} 
li.banner figure {
	margin: 0 10px;
}
.slick-dotted.slick-slider {
	padding-left: 0;
}
@media (max-width: 768px) {
	.banner_area .slick-dots {
		bottom: -35px!important;
	}
}
/*  top kv下　バナー end  */

/*  top kv  */
.mobile_kv {
	display: none;
}
.pc_kv {
	aspect-ratio: 115 / 44;
}
.ms-nav-next, .ms-nav-prev {
	display: none;
}
@media (max-width: 600px) {
	.mobile_kv {
		display: block;
		padding-top: 100px;
	}	
	.pc_kv {
		display: none;
	}
}
/*  top kv  */

.page-section.top_tokusyu {
	margin-top: 100px;
}
@media (max-width: 599px) {
	.page-section.top_tokusyu {
		margin-top: 60px;
	}
}