@charset "utf-8";
/*--------------------------------------------------------------------
共通
--------------------------------------------------------------------*/
.commonTtl {
	margin-bottom: 26px;
	text-align: center;
	line-height: 1;
}

.commonTtl i {
	display: block;
	margin-bottom: 6px;
}

.commonTtl span {
	font-size: 24px;
	letter-spacing: 0.3em;
}

.lowKv {
	height: 300px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.lowKv h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.3em;
	position: absolute;
	width: 100%;
	max-width: 100%;
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
}

.lowKv h2 i {
	display: block;
	margin-bottom: 5px;
}

.brand .lowKv {
	background-image: url("../img/brand/mv.jpg");
}

.use .lowKv {
	background-image: url("../img/use/mv.jpg");
}

.recipe .lowKv {
	background-image: url("../img/recipe/mv.jpg");
	background-position: center top;
}

.products .lowKv {
	background-image: url("../img/products/mv.jpg");
	background-position: center top;
}

.event .lowKv {
	background-image: url("../img/event/mv.jpg");
}

.faq .lowKv {
	background-image: url("../img/faq/mv.jpg");
}

.special .lowKv {
	background-image: url("../img/special/mv.jpg");
}

.report .lowKv {
	background-image: url("../img/report/mv.jpg");
}

.livereport .lowKv {
	background-image: url("../img/livereport/mv.jpg");
}

.lowTtl {
	padding: 25px 15px;
	line-height: 1;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.lowTtl.h2 {
	padding: 32px 15px 39px;
}

.lowTtl i {
	display: block;
	margin-bottom: 8px;
}

.lowTtl span {
	font-size: 24px;
	letter-spacing: 0.3em;
	line-height: 1.5;
}

.lowTtlBl {
	text-align: center;
}

.lowTtlBl i {
	display: inline-block;
	width: 160px;
	height: 20px;
	position: relative;
	margin-bottom: 3px;
	background: #000;
}

.lowTtlBl i img {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.lowTtlBl span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.leadArea {
	padding-top: 54px;
	margin-bottom: 47px;
	text-align: center;
}

.leadArea .ttl {
	margin-bottom: 26px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.leadArea p {
	font-size: 17px;
	line-height: 2.5;
}

.leadArea p + p {
	padding-top: 37px;
}

.contNav a {
	width: 125px;
	height: 75px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	color: #a0a0a0;
	font-size: 13px;
	line-height: 1.3;
	border-bottom: 5px solid #f0f0f0;
}

.contNav a.is-now {
	color: #000;
	border-color: #000;
	pointer-events: none;
}

.contNav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.accList .blc {
	border-top: rgba(0, 0, 0, 0.5) 1px solid;
}

.accList .place {
	padding: 20px 42px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.3em;
	cursor: pointer;
	transition: 0.3s;
}

.accList .place::before,
.accList .place::after {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 24px;
	transition: transform 0.3s;
}

.accList .listWrap {
	display: none;
	padding: 38px 40px;
	background: #f0f0f0;
	font-size: 16px;
}

.accList dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.accList dl + dl {
	padding-top: 1.55em;
}

.accList dt {
	width: 40%;
	margin-right: 0.8em;
	padding-left: 1.4em;
	text-indent: -1.4em;
}

.accList dd {
	flex: 1;
}

.formArea {
	padding: 50px 130px 0;
}

.formArea section:last-of-type {
	margin-bottom: 100px;
}

.formArea dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}

.formArea dl.agreement {
	margin-top: 100px;
}

.formArea dl.agreement dd .wpcf7-form-control-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.formArea dl.agreement dd .alert {
	margin: 10px auto 0;
	text-align: center;
}

.formArea dl.agreement dd .wpcf7-list-item-label {
	font-size: 20px;
}

.formArea dl:last-child {
	margin-bottom: 60px;
}

.formArea .selectSec dl {
	margin-bottom: 20px;
}

.formArea .selectSec dl:last-child {
	margin-bottom: 0;
}

.formArea dt {
	width: 230px;
	position: relative;
	padding-right: 70px;
	margin-right: 10px;
	font-size: 20px;
	letter-spacing: 0.2em;
}

.formArea dt .must {
	display: inline-block;
	width: 60px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 6px 0;
	text-align: center;
	font-size: 17px;
	color: #9d0c31;
	border: 1px solid #9d0c31;
	letter-spacing: 0.1em;
}

.formArea dt i {
	font-size: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

.formArea dd {
	flex: 1;
	font-size: 0;
}

.formArea input:not([type="submit"]),
.formArea textarea,
.formArea select {
	width: 100%;
	padding: 9px 10px;
	background: #f0f0f0;
	font-size: 20px;
	letter-spacing: 0.1em;
	border-radius: 0;
}

.formArea select {
	padding: 5px 10px;
	padding-right: 45px;
}

.formArea textarea {
	height: 200px;
	padding: 5px 10px;
}

.formArea ::placeholder {
	opacity: 0.8;
}

.formArea .inpDouble {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.formArea .inpDouble input {
	width: 49%;
}

.formArea .inpSingle input {
	margin-bottom: 8px;
}

/* .formArea .inpSingle input:last-of-type{
  margin-bottom: 0;
} */
.formArea .selTriple {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.formArea .selTriple .select {
	width: 150px;
}

.formArea .selTriple .select:first-of-type {
	width: 180px;
}

.formArea .select {
	position: relative;
}

.formArea .select option:first-child {
	display: none;
}

.formArea .select::after {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}

.formArea .submit {
	position: relative;
	width: 460px;
	height: 100px;
	margin: 0 auto;
}

.formArea .submit input {
	position: relative;
	/*z-index: 1;*/
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url("../img/common/btn_send.jpg") no-repeat center center/contain;
}

.formArea .commonBtn {
	padding-top: 60px;
}

.formArea .back {
	width: 460px;
	margin: 0 auto;
	font-size: 0;
}

.formArea .back img {
	width: 100%;
}

.formArea .at {
	display: inline-block;
	padding-top: 5px;
	color: #787878;
	cursor: pointer;
	font-size: 14px;
}

.formArea .popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.formArea .popup .cont {
	width: 500px;
	height: 400px;
	padding: 75px 40px 30px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.formArea .popup img {
	width: 100%;
}

.formArea .popup p {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.1em;
}

.formArea .popup .close {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	top: -344px;
	right: -214px;
	margin: auto;
	cursor: pointer;
}

.formArea .popup .close::before,
.formArea .popup .close::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #000;
	transform: rotate(45deg);
	transiton: opacity 0.3s;
}

.formArea .popup .close::before {
	width: 42px;
	height: 3px;
}

.formArea .popup .close::after {
	width: 3px;
	height: 42px;
}

.formArea .inpTriple {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.formArea .inpTriple i {
	display: inline-block;
	margin: 0 1em 0 0.5em;
	padding-top: 0.2em;
	font-size: 20px;
}

.formArea .inpTriple i:last-of-type {
	margin-right: 0;
}

.formArea .inpTriple input {
	width: 22%;
}

.formArea .inpTriple input:first-of-type {
	width: 28%;
}

.formArea .mailSec dl:last-child {
	margin-bottom: 37px;
}

.formArea .privacyBox {
	height: 200px;
	margin-bottom: 100px;
	padding: 15px 20px;
	overflow-y: auto;
	font-size: 13px;
	line-height: 2;
	background: #f0f0f0;
}

.formArea .alert {
	display: block;
	font-size: 20px;
	background: #9d0c31;
	color: #fff;
	padding: 4px 10px;
	width: 245px;
	margin-top: 10px;
	letter-spacing: 0.1em;
}

.formArea .error input:not([type="submit"]),
.formArea .error select,
.formArea .error textarea {
	background: #edd1d9;
}

.pagerArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.pagerArea > * {
	display: block;
	width: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 8px 0;
	color: #a0a0a0;
	border-bottom: 5px solid #f0f0f0;
}

.pagerArea a:visited,
.pagerArea a:link {
	color: #a0a0a0;
}

.pagerArea a.is-now:visited,
.pagerArea a.is-now:link,
.pagerArea a.is-now {
	color: #000;
	border-color: #000;
	pointer-events: none;
}

.commonBtn {
	padding-top: 82px;
	text-align: center;
}

.commonBtn a {
	display: inline-block;
	width: 480px;
	margin-bottom: 40px;
}

.commonBtn a:last-child {
	margin-bottom: 0;
}

.commonBtn a img {
	width: 100%;
}

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

	.inner {
		width: 1000px;
		margin: 0 auto;
	}

	.headWrap, .mainWrap, .footWrap {
		min-width: 1100px;
	}

	a[href^="tel:"] {
		pointer-events: none;
	}

	a {
		transition: 0.3s;
	}

	a:hover {
		opacity: 0.5;
	}

	.hoverBtn {
		position: relative;
		display: block;
		cursor: pointer;
	}

	.hoverBtn::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(255, 255, 255, 0.5);
		opacity: 0;
		transition: 0.3s;
		z-index: -1;
	}

	/* .hoverBtn:hover,
	.hoverBtn:hover::before{
	  opacity: 1
	} */
	/* .contNav a:hover{
	  opacity: 1;
	  color: #000;
	  border-color: #000;
	}
	.accList .blc .place:hover{
	  opacity: 0.5;
	}
	.formArea .popup .close:hover{
	  opacity: 0.5;
	} */
	/* .formArea .submit::after{
	  content: "";
	  display: block;
	  width: 100%;
	  height: 100%;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: contain;
	  background-image: url("../img/common/btn_send_on.jpg");
	  pointer-events: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 0;
	} */
	.formArea .submit input {
		transition: 0.3s;
	}

	.formArea .submit input:hover {
		opacity: .5;
	}

	/* .formArea .submit input:hover {
	  opacity: 0;
	}
	.pagerArea a:hover{
	  opacity: 1;
	  color: #000;
	  border-color: #000;
	} */
	/* .commonBtn a img{
	  transition: 0.3s;
	}
	.commonBtn .back{
	  background: url("../img/common/btn_back_on.jpg")no-repeat center center/contain;
	}
	.commonBtn .online{
	  background: url("../img/common/btn_online_on.jpg")no-repeat center center/contain;
	}
	.commonBtn .more{
	  background: url("../img/common/btn_more_on.jpg")no-repeat center center/contain;
	}
	.commonBtn a:hover{
	  opacity: 1;
	}
	.commonBtn a:hover img{
	  opacity: 0;
	} */
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}

	.inner {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.commonTtl span {
		font-size: 22px;
	}

	.lowKv {
		height: 130px;
	}

	.lowKv h2 {
		font-size: 24px;
	}

	.brand .lowKv {
		background-image: url("../img/brand/mv_sp.jpg");
	}

	.use .lowKv {
		background-image: url("../img/use/mv_sp.jpg");
	}

	.recipe .lowKv {
		background-image: url("../img/recipe/mv_sp.jpg");
	}

	.products .lowKv {
		background-image: url("../img/products/mv_sp.jpg");
	}

	.event .lowKv {
		background-image: url("../img/event/mv_sp.jpg");
	}

	.faq .lowKv {
		background-image: url("../img/faq/mv_sp.jpg");
	}

	.special .lowKv {
		background-image: url("../img/special/mv_sp.jpg");
	}

	.report .lowKv {
		background-image: url("../img/report/mv_sp.jpg");
	}

	.livereport .lowKv {
		background-image: url("../img/livereport/mv_sp.jpg");
	}

	.lowTtl span {
		/*font-size: 19px;*/
		font-size: 17px;
	}

	.lowTtlBl i {
		width: 100px;
		height: 16px;
		margin-bottom: 0;
	}

	.lowTtlBl i img {
		height: 9px;
	}

	.lowTtlBl span {
		/*font-size: 19px;*/
		font-size: 20px;
	}

	.lowTtl.h2 {
		padding: 32px 15px;
	}

	.leadArea {
		padding-top: 30px;
		margin-bottom: 60px;
	}

	.leadArea .ttl {
		margin-bottom: 30px;
		font-size: 22px;
	}

	.leadArea p {
		font-size: 13px;
		line-height: 2;
	}

	.leadArea p + p {
		padding-top: 20px;
	}

	.contNav ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.contNav li {
		width: 25%;
		margin-bottom: 10px;
	}

	.contNav a {
		width: 100%;
		height: 50px;
		color: #a0a0a0;
		font-size: 10px;
		border-width: 3px;
		font-feature-settings: "palt";
	}

	.accList .place {
		padding: 15px 20px;
		font-size: 16px;
	}

	.accList .listWrap {
		padding: 15px;
		font-size: 13px;
	}

	.accList dl {
		display: block;
	}

	.accList dt {
		width: 100%;
	}

	.formArea {
		padding: 35px 0 0;
	}

	.formArea section:last-of-type {
		margin-bottom: 30px;
	}

	.formArea dl {
		display: block;
		margin-bottom: 20px;
	}

	.formArea dl:last-child {
		margin-bottom: 20px;
	}

	.formArea .selectSec dl {
		margin-bottom: 20px;
	}

	.formArea .selectSec dl:last-child {
		margin-bottom: 0;
	}

	.formArea dt {
		width: 100%;
		padding-right: 40px;
		margin-right: 0;
		font-size: 14px;
	}

	.formArea dt .must {
		width: auto;
		padding: 1px 8px;
		font-size: 12px;
		line-height: 1;
	}

	.formArea input:not([type="submit"]),
	.formArea textarea,
	.formArea select {
		font-size: 13px;
	}

	.formArea textarea {
		height: 120px;
	}

	.formArea .inpSingle input {
		margin-bottom: 5px;
	}

	.formArea .inpSingle input:last-of-type {
		margin-bottom: 0;
	}

	.formArea .selTriple .select {
		width: 30%;
	}

	.formArea .selTriple .select:first-of-type {
		width: 36%;
	}

	.formArea .select::after {
		width: 10px;
		height: 10px;
		right: 10px;
		top: 8px;
	}

	.formArea .at {
		display: block;
		font-size: 12px;
		text-align: right;
	}

	.formArea .submit {
		width: 100%;
		max-width: 460px;
		height: auto;
		position: relative;
		margin: 0 auto;
	}

	.formArea .submit::before {
		content: "";
		display: block;
		width: 100%;
		padding-top: 25%;
	}

	.formArea .submit input {
		position: absolute;
		top: 0;
		left: 0;
	}

	.formArea .commonBtn {
		padding-top: 30px;
	}

	.formArea .back {
		display: block;
		width: 100%;
		max-width: 460px;
	}

	.formArea .popup .cont {
		width: 300px;
		height: 236px;
		padding: 40px 26px 30px;
	}

	.formArea .popup p {
		margin-bottom: 16px;
		font-size: 13px;
		letter-spacing: 0em;
	}

	.formArea .popup .close {
		top: -214px;
		right: -130px;
	}

	.formArea .popup .close::before {
		width: 26px;
		height: 2px;
	}

	.formArea .popup .close::after {
		width: 2px;
		height: 26px;
	}

	.formArea .inpTriple i {
		padding-top: 0.5em;
		font-size: 14px;
	}

	.formArea .inpTriple i:last-of-type {
		margin-right: 0;
	}

	.formArea .inpTriple input {
		width: 27%;
	}

	.formArea .inpTriple input:first-of-type {
		width: 33%;
	}

	.formArea .mailSec dl:last-child {
		padding-top: 20px;
		margin-bottom: 20px;
	}

	.formArea .privacyBox {
		height: 150px;
		margin-bottom: 60px;
		padding: 15px;
		font-size: 12px;
	}

	.formArea .alert {
		font-size: 13px;
		width: 150px;
	}

	.formArea dl.agreement {
		margin-top: 60px;
	}

	.formArea dl.agreement dd .wpcf7-list-item-label {
		font-size: 14px;
	}

	.pagerArea > * {
		width: 35px;
		font-size: 15px;
		padding: 5px 0;
		border-width: 3px;
	}

	.commonBtn {
		padding-top: 50px;
	}

	.commonBtn a {
		width: 100%;
		max-width: 480px;
	}
}

/*--------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------*/
.headWrap {
	width: 100%;
	padding: 23px 0;
	background: #000;
}

.headCont {
	width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
}

.headWrap h1 {
	width: 175px;
	height: auto;
}

.headWrap h1 img {
	width: 100%;
	height: auto;
}

.headTrg {
	display: none;
}

.headNav {
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 12px;
	transition: opacity 0.3s;
	margin-left: 45px;
}

.headNav li {
	padding: 14px 0;
}

.headNav li:first-child {
	margin-left: 0;
}

.headNav a {
	display: block;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.3px;
	line-height: 1;
}

.headNavSub:nth-child(1){
	margin-right: 48px;
}
.headNavSub:nth-child(2){
	margin-right: 36px;
}
.headNavSub:nth-child(3){
	margin-right: 50px;
}
.headNavSub:nth-child(4){
	margin-right: 23px;
}


.headBtn + .headBtn {
	margin-left: 20px;
}

.headBtn a {
	width: 120px;
	height: 21px;
	line-height: 21px;
	text-align: center;
}

.headBtn.yellow a {
	background: #d2b432;
}

.headBtn.red a {
	background: #dc0c31;
}

@media screen and (max-width: 767px) {
	.headWrap {
		position: relative;
		padding: 0;
	}

	.headCont {
		width: 100%;
		height: 56px;
		padding: 15px 0;
	}

	.headBg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #000;
	}

	.headWrap h1 {
		width: 120px;
		position: relative;
		z-index: 3;
		margin-left: 15px;
	}

	.headTrg {
		display: block;
		width: 55px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		padding: 14px;
		background: #6F6F6F;
	}

	.headTrgInner {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}

	.headTrg span {
		width: 100%;
		height: 4px;
		background: #000000;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		transition: .5s;
	}

	.headTrg span:nth-child(1) {
		top: 0;
	}

	.headTrg span:nth-child(2) {
		top: 12px
	}

	.headTrg span:nth-child(3) {
		top: 24px;
	}

	.js-active .headTrg {
		background: #6F6F6F;
	}

	.js-active .headTrg span:nth-child(1) {
		transform: translateY(12px) rotate(45deg);
	}

	.js-active .headTrg span:nth-child(2) {
		transform: translateX(-5px);
		opacity: 0;
	}

	.js-active .headTrg span:nth-child(3) {
		transform: translateY(-12px) rotate(-45deg);
	}

	html.is-active_nav {
		overflow: hidden;
		height: 100%;
	}

	html.is-active_nav body::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
		position: absolute;
		top: 0;
		left: 0;
	}

	.headNav {
		display: block;
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		margin-top: 0;
		opacity: 0;
		pointer-events: none;
		max-width: 100%;
		margin-left: 0;
	}

	.js-active .headNav {
		padding-top: 56px;
		opacity: 1;
		pointer-events: all;
	}

	.headNav li {
		display: block;
		margin: 0;
		padding: 0;
		line-height: 1;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	.headNav li.yellow {
		border-bottom: none;
	}

	.headNav a {
		height: 100%;
		padding: 25px 0 22px;
		text-align: center;
		font-size: 13.5px;
	}

	.headNav span {
		display: block;
		margin-bottom: 3px;
	}

	.headBtn + .headBtn {
		margin-left: 0;
	}

	.headBtn a {
		width: 100%;
		height: auto;
		margin-bottom: 0;
		line-height: 1;
		padding: 12px 0 17px;
	}
}

/*--------------------------------------------------------------------
フッター
--------------------------------------------------------------------*/
.footWrap {
	color: #fff;
	background: #000;
}

.footNav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0 56px;
	letter-spacing: 0.1em;
}

.footNav a {
	color: #fff;
}

.footNav li {
	margin-left: 1.5em;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.57;
}

.footNav .ttl {
	display: block;
	margin-bottom: 13px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
}

.footNav .topCont {
	padding-top: 31px;
}

.footNav .cate {
	margin-bottom: 13px;
	padding-top: 4px;
}

.footNav .low::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 10px;
	margin-right: 0.8em;
	background: url("../img/common/icon_arw.svg") no-repeat center center/contain;
}

.footNav section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footNav ul:nth-of-type(2) {
	margin-left: 154px;
}

.footNav .company {
	margin-left: 125px;
}

.footBtm {
	padding: 40px 0 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.footBtm .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footCopy {
	padding-top: 11px;
	font-size: 13px;
	letter-spacing: 1.3px;
}

@media screen and (max-width: 767px) {
	.footNav {
		display: block;
		padding: 25px 15px;
	}
	.footNav .topCont {
		padding-top: 26px;
	}
	.footNav .sitemap {
		margin-bottom: 20px;
	}

	.footNav li {
		margin-left: 0.8em;
		font-size: 12px;
		letter-spacing: 0;
	}

	.footNav .ttl {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.footNav .cate {
		margin-bottom: 2px;
		padding-top: 6px;
	}

	.footNav .low::before {
		width: 7px;
		height: 8px;
		margin-right: 0.8em;
	}

	.footNav ul:nth-of-type(2) {
		margin-left: 25px;
	}

	.footNav .company {
		margin-left: 0;
	}

	.footNav .company li:first-child img {
		width: 80%;
	}

	.footBtm {
		padding: 25px 0;
	}

	.footBtm img {
		width: 150px;
		height: auto;
	}

	.footCopy {
		padding-top: 0;
		font-size: 11px;
		text-align: right;
		line-height: 1.5;
	}
}

/*--------------------------------------------------------------------
会員登録用（KD追記 2020.1.29）
--------------------------------------------------------------------*/
.formArea .at2 {
	display: inline-block;
	padding-top: 5px;
	color: #787878;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.formArea .at2 {
		display: block;
		font-size: 12px;
		text-align: left;
	}
}

/*--------------------------------------------------------------------
ドクター斎藤　特集ページ用（KD追記 2020.2.20）
--------------------------------------------------------------------*/
.spcon .lowKv h2 {
	padding-top: 82px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
	letter-spacing: 0em;
}

.spcon .lowKv {
	height: 200px !important;
	/*background-image: url(../img/brand/mv.jpg);*/
	background: #d2b432;
}

@media screen and (max-width: 767px) {
	.spcon .lowKv h2 {
		padding-top: 50px;
		font-size: 24px;
	}

	.spcon .lowKv {
		height: 160px !important;
		/*background-image: url("../img/brand/mv_sp.jpg”);*/
		background: #d2b432;
	}
}


/*--------------------------------------------------------------------
ハッシュタグ検索窓用（ON追記 2021.2）
--------------------------------------------------------------------*/
.search__form {
	background: #F0F0F0;
	padding: 15px;
	text-align: center;
}

.search__form .search__input {
	width: 200px;
	margin: 0 auto;
	position: relative;
	display: flex;
}

.search__form .search__input input[type="text"] {
	padding: 4px;
	display: block;
	outline: 0;
	font-size: 13px;
	width: 175px;
}

.search__form .search__input input[type="submit"] {
	width: 25px;
	height: 25px;
	background-color: #000;
	background-image: url('../img/common/search.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.ui-menu .ui-menu-item a {
	background-color: #f0f0f0;
}

.search__form span {
	margin-top: 10px;
	display: block;
	color: #969696;
	font-size: 11px;
}

.ui-menu {
	font-size: 11px;
	width: 199px;
	overflow: hidden;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.ui-menu li .ui-menu-item-wrapper {
	padding: 4px 10px;
}

.ui-menu li .ui-menu-item-wrapper::before {
	content: '# ';
}

.ui-state-active {
	background-color: #f0f0f0;
}

.ui-helper-hidden-accessible {
	display: none;
}


/* 検索結果 */
.nopage {
	padding: 200px 0;
	text-align: center;
}

.nopage h3 {
	font-size: 26px;
	font-weight: bold;
}

.nopage p {
	font-size: 17px;
	margin-top: 80px;
}

@media screen and (max-width: 767px) {
	/* 検索結果 */
	.nopage {
		padding: 100px 0;
	}

	.nopage h3 {
		font-size: 20px;
	}

	.nopage p {
		font-size: 12px;
	}
}

/*--------------------------------------------------------------------
キャンペーンページ用（KD追記 2021.4.1）
--------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.mainWrap2 {
		min-width: 1200px;
	}

	.inner2 {
		width: 1200px;
		margin: 0 auto;
	}

	.inner3 {
		width: 1000px;
		margin: -50px auto 115px;
	}
}

@media screen and (max-width: 767px) {
	.inner2 {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.inner3 {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/*--------------------------------------------------------------------
brand用（KD追記 2021.4.21）
--------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.inner_histo {
		width: 100%;
		height: 1030px;
		color: #fff;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.inner_histo {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		color: #fff;
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------------
評価の星（KD追記 2021.8.18）
--------------------------------------------------------------------*/
.star span {
	color: #dcc832;
	letter-spacing: 0.16em;
}

.star span .gray {
	color: #b2b2b2;
}

.star,
.star span {
	margin-right: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.star span i {
	display: block;
}

.star [data-star] {
	position: relative;
}

.star [data-star]::before,
.star [data-star]::after {
	content: "★★★★★";
}

.star [data-star]::before {
	color: #b2b2b2;
}

.star [data-star]::after {
	position: absolute;
	top: 0;
	left: 0;
	color: #dcc832;
	overflow: hidden;
}

.star [data-star="0"]::after {
	width: calc(0% - 0.08em);
}

.star [data-star="0.5"]::after {
	width: calc(10% - 0.08em);
}

.star [data-star="1"]::after {
	width: calc(20% - 0.08em);
}

.star [data-star="1.5"]::after {
	width: calc(30% - 0.08em);
}

.star [data-star="2"]::after {
	width: calc(40% - 0.08em);
}

.star [data-star="2.5"]::after {
	width: calc(50% - 0.08em);
}

.star [data-star="3"]::after {
	width: calc(60% - 0.08em);
}

.star [data-star="3.5"]::after {
	width: calc(70% - 0.08em);
}

.star [data-star="4"]::after {
	width: calc(80% - 0.08em);
}

.star [data-star="4.5"]::after {
	width: calc(90% - 0.08em);
}

.star [data-star="5"]::after {
	width: calc(100% - 0.08em);
}

/*--------------------------------------------------------------------
Google Custom Serach用（CT追記 2022.10）
--------------------------------------------------------------------*/

.search__form {
	padding: 0px;
}

.gcse-recipe {
	max-width: 400px !important;
	margin: 0 auto !important;
	position: relative !important;
	display: box !important;
}

.gcse-recipe p {
	margin-top: -2em !important;
	margin-bottom: -2em !important;
}

.gcse-recipe p span {
	margin: 0px !important;
	display: block !important;
	color: #969696 !important;
	font-size: 11px !important;
}

/*--------------------------------------------------------------------
ヘッダー固定（KD追記 2023.1.26）
--------------------------------------------------------------------*/
.headWrap {
	position: fixed;
	z-index: 110;
}

.mainWrap {
	padding-top: 100px;
}

@media screen and (max-width: 767px) {
	.mainWrap {
		padding-top: 56px;
	}

	.js-active .headNav {
		background: rgba(0, 0, 0, 0.9);
/*		padding-bottom: 100%;*/
		height: 100vh;
		padding-bottom: 200px ;
		overflow-y: scroll;
		display: none;
	}
	.js-active .headNav.sp{
		display: block;
	}
}

/*--------------------------------------------------------------------
ヘッダー固定（KD追記 2023.2.17）
--------------------------------------------------------------------*/
.page-template-default .recipe {
	padding-top: 100px;
}

.recipe {
	padding-top: 0;
}

.search__form {
	padding-top: 115px;
}

.page-template-default .recipe .search__form {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.page-template-default .recipe {
		padding-top: 56px;
	}

	.search__form {
		padding-top: 71px;
	}

	/*.page-template-default .recipe .search__form {*/
	/*	padding-top: 0;*/
	/*}*/
}

/*--------------------------------------------------------------------
レビュー投稿（KD追記 2023.5.12）
--------------------------------------------------------------------*/
.formArea .select2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.formArea .select2 .select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.formArea .select2 .select i {
	display: inline-block;
	margin: 0 1em 0 0.5em;
	padding-top: 0.2em;
	font-size: 20px;
}

/*.formArea .select2 .select i:last-of-type{
  margin-right: 0;
}*/
.formArea .select2 .select {
	width: 32%;
}

.formArea .select2 .select:first-of-type {
	width: 38%;
}

.formArea .select2 .select::after {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 70px;
	top: 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.formArea .select2 .select i {
		padding-top: 0.5em;
		font-size: 14px;
	}

	/*.formArea .select2 .select i:last-of-type{
	  margin-right: 0;
	}*/
	.formArea .select2 .select {
		width: 36%;
	}

	.formArea .select2 .select:first-of-type {
		width: 42%;
	}

	.formArea .select2 .select::after {
		width: 10px;
		height: 10px;
		right: 45px;
		top: 8px;
	}
}


/*--------------------------------------------------------------------
（KD追記 2023.7.17）
--------------------------------------------------------------------*/
.snsBtn {
	position: absolute;
	bottom: 62px;
	right: 90px;
	display: flex;
	align-items: center;
}

.snsBtn li {
	margin: 0 10px;
}

.snsBtn li a {
	display: block;
	width: 33px;
}

@media screen and (max-width: 767px) {
	.snsBtn {
		position: static;
		margin-top: 17px;
	}

	.snsBtn li img {
		width: 20px;
	}

	.snsBtn li {
		margin: 0 6px;
	}

	.snsBtn li a {
		width: auto;
	}
}

.commonBtn .commonLogo {
	max-width: 244px;
	margin: 0 auto 80px;
}

.commonBtn .commonLogo img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
	.commonBtn .commonLogo {
		max-width: 175px;
		margin: 0 auto 50px;
	}

	.commonBtn .commonLogo img {
		max-width: 100%;
		height: auto;
	}
}

.js-scrollin {
	opacity: 0;
	transform: translate(0, 40px);
}

.js-scrollin.active {
	opacity: 1;
	transform: translate(0, 0);
	transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}