@charset "UTF-8";
html {
	font-size: 62.5%;
	height: 100%;
}
html * {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	position: relative;
	font-family: "webfont", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: 400;
	color: #323232;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	overflow-x: hidden;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 1.4rem;
	}
}
a {
	display: block;
	transition: all 0.2s;
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: var(--color-base);
}
img {
	display: block;
	width: 100%;
	height: auto;
}
@font-face {
	font-family: 'webfont';
	src: url('../fonts/ZenKakuGothicNew-Medium.ttf') format('truetype'),
	url('../fonts/ZenKakuGothicNew-Bold.ttf') format('truetype')}
@font-face {
	font-family: 'webfont-english';
	src: url('../fonts/Asap-Medium.ttf') format('truetype'),
	url('../fonts/Asap-Bold.ttf') format('truetype');}
:root {
	--color-base: #E84F3A;
	--color-recipe: #F2A246;
	--color-products: #F2C62F;
	--color-special: #EB887A;
	--color-promotion: #EDDE57;
	--color-about: #DA6173;
	--color-company: #9ACADB;
	--color-news: #BFBFBF;
	--color-ir: #969696;
	--color-brand: #BEDB72;
	--color-lightgray: #E1E1E1;
	--color-gray: #BEBEBE;
	--color-darkgray: #505050;
	--bg-gray: #F8F8F8;
	--bg-recipe: #FDF8F2;
	--box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, .16);
	--corner-circle: 9999rem;
	--corner-largeround: 7px;
	--corner-smallround: 5px;
}
@media screen and (max-width: 1099px) {
	:root {
		--box-shadow: 0 1.5px 3px rgba(0, 0, 0, .16);
		--corner-largeround: 5px;
		--corner-smallround: 3px;
	}
}
a .zoom__image img {
	transition: transform .6s ease;
}
a:hover .zoom__image img {
	transform: scale(1.1);/* 拡大 */
}


/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/

header {
	width: 100%;
	position: relative;
	z-index: 9999;
	background: #FFF;
}
.header__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 15px 0;
}
.header__logo {
	display: flex;
	align-items: center;
}
.header__logo__bulldog {
	width: 48px;
	margin: 0 20px 0 0;
}
.header__logo__and-bulldog {
	width: 57px;
}
.header__logo__and-bulldog a {
	display: flex;
}
.header__logo__bulldog a:hover,
.header__logo__and-bulldog a:hover {
	opacity: 0.5;
}
.header__information {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.4rem;
	letter-spacing: -0.05em;
	position: absolute;
	right: 0;
}
.header__information:last-of-type {
	margin: 0 30px 0 0;
}
.header__information__icon {
	display: none;
}
.header__information__ir {
	width: 180px;
	height: 35px;
	margin: 0 5px 0 0;
}
.header__information__ir a {
	color: #FFF;
	background: #646464;
	border-radius: var(--corner-circle);
}
.header__information__ir a:hover {
	color: #323232;
	background: #FFF;
	border: 1px solid #646464;
}
.header__information__ir .pc_inline {
	display: none;
}
.header__information__contact {
	width: 100px;
	height: 35px;
	margin: 0 5px 0 0;
}
.header__information__recruit {
	width: 90px;
	height: 35px;
	margin: 0 5px 0 0;
}
.header__information__recruit .textlink__icon--blank::after {
	margin: 0 0 0 5px;
	background: var(--color-base);
}
.header__information__language {
	width: 85px;
	height: 35px;
	margin: 0 5px 0 0;
}
.header__information__language .icon--language::before {
	margin: 0 5px 0 0;
}
.header__information__online-shop {
	width: 45px;
	height: 45px;
}
.header__information__online-shop a {
	background: #FFF;
	border: 2px solid var(--color-base);
	border-radius: 50%;
}
.header__information__online-shop a svg {
	width: 19px;
	fill: var(--color-base);
}
.header__information__online-shop a:hover {
	background: var(--color-base);
}
.header__information__online-shop a:hover svg {
	fill: #FFF;
}
.header__information__online-shop a:hover .icon--cart::before {
	background: #FFF;
}
.header__logo__bulldog a,
.header__logo__and-bulldog a,
.header__information__ir a,
.header__information__contact a,
.header__information__recruit a,
.header__information__language a,
.header__information__online-shop a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.header__information__contact a,
.header__information__recruit a,
.header__information__language a {
	background: #EBEBEB;
	border-radius: var(--corner-circle);
}

@media screen and (max-width: 1250px) {
	.header__information__ir {
		width: 130px;
	}
	.header__information__ir a {
		text-align: center;
		line-height: 1.2;
	}
	.header__information__ir .pc_inline {
		display: inline-block;
	}
	.header__information:last-of-type {
		margin: 0;
	}
}
@media screen and (max-width: 1099px) {
	header {
		position: fixed;
		top: 0;
	}
	.header__inner {
		width: 100%;
		height: 55px;
		padding: 0;
	}
	.header__logo__bulldog {
		width: 39.345px;
		margin: 0 10px 0 0;
	}
	.header__logo__and-bulldog {
		width: 45.57px
	}
	.header__information {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 1.4rem;
		letter-spacing: -0.05em;
		position: absolute;
		right: 0;
	}
	.header__information:last-of-type {
		margin: 0 30px 0 0;
	}
	.header__information__icon {
		display: none;
	}
	.header__information__ir,
	.header__information__contact,
	.header__information__recruit,
	.header__information__online-shop {
		display: none;
	}
	.header__information__language {
		width: 45px;
		height: 42px;
		margin: 0 10px 0 0;
	}
	.header__information__language a {
		font-size: 1rem;
		border-radius: var(--corner-smallround);
		flex-direction: column;
	}
	.header__information__language .icon--language {
		flex-direction: column;
	}
	.header__information__language .icon--language::before {
		width: 17.1px;
		height: 17.1px;
		margin: 3px 0 0;
	}
	.header__information__online-shop {
		width: 45px;
		height: 45px;
	}
	.header__information:last-of-type {
		margin: 0;
	}
	.header__information__icon {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 55px;
		height: 55px;
		font-size: 1rem;
		color: #FFF;
		background: var(--color-base);
		cursor: pointer;
	}
	.header__information__icon .icon--pad,
	.header__information__icon .icon--close {
		flex-direction: column;
	}
	.header__information__icon .icon--pad::before,
	.header__information__icon .icon--close::before {
		width: 1.53em;
		height: 1.45em;
		background: #FFF;
		margin: 4px 0 2px !important;
	}
	.header__information__icon .icon--pad::after {
		content: 'MENU';
	}
	.header__information__icon .icon--close::after {
		content: 'CLOSE';
	}
}
@media screen and (max-width: 320px) {
	.header__information__language {
		margin: 0 5px 0 0;
	}
	.header__lists li:last-of-type li:nth-of-type(9) {
		letter-spacing: -0.05em;
	}
}

/*modal 雛形*/
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	left: 0;
}
.modal__bg {
	background: rgba(0, 0, 0, 0.5);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content {
	box-sizing: border-box;
	left: 50%;
	padding: 50px 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 113rem;
	max-height: 80vh;
	min-height: 400px;
}

/*modal ページ固有*/
.modal-global__content {
	background-image: url(../images/bg_global_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 720px;
	height: 330px;
	max-width: none;
	min-height: auto;
	max-height: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.modal-global__content {
		background-image: url(../images/bg_global_pc@2x.png);
	}
}
.modal-global__content--title {
	line-height: 1;
	font-size: 3.4rem;
	margin-bottom: 5rem;
	text-align: center;
	font-family: 'webfont-english';
}
.modal-global-list {
	display: flex;
	justify-content: center;
}
.modal-global-list__li {
	width: 200px;
	height: 60px;
	margin: 0 10px;
}
.modal-global-list__li--a {
	font-family: 'webfont-english';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #FFF;
	border-radius: 100px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	position: relative;
	font-size: 1.8rem;
}
.modal-global-list__li--a.icon--blank:after {
	width: 0.75em;
	height: 0.75em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.25em;
	margin: auto;
}
.modal-global__close-btn--static {
	width: 150px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	margin: 50px auto 0;
	color: #FFF;
	cursor: pointer;
	border: solid 1px var(--color-darkgray);
	transition: all 0.2s;
	background: var(--color-darkgray);
}
.modal-global__close-btn--static:hover {
	/* background-color: transparent; */
	/* color: var(--color-darkgray); */
	opacity: 0.5;
}
.modal-global__close-btn--static:before {
	content: "";
	display: block;
	width: 0.75em;
	height: 0.75em;
	background-color: #FFF;
	-webkit-mask: url(../images/icon_multiplication.svg) no-repeat center center / contain;
            mask: url(../images/icon_multiplication.svg) no-repeat center center / contain;
	margin-right: 0.4em;
}
/* .modal-global__close-btn--static:hover:before {
	background-color: var(--color-darkgray);
} */
.modal-global__close-btn--position {
	position: absolute;
	width: 45px;
	height: 45px;
	top: 15px;
	right: 15px;
	background-image: url(../images/btn_modal_close.svg);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.2s;
}
.modal-global__close-btn--position:hover {
	opacity: 0.5;
	filter: invert(100%);
	opacity: 0.5;
}
@media (max-width: 767px) {
	.modal-global__content {
		width: calc(590/750*100vw);
		height: calc(638/750*100vw);
		background-image: url(../images/bg_global_sp.png);
		padding: 0;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		.modal-global__content {
			background-image: url(../images/bg_global_sp@2x.png);
		}
	}
	.modal-global__content--title {
		line-height: 1;
		font-size: calc(48/750*100vw);
		margin-top: calc(45/750*100vw);
		margin-bottom: calc(55/750*100vw);
		text-align: center;
		font-family: 'webfont-english';
	}
	.modal-global-list {
		width: calc(390/750*100vw);
		flex-direction: column;
		margin: 0 auto;
	}
	.modal-global-list__li {
		width: 100%;
		height: calc(80/750*100vw);
		margin: 0;
		margin-bottom: calc(40/750*100vw);
		font-size: calc(32/750*100vw);
	}
	.modal-global-list__li--a {
		font-size: 1.6rem;
	}
	.modal-global-list__li:last-of-type {
		margin-bottom: 0;
	}
	.modal-global__close-btn--static {
		width: calc(262/750*100vw);
		height: calc(70/750*100vw);
		margin-top: calc(50/750*100vw);
		font-size: calc(28/750*100vw);
	}
	.modal-global__close-btn--position {
		width: calc(70/750*100vw);
		height: calc(70/750*100vw);
		top: calc(20/750*100vw);
		right: calc(20/750*100vw);
	}
}
@media (orientation: landscape) and (max-width:767px) {
	.modal-global__content {
		width: 85%;
		height: 80vh;
		background-size: cover;
		background-position: center center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.modal-global__content--title {
		font-size: 2.8rem;
		margin-bottom: 3rem;
	}
	.modal-global-list {
		width: 90%;
		flex-direction: row;
		justify-content: space-between;
	}
	.modal-global-list__li {
		width: 31.5%;
		height: 6rem;
		margin-bottom: 0;
		font-size: 1.8rem;
	}
	.modal-global__close-btn--static {
		width: 20rem;
		height: 5rem;
		margin-top: 3rem;
		font-size: 1.5rem;
	}
	.modal-global__content {
		background-image: url(../images/bg_global_pc.png);
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		.modal-global__content {
			background-image: url(../images/bg_global_pc@2x.png);
		}
	}
	.modal-global__close-btn--position {
		width: 45px;
		height: 45px;
		top: 10px;
		right: 10px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  グローバルナビゲーション
* --------------------------------------------------------------------------------------------------*/
.header__nav {
	width: 1100px;
	background: #FFF;
	margin: 0 auto;
	padding: 0 15px 0 20px;
	border-radius: var(--corner-circle);
	box-shadow: var(--box-shadow);
	position: relative;
}
.header__lists {
	display: flex;
	align-items: center;
}
.header__item {
	height: 100%;
	flex: 1 auto;
	padding: 0 20px;
}
.header__item--current > a {
	color: var(--color-base);
}
.header__item--notice > a {
	position: relative;
}
.header__item--notice > a::before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--color-base);
	top: -2px;
	right: -3px;
}
.header__item__online-shop {
	margin: 0 0 0 20px;
	padding: 8px 20px 5px 30px;
	border-left: 1px solid var(--color-lightgray);
}
.header__item__online-shop a {
	font-size: 1.2rem;
}
.header__item__online-shop a .icon--cart {
	flex-direction: column;
}
.header__item__online-shop a .icon--cart::before {
	width: 2.08em;
	height: 2.08em;
	background: var(--color-base);
}
.header__item a.icon--arrow::after,
.header__item a.icon--plus::after {
	display: none;
}
.header__outer {
	display: none;
}

@media screen and (max-width: 1099px) {
	.header__nav {
		height: calc(100% - 55px);
		margin: 55px 0 0;
		border-radius: 0;
		box-shadow: none;
		background: none;
		position: fixed;
		top: 0;
		left: 0;
	}
	.header__lists {
		display: none;
		background: var(--bg-gray);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.header__lists > li:not(:last-of-type) {
		background: #FFF;
	}
	.header__item--notice > a::before {
		display: none;
	}
	.header__item__online-shop {
		margin: 0;
		padding: 0;
		border-left: none;
	}
	.header__item__online-shop a {
		font-size: inherit;
		text-align: left;
	}
	.header__item__online-shop a .icon--cart {
		flex-direction: inherit;
	}
	.header__item a .icon--cart::before {
		display: none;
	}
	.header__item--text {
		width: calc(100% - 1.75em);
	}
	.header__siteinformation {
		height: 100%;
		padding: 30px 20px 0;
	}
	.header__siteinformation li {
		margin: 0 0 25px;
		text-decoration: underline;
	}
	.header__siteinformation li:nth-of-type(10) {
		margin: 0 0 35px;
	}
	.header__siteinformation li:nth-of-type(11) {
		margin: 0 0 35px;
	}
	.header__siteinformation li:last-of-type {
		text-decoration: none;
	}
	.header__siteinformation .icon--language::before {
		display: inline-block;
		width: 0.91em;
		height: 0.91em;
		margin: 0 5px 0 0;
	}
	.header__siteinformation .icon--blank::after {
		display: inline-block;
		margin: 0 0 0 5px;
		background: var(--color-base);
	}
	.header__button--close a {
		justify-content: center;
		width: 131px;
		height: 35px;
		margin: 0 auto;
		color: #FFF;
		border-radius: var(--corner-largeround);
		background: var(--color-darkgray);
	}
	.header__button--close a:hover {
		color: #FFF !important;
		opacity: 0.5 !important;
	}
	.header__button--close .icon--close::before {
		width: 0.8em;
		height: 0.8em;
		background: #FFF;
		margin: 0 5px 0 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/

body > footer {
	width: 100%;
	position: sticky;
	top: 100vh;
}
footer {
	width: 100%;
	padding: 70px 0 0;
}
.footer__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1100px;
	margin: 0 auto;
}
.footer__logo {
	display: flex;
	align-items: center;
}
.footer__logo__bulldog {
	width: 85.6px;
	margin: 0 20px 0 0;
}
.footer__logo__and-bulldog {
	width: 99.2px;
	margin: 0 20px 0 0;
}
.footer__logo__bulldog-text {
	width: 219px;
	margin: 0 50px 0 0;
}
.footer__logo__prime {
	width: 61px;
}
.footer__heading--small {
	font-size: 1.4rem;
	margin: 0 0 10px;
}
.footer__sns {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.footer__sns-button {
	display: flex;
	align-items: center;
}
.footer__sns-button__twitter {
	width: 37px;
	margin: 0 20px 0 0;
}
.footer__sns-button__instagram {
	width: 37px;
	margin: 0 20px 0 0;
}
.footer__sns-button__youtube {
	width: 115px;
}
.footer__sitelink {
	width: 100%;
}
.footer__lists {
	max-height: 76%;
	margin: 60px 0;
	column-count: 5;
	column-gap: 40px;
}
.footer__item {
	display: inline-block;
	width: 188px;
	margin: 0 0 5px;
}
.footer__item > a {
	justify-content: space-between;
	margin: 0 0 15px;
	padding: 7px 0;
	border-bottom: 1px solid var(--color-gray);
}
.footer__item.footer__item--about a {
	letter-spacing: -0.05em;
}
.footer__item.footer__item__ir > a {
	font-size: 1.5rem;
	letter-spacing: -0.05em;
}
.footer__item > a.icon--plus::after {
	display: none;
}
.footer__item > a.icon--arrow::after {
	display: flex;
	background: var(--color-base);
}
.footer__item > a .footer__item--text {
	width: calc(100% - 0.97em);
}
.footer__sublists a .footer__item--text {
	width: 100%;
}
.footer__sublists li {
	line-height: 1.5;
	font-size: 1.4rem;
	margin: 0 0 15px;
	color: #646464;
}
.footer__sublists li a:hover {
	color: var(--color-base);
}
.footer__sublists li:first-of-type {
	display: none;
}
.footer__sublists .icon--arrow::after {
	display: none;
}
.footer__relatedlinks {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 60px;
}
.footer__logo__ikari-sauce {
	width: 170px;
	margin: 0 60px 0 0;
}
.footer__logo__sunfoods {
	width: 161px;
	margin: 0 60px 0 0;
}
.footer__logo__bulldog-cn {
	width: 45px;
	margin: 0 60px 0 0;
}
.footer__logo__nippon-sauce {
	width: 145px;
}
.footer__logo__bulldog a,
.footer__logo__and-bulldog a,
.footer__logo__bulldog-text a,
.footer__logo__ikari-sauce a,
.footer__logo__sunfoods a,
.footer__logo__bulldog-cn a,
.footer__logo__nippon-sauce a,
.footer__sns-button__twitter a,
.footer__sns-button__instagram a,
.footer__sns-button__youtube a {
	width: 100%;
	height: 100%;
}
.footer__logo__bulldog a:hover,
.footer__logo__and-bulldog a:hover,
.footer__logo__bulldog-text a:hover,
.footer__logo__ikari-sauce a:hover,
.footer__logo__sunfoods a:hover,
.footer__logo__bulldog-cn a:hover,
.footer__logo__nippon-sauce a:hover,
.footer__sns-button__twitter a:hover,
.footer__sns-button__instagram a:hover,
.footer__sns-button__youtube a:hover {
	opacity: 0.5;
}
.footer__siteinformation {
	width: 100%;
	background: #646464;
	line-height: 1;
	color: #FFF;
}
.footer__information {
	display: flex;
	flex-wrap: wrap;
	width: 75%;
	margin: 20px 0 5px;
	font-size: 1.4rem;
	color: #FFF;
}
.footer__information li {
	display: inline-block;
	padding: 0 15px 0 0;
	margin: 0 0 15px 15px;
	border-right: 1px solid #FFF;
}
.footer__information li:first-of-type {
	margin: 0 0 15px;
}
.footer__information li:nth-of-type(5) {
	margin: 0 0 15px;
}
.footer__information li:nth-of-type(4) {
	border-right: none;
}
.footer__information li:last-of-type {
	border-right: none;
}
.footer__information li:last-of-type {
	padding: 0;
}
.footer__information li a {
	display: inline-block;
	color: #FFF;
}
.footer__information li a:hover {
	opacity: 0.5;
}
.footer__copyright {
	font-size: 1.2rem;
	margin: 20px 0 0;
}
.footer__information li a.textlink__icon--blank::after {
	background: #FFF;
}
@media screen and (max-width: 1099px) {
	.footer__inner {
		flex-direction: column;
		width: 100%;
	}
	.footer__logo {
		justify-content: center;
		border-bottom: 1px solid var(--color-lightgray);
		margin: 0 0 15px;
		padding: 0 0 20px;
	}
	.footer__logo__bulldog-text {
		margin: 0 20px 0 0;
	}
	.footer__heading--small {
		text-align: center;
		margin: 0 0 7px;
	}
	.footer__sns-button {
		justify-content: center;
	}
	.footer__lists {
		max-height: inherit;
		column-count: inherit;
		column-gap: 0;
		margin: 20px 0 30px;
	}
	.footer__item {
		width: 100%;
		margin: 0;
	}
	.footer__item > a {
		padding: 0 20px;
		justify-content: space-between;
		border-bottom: 1px solid var(--color-lightgray);
	}
	.footer__item.footer__item__ir > a {
		font-size: inherit;
		letter-spacing: normal;
	}
	.footer__item > a.icon--plus {
		margin: 0;
	}
	.footer__item > a.icon--arrow {
		margin: 0;
	}
	.footer__item > a.icon--plus::after {
		background: var(--color-base);
		-webkit-mask: url("../images/icon_plus.svg") no-repeat center center / contain;
		        mask: url("../images/icon_plus.svg") no-repeat center center / contain;
	}
	.footer__item > a .footer__item--text {
		width: calc(100% - 1.75em);
	}
	.footer__sublists a .footer__item--text {
		width: calc(100% - 1.75em);
	}
	.footer__sublists li {
		line-height: inherit;
		color: inherit;
		margin: 0;
	}
	.footer__sublists li a {
		color: #323232;
	}
	.footer__sublists li:first-of-type {
		display: inline;
	}
	.footer__sublists a.icon--arrow::after {
		display: inline;
		background: var(--color-base);
	}
	.footer__relatedlinks {
		flex-wrap: wrap;
		margin: 0 0 30px;
	}
	.footer__information {
		justify-content: center;
		width: calc(100% - 20px);
		margin: 30px auto 10px;
	}
	.footer__information::after {
		content: '';
		width: 100%;
	}
	.footer__information li:nth-of-type(n+4) {
		order: 1;
	}
	.footer__information li:nth-of-type(3) {
		border-right: none;
		padding: 0;
	}
	.footer__information li:nth-of-type(4) {
		border-right: 1px solid #FFF;
		margin: 0 0 15px 0;
	}
	.footer__information li:nth-of-type(5) {
		margin: 0 0 15px 15px;
		padding: 0 15px 0 0;
	}
	.footer__copyright {
		text-align: center;
		margin: 0 0 20px;
	}
}
@media screen and (max-width: 767px) {
	footer {
		padding: 20px 0 0;
	}
	.footer__logo {
		width: 100%;
		margin: 0 0 15px;
		padding: 0 5.333% 15px;
	}
	.footer__logo__bulldog {
		width: 15.373%;
		max-width: 51.5px;
		margin: 0 5.97% 0 0;
	}
	.footer__logo__and-bulldog {
		width: 17.821%;
		max-width: 59.7px;
		margin: 0 5.97% 0 0;
	}
	.footer__logo__bulldog-text {
		width: 36.567%;
		max-width: 122.5px;
		margin: 0 5.97% 0 0;
	}
	.footer__logo__prime {
		width: 11.94%;
		max-width: 40px;
	}
	.footer__heading--small {
		font-size: 1.2rem;
	}
	.footer__sns-button {
		padding: 0 5.333% 0;
	}
	.footer__sns-button__twitter {
		width: 9.85%;
		max-width: 33px;
		margin: 0 5.97% 0 0;
	}
	.footer__sns-button__instagram {
		width: 9.85%;
		max-width: 33px;
		margin: 0 5.97% 0 0;
	}
	.footer__sns-button__youtube {
		width: 31.045%;
		max-width: 104px;
	}
	.footer__relatedlinks {
		padding: 0 12.667% 0;
		margin: 0 0 10px;
	}
	.footer__relatedlinks li {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100% / 2);
		margin: 0 0 20px 0;
	}
	.footer__logo__ikari-sauce a {
		width: 77.486%;
		max-width: 137.43px;
	}
	.footer__logo__sunfoods a {
		width: 72.563%;
		max-width: 128.8px;
	}
	.footer__logo__bulldog-cn a {
		width: 20.282%;
		max-width: 36px;
	}
	.footer__logo__nippon-sauce a {
		width: 65.3521%;
		max-width: 116px;
	}
	.footer__information {
		width: calc(100% - 10.667%);
		font-size: 1.2rem;
	}
	.footer__information::before {
		display: none;
	}
	.footer__information li:first-of-type {
		margin: 0 0 30px;
	}
	.footer__information li:nth-of-type(2) {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
		border-right: 1px solid #FFF;
	}
	.footer__information li:nth-of-type(3) {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
		border-right: 1px solid #FFF;
	}
	.footer__information li:nth-of-type(4) {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
		border-right: 1px solid #FFF;
	}
	.footer__information li:nth-of-type(5) {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
		border-right: 1px solid #FFF;
	}
	.footer__information li:nth-of-type(6) {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
		border-right: 1px solid #FFF;
	}
	.footer__information li:last-of-type {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
	}
}
@media screen and (max-width: 414px) {
	.footer__information::after {
		content: '';
		width: 100%;
	}
	.footer__information li {
		margin: 0 0 30px 15px;
		padding: 0 15px 0 0;
	}
	.footer__information li:nth-of-type(2) {
		border-right: none;
		padding: 0;
	}
	.footer__information li:nth-of-type(3) {
		border-right: none;
		margin: 0 0 30px 0;
		padding: 0;
	}
	.footer__information li:first-of-type {
		margin: 0 0 30px;
	}
	.footer__information li:nth-of-type(n+4) {
		order: 0;
	}
	.footer__information li:nth-of-type(n+5) {
		order: 0;
	}
	.footer__information li:nth-of-type(4) {
		margin: 0 0 30px 0;
	}
	.footer__information li:nth-of-type(6) {
		border-right: none;
		padding: 0;
	}
	.footer__information li:last-of-type {
		order: 1;
		margin: 0 0 30px 0;
		padding: 0;
	}
}
@media screen and (max-width: 320px) {
	.footer__information li:nth-of-type(3) {
		text-align: center;
		line-height: 2;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  共通ナビゲーション
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1099px) {
	.js__nav--disabled {
		pointer-events: none;
	}
	.js__nav--active {
		pointer-events: auto;
	}
	.js__nav {
		width: 100%;
		padding: 0;
	}
	.js__nav-lists {
		width: 100%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		        overflow: auto;
	}
	.js__nav-item {
		height: auto;
		padding: 0;
	}
	.js__nav-item > a {
		font-weight: bold;
		padding: 0 20px;
		justify-content: space-between;
		min-height: 45px;
		border-bottom: 1px solid var(--color-lightgray);
	}
	.js__nav-item > a.open.icon--plus::after {
		background: url("../images/icon_minus.svg") no-repeat center center / contain;
	}
	.js__nav-item a {
		line-height: 1.2;
	}
	.js__nav-item:first-of-type > a {
		border-top: 1px solid var(--color-lightgray);
	}
	.js__nav-item a.icon--arrow::after {
		display: inherit;
		width: 0.75em;
		height: 0.75em;
		background: var(--color-base);
	}
	.js__nav-item a.icon--plus::after {
		display: inherit;
		width: 0.75em;
		height: 0.75em;
		background: var(--color-base);
	}
	.js__nav-outer {
		display: none;
	}
	.js__nav-sublists li {
		width: 100%;
	}
	.js__nav-sublists li:last-of-type {
		border-bottom: 1px solid var(--color-lightgray);
	}
	.js__nav-sublists a {
		margin: 0 0 0 35px;
		padding: 0 20px 0 0;
		justify-content: space-between;
		min-height: 45px;
		border-bottom: 1px solid var(--color-lightgray);
	}
	.js__nav-sublists li:last-of-type a {
		border-bottom: none;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  画面横シェアボタン
* --------------------------------------------------------------------------------------------------*/

.aside {
	width: 56px;
	height: 150px;
	background: #FFF;
	box-shadow: var(--box-shadow);
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 100;
	border-radius: 5px 0 0 5px;
	padding: 20px 0;
}
.aside__inner {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.aside__text {
	font-size: 1.4rem;
	color: #646464;
	writing-mode: vertical-rl;
	font-family: 'webfont-english';
	margin: 0 0 20px;
}
.aside__sns-button__lists {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.aside__sns-button__twitter {
	margin: 0 0 15px;
}
.aside__sns-button__twitter a {
	width: 26px;
}
.aside__sns-button__twitter a:hover {
	opacity: 0.5;
}
.aside__sns-button__instagram a {
	width: 25px;
}
.aside__sns-button__instagram a:hover {
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	.aside {
		display: none;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  ページトップボタン
* --------------------------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	right: 10px;
	z-index: 9999 !important;
	opacity: 0;
	transform: translateY(100px);
}
#page-top a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-base);
	border-radius: 50%;
	width: 56px;
	height: 56px;
	transition: all 0.2s;
	border: 2px solid #FFF;
}
#page-top a:hover {
	background: #FFF;
	border: 2px solid var(--color-base);
	box-shadow: var(--box-shadow);
}
#page-top a svg {
	width: 41.05%;
	fill: #FFF;
	transform: rotate(-90deg);
}
#page-top a:hover svg {
	fill: var(--color-base);
}
#page-top.upmove {
	animation: pagetop-up 0.5s forwards;
}
@keyframes pagetop-up {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
#page-top.downmove {
	animation: pagetop-down 0.5s forwards;
}
@keyframes pagetop-down {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 1;
		transform: translateY(100px);
	}
}
@media screen and (max-width: 414px) {
	#page-top a {
		width: 13vw;
		height: 13vw;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  SWIPER
* --------------------------------------------------------------------------------------------------*/

[class*=swiper]:focus {
    outline: none;
}
.card__swiper {
	width: 1060px;
	margin: 0 auto 40px;
	position: relative;
	z-index: 0;
}
.card__swiper .swiper {
	overflow: visible;
}
.card__swiper .swiper-wrapper {
	margin: 0 0 20px;
	padding: 12px 0 0;
}
.card__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	gap: 70px 33px;
}
.card__swiper .swiper-slide,
.card__item {
	width: 100%;
	height: auto;
}
.card__swiper .swiper__inner,
.card__item__inner {
	height: 100%;
	box-shadow: var(--box-shadow);
	border-radius: var(--corner-smallround);
	background: #FFF;
}
.card__swiper .swiper__inner a,
.card__item__inner a {
	position: relative;
}
.card__swiper .swiper__image img,
.card__image img {
	border-radius: 5px 5px 0 0;
}
.card__swiper .swiper__text,
.card__text {
	text-align: center;
	padding: 20px;
}
.card__swiper .icon--blank::after,
.card__text.icon--blank::after {
	background: var(--color-base);
}
.swiper__controller {
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper__controller .swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
}
.swiper__controller .swiper-pagination-bullet {
    display: block;
    width: 30px;
    height: 3px;
    cursor: pointer;
	background: #D2D2D2;
	transition: .8s cubic-bezier(.2, 1, .2, 1);
}
.swiper__controller .swiper-pagination-bullet:not(:last-child) {
	margin: 0 5px 0 0;
}
.swiper__controller .swiper-pagination-bullet-active {
    background: var(--color-base);
}
.swiper__controller .swiper-button-prev,
.swiper__controller .swiper-button-next {
	color: #D2D2D2;
	width: 30px;
	height: 30px;
	background: #FFF;
	border: 2px solid #D2D2D2;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	transition: all 0.2s;
}
.swiper__controller .swiper-button-prev:hover,
.swiper__controller .swiper-button-next:hover {
	background: #FFF;
	border: 2px solid var(--color-base);
}
.swiper__controller .swiper-button-prev:hover::before,
.swiper__controller .swiper-button-next:hover::before {
	background: var(--color-base);
}
.swiper__controller .swiper-button-prev::before,
.swiper__controller .swiper-button-next::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	background: #D2D2D2;
	-webkit-mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
		    mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	position: absolute;
	top: 50%;
	left: 50%;
}
.swiper__controller .swiper-button-prev::before {
	transform: translate(-55%, -50%) scale(-1, 1);
}
.swiper__controller .swiper-button-next::before {
	transform: translate(-45%, -50%);
}
.swiper__controller .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.3;
}

@media screen and (max-width: 1099px) {
	.card__swiper {
		width: 100%;
		margin: 0 auto 40px;
		padding: 0 20px;
	}
	.card__lists {
		grid-template-columns: repeat(4,minmax(157px,1fr));
		gap: 30px 20px;
	}
}
@media screen and (max-width: 767px) {
	.card__lists {
		grid-template-columns: repeat(auto-fill,minmax(132px,1fr));
	}
}
@media screen and (max-width: 414px) {
	.card__swiper .swiper-wrapper {
		padding: 10px 0 0;
	}
	.card__swiper .swiper-slide {
		width: 42.667%;
		height: auto;
	}
	.card__swiper .swiper__inner,
	.card__item__inner {
		border-radius: var(--corner-largeround);
	}
	.card__swiper .swiper__text,
	.card__text {
		padding: 15px;
	}
	.swiper__controller .swiper-pagination {
		margin: 0 15px;
	}
	.swiper__controller .swiper-pagination-bullet:not(:last-child) {
		margin: 0 10px 0 0;
	}
	.swiper__controller .swiper-button-prev,
	.swiper__controller .swiper-button-next {
		width: 33px;
		height: 33px;
	}
	.swiper__controller .swiper-button-prev::before,
	.swiper__controller .swiper-button-next::before {
		width: 14px;
		height: 14px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  回遊用リンク
* --------------------------------------------------------------------------------------------------*/

.sitelink {
	margin: 0 auto 90px !important;
}
.sitelink__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(530px,1fr));
	gap: 40px 40px;
}
.sitelink__item {
	width: 100%;
}
.sitelink__item a {
	font-size: 1.8rem;
	text-align: center;
}
.sitelink__image {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
	border-radius: var(--corner-smallround);
	margin: 0 0 10px;
}
@media screen and (max-width: 1099px) {
	.sitelink__lists {
		grid-template-columns: repeat(2,minmax(344px,1fr));
	}
}
@media screen and (max-width: 767px) {
	.sitelink {
		margin: 0 auto 50px !important;
	}
	.sitelink__lists {
		grid-template-columns: repeat(2,minmax(174px,1fr));
		gap: 25px 20px;
	}
	.sitelink__item a {
		font-size: 1.6rem;
	}
	.sitelink__item img {
		border-radius: var(--corner-largeround);
	}
}
@media screen and (max-width: 414px) {
	.sitelink__lists {
		grid-template-columns: repeat(1,minmax(284px,1fr));
		gap: 25px 0;
	}
}

/* 特設サイトページ */
.sub-sitelink__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	gap: 70px 33px;
}
.sub-sitelink__item {
	width: 100%;
}
.sub-sitelink__item a {
	text-align: center;
	position: relative;
}
.sub-sitelink__item p {
	line-height: 1.4;
}
.sub-sitelink__item .textlink__icon--arrow::after {
	background: var(--color-base);
}
.sub-sitelink__image {
	margin: 0 0 10px;
}
.sub-sitelink__image.sitelink-box {
	border-radius: var(--corner-smallround);
}
.sub-sitelink__image img {
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1099px) {
	.sub-sitelink__lists {
		grid-template-columns: repeat(4,minmax(157px,1fr));
		gap: 30px 20px;
	}
}
@media screen and (max-width: 767px) {
	.sub-sitelink__lists {
		grid-template-columns: repeat(auto-fill,minmax(132px,1fr));
	}
}

/* 臨時バナー用 */
.adlink {
	margin: 0 auto 40px !important;
}
.adlink__lists {
	width: min(100%, 530px);
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.adlink {
		margin: 0 auto 25px !important;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  ぱんくず
* --------------------------------------------------------------------------------------------------*/

.location {
	width: 100%;
	max-width: 1100px;
	margin: 15px auto 40px;
}
.location__inner {
	width: 100%;
	-webkit-overflow-scrolling: touch;
			overflow-scrolling: touch;
	overflow: auto;
	white-space: nowrap;
	scrollbar-width: none;
}
.location__inner::-webkit-scrollbar {
	display: none;
}
.location a {
	display: inline-block;
	font-size: 1.2rem;
	text-decoration: underline;
	line-height: 1;
}
.location a:hover {
	text-decoration: none;
}
.location a.icon--arrow::after {
	background: var(--color-gray);
	margin: 0 10px 0;
}
.location a:last-of-type.icon--arrow::after {
	display: none;
}
.location a.location--current {
	font-weight: bold;
	pointer-events: none;
	text-decoration: none;
}
.location a:hover.location--current {
	color: inherit;
}
@media screen and (max-width: 1099px) {
	.location {
		max-width: inherit;
		margin: 55px auto 40px;
		padding: 7px 20px;
		background: var(--bg-gray);
	}
}
@media screen and (max-width: 767px) {
	.location {
		margin: 55px 0 30px;
		padding: 7px 5.333%;
	}
	.location a {
		font-size: 1.1rem;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  メインエリア等レイアウト系
* --------------------------------------------------------------------------------------------------*/

main {
	display: block;
	width: 100%;
	overflow-x: hidden;
}
.section:not(:last-of-type) {
	overflow: hidden;
	padding: 70px 0 90px;
	position: relative;
}
.inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.inner--small {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}
@media screen and (max-width: 1099px) {
	.inner {
		width: calc(100% - 40px);
		max-width: inherit;
	}
	.inner--small {
		width: calc(100% - 40px);
		max-width: inherit;
	}
}
@media screen and (max-width: 767px) {
	.section:not(:last-of-type) {
		padding: 40px 0 50px;
	}
	.inner {
		width: calc(100% - 10.667%);
	}
	.inner--small {
		width: calc(100% - 10.667%);
	}
}

.layout--centering {
	display: flex;
	align-items: center;
	justify-content: center;
}
.content-space {
	margin-bottom: 9rem;
}
@media screen and (max-width: 767px) {
	.content-space {
		margin-bottom: 12rem;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  文字系
* --------------------------------------------------------------------------------------------------*/

.heading--huge {
	font-size: 4rem;
	margin: 0 0 50px;
}
.heading--large {
	font-size: 2.4rem;
	margin: 0 0 30px;
}
.heading--large span {
	font-size: 2rem;
}
.heading--medium {
	font-size: 2rem;
	margin: 0 0 15px;
}
.heading--small {
	font-size: 1.8rem;
	margin: 0 0 15px;
}
.heading--tiny {
	font-size: 1.4rem;
	margin: 0 0 7px;
}
.heading--huge,
.heading--large,
.heading--medium,
.heading--small,
.heading--tiny {
	display: block;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.heading--line {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 45px;
	text-align: center;
}
.heading--line::before,
.heading--line::after {
	content: '';
	border-top: 3px solid var(--color-lightgray);
	flex: 1 auto;
}
.heading--line::before {
	margin: 0 15px 0 0;
}
.heading--line::after {
	margin: 0 0 0 15px;
}
.heading--huge .heading--large {
	margin: 0;
	padding: 15px 0 20px;
}
@media screen and (max-width: 767px) {
	.heading--huge {
		font-size: 2.6rem;
		margin: 0 0 30px;
	}
	.heading--large {
		font-size: 2.1rem;
	}
	.heading--large span {
		font-size: 1.8rem;
	}
	.heading--medium {
		font-size: 1.8rem;
	}
	.heading--small {
		font-size: 1.4rem;
	}
	.heading--tiny {
		font-size: 1.2rem;
	}
	.heading--line {
		margin: 0 0 30px;
	}
	.heading--line::before {
		margin: 0 10px 0 0;
	}
	.heading--line::after {
		margin: 0 0 0 10px;
	}
	.heading--huge .heading--large {
		padding: 10px 0;
	}
}

.text--english {
	font-family: 'webfont-english';
}
.text--align-center {
	text-align: center;
}
.text--align-left {
	text-align: left;
}
.text--color-red {
	color: var(--color-base);
}
.text--indent {
	margin: 0 0 0 1em;
}
.text--note {
	font-size: 1.5rem;
	padding-left: 1em;
	text-indent: -1em;
}
.text--circle {
	padding-left: 1em;
	text-indent: -1em;
}
.text--circle::before {
	content: '●';
}
.text--price {
	font-size: 160%;
	line-height: 1;
}
.text--sort {
	color: var(--color-base);
	font-size: 4rem;
	margin: 0 5px;
}
.text--lead {
	margin: 0 0 50px;
}
.text--small {
	font-size: 1.5rem;
}
.text--bold {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
    .text--medium--pc {
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
	.text--indent {
		margin: 0;
	}
	.text--note {
		font-size: 1.2rem;
	}
	.text--sort {
		color: var(--color-base);
		font-size: 2.8rem;
	}
	.text--lead {
		margin: 0 0 30px;
	}
	.text--small {
		font-size: 1.2rem;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページ見出しエリア
* --------------------------------------------------------------------------------------------------*/

.head-area {
	width: 100%;
	padding: 40px 0 50px;
}
@media screen and (max-width: 767px) {
	.head-area {
		padding: 30px 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページメインエリア
* --------------------------------------------------------------------------------------------------*/
.main-area {
	width: 100%;
	padding: 70px 0 75px;
}
.main-area:last-of-type {
	margin: 0;
}
.main-area .inner:nth-of-type(n+2) {
	padding: 70px 0 0;
}
@media screen and (max-width: 767px) {
	.main-area {
		padding: 30px 0 35px;
	}
	.main-area:last-of-type {
		margin: 0;
	}
	.main-area .inner:nth-of-type(n+2) {
		padding: 40px 0 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページサブエリア
* --------------------------------------------------------------------------------------------------*/
.sub-area {
	width: 100%;
	padding: 60px 0 65px;
	overflow-x: hidden;
}
.sub-area .inner:nth-of-type(n+2) {
	margin: 60px auto 0;
}
.sub-area .heading--large {
	margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
	.sub-area {
		padding: 35px 0 35px;
	}
	.sub-area:last-of-type {
		margin: 0 0 60px;
	}
	.sub-area .inner:nth-of-type(n+2) {
		margin: 40px auto 0;
	}
	.sub-area .heading--large {
		margin: 0 0 30px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  背景
* --------------------------------------------------------------------------------------------------*/

.bg--gray {
	background: var(--bg-gray)
}
.bg--recipe {
	background: var(--bg-recipe);
}
.bg--products {
	background: #FFFCF2;
}
.bg--company {
	background: #F0F6F7;
}
.bg--other {
	background: #FFF3F2;
}

/* ----------------------------------------------------------------------------------------------------
*  おすすめレシピ一覧
* --------------------------------------------------------------------------------------------------*/

.recipe__recommend__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(188px,1fr));
	gap: 30px 40px;
}
.recipe__recommend__item {
	width: 100%;
}
.recipe__recommend__item a {
	text-align: center;
	position: relative;
}
.recipe__recommend__item p {
	line-height: 1.4;
}
.recipe__recommend__item .textlink__icon--arrow::after {
	background: var(--color-base);
}
.recipe__image--small {
	margin: 0 0 10px;
}
.recipe__image--small.rectangle-box {
	border-radius: var(--corner-smallround);
}
.recipe__image--small img {
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1099px) {
	.recipe__recommend__lists {
		grid-template-columns: repeat(auto-fill,minmax(144px,1fr));
	}
}
@media screen and (max-width: 767px) {
	.recipe__recommend__lists {
		grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
		gap: 30px 20px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  商品一覧
* --------------------------------------------------------------------------------------------------*/

.products__category__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(204px,1fr));
	gap: 40px 20px;
}
.products__category__item,
.products__category__item--new {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.products__category__item a,
.products__category__item--new a {
	width: 100%;
	height: 100%;
	padding: 10px;
}
.products__category__item a p,
.products__category__item--new a p {
	text-align: center;
	line-height: 1.4;
}
.products__category__item--new a.icon--new::before {
	left: -6px;
}
.products__category__item--new a {
	background: #F5D66C;
	position: relative;
}
@media screen and (max-width: 767px) {
	.products__category__lists {
		grid-template-columns: repeat(auto-fill,minmax(135px,1fr));
		gap: 40px 13px;
	}
	.products__category__item a,
	.products__category__item--new a {
		padding: 7.5px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページサブエリア用 商品一覧
* --------------------------------------------------------------------------------------------------*/

.products__lists__outer {
	display: flex;
}
.products__item__lists {
	display: grid;
    grid-template-rows: auto;
	grid-template-columns: repeat(auto-fill,minmax(188px,1fr));
	gap: 30px 40px;
	flex: 1;
	align-items: center;
}
.products__lists__outer .products__item__lists {
	padding: 0 40px 0 0;
}
.products__item__item a {
	display: flex;
	align-items: center;
}
.products__item__item p {
	line-height: 1.4;
	flex: 1;
}
.products__item__item .textlink__icon--arrow::after {
	background: var(--color-base);
}
.products__item__item .products__image--small {
    width: 37.234%;
	background: #FFF;
	margin: 0 10px 0 0;
}
.products__image--small.square-box {
	border-radius: var(--corner-smallround);
}
.products__image--small {
	background: #FFF;
	margin: 0 0 10px;
}
.products__image--small img {
	height: 92%;
	margin: 4% 0;
	object-fit: contain;
}
.products__list {
	width: 187px;
	height: auto;
	border-left: 1px solid #000;
}
.products__list__inner {
	height: 100%;
	text-align: center;
	line-height: 1.4;
}
.products__list a:hover svg {
	fill: var(--color-base);
}
.products__list svg {
	display: block;
	width: 56px;
	margin: 0 auto 10px;
	fill: #000;
}

@media screen and (max-width: 1099px) {
	.products__item__lists {
		grid-template-columns: repeat(auto-fill,minmax(142px,1fr));
	}
	.products__list {
		width: 152px;
	}
}
@media screen and (max-width: 767px) {
	.products__item__lists {
		grid-template-columns: repeat(auto-fill,minmax(58px,1fr));
		gap: 30px 20px;
		align-items: flex-start;
	}
	.products__item__item .products__image--small {
		width: 100%;
		margin: 0 0 10px;
	}
	.products__item__item a {
		display: flex;
		flex-direction: column;
	}
	.products__item__item p {
		text-align: center;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  画像の比率固定
* --------------------------------------------------------------------------------------------------*/

.square-box,
.rectangle-box,
.banner-box,
.order-box,
.sitelink-box,
.otherlink-box {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
	border-radius: var(--corner-largeround);
}
.square-box::before,
.rectangle-box::before,
.banner-box::before,
.order-box::before,
.sitelink-box::before,
.otherlink-box::before {
    content: '';
    display: block;
}
/* 正方形 */
.square-box::before {
    padding-top: 100%;
}
/* レシピ一覧用 */
.rectangle-box::before {
    padding-top: 66.909%
}
/* バナー用 */
.banner-box::before {
    padding-top: 35.849%
}
/* 通販用 */
.order-box::before {
    padding-top: 117.391%
}
/* 特設サイト用 */
.sitelink-box::before {
    padding-top: 48%;
}
/* その他リンク用 */
.otherlink-box::before {
    padding-top: 41.699%;
}
.box-adjust__inner {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* ----------------------------------------------------------------------------------------------------
*  下層ページシェアボタン（商品情報・レシピ）
* --------------------------------------------------------------------------------------------------*/
.share {
	grid-area: 1 / 1 / 2 / 3;
	position: relative;
}
.share__inner {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 5px;
	right: 0;
}
.share--twitter {
	width: 26px;
	margin: 0 15px 0 0;
}
.share--facebook {
	width: 26px;
	margin: 0 15px 0 0;
}
.share--line {
	width: 26px;
	margin: 0 15px 0 0;
}
.share--print {
	width: 27.52px;
	height: 24.77px;
}
@media screen and (max-width: 767px) {
	.share__inner {
		width: 100%;
		justify-content: center;
		position: static;
	}
	.share--twitter {
		width: 10.448%;
		max-width: 35px;
		margin: 0 5.97% 0 0;
	}
	.share--facebook {
		width: 10.448%;
		max-width: 35px;
		margin: 0 5.97% 0 0;
	}
	.share--line {
		width: 10.448%;
		max-width: 35px;
		margin: 0 5.97% 0 0;
	}
	.share--print {
		width: 11.059%;
		max-width: 37.046px;
		height: auto;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  チェックボタン
* --------------------------------------------------------------------------------------------------*/

.button--check input[type="checkbox"] {
    display: none;
}
.button--check input[type="checkbox"] + label {
    position: relative;
	padding: 0 0 0 40px;
}
.button--check input[type="checkbox"] + label::before {
	content: '';
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	width: 28px;
    height: 28px;
	background-color: #FFF;
    border: 1.5px solid var(--color-base);
	border-radius: 3px;
}
.button--check input[type="checkbox"] + label::after {
	content: '';
	position: absolute;
	top: 33%;
	left: 8px;
	transform: rotate(-45deg) translateY(-50%);
	width: 19px;
	height: 10px;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
}
.button--check input[type="checkbox"]:checked + label::after {
	border-bottom: 3px solid var(--color-base);
	border-left: 3px solid var(--color-base);
	transition: all 0.2s;
}
@media screen and (max-width: 767px) {
	.button--check input[type="checkbox"]:checked + label::after {
		width: 17px;
		height: 11px;
		top: 31%;
		left: 9.5px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  ラジオボタン
* --------------------------------------------------------------------------------------------------*/

.radioList {
	display: flex;
	flex-flow: column;
	gap: 20px 0;
}
.button--radio {
	position: relative;
	padding-left: 34px;
}
.button--radio input[type="radio"] {
    display: none;
}
.button--radio input[type="radio"] + label {
	width: fit-content;
	line-height: 1.4;
}
.button--radio input[type="radio"] + label::before,
.button--radio input[type="radio"] + label::after {
    content: '';
	position: absolute;
	aspect-ratio: 1 / 1;
	background-color: #FFF;
	border-radius: 50%;
}
.button--radio input[type="radio"] + label::before {
	top: 3px;
	left: 0;
    width: 24px;
    border: 1px solid var(--color-gray);
}
.button--radio input[type="radio"] + label::after {
	top: 7px;
	left: 4px;
    width: 16px;
}
.button--radio input[type="radio"]:checked + label {
	color: var(--color-base);
	transition: all 0.2s;
}
.button--radio input[type="radio"]:checked + label::before {
	background-color: #FFF;
	border: 1px solid var(--color-base);
	transition: all 0.2s;
}
.button--radio input[type="radio"]:checked + label::after {
	background-color: var(--color-base);
	transition: all 0.2s;
}
.radioList + .contact__form__error {
	margin: 20px 0 0 !important;
}
@media screen and (max-width: 767px) {
	.radioList {
		margin-top: 10px;
		margin-bottom: 10px;
		gap: 25px 0;
	}
	.button--radio input[type="radio"] + label::before {
		top: 1px;
	}
	.button--radio input[type="radio"]:checked + label::after {
		top: 5px;
	}
	.radioList + .contact__form__error {
		margin: 15px 0 0 !important;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  NEWマーク
* --------------------------------------------------------------------------------------------------*/

.icon--new::before {
	content: 'NEW!';
	color: var(--color-base);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 2px solid var(--color-base);
	background: #FFF7AF;
	border-radius: 50%;
	position: absolute;
	top: -12px;
	left: -15px;
	z-index: 100;
	font-family: 'webfont-english';
	font-size: 1.2rem;
	line-height: 1;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.icon--new::before {
		width: 38px;
		height: 38px;
		font-size: 1rem;
	}
}

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

.pagination {
	margin: 70px 0 0;
}
.pagination p {
	display: block;
	text-align: center;
	margin: 0 0 10px;
}
.pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination li {
	width: 40px;
	height: 40px;
	text-align: center;
}
.pagination li .number {
	width: 40px;
	height: 40px;
}
.pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.pagination li .number:hover {
	background: #FFF;
}
.pagination li:not(:last-of-type) {
	margin: 0 5px 0 0;
}
.pagination li .pagination__first::after,
.pagination li .pagination__prev::after,
.pagination li .pagination__next::after,
.pagination li .pagination__last::after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background: var(--color-darkgray);
}
.pagination li .pagination__first::after {
	transform: rotate(180deg);
	-webkit-mask: url("../images/icon_arrow_03.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_03.svg") no-repeat center center / contain;
}
.pagination li .pagination__prev::after {
	transform: rotate(180deg);
	-webkit-mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
}
.pagination li .pagination__next::after {
	-webkit-mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
}
.pagination li .pagination__last::after {
	-webkit-mask: url("../images/icon_arrow_03.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_03.svg") no-repeat center center / contain;
}
.pagination li:hover .pagination__first::after,
.pagination li:hover .pagination__prev::after,
.pagination li:hover .pagination__next::after,
.pagination li:hover .pagination__last::after {
	background: var(--color-base);
}
.pagination__current a {
	color: var(--color-base);
	border: 1px solid var(--color-lightgray);
	background: #FFF;
}
@media screen and (max-width: 767px) {
	.pagination {
		margin: 40px 0 30px;
	}
	.pagination li {
		width: 35px;
		height: 35px;
	}
	.pagination li.sp {
		display: none;
	}
	.pagination li .number {
		width: 35px;
		height: 35px;
	}
	.pagination li:not(:last-of-type) {
		margin: 0 10px 0 0;
	}
	.pagination li .pagination__first::after,
	.pagination li .pagination__prev::after,
	.pagination li .pagination__next::after,
	.pagination li .pagination__last::after {
		content: '';
		display: block;
		width: 13px;
		height: 13px;
		background: var(--color-darkgray);
	}
}

/* ----------------------------------------------------------------------------------------------------
*  プリント用
* --------------------------------------------------------------------------------------------------*/

@media print {
	header,
	footer,
	.aside,
	.search,
	.sub-area,
	.share,
	.location,
	.brand,
	.sitelink,
	.products__button__outer {
		height: 0;
		visibility: hidden;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  ボタン・アイコンなど
* --------------------------------------------------------------------------------------------------*/

.button--more {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
	gap: 2.759%;
}
.button--more a,
.button--down a,
button[type="button"].button--submit,
button[type="button"].button--submit--small,
button[type="submit"].button--submit,
button[type="submit"].button--submit--small {
	justify-content: center;
	font-size: 1.8rem;
	color: #FFF;
	border-radius: var(--corner-circle);
	background: var(--color-base);
	position: relative;
	transition: all 0.2s;
}
.button--more a:hover,
.button--down a:hover,
button[type="button"].button--submit:hover,
button[type="button"].button--submit--small:hover,
button[type="submit"].button--submit:hover,
button[type="submit"].button--submit--small:hover {
	color: var(--color-base);
	background: #FFF;
	box-shadow: var(--box-shadow);
	border: 2px solid var(--color-base);
}
.button--more .icon--arrow::after,
.button--more .icon--blank::after,
.button--down .icon--arrow::after,
button[type="button"].button--submit.icon--arrow::after,
button[type="button"].button--submit--small.icon--arrow::after,
button[type="submit"].button--submit.icon--arrow::after,
button[type="submit"].button--submit--small.icon--arrow::after {
	background: #FFF;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: all 0.2s;
	-webkit-mask-size: cover;
	        mask-size: cover;
}
.button--more .icon--arrow::after,
.button--down .icon--arrow::after {
	width: 0.5em;
	height: 0.8em;
}
.button--more .icon--blank::after {
	width: 0.8em;
	height: 0.8em;
}
.button--more a {
	width: 300px;
	height: 60px;
}
.button--more a:hover.icon--arrow::after,
button[type="button"].button--submit:hover.icon--arrow::after,
button[type="button"].button--submit--small:hover.icon--arrow::after,
button[type="submit"].button--submit:hover.icon--arrow::after,
button[type="submit"].button--submit--small:hover.icon--arrow::after {
	background: var(--color-base);
	right: 12px;
}
.button--more a:hover.icon--blank::after {
	background: var(--color-base);
	right: 20px;
}
.button--down a {
	width: 260px;
	height: 60px;
	padding: 0 15px 0 0;
}
.button--down .icon--arrow::after {
	transform: translateY(-50%) rotate(90deg);
}
.button--down a:hover.icon--arrow::after {
	background: var(--color-base);
}
.button--down.color--gray a {
	background: #807F7F;
}
.button--down.color--gray a:hover {
	color: #807F7F;
	background: #FFF;
	box-shadow: var(--box-shadow);
	border: 2px solid #807F7F;
}
.button--down.color--gray a:hover.icon--arrow::after {
	background: #807F7F;
}
button[type="button"].button--submit,
button[type="submit"].button--submit {
	width: 41.667%;
	max-width: 350px;
	height: 80px;
}
button[type="button"].button--submit--small,
button[type="submit"].button--submit--small {
	width: 35.714%;
	max-width: 300px;
	height: 60px;
}
button[type="button"].button--modify,
button[type="button"].button--modify--small,
button[type="submit"].button--modify,
button[type="submit"].button--modify--small {
	justify-content: center;
	border-radius: var(--corner-circle);
	background: #EBEBEB;
	position: relative;
	transition: all 0.2s;
}
button[type="button"].button--modify,
button[type="submit"].button--modify {
	width: 30.952%;
	max-width: 260px;
	height: 60px;
}
button[type="button"].button--modify--small,
button[type="submit"].button--modify--small {
	width: 21.429%;
	max-width: 180px;
	height: 60px;
}
button[type="button"].button--modify.icon--arrow::after,
button[type="button"].button--modify--small.icon--arrow::after,
button[type="submit"].button--modify.icon--arrow::after,
button[type="submit"].button--modify--small.icon--arrow::after {
	background: var(--color-base);
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.2s;
	-webkit-mask-size: cover;
	        mask-size: cover;
}
button[type="button"].button--modify:hover,
button[type="button"].button--modify--small:hover,
button[type="submit"].button--modify:hover,
button[type="submit"].button--modify--small:hover {
	color: var(--color-base);
}
button[type="button"].button--modify:hover.icon--arrow::after,
button[type="button"].button--modify--small:hover.icon--arrow::after,
button[type="submit"].button--modify:hover.icon--arrow::after,
button[type="submit"].button--modify--small:hover.icon--arrow::after {
	background: var(--color-base);
	left: 12px;
}
.order__confirm button {
	width: 74.627%;
	height: 55px;
	margin: 40px auto 30px;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.button--more a {
		width: 83.582%;
		max-width: 280px;
		height: 55px;
		font-size: 1.6rem;
	}
	.button--down a {
		width: 100%;
		height: 70px;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.2;
		padding: 0 0 15px 0;
	}
	.button--down .icon--arrow::after {
		top: inherit;
		bottom: 5px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}
	.button--down a:hover.icon--arrow::after {
		background: var(--color-base);
		top: inherit;
		bottom: 2px;
	}
	button[type="button"].button--submit,
	button[type="button"].button--submit--small,
	button[type="submit"].button--submit,
	button[type="submit"].button--submit--small {
		width: 83.582%;
		max-width: 280px;
		height: 55px;
	}
	button[type="button"].button--submit--small,
	button[type="submit"].button--submit--small {
		font-size: 1.6rem;
	}
	button[type="button"].button--modify,
	button[type="submit"].button--modify {
		width: 59.701%;
		max-width: 200px;
		height: 55px;
	}
	button[type="button"].button--modify--small,
	button[type="submit"].button--modify--small {
		width: 53.731%;
		height: 55px;
	}
}
@media screen and (max-width: 320px) {
	.icon--new::before {
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}
	.button--more a {
		width: 100%;
		font-size: 1.5rem;
	}
	.button--down a {
		width: 100%;
		font-size: 1.5rem;
	}
	button[type="button"].button--submit,
	button[type="submit"].button--submit {
		width: 84.627%;
		max-width: 250px;
		font-size: 1.5rem;
	}
	button[type="button"].button--submit--small,
	button[type="submit"].button--submit--small {
		width: 100%;
		font-size: 1.5rem;
	}
	button[type="button"].button--modify,
	button[type="submit"].button--modify {
		width: 69.701%;
		max-width: 200px;
		font-size: 1.3rem;
	}
}
.icon--blank,
.icon--language,
.icon--recipe,
.icon--cart,
.icon--pad,
.icon--close,
.icon--plus,
.icon--plus-minus,
.icon--arrow,
.icon--energy,
.icon--time {
	display: flex;
	align-items: center;
}
.icon--blank::after,
.icon--language::before,
.icon--recipe::before,
.icon--cart::before,
.icon--pad::before,
.icon--close::before,
.icon--plus::after,
.icon--minus::after,
.icon--arrow::after,
.icon--energy::before,
.icon--time::before {
	content: '';
    display: inline-block;
}
.icon--blank::after {
	width: 0.8em;
	height: 0.8em;
	-webkit-mask: url("../images/icon_blank.svg") no-repeat center center / contain;
	        mask: url("../images/icon_blank.svg") no-repeat center center / contain;
}
.icon--language::before {
	width: 0.8em;
	height: 0.8em;
	background: var(--color-darkgray);
	-webkit-mask: url("../images/icon_language.svg") no-repeat center center / contain;
	        mask: url("../images/icon_language.svg") no-repeat center center / contain;
}
.icon--pad::before {
	-webkit-mask: url("../images/icon_pad.svg") no-repeat center center / contain;
			mask: url("../images/icon_pad.svg") no-repeat center center / contain;
}
.icon--cart::before {
	-webkit-mask: url("../images/icon_cart.svg") no-repeat center center / contain;
			mask: url("../images/icon_cart.svg") no-repeat center center / contain;
}
.icon--close::before {
	-webkit-mask: url("../images/icon_close.svg") no-repeat center center / contain;
			mask: url("../images/icon_close.svg") no-repeat center center / contain;
}
.icon--plus::after {
	width: 0.8em;
	height: 0.8em;
	-webkit-mask: url("../images/icon_plus.svg") no-repeat center center / contain;
	        mask: url("../images/icon_plus.svg") no-repeat center center / contain;
}
.icon--plus-minus::after {
	width: 0.8em;
	height: 0.8em;
	-webkit-mask: url("../images/icon_plus.svg") no-repeat center center / contain;
	        mask: url("../images/icon_plus.svg") no-repeat center center / contain;
}
.icon--arrow::after {
	width: 0.5em;
	height: 0.8em;
	-webkit-mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
}
.icon--recipe::before {
	-webkit-mask: url("../images/icon_recipe.svg") no-repeat center center / contain;
			mask: url("../images/icon_recipe.svg") no-repeat center center / contain;
	margin: 0 10px 0 0;
}
.icon--energy::before {
	-webkit-mask: url("../images/icon_energy.svg") no-repeat center center / contain;
			mask: url("../images/icon_energy.svg") no-repeat center center / contain;
	margin: 0 10px 0 0;
}
.icon--time::before {
	-webkit-mask: url("../images/icon_time.svg") no-repeat center center / contain;
			mask: url("../images/icon_time.svg") no-repeat center center / contain;
	margin: 0 10px 0 0;
}

.textlink__icon--arrow::after {
	content: '';
    display: inline-block;
	width: 0.5em;
	height: 0.8em;
	background: var(--color-base);
	-webkit-mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	        mask: url("../images/icon_arrow_01.svg") no-repeat center center / contain;
	margin: 0 0 0 10px;
}
.textlink__icon--blank::after {
	content: '';
    display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background: var(--color-base);
	-webkit-mask: url("../images/icon_blank.svg") no-repeat center center / contain;
	        mask: url("../images/icon_blank.svg") no-repeat center center / contain;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 1099px) {
	.textlink__icon--arrow::after {
		margin: 0 0 0 5px;
	}
	.textlink__icon--blank::after {
		margin: 0 0 0 5px;
	}
}
.textlink--underline {
	display: inline-block;
	text-decoration: underline;
}
.textlink--underline:hover {
	text-decoration: none;
}


/* 改行位置調整 */
@media screen and (max-width: 1099px) {
	.pc, .pc_inline {
		display: none;}}
@media screen and (max-width: 767px) {
	.pctab, .pctab_inline {
		display: none;}}
.tab {
	display: none;}
	@media screen and (min-width:768px) and (max-width:1099px) {
		.tab {
			display: inherit;}}
	@media screen and (max-width: 767px) {
		.tab {
			display: none;}}
.tab_inline {
	display: none;}
	@media screen and (min-width:768px) and (max-width:1099px) {
		.tab_inline {
			display: inline-block;}}
	@media screen and (max-width: 767px) {
		.tab_inline {
			display: none;}}
.tabsp {
	display: none;}
	@media screen and (max-width: 1099px) {
		.tabsp {
			display: inherit;}}
.tabsp_inline {
	display: none;}
	@media screen and (max-width: 1099px) {
		.tabsp_inline {
			display: inline-block;}}
.sp {
	display: none;}
	@media screen and (max-width: 767px) {
		.sp {
			display: inherit;}}
.sp_inline {
	display: none;}
	@media screen and (max-width: 767px) {
		.sp_inline {
			display: inline-block;
		}
}