@charset "utf-8";

.separate-recipe:before {
  content:"|";
  margin:0 1em;
}

.infoblock {
  display:inline-block;
  margin-bottom:1em;
  font-weight:normal;
}
.intro-box {
  position:relative;
  width:100%;
  overflow:hidden;
}
.intro-box p {
  display:inline;
}

.intro-box p:after,
.intro-box p:before {
  position: absolute;
}

#main h2.tit-recipe {
	background-color:transparent;
  margin:0 0 15px;
  line-height:1.5;
  border-bottom:0;
  padding:0;
  font-size:20px;
  color:#333;
  text-align:left;
}

h2.tit-recipe a {
  color:#333;
}
h2.tit-recipe a.hover,
h2.tit-recipe a:hover,
h2.tit-recipe a:active {
  text-decoration: underline;
}

hr.recipe {
  border-color:#b2b2b2;
  border-width:2px;
}


.introtext p {
  line-height:1.5;
  height:4.5em;
  overflow:hidden;
  margin-bottom:27px;
  font-weight:normal;
  text-align: justify;
}

.maintext p {
  line-height:1.8;
  margin-bottom:10px;
  font-weight:normal;
  text-align: justify;
}

.recipe-page.recipe-main {
	margin-bottom:60px;
}

.btn-next {
  font-size:16px;
  font-weight:normal;
  margin-bottom:10px;
	margin-top:20px;
}

.btn-next a {
  display:block;
  box-sizing:border-box;
  padding:7px 40px;
  background-color:#000;
  color:#fff;
  line-height:1;
}

.btn-next a.hover,
.btn-next a:hover,
.btn-next a:focus,
.btn-next a:active {
  background-color:#fff;
  border:1px solid #000;
	font-weight:bold;
  color:#000;
  -webkit-transision:all 0.3s ease 0s;
  -moz-transision:all 0.3s ease 0s;
  -ms-transision:all 0.3s ease 0s;
  -o-transision:all 0.3s ease 0s;
  transision:all 0.3s ease 0s;
}

@media (max-width:767px) {
	.recipe-page.recipe-main {
		margin-bottom:20px;
	}
	.btn-next {
		float:none!important;
		display:block!important;
		margin:0 auto 10px;
		width:200px;
		text-align:center;
	}
}








.mtb10 {
  margin:10px 0;
}

.tit, .txt {
  font-size:18px;
  font-weight:bold;
  font-feature-settings : "palt" 1;
}
.tit {
  text-align: right;
}

.question {
  color:#333;
}
.question.tit {
}
.question.txt {
}

.answer {
  color:#ff7000;
}
.answer.tit {
}
.answer.txt {
}









.mb5 {
  margin-bottom:5px;
}


.title-header {
  position:relative;
  margin-bottom:1em;
}

.title-header h2.tit-achievement {
  text-align:center;
  position:absolute;
  top:45%;
}

.main-item-body {
  min-height:400px;
  line-height:2;
}

#cat-faq .faqbody {
  margin-bottom:3em;
}
#cat-faq .answer {
  margin-top:.5em;
}

/* cat-products */

#cat-products h2.tit-products {
  font-size:20px;
  border-bottom:0;
  margin:10px 0;
  padding:0;
  text-align:left;
  line-height:1.5;
}

#cat-products .table-wrapper {
  box-sizing:border-box;
  border:3px solid #ff7f00;
  padding:0;
  margin:3em 0 2em;
}

#cat-products .table {
  display:block;
  margin-top:0;
  margin-bottom:0;
  border:0;
  width:100%;
}

#cat-products .table th,
#cat-products .table td {
  border-top:0;
  background-color:transparent;
  white-space:normal;
  display:block;
  width:100%;
}
#cat-products .table th {
  font-weight:bold;
}

#cat-products .table tbody {
  display:block;
}

#cat-products .table tr {
  display:block;
  border-bottom:0;
}

#cat-products .table tr:last-child {
  border-bottom:0;
}

#cat-products .table td {
  border-left:0;
}

@media (min-width:768px) {
  #cat-products .table-wrapper {
	padding:10px 20px;
	border-radius:3px;
	margin:2em 0 1em;
  }

  #cat-products .table {
	display:table;
	width:100%;
  }

  #cat-products .table tbody {
	display:table-row-group;
  }

  #cat-products .table tr {
	display:table-row;
	border-bottom:1px dashed #ccc;
  }

  #cat-products .table tr:last-child {
	border-bottom:0;
  }

  #cat-products .table td {
	border-left:1px dashed #ccc;
  }

  #cat-products .table th,
  #cat-products .table td {
	display:table-cell;
	border-top:0;
	background-color:#fff;
	white-space:normal;
  }

}

#cat-products .category-desc {
  margin-bottom:3em;
}
#cat-products .product-item {
  margin-bottom:3em;
  border-bottom:2em solid #efefef;
}

#cat-products .products-separater:before {
  content:'|';
  margin:0 1em;
}

.label.color01 {
  background-color:#00695C;
  color:#fff;
  border-radius:0;
  padding-top:6px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
}
.label.color02 {
  background-color:#1565C0;
  color:#fff;
  border-radius:0;
  padding-top:6px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
}

#cat-achievement #content-top {
  margin-top:10px;
}