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

@media screen and (min-width:768px) {
	.sp_br {
		display: none;
		}
}

.pc {
	display: block;
}
.sp {
	display: none;
}

/* 共通 */
.mt-40 {
	margin-top: -40px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}
.bold {
	font-weight: bold !important;
}
.mc {
	margin-top: -60px !important;
	padding-top: 60px !important;
}
.mc150 {
	margin-top: -150px !important;
	padding-top: 150px !important;
}
.caution {
	color: #FF0000;
}
.blank {
	background-image: url(../img/common/ico_blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 18px 0 0;
	text-decoration: underline;
}
.pageTop {
	width: 100%;
	margin: 0 auto;
}
.pageTop a {
	background-color: #000000;
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../img/common/ico_arrow_up.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.headerMain {
	padding: /*60px 0 30px 0*/ 0 0 30px 0;
	margin-top: 116px;
	position: relative;
	height: /*260px*/auto;
	/*overflow: hidden;*/
	box-sizing: border-box;
	overflow: hidden;
}
.headerMain img {
	/*width: 100%;
	max-width: 100%;
	min-width: 1000px;
	min-height: 200px;*/
	width: auto;
	height: 100%;
	position: relative;
	left: 50%;
	margin-left: -950px;
}
.headerMain h1 {
	color: #ffffff;
	font-size: 160%;
	position: absolute;
	top: 42%;
	left: 50%;
	width: 680px;
	margin: 0 0 0 -340px;
	box-sizing: border-box;
	letter-spacing: 2px;
}
.boxIndex {
	padding: 40px 0 0 50px;
}
.boxIndex section {
	float: left;
	width: 280px;
	margin: 0 32px 70px 0;
}
.boxIndex section:nth-child(3n) {
	margin: 0 0 70px 0;
}
.boxIndex section:nth-child(3n+1) {
	clear: both;
}
.boxIndex section h2 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 20px 0 0 0;
	font-size: 110%;
}
.boxIndex section img {
	max-width: 100%;
	height: auto;
	-moz-box-shadow: 3px 4px 4px #bbbbbb;
	-webkit-box-shadow: 3px 4px 4px #bbbbbb;
	box-shadow: 3px 4px 4px #bbbbbb;
}
.boxSection {
	margin: 0 0 80px 0;
}
.boxSection p {
	line-height: 210%;
	margin: 0 0 30px 0;
	font-size: 100%;
	text-align: justify;
	/*font-feature-settings: "palt";*/
	/*letter-spacing: 0.05em;*/
}
.boxSection .text {
	float: left;
	width: 415px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.boxSection figure {
	float: right;
	width: 450px;
	text-align: center;
}
.localNavi {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}
.localNavi em {
	display: none;
}
.localNavi ul {
	text-align: center;
}
.localNavi ul li {
	display: inline-block;
	margin: 0 5px 0 5px;
}
.localNavi ul li a {
	display: block;
	padding: 10px;
}
.localNavi ul li a.active {
  border-width: 1px;
  border-style: solid;
  border-color: #1A1A1A;
}
.table01 {
  width: 100%;
  line-height: 180%;
  margin: 0 0 20px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dfdfd0;
  font-size: 90%;
}
.table01 p {
  text-align: justify;
}
.table01 th {
  padding: 18px 12px 18px 12px;
  background-color: #eeeeee;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
  width: 125px;
}
.table01 td {
  padding: 18px 12px 18px 12px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
}
.table01 td a {
  text-decoration: underline;
}
.table02 {
  width: 100%;
  line-height: 180%;
  margin: 0 0 20px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dfdfd0;
  font-size: 100%;
}
.table02 th {
  padding: 15px 0 15px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
}
.table02 th span {
  display: block;
  text-align: center;
  width: 170px;
  padding: 25px 0 25px 0;
  background-color: #eeeeee;
  font-size: 85%;
}
.table02 td {
  padding: 15px 0 15px 20px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
  vertical-align: middle;
}
.store .table02 td {
  padding: 15px 10px 15px 0;
}
.table03 {
  width: 100%;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 20px 0;
  line-height: 150%;
}
.table03 th {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #eeeeee;
  padding: 15px 10px;
  font-weight: bold;
}
.table03 td {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  padding: 15px 10px;
}
/* --- .original オリジナル七味 で使用 --- */
.table04 {
  width: 100%;
  line-height: 180%;
  margin: 0 0 20px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dfdfd0;
  font-size: 90%;
}
.table04 th {
  padding: 15px 0 15px 15px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
}
.table04 td {
  padding: 15px 15px 15px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfd0;
  vertical-align: middle;
  text-align: right;
}
.list01 {
  line-height: 210%;
  font-size: 90%;
}
.list01 li {
  list-style-type: decimal;
  margin: 0 0 0 1.2em;
}
.list02 {
  line-height: 180%;
}
.list02 li {
  list-style-type: disc;
  margin: 0 0 0 1.2em;
  color: #FF4037;
}
.list02 li span {
  color: #0C0A06;
}
.boxContentsWrapper {
  width: 650px;
  margin: 0 auto;
  padding: 150px 0 0 0;
}
a.btnCommon {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
}
a.btnCommon:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}

/* ダウンロードボタン（履歴書） */
p.download {
	margin:0;
	padding: 15px 0 0 0;
}
p.download a {
	display: block;
	width: 300px;
	padding: 10px 0;
	border: 3px solid #ea5532;
	border-radius: 3px;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
}

/* =======================================

	トップページ

========================================== */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ffffff;
  z-index: 10000000000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  color: #000000;
  z-index: 100000000000;
}
#loader p {
    font-size: 80%;
    margin: 30px 0 0 0;
}





/* お知らせ */

.boxNewsWrapper {
  width: 780px;
  margin: 30px auto 60px auto;
}
.boxNews01 {
  margin: 0 0 40px 0;
}
.boxNews01 div {
  float: left;
  /*width: 240px;*/
  width: 270px;
  line-height: 120%;
  font-size: 90%;
}
.boxNews01 div:last-child {
  float: right;
  width: 284px;
}
.boxNews01 div em {
  text-align: center;
  margin: 0 0 15px 0;
  display: block;
}
.boxNews01 div ul {
  text-align: center;
  padding: 15px 0 0 0;
}
.boxNews01 div ul li {
  display: inline-block;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #3f3f3f;
  margin-bottom: 6px;
  padding: 0 15px 0 15px;
}
.boxNews01 div ul li:firt-child {
  padding: 0 15px 0 0;
}
.boxNews01 div ul li:last-child {
  border-width: 0;
  padding: 0 0 0 15px;
}
.boxNews01 div ul li a {
  color: #333333;
  text-decoration: none;
}
.boxNews01 div ul li.noActive a {
  color: #ACAC9D;
}
.boxNews01 div ul li.active a span {
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #000000;
}
.boxNews01 div ul li a:hover {
  text-decoration: underline;
}
.boxNews01 div form {
  position: relative;
  background-image: url(../img/news/bg_pulldown.jpg);
  background-repeat: no-repeat;
  width: 284px;
  height: 40px;
  margin: 0 auto 0 auto;
  display: inline-block;
  overflow: hidden;
  display: block;
}
.boxNews01 div form select {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  top: 9px;
  display: block;
  width: 110%;
  background-color: transparent;
  border-width: 0;
  color: #868686;
  padding: 0 0 0 60px;
}
.boxNewsList h2 {
  margin: 0 0 25px 0;
  font-size: 140%;
  font-weight: bold;
}
.boxNewsList section {
  line-height: 150%;
  margin: 0 0 20px 0;
  padding: 12px 0 50px 0;
  font-size: 90%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
}
.boxNewsList section header {
  margin: 0 0 10px 0;
}
.boxNewsList section header time{
  padding: 0 0 0 50px;
}
.boxNewsList section header a span,
.boxNews dl dt a span {
  border-width: 1px;
  border-style: solid;
  border-color: #010101;
  display: inline-block;
  /*margin: 0 10px;*/
  margin: 0 0 0 8px;
  padding: 2px 8px;
  font-size: 90%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.boxNews dl dt a span {
	display: inline;
}
.boxNewsList section header a:hover span,
.boxNews dl dt a:hover span {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
.boxNewsList section p {
  line-height: 180%;
	padding-left: 150px;
	font-size: 15px;
}

.boxNewsList figure{
	width: auto;
	float: left;
	clear: both;
	position: relative;
	top: -15px;
}

.boxNewsList figure img{
	width: 100px!important;
}

.pagenate {
  text-align: center;
  padding: 10px 0 30px 0;
  font-size: 90%;
}
.pagenate .prev, .pagenate .link_before {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #1A1A1A;
  display: inline-block;
  margin: 0 7px 0 0;
  padding: 0 15px 0 0;
}
.pagenate .next, .pagenate .link_next {
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #1A1A1A;
  display: inline-block;
  margin: 0 0 0 7px;
  padding: 0 0 0 15px;
}
.pagenate span.current, .pagenate span.current_page {
  width: 30px;
  height: 30px;
  background-color: #1A1A1A;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 7px 0 7px;
  padding: 10px 0 0 0;
}
.pagenate a.number, .pagenate a.link_page {
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 7px 0 7px;
  padding: 10px 0 0 0;
  text-decoration: underline;
}
.boxNewsEntry {
  padding: 0 0 40px 0;
}
.boxNewsEntry h2 {
  margin: 0 0 25px 0;
  font-size: 140%;
  font-weight: bold;
}
.boxNewsEntry section {
  line-height: 180%;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  /*font-size: 90%;*/
}
.boxNewsEntry section header {
  margin: 0 0 40px 0;
}
.boxNewsEntry section header span {
  border-width: 1px;
  border-style: solid;
  border-color: #010101;
  display: inline-block;
  margin: 0 10px;
  padding: 2px 10px;
  font-size: 90%;
}
.boxNewsEntry section p {
  line-height: 180%;
  margin: 0;
}
.boxNewsEntry section img {
  padding: 15px 0;
  max-width: 100%;
  height: auto;
}
.boxNewsEntry p.navi {
  background-color: #eeeeee;
  margin: 20px 0 0 0;
  padding: 8px 0 8px 0;
  text-align: center;
  font-size: 90%;
}
.boxNewsEntry p.navi a {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #1A1A1A;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}
.boxNewsEntry p.navi a:last-child {
  border-width: 0;
  margin: 0;
  padding: 0;
}
/* - お知らせ・動画 - */
.boxNewsEntry iframe {
  width: 100%;
  height: 365px;
}

/* --- お知らせ内お知らせ --- */
.boxNews .info a {
	display:block;
	width:80%;
	margin:0 auto 15px auto;
	line-height:2.5;
	background-color:#ffffff;
	text-align:center;
}
.boxNews .info a:hover {
	text-decoration: none;
}


/* ------------------------- 
		商品のご案内 
------------------------- */
.products .pageTop {
  margin: 40px 0 0 0;
}
.boxProductsIndex01 {
	padding: 80px 0 0;
	text-align: center;
}
.boxProductsIndex01 .logo {
	padding-bottom: 20px;
	width: 250px;
}
.boxProductsIndex01 p,
.boxProductsIndex03 p,
.boxProductsIndex04 p {
	font-size: 92%;
	line-height: 210%;
}
.boxProductsIndex02 {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 0 0;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.boxProductsIndex02 section {
	width: 150px;
	margin-right: 11px;
}
.boxProductsIndex02 section:nth-child(3n) {
	margin-right: 11px;
}
.boxProductsIndex02 section:nth-child(3n+1) {
	clear: none;
}
.boxProductsIndex02 section:nth-child(5n) {
	margin-right: 0;
}
.boxProductsIndex02 section:nth-child(5n+1) {
	clear: both;
}
.boxProductsIndex02 img {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*.products_contents{
	width: 100%;
}*/

@media(max-width:1000px){
	@media(min-width: 768px){
		.boxProductsIndex02 {
			max-width: 70%;
			margin: 0 auto;
			padding: 40px 0 0;
			display: flex;
			flex-wrap: wrap;
			align-content: center;
		}
		.boxProductsIndex02 section {
			width: 150px;
			margin-right: 5px;
			margin-left: 6px;
			clear: none!important;

			
		}
		}
	}

.boxProductsIndex03,
.boxProductsIndex04 {
	margin-bottom: 60px;
	margin-top: 40px;
	text-align: center;
}
.boxProductsIndex03 .logo,
.boxProductsIndex04 .logo {
	margin-bottom: 20px;
	width: 250px;
}

.boxProductsIndex03 a.detail,
.boxProductsIndex04 a.detail {
  border-width: 1px;
  border-style: solid;
  border-color: #0a0806;
  text-align: center;
  display: block;
  width: 160px;
  margin: 20px auto 0;
  padding: 5px 0 3px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  line-height: 150%;
}
.boxProductsIndex03 a.detail:hover,
.boxProductsIndex04 a.detail:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}




.boxProducts01 {
	margin-top: 50px;
	padding: 60px 0 40px 0;
	background-color: #ededed;
	background-repeat: no-repeat;
	background-position: center 60px;
}
.products01 .boxProducts01 {
  background-image: url(../img/products/bg_01.jpg);
}
.products02 .boxProducts01 {
  background-image: url(../img/products/bg_02.jpg);
}
.products03 .boxProducts01 {
  background-image: url(../img/products/bg_03.jpg);
}
.products04 .boxProducts01 {
  background-image: url(../img/products/bg_04.jpg);
}
.products05 .boxProducts01 {
  background-image: url(../img/products/bg_05.jpg);
}
.products06 .boxProducts01 {
  background-image: url(../img/products/bg_06.jpg);
}
.products07 .boxProducts01 {
  background-image: url(../img/products/bg_07.jpg);
}
.products08 .boxProducts01 {
  background-image: url(../img/products/bg_08.jpg);
}
.products09 .boxProducts01 {
  background-image: url(../img/products/bg_09.jpg);
}
.products10 .boxProducts01 {
  background-image: url(../img/products/bg_10.jpg);
  /*background-color: #D9EBCC;*/
  /*background-color: #e3eacd;2025年*/
	background-color: #ffe0be;
	background-size: 1000px 560px;
  /*padding-bottom: 50px;*/
}
.products11 .boxProducts01 {
  background-image: url(../img/products/bg_11.jpg);
}
.products12 .boxProducts01 {
  background-image: url(../img/products/bg_12.jpg);
}
.products13 .boxProducts01 {
  background-image: url(../img/products/bg_13.jpg);
}
.products14 .boxProducts01 {
  background-image: url(../img/products/bg_14.jpg);
  background-size: 1000px 560px;
  background-color: #FFF2C2;
  margin: 50px 0 20px 0;
}
.products15 .boxProducts01 {
  background-image: url(../img/products/bg_15.jpg);
  background-size: 1000px 560px;
}
.products16 .boxProducts01 {
  background-image: url(../img/products/bg_16.jpg);
  background-size: 1000px 560px;
}
.products17 .boxProducts01 {
  background-image: url(../img/products/bg_17_01.jpg);
  background-size: 1000px 560px;
}
.products18 .boxProducts01 {
  background-image: url(../img/products/bg_18.jpg);
  /*background-color: #f5f0e0;*/
  margin-bottom: 60px;
  /*border-bottom: 10px solid #67318e;*/
  /*background-size: 1000px 560px;*/
}
.products19 .boxProducts01 {
  background-image: url(../img/products/bg_19.jpg);
  background-size: 1000px 560px;
}
.products20 .boxProducts01 {
  background-image: url(../img/products/bg_20.jpg);
  background-size: 1000px 560px;
}
.products21 .boxProducts01 {
  background-image: url(../img/products/bg_21.jpg);
  background-size: 1000px 560px;
}
.products22 .boxProducts01 {
  background-image: url(../img/products/bg_22.jpg);
  background-size: 1000px 560px;
}
.products23 .boxProducts01 {
  background-image: url(../img/products/bg_23.jpg);
  background-size: 1000px 560px;
}
.products24 .boxProducts01 {
  background-image: url(../img/products/bg_24.jpg);
  background-size: 1000px 560px;
}
.products26 .boxProducts01 {
  background-image: url(../img/products/bg_26.jpg);
  background-size: 1000px 560px;
}
.products27 .boxProducts01 {
  background-image: url(../img/products/bg_27.jpg);
  background-size: 1000px 560px;
}
.boxProducts01 h1 {
	width: 90%;
  max-width: 1000px;
  margin: 0 auto 210px auto;
  padding: 190px 0 0 0;
  line-height: 130%;
  font-size: 180%;
}
.products10 .boxProducts01 h1 {
	width: 90%;
  max-width: 1000px;
  margin: 0 auto 210px auto;
  padding: 190px 0 0 0;
  line-height: 130%;
  font-size: 250%;
		font-feature-settings: "palt";
 /* color: #eae5da;*/
}
.products13 .boxProducts01 h1 {
    margin: 0 auto 170px auto;
    padding: 230px 0 0 0 !important;
}
.boxProducts01 h1 div {
  width: 430px;
  text-align: center;
  display: inline-block;
}
.products10 .boxProducts01 h1 div {
  width: 300px;
  text-align: center;
  display: inline-block;
}
.boxProducts01 h1 span {
 	display: block;
  font-size: 50%;
}
.boxProducts01 h1 span.rubi {
  display: block;
  font-size: 30%;
  line-height: 1em;
}
.boxProducts02 {
  text-align: center;
  margin: 0 0 35px 0;
}
.products17 .boxProducts02 {
    margin: 450px 0 0 0;
}
.boxProducts02 h2 {
  line-height: 160%;
  font-size: 150%;
  margin: 0 0 15px 0;
}
.products10 .boxProducts02 h2 {
  line-height: 160%;
  font-size: 150%;
  margin: 0 0 15px 0;
  /*color: #eae5da;*/
}
.boxProducts02 p {
  line-height: 210%;
  font-size: 95%;
}
.products10 .boxProducts02 p {
  padding: 40px 0 0 0;
  line-height: 190%;
  font-size: 110%;
  /*color: #eae5da;*/
}
.boxProducts03 {
  margin: 0 0 25px 0;
  text-align: center;
}
.boxProducts03 h3 {
  line-height: 160%;
  margin: 0 0 15px 0;
}
.boxProducts03 ul {
  text-align: center;
  margin: 0 0 30px 0;
}
.boxProducts03 ul li {
  display: inline-block;
  font-size: 85%;
  padding: 60px 0 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
  background-position: center 0;
  width: 75px;
  text-align: center;
}
.boxProducts03 ul li.spice01 {
  background-image: url(../img/common/pic_togarashi.png);
}
.boxProducts03 ul li.spice02 {
  background-image: url(../img/common/pic_chinpi.png);
}
.boxProducts03 ul li.spice03 {
  background-image: url(../img/common/pic_kurogoma.png);
}
.boxProducts03 ul li.spice04 {
  background-image: url(../img/common/pic_otane.png);
}
.boxProducts03 ul li.spice05 {
  background-image: url(../img/common/pic_shiso.png);
}
.boxProducts03 ul li.spice06 {
  background-image: url(../img/common/pic_sansho.png);
}
.boxProducts03 ul li.spice07 {
  background-image: url(../img/common/pic_shoga.png);
}
.boxProducts03 ul li.spice08 {
  background-image: url(../img/common/pic_yuzu.png);
}
.boxProducts03 ul li.spice09 {
  background-image: url(../img/common/pic_shirogoma.png);
}
.boxProducts03 ul li.spice10 {
  background-image: url(../img/common/pic_aonori.png);
}
.boxProducts03 ul li.spice11 {
  background-image: url(../img/common/pic_kumin.png);
}
.boxProducts03 ul li.spice12 {
  background-image: url(../img/common/pic_coriander.png);
}
/*.boxProducts03 ul li.spice13 {
  background-image: url(../img/products/bg_spice_13.png);
}*/
/*.boxProducts03 ul li.spice14 {
  background-image: url(../img/products/bg_spice_14.png);
}*/
.boxProducts03 ul li.spice15 {
  background-image: url(../img/common/pic_blackpepper.png);
}
/* ホワイトペッパー */
.boxProducts03 ul li.spice16 {
  background-image: url(../img/common/pic_garic.png);
}
.boxProducts03 ul li.spice17 {
  background-image: url(../img/common/pic_onion.png);
}
.boxProducts03 ul li.spice18 {
  background-image: url(../img/common/pic_kasho.png);
}
.boxProducts04 {
  text-align: center;
}
.boxProducts04 li {
  display: inline-block;
  margin: 0 8px 0 8px;
  font-size: 90%;
}
.boxProducts04 li a {
  background-image: url(../img/common/sp/ico_arrow_black.png);
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 0 0 0 12px;
}
.products18 .boxProducts04 {
	line-height: 120%;
}
.boxProducts05 {
  padding: 60px 0 0 0;
}
.products10 .boxProducts05 {
  padding: 0;
}
.boxProducts05 h2 {
  line-height: 160%;
  font-size: 140%;
  text-align: center;
  margin: 0 0 35px 0;
}
.boxProducts05 ul {
  width: 800px;
  margin: 0 auto;
}
/* 5つ */
.products06 .boxProducts05 ul,
.products11 .boxProducts05 ul {
  width: 1000px;
  margin: 0 auto;
}
/* 3つ */
.products07 .boxProducts05 ul {
  width: 600px;
  margin: 0 auto;
}
/* 1つ */
.products18 .boxProducts05 ul,
.products27 .boxProducts05 ul {
  width: 200px;
  margin: 0 auto;
}
/* イヤーモデル */
.products10 .boxProducts05 ul {
  width: 300px;
  margin: 0 auto;
}
.boxProducts05 ul li {
  float: left;
  width: 200px;
  margin: 0 0 50px 0;
  font-size: 90%;
  text-align: center;
  line-height: 130%;
}
.products10 .boxProducts05 ul li {
  width: 100%;
  margin: 0 0 50px 0;
  font-size: 90%;
  text-align: center;
  line-height: 130%;
}
.boxProducts05 ul li.mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.boxProducts05 ul li.ml70 {
  margin-left: 70px;
}
.boxProducts05 ul li.ml100 {
  margin-left: 100px;
}
.boxProducts05 ul li.ml200 {
  margin-left: 200px;
}
.boxProducts05 ul li.ml300 {
  margin-left: 300px;
}
.boxProducts05 ul li.ml400 {
  margin-left: 400px;
}
.boxProducts05 ul li.clr {
  clear: both;
}
.boxProducts05 ul li a {
  display: table-cell;
  vertical-align: bottom;
  width: 200px;
  line-height: 130%;
}
.boxProducts05 ul li span {
  display: block;
  margin: 0 0 10px 0;
}
.boxProducts05 ul li a span img {
  max-width: 150px;
  min-height: 30px;
  height: auto;
}
	.products10 .boxProducts05 ul li a span img {
	  max-width: 300px;
	  min-height: 30px;
	  height: auto;
	}
.boxProducts06 {
  padding: 60px 0 40px 0;
}
.boxProducts06 h2 {
  line-height: 160%;
  font-size: 140%;
  text-align: center;
  margin: 0 0 35px 0;
}


/* --------------------------------- 
	products10 イヤーモデルページ用
------------------------------------ */
.products10 {
	background-color: #f5f5f5;
	font-feature-settings: "pkna";
	letter-spacing: 0.05em;
}
.products10 .boxProducts07 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	clear: both;
}

.products10 .boxProducts07.what h3,
.products10 .boxProducts07.summary h3,
.products10 .boxProducts07.message h3 {
	position: relative;
	margin: 0 0 60px 0;
	padding-bottom: 0.5em;
	font-size: 26px;
	font-family: serif;
	text-align: center;
	color: #ec501f;
}
.products10 .boxProducts07.what h3:before,
.products10 .boxProducts07.summary h3:before,
.products10 .boxProducts07.message h3:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #ec501f;
}


/* 冒頭挨拶（イントロダクション）：introduction */
.products10 .boxProducts07.introduction {
	width: 640px;
	margin: 100px auto;
}
.products10 .boxProducts07.introduction:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}
.products10 .boxProducts07.introduction p {
	/*padding: 0 0 20px;*/
	font-size: 16px;
	line-height: 2;
	text-align: justify;
}

/* 施設紹介：what */
.products10 .boxProducts07.what {
	width: 800px;
	margin: 0 auto 80px;
}
.products10 .boxProducts07.what .cardContainer {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.products10 .boxProducts07.what .card {
	width: 380px;
	margin: 0 0 80px;
	background-color: #ffffff;
}
.products10 .boxProducts07.what .card h4 {
	padding: 1.5em 0 1em;
	font-weight: 600;
	font-size: 20px;
	font-family: serif;
	text-align: center;
}
.products10 .boxProducts07.what p {
	width: 85%;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: justify;/*両端揃え*/
	line-height: 175%;
}
.products10 .boxProducts07.what img {
	width: 100%;
}
.products10 .boxProducts07.what a {
	display: block;
	width: 100%;
	margin-top: auto;/*下に揃える*/
	padding: 10px 0;
	text-align: center;
	border: 1px solid #27acd9;
	border-radius: 5px;
	color: #27acd9;
}
/* 商品概要summary */
.products10 .boxProducts07.summary {
 	width: 800px;
	margin-bottom: 30px;
}
.products10 .boxProducts07.summary:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}
.products10 .boxProducts07.summary figure {
  float: left;
  width: 300px;
}
.products10 .boxProducts07.summary figure img {
  width: 100%;
}
.products10 .boxProducts07.summary table {
	float: right;
	width: 450px;
	margin: 20px 0 0 0;
}
.products10 .boxProducts07.summary table th {
	width: 20%;
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
	/*background-color: #E8E3D8;*/
}
.products10 .boxProducts07.summary table td {
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #ededed;
}

/* 唐辛子のブレンド togarashi */
.products10 .boxProducts07.togarashi {
 	width: 650px!important;
	margin: 50px auto;
}
.products10 .boxProducts07.togarashi figure {
	display: flex;
	margin: 40px auto 50px;
	gap: 20px;
}
.products10 .boxProducts07.togarashi figure img {
	width: 250px;
}
.products10 .boxProducts07.togarashi figcaption {
	flex-grow: 1;
}
.products10 .boxProducts07.togarashi h3 {
	padding: 0 0 15px;
	font-size: 120%;
	font-weight: 600;
}
.products10 .boxProducts07.togarashi h4 {
	font-weight: 600;
	padding: 0 0 15px;
}
.products10 .boxProducts07.togarashi p {
	line-height: 1.5;
	text-align: justify;
}
.products10 .boxProducts07.togarashi:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}

/* 150周年メッセージ message */
.products10 .boxProducts07.message {
 	width: 650px!important;
	margin: 100px auto 50px;
}
.products10 .boxProducts07.message img {
 	width: 100%;
	margin-bottom: 20px;
}
.products10 .boxProducts07.message p {
 	margin: 0  0 20px;
	padding: 1.5em;
	border: 1px solid #cccccc;
	border-radius: 5px;
	line-height: 1.7;
	text-align: justify;
}
.products10 .boxProducts07.message p span {
 	display: block;
	padding: 0.3em 1em 0 0;
	text-align: right;
	font-family: serif;
}

/* 100周年PV */
/*.products10 .boxCompanyCM {
	width: 800px;
	margin: 100px auto 0;
}
.products10 .boxCompanyCM iframe.youtube-16-9 {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}*/


/* 販売店一覧 */
/*.products10 .boxProducts07.yearmodel_list section {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 100px;
	padding: 40px 0 20px;
	background-color: #ddf0ee;
}
.products10 .boxProducts07.yearmodel_list h2 {
	position: relative;
	margin: 0 0 60px;
	padding-bottom: 0.5em;
	font-size: 26px;
	text-align: center;
	color: #13ae67;
}
.products10 .boxProducts07.yearmodel_list h2:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #13ae67;
}
.products10 .boxProducts07.yearmodel_list p {
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 140%;
}*/
/* リスト */
/*.products10 .boxProducts07.yearmodel_list table {
	width: 90%;
	margin: 0 auto;
}
.products10 .boxProducts07.yearmodel_list table th, 
.products10 .boxProducts07.yearmodel_list table td {
	padding: 20px 10px;
	line-height: 150%;
	vertical-align: middle;
	border-top: 1px solid #b2d6d2;
}
.products10 .boxProducts07.yearmodel_list table th {
	width: 50%;
}
.products10 .boxProducts07.yearmodel_list table td.subtitle {
	padding: 10px;
	line-height: 130%;
	border-top: none;
	background-color: #b2d6d2;
}*/

/* イヤーモデル缶とは？（サムネイル） */
.whatyearmodel {
	/*width: 100%;*/
	margin: 100px 0 0;
	background-color: #E8E3D8;
}
.whatyearmodel div {
	width: 800px;
	margin: 0 auto;
	padding: 50px 0; 
}
.whatyearmodel h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 22px;
}
.whatyearmodel h3 {
	margin: 60px 0 30px 0;
	text-align: center;
	font-size: 20px;
}
.whatyearmodel p {
	width: 600px;
	margin: 0 auto;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
.whatyearmodel ul {
	font-size:0;
}
.whatyearmodel ul li {
  display: inline-block;
  width: 110px;
  margin: 0 27px 15px 0;
  text-align: center;
  vertical-align: top;
}
.whatyearmodel ul li:nth-child(6n) {
  margin: 0;
}
.whatyearmodel ul li img {
  width: 100%;
  height: auto;
}
.whatyearmodel ul li span {
  display: block;
  margin: 5px 0 0 0;
  line-height: 1.3;
  font-size: 11px;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

/* --- 追記ページ yearmodel_more --- */
.boxProducts07.yearmodel_more {
	width: 700px;
	margin: 200px auto 0;
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	font-feature-settings: normal;
}
.yearmodel_more img {
	width: 100%;
	margin: 0 0 30px;
}
.products10 .boxProducts07.yearmodel_more h3 {
	position: relative;
	margin: 100px 0 60px;
	padding-bottom: 0.5em;
	font-size: 26px;
	text-align: center;
	color: #333;
}
.products10 .boxProducts07.yearmodel_more h3:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #333;
}
.yearmodel_more h4 {
	margin: 0 0 30px;
	padding: 0 0 10px;
	/*color: #27acd9;*/
	font-weight: bold;
	/*font-size: 18px;*/
	border-bottom: 2px solid #333;
}
/*.yearmodel_more p {
	margin: 0 0 2em;
}*/
.yearmodel_more .interviewer {
	/*position: relative;
	display: table-cell;
	padding-left: 20px;*/
	margin: 0 0 1em;
	line-height: 1.3;
	font-weight: bold;
	color: #27acd9;
}
.yearmodel_more .interviewee {
	/*position: relative;
	display: table-cell;
	padding-left: 20px;*/
	margin: 0 0 3em;
}
/*.yearmodel_more .interviewer:before {
	position: absolute;
	content: '';
	top: calc(50% - 2px);
	width: 15px;
	left: 0;
	height: 2px;
	border-top: solid 2px #27acd9;
}*/
.yearmodel_more .notes {
	display: block;
	margin: 10px 0 0;
	padding: 1em 1.5em;
	font-size: 14px;
	line-height: 1.4em;
	background-color: #E7E7E7;
}
/* インタビューページ・リンク */
.yearmodel_linkButton {
	margin: 0 0 60px;
	/*background-color: #27acd9;*/
}
.yearmodel_linkButton:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}
.yearmodel_linkButton a {
	display: block;
	width: 48%;
	padding: 0.5em 0;
	text-align: center;
	border: 1px solid #27acd9;
}
.yearmodel_linkButton a:first-child {
	float: left;
}
.yearmodel_linkButton a:last-child {
	float: right;
}


/*2023年イヤーモデル缶ヘッダー*/
/*.products10 .fix_bag{
	width: auto;
    text-align: right;
    position: absolute;
    top: 140px;
    right: -35px;
}

.products10 .fix_bag img{
	width: 16vw;
	max-width: 175px;
		
	animation: r1-ym2023 10s linear infinite alternate;
	transform-origin: bottom right;
}
@keyframes r1-ym2023 {
	0%		{ transform: rotate(0deg); }
	20%		{ transform: rotate(0deg)}
	22%		{ transform: rotate(-2deg); }
	25%		{ transform: rotate(3deg); }
	28%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}

.products10 .fix_bag img:hover{
	width: 16vw;
	max-width: 175px;
		
	animation: r3-ym2023 1s linear alternate;
	transform-origin: bottom right;
}

@keyframes r3-ym2023 {
	0%		{ transform: rotate(0deg)}
	20%		{ transform: rotate(-2deg); }
	50%		{ transform: rotate(3deg); }
	70%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}
@media (max-width: 767px){
	.products10 .fixshop_sp {
		background: #013f20;
	}
}*/



/*.products10 .boxProducts07.boxBorder {
  border-bottom: 1px solid #979797;
}*/

/*.products10 .boxProducts07 .flL {
	float: left;
	width: 320px;
	margin: 0;
	padding: 10px ;
	font-size: 100%;
	background-color: #ffffff;
}
.products10 .boxProducts07 .flL img {
	width: 100%;
}
.products10 .boxProducts07 .flR {
	float: right;
	width: 450px;
	margin: 0;
	padding: 10px 10px 0 0;
	font-size: 100%;
	background-color: #ffffff;
	overflow: hidden;
}*/

/* 各施設の説明 */
/*.products10 .boxProducts07.info {
	display: flex;
    justify-content: space-between;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    margin-bottom: 5vh;
}
.products10 .boxProducts07.info .inner {
	
}
.products10 .boxProducts07.info .box {
	width: 47%;
	font-size: 100%;
	background-color: #ffffff;
	border: 2px solid #E8E3D8;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
}
.products10 .boxProducts07.info img {
	width: 100%;
}
.products10 .boxProducts07.info h2 {
	padding: 30px 30px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.products10 .boxProducts07.info p {
	margin: 0;
	padding: 0 30px 30px;
}*/


/* プロフィール */
/*.products10 .boxProducts07.profile {
}
.products10 .boxProducts07 figcaption {
  padding: 5px 0 0 0;
  text-align: right;
  font-size: 90%;
  line-height: 1.5;
  color: #737373;
}
.products10 .boxProducts07.profile h3 {
	margin: 10px 0;
}
.products10 .boxProducts07.profile img {
	width: 800px;
}*/
/*.products10 .boxProducts07.profile p.flL {
	float: left;
	width: 240px;
	margin: 0 40px 20px 0;
	padding: 20px;
	color: #ffffff;
	font-size: 80%;
	background-color: #c5a86f;
}
.products10 .boxProducts07.profile p.flL span {
	font-size: 130%;
	font-weight: bold;
}
.products10 .boxProducts07.profile p.flR {}
*/
/* イヤーモデル絵柄説明用 */
/*.products10 .boxProducts07.egara .inner {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 30px 0 40px 0;
  box-sizing: border-box;
}
.products10 .boxProducts07.egara .inner div {
	overflow: hidden;
}
.products10 .boxProducts07.egara table {
	border-top: 2px solid #E8E3D8;
	background-color: #ffffff;
}
.products10 .boxProducts07.egara table caption {
	padding: 0 0 10px 0;
}
.products10 .boxProducts07.egara table th {
	width: 15%;
	padding: 20px;
	line-height: 1.5;
	border-bottom: 2px solid #FFFDF8;
	background-color: #E8E3D8;
}
.products10 .boxProducts07.egara table td {
	padding: 20px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
}
.products10 .boxProducts07.egara table img {
	width: 600px;
	overflow: hidden;
}*/
/*.products10 .boxProducts07.egara figure {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
  text-align: center;
}
.products10 .boxProducts07.egara figure img {
  width: 100%;
}
.products10 .boxProducts07.egara h3 {
  display: inline-block;
  font-size: 200%;
  font-weight: normal;
  margin: 0;
  padding: 30px 0 20px 0;
}
.products10 .boxProducts07.egara p {
  margin: 0 40px 0 0;
  font-feature-settings: "palt";
}*/
/* 吹き出し */
/*.products10 .boxProducts07.egara .inner:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #c5a86f;
  z-index: 2;
}
.products10 .boxProducts07.egara .inner:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #231815;
  z-index: 1;
}*/



/* 問い合わせ */
.products14 .boxProducts01 h1 div {
	width: 30%;
}
.boxProducts10 {
  width: 700px;
  margin: 60px auto 0;
  padding: 30px 0 20px 0;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #e5412f;
}
.boxProducts10 h2 {
  text-align: center;
  margin: 0 0 30px 0;
  font-size: 120%;
}
.boxProducts10 ul:nth-child(2) {
  margin: 0 0 20px 75px;
}
.boxProducts10 ul:nth-child(2) li {
  float: left;
  margin: 0 50px 0 0;
  padding: 3px 0 0 50px;
  font-size: 170%;
  font-weight: bold;
  background-image: url(../img/products/ico_freedial.jpg);
  background-repeat: no-repeat;
}
.boxProducts10 ul:nth-child(2) li:last-child {
  background-image: url(../img/products/ico_tel.jpg);
  padding: 3px 0 0 40px;
  min-height: 23px;
}
.boxProducts10 ul:nth-child(3) {
  margin: 0 0 0 75px;
}
.boxProducts10 ul:nth-child(3) li {
  list-style-type: disc;
  margin: 0 0 0 1.2em;
  color: #e5402e;
  line-height: 180%;
  /*font-size: 90%;*/
}
.boxProducts10 ul:nth-child(3) li span {
  color: #333333;
}





/* --- products12（詰め合わせ・ギフト） --- */
.products12 .boxProducts07 p {
	margin: 30px 0 0;
	line-height: 1.5;
	border: 1px solid #ccc;
}


/* --- products15（オリジナルグッズ）、products16（調味料） --- */
.boxProducts11 {
  width: 800px;
  margin: 60px auto 60px auto;
  line-height: 160%;
}
.boxProducts11 h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 150%;
}
.boxProducts11 section {
  padding: 0 0 30px 0;
}
.boxProducts11 h3 {
  text-align: center;
  margin: 40px 0 20px 0;
  font-size: 130%;
  font-weight: bold;
}
.boxProducts11 .wrapper {
  margin: 50px 0 0 0;
}
.boxProducts11 .inner {
  width: 240px;
  float: left;
  margin: 0 0 60px 0;
  font-size: 100%;
  text-align: justify;
}
.products15 .boxProducts11 .inner {
  width: 380px;
  float: left;
  margin: 0 0 60px 0;
  font-size: 90%;
}
.boxProducts11 .inner02 {
  margin: 0 auto 40px auto;
  float: none;
  width: 720px;
}
.products15 .boxProducts11 .inner:nth-child(2n) {
  float: right;
}
.products15 .boxProducts11 .inner:nth-child(3n+2) {
  margin-left: none;
}
.products15 .boxProducts11 .inner:nth-child(2n+1) {
  clear: both;
}
.products16 .boxProducts11 .inner:nth-child(3n) {
  float: right;
}
.products16 .boxProducts11 .inner:nth-child(3n+2) {
  margin-left: 40px;
}
.products16 .boxProducts11 .inner:nth-child(3n+1) {
  clear: both;
}
.boxProducts11 .inner .figure {
  text-align: center;
  width: 240px;
  height: 180px;
  display: table-cell;
  vertical-align: middle;
}
.products15 .boxProducts11 .inner .figure {
  text-align: center;
  width: 380px;
  height: 180px;
  display: table-cell;
  vertical-align: middle;
}
.boxProducts11 .inner .figure img {
  height: 200px;
  width: auto;
}
.products15 .boxProducts11 .inner .figure img {
  height: auto;
  width: auto;
}
.boxProducts11 .inner02 .figure {
  width: 720px;
}
.boxProducts11 .inner .figure figure {
  display: inline-block;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.2;
  font-feature-settings: "palt";
}
.boxProducts11 .inner02 .figure figure {
  margin: 0 50px 0 50px;
}
.boxProducts11 .inner .figure figure img {
  margin: 0 0 10px 0;
}
.boxProducts11 .inner .text p.caution {
  text-align: center;
  text-align: justify;
  text-justify: inter-ideograph;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5d9;
  background-color: #eeeeee;
  margin: 10px 0 0 0;
  padding: 3px 0 3px 0;
  color: #333333;
  font-size: 90%;
}



/* -------------------------------- 
	products/18.php
	善光寺参り缶ページ
-------------------------------- */
.products18 {
	/*background-color: #f5f5f5;*/
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
/* 商品概要summary */
.products18 .boxProducts07.summary {
 	width: 800px;
	margin: 0 auto 60px;
}
.products18 .boxProducts07.summary:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	line-height: 0;
	overflow: hidden;
}
.products18 .boxProducts07.summary figure {
	float: left;
	width: 345px;
}
.products18 .boxProducts07.summary figure img {
	width: 100%;
}
.products18 .boxProducts07.summary table {
	float: right;
	width: 450px;
	margin: 10px 0 0 0;
}
.products18 .boxProducts07.summary table th {
	width: 20%;
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
	/*background-color: #E8E3D8;*/
}
.products18 .boxProducts07.summary table td {
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #ededed;
}
/* 説話 */
.boxProducts13 {
	width: 640px;
	margin: 0 auto 60px;
}
.boxProducts13 p {
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
/*.boxProducts13 .imgProducts13 {
	width: 290px;
	float: left;
	margin-bottom: 20px;
}*/
/* 取扱店 */
.boxProducts14 {
	width: 640px;
	margin: 0 auto;
}
.boxProducts14 h2 {
	margin: 0 0 35px 0;
	font-size: 200%;
	text-align: center;
}
.boxProducts14 ul {
	margin-bottom: 30px;
}
.boxProducts14 li {
	width: 24%;
	padding: 5px 0;
	text-align: center;
	display: inline-block;
}
.boxProducts14 p {
	text-align: center;
}





/* -------------------------------- 
	products/27.php
	粉花椒ページ
-------------------------------- */
.products27 {
	/*background-color: #f5f5f5;*/
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
/* 商品概要summary */
.products27 .boxProducts07.summary {
 	width: 800px;
	margin: 0 auto 60px;
}
.products27 .boxProducts07.summary:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	line-height: 0;
	overflow: hidden;
}
.products27 .boxProducts07.summary figure {
	float: left;
	width: 345px;
}
.products27 .boxProducts07.summary figure img {
	width: 100%;
}
.products27 .boxProducts07.summary table {
	float: right;
	width: 450px;
	margin: 10px 0 0 0;
}
.products27 .boxProducts07.summary table th {
	width: 20%;
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
	/*background-color: #E8E3D8;*/
}
.products27 .boxProducts07.summary table td {
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #ededed;
}






/* -------------------------------- 
	products/14.php
	アニバーサリー缶ページ
-------------------------------- */

/* デザイン　元.boxProducts15 */
.anniv-design {}
.anniv-design-box {
	width: 90%;
	max-width: 900px;
	margin: 0 auto 30px;
	padding: 30px 45px 30px 50px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
.anniv-design-box .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.anniv-design-box section:first-child {
	width: 39%;
}
.anniv-design-box .anniv-design-img {
	width: 55%;
	display: flex;
	justify-content: space-between;
}
	.anniv-design .anniv-design-img figure {
		width: 32%;
	}
	.anniv-design .anniv-design-img figure img {
		width: 100%;
	}
	.anniv-design .anniv-design-img figcaption {
		padding: 10px 0 0 0;
		text-align: center;
		font-size: 90%;
	}
.anniv-design h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 180%;
}
.anniv-design h3 {
  margin: 0 0 20px 0;
  font-size: 150%;
}
.anniv-design p {
  text-align: justify;
  line-height: 1.6;
}
/* ボタン */
.anniv-design ul {
  display: block;
  padding: 5px 0 0 0;
  box-sizing: border-box;
}
.anniv-design ul li {
  display: block;
  text-align: center;
}
.anniv-design ul li:first-child a {
  display: block;
  width: 100%;
  margin: 12px auto 0 auto;
  padding: 12px 0 12px 0;
  border: 1px solid #e5402e;
  color: #e5402e;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.anniv-design ul li:last-child a {
  display: block;
  width: 100%;
  margin: 12px auto 0 auto;
  padding: 20px 0 20px 0;
  background-color: #e5402e;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.anniv-design ul li:last-child a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* アニバ缶価格表 元.boxProducts08 */
.anniv-price {
	width: 640px;
	margin: 100px auto 80px;
}
.anniv-price h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 180%;
}
.anniv-price table {
  width: 100%;
  line-height: 140%;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  margin: 0 0 10px 0;
  /*font-size: 90%;*/
}
.anniv-price table th {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  text-align: center;
  padding: 15px 10px;
  background-color: #eeeeee;
  vertical-align: middle;
}
.anniv-price table td {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle;
}
/*.anniv-price table tr td:first-child {
  background-color: #eeeeee;
}*/
.anniv-price tr td:first-child {
	background-color: #eeeeee;
}
/*.anniv-price .inner ul {
	background-color: #fff2c2;
}*/

.anniv-price p {
  line-height: 160%;
  /*font-size: 90%;*/
  margin: 0 0 10px 0;
}
.anniv-price p.caption {
  line-height: 160%;
  /*font-size: 90%;*/
  margin: 0 0 10px 0;
}/* 一個あたりの価格〜 */


/* 工場移設　納品日に関するお知らせ */
.anniv-noukinote-wrap {
	/*margin-top: 100px!important;*/
	margin: 0 auto 60px;
	padding: 50px 0;
	color: #006EC7;
	background-color: #d6edfa;
}
.anniv-noukinote-wrap h2 {
	text-align: center;
	margin: 0 0 40px 0;
	font-size: 140%;
}
.anniv-noukinote {
	width: 640px;
	margin: 0 auto;
	text-align: justify;
	font-size: 110%;
	line-height: 1.5;
}
.anniv-noukinote span {
	font-weight: bold;
	text-decoration: underline;
}


/* ご注文の流れ　元.boxProducts09 */
.anniv-howto-wrap {
	margin-top: 100px!important;
	padding: 50px 0;
	background-color: #fff2c2;
}
.anniv-howto-wrap h2 {
	text-align: center;
	margin: 0 0 40px 0;
	font-size: 180%;
}
.anniv-howto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
}
.anniv-howto .box {
	width: 48%;
	margin-bottom: 30px;
	padding: 30px 50px;
	box-sizing: border-box;
	background-color: #ffffff;
}
.anniv-howto img {
	width: 100%;
}
.anniv-howto .box p {
 	text-align: justify;
	font-size: 100%;
	line-height: 1.6;
}
.anniv-howto .blue {
	margin-top: 10px;
	color: #006EC7;
}
.anniv-howto h3 {
	margin: 25px 0 20px;
	text-align: center;
	font-size: 150%;
}
.anniv-howto h4 {
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.anniv-howto .nouki {
	margin-top: 20px;
	padding: 20px;
	/*font-weight: bold;*/
	box-sizing: border-box;
	background-color: #d6edfa;
}
.anniv-howto .nouki_tsuiki {
	margin-top: 10px;
	padding: 20px;
	box-sizing: border-box;
	border: 2px solid #006EC7;
	color: #006EC7;
}
.anniv-howto .nouki_tsuiki span {
	text-decoration:underline;
}
/* アニバ缶ラッピング 元.boxProducts12 */
.anniv-wrapping {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	max-width: 900px;
	margin: 0 auto 30px;
	padding: 15px 50px 45px 40px;
	box-sizing: border-box;
	background-color: #FFFAE8;
}
.anniv-wrapping h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 180%;
}
.anniv-wrapping .anniv-wrapping-right {
	width: 30%;
	text-align: center;
}
.anniv-wrapping .anniv-wrapping-right img {
	width: 100%;
}
.anniv-wrapping .anniv-wrapping-right p {
	padding: 10px 0 0;
	text-align: center;
}
.anniv-wrapping .anniv-wrapping-left {
	width: 65%;
}
.anniv-wrapping .anniv-wrapping-left p {
	padding: 0 0 10px;
	text-align: justify;
	line-height: 1.5;
}
/*.anniv-wrapping {
	display: flex;
	/*justify-content: space-between;*/
/*	align-items: center;
	width: 900px;
	margin: 0 auto 30px;
	padding: 30px 50px 30px 40px;
	box-sizing: border-box;
	background-color: #FFFAE8;
}
.anniv-wrapping h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 180%;
}
.anniv-wrapping figure {
	width: 300px;
	margin: 0 40px 0 0;
}
.anniv-wrapping figure img {
	width: 100%;
}
.anniv-wrapping figcaption {
	padding: 10px 0 0;
	text-align: center;
}
.anniv-wrapping p {
	padding: 0 0 10px;
	text-align: justify;
	line-height: 1.5;
}
/*.boxProducts12 .imgProducts12 {
	float: left;
	width: 300px;
	margin: 10px 0 20px 30px;
}*/
/*.boxProducts12 .imgProducts12 img {
	width: 100%;
}*/
/*.boxProducts12 .inner {
  width: 400px;
  margin: 40px 0 20px 50px;
  float: left;
}*/
/*.boxProducts12 p {
  margin: 0 0 20px 0;
  text-align: justify;
  font-size: 90%;
  line-height: 2;
}
.boxProducts12 .imgProducts12 {
	text-align: center;
	margin: 0 0 20px 0;
}
.boxProducts12 .imgProducts12 img {
	margin-bottom: 10px;
}*/



/* --- products/13.php コスメ　元.boxProducts18 */
/*.boxProducts18 {
	width: 640px;
	margin: 60px auto 40px auto;
}
.boxProducts18 section {
  width: 100%;
}
.boxProducts18 h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 150%;
}
.boxProducts18 p {
  line-height: 200%;
  margin: 0 0 50px 0;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.boxProducts18 .imgProducts18 {
	width: 340px;
	float: left;
	margin-bottom: 10px;
}
.boxProducts18 .imgProducts18 img {
	width: 320px;
	height: auto;
}*/
.cosme-info {
	width: 740px;
	margin: 60px auto 30px auto;
}
.cosme-info h2 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 150%;
}
.cosme-info p {
	line-height: 1.6;
	margin: 0 0 50px 0;
	text-align: justify;
}
.cosme-info .cosme-info-img {
	float: left;
	width: 340px;
	margin: 0 15px 10px 0;
}
.cosme-info .cosme-info-img img {
	width: 100%;
}



.products17 .boxProducts02 h2{
	padding-top: 0!important;
}

.products17 .contact,
.products10 .contact {
	margin-top: 0;
}

.shop17{
	height: 50px;
	padding: 0!important;
}

.shop17 a {
    display: block;
    width: 99%;
    font-size: 90%;
    text-align: center;
    margin: 40px auto 0;
    padding: 5px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.shop17 a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #333333;
}

.boxProducts170201,
.boxProducts170401,
.boxProducts170501 {
	margin: 0;
    line-height: 200%;
    font-size: 90%;
	text-align: justify;
	max-width: 800px;
	display: flex;
    justify-content: space-between;
}
.boxProducts170201 img,
.boxProducts170401 img,
.boxProducts170501 img {
	max-width: 450px;
	height: auto;
}
.boxProducts170201 p,
.boxProducts170401 p,
.boxProducts170401 p {
	max-width: 340px;
	padding-top: 30px;
}


.boxProducts1701 {
    background-image: url(../img/products/bg_17_02.jpg);
    background-repeat: no-repeat;
    background-size: 1000px 570px;
    /*background-color: #fef3dd;*/
    background-color: #f0e3cd;
	background-position: center 0;
    padding: 60px 0 0 0;
}
.boxProducts1701 .products17_contents {
	width: 90vw;
    max-width: 800px;
    margin: 0 auto;
	text-align: justify;
    text-justify: inter-ideograph;
}
.boxProducts1701 .products17_contents header {
    text-align: center;
    line-height: 150%;
    margin: 0 0 50px 0;
}
.boxProducts1701 .products17_contents header h3 {
    font-size: 150%;
    margin: 0 0 20px 0;
    line-height: 120%;
	letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
.boxProducts1701 .products17_contents header p {
    font-feature-settings: "palt";
}
.boxProducts170101 {
    width: 380px;
    margin: 0 0 60px 0;
}
.boxProducts170101 p {
    line-height: 200%;
    font-size: 90%;
}
.boxProducts170101 figure {
    position: relative;
}
.boxProducts170101 figure figcaption {
    font-size: 90%;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 0;
    line-height: 120%;
}
.boxProducts170102 {
   /* margin: 0 auto 65px;*/
	/*padding: 50px 0 70px;*/
    /*max-width: 800px;*/
	/*border-top: 1px solid #A0A0A0;*/
	/*border-bottom: 1px solid #A0A0A0;*/
}
/*.boxProducts170102 header {
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 150%;
}
.boxProducts170102 header h4 {
    font-size: 150%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts170102 header p {
    font-size: 110%;
}*/
.boxProducts170102 iframe {
    max-width: 649px;
    max-height: 365px;
    margin: 0 auto;
    display: block;
	width: 85%;
    height: 40vh;
}
/* カカオの風味をこちらでも */
.boxProducts170103 {
	padding: 80px 0 100px;
	margin: 0 auto;
	max-width: 800px;
}
.boxProducts170103 h4 {
    font-size: 150%;
    margin: 0 0 40px 0;
    text-align: center;
}
.boxProducts170103 figure {
    float: left;
    width: 400px;
    position: relative;
}
.boxProducts170103 figure p {
    position: absolute;
    text-align: center;
    line-height: 150%;
    font-size: 90%;
    background-color: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    top: -30px;
    left: -30px;
    padding: 30px 0 0 0;
    box-sizing: border-box;
}
.boxProducts170103 figure p:last-child {
    top: auto;
    left: auto;
    bottom: -30px;
    right: -30px;
}
.boxProducts170103 .inner {
    float: right;
    width: 365px;
	margin: 40px 0 0;
}
.boxProducts170103 .inner p {
    line-height: 200%;
    font-size: 90%;
    margin: 0 0 20px 0;
}
.boxProducts170105 {
    width: 295px;
    margin: 0 0 50px 0;
    padding: 10px 20px;
    border-top: 1px solid #996633;
    border-bottom: 1px solid #996633;
    line-height: 180%;
    font-size: 90%;
    color: #996633;
}
.boxProducts170105 dt {
    font-weight: bold;
}
.boxProducts170106 {
}
.boxProducts170106 h4 {
    font-size: 150%;
    margin: 0 0 10px 0;
    text-align: center;
}
.boxProducts170106 p {
    text-align: center;
    margin: 0 0 40px 0;
}
.boxProducts170106 .figure {
    float: left;
    width: /*25%*/33%;
    height: 320px;
    margin: 0 0 40px 0;
}
.boxProducts170106 figure {
	position: relative;
    padding: 0 10px;
    line-height: 170%;
    font-size: 80%;
    text-align: center;
    overflow: hidden;
}
.boxProducts170106 figcaption {
    font-weight: bold;
}
.boxProducts170106 figure img {
    margin: 0 0 15px 0;
    width: 100px;
}
.boxProducts170106 figure p {
    text-align: left;
    padding: 10px 8% 0;
}
.boxProducts170106 figure .boxProducts170106-p{
	position: absolute;
    text-align: center;
    line-height: 150%;
    font-size: 120%;
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    top: 0px;
    left: 0px;
    padding: 21px 0 0 0;
    box-sizing: border-box;
}
.boxProducts170107 {
    width: 100%;
    margin: 0 auto 30px;
    padding: 30px 0 80px;
}
.boxProducts170107 figure {
    float: left;
    width: 100%;
    text-align: center;
}
.boxProducts170107 h4 {
    font-size: 120%;
    margin: 0;
    text-align: center;
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
}
.boxProducts170107 figure img {
    width: 250px;
}
.boxProducts170107 figcaption {
    line-height: 120%;
    font-size: 80%;
    font-weight: bold;
}
.boxProducts170107 figure p {
    line-height: 150%;
    font-size: 80%;
}
.boxProducts170108 {
    margin: 0 auto 80px;
}
.boxProducts170108 p a {
    display: block;
    width: 200px;
    font-size: 90%;
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 10px 0 10px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.boxProducts170108 p a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #333333;
}
/* マカロン */
.boxProducts1702 {
    background-color: #ededed;
    /*background-image: url(../img/products/bg_17_03.jpg);
    background-size: 1000px 430px;
    background-position: center 0;
    background-repeat: no-repeat;*/
    padding: 60px 0 80px 0;
	text-align: justify;
    text-justify: inter-ideograph;
}
.boxProducts1702 header {
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 150%;
}
.boxProducts1702 header h3 {
    font-size: 150%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1702 header p {
    font-size: 110%;
}
.boxProducts1702 .products17_contents {
	width: 90vw;
    max-width: 800px;
    margin: 0 auto;
}
.boxProducts170201 p {
	padding-top: 50px;
}
.boxProducts170202{
	margin: 0;
}
.boxProducts170202  ul{
	max-width: 740px;
	letter-spacing: 0;
	margin-left: auto;
}
.boxProducts170202 ul li {
    float: left;
    width: 33%;
    margin: 0 0 10px 0;
	display: flex;
    justify-content: left;
    align-items: center;
}
.boxProducts170202 ul li p {
	padding: 0px;
	font-size: 90%
}
.boxProducts170202 ul li p span {
	color: #8f7f89;
	font-size: 85%
}
.boxProducts170202 ul li p .min1702{
	display: none;
}
.boxProducts170202 ul li img {
    margin: 0 10px 0 0;
    width: 50px;
    height: auto;
}

/*.boxProducts170202 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.boxProducts170202 ul li{
	width: 23%;
	text-align: center;
	background-color: #fdfdfd;
	border-radius: 5px;
	margin: 0 0 30px;
	padding: 10px 0 15px;
}
.boxProducts170202 ul li img{
	width: 40%;
}
.boxProducts170202 ul li p{
	padding: 10px 0 0;
}
/* 最後のコンテンツを左寄せにする指定 */
/*.boxProducts170202 ul:after,
.boxProducts170202 ul:before {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
/*    height: 0;
}*/

.boxProducts170203 {
    margin: 40px auto 70px;
	padding: 30px 0 0;
	border-top: 1px solid #A0A0A0;
	width: 85%;
}
.boxProducts170203 ul {
    width: 550px;
    margin: 0 auto;
}
.boxProducts170203 ul li {
    float: left;
    vertical-align: middle;
    font-size: 90%;
    line-height: 150%;
    white-space: nowrap;
}
.boxProducts170203 ul li:last-child {
    float: right;
}
.boxProducts170203 ul li img {
    margin: 0 10px 0 0;
    height: 54px;
    width: auto;
    float: left;
    vertical-align: middle;
}
.boxProducts170203 ul li p {
    display: inline-block;
    margin: 10px 0 0 0;
}

.boxProducts170204 iframe {
	width: 85%;
	height: 40vh;
	max-width: 649px;
	max-height: 365px;
	margin: 0 auto;
	display: block;
}


/*ジェラート*/

.boxProducts1703 {
    padding: 50px 0 80px 0;
    text-justify: inter-ideograph;
}
.boxProducts1703 header {
    margin: 0 0 50px 0;
    text-align: center;
}
.boxProducts1703 header h3 {
    font-size: 150%;
    margin: 0 0 20px 0;
    text-align: center;
	font-feature-settings: "palt";
}
.boxProducts1703 header p {
    font-size: 110%;
}
.boxProducts1703 .products17_contents {
	width: 90vw;
	flex-wrap: wrap;
    display: flex;
	justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}
.boxProducts1703 .products17_contents figure {
    /*float: left;*/
	width: 40vw;
    max-width: 400px;
}
.boxProducts1703 .products17_contents figure img {
    width: 100%;
    height: auto;
}
.boxProducts1703 .products17_contents figure figcaption {
    line-height: 180%;
    font-size: 80%;
    margin: 10px 0 0 0;
}
.boxProducts1703 .products17_contents figure figcaption strong {
    font-weight: bold;
}
.boxProducts1703 .products17_contents .inner {
	width: 45vw;
    max-width: 370px;
    /*float: right;*/
}
.boxProducts1703 .products17_contents .inner p {
    line-height: 200%;
    margin: 0 0 20px 0;
    font-size: 90%;
}

/* 生姜糖エリア */

.boxProducts1704 {
    background-color: /*#dcdddf*/#f1ede2;
	/*background-image: url("../img/products/bg_17_24.png");
    background-repeat: no-repeat;
    background-size: 3000px 570px;
    background-position: center 0;*/
    padding: 50px 0 90px 0;
    /*box-sizing: border-box;*/
    /*height: 570px;*/
    text-justify: inter-ideograph;
}
.boxProducts1704 header {
    margin: 0 0 40px 0;
    text-align: center;
}
.boxProducts1704 header h3 {
    font-size: 150%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1704 header p {
    font-size: 110%;
}
.boxProducts1704 .products17_contents {
	width: 90vw;
    max-width: 800px;
    margin: 0 auto;
	
}
.boxProducts170401 {
	margin: 0 0 60px 0;
}
.boxProducts170401 p{
	padding-top: 15px;
}
.boxProducts170403{
	width: 90vw;
    max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.boxProducts170403 .figure {
    width: /*25%*/33%;
    max-height: 320px;
    margin: 0 0 40px 0;
}
.boxProducts170403 figure {
	position: relative;
    padding: 0 10px;
    line-height: 170%;
    font-size: 100%;
    text-align: center;
    overflow: hidden;
}
.boxProducts170403 figcaption {
    font-weight: bold;
}
.boxProducts170403 figure img {
    margin: 0 0 15px 0;
    width: 20vw;
	max-width: 150px;
}

/* 生姜糖動画 */
.boxProducts170402 {
	width: 100%;
}
.boxProducts170402 iframe {
	width: 85%;
	height: 40vh;
	max-width: 649px;
	max-height: 365px;
	margin: 0 auto;
	display: block;
}

/*琥珀糖*/
.boxProducts1705 {
    background-color: #fffffd;
    padding: 50px 0 70px 0;
	text-align: justify;
    text-justify: inter-ideograph;
}
.boxProducts1705 header {
    text-align: center;
    margin: 0 0 30px 0;
    line-height: 150%;
}
.boxProducts1705 header h3 {
    font-size: 150%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1705 header p {
    font-size: 110%;
}
.boxProducts1705 .products17_contents {
	width: 90vw;
    max-width: 800px;
    margin: 0 auto;
}

.boxProducts170501 {
	margin: 0 0 45px 0;
}
.boxProducts170501 div {
	margin: 30px 0 0;
}

.boxProducts170502 .title170502{
	text-align: center;
	padding: 10px 0 12px;
	background: #f1ede2;
	margin: 0 0 30px 0;
}
.boxProducts170502 .title170502 span{
	font-size: 90%;
}

.boxProducts170502 .ul001{
	max-width: 740px;
	letter-spacing: 0;
	margin-left: auto;
}
.boxProducts170502 .ul001 li {
    float: left;
    width: 33%;
    margin: 0 0 10px 0;
	display: flex;
    justify-content: left;
    align-items: center;
}
.boxProducts170502 .ul001 li p {
	padding: 0px;
}
.boxProducts170502 .ul001 li p .min1705{
	display: none;
}
.boxProducts170502 .ul001 li img {
    margin: 0 10px 0 0;
    width: 50px;
    height: auto;
}
.boxProducts170502 .ul002 {
    max-width: 610px;
    margin: 10px auto 70px auto;
}
.boxProducts170502 .ul002 li {
    float: left;
    vertical-align: middle;
    font-size: 90%;
    line-height: 150%;
    white-space: nowrap;
}
.boxProducts170502 .ul002 li:last-child {
    float: right;
}
.boxProducts170502 .ul002 li img {
    margin: 0 10px 0 0;
    height: 54px;
    width: auto;
    float: left;
    vertical-align: middle;
}
.boxProducts170502 .ul002 li p {
    display: inline-block;
    margin: 10px 0 0 0;
}
.boxProducts170502 p a {
    display: block;
    width: 200px;
    font-size: 90%;
    text-align: center;
    margin: 40px auto 0 auto;
    padding: 10px 0 10px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.boxProducts170502 p a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #333333;
}


.pattern .headerMain h1 {
  color: #000000;
  font-size: 160%;
  position: absolute;
  top: 58%;
  left: 50%;
  width: 680px;
  margin: 0 0 0 -340px;
  box-sizing: border-box;
  letter-spacing: 2px;
  text-align: left;
}
.boxPattern01 {
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #dddddd;
  margin: 0 0 50px 0;
  padding: 0 0 35px 0;
}
.boxPattern01 h2 {
  margin: 0 0 20px 0;
}
.boxPattern01 p {
  margin: 20px 0 10px 0;
}
.boxPattern02 {
  margin: 0 0 0 0;
}
.boxPattern02 h2 {
  margin: 0 0 20px 0;
}
.boxPattern02 h3 {
  margin: 0 0 15px 0;
}
.boxPattern02 p {
  margin: 0 0 10px 0;
}
.boxPattern01 ul li {
  text-align: center;
  display: inline-block;
  margin: 0 25px 15px 0;
}
.boxPattern01 ul li:nth-child(4), .boxPattern01 ul li:nth-child(8) {
  margin: 0 0 15px 0;
}
.boxPattern01 ul li span {
  display: block;
  margin: 5px 0 5px 0;
}
.boxOriginal01 h3 {
  margin: 0 0 10px 0;
}
.boxOriginal02 {
  /*border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #dddddd;*/
  margin: 0 0 70px;
  padding: 0;
}
.boxOriginal03 {
  border-width: 1px;
  border-style: solid;
  border-color: #e5450b;
  margin: -10px 0 40px 0;
  padding: 15px;
  line-height: 180%;
}
.boxForm02 table {
  margin: 0 0 40px 0;
  font-size: 14px;
}
.boxForm02 .input01 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 10px 0;
  padding: 7px;
  width: 286px;
  display: inline-block;
}
.boxForm02 .input02 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 10px 0;
  padding: 7px;
  width: 34px;
  display: inline-block;
}
.boxForm02 .input03 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 10px 0;
  padding: 7px;
  display: inline-block;
}
.boxForm02 .input04 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 10px 0;
  padding: 7px;
  width: 64px;
  display: inline-block;
}
.boxForm02 .input05 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  padding: 7px;
  width: 100%;
  height: 200px;
  display: inline-block;
  box-sizing: border-box;
}
.boxForm02 .input06 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  margin: 0 0 10px 0;
  padding: 7px;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
}
.boxForm02 .input07 {
  margin: 0 15px 0 0;
  cursor: pointer;
}
.boxForm02 .input07 input {
  margin: 0 5px 0 0;
}
.boxForm02 .input08 {
  font-size: 120%;
  font-weight: bold !important;
}
.boxForm02 .input08 input {
  margin: 0 5px 0 0;
}
/*.boxForm02 .boxCaution01 {
  border-width: 1px;
  border-style: solid;
  border-color: #e5412f;
  margin: 10px 0 0 0;
  padding: 15px 15px 15px 30px;
  position: relative;
}
.boxForm02 .boxCaution01:after {
  content: "※";
  position: absolute;
  top: 15px;
  left: 15px;
}*/
.boxForm02 td p {
  margin: 10px 0 5px 0;
  /*font-size: 90%;*/
}
.boxForm02 td p strong {
  font-weight: bold;
}
/* 注意書き（アニバ缶・メール設定） */
.boxCaution02 {
  border-width: 1px;
  border-style: solid;
  border-color: #FF4037;
  border-radius: 4px;
  margin: 10px 0 0 0;
  padding: 4% 5%;
  text-align: justify;
  position: relative;
}
.boxCaution02 em {
  color: #FF4037;
  font-weight: bold;
}
.boxCaution02 span {
  color:#0C0A06;
}
.boxCaution02 .title02 {
	margin: 0 0 10px 0;
	color: #FF4037;
}
.boxCaution02 p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 100%;
	line-height: 1.6;
}
.boxRecipeList section {
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  overflow: hidden;
}
.boxRecipeList section header {
  position: absolute;
  bottom: -105px;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 0 center;
  padding: 25px 0 105px 0;
  color: #ffffff;
  line-height: 160%;
}
.boxRecipeList section header p {
  font-size: 90%;
  text-align: center;
  opacity: 0;
}
.boxRecipeList section header:after {
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  width: 37px;
  height: 70px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin: 0 0 0 -18px;
  opacity: 0;
}
.boxRecipeList section.products01 header:after {
  background-image: url(../img/recipe/ico_01.png);
}
.boxRecipeList section.products02 header:after {
  background-image: url(../img/recipe/ico_02.png);
}
.boxRecipeList section.products03 header:after {
  background-image: url(../img/recipe/ico_03.png);
}
.boxRecipeList section.products04 header:after {
  background-image: url(../img/recipe/ico_04.png);
}
.boxRecipeList section.products05 header:after {
  background-image: url(../img/recipe/ico_05.png);
}
.boxRecipeList section.products06 header:after {
  background-image: url(../img/recipe/ico_06.png);
}
.boxRecipeList section.products07 header:after {
  background-image: url(../img/recipe/ico_07.png);
}
.boxRecipeList section.products08 header:after {
  background-image: url(../img/recipe/ico_08.png);
}
.boxRecipeList section.products09 header:after {
  background-image: url(../img/recipe/ico_09.png);
}
.boxRecipeList section.products10 header:after {
  background-image: url(../img/recipe/ico_10.png);
}
.boxRecipeList section.visible header:after {
  opacity: 1;
}
.boxRecipeList section header h3 a {
  color: #ffffff;
  display: block;
  text-align: center;
  font-size: 135%;
  text-decoration: underline;
}

/* 八幡屋礒五郎について */

/*.history .headerMain {
  height: 420px;
}
.history .headerMain img {
  min-height: 360px;
}*/

/* 歴史 */
.boxhistoryWrapper {
  position: relative;
  padding: 130px 50px 0 50px;
}
.boxHistory01 {
	/*margin-bottom: 120px;*/
}
.boxHistory01 .text p {
	margin-bottom: 0;
}
.boxHistory01 figure img {
	max-width: 100%;
	height: auto;
}
.boxHistory01 p.imgHistory01 {
  /*margin: 0 0 0 230px;*/
  width: 167px;
  height: auto;
  overflow: hidden;
  /*display: block;*/
}
.boxHistory01 p.imgHistory01 img {
	/*max-width: 80%;*/
	width: 100%;
	/*height: auto;*/
}
.boxHistory02 p {
  text-align: center;
}
.boxHistory03, .boxHistory04, .boxHistory05, .boxHistory07, .boxHistory08 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.boxHistory03 .title02, .boxHistory04 .title02, .boxHistory05 .title02, .boxHistory07 .title02, .boxHistory08 .title02 {
  margin: 0 0 15px 0;
}
.boxHistory03 .left {
  width: 410px;
  text-align: center;
  float: left;
}
.boxHistory03 .right {
  width: 330px;
  padding: 20px 0 0 0;
  float: right;
}
.boxHistory04 .left {
  width: 350px;
  float: left;
  padding: 120px 0 0 0;
}
.boxHistory04 .right {
  width: 400px;
  float: right;
  text-align: center;
}
.boxHistory05 .left {
  width: 380px;
  float: left;
  padding: 120px 0 0 0;
}
.boxHistory05 .right {
  width: 370px;
  float: right;
  text-align: center;
}
.boxHistory06 .right {
  padding: 100px 0 0 0;
}
.boxHistory07 .left {
  width: 320px;
  float: left;
  padding: 80px 0 0 0;
}
.boxHistory07 .right {
  width: 430px;
  float: right;
  text-align: right;
}
.boxHistory08 .left {
  width: 350px;
  float: left;
}
.boxHistory08 .left img {
  width: 100%;
  height: auto;
}
.boxHistory08 .right {
  width: 400px;
  float: right;
  padding: 20px 0 0 0;
}
.ingredient .boxContentsWrapper {
  position: relative;
  padding: 140px 0 0 0;
}
/*.ingredient .headerMain {
  height: 420px;
}
.ingredient .headerMain img {
  min-height: 360px;
}*/
.boxNaviIngredient {
  text-align: center;
  margin: 0 0 50px 0;
  letter-spacing: -.40em;
}
.boxNaviIngredient li {
  display: inline-block;
  letter-spacing: normal;
  width: 65px;
  text-align: center;
  margin: 0 12px 0 12px;
}
.boxNaviIngredient li a {
  display: block;
  background-image: url(../img/common/ico_arrow_down.png);
  background-repeat: no-repeat;
  -webkit-background-size: 9px 5px;
  background-size: 9px 5px;
  background-position: center bottom;
  padding: 0 0 15px 0;
}
.boxNaviIngredient li img {
  width: 100%;
  height: auto;
}
.boxNaviIngredient li span {
  display: block;
  margin: 10px 0 0 0;
}
.boxIngredient01 {
  padding: 110px 0 0 0;
}
.boxIngredient01.first {
  padding: 60px 0 0 0;
}
.boxIngredient01 header {
  position: relative;
  margin: 0 0 50px 0;
}
.boxIngredient01 header h3 {
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 200%;
}
.boxIngredient01 section {
  width: 900px;
  margin: 0 auto;
}
.boxIngredient01 section div {
  float: right;
  width: 450px;
}
.boxIngredient01 section div h4 {
  font-weight: bold;
  line-height: 120%;
  margin: 0 0 20px 0;
  font-size: 110%;
}
.boxIngredient01 section div p {
  line-height: 180%;
  font-size: 90%;
}
.boxIngredient01 section figure {
  float: left;
  width: 430px;
}
.boxIngredient01 section figure img {
  width: 100%;
  height: auto;
}
/* 調合ページ全体 */
.boxIngredient02 {
  width: 650px;
  margin: 0 auto 60px;
}
.ingredient02 .boxContentsWrapper {
  width: 800px;
  margin: 0 auto;
  padding: 120px 0 60px 0;
}
.boxIngredient02 figure {
  width: 300px;
}
.boxIngredient02 figure img {
  width: 300px;
}
.boxIngredient02 .text {
  width: 320px;
}
.boxIngredient03 {
  margin: 0 0 100px 0;
}
.boxIngredient03 figure {
  width: 200px;
  float: left;
  text-align: center;
  margin: 0 25px 0 0;
}
.boxIngredient03 figure:last-child {
  margin: 0;
}
.boxIngredient03 figure img {
  margin: 0 0 10px 0;
}
/* カスタムブレンド案内 */
.cb-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cb-info section {
	display: flex;/*追加*/
	flex-direction: column;/*追加*/
	width: 48%;
	padding: 30px 20px;
	color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}
	.cb-info section:first-child {
		background-color: #C9AC78;
	}
		.cb-info section:last-child {
			background-color: #231815;
		}
.cb-info img {
	width: 90%;
	margin: 0 auto 20px;
	overflow: hidden;
}
.cb-info p {
	/*padding: 0 0 15px;*/
	margin: auto 0 20px;
	font-size: 120%;
	text-align: center;
	line-height: 1.3;
}
.cb-info a {
	display: block;
	width: 200px;
	margin: auto auto 0 auto;/*top:auto追加*/
	text-align: center;
	white-space: nowrap;
	line-height: 2.5;
	border: 1px solid #816533;
	border-radius: 3px;
	background: rgb(255,230,185);
	background: linear-gradient(180deg, rgba(255,230,185,1) 0%, rgba(227,196,140,1) 12%, rgba(215,185,130,1) 35%, rgba(180,142,72,1) 80%);
}


/* 会社案内 */
.company.index .localNavi {
  display: none;
}
.company .localNavi {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
}
.boxCompanyOutline {
  width: 650px;
  margin: 0 auto;
  padding: 110px 0 60px 0;
}
.boxCompanyDevelopment {
  width: 650px;
  margin: 0 auto;
  padding: 110px 0 60px 0;
}
.boxCompanyFarm {
  width: 650px;
  margin: 0 auto;
  padding: 130px 0 60px 0;
}
.boxCompanyFarm01 {
  margin: 0 0 50px 0;
}
.boxCompanyFarm01 h3 {
  margin: 0 0 20px 0;
  font-size: 130%;
  line-height: 150%;
  font-weight: bold;
}
.boxCompanyFarm01 img {
  float: right;
  width: 256px;
}
.boxCompanyFarm01 .inner div {
  float: left;
  width: 375px;
}
.boxCompanyFarm01 div p {
  margin: 0 0 10px 0;
}
.boxCompanyFarm01 div p a {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 8px 38px 6px 38px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.boxCompanyFarm02 {
  margin: 20px 0 50px 0;
}
.boxCompanyFarm02 h3 {
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  margin: 0 0 5px 0;
}
.boxCompanyFarm02 ul li {
  float: left;
  width: 50%;
  height: auto;
  margin: 0 0 10px 0;
}
.boxCompanyFarm02 ul li:nth-child(2n) {
  float: right;
}
.boxCompanyFarm03 {
  margin: 0 0 30px 0;
}
.boxCompanyFarm03 h3 {
  font-size: 120%;
  line-height: 150%;
  margin: 0 0 20px 0;
}
.boxCompanyFarm03 iframe {
  width: 100%;
  height: 400px;
  margin: 0 0 15px 0;
}
.boxCompanyFactory01 {
  margin: 0 0 60px 0;
}
.boxCompanyFactory01 h3 {
  margin: 0 0 15px 0;
  font-size: 130%;
  line-height: 150%;
  font-weight: bold;
}
.boxCompanyFactory01 img {
  float: right;
  width: 180px;
}
.boxCompanyFactory01 .inner div {
  float: left;
  width: 440px;
}
.boxCompanyFactory01 h4 {
  margin: 0 0 20px 0;
  font-size: 110%;
}
.boxCompanyFactory01 p {
  margin: 0 0 15px 0;
}
.boxCompanyFactory01 .inner div p:last-child {
  margin: 0;
}
.boxCompanyFactory01 ul {
  margin: 20px 0 0 0;
}
.boxCompanyFactory01 ul li {
  float: left;
  margin: 0 0 15px 0;
  width: 317px;
}
.boxCompanyFactory01 ul li:nth-child(2n) {
  float: right;
}
.boxCompanyFactory01 ul li img {
  width: 100%;
  height: auto;
  float: none;
}
.boxCompanyFactory01 section {
  margin: 30px 0 0 0;
}
.boxCompanyFactory01 section h3 {
  font-size: 110%;
  line-height: 150%;
  margin: 0 0 10px 0;
}
.boxCompanyFactory01 section iframe {
  width: 100%;
  height: 400px;
  margin: 0 0 5px 0;
}
.boxCompanyCM {
  margin: 0 auto 80px;
}
.boxCompanyCM h3 {
  text-align: center;
  line-height: 120%;
  font-size: 140%;
  margin: 0 0 12px 0;
}
.boxCompanyCM iframe.youtube-16-9 {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.boxCompanyCM p {
  font-size: 90%;
  text-align: center;
  margin: 15px 0 15px 0;
}
.boxCompanyCM a {
  text-align: center;
  width: 160px;
  display: block;
  margin: 0 auto;
  padding: 12px 0 12px 0;
  font-size: 90%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.outline_shumei{
	background-color:#FFF6F1/*#e8e3d8*/;
	font-size:90%;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	padding:16px 20px 15px;
	line-height:2em;
}
.shumei_span1{
	display: block;
	font-size:120%;
	font-weight:bold;
	display:block;
	margin-bottom: 13px;
}
.shumei_span2{
	display:block;
	padding-top:15px;
	line-height:18px;
}
.shumei_span3{
	display:block;
	padding-top:0px;
	margin-top:0;
	text-align:right;
}


/* ------------------------
		お問い合わせ
------------------------ */
.boxInquiryWrapper {
  width: 700px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
.boxInquiryWrapper h2 {
  margin: 0 0 20px 0;
  padding: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 140%;
  border-bottom: 2px solid #333333;
}
.inquiry_attention {
	margin: 0 0 10px!important;
	padding: 20px 25px;
	line-height: 1.5!important;
	box-sizing: border-box;
	background-color: #efefef;
}
/* 山椒お問い合わせ */
.inquiry_attention_sansho {
	padding: 20px 25px;
	line-height: 1.5!important;
	box-sizing: border-box;
	background-color: #E3ECB0;
}
/* 電話・FAXでのお問合せ */
.boxInquiry01 {
  margin: 80px 0;
}
.boxInquiry01 p {
}
.boxInquiry01 ul {
  padding: 30px 0;
  text-align: center;
}
.boxInquiry01 ul li {
  display: inline-block;
  margin: 0 30px 0 30px;
  font-weight: bold;
  font-size: 200%;
}
.boxInquiry01 ul li:first-child {
  background-image: url(../img/inquiry/ico_01.jpg);
  background-repeat: no-repeat;
  min-height: 23px;
  padding: 0 0 0 52px;
}
.boxInquiry01 ul li:last-child {
  background-image: url(../img/inquiry/ico_02.jpg);
  background-repeat: no-repeat;
  min-height: 26px;
  padding: 0 0 0 37px;
}
/* フォームでのお問合せ */
.boxInquiry02 {
  margin: 0 0 20px 0;
}
.steps {
  text-align: right;
}
.steps ol {
  width: auto;
  margin: 40px 0 20px 0;
  padding: 0;
  display: inline-block;
  border: 1px solid #cacaca;
  list-style-type: none;
}
.steps li {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px 0 25px;
  float: left;
  position: relative;
  background-color: #fff;
  color: #333333;
  font-size: 80%;
  position: relative;
}
.steps li.item01 {
  padding-left: 10px;
}
.steps li.item01:after, .steps li.item01:before, .steps li.item02:after, .steps li.item02:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 1;
  border: solid transparent;
  pointer-events: none;
}
.steps li.item01:after, .steps li.item02:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}
.steps li.item01:before, .steps li.item02:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #cacaca;
  border-width: 16px;
  margin-top: -16px;
}
.steps li.item01.active:after, .steps li.item02.active:after {
  border-left-color: #111111;
}
.steps li h4 {
  line-height: 30px;
  font-size: 1em;
}
.steps li.active {
  background-color: #111111;
  color: #ffffff;
}
.boxForm {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
}
.boxForm fieldset {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cccccc;
  padding: 10px 0 10px 0;
}
.boxForm .entry {
  margin: 0 0 0 80px;
  padding: 10px 0 10px 0;
  border-width: 0;
}
.boxForm .entryBorder {
  border-width: 1px 0 0 0;
  padding: 20px 0 0 0;
}
.boxForm fieldset legend {
  float: left;
  width: 200px;
  padding: 3px 0 0 0;
  position: relative;
  line-height: 150%;
  font-size: 100%;
}
.boxForm .entry legend {
  width: 180px;
  position: relative;
}
.boxForm .entry legend em {
  position: absolute;
  top: 3px;
  left: 20px;
}
.boxForm fieldset legend span {
  color: #e83828;
}
.boxForm fieldset legend span.block {
  display: block;
}
.boxForm fieldset .inner {
  float: right;
  width: 450px;
  padding: 0 0 0 0;
  line-height: 180%;
}
.boxForm fieldset .inner span {
  font-size: 100%;
}
.boxForm .input01 {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeee;
  width: 294px;
  padding: 3px;
}
.boxForm .input02 {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeee;
  width: 44px;
  padding: 3px;
}
.boxForm .input03 {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeee;
  margin: 7px 0 7px 0;
  padding: 3px;
}
.boxForm .input04 {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeee;
  width: 94px;
  padding: 3px;
}
.boxForm .input05 {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeee;
  width: 430px;
  height: 194px;
  padding: 3px;
}
.boxForm .input06 {
  display: block;
  margin: 0 0 10px 0;
}
.boxForm .input06 input {
  float: left;
}
.boxForm .input06 span {
  display: block;
  margin: 0 0 0 2em;
  color: #333333 !important;
}
.boxForm .input07 {
  display: inline-block;
  margin: 0 10px 5px 0;
}
.boxForm p {
  padding: 30px 0 0 0;
}
.btnForm01 {
  border-width: 0;
  width: 150px;
  text-align: center;
  margin: 0 5px 0 5px;
  padding: 10px 0 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 90%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  background-color: #ffffff;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
}
.btnForm01:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
.btnForm02 {
  border-width: 0;
  width: 100px;
  text-align: center;
  margin: 0 auto 15px auto;
  padding: 12px 0 12px 0;
  display: inline-block;
  cursor: pointer;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
}
.btnForm02:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
.error {
  color: #e83828;
  margin: 10px 0 0 0;
}
.error .error:last-child {
  margin: 10px 0 30px 0;
}


/* -------------------------
		店舗のご案内
--------------------------*/
.store.index .localNavi {
  display: none;
}
.store .localNavi {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}
.boxNaviStore {
  text-align: center;
  margin: 80px 0 0 0;
  letter-spacing: -.40em;
}
.boxNaviStore li {
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  margin: 0 0 10px 0;
}
.boxNaviStore li a {
  display: block;
  background-image: url(../img/common/ico_arrow_down.png);
  background-repeat: no-repeat;
  -webkit-background-size: 9px 5px;
  background-size: 9px 5px;
  background-position: center bottom;
  padding: 0 0 15px 0;
}
.boxNaviStore li a span {
  padding: 0 25px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #999999;
}
.boxNaviStore li:first-child a span {
  padding: 0 25px 0 0;
}
.boxNaviStore li:last-child a span {
  padding: 0 0 0 25px;
  border-width: 0;
}
.boxNaviStore li span {
  display: block;
  margin: 10px 0 0 0;
}
.boxRegion {
  padding: 60px 0 0 0;
}
.boxRegion .title04 {
	width: 153px;
	padding: 8px 10px;
	margin-left: auto;
	margin-right: auto;
}
.boxStore01 img {
	width: 650px;
	margin: 0 0 15px 0;
}
.boxStore01 ul {
  text-align: center;
}
.boxStore01 ul li {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.boxStore01 ul li a {
  border-width: 1px;
  border-style: solid;
  border-color: #1A1A1A;
  width: 206px;
  display: block;
  padding: 8px 0 8px 0;
  font-size: 90%;
}
.boxStore02 iframe {
  width: 100%;
  height: 380px;
  margin: 0 0 5px 0;
}
.boxStore02 p a {
  text-decoration: underline;
}
.boxStore03 p:last-child {
  width: 133px;
  margin: 0 0 0 auto;
  text-align: center;
}
.boxStore02 ul {
  text-align: center;
  margin: 40px 0 0 0;
}
.boxStore02 ul li {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.boxStore02 ul li a {
  border-width: 1px;
  border-style: solid;
  border-color: #1A1A1A;
  width: 400px;
  display: block;
  padding: 25px 0 25px 0;
  font-size: 90%;
}

/* - MISOGOROメニュー追加 - */
.misogoro-btn01{
	position: relative;
	width: 100%;
	height: 40vw;
	max-height: 270px;
	display: block;
	text-align: center;
}
.misogoro-btn01 img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto!important;
	margin-right: auto!important;
	opacity: 1;
	width: 100%;
}
.misogoro-btn01 a:hover{
	opacity: 1;
}
.misogoro-btn01 .misogoro-btn02:hover{
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.boxmenu {}

.boxmenu table {
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.boxmenu table caption {
	padding: 25px 0 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
}

.boxmenu table tr:nth-child(even) {
	background-color: #F9F9F9;
}

.boxmenu table th {
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #F0F0F0;
}

.boxmenu table td {
	padding: 15px 10px 15px 0;
	text-align: right;
	border-bottom: 1px solid #F0F0F0;
}

/* カフェメニュー表 */
.go_cafemenu {}
.go_cafemenu a {
	display: block;
	width: 100%;
	/*padding: 0 10px;*/
	text-align: center;
	line-height: 2.5;
	background-color: #dfdfd0;
}

.store .map {}
.store.map img {
	/*max-width: 100%;
    height: auto;*/
	}

/* 取扱店舗一覧 */
.store .table02 {
  margin: 0 0 40px 0;
}
.store .table02 td {
	width:50%;
}

/* 唐辛子レシピ */

body.recipe {
  background-image: url(../img/recipe/bg_navi.jpg);
  background-repeat: no-repeat;
  background-position: 0 60px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.recipe #contents {
  background-color: transparent;
}
.boxRecipeNavi {
  padding: 60px 0 0 0;
  width: 1000px;
  height: 360px;
  position: relative;
}
.boxRecipeNavi header {
  position: absolute;
  width: 475px;
  text-align: center;
  line-height: 180%;
  margin: 130px 0 0 0;
}
.boxRecipeNavi header h1 {
  font-size: 170%;
  margin: 0 0 15px 0;
}
.boxRecipeNavi header p {
  margin: 0 0 15px 0;
}
.boxRecipeNavi header p a {
  background-image: url(../img/common/ico_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 0 0 0 8px;
}
.boxRecipeNavi ul {
  width: 570px;
  position: absolute;
  top: 140px;
  right: 30px;
}
.boxRecipeNavi ul li {
  width: 110px;
  display: inline-block;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 90%;
  line-height: 150%;
}
.boxRecipeNavi ul li span {
  margin: 12px 0 0 0;
  display: inline-block;
  background-image: url(../img/common/ico_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 0 0 0 8px;
}
.boxRecipeDetail01 {
  padding: 35px 35px 15px 365px;
  position: relative;
  background-color: #ffffff;
}
.boxRecipeDetail01 header {
  margin: 0 0 20px 0;
  position: relative;
  padding: 0 50px 0 0;
}
.boxRecipeDetail01 header img {
  position: absolute;
  top: 0;
  right: 0;
}
.boxRecipeDetail01 header h2 {
  line-height: 150%;
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 0 0;
}
.boxRecipeDetail01 header p {
  line-height: 150%;
  font-size: 90%;
}
.boxRecipeDetail02 img {
  position: absolute;
  top: 0;
  left: 0;
}
.boxRecipeDetail02 p {
  line-height: 180%;
  font-size: 90%;
}
.boxRecipeDetail03 {
  margin: 25px 0 0 0;
}
.boxRecipeDetail03 .left {
  width: 300px;
  float: left;
}
.boxRecipeDetail03 .right {
  width: 270px;
  float: right;
}
.boxRecipeDetail03 h3 {
  font-weight: bold;
  line-height: 150%;
  margin: 0 0 5px 0;
}
.boxRecipeDetail03 dl, .boxRecipeDetail03 ul {
  margin: 0 0 35px 0;
  line-height: 210%;
  font-size: 90%;
}
.boxRecipeDetail03 dl dt {
  margin: 0 0 5px 0;
}
.boxRecipeDetail03 dl dd, .boxRecipeDetail03 ul li {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
}
.boxRecipeDetail03 dl dd span, .boxRecipeDetail03 ul li span {
  float: right;
  display: inline;
  padding: 0 0 0 10px;
}
.boxRecipeDetail03 dl dd:after, .boxRecipeDetail03 ul li:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}
.boxRecipeDetail03 ol li {
  line-height: 180%;
  margin: 0 0 30px 1.2em;
  list-style-type: decimal;
}

/* 採用情報 */
.recruit .headerMain h1 {
	color: #333;
}
.recruit.index .localNavi {
  display: none;
}
.recruit .localNavi {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}
/* 赤ver */
.recruit .recruitInfo {
	display: block;
	width: 100%;
	margin: 0 0 50px;
	padding: 15px 10px;
	border: 3px solid #ea5532;
	border-radius: 5px;
	color: #ea5532;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	line-height: 1.3em;
}
/* 青ver */
.recruit .recruitInfo_blue {
	display: block;
	width: 100%;
	margin: 0 0 50px;
	padding: 15px 10px;
	border: 3px solid #1fabe9;
	border-radius: 5px;
	color: #1fabe9;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	line-height: 1.3em;
}
/* リクナビ・マイナビ、エントリー受付中に表示 */
.recruit .recruitEntry {
	margin: 0 0 50px;
    text-align: center;
	font-size: 22px;
	line-height: 1.3;
	color: #00aaeb;
}
.recruit .recruitEntry_button {
    display: inline-block;
    color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 15px 0 0;
    padding: 18px 60px;
    border-radius: 30px;
    text-decoration: none;
    outline: none;
    background-image: linear-gradient(270deg, rgba(194, 255, 83, 1), rgba(4, 202, 255, 1) 90%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
}
.recruit .recruitEntry_button:hover {
	color: #fff;
	background-position: 99% 50%;
	opacity: 1;
}
/*.recruit .recruitEntry .big {
	font-size: 140%;
}*/

/* --- 新卒採用・先輩インタビュー --- */
.recruit .specialContents {
	margin: 0;
	padding: 0;
	background-color: whitesmoke;
	border-radius: 5px;
}
.recruit .specialContents h2 {
	padding: 30px 0;
	color: #ea5532;
	font-size: 150%;
	text-align: center;
	letter-spacing: 0.3em;
}
.recruit .specialContents .boxSection {
	float: left;
}
.recruit .specialContents .boxSection:nth-child(odd) {
	margin: 0 0 20px 25px;
}
.recruit .specialContents .boxSection:nth-child(even) {
	margin: 0 0 20px 25px;
}
.recruit .specialContents img {
	border-radius: 5px;
}

/* --- インタビュー子ページ --- */
.interview .headerMain h1 {
	color: #333;
}
.interview .boxContentsWrapper {
  width: 650px;
  margin: 0 auto;
  padding: 60px 0 0 0;
}
.interview h2 {
  padding: 0 0 30px 0;
}
.interview h3 {
  padding: 0 0 10px 0;
  font-size: 150%;
  color: #ea5532;
}
.interview p {
  padding: 0 0 30px 0;
  text-align: justify;
  border-bottom: 1px dotted #cccccc;
}
.interview p:last-child {
  padding: 0;
  border-bottom: none;
}
/* 他のインタビューを見る */
.interview .ivNav {
	margin: 0 0 30px 0;
}
.interview .ivNav h4 {
	margin: 0 0 20px 0;
	font-size: 150%;
	text-align: center;
}
.interview .ivNav li {
	display: inline;
	padding: 0 25px 0 0;
}
.interview .ivNav li:last-child {
	padding: 0 0 20px 0;
}
.interview .ivNav img {
	width: 195px;
}
/* インタビュートップへ */
.interview .button {
	margin: 0 0 50px 0;
	text-align: right;
}
.interview .button li {
  display: inline-block;
  margin: 0 8px 0 8px;
  font-size: 90%;
}
.interview .button li a {
  background-image: url(../img/common/sp/ico_arrow_black.png);
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 0 0 0 12px;
}


/* ブログ */
.boxBlogWrapper {
  width: 780px;
  margin: 30px auto 0 auto;
}
.blog .boxNews01 {
  margin: 0 auto 40px auto;
  width: 640px;
}
/*.blog .headerMain {
  height: 420px;
}
.blog .headerMain img {
  min-height: 360px;
}*/


.boxBlogList section {
  float: left;
  width: 230px;
  margin: 0 45px 40px 0;
}
.boxBlogList .inner section:nth-child(3n) {
  margin: 0 0 40px 0;
}
.boxBlogList .inner section:nth-child(3n+1) {
  clear: both;
}
.boxBlogList section figure img {
  width: 100%;
  height: auto;
}
.boxBlogList section header {
  margin: 15px 0 10px 0;
  line-height: 160%;
}
.boxBlogList section header span {
  border-width: 1px;
  border-style: solid;
  border-color: #0e0b08;
  width: 80px;
  margin: 0 15px 0 0;
  padding: 2px 0 0 0;
  display: inline-block;
  font-size: 80%;
  text-align: center;
}
.boxBlogList section header time {
  font-size: 90%;
}
.boxBlogList section header h2, .boxBlogList section header h3 {
  font-weight: bold;
  margin: 10px 0 0 0;
  line-height: 130%;
}
.boxBlogList section header h2 a, .boxBlogList section header h3 a {
  text-decoration: underline;
}
.boxBlogList section p {
  line-height: 160%;
  font-size: 90%;
}
.boxBlogList section p a.more {
  display: block;
  margin: 5px 0 0 0;
  text-decoration: underline;
  padding: 0 0 0 10px;
  position: relative;
}
.boxBlogList section p a.more:after {
  content: ">";
  position: absolute;
  left: 0;
  width: 1em;
  font-size: 80%;
}

/* プライバシーポリシー */

.privacy .headerMain h1 {
  color: #ffffff;
}
.privacy .boxContentsWrapper {
  width: 650px;
  margin: 0 auto;
  padding: 30px 0 60px 0;
}

/* ソーシャルメディアガイドライン */

.guideline .headerMain h1 {
  color: #ffffff;
}

/* サイトマップ */

.sitemap .headerMain h1 {
  color: #ffffff;
}
.boxSitemap .left {
  width: 300px;
  float: left;
}
.boxSitemap .right {
  width: 300px;
  float: right;
}
.boxSitemap .blank {
  text-decoration: none;
}
.boxSitemap ul {
  padding: 20px 0 0 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dddddd;
  line-height: 150%;
}
.boxSitemap div ul:last-child {
  border-width: 1px 0 1px 0;
}
.boxSitemap div ul li {
  margin: 0 0 18px 0;
  font-weight: bold;
}
.boxSitemap div ul li a,
.boxNotfound li a {
  background-image: url(../img/common/ico_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 0 0 0 15px;
}
.boxSitemap div ul li ul {
  border-width: 0 0 0 0 !important;
  margin: -8px 0 0 15px;
}
.boxSitemap div ul li ul li,
.boxNotfound li {
  font-weight: normal;
  margin: 0 0 10px 0;
}

/* 404 Not Found */
.notfound .headerMain h1 {
	color: #333;
	line-height: 2;
	top: 45%;
}

/* =======================================

	七味マカロンご注文フォーム

========================================== */
.macaron .headerMain h1 {
    color: #333333;
}

.macaron .title02 {
    font-size: 110%;
}

.macaron .innerCaution {
    display: inline-block;
    float: right;
    width: 360px;
    vertical-align: middle !important;
}

.macaron .verticalM .input07 {
    margin: 20px 0 0 0;
    display: inline-block;
}

.boxMacaron01 figure {
    width: 50%;
    text-align: center;
    float: left;
    vertical-align: middle;
    padding: 120px 0 0 0;
}

.boxMacaron01 table {
    width: 50%;
    float: right;
}

.boxMacaron01 table th {
    width: 30%;
}

/* =======================================

		業務用七味・オリジナル七味

========================================== */
.business .cardWrapper {margin:20px auto 0 auto;}
.business .card01, .business .card02 {width:47%; margin-bottom:20px; background:#fff; border:3px solid #ec6100; border-radius:5px; overflow:hidden;}
	.business .card01 {float:left;}
	.business .card02 {float:right;}
.business .card01 img, .business .card02 img {width:100%;}
.business .cardWrapper h3 {margin:40px 0; font-size:24px; font-weight:normal; text-align:center;}
.business .cardWrapper p {margin:0 40px 40px 40px; line-height:1.5;}
.business .cardWrapper .btn {margin:20px 0 0 0; text-align:center; color:#fff; background-color:#ec6100;}
.business .cardWrapper .btn a {display:block; line-height:3;}

.business .boxContentsWrapper {
	padding: 30px 0 60px 0;
	width: 700px;
}

/* --- .boxBusiness01 業務用 --- */
.boxBusiness01 .title01 {margin: 0 0 20px 0;}
.boxBusiness01 p {text-align: center;}
.boxBusiness01 .inner {padding: 20px 0 30px 0;}
.boxBusiness01 .cardWrapper {width:700px;}
.boxBusiness01 .card {width:40%; margin:0 0 15px 0; padding:30px; background:#EEE; border-radius:5px; float:left;}
	.boxBusiness01 .right {width:40%; margin:0 0 15px 0; padding:30px; background:#EEE; border-radius:5px; float:right;}
.boxBusiness01 .card h3 {margin:0; padding:0 0 30px 0; font-size:120%; text-align:center;}
.boxBusiness01 .card p {width:100%; height:4em; padding:0; margin:0; text-align:left; line-height:1.5;}
.boxBusiness01 .card img.kona {width:90%; margin:0 auto 10px auto; padding:0; display:block; overflow:hidden;}
.boxBusiness01 .card table {width:100%; margin:15px auto 0 auto; padding:5px; font-size:85%; line-height:1.4; background:#fff;}
	.boxBusiness01 .card table th {width:25%; padding:15px 0; text-align:center; vertical-align:middle; border-right:1px solid #eee;}
	.boxBusiness01 .card table td {height:4em; padding:15px; vertical-align:middle;}
.boxBusiness01 .card li {padding:0 0 5px 0; text-align:center;}
.boxBusiness02 {margin:0 0 80px 0; padding:30px; border-radius:5px; background:url(../img/business/pic_business_09.png) #fff4cd no-repeat; background-position:100px 40px; background-position:90% bottom;}
.boxBusiness02 dl {line-height:1.8;}
.boxBusiness02 dl dt {font-weight:bold; font-size:130%; margin:0 0 10px 0;}
.boxBusiness02 dl dd {font-size:90%; width:40%;}
.boxBusiness02 dl dd.btn {margin:10px 0 0 0; padding:5px; text-align:center; font-size:90%; border:1px solid #444444; box-shadow:2px 2px 8px -3px #c9b775; -moz-box-shadow:2px 2px 8px -3px #c9b775; -webkit-box-shadow:2px 2px 8px -3px #c9b775;}
.boxBusiness02 dl dd.btn a {display:block;}
.boxBusiness06 {
	width: 80%;
	margin: 0 auto 50px;
}
.boxBusiness06 img {
	width: 100px;
}
.boxBusiness06 p {
	padding: 5px 0 0;
	text-align: right;
	color: #737373;
}
.boxBusiness06 table {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.boxBusiness06 table caption {
	padding: 0 0 10px;
	font-size: 120%;
	text-align: center;
}
.boxBusiness06 table th {
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #F9F9F9;
}
.boxBusiness06 table td {
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.boxBusiness07 {
	margin: 0 0 50px 0;
	padding: 40px 0;
	background-color: #eee;
	text-align: center;
}
.boxBusiness07 h4 {
	padding: 0 0 20px 0;
	font-size: 130%;
	line-height: 1.4;
}
.boxBusiness07 div:first-child img {
	width: 80%;
	overflow: hidden;
}
.boxBusiness07 .can {
	width: 80%;
	margin: 40px auto 0;
}
.boxBusiness07 img.subtitle {
	float: left;
	width: 95px;
	padding: 0 20px 0 0;
}
.boxBusiness07 .can p {
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
	line-height: 1.6;
	overflow: hidden;
}


/* --- オリジナル七味・全体 --- */
.original .boxContentsWrapper {
	padding: 30px 0 60px 0;
	width: 700px;
}

.original.index .localNavi {
  display: none;
}
.original .localNavi {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}
.original .title01 {
  margin: 0 0 25px 0;
}
.original .title02 {
  margin: 55px 0 25px 0;
  font-weight: normal;
}
.original p {
  line-height: 150%;
}
.original .title04 {
	width: 153px;
	padding: 8px 10px;
	margin-left: auto;
	margin-right: auto;
}



/* =======================================

	カスタムブレンドPRO（元オリジナル七味）

========================================== */
.cbPro.index .headerMain {
  padding: 60px 0 30px 0;
  position: relative;
  height: 560px;
  overflow: hidden;
  background-color: #fff5d7;
  box-sizing: border-box;
}
.cbPro.index .headerMain img {
  /*width: 100%;*/
  /*max-width: 100%;*/
  min-width: 1400px;
  min-height: 560px;
  height: auto;
  position: relative;
  left: 50%;
  margin-left: -700px;
}
.cbPro .headerMain {
  background-color: #d6b26c;
}
.cbPro.index .headerMain h1 {
  display: none;
}
.cbPro .headerMain h1 {
  text-align: center;
  color: #292929;
}
.cbPro .boxContentsWrapper {
	padding: 30px 0 60px 0;
	width: 700px;
}
.cbPro.index .localNavi {
  display: none;
}
.cbPro .localNavi {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}
.cbPro .title01 {
  display: none;
}
.cbPro .title02 {
  margin: 55px 0 25px 0;
  font-size: 150%;
  font-weight: normal;
}
.cbPro p.caption {
	margin: -130px 0 0;
	text-align: center;
}
.cbPro p.caption img {
	width: 278px;
}
.cbPro h4 a {
	display: block;
	width: 200px;
	margin: 60px auto 20px;
	line-height: 2.5em;
	text-align: center;
	background-color: #efefef;
}
.cbPro .go_to_kaihatsuList a {
	display: block;
	float: right;
	width: 200px;
	margin: 20px 0;
	line-height: 2em;
	text-align: center;
	background-color: #efefef;
}

/* --- 開発の流れ --- */
.boxBusiness04 {
	margin: 0 0 20px 0;
}
.boxBusiness04 .card {
	float: right;
	width: 340px;
	min-height: 260px;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	border-radius: 5px;
	background-color: #efefef;
	overflow: hidden;
}
.boxBusiness04 .card:nth-child(even) {
	float: left;
}
.boxBusiness04 .card img {
	width: 170px;
	height: auto;
	padding: 10px 0 0;
}
.boxBusiness04 .card h3 {
	margin: 10px 0;
	text-align: center;
	font-size: 130%;
}
.boxBusiness04 .card p {
	padding: 10px 30px 0;
	/*font-size: 90%;*/
	text-align: left;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}
/* 最後のカード（問い合わせ） */
.boxBusiness04 .card:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
}
.boxBusiness04 .card:last-child ul {
	display: block;
}
.boxBusiness04 .card:last-child li {
	padding: 0 0 10px;
}
.boxBusiness04 .card:last-child li:first-child {
	padding: 0 0 30px;
	font-size: 130%;
}
.boxBusiness04 .card:last-child li:nth-child(2) {
	font-size: 80%;
}
.boxBusiness04 .card:last-child li:nth-child(3) {
	padding: 0 0 20px;
	font-size: 180%;
	font-weight: bold;
	color: #d6b26c;
}
/* --- 申込書・ラベルマニュアル --- */
.boxBusiness11 {
	margin: 0 0 30px 0;
}
.boxBusiness11 a {
	display: block;
	float: left;
	width: 338px;
	margin: 0 20px 0 0;
	font-size: 130%;
	text-align: center;
	line-height: 3em;
	border: 1px solid #CC9A4A;
	background-color: #d6b26c;
	overflow: hidden;
}
.boxBusiness11 a:nth-child(2) {
	margin: 0;
}

/* --- 開発事例 --- */
#case01,#case02,#case03,#case04,#case05,#case06,#case07,#case08,#case09,#case10,#case11,#case12,#case13,#case14,#case15,#case16,#case17,#case18,#case19,#case20,#case21,#case22,#case23,#case24,#case25,#case26,#case27,#case28,#case29,#case30,#case31,#case32,#case33,#case34,#case35,#case36,#case37,#case38,#case39,#case40,#case41,#case42,#case43,#case44,#case45,#case46 {margin:-50px 0 0 0; padding:50px 0 0 0;}

/* 和 */
.boxBusiness05 #case02 .product {
	border-left: 5px solid #a98659;
}
.boxBusiness05 #case15 .product {
	border-left: 5px solid #BE6C86;
}
.boxBusiness05 #case20 .product {
	border-left: 5px solid #ee7700;
}
.boxBusiness05 #case23 .product,
.boxBusiness05 #case24 .product {
	border-left: 5px solid #333333;
}/* 黒ラベル */
.boxBusiness05 #case25 .product {
	border-left: 5px solid #cec099;
}
.boxBusiness05 #case26 .product {
	border-left: 5px solid #c08baa;
}
.boxBusiness05 #case30 .product {
	border-left: 5px solid #dbd7d1;
}
.boxBusiness05 #case41 .product {
	border-left: 5px solid #2e1008;
}
/* 洋 */
.boxBusiness05 #case01 .product {
	border-left: 5px solid #ec6100;
}
.boxBusiness05 #case03 .product {
	border-left: 5px solid #3452b0;
}
.boxBusiness05 #case08 .product,
.boxBusiness05 #case13 .product{
	border-left: 5px solid #e8e2d5;
}
.boxBusiness05 #case09 .product {
	border-left: 5px solid #920783;
}
.boxBusiness05 #case11 .product {
	border-left: 5px solid #87cbb6;
}
.boxBusiness05 #case12 .product {
	border-left: 5px solid #4b485d;
}
.boxBusiness05 #case27 .product {
	border-left: 5px solid #555555;
}
/* 中華 */
.boxBusiness05 #case04 .product {
	border-left: 5px solid #ffe100;
}
.boxBusiness05 #case14 .product {
	border-left: 5px solid #2B2D5A;
}
.boxBusiness05 #case16 .product {
	border-left: 5px solid #91181d;
}
.boxBusiness05 #case18 .product {
	border-left: 5px solid #b7e2f9;
}
/* その他 */
.boxBusiness05 #case05 .product {
	border-left: 5px solid #b81c22;
}
.boxBusiness05 #case06 .product {
	border-left: 5px solid #f8b500;
}
.boxBusiness05 #case07 .product {
	border-left: 5px solid #CC0C17;
}
.boxBusiness05 #case17 .product {
	border-left: 5px solid #ea5b78;
}
.boxBusiness05 #case19 .product {
	border-left: 5px solid #cbd300;
}
.boxBusiness05 #case21 .product {
	border-left: 5px solid #315b40;
}
.boxBusiness05 #case28 .product {
	border-left: 5px solid #f29da5;
}
.boxBusiness05 #case29 .product {
	border-left: 5px solid #333333;
}
.boxBusiness05 #case31 .product {
	border-left: 5px solid #138B3B;
}
.boxBusiness05 #case32 .product {
	border-left: 5px solid #F19CA5;
}
.boxBusiness05 #case33 .product {
	border-left: 5px solid #72ae2c;
}
.boxBusiness05 #case34 .product {
	border-left: 5px solid #333333;
}
.boxBusiness05 #case43 .product {
	border-left: 5px solid #e60012;
}

.boxBusiness05 {
	margin: 70px 0 30px 0;
}
.boxBusiness05 .inner {
	margin: 80px 0 0 0;
	padding: 0;
}
.boxBusiness05 .product h4 {
	padding: 0 0 10px 0;
	font-size: 130%;
	line-height: 1.3;
}
.boxBusiness05 .product h4 span {
	font-size: 60%;
	color: #777777;
}
.boxBusiness05 .product .overview {
	float: left;
	width: 280px;
	padding: 0 0 0 15px;
}
.boxBusiness05 .product .overview p {
	font-size: 90%;
	line-height: 1.6;
	text-align: justify;
}
.boxBusiness05 .product img.label {
	display: block;
	float: right;
	width: 380px;
}
.boxBusiness05 .info {
	margin: 30px 0 0 0;
	padding: 20px;
	font-size: 90%;
	line-height: 1.8;
	color: #555555;
	border-radius:5px;
	background: #eeeeee;
}
.boxBusiness05 .info p {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ffffff;
}
.boxBusiness05 .info ul {
	padding: 20px 0 0 0;
}
/*
.boxBusiness05 .product {margin:0; padding:0;}
.boxBusiness05 .product .moji {width:40%; margin:20px 0 0 30px; float:left;}
.boxBusiness05 .product .moji p {margin:0; text-align:justify; font-size:90%; line-height:1.7;}
.boxBusiness05 .product .label {margin:30px 30px 0 0; float:right;}
.boxBusiness05 .store {margin:20px 0 20px 0; padding:20px 0; background:#fff;}
.boxBusiness05 .store .moji {margin:0 20px 0 30px; float:left;}
.boxBusiness05 .store .label {margin:0 30px 0 0; float:right;}
.boxBusiness05 .store li {font-size:85%; line-height:2;}
*/

/* =======================================

	歴代イヤーモデル缶詳細

========================================== */
.boxProductsYearmodel01 {
	max-width: 600px;
	padding: 30px 30px 60px;
	margin-left: auto;
	margin-right: auto;
	line-height: 180%;
}
.boxProductsYearmodel01 h1 {
	text-align: center;
	margin-bottom: 20px;
}
.boxProductsYearmodel01 .name {
	font-size: 143%;
}
.boxProductsYearmodel01 .text {
	float: left;
	width: 44%;
	font-size: 93%;
}
.boxProductsYearmodel01 .text p {
	margin-bottom: 20px;
	text-align: justify;
}
.boxProductsYearmodel01 .text .canImg {
	text-align: right;
}
.boxProductsYearmodel01 .img {
	width: 50%;
	float: right;
}
/* fancybox */
.fancybox-overlay .fancybox-close {
	top: 0;
}














/*カーソル合わせると動くボタン*/


.btn-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
}

.btn,
a.btn,
button.btn {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: /*1rem 4rem*/2px 51px 10px 45px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #231815;
	border-radius: 0.5rem;
	overflow: visible;
}

a.btn-border-shadow--radius {
	border-radius: 100vh;
}
a.btn-border-shadow {
	/*padding: calc(0.8rem - 14px) 3rem 0.8rem;*/
}

a.btn-border-shadow:before {
	position: absolute;
	top: -5px;
	left: -5px;

	width: 100%;
	height: 100%;

	content: "";
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;

	border: 1px solid #231815;
	border-radius: 0.5rem;
}

a.btn-border-shadow--radius:before {
	border-radius: 100vh;
}

a.btn-border-shadow:hover {
	padding: /*calc(0.8rem - 7px) 3rem*/ 6px 47px 5px 49px;
	opacity: 1;
	top: 0;
	left: 0;
}

a.btn-border-shadow:hover:before {
	top: -1px;
	left: -1px;
}


/*==============================

	メインビジュアル

===============================*/


/*ナビゲーション*/

nav{
	position: absolute;
	width: 100%;
	background: #ffffff url("../img/top/natural-paper.png") repeat;
	margin: 0 auto;
	padding: 6vh 0 10vh 0;
	top: 60vh;
	-webkit-box-shadow: 0 0 3px rgba(198,193,184,0.72);
	box-shadow: 0 0 3px rgba(198,193,184,0.72);
}

nav ul{
	width: 65vw;
	max-width: 850px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-around;
}

nav ul li{
	list-style: none;
	font-size: 22px;
	letter-spacing: 0.3em;
	text-align: left;
	writing-mode: vertical-lr;
	z-index: 501;
}

nav ul li a,nav ul li a:visited{
	color: #231815;
	text-decoration: none;
}
	

/*言語*/



.lang{
	position: absolute;
	top: 24px;
	right: 2vw;
	z-index: 999;
}
.lang li{
	list-style: none;
	float: left;
	padding: 10px 1vw;
	font-size: 15px;
}

.lang a{
	color: #ffffff;
	text-shadow: 0px 0px 7px #57503F;
}


/*TOPメインビジュアル*/
.mainlogo{
	width: 30vw;
	max-width: 300px;
	position: absolute;
	z-index: 503;
	top: 20vh;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.mainlogo img{
	width: 100%;
}


.shopicon{
	width: auto;
	text-align: right;
	position: absolute;
	top: 0;
	right: 3.5vw;
	z-index: 500!important;
}

.shopicon img{
	width: 8vw;
	max-width: 80px;
	height: auto;
	
	animation: r2 10s linear infinite alternate;
	transform-origin: center top;
}

@keyframes r2 {
	0%		{ transform: rotate(0deg); }
	20%		{ transform: rotate(0deg)}
	22%		{ transform: rotate(-5deg); }
	25%		{ transform: rotate(5deg); }
	28%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}

.shopicon img:hover{
	width: 8vw;
	max-width: 80px;
	height: auto;
		
	animation: r3 1s linear alternate;
	transform-origin: center top;
}
@keyframes r3 {
	0%		{ transform: rotate(0deg)}
	20%		{ transform: rotate(-5deg); }
	50%		{ transform: rotate(5deg); }
	70%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}

.scroll{
	width: auto;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: -55px;
	left: 0;
	right: 0;
}
.scroll img{
	width: 60px;
}


 /*==============================

	ピックアップ

===============================*/

.pickup{
	margin-top: 40vh;
	margin-bottom: 13vh;
	width: 95vw;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.pickup .title{
	margin-bottom: 5vh;
}

.pickup .t3{
	text-align: center;
	margin-top: 8px;
	margin-bottom: 10px;
	line-height: 18px;
}


/*==============================

	商品紹介

===============================*/

.toppage .product{
	padding-top: 4vh;
	padding-bottom: 8vh;
	margin-bottom: 0;
	background: #e8e3d8;
}

.toppage .product .title{
	margin-bottom: 2vh;
}

.p2, .p3{
	text-align: left;
	margin: 0;
}

.p2{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.07em;
	margin-top: 60px;
}

.p3{
	line-height: 35px;
	margin-top: 30px;
}

.pdt_p .btn-wrap{
	margin: 40px;
}

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	max-width: 700px;
	margin:0 auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*.tab-wrap:after {
	content: '';
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 100%;
	height: 3px;
	display: block;
	order: 1;
}*/
.tab-label {
	white-space: nowrap;
	text-align: center;
	padding: 10px .5em;
	margin-top: 2vh;
	order: 1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	opacity: 0.6;
	filter: saturate(60%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.tab-label:not(:last-of-type) {
	margin-right: 5px;
}

.tab-label:hover{
	filter: saturate(100%);
	opacity: 1;
}

.tab-label img{
	width: 50px;
}

.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	display: flex;
	justify-content: space-between;
}

.pdt_img{
	width: 56%;
	text-align: right;
}

.pdt_p{
	width: 40%;
}

.tab-content img{
	width: 95%;
}

.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	opacity: 1;
	transition: .9s opacity;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	opacity: 1;
	filter: saturate(100%);
}
/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}


.click{
	color: #231815;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: center;
}


.pdbtn-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 90vw;
	max-width: 700px;
	display: flex;
	justify-content: space-between;
}

.tab-content .btn-border-shadow{
	background-color: /*#e8e3d8*/#fffdf8;
}



.btn_a,
a.btn_a,
button.btn_a,
.btn_b,
a.btn_b,
button.btn_b {
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #ffffff;
	overflow: visible;
	border-radius: 0.5rem;
	width: 330px;
	padding-top: 6px;
	padding-bottom: 8px;
}

.btn_a{
	background-color: #231815;
	border: solid 2px #231815;
}

.btn_b{
	background-color: #860006;
	border: solid 2px #860006;
}

.btn_a:hover {
	background-color: transparent;
	border: solid 2px #231815;
	color: #231815;
}

.btn_b:hover {
	background-color: transparent;
	border: solid 2px #860006;
	color: #860006;
}

.pdbtn-wrap a:hover{
	opacity: 1;
}

.btn_a::after {
	background-color: transparent;
	border: solid 2px #231815;
	color: #231815;
}

.btn_b::after {
	background-color: transparent;
	border: solid 2px #860006;
	color: #860006;
}

.pdbtn-wrap a::after{
	opacity: 1;
}



/**** ブランド****/

.b2{
	width: 90vw;
	max-width: 700px;
	font-size: 18px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	letter-spacing: 0.2em;
	margin: 70px auto 50px;
	color: #444;
	display: flex;
	align-items: center;
}

.b2:before, .b2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.b2:before {
	margin-right: 1em;
}
.b2:after {
	margin-left: 1em;
}

.b3{
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.1em;
}

.brand{
	width: 90vw;
	max-width: 700px;
	display: flex;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}

.brand .btn-border-shadow{
	background-color: /*#e8e3d8*/#fffdf8;
}

.logo_img{
	width: 45vw;
	max-width: 260px;
	margin-bottom: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.product .t3{
	margin-bottom: 40px;
	width: 90vw;
	max-width: 630px;
	margin-left: auto;
	margin-right: auto;
}

.brand .btn-wrap{
	margin-top: 30px;
}




/*==============================

	店舗情報

===============================*/

.topstore h2,.topstore h3{
	color: #ffffff;
	margin: 0;
}

.topstore .title{
	margin-bottom: 4vh;
}

.topstore{
	background-color: #860006;
	padding-top: 2vh;
	padding-bottom: 4vh;
	z-index: 500;
	margin-bottom: 0!important;
	text-align: center;
}

.str_wrap{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	width: 90vw;
	max-width: 1100px;
	margin: 0 auto;
}

.str_honten,.str_cafe,.str_midori,.str_karuizawa,.str_suzaka,.str_tori {
	flex: 1;
	max-width: /*250px*/ 200px;
	font-feature-settings: "palt";
}

.topstore img{
	width: 80%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.topstore p{
	color: #ffffff;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.s2{
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}

.s4,.s3{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.s4{
	font-size:14px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.s3{
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 23px;
}


/*==============================

	カスタムブレンド

===============================*/

.cb{
	background-color: #860006;
	padding-bottom: 60px;
	margin-bottom: 0;
	text-align: center;
}

.cb img{
	width: 85vw;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cb_btn_wrap{
	width: 85vw;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;

}

.cb_btn,.cbpro_btn{
	width: 42vw;
	max-width: 550px;
	padding-top: 20px;
	position: relative;
	transition-duration: 0.5s; /*変化の時間*/
}

.cb_btn img,.cbpro_btn img{
	width: 38vw;
	max-width: 350px;
	margin-bottom: 15px;
}

.cb_p{
	display: flex;
	justify-content: center;
	align-items: baseline;
	padding-top: 8px;
	padding-bottom: 10px;
}

.cb_p p{
	margin: 0;
	letter-spacing: 0.05em;
}

.cb_btn,.cbpro_btn .cb_p{
	background-color: #C9AC78;
}

.cb_btn p{
	color: #C9AC78;
}

.cbpro_btn,.cb_btn .cb_p{
	background-color: #231815;
}

.cbpro_btn p{
	color: #231815;
}

.c2{
	font-size: 22px;
	font-weight: bold;
	padding-right: 5px;
}

.c3{
	font-size: 16px;
}

.cb_btn_wrap a:hover{
	/*opacity: 1;*/
}

.cb_btn:hover,.cbpro_btn:hover {
　transform: scale(1.2,1.2); /*画像の拡大*/
}




/*==============================

	七味の楽しみ方（レシピ）・アニバーサリー缶

===============================*/

.r_a{
	display: flex;
	justify-content: space-around;
	width: 90vw;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 130px;
	margin-bottom: 7vh;
	text-align: center;
}

.r_a a:hover{
	opacity: 1;
}

.ra_wrap{
	background-color: #e8e3d8;
	width: 43vw;
	max-width: 530px;
	border-radius: 15px;
	position: relative;
	padding-top: 50px;
	padding-bottom: 40px;
}

.ra_wrap img{
	position: absolute;
	top: -50px;
	width: 10vw;
	max-width: 150px;
	min-width: 120px;
	margin: auto;
}

.anniversary img{
	left: -30px;
}

.recipe img{
	right: -30px;
}

.ra_wrap a.btn-border-shadow {
	background: #fffdf8;
}

.r_a .btn-wrap{
	margin-top: 30px;
}

/*==============================

	ブログ1

===============================*/

.blog_title{
	margin-top: 5vh;
	margin-bottom: 2vh;
}

.blog1{
	width: 87vw;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 8vh;
	border-top: solid 1px #e8e3d8;
}


.blog1 dl{
	text-align: left; 
	display: block;
	border-bottom: solid 1px #e8e3d8;
	padding: 13px 10px 14px;
	margin: 0;
}


.blog1 dt{
	float: left;
	letter-spacing: 0.05em;
	position: relative;
	top: -3px;
}

.blog1 dl span{
	margin-right: 30px;
	padding: 5px 15px 6px 17px;
	background-color: #e8e3d8;
	display: inline-block;
	position: relative;
	top: -2px;
	font-size: 12px;
}

.blog1 dd{
	margin-inline-start: 222px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100％ - 200px);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.blog1 dd:hover{
	opacity: 0.6;
}

.blog1 .btn-wrap{
	margin-top: 40px;
	text-align: right;
}

.blog1 .btn-border-shadow {
  background: #e8e3d8;
}




/*==============================

	ブログ2

===============================*/

/*.blog_title{
	margin-top: 5vh;
	margin-bottom: 2vh;
}

.blog2{
	width: 87vw;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8vh;
}

.blogtitle2{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 0;
	border-bottom: solid 1px #e8e3d8;
}

.blogtitle2 img{
	width: 53%;
	margin-bottom: 0;
}

.blog_honten2,.blog_farm2{
	width: 42vw;
	max-width: 500px;
}

.blog2 dl{
	text-align: left; 
	display: block;
	border-bottom: solid 1px #e8e3d8;
	padding: 13px 10px 14px;
	margin: 0;
}

.blog2 dt{
	float: left;
	letter-spacing: 0.05em;
}

.blog2 dd{
	margin-inline-start: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100％ - 125px);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.blog2 dd:hover{
	opacity: 0.6;
}

.blog2 .btn-wrap{
	margin-top: 40px;
}

.blog2 .btn-border-shadow {
  background: #e8e3d8;
}*/



/*==============================

	コンテンツ

===============================*/

.contents{
	width: 90vw;
	max-width: 1100px;
	display: flex;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	
}

.contents .t3{
	margin-top: 10px;
	
}

.cts_ctoc .t2{
	letter-spacing: 0.05em;
}

.contents .btn-border-shadow--radius,.contents .btn-border-shadow--radius:before {
	border-radius: 15px;
	display: inline-block;
}

.contents .btn-border-shadow:before{
	top: -10px;
	left: -10px;
	border: 2px solid #231815;
}

.contents .btn-border-shadow{
	background-color: transparent;
	border: solid 2px #e8e3d8;
}

/*採用情報込み（z1）*/
/*.contents .btn-wrap{
	width: 28vw;
	max-width: 300px;
	height: auto;
}*//*z1ここまで*/

/*採用情報があるときは消す（z2）*/
.contents .btn-wrap{
	width: 22vw;
	max-width: 250px;
	height: auto;
	margin: 1vw;
}/*z2ここまで*/

.contents img{
    width: 70%;
    min-width: 90px;
	margin: 0 auto;
}

.contents .btn-border-shadow:hover:before {
	top: -2px;
	left: -2px;
}

.contents .btn,
.contents a.btn,
.contents button.btn {
	padding: /*1rem 4rem*/15px 27px 25px 13px;
}

.contents a.btn-border-shadow:hover {
	padding: /*calc(0.8rem - 7px) 3rem*/ 20px 20px;
	opacity: 1;
	top: 0;
	left: 0;
}


.top{
	display: block!important;
}
.totop{
	display: none!important;
}




/*==============================

	custom-blend
	カスタムブレンド ページ

===============================*/
/* about/ingredient/02.phpより移植 */
/* .boxIngredient04 カスタムブレンド全体 */
.custom-blend {
	background-color: #eae5da;
}
.custom-blend header {
	padding: 160px 0 0;
}
	.custom-blend header h1 {
		display: none;
	}
	.custom-blend header img {
		display: block;
		margin: 0 auto;
	}


/*.custom-blend .boxContentsWrapper {
	width: 900px;
	padding-top: 80px;
}*/

.custom-blend .intro {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-around;*/
	overflow: hidden;
    width: 740px;
    margin: 60px auto 130px;
}
.custom-blend .intro:after {
    content: "";
    display: block;
    clear: both;
}
	.custom-blend .intro section {
		float: left;
		width: 340px;
		margin-right: 60px;
		/*width: calc(100% / 2 - 30px);*/
	}
		.custom-blend .intro section:nth-child(2) {
			margin-right: 0;
			/*width: calc(100% / 2 - 30px);*/
		}
	.custom-blend .intro h3 {
		margin: 0 0 15px;
		padding: 10px 0;
		font-size: 30px;
		text-align: center;
		font-weight: bold;
		font-feature-settings: "palt";
		border-top: 3px solid #231815;
		border-bottom: 3px solid #231815;
		/*background-color: #c5a778;*/
	}
	.custom-blend .intro p {
		font-size: 18px;
		text-align: justify;
		text-justify: inter-character;
		line-height: 1.5;
	}

/*boxIngredient04*/
/*.cb-box {
	width: 740px;
	margin: 0 auto;
}*/
.custom-blend h3 {
  text-align: center;
  margin: 0 0 30px 0;
}
.custom-blend h3 img {
  width: 380px;
}
.custom-blend h4 {
  margin: 60px 0 15px 0;
  padding: 0;
  font-family: serif;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  line-height: 2.3em;
  letter-spacing: 0.1em;
  color: #C9AC78;
  border: solid 1px #f6f6ee;
  outline: solid 1px #C9AC78;
  background-color: #231815;
}
.boxIngredient04_caption {
	width: 740px;
	margin: 0 auto;
	padding: 1.5em;
	text-align: justify;
	line-height: 1.4;
	/*font-size: 110%;*/
	border: 1px solid #B72629;
	box-sizing: border-box;
}
.boxIngredient04_caption h5 {
	padding: 0 0 0.5em;
	font-weight: 600;
	text-align: center;
	font-size: 120%;
}

/* .osusumeList おすすめ調合コース */
/* .boxIngredient05 ベース */
.osusumeList {
	width: 740px;
    margin: 0 auto 60px;
}
.osusumeList p.caption {
  padding: 10px 0;
  font-size: 100%;
  text-align: center;
  line-height: 1.5;
}
.osusumeList table {
  width: 95%;
  margin: 0 auto;
  line-height: 1.5;
  /*border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dddddd;*/
}
.osusumeList table th {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 150%;
	font-weight: bold;
}
.osusumeList table th:after {
	content: '';
	-webkit-border-top: 1px solid;
	border-top: 1px solid #c0c0c0;
	flex: 1 1 auto;
	order: 1;
}
.osusumeList table th span:first-child {
	margin-right: 0.5rem;
}
.osusumeList table th span:last-child {
	margin-left: 0.5rem;
	order: 2;
}
.osusumeList table td {
	width: 100%;
	display: block;
	margin: 10px 0 0 0;
}
.osusumeList table td:last-child {
	margin: 10px 0 50px 0;
}
.osusumeList table ul li {
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 2px 8px;
	/*color: #C9AC78;*/
	color: #9e703e;
	font-size: 90%;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	border: 1px solid #C9AC78;
	border-radius: 3px;
}
.osusumeList table ul li:first-child {
	padding: 2px 5px 2px 0;
	font-size: 85%;
	border: none;
}

/* .sozaiList 素材単品 */
/* .boxIngredient06 素材単品 */
.sozaiList {
	width: 740px;
    margin: 0 auto 60px;
}
.sozaiList p.caption {
  padding: 10px 0;
  font-size: 100%;
  text-align: center;
  line-height: 1.5;
}
.sozaiList section {
  width: 325px;
  float: left;
}
.sozaiList section:last-child {
  float: right;
}
.sozaiList section h5 {
  text-align: center;
  margin: 0 0 20px 0;
}
.sozaiList section table {
  width: 100%;
  font-size: 90%;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dddddd;
}
.sozaiList table tr td {
  padding: 10px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
  vertical-align: middle;
  box-sizing: border-box;
  width: 60%;
}
.sozaiList table tr td:first-child {
  padding: 0 0 0 10px;
  width: 17%;
}
.sozaiList table tr td:last-child {
  text-align: right;
  padding: 0 10px 0 0;
  width: 25%;
}
.sozaiList table tr td img {
  width: 25px;
  height: auto;
}

/*. boxIngredient07 袋・缶紹介 */
.shiagari {
  width: 740px;
  margin: 10px auto 50px;
  /*font-size: 100%;*/
  line-height: 1.5;
}
.shiagari .inner {
  float: left;
  width: 50%;
  margin: 0 auto;
}
.shiagari img {
  width: 100%;
}
.shiagari .inner figcaption {
  padding: 10px 20px 0;
}

/*. boxIngredient08 リピート注文 */
.cb-repeat {
  width: 740px;
  margin: 0 auto 60px;
  padding: 20px 30px;
  line-height: 1.5;
  background-color: #ffffff;
  box-sizing: border-box;
}
.cb-repeat h4 {
  margin: 0 0 15px 0;
  font-family: serif;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  line-height: 2.3em;
  letter-spacing: 0.1em;
  color: #231815;
  border: solid 1px #f6f6ee;
  outline: solid 1px #C9AC78;
  background-color: #C9AC78;
}/* .boxIngredient04 h4の色違い */
.cb-repeat .inner {
}
.cb-repeat figure img {
  float: left;
  width: 284px;
  padding: 0 30px 0 0;
}
.cb-repeat figcaption {
	overflow: hidden;
}
.cb-repeat a {
	display: block;
	width: 200px;
	margin: 25px 0 0 0;
	color: #C9AC78;
	font-weight: bold;
	text-align: center;
	line-height: 2.5;
	letter-spacing: 0.1em;
	border: 2px solid #C9AC78;
	border-radius: 5px;
	background: #ffffff;
}
/* .boxIngredient09 プロのご案内 */
.cbpro-info {
  background-color: #202020;
  margin: 0;
  padding: 35px 45px;
  line-height: 150%;
}
.cbpro-info p {
  padding: 0 0 20px 0;
  color: #f6f6ee;
}
.cbpro-info h3 {
	text-align: center;
}
.cbpro-info img {
	width: 380px;
}
.cbpro-info a {
	display: block;
	width: 200px;
	margin: 25px auto 0 auto;
	text-align: center;
	line-height: 2.5;
	border: 1px solid #816533;
	border-radius: 3px;
	background: rgb(255,230,185);
	background: linear-gradient(180deg, rgba(255,230,185,1) 0%, rgba(227,196,140,1) 12%, rgba(215,185,130,1) 35%, rgba(180,142,72,1) 80%);
}









/*==============================

	business　BtoBページ

===============================*/
.business .button {}
.business .button a {
	display: block;
	max-width: 290px;
	margin: 0 auto;
	color: #FFFDF8;
	text-align: center;
	line-height: 3em;
	border-radius: 3px;
	background-color: #333333;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
	.business .button.white a {
		display: block;
		max-width: 290px;
		margin: 0 auto;
		color: #333333;
		text-align: center;
		line-height: 3em;
		border-radius: 3px;
		background-color: #FFFDF8;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	}

.business .button.mini a {
	display: block;
	max-width: 230px;
	margin: 0 auto;
	color: #333333;
	text-align: center;
	line-height: 2em;
	font-size: 11px;
	border-radius: 3px;
	border: 1px solid #707070;
	background-color: #ffffff;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
	/*.business .button.mini a:before {
		content: "-";
		margin-right: 5px;
		margin-left: 5px;
	}*/


.business {}

.business .section_title {
	text-align: center;
}
.business .section_title h3 {
	margin: 0 0 30px;
	font-size: 45px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.business .section_title p {
	font-size: 18px;
	line-height: 1.7;
}

.business #business_header {
	position: relative;
	height: 600px;
	padding: 0 0 100px;
	background-color: #FFFDF8;
}

.business #business_header .header_main_img {
	position: absolute;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/top/topmain.png);
	background-color: #E8E3D8;
}

.business #business_header .header_main_img img {
	/*width: 100%;*/
}

.business .intro {
	position: absolute;
	width: 800px;
	max-width: 70vw;
	max-height: 170px;
	margin: 0;
	padding: 30px;
	top: 450px;
	left: 50%;
	-ms-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	overflow: hidden;
}
.business .intro h2 {
	font-size: 36px;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
	.business .intro h2 span {
		display: block;
		padding: 10px 0 20px;
		font-size: 15px;
	}
.business .intro p {
	font-size: 16px;
	line-height: 1.7;
}


/* --- 小売用商品 --- */
.business #kouri {
	position: relative;
	width: 100%;
	padding: 70px 0 100px;
	background-color: #FFFDF8;
}
.business #kouri .cardContainer {
	display: flex;
	justify-content: space-between;
	width: 90vw;
    max-width: 1100px;
    margin: 0 auto;
}
.business #kouri .cardBox {
	flex: 1;
	padding: 30px 20px;
	background-color: #FFFDF8;
}
.business #kouri table {
	width: 100%;
	margin: 20px auto 10px;
}
.business #kouri table img {
	max-height: 150px;
}
.business #kouri table th,
.business #kouri table td {
	padding: 7px 0 7px;
	line-height: 1.2;
	border-bottom: 1px solid #eee;
}
	.business #kouri table tr:first-child td {
		text-align: center;
		border: none;
		}
	.business #kouri table th {
		font-weight: bold;

	}
	.business #kouri table td {
		padding: 7px 0 7px;
	}
	.business #kouri table .caption {
		padding: 7px 0 12px;
		font-size: 18px;
		text-align: center;
		border: none;
	}

.business #kouri .pop {
	width: 90vw;
    max-width: 1100px;
    margin: 70px auto 0;
	padding: 20px;
	box-sizing: border-box;
	background-color: #E8E3D8;
}
.business #kouri .pop .inner {
	display: inline-flex;
	justify-content: center;
}
.business #kouri .pop h3 {
	margin: 0 auto 15px;
	text-align: center;
	font-size: 20px;
}
.business #kouri .pop p {
	margin: 0 auto 30px;
	text-align: center;
}
.business #kouri .pop .inner img {
	width: 45%;
	height: 45%;
	padding: 0 10px;
}
/* ボタン */
.business #kouri .button {
	text-align: center;
	margin: 0 auto;
}
.business #kouri .button a {
	display: inline-block;
	width: 290px;
}


/* --- 業務用商品 --- */
.business #gyomu {
	position: relative;
	width: 100%;
	padding: 70px 0;
	background-color: #E8E3D8;
}
.business #gyomu h4 {
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}
	.business #gyomu h4:before {
	  position: absolute;
	  top: calc(50% - 1px);
	  left: 0;
	  width: 100%;
	  height: 1px;
	  content: '';
	  background: #707070;
	}
	.business #gyomu h4 span {
	  position: relative;
	  padding: 0.8em 1.3em;
	  border: 1px solid #707070;
	  background: #fff;
	}
.business #gyomu .container {
	display: flex;
	width: 90vw;
    max-width: 1100px;
    margin: 30px auto 20px;
}
.business #gyomu .for_restaurant,
.business #gyomu .for_maker {
	padding: 30px 20px;
	text-align: center;
	/*background-color: #FFFDF8;*/
}
	.business #gyomu .for_restaurant {
		width: 70%;
	}
	.business #gyomu figure {
		display: inline-block;
	}
	.business #gyomu figcaption span {
		line-height: 1.7;
		font-size: 18px;
		font-weight: bold;
	}
	.business #gyomu .for_restaurant figure {
		width: 30%;
	}
	.business #gyomu .for_maker {
		width: 30%;
	}

.business #gyomu img {
	max-height: 160px;
	padding: 0 0 10px;
}

.business #gyomu .button {
	text-align: center;
	margin: 0 auto;
}
.business #gyomu .button a {
	display: inline-block;
	width: 290px;
}


/* --- 商品開発 --- */
.business #kaihatsu {
	position: relative;
	width: 100%;
	padding: 100px 0;
	background-color: #FFFDF8;
}
.business #kaihatsu .cardContainer {
	width: 90vw;
    max-width: 1100px;
    margin: 50px auto 0;
}
.business #kaihatsu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.business #kaihatsu li {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 31%;
	padding: 30px 20px;
	text-align: center;
	background-color: #C9AC78;
}
.business #kaihatsu .button.mini {
	margin-top: auto;
}
.business #kaihatsu .button.mini a {
	margin: 30px auto 0!important;
}
.business #kaihatsu h4 {
	margin: 20px 0;
	font-size: 20px;
	font-weight: bold;
	font-feature-settings: "palt";
}
.business #kaihatsu .cardContainer p {
	/*width: 80%;*/
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.7;
}
.business #kaihatsu h5 {
	padding: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	font-feature-settings: "palt";
}
.business #kaihatsu img {
	width: 100px;
	margin: 0 auto;
}


/* --- 海外輸出用商品 --- */
.business #overseas {
	position: relative;
	width: 100%;
	padding: 70px 0;
	color: #FFFDF8;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/business/overseas_map.png);
	background-color: #252525;
}
.business #overseas .section_title h3 span {
	display: block;
	padding: 5px 0 0;
	font-size: 20px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.business #overseas .overseas_mail {
	width: 90%;
	margin: 50px auto 0;
	text-align: center;
}
.business #overseas .overseas_mail h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}
.business #overseas .overseas_mail a {
	display: inline-block;
	margin: 10px auto 0;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

/* ボタン */
.business #overseas .button {
	margin: 30px auto 0;
	text-align: center;
}
.business #overseas .button a {
	display: inline-block;
	width: 290px;
}