/* KewpieRED */

/* text color */

/* white */

/* orange */

/* blue */

/* green */

/* pink */

/* gray */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

figure {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	line-height: inherit;
	font-weight: normal;
	font-size: inherit;
}

ul,
ol {
	margin: 0;
	padding-left: 0;
}

ul li,
ol li {
	margin-left: 0;
	list-style-type: none;
}

dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

img {
	line-height: 1;
}

hr {
	border: none;
	margin: 0;
	padding: 0;
}

button {
	line-height: inherit;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea {
	border: none;
	-webkit-border-image: none;
	border-image: none;
	resize: none;
}

table {
	border-collapse: collapse;
	border: 0px;
}

html {
	overflow-x: hidden;
	width: 100%;
	line-height: 2;
}

body {
	position: relative;
	color: #333;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
	letter-spacing: .05em;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.is-tablet body {
	overflow-x: hidden;
	width: 100%;
}

input,
button,
select,
textarea {
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

tr {
	word-break: break-all;
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

*:focus {
	outline: none;
}

.is-user-tabbing *:focus {
	outline: 2px solid #e4002b;
	outline-offset: -2px;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #e4002b;
}

a.is-touch,
button.is-touch {
	opacity: .6;
}

sub {
	vertical-align: baseline;
	line-height: 0;
}

sup {
	line-height: 0;
}

[aria-hidden] {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

[aria-hidden="true"] {
	overflow: hidden;
	height: 0;
	opacity: 0;
}

[aria-hidden="false"] {
	height: auto;
	opacity: 1;
}

/*! ==================================================
 * Noto Sans Japanese (japanese) is lisenced under the SIL Open Font License 1.1
 * by http://www.google.com/fonts/earlyaccess
=================================================== */

@font-face {
	font-family: 'BaseFont-JP';
	src: url("/assets/fonts/Basefont-Demilight.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'BaseFont-JP';
	font-style: normal;
	font-weight: bold;
	src: url("/assets/fonts/Basefont-Medium.woff") format("woff");
}

@font-face {
	font-family: 'BaseFont-JP--strong';
	font-style: normal;
	font-weight: normal;
	src: url("/assets/fonts/Basefont-Medium.woff") format("woff");
}

/*
 * "Roboto" is lisenced under the Apache License, version 2.0
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://www.apache.org/licenses/LICENSE-2.0.html
 */

/* latin */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url(//fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
}

/* latin */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
}

/* latin */

@font-face {
	font-family: 'Roboto--strong';
	font-style: normal;
	font-weight: normal;
	src: url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
}

/*! ==================================================
*  Web Fonts Title: Yaku Han JP
*  Version: 1.3.1
*  GitHub URL: https://github.com/qrac/yakuhanjp
*  Author: Qrac
*  Author URL: https://twitter.com/Qrac_jp
*  "Noto Sans CJK JP" licensed under the SIL Open Font License
*  https://www.google.com/get/noto/#/
=================================================== */

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 400;
	src: url("/assets/fonts/YakuHanJP-Demilight.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 700;
	src: url("/assets/fonts/YakuHanJP-Medium.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJP--strong";
	font-style: normal;
	font-weight: 400;
	src: url("/assets/fonts/YakuHanJP-Medium.woff") format("woff");
}

.l-footer {
	color: #333;
	border-top: 1px solid #ddd;
	background-color: #f2f2f2;
}

.l-footer .l-footer__main__inner {
	position: relative;
}

.l-footer .l-footer__search__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.l-footer .l-footer__search__input::-webkit-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.l-footer .l-footer__search__input:-ms-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.l-footer .l-footer__search__input::placeholder {
	color: #aaa;
	line-height: 1;
}

.l-footer .l-footer__search__input::-webkit-input-placeholder {
	padding-top: 3px;
}

.l-footer .l-footer__search__input:focus {
	box-shadow: 0 0 5px #aaa inset;
}

.is-user-tabbing .l-footer .l-footer__search__input:focus {
	outline: 2px solid #e4002b;
	outline-offset: -2px;
}

.l-footer .l-footer__search__btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.l-footer .l-footer-btn-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	z-index: 1;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm {
	font-weight: bold;
	line-height: 1.5;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm:nth-of-type(1) {
	margin-left: 0;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #e4002b;
	text-decoration: none;
	border: 1px solid #e4002b;
	border-radius: 100px;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link .l-footer-btn-list__itm__cnt {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"]:before {
	display: none;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt {
	position: relative;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before,
.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	border: 1px solid #e4002b;
}

.l-footer .l-fnav .l-fnav__list__itm__link {
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1.5;
	cursor: pointer;
}

.l-footer .l-fnav .l-fnav__list__itm__link[target="_blank"] span {
	position: relative;
	padding-right: 1.2em;
}

.l-footer .l-fnav .l-fnav__list__itm__link[target="_blank"] span:before {
	right: 2px;
	margin-top: -3px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
}

.l-footer .l-fnav .l-fnav__list__itm__link[target="_blank"] span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
	right: -2px;
	margin-top: -7px;
	border: 1px solid #000;
}

.l-footer .l-fnav .l-fnav__list__itm__link.r-nolink {
	pointer-events: none;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm {
	position: relative;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	cursor: pointer;
}

.l-footer .l-fnav-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-footer .l-fnav-bnr__itm {
	position: relative;
	overflow: hidden;
}

.l-footer .l-fnav-bnr__itm.r-blank:before,
.l-footer .l-fnav-bnr__itm.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
}

.l-footer .l-fnav-bnr__itm.r-blank:after {
	border: 1px solid #e4002b;
}

.l-footer .l-fnav-bnr__itm.r-blank:before {
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-footer .l-fnav-bnr__itm.r-has-bdr {
	border: 1px solid #ddd;
}

.l-footer .l-fnav-bnr__link {
	display: block;
}

.l-footer .l-fnav-bnr.r-2clm .l-fnav-bnr__itm.r-w100 {
	margin-top: 0px;
	width: 100%;
	text-align: center;
}

.l-footer .l-fnav-bnr.r-2clm .l-fnav-bnr__itm.r-w100 img {
	width: 100%;
}

.l-fnav-bnr--sma {
  width: 290px !important;
}

.l-fnav-bnr--sma .l-fnav-bnr__icons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 220px;
  margin-left: 70px;
}

.l-fnav-bnr--sma .l-fnav-bnr__icons img {
  width: 46px;
  height: auto;
}
.l-fnav-bnr--sma .l-fnav-bnr__icons li:last-child img {
  width: auto;
  height: 46px;
}

.l-fnav-bnr--sma .l-fnav-bnr__itms--sma {
  display: flex;
  justify-content: right;
}

.l-fnav-bnr--sma .l-fnav-bnr__itms--sma .l-fnav-bnr__itm {
  width: 140px;
  margin: 0 !important;
}

.l-gnav__sub__btn--sma {
  display: flex;
  justify-content: flex-end;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn {
  position: relative;
  right: auto;
  top: auto;
  width: 90px;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link {
  background: none;
  font-size: 14px;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content {
  padding-right: 8px;
}
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::before,
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 8px;
  height: 8px;
  -webkit-transition: border-color .4s ease;
  transition: border-color .4s ease;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::before {
  border-left: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b;
  right: 17px;
  margin-top: -2px;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::after {
  border: 1px solid #e4002b;
  right: 14px;
  margin-top: -6px;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link:hover .c-btn-list__itm__content::before,
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link:hover .c-btn-list__itm__content::after {
    border-color: #fff;
    -webkit-transition: border-color .4s ease .185s;
    transition: border-color .4s ease .185s;
}

.l-footer .l-footer__sub {
	background-color: #fff;
}

.l-footer .l-footer__sub .l-footer__sub__inner {
	position: relative;
}

.l-footer .l-fsnav {
	position: relative;
}

.l-footer .l-fsnav__list__itm {
	border-left-style: solid;
	border-left-color: #7d7d7d;
}

.l-footer .l-fsnav__list__itm__link {
	display: block;
	position: relative;
}

.l-footer .l-fsnav__list__itm__link.r-blank:before {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.l-footer .l-fsnav__list__itm__link.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border: 1px solid #000;
}

.l-footer .l-footer__logo .l-footer__logo__link {
	display: block;
}

.l-footer__copy {
	text-align: center;
	color: #fff;
	background-color: #e4002b;
}

.l-pagetop > a {
	display: block;
	position: absolute;
	z-index: 999;
	background-image: url(https://img.kewpie.co.jp/assets/img/common/fig_arrow_circle-02.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.l-pagetop > a:after {
	content: 'ページの先頭に移動する';
	position: absolute;
	text-indent: -99999px;
}

.l-pagetop.is-fixed {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.l-pagetop.is-fixed > a {
	position: fixed;
}

.l-pagetop.is-hide > a {
	opacity: 0;
	pointer-events: none;
}

.l-fnav.r-com .l-fnav__list__itm__link.r-nolink {
	pointer-events: none;
}

.l-fnav.r-com .l-fnav__list__sublist__itm {
	position: relative;
}

.l-fnav.r-com .l-fnav__list__sublist__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	left: 25px;
	left: 6.66667vw;
	top: 17px;
	top: 4.53333vw;
}

.l-fnav__history {
	position: absolute;
}

.r-com .l-fsnav {
	position: relative;
}

.r-com .l-fsnav__list-copy {
	padding-top: 12px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.r-com .l-fsnav__list-copy .l-fsnav__list__itm {
	border: none;
	border-right-width: 0 !important;
}

.r-com .c-img-frm.r-bdr {
	border: 1px solid #ddd;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm:nth-child(6) {
	margin-left: 21px;
}

.l-gnav--pc .l-gnav__list__itm__link {
	height: 100%;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
	display: block;
	position: relative;
	text-decoration: none;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link.r-blank:before,
.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
	-webkit-transform: translate(0);
	transform: translate(0);
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link.r-blank:after {
	right: 20px;
	right: 5.33333vw;
	margin-top: -5px;
	margin-top: -1.33333vw;
	border: 1px solid #e4002b;
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link.r-blank:before {
	right: 24px;
	right: 6.4vw;
	margin-top: -1px;
	margin-top: -0.26667vw;
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link__img img {
	position: absolute;
	-webkit-transform: scale(0.75) translate(-75%, -75%);
	transform: scale(0.75) translate(-75%, -75%);
	left: 25%;
	top: 75%;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm {
	position: relative;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm {
	position: relative;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	left: 25px;
	left: 6.66667vw;
	top: 17px;
	top: 4.53333vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"]:before {
	display: none;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt {
	position: relative;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before,
.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	border: 1px solid #e4002b;
}

.l-unav--sp .l-unav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
}

.l-unav--sp .l-unav__list__itm__link.r-blank:before,
.l-unav--sp .l-unav__list__itm__link.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
	-webkit-transform: translate(0);
	transform: translate(0);
}

.l-unav--sp .l-unav__list__itm__link.r-blank:after {
	right: 10px;
	right: 2.66667vw;
	margin-top: -5px;
	margin-top: -1.33333vw;
	border: 1px solid #e4002b;
}

.l-unav--sp .l-unav__list__itm__link.r-blank:before {
	right: 14px;
	right: 3.73333vw;
	margin-top: -1px;
	margin-top: -0.26667vw;
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-unav .l-unav__list__itm__link {
	display: block;
}

.l-gnav__sub__hdg--lv2 {
	color: #e4002b;
}

.l-gnav__closebtn {
	position: absolute;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.l-gnav__closebtn:before,
.l-gnav__closebtn:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	background-color: #e4002b;
}

.l-gnav__closebtn:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.is-tablet .l-gnav__closebtn {
	display: none;
}

.l-gnav__lyt.r-products,
.l-gnav__lyt.r-recipes {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-gnav__lyt.r-entertainment {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.l-gnav__lyt.r-onlineshop .l-gnav__pnllist-bnr {
  width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.l-gnav__lyt.r-onlineshop .l-gnav__pnllist-bnr .r-img {
  border: solid 1px #ddd;
}

.l-gnav__lyt.r-finechemical-products {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-gnav__lyt.r-nutrition-products .l-gnav__tablist__itms {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.l-gnav__tablist__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-gnav__tablist .r-itm > a,
.l-gnav__tablist .r-itm > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.l-gnav__tablist .r-itm > a:hover,
.l-gnav__tablist .r-itm > a:focus,
.l-gnav__tablist .r-itm > span:hover,
.l-gnav__tablist .r-itm > span:focus {
	color: #e4002b;
}

.l-gnav__tablist .r-itm > a.r-blank .r-hdg,
.l-gnav__tablist .r-itm > span.r-blank .r-hdg {
	padding-right: 1.2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.8em auto;
}

.l-gnav__tablist .r-itm > a.r-blank .r-hdg:after,
.l-gnav__tablist .r-itm > span.r-blank .r-hdg:after {
	display: none;
}

.l-gnav__tablist .r-hdg {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

.l-gnav__tablist.r-col3 {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 750px;
}

.l-gnav__pnllist__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.l-gnav__pnllist .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.l-gnav__pnllist-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.l-gnav__pnllist-bnr__itms .r-itm .r-img {
	height: auto;
}

.l-gnav__pnllist-bnr .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.l-unav__sub__hdg--lv2 {
	color: #e4002b;
}

.l-unav__closebtn {
	position: absolute;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.l-unav__closebtn:before,
.l-unav__closebtn:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	background-color: #e4002b;
}

.l-unav__closebtn:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.is-tablet .l-unav__closebtn {
	display: none;
}

.l-unav__lyt.r-finechemical-products {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-unav__pnllist-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.l-unav__pnllist-bnr .r-itm.r-blank .r-hdg {
	padding-right: 1.2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.8em auto;
}

.l-unav__pnllist-bnr .r-itm.r-blank .r-hdg:after {
	display: none;
}

.l-unav__pnllist-bnr .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.l-lnav-accordion {
	position: relative;
}

.l-lnav-accordion:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}

.l-lnav-accordion__itm {
	display: block;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-color: #fff;
	border: 0;
	font-weight: bold;
}

.l-lnav-accordion__itm::-ms-expand {
	display: none;
}

.l-lnav-accordion__itm option {
	text-align: -webkit-center;
	text-align-last: center;
}

.l-lnav {
	border-bottom: 1px solid #e4002b;
}

.l-lnav__itm {
	border-top: 1px solid #e4002b;
}

.l-lnav__itm--new {
	background-image: url(/prouse/cat_assets/img/common/prouse_localnav_img01.jpg);
	background-repeat: no-repeat;
}

.l-lnav__itm--catalog {
	background-image: url(/prouse/cat_assets/img/common/prouse_localnav_img02_pc.jpg);
	background-repeat: no-repeat;
}

.l-lnav__itm--movie {
	background-image: url(/assets/img/common/categoryicon_recipes/categoryicon_item_movie.svg);
	background-repeat: no-repeat;
}

.l-lnav__sublist {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0;
}

[aria-expanded="true"] + .l-lnav__sublist {
	height: auto;
	opacity: 1;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	display: block;
	position: relative;
}

.l-lnav__itm__link:after,
.l-lnav__sublist__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}

.l-lnav__itm__link.is-current,
.l-lnav__itm__link.on,
.l-lnav__sublist__itm__link.is-current,
.l-lnav__sublist__itm__link.on {
	text-decoration: none;
	background-color: #f2f2f2;
}

.l-lnav__itm__link__text,
.l-lnav__sublist__itm__link__text {
	display: block;
}

.l-lnav__itm__link .r-img,
.l-lnav__sublist__itm__link .r-img {
	position: absolute;
	top: 0;
}

.l-lnav__itm.role-has-sublist {
	position: relative;
}

.l-lnav__itm.role-has-sublist .l-lnav__itm__link {
	cursor: pointer;
}

.l-lnav__itm.role-has-sublist .l-lnav__itm__link:after {
	display: none;
}

.l-lnav__itm.role-has-sublist span[role=button] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}

.l-lnav__itm.role-has-sublist span[role=button]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: #e4002b;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.l-lnav__itm.role-has-sublist span[role=button]:not([aria-expanded="true"]):before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: #e4002b;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.l-lnav__itm__link.is-current,
.l-lnav__itm__link.is-child-active {
	font-weight: bold;
	color: #e4002b;
}

.l-lnav__sublist__itm__link {
	border-top: 1px solid #ddd;
}

.l-header {
	color: #333;
}

.l-header:after {
	-webkit-transition: top .2s;
	transition: top .2s;
}

.l-header.is-closing .l-header__inner,
.l-header.is-closing .l-header__bg {
	pointer-events: none;
}

.is-gnav-open .l-header:after {
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 140%;
	top: -20%;
	left: 0;
	background-color: #f9f9f9;
}

.is-fixed .l-header__bg {
	top: 0;
}

.l-header__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 10003;
	background-color: #fff;
}

.is-fixed .l-header__inner {
	position: fixed;
}

.l-header__main {
	position: relative;
}

.l-header__logo {
	display: block;
  height: 100%;
}

.l-header__logo__link {
	display: block;
}

.l-header__logo__link100th {
	display: block;
}

.l-header__site__genre--emphasis {
	color: #e4002b;
	font-weight: bold;
}

.l-header__search .l-header__search__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: width .4s, opacity .4s;
	transition: width .4s, opacity .4s;
	opacity: 0;
}

.l-header__search .l-header__search__input::-webkit-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.l-header__search .l-header__search__input:-ms-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.l-header__search .l-header__search__input::placeholder {
	color: #aaa;
	line-height: 1;
}

.l-header__search .l-header__search__input:focus {
	box-shadow: 0 0 5px #ddd inset;
}

.is-user-tabbing .l-header__search .l-header__search__input:focus {
	border: 2px solid #e4002b;
}

.l-header__search .l-header__search__btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.l-header__search.is-open {
	background-color: #fff;
}

.l-header__search.is-open .l-header__search__input {
	-webkit-transition: width .4s, opacity .2s;
	transition: width .4s, opacity .2s;
}

.l-header__search.is-open .l-header__search__cover {
	display: none;
}

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar {
	display: block;
	position: absolute;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	height: 0.53333vw;
	background-color: #e4002b;
}

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(1) {
	top: 7px;
	top: 1.86667vw;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(2) {
	height: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(3) {
	top: 7px;
	top: 1.86667vw;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.is-android4 .l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(2) {
	display: none;
}

.l-breadcrumb__inner {
	margin: 0 auto;
}

.l-breadcrumb__itm {
	position: relative;
}

.l-breadcrumb__itm:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.l-breadcrumb__itm:first-child {
	margin-left: 0;
	padding-left: 0;
}

.l-breadcrumb__itm:first-child:before {
	display: none;
}

.l-lnav__breadcrumb .l-breadcrumb {
	border-top: 1px solid #aaa;
}

.l-main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.l-main__hdg {
	text-align: center;
}

/*
---
name: .c-mainvisual--top - スライダー
category: component/mainvisual
tag:
- component
- mainvisual
---

```html

<div data-module="mainvisual-carousel" data-config="is-centermode" class="c-mainvisual--top">
  <div class="r-slider">
    <div class="r-itm">
      <a href=""><img data-module="replace-deviceimage" src="/_developers/img/mainvisual/main-visual_img02_pc.jpg" alt=""></a>
    </div>
    <div class="r-itm">
      <a href=""><img data-module="replace-deviceimage" src="/_developers/img/mainvisual/main-visual_img03_pc.jpg" alt=""></a>
    </div>
    <div class="r-itm">
      <a href=""><img data-module="replace-deviceimage" src="/_developers/img/mainvisual/main-visual_img04_pc.jpg" alt=""></a>
    </div>
    <div class="r-itm">
      <span><img data-module="replace-deviceimage" src="/_developers/img/mainvisual/main-visual_img01_pc.jpg" alt=""></span>
    </div>
  </div>
  <div class="r-slider__prevarrow"></div>
  <div class="r-slider__nextarrow"></div>
  <div class="r-slider__indicator">
    <div class="r-slider__pausebtn"></div>
  </div>
</div>
<!-- /.c-mainvisual--top -->


```

- 画像サイズを変更しても中央表示になります

*/

.l-main-visual__img {
	width: 100%;
}

.c-mainvisual--detail .r-itm {
	background: #f9f9f9;
}

.c-mainvisual--detail .r-itm img {
	height: 100%;
	margin: 0 auto;
}

.c-mainvisual--detail .r-slider__indicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.c-mainvisual--detail .r-indicator__itm {
	overflow: hidden;
	cursor: pointer;
	background: #f9f9f9;
	text-align: center;
}

.c-mainvisual--detail .r-indicator__itm:nth-child(3n) {
	margin-right: 0;
}

.c-mainvisual--detail .r-indicator__itm img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	height: 100%;
}

.c-mainvisual--recipedetail.r-basicsalad .r-itm {
	height: auto !important;
}

.c-mainvisual--recipedetail .r-itm {
	background: #f9f9f9;
}

.c-mainvisual--recipedetail .r-itm img {
	width: 100%;
	margin: 0 auto;
}

.c-mainvisual--recipedetail .r-slider__indicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.c-mainvisual--recipedetail .r-indicator__itm {
	overflow: hidden;
	cursor: pointer;
	background: #f9f9f9;
	text-align: center;
}

.c-mainvisual--recipedetail .r-indicator__itm:nth-child(3n) {
	margin-right: 0;
}

.c-mainvisual--recipedetail .r-indicator__itm img {
	height: 100%;
}

.c-mainvisual--carousel .r-slider__indicator {
	width: 1040px;
	margin: 0 auto;
}

.c-mainvisual--carousel .r-slider__prevarrow {
	display: none !important;
}

.c-mainvisual--carousel .r-slider__nextarrow {
	display: none !important;
}

.c-mainvisual--carousel .r-slider__pausebtn {
	display: none;
}

.c-mainvisual--carousel .slick-dots {
	height: 6px;
	text-align: center;
}

.c-mainvisual--carousel .slick-dots li {
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	margin-left: 5px;
	margin-right: 5px;
	background: #f2f2f2;
	border-radius: 100%;
	cursor: pointer;
	vertical-align: top;
}

.c-mainvisual--carousel .slick-dots li[aria-hidden="false"] {
	background: #e4002b;
}

.c-mainvisual--carousel .slick-dots li button {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	top: 0;
}

.c-mainvisual--top.r-hasEmergency .slick-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.c-mainvisual--top.r-hasEmergency .r-itm {
	vertical-align: bottom;
}

.c-mainvisual--top .r-slider__indicator {
	width: 1040px;
	margin: 0 auto;
}

.c-mainvisual--top .r-slider__prevarrow {
	display: none !important;
}

.c-mainvisual--top .r-slider__nextarrow {
	display: none !important;
}

.c-mainvisual--top .r-slider__pausebtn {
	display: none;
}

.c-mainvisual--products-category {
	background: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background: linear-gradient(180deg, #fff, #f9f9f9);
}

.c-mainvisual--products-category .r-hdg {
	-webkit-align-self: center;
	-ms-grid-row-align: center;
	align-self: center;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	letter-spacing: .1em;
	line-height: 1.3;
	color: #e4002b;
}

.c-mainvisual--products-category .r-img {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	text-align: right;
}

.c-mainvisual--products-category > .r-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-mainvisual--ingredient .slick-list {
	background-color: #f9f9f9;
}

.c-mainvisual--ingredient .r-itm {
	vertical-align: bottom;
}

.c-mainvisual-pointer-none {
	pointer-events: none;
}

.l-simple-header {
	position: relative !important;
	z-index: 9999 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	text-align: left !important;
	line-height: 2 !important;
	font-family: 'Roboto', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	background-color: #fff !important;
	box-sizing: border-box !important;
}

.l-simple-header * {
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
	-webkit-tap-highlight-color: transparent !important;
}

.l-simple-header a {
	color: inherit !important;
	text-decoration: none !important;
}

.l-simple-header a:link,
.l-simple-header a:active,
.l-simple-header a:visited {
	color: #333 !important;
}

.l-simple-header a img {
	border: none !important;
}

.l-simple-header a.is-touch,
.l-simple-header button.is-touch {
	opacity: .6 !important;
}

.l-simple-header li {
	list-style-type: none !important;
}

.l-simple-header img {
	max-width: 100% !important;
	vertical-align: bottom !important;
}

.l-simple-header__inner {
	overflow: hidden !important;
	margin: 0 auto !important;
}

.l-simple-header__main {
	float: left !important;
}

.l-simple-header__logo {
	display: block;
}

.l-simple-header__logo__link {
	display: block !important;
}

.l-simple-header__logo__link100th {
	display: block !important;
}

.l-simple-header__sub {
	float: right !important;
}

.l-simple-header__sub .r-logout a {
	width: 100% !important;
	color: #e4002b !important;
	text-decoration: none !important;
	border: 1px solid #e4002b !important;
	border-radius: 100px !important;
	background-color: #fff !important;
	cursor: pointer !important;
	text-align: center !important;
	font-size: inherit !important;
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.l-simple-footer {
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	text-align: left !important;
	line-height: 2 !important;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	border-top: 1px solid #ddd !important;
	background-color: #f2f2f2 !important;
}

.l-simple-footer * {
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
}

.l-simple-footer *:hover {
	text-decoration: none !important;
}

.l-simple-footer a {
	color: inherit !important;
	text-decoration: none !important;
}

.l-simple-footer a:link,
.l-simple-footer a:active,
.l-simple-footer a:visited {
	color: #333 !important;
}

.l-simple-footer a:hover,
.l-simple-footer a:active,
.l-simple-footer a:focus {
	color: #e4002b !important;
}

.l-simple-footer a img {
	border: none !important;
}

.l-simple-footer li {
	list-style-type: none !important;
}

.l-simple-footer img {
	max-width: 100% !important;
	vertical-align: bottom !important;
}

.l-simple-footer__sub {
	background-color: #fff !important;
}

.l-simple-footer__sub__inner {
	position: relative !important;
}

.l-simple-footer__copy {
	text-align: center !important;
	color: #fff !important;
	background-color: #e4002b !important;
}

.l-simple-footer__copy.aohata {
	background-color: #002f87 !important;
}

.l-simple-footer .l-fsnav {
	position: relative !important;
}

.l-simple-footer .l-fsnav__list__itm {
	border-left-style: solid !important;
	border-left-color: #7d7d7d !important;
}

.l-simple-footer .l-fsnav__list__itm__link {
	display: block !important;
	position: relative !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:before {
	border-bottom: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
	content: '' !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	z-index: 1 !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:after {
	content: '' !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	z-index: 1 !important;
	border: 1px solid #000 !important;
}

.l-simple-footer__logo__link {
	display: block !important;
}

/* Slick */

[data-module="list-carousel"] {
	position: relative;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide[aria-hidden] {
	height: auto;
	opacity: 1;
}

.slick-slide[aria-hidden=true] {
	opacity: 1;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-dots {
	width: 100%;
	height: 6px;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	margin-left: 5px;
	margin-right: 5px;
	background: #f2f2f2;
	border-radius: 100%;
	cursor: pointer;
	vertical-align: top;
}

.slick-dots li.slick-active {
	background: #e4002b;
}

.slick-dots li button {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	cursor: pointer;
}

.slick-arrow.slick-hidden {
	display: none;
}

.r-slider__prevarrow {
	cursor: pointer;
	position: absolute;
}

.r-slider__prevarrow:after {
	content: '';
	display: block;
	position: absolute;
}

.r-slider__nextarrow {
	cursor: pointer;
	position: absolute;
}

.r-slider__nextarrow:after {
	content: '';
	display: block;
	position: absolute;
}

/*
---
name: .c-sec - セクション
menu: レイアウト/セクション
category: layout/section
tag:
- layout
- section
---

```html
<div class="c-sec">
  `.c-sec`はh1と並列に並びます。
</div>
<!-- /.c-sec -->
```

- マークアップ時のセクショニングでh1相当の見出し配下の文節に使用します（h1 or h2-em + c-sec）


## ページ幅固定

```html
<div class="c-sec c-sec-maxinner">
  ダミーテキストダミーテキスト
</div>
<!-- /.c-sec -->
```

- .c-sec-maxinner を設定することで、セクション幅がPC 1040px、SP 335px相当の幅になります。（どのセクションでも使用できます）

*/

/*
---
name: .c-sec__block - セクションブロック
menu: レイアウト/セクション/ブロック
category: layout/section
tag:
- layout
- section
- block
---

```html

<div class="c-sec">
  <div class="c-sec__block">
    `.c-sec__block`はh2と並列に並びます。
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- マークアップ時のセクショニングでh3相当の見出し配下の文節に使用します（.c-sec > h2 + c-sec__block）

*/

/*
---
name: .c-sec__box - セクションボックス
menu: レイアウト/セクション/ボックス
category: layout/section
tag:
- layout
- section
- box
---

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box">
      `.c-sec__box`はh3と並列に並びます。
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- マークアップ時のセクショニングでh3相当の見出し配下の文節に使用します（h3 + c-sec__box）

## タイプ2（PC：2カラム）

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box r-type02">
      <div class="c-sec__content">
        <img src="//placehold.jp/500x250.png" alt="" class="c-sec__content__itm">
      </div>
      <!-- /.c-sec__content -->

      <div class="c-sec__content">
        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>
      </div>
      <!-- /.c-sec__content -->
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- `.c-sec__content`を2カラムで並べる場合`.c-sec__box.r-type02`を指定します。


### タイプ2 左右入れ替え

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box r-type02 r-reverse">
      <div class="c-sec__content">
        <img src="//placehold.jp/500x250.png" alt="" class="c-sec__content__itm">
      </div>
      <!-- /.c-sec__content -->

      <div class="c-sec__content">
        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>
      </div>
      <!-- /.c-sec__content -->
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- タイプ2を左右入れ替えする場合、`.c-sec__box.r-type02.r-reverse`を指定します。

## タイプ3（PC：2カラム（1:2））

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box r-type03">
      <div class="c-sec__content">
        <img src="//placehold.jp/500x250.png" alt="" class="c-sec__content__itm">
      </div>
      <!-- /.c-sec__content -->

      <div class="c-sec__content">
        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>
      </div>
      <!-- /.c-sec__content -->
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- `.c-sec__content`を2カラム（1:2）で並べる場合`.c-sec__box.r-type03`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。


## タイプ3（PC：2カラム（1:2））左右入れ替え

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box r-type03 r-reverse">
      <div class="c-sec__content">
        <img src="//placehold.jp/500x250.png" alt="" class="c-sec__content__itm">
      </div>
      <!-- /.c-sec__content -->

      <div class="c-sec__content">
        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
        </p>

        <p class="c-sec__content__itm">
          ダミーテキストダミーテキスト
        </p>
      </div>
      <!-- /.c-sec__content -->
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- タイプ3（PC：2カラム（1:2））を左右入れ替えする場合、`.c-sec__box.r-type03.r-reverse`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。


*/

/*
---
name: .c-sec__content - セクションコンテンツ
menu: レイアウト/セクション/コンテンツ
category: layout/section
tag:
- layout
- section
- content
---

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box">
      <div class="c-sec__content">
        `.c-sec__content`はh5と並列に並びます。
      </div>
      <!-- /.c-sec__content -->
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- マークアップ時のセクショニングでh5相当の見出し配下の文節に使用します（h5 + c-sec__content

*/

.c-sec-bg--white {
	background-color: #fff;
	padding-top: 1px;
}

.c-sec-bg--gray {
	background-color: #f9f9f9;
	padding-top: 1px;
}

.c-sec-bg--primary01 {
	background-color: #f9f3f4;
	padding-top: 1px;
}

.c-sec-bg--primary02 {
	background-color: #fcfbf4;
	padding-top: 1px;
}

.c-sec-bg--primary03 {
	background-color: #fdf7e6;
	padding-top: 1px;
}

.c-sec-last {
	padding-bottom: 62px;
}

.c-sec__lyt[class*="r-flex"] .c-sec__flex-itm.r-fig-head {
	margin-bottom: 0;
}

.c-sec__btn .c-btn-list,
.c-sec__btn .c-btn-list--emphasis {
	max-width: 500px;
	margin: 0 auto;
}

.c-sec__btn.r-large .c-btn-list,
.c-sec__btn.r-large .c-btn-list--emphasis {
	max-width: 651px;
	margin: 0 auto;
}

.c-sec__btn.r-double .c-btn-list,
.c-sec__btn.r-double .c-btn-list--emphasis {
	max-width: 100%;
}

/*
---
name: .c-hdg--lv1 - ページタイトル
category: component/heading
tag:
- component
- heading
---

```html
  <h1 class="c-hdg--lv1">ページタイトル</h1>
  <!-- /.c-hdg--lv1 -->
```

- サンプルでは`h1`タグを使用していますが、どのタグを使用しても問題ありません。

*/

/*
---
name: .c-hdg--lv2 - 大見出し
category: component/heading
tag:
- component
- heading
---

```html
  <h2 class="c-hdg--lv2">大見出し</h2>
  <!-- /.c-hdg--lv2 -->
```

- サンプルでは`h2`タグを使用していますが、どのタグを使用しても問題ありません。

## 強調パターン（c-hdg--lv1と同様）

```html
  <h2 class="c-hdg--lv2-em">大見出し</h2>
  <!-- /.c-hdg--lv2-em -->
```

- サンプルでは`h2`タグを使用していますが、どのタグを使用しても問題ありません。

*/

/*
---
name: .c-hdg--lv3 - 中見出し
category: component/heading
tag:
- component
- heading
---

```html
  <h3 class="c-hdg--lv3">中見出し</h3>
  <!-- /.c-hdg--lv3 -->
```

- サンプルでは`h3`タグを使用していますが、どのタグを使用しても問題ありません。


*/

/*
---
name: .c-hdg--lv3 - 小見出し
category: component/heading
tag:
- component
- heading
---

```html
  <h3 class="c-hdg--lv3">小見出し</h3>
  <!-- /.c-hdg--lv3 -->
```

- サンプルでは`h3`タグを使用していますが、どのタグを使用しても問題ありません。

*/

/*
---
name: .c-hdg--lv4 - 小見出し（別パターン）
category: component/heading
tag:
- component
- heading
---

```html
  <h4 class="c-hdg--lv4">小見出し</h4>
  <!-- /.c-hdg--lv4 -->
```

- サンプルでは`h4`タグを使用していますが、どのタグを使用しても問題ありません。


*/

.c-hdg--lv1,
.c-hdg--lv2-em {
	position: relative;
	color: #e4002b;
	text-align: center;
}

.c-hdg--lv1.u-mt-l.aohata {
	color: #002f87;
}

.c-hdg--lv1.r-detail-hdg,
.c-hdg--lv2-em.r-detail-hdg {
	text-align: left;
}

.c-hdg--lv1.r-has-print-share h1,
.c-hdg--lv2-em.r-has-print-share h1 {
	line-height: 1.5;
}

.c-hdg--lv1.r-has-print-share--pc h1,
.c-hdg--lv2-em.r-has-print-share--pc h1 {
	line-height: 1.5;
}

.c-hdg--lv1 .r-caption,
.c-hdg--lv2-em .r-caption {
	display: block;
}

.c-hdg--lv1.r-white,
.c-hdg--lv2-em.r-white {
	color: #fff;
}

.c-hdg--lv1 .r-campaign-icon,
.c-hdg--lv2-em .r-campaign-icon {
	background-image: url(/assets/img/common/ico_hdg_campaign.svg);
	background-repeat: no-repeat;
	background-position: left center;
}

.c-hdg--lv1 .r-media-icon,
.c-hdg--lv2-em .r-media-icon {
	background-image: url(/assets/img/common/ico_hdg_media.svg);
	background-repeat: no-repeat;
}

.c-hdg--lv2 {
	position: relative;
	color: #e4002b;
	text-align: center;
}

.l-main.r-type02 .c-hdg--lv2 {
	text-align: left;
}

.l-main__content--secondary .c-hdg--lv2 {
	text-align: center;
}

.c-hdg--lv2 .r-caption {
	display: block;
}

.c-hdg--lv3 {
	color: #e4002b;
	text-align: center;
}

.l-main.r-type02 .c-hdg--lv3 {
	text-align: left;
	line-height: 1.7;
}

.c-hdg--lv4 {
	position: relative;
	text-align: center;
	color: #e4002b;
}

.l-main.r-type02 .c-hdg--lv4 {
	text-align: left;
}

.c-hdg--lv5 {
	position: relative;
	text-align: center;
	color: #e4002b;
	font-weight: bold;
}

.l-main.r-type02 .c-hdg--lv5 {
	text-align: left;
}

/*
---
name: .c-list - リスト
category: component/list
tag:
- component
- list
---

```html
<ul class="c-list r-disc01">
  <li class="c-list__itm">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- 中黒のスタイルは`.r-disc01`で指定しています

*/

.c-list .c-list__itm {
	position: relative;
	line-height: 1.7;
}

.c-list .c-list__itm:first-child {
	margin-top: 0 !important;
}

.c-list .c-list__itm.r-disc01 {
	padding-left: 1em;
}

.c-list .c-list__itm.r-disc01:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

.c-list .c-list__itm[class*="r-num"] .r-mark {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.c-list .c-list__itm.r-num--dot {
	padding-left: 1.8em;
}

.c-list .c-list__itm.r-num--bracket {
	padding-left: 2.2em;
}

/*
---
name: .c-btn-list -  ボタン
category: component/button
tag:
- component
- button
---

```html
<div class="c-sec__btn">
  <div class="c-btn-list r-center01 r-1line">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link">
        <span class="c-btn-list__itm__content">ボタン1カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
<!-- /.c-sec__btn -->
```


```html
<div class="c-sec__btn">
  <div class="c-btn-list r-center01 r-1line">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link r-left-arrow">
        <span class="c-btn-list__itm__content">戻るボタン</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
<!-- /.c-sec__btn -->
```

- r-left-arrow を指定することで左側にアローが付きます


```html
<div class="c-sec__btn">
  <div class="c-btn-list r-center01 r-small">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link" target="_blank">
        <span class="c-btn-list__itm__content">別窓リンクボタン</span>
        <span class="c-btn-list__external__icon"></span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
<!-- /.c-sec__btn -->
```

- c-btn-list__external__icon を追加し、target="_blank" を指定することで別窓リンクボタンになります
- r-small を指定することで1段階小さいボタンサイズになります


```html
<div class="c-sec__btn">
  <div class="c-btn-list r-type02 r-center01 r-1line">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link">
        <span class="c-btn-list__itm__content">ボタン2カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link r-emphasis">
        <span class="c-btn-list__itm__content">ボタン2カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
```

- r-type02 を指定することでPC2カラム、SP1カラム(並列)に並びます。
- r-emphasis を指定することで強調時のボタンに変更します。


```html
<div class="c-sec__btn">
  <div class="c-btn-list r-type02 r-center01 r-1line">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link r-up">
        <span class="c-btn-list__itm__content">上矢印ボタン</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link r-down">
        <span class="c-btn-list__itm__content">下矢印ボタン</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
<!-- /.c-sec__btn -->
```

- r-up r-down を指定することでそれぞれ上下にアローが付きます


```html
<div class="c-sec__btn">
  <div class="c-btn-list r-type03 r-1line">
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link">
        <span class="c-btn-list__itm__content">ボタン3カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link">
        <span class="c-btn-list__itm__content">ボタン3カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
    <div class="c-btn-list__itm">
      <a href="#" class="c-btn-list__itm__link">
        <span class="c-btn-list__itm__content">ボタン3カラム</span>
      </a>
    </div>
    <!-- /.c-btn-list__itm -->
  </div>
  <!-- /.c-btn-list -->
</div>
```

- r-type03 を指定することでPC3カラム、SP1カラム(並列)に並びます。

*/

.c-btn-list,
.c-btn-list--emphasis {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}

.c-btn-list__itm__link {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #e4002b;
	text-decoration: none;
	/*border: 1px solid #e4002b;*/
  box-shadow:0 0 0 1px inset #e4002b;
	border-radius: 100px;
	background-color: #fff;
	cursor: pointer;
	font-size: inherit;
}

.c-btn-list__itm__link.aohata {
	color: #002f87;
	border: 1px solid #002f87;
}

.c-btn-list__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}

.c-btn-list__itm__link.r-left:before,
.c-btn-list__itm__link.r-left-arrow:before {
	-webkit-transform: translate(0, -50%) rotate(135deg);
	transform: translate(0, -50%) rotate(135deg);
}

.c-btn-list__itm__link.r-up:before {
	-webkit-transform: translate(0, -45%) rotate(-135deg);
	transform: translate(0, -45%) rotate(-135deg);
}

.c-btn-list__itm__link.r-down:before {
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}

.c-btn-list__itm__link[target='_blank']:before,
.c-btn-list__itm__link.r-blank:before {
	display: none;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	-webkit-transition: border-color .2s;
	transition: border-color .2s;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:before {
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.c-btn-list__itm__link.aohata[target='_blank'] .c-btn-list__external__icon:before{
	border-bottom: 1px solid #002f87;
	border-left: 1px solid #002f87;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:after {
	top: 0;
	right: 0;
	border: 1px solid #e4002b;
}

.c-btn-list__itm__link.aohata[target='_blank'] .c-btn-list__external__icon:after{
	top: 0;
	right: 0;
	border: 1px solid #002f87;
}

.c-btn-list__itm__link[target='_blank']:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank']:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link[target='_blank']:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank']:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link[target='_blank']:focus .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank']:focus .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:focus .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:focus .c-btn-list__external__icon:after {
	-webkit-transition: border-color .1s .2s;
	transition: border-color .1s .2s;
}

.c-btn-list__itm__link.r-emphasis {
	color: #fff;
	background-color: #e4002b;
	border-color: #e4002b;
  box-shadow:0 0 0 1px #e4002b;
}

.c-btn-list__itm__link.r-emphasis:before {
	border-color: #fff;
}

.c-btn-list__itm__link.r-emphasis[target='_blank']:before,
.c-btn-list__itm__link.r-emphasis.r-blank:before {
	display: none;
}

.c-btn-list__itm__link.r-emphasis[target='_blank'] .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis.r-blank .c-btn-list__external__icon:before {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.c-btn-list__itm__link.r-emphasis[target='_blank'] .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis.r-blank .c-btn-list__external__icon:after {
	border: 1px solid #fff;
}

.c-btn-list__itm__link.r-primary {
	color: #fff;
	background-color: #e9a107;
	background: #e9a107;
	border-color: #e9a107;
}

.c-btn-list__itm__link.r-primary:before {
	border-color: #fff;
}

.c-btn-list[aria-expanded="false"] .c-btn-list__itm__link:before,
.c-btn-list--emphasis[aria-expanded="false"] .c-btn-list__itm__link:before {
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}

.c-btn-list[aria-expanded="true"] .c-btn-list__itm__link:before,
.c-btn-list--emphasis[aria-expanded="true"] .c-btn-list__itm__link:before {
	-webkit-transform: translate(0, -35%) rotate(-135deg);
	transform: translate(0, -35%) rotate(-135deg);
}

.c-btn-list__itm__content {
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	color: inherit;
}

.c-btn-list--emphasis .c-btn-list__itm__link {
	color: #e4002b;
	background-color: #fff;
}

.c-btn-list--emphasis .c-btn-list__itm__link:before {
	border-color: #e4002b;
}

.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link {
	background: #e9a107;
	border-color: #e9a107;
}

.c-btn-list.r-cap .c-btn-list__itm .c-note,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .c-note {
	font-weight: normal;
}

/*
---
name: .c-nav-list - リストナビゲーション
menu: コンポーネント/ナビゲーション/リスト
category: component/navigation
tag:
- component
- navigation
- list
---

```html
<ul class="c-nav-list r-type01">
  <li class="c-nav-list__itm r-anchor"><a href="#tab01-sec01" class="c-nav-list__itm__link">支店・営業所</a></li><li class="c-nav-list__itm r-anchor"><a href="#tab01-sec02" class="c-nav-list__itm__link">工場</a></li><li class="c-nav-list__itm r-anchor"><a href="#tab01-sec03" class="c-nav-list__itm__link">その他</a></li>
</ul>
```

- アンカーリンク用のナビゲーションモジュールです
- アンカーリンク用のスタイルは`.r-anchor`に設定されています

*/

.c-nav-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-nav-list__itm__link {
	display: inline-block;
	position: relative;
}

.c-nav-list__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	right: 0;
}

.c-anchor-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-anchor-nav.r-type02 {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-anchor-nav.r-type02:after {
	display: none;
}

.c-anchor-nav.r-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-anchor-nav.r-center:after {
	display: none;
}

.c-anchor-nav:after {
	content: '';
	display: block;
	width: 30%;
}

.c-anchor-nav__itm {
	overflow: hidden;
}

.c-anchor-nav__itm:nth-child(3n) {
	border-right: 0;
}

.c-anchor-nav__itm.r-blank > a:before {
	display: none;
}

.c-anchor-nav__itm.r-blank > a:after {
	content: '';
	display: inline-block;
	height: .6em;
	padding-right: 0.8em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.6em auto;
}

.c-anchor-nav__itm > a {
	display: table-cell;
	vertical-align: middle;
	color: #e4002b;
	text-align: center;
	border-top: 2px solid #e4002b;
}

.c-anchor-nav__itm > a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-anchor-nav__itm.r-disable a {
	pointer-events: none;
	color: #ddd;
	border-top: 2px solid #ddd;
}

.c-anchor-nav__itm.r-disable a:before {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.c-anchor-nav.r-pc6sp3 {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-anchor-nav.r-pc6sp3:after {
	display: none;
}

/*
---
name: .c-card-list - カードリスト
category: component/card-list
tag:
- component
- card-list
---

## .card-list.r-normal - 通常パターン（PC:4カラム SP:1カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list r-normal">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-recipe">レシピ</div>
          <p class="r-date">
            2018/4/4
          </p>
          <p class="r-txt">SPは左右に並びます</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-tvcm">CM</div>
          <p class="r-txt">日付は削除できます</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="c-movie-image r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-txt">.c-movie-imageを付与することで再生アイコンを付与できます。</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-hdg">タイトル</p>
          <p class="r-txt">ダミーテキストが入ります</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```

- PCは4カラム、SPは1カラム（並列）に並びます
- 日付・バッジは削除可能、見出し・テキストも
- カテゴリー（r-badge）のパターンは通常（$clr-kp-red）、r-tvcm（$clr-primary）、r-campaign（#028291）の3種類

## .card-list.r-large - ラージパターン（PC:3カラム SP:1カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list r-large">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-recipe">飲食店</div>
          <p class="r-txt">ダミーテキストが入ります</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
            <p class="r-hdg">タイトル</p>
            <p class="r-txt">ダミーテキストが入ります</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
            <p class="r-txt">ダミーテキストが入ります</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```


## .card-list.r-normal.r-type02 - 通常 SP2カラムパターン（PC:4カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list r-normal r-type02">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-recipe">レシピ</div>
          <p class="r-date">
            2018/4/4
          </p>
          <p class="r-txt">SPは左右に並びます</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-txt">日付は削除できます</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```


## .card-list.r-large.r-type02 - ラージ SP2カラムパターン（PC:3カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list r-large r-type02">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-recipe">レシピ</div>
          <p class="r-date">
            2018/4/4
          </p>
          <p class="r-txt">SPは左右に並びます</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <div class="r-badge r-tvcm">CM</div>
          <p class="r-txt">日付は削除できます</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```

## .card-list.r-large.r-type02.r-center - ラージ SP2カラム中央寄せパターン（PC:3カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list r-large r-type02 r-center">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x213.png" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">タイトルが入ります</h3>
          <p class="r-txt">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
  </ul>
</div>

</div>
```

*/

.c-card-list .r-itm {
	position: relative;
}

.c-card-list .r-itm[aria-hidden="true"] {
	margin-top: 0 !important;
	position: absolute;
}

.c-card-list .r-itm.r-blank {
	position: relative;
}

.c-card-list .r-itm.r-blank .r-img:after {
	content: '';
	display: block;
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat left top;
}

.c-card-list .r-img.r-has-bdr {
	overflow: hidden;
	border: 1px solid #ddd;
}

.c-card-list .r-img img {
	width: 100%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-card-list .r-detail p {
	line-height: 1.7;
}

.c-card-list .r-badge {
	display: inline-block;
	background: #e4002b;
	color: #fff;
	left: 0;
	text-align: center;
}

.c-card-list .r-badge.r-finish {
	background-color: #8d8d8d;
}

.c-card-list .r-badge.r-tvcm {
	background-color: #e9a107;
}

.c-card-list .r-badge.r-campaign {
	background-color: #028291;
}

.c-card-list .r-badge.r-end {
	background-color: #8d8d8d;
}

.c-card-list .r-badge.r-carefood {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	position: relative;
	min-width: inherit;
	padding: 0px;
	line-height: 1;
	top: inherit;
	text-align: left;
	text-decoration: none !important;
	margin-top: 0;
}

.c-card-list .r-badge.r-carefood li {
	color: #fff;
	display: block;
	text-align: center;
}

.c-card-list .r-badge.r-carefood li.r-green {
	background: #028291;
	text-decoration: none !important;
}

.c-card-list .r-badge.r-carefood li.r-beige {
	background: #85746a;
}

.c-card-list .r-badge.r-carefood li.r-yellow {
	background: #e8a21b;
}

.c-card-list .r-badge.r-carefood li.r-red {
	background: #e81b2d;
}

.c-card-list .r-badge.r-carefood li.r-brown {
	background: #75140c;
}

.c-card-list .r-hdg {
	display: inline-block;
	border-bottom: 1px solid #e4002b;
	color: #e4002b;
	line-height: 1.7;
}

.c-card-list .r-hdg.r-simple {
	border-bottom: 0;
	color: #333;
}

.c-card-list.r-large .r-img img {
	width: 100%;
}

.c-card-list.r-xlarge .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.c-card-list.r-center .c-card-list__itms {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-card-list.r-products .r-img {
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-align: center;
}

.c-card-list.r-prouse .r-img {
	box-sizing: border-box;
	text-align: center;
}

.c-card-list.r-listimage .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.c-card-list-cf__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-card-list-cf__itms .r-itm.r-blank {
	position: relative;
}

.c-card-list-cf__itms .r-itm.r-blank a:after {
	content: '';
	display: block;
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat left top;
}

.c-card-list-cf__itms .r-itm a {
	display: block;
}

.c-card-list-cf__itms .r-itm a .r-img img {
	width: 100%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

/*
---
name: .c-card-list - カードリスト バナータイプ
category: component/card-list
tag:
- component
- card-list
---

## .c-card-list-bnr.r-normal - 通常パターン（PC:2カラム SP:1カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-normal">
  <ul class="c-card-list-bnr__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img r-has-bdr">
          <img src="//placehold.jp/670x210.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-txt">ダミーテキストダミーテキスト<br class="u-none--sp">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img r-has-bdr">
          <img src="//placehold.jp/670x210.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-txt">ダミーテキストダミーテキスト<br class="u-none--sp">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```


## .c-card-list-bnr.r-normal.r-longsentence - 通常左寄せパターン（PC:2カラム SP:1カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-normal r-longsentence">
  <ul class="c-card-list-bnr__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/670x210.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-hdg">タイトルが入ります</p>
          <p class="r-txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/670x210.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-hdg">タイトルが入ります</p>
          <p class="r-txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/670x210.png" alt="">
        </div>
        <div class="r-detail">
          <p class="r-hdg">タイトルが入ります</p>
          <p class="r-txt">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```


## .c-card-list-bnr.r-small - スモールパターン（PC:3カラム SP:1カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-small">
  <ul class="c-card-list-bnr__itms">
    <li class="r-itm r-has-bdr">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/320x100.png" alt="">
        </div>
      </a>
    </li>
    <li class="r-itm r-has-bdr">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/320x100.png" alt="">
        </div>
      </a>
    </li>
    <li class="r-itm r-has-bdr">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/320x100.png" alt="">
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```

## .c-card-list-bnr.r-small.r-type02 - スモールパターン（PC:3カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-small r-type02">
  <ul class="c-card-list-bnr__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x180.png" alt="">
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x180.png" alt="">
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```

## .c-card-list-bnr.r-small.r-type03 - スモールパターン（PC:3カラム SP:1カラム 幅70%）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-small r-type03">
  <ul class="c-card-list__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x180.png" alt="">
        </div>
        <p class="r-txt">タイトルが入ります</p>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x180.png" alt="">
        </div>
        <p class="r-txt">タイトルが入ります</p>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x180.png" alt="">
        </div>
        <p class="r-txt">タイトルが入ります</p>
      </a>
    </li>
  </ul>
  <div class="c-sec__btn">
    <div class="c-btn-list r-center01 r-1line">
      <div class="c-btn-list__itm">
        <a href="" class="c-btn-list__itm__link r-left-arrow">
          <span class="c-btn-list__itm__content">商品情報トップに戻る</span>
        </a>
      </div>
      <!-- /.c-btn-list__itm -->
    </div>
    <!-- /.c-btn-list -->
  </div>
</div>
<!-- /.c-card-list -->

</div>
```
## .c-card-list-bnr.r-xsmall - エクストラスモールパターン（PC4カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-bnr r-xsmall r-type02">
  <ul class="c-card-list-bnr__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/602x311.png" alt="">
        </div>
        <div class="r-detail u-align-l">
          <p class="r-badge r-end">終了しました</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/602x311.png" alt="">
        </div>
        <div class="r-detail u-align-l">
          <p class="r-badge r-end">終了しました</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/602x311.png" alt="">
        </div>
        <div class="r-detail u-align-l">
          <p class="r-badge r-end">終了しました</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/602x311.png" alt="">
        </div>
        <div class="r-detail u-align-l">
          <p class="r-badge r-end">終了しました</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list -->

</div>
```

*/

.c-card-list-bnr .r-itm {
	position: relative;
}

.c-card-list-bnr .r-itm.r-has-bdr {
	overflow: hidden;
	border: 1px solid #ddd;
}

.c-card-list-bnr .r-itm[aria-hidden="true"] {
	margin-top: 0 !important;
	position: absolute;
}

.c-card-list-bnr .r-itm.r-blank a:after {
	content: '';
	display: block;
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat left top;
}

.c-card-list-bnr .r-img img {
	width: 100%;
}

@media screen and (max-width: 768px) {
  .c-card-list-bnr__itms-img-fixhgt {
    height: auto;
  }
}

.c-card-list-bnr .r-img.r-has-bdr {
	overflow: hidden;
	border: 1px solid #ddd;
}

.c-card-list-bnr .r-badge {
	display: inline-block;
	position: absolute;
	background: #e4002b;
	color: #fff;
	left: 0;
	text-align: center;
}

.c-card-list-bnr .r-badge.r-tvcm {
	background-color: #e9a107;
}

.c-card-list-bnr .r-badge.r-campaign {
	background-color: #028291;
}

.c-card-list-bnr .r-badge.r-end {
	background-color: #aaa;
}

.c-card-list-bnr .r-hdg {
	display: inline-block;
	border-bottom: 1px solid #e4002b;
	color: #e4002b;
	text-align: center;
}

.c-card-list-bnr.r-center .c-card-list-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-card-list-bnr.r-category-bnr .r-itm {
	overflow: hidden;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
	background: #f2f2f2;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail {
	margin-top: 0px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail .r-txt {
	text-align: center;
}

/*
---
name: .c-card-list - カードリスト メディアタイプ
category: component/card-list
tag:
- component
- card-list
---


## .c-card-list-media.r-normal - 通常パターン（PC:2カラム罫線あり SP:2カラム）

```html

<div class="c-sec-maxinner">

<div class="c-card-list-media r-normal">
  <ul class="c-card-list-media__itms">
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img data-module="replace-deviceimage" src="/assets/img/project/top/top-cardlist-img01_sp.jpg" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">タイトルが入ります</h3>
          <p class="r-txt">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img data-module="replace-deviceimage" src="/assets/img/project/top/top-cardlist-img01_sp.jpg" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">タイトルが入ります</h3>
          <p class="r-txt">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="">
        <div class="r-img">
          <img data-module="replace-deviceimage" src="/assets/img/project/top/top-cardlist-img01_sp.jpg" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">タイトルが入ります</h3>
          <p class="r-txt">ダミーテキストダミーテキスト</p>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list-media -->

</div>

```

## .c-card-list-media.r-recipe - レシピパターン（PC:2カラム・SP:1カラム並列）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-media r-recipe">
  <ul data-module="height-line" data-config='{"clm": 2}' class="c-card-list-media__itms">
    <li class="r-itm">
      <a href="#">
        <figure class="r-img"><img src="//placehold.jp/235x181.png" alt=""></figure>
        <div class="r-detail">
          <p class="r-hdg" data-role="height-line-item">タイトルが入ります</p>
          <div class="r-detail-inner">
            <ul class="r-list">
              <li class="r-list-itm01">10分</li><li class="r-list-itm02">369kcal</li><li class="r-list-itm03">1.1g</li><li class="r-list-itm04">30g</li>
            </ul>
            <div class="r-product">
              <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
              <p class="r-product-txt">商品名が入ります</p>
            </div>
          </div>
        </div>
        <div class="r-product-sp">
          <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
          <p class="r-product-txt">商品名が入ります</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="#">
        <figure class="r-img"><img src="//placehold.jp/235x181.png" alt=""></figure>
        <div class="r-detail">
          <p class="r-hdg" data-role="height-line-item">タイトルが入ります</p>
          <div class="r-detail-inner">
            <ul class="r-list">
              <li class="r-list-itm01">10分</li><li class="r-list-itm02">369kcal</li><li class="r-list-itm03">1.1g</li><li class="r-list-itm04">30g</li>
            </ul>
            <div class="r-product">
              <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
              <p class="r-product-txt">商品名が入ります</p>
            </div>
          </div>
        </div>
        <div class="r-product-sp">
          <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
          <p class="r-product-txt">商品名が入ります</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="#">
        <figure class="r-img"><img src="//placehold.jp/235x181.png" alt=""></figure>
        <div class="r-detail">
          <p class="r-hdg" data-role="height-line-item">タイトルが入ります</p>
          <div class="r-detail-inner">
            <ul class="r-list">
              <li class="r-list-itm01">10分</li><li class="r-list-itm02">369kcal</li><li class="r-list-itm03">1.1g</li><li class="r-list-itm04">30g</li>
            </ul>
            <div class="r-product">
              <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
              <p class="r-product-txt">商品名が入ります</p>
            </div>
          </div>
        </div>
        <div class="r-product-sp">
          <figure class="r-product-img"><img src="//placehold.jp/100x400.png" alt=""></figure>
          <p class="r-product-txt">商品名が入ります</p>
        </div>
      </a>
    </li>
    <li class="r-itm">
      <a href="#">
        <figure class="r-img"><img src="//placehold.jp/235x181.png" alt=""></figure>
        <div class="r-detail">
          <p class="r-hdg" data-role="height-line-item">タイトルが入ります</p>
          <div class="r-detail-inner">
            <ul class="r-list">
              <li class="r-list-itm01">10分</li><li class="r-list-itm02">369kcal</li><li class="r-list-itm03">1.1g</li><li class="r-list-itm04">30g</li>
            </ul>
            <div class="r-product">
              <figure class="r-product-img"><img src="//placehold.jp/200x400.png" alt=""></figure>
              <p class="r-product-txt">商品名が入ります</p>
            </div>
          </div>
        </div>
        <div class="r-product-sp">
          <figure class="r-product-img"><img src="//placehold.jp/200x400.png" alt=""></figure>
          <p class="r-product-txt">商品名が入ります</p>
        </div>
      </a>
    </li>

  </ul>
</div>

</div>

```

## .c-card-list-media.r-xlarge - Xラージパターン（PC・SP:1カラム並列）

```html
<div class="c-sec-maxinner">

<div class="c-card-list-media r-xlarge">
  <ul class="c-card-list-media__itms">
    <li class="r-itm">
      <a href="">
        <figure class="r-img"><img src="//placehold.jp/500x335.png" alt=""></figure>
        <div class="r-detail">
          <div class="r-badge">期間限定イベント</div>
          <p class="r-hdg">タイトルが入ります</p>
          <div class="r-txt">
            <p>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list-media -->

</div>
```

*/

.c-card-list-media__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-media__note .r-inner {
	display: inline-block;
}

.c-card-list-media__note.r-prouse .r-inr p:first-child {
	margin-left: 0px;
}

.c-card-list-media.r-normal .r-itm {
	background-color: #fff;
}

.c-card-list-media.r-normal .r-hdg {
	color: #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-card-list-media.r-xlarge .r-itm:first-child {
	margin-top: 0;
}

.c-card-list-media.r-xlarge .r-badge {
	display: inline-block;
	background: #e4002b;
	color: #fff;
	text-align: center;
}

.c-card-list-media.r-xlarge .r-hdg {
	color: #e4002b;
	font-weight: bold;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"] {
	position: relative;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"] .r-prize {
	position: absolute;
	font-weight: bold;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank {
	position: relative;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank .r-prize {
	position: absolute;
	font-weight: bold;
}

.c-card-list-media.r-recipe .r-itm.r-rank1 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank1.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank2 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank2.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank3 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank3.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank4 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank4.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank5 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank5.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank6 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank6.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank7 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank7.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank8 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank8.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank9 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank9.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-itm.r-rank10 {
	background: url(/recipes/cat_assets/img/common/icn-card_list_rank10.png) no-repeat left top;
}

.c-card-list-media.r-recipe .r-badge {
	display: inline-block;
	background: #e4002b;
	color: #fff;
	text-align: center;
}

.c-card-list-media.r-recipe .r-img img {
	width: 100%;
}

.c-card-list-media.r-recipe .r-itm[aria-hidden="true"] {
	margin-top: 0 !important;
	position: absolute;
}

.c-card-list-media.r-recipe .r-detail {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-card-list-media.r-recipe .r-detail .r-sub-txt {
	line-height: 1.7;
}

.c-card-list-media.r-recipe .r-list li {
	display: inline-block;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm01 {
	background: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m998.5 354a10.5 10.5 0 1 1 10.5-10.5 10.512 10.512 0 0 1 -10.5 10.5zm0-20a9.5 9.5 0 1 0 9.5 9.5 9.511 9.511 0 0 0 -9.5-9.5zm3.27 10.6h-3.607l-4.568-5.536.771-.637 4.268 5.172h3.136v1z%22 fill=%22%23e4002b%22 fill-rule=%22evenodd%22 transform=%22translate(-988 -333)%22/%3E%3C/svg%3E") no-repeat;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm02 {
	background: url("data:image/svg+xml,%3Csvg height=%2221.062%22 viewBox=%220 0 18.124 21.062%22 width=%2218.124%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m996.134 396.768-1.034-.268c-.5-.13-.976-.3-1.524-.5a7.764 7.764 0 0 1 -4.191-4.4c-.621-2.08 0-4.386 1.858-6.851s2.949-4.175 1.924-8.231l-.2-.787.79.19c2.857.689 8.8 2.123 12.18 7.637a10.044 10.044 0 0 1 .92 7.84 7.439 7.439 0 0 1 -4.54 4.6l-.14.056c-.34.136-.66.261-1.01.369l-1.07.326.48-1.008a7.643 7.643 0 0 0 .86-3.279c0-2.914-2.432-5.681-3.333-6.607-.9.928-3.329 3.7-3.329 6.607a7.763 7.763 0 0 0 .889 3.354zm-1.834-19.7c.778 3.859-.408 5.814-2.271 8.274-1.637 2.179-2.214 4.173-1.716 5.925a6.758 6.758 0 0 0 3.6 3.816c.154.056.3.109.439.158a7.926 7.926 0 0 1 -.553-2.778c0-3.988 3.818-7.511 3.98-7.658l.331-.3.33.3c.163.148 3.983 3.671 3.983 7.659a7.894 7.894 0 0 1 -.5 2.641l.04-.017a6.419 6.419 0 0 0 3.97-4 8.974 8.974 0 0 0 -.83-7.017c-2.893-4.721-7.882-6.271-10.803-7.006z%22 fill=%22%23e4002b%22 fill-rule=%22evenodd%22 transform=%22translate(-989.156 -375.719)%22/%3E%3C/svg%3E") no-repeat;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm03 {
	background: url("data:image/svg+xml,%3Csvg enable-background=%22new 0 0 22.4 41.3%22 height=%2241.3%22 viewBox=%220 0 41.4 41.3%22 width=%2241.4%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22%23e4002b%22%3E%3Cpath d=%22m20.3 14.1h-.7v-6.7h-1.7v6.7h-13.5v-6.7h-1.7v6.7h-.6c-1.2 0-2.1 1-2.1 2.3v22.6c0 1.3 1 2.3 2.1 2.3h18.1c1.2 0 2.1-1 2.1-2.3v-22.6c.1-1.3-.9-2.3-2-2.3zm.4 24.9c0 .3-.2.5-.4.5h-5.5v-19.3h-1.7v19.3h-3.8v-19.3h-1.7v19.3h-5.5c-.2 0-.4-.2-.4-.5v-22.6c0-.3.2-.5.4-.5h18.1c.2 0 .4.2.4.5z%22/%3E%3Cpath d=%22m21.1 4.8c-1.1-2.2-3.7-4.8-10.1-4.8s-8.9 2.7-9.8 4.9c-.2.8-.2 1.6.2 2.3s1.1 1.1 1.9 1.1h15.8c.8 0 1.5-.4 1.9-1.2s.5-1.6.1-2.3zm-1.5 1.3c-.1.2-.3.3-.5.3h-15.8c-.3 0-.4-.2-.4-.3-.1 0-.2-.2-.1-.5.7-1.7 2.7-3.8 8.2-3.8s7.7 2.1 8.6 3.8c.1.2 0 .4 0 .5z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm04 {
	background: url("data:image/svg+xml,%3Csvg height=%2250%22 width=%2250%22 enable-background=%22new 0 0 50 50%22 viewBox=%220 0 50 50%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 stroke=%22%23e4002b%22 stroke-miterlimit=%2210%22%3E%3Cpath d=%22m24.071 18.608s-10.792-.267-5.778 7.9c1.846 2.935 1.748 4.26 1.644 5.407-.152 1.671-1.194 4.04 5.547 4.04%22/%3E%3Cpath d=%22m24.447 34.41c.167.501 1.407 2.655 2.495 2.431.8.013 2.079-.448 2.655-3.231s3.868-15.523-2.303-16.046c-2.367-.14-4.286 1.556-4.606 3.155 0 0-1.318 4.475 1.759 13.691z%22/%3E%3Cpath d=%22m29.529 18.608c.16.096 6.409-.704 6.949 3.903.54 4.606-1.605 3.914-2.559 5.47-.703 1.147-.809 2.237-.96 3.296-.296 2.078.18 5.075-4.158 4.454%22/%3E%3Cpath d=%22m26.838 17.556s-.518-3.728 3.983-5.699%22/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-card-list-media.r-recipe .r-product .r-product-img img {
	max-width: none;
	height: 100%;
}

.c-card-list-media.r-recipe .r-product-sp .r-product-img img {
	max-width: none;
	height: 100%;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link {
	display: block;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-img {
	width: 100%;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail {
	width: 100%;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-product-sp .r-product-img {
	width: 20px;
	width: 5.33333vw;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-product-sp .r-product-txt {
	font-size: 12px;
	font-size: 3.2vw;
	padding-left: 2.5px;
	padding-left: 0.66667vw;
}

.c-card-list-media.r-trim .r-img {
	overflow: hidden;
}

.c-card-list-media .r-itm .r-img,
.c-card-list-media .r-itm .r-recipe-link,
.c-card-list-media .r-itm .r-product-link,
.c-card-list-media .r-itm > a,
.c-card-list-media .r-itm > .r-link {
	cursor: pointer;
}

.c-card-list-media.r-recipe .r-itm .r-recipe-link:hover + .r-detail .r-hdg,
.c-card-list-media .r-itm > a:hover .r-detail,
.c-card-list-media .r-itm > .r-hdg:hover,
.c-card-list-media .r-itm > .r-link:hover .r-detail {
	color: #e4002b;
}

.c-card-list-media .r-img.r-has-bdr {
	overflow: hidden;
	border: 1px solid #ddd;
}

.c-card-list-media.r-reverse .c-card-list-media__itms {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*
---
name: .c-card-list - カードリスト レシピタイプ
category: component/card-list
tag:
- component
- card-list
---

```html

<div data-module="adjust-card-list-pickup" class="c-card-list-pickup">
  <div data-role="base-item" class="r-itm r-seasonal">
    <a href="">
      <div class="r-img">
        <img src="//placehold.jp/515x340.png?css=%7B%22background-color%22%3A%22%20rgba(0%2C0%2C0%2C0)%22%7D" alt="">
      </div>
      <div class="r-detail">
        <h3 class="r-hdg">旬を食べる</h3>
        <div class="r-txt">
          ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
        </div>
      </div>
    </a>
  </div>
  <ul data-role="taeget-item" class="c-card-list-pickup__itms">
    <li class="r-itm r-vegetable">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/515x340.png?css=%7B%22background-color%22%3A%22%20rgba(0%2C0%2C0%2C0)%22%7D" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">注目野菜</h3>
          <div class="r-txt">
            アスパラガスを使った<br>お出かけレシピ
          </div>
        </div>
      </a>
    </li>
    <li class="r-itm r-recipe">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x280.png" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">毎日を元気に</h3>
          <div class="r-txt">
            ダミーテキストダミーテキストダミーテキスト
          </div>
        </div>
      </a>
    </li>
    <li class="r-itm r-recipe">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x280.png" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">春を感じる</h3>
          <div class="r-txt">
            ダミーテキストダミーテキストダミーテキストダミーテキスト
          </div>
        </div>
      </a>
    </li>
    <li class="r-itm r-recipe">
      <a href="">
        <div class="r-img">
          <img src="//placehold.jp/325x280.png" alt="">
        </div>
        <div class="r-detail">
          <h3 class="r-hdg">外でも気軽に</h3>
          <div class="r-txt">
            ダミーテキストダミーテキストダミーテキスト
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>
<!-- /.c-card-list-pickup -->


```

*/

.c-card-list-pickup__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-pickup .r-itm[aria-hidden="true"] {
	margin-top: 0 !important;
	position: absolute;
}

.c-card-list-pickup .r-itm .r-img {
	overflow: hidden;
}

.c-card-list-pickup .r-itm > a,
.c-card-list-pickup .r-itm span {
	display: block;
}

.c-card-list-pickup .r-itm > a:hover .r-hdg,
.c-card-list-pickup .r-itm span:hover .r-hdg {
	border-bottom: 1px solid #e4002b;
}

.c-card-list-pickup .r-itm.r-news .r-hdg:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.c-card-list-pickup .r-itm.r-vegetable .r-hdg:after {
	content: '';
	display: block;
	position: absolute;
	background: url(https://img.kewpie.co.jp/assets/img/common/categoryicon_recipes/categoryicon_item_vegetables.png) no-repeat center center;
}

/*.c-card-list-pickup .r-itm.r-recipe .r-hdg:after {
	content: '';
	display: block;
	position: absolute;
	background: url(https://img.kewpie.co.jp/assets/img/layout/globalnav/ico_gnav_recipes_book.svg) no-repeat center center;
}*/

.c-card-list-pickup .r-itm.r-recipe .r-hdg:after {
	content: '';
	display: block;
	position: absolute;
	background: url(https://img.kewpie.co.jp/assets/img/layout/globalnav/ico_gnav_recipes_features.svg) no-repeat center center;
}

.c-card-list-pickup .r-itm.r-tvcm .r-hdg:after {
	background: url(/assets/img/project/top/top-recipe_pickup_hdg-tvcm_pc.png) no-repeat center;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img:after,
.c-card-list-pickup .r-itm.r-vegetable .r-img:after {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.c-card-list-pickup .r-hdg {
	display: inline-block;
	position: relative;
	color: #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-card-list-pickup .r-img {
	position: relative;
	overflow: hidden;
}

.c-card-list-pickup.r-right .r-itm .r-hdg {
	padding-left: 0;
}

/*
---
name: .c-cat-list - カテゴリーリスト
category: component/category-list
tag:
- component
- category-list
compile: true
---

## .cat-list - 通常パターン（PC:4カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

  <div class="c-cat-list">
    <ul class="c-cat-list__itms">
      <li class="r-itm">
        <a href="">
          <div class="r-img">
            <img src="//placehold.jp/220x220.png" alt="">
            <span class="r-hdg">マヨネーズなど</span>
          </div>
        </a>
      </li>
      <li class="r-itm">
        <a href="">
          <div class="r-img">
            <img src="//placehold.jp/220x220.png" alt="">
            <span class="r-hdg">ドレッシング<br>サラダ用調味料<br>など</span>
          </div>
        </a>
      </li>
      <li class="r-itm">
        <a href="">
          <div class="r-img">
            <img src="//placehold.jp/220x220.png" alt="">
            <span class="r-hdg">その他調味料</span>
          </div>
        </a>
      </li>
      <li class="r-itm">
        <a href="">
          <div class="r-img">
            <img src="//placehold.jp/220x220.png" alt="">
            <span class="r-hdg">パスタソース</span>
          </div>
        </a>
      </li>
    </ul>
  </div>

</div>
```

## .cat-list - 通常パターン（PC:3カラム SP:2カラム）

```html
<div class="c-sec-maxinner">

<div class="c-cat-list r-type02">
  <ul class="c-cat-list__itms">
    <li class="r-itm" data-role="open-modal-window">
      <a href="" class="r-img">
        <img src="//placehold.jp/220x220.png" alt="">
        <span class="r-hdg">すべてのレシピ</span>
      </a>
    </li>
    <li class="r-itm" data-role="open-modal-window">
      <a href="" class="r-img">
        <img src="//placehold.jp/220x220.png" alt="">
        <span class="r-hdg">
          サラダ
          <img src="/assets/img/project/prouse/common/prouse-recipe_category_icn-salad.png" alt="">
        </span>
      </a>
    </li>
    <li class="r-itm" data-role="open-modal-window">
      <a href="" class="r-img">
        <img src="//placehold.jp/220x220.png" alt="">
        <span class="r-hdg">
          おかず・おつまみ
          <img src="/assets/img/project/prouse/common/prouse-recipe_category_icn-dish.png" alt="">
        </span>
      </a>
    </li>
  </ul>
</div>

</div>
```

## .p-prod-cat-list - レシピパターン（PC:3カラム SP:2カラム）

```ejs
<div class="c-sec-maxinner">

<div class="p-prod-cat-list">
  <ul class="p-prod-cat-list__itms">
    <% var itmTitle = [
      'テイスティドレッシング 和風　香味玉葱',
      'テイスティドレッシング イタリアン',
      'テイスティドレッシング 胡麻 こく味(ピーナッツ入り)'
    ]
    %>
    <% for(let i = 1; i<=itmTitle.length; i++) { %>
    <li class="r-itm">
      <a href="">
        <figure class="r-img">
          <img src="//placehold.jp/100x300.png" alt="">
        </figure>
        <p class="r-hdg"><%= itmTitle[i-1] %></p>
      </a>
      <a href="">
        <div class="r-recipe">
          <div class="r-recipe-img">
            <img src="//placehold.jp/260x170.png" alt="">
          </div>
          <p class="r-subhdg"><span class="c-txt-link r-right">おすすめレシピ一覧</span></p>
        </div>
      </a>
    </li>
    <% } %>
  </ul>
  <!-- /.p-prod-cat-list__itms -->
</div>
<!-- /.p-prod-cat-list -->

</div>
```


*/

.c-cat-list .r-itm.r-type-square .r-img {
	border-radius: 0;
}

.c-cat-list .r-itm.r-blank .r-img:after {
	content: '';
	display: block;
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat left top;
}

.c-cat-list .r-img {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 100%;
	background-color: #fff;
}

.c-cat-list .r-img > img {
	position: absolute;
}

.c-cat-list .r-hdg {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

.c-cat-list .r-hdg > img {
	display: block;
	margin: 0 auto;
}

.c-cat-list .r-note {
	display: block;
}

.c-cat-list .r-linklist {
	color: #333;
}

.c-cat-list .r-linklist ul {
	border-left: 1px solid #e4002b;
}

.c-cat-list .r-linklist ul li:first-child {
	padding-top: 0;
}

.c-cat-list.r-type02 .r-itm .r-img {
	background-color: #fff;
	cursor: default;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-img > img {
	position: absolute;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg > img {
	display: block;
	margin: 0 auto;
}

.c-cat-list-panel__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-cat-list-panel .r-itm:nth-child(3n) {
	margin-right: 0;
}

.c-cat-list-panel .r-itm > a {
	display: block;
}

.c-cat-list-panel .r-itm > a:hover img {
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05);
}

.c-cat-list-panel .r-hdg {
	display: block;
	text-align: center;
}

.c-cat-list-panel .r-img {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 100%;
	background-color: #fff;
}

.c-cat-list-panel .r-img > img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.c-panel-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-panel-list__itm {
	position: relative;
	z-index: 1;
}

.c-panel-list__itm__link {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.c-panel-list__itm__link:before,
.c-panel-list__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
}

.c-panel-list__itm__link:before {
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-panel-list__itm__link:after {
	background-color: #e4002b;
}

.c-panel-list__itm__link__inner {
	display: block;
	position: relative;
}

.c-panel-list__itm__link__inner:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	border: 1px solid #e4002b;
	border-radius: 50%;
}

.c-panel-list__itm__title {
	position: absolute;
	z-index: 1;
}

.c-panel-list__itm__img {
	width: 100%;
	height: auto;
}

.c-prod-list {
	position: relative;
}

.c-prod-list.r-type01 {
	margin: 0 auto;
}

.c-prod-list .r-slider.is-itm-only .slick-list {
	overflow: initial !important;
}

.c-prod-list.r-col4 {
	margin: 0 auto;
}

.c-prod-list.r-col4 .r-slider,
.c-prod-list.r-col4 .c-prod-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-prod-list.r-col4 .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.c-prod-list.r-col5 {
	margin: 0 auto;
}

.c-prod-list.r-col5 .r-slider,
.c-prod-list.r-col5 .c-prod-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-prod-list .r-itm > a {
	display: block;
}

.c-prod-list .r-img {
	overflow: hidden;
	text-align: center;
}

.c-prod-list .r-img.r-has-bdr {
	border: 1px solid #ddd;
}

.c-prod-list .r-img img {
	display: inline-block;
	height: 100%;
}

.p-prod-info-list__block .c-prod-list .r-img {
	background-color: #fff;
}

.c-question-list__itm {
	position: relative;
	border-top: 1px solid #ddd;
}

.c-question-list__itm:first-child {
	border-top: 0;
}

.c-question-list__question {
	display: inline-block;
}

.c-question-list__question:before {
	content: 'Q';
	display: inline-block;
	position: absolute;
	background-color: #e4002b;
	text-align: center;
	color: #fff;
}

.c-question-list__question:after {
	content: '';
	display: inline-block;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

/*
---
name: .c-tab-list - カテゴリー一覧
category: component/tab-list
tag:
- component
- tab-list
- list
---

```html
  <div class="c-tab-list-emphasis">
    <div class="r-content">
      <div class="c-tab-list-emphasis__inner r-maxinner">
        <div role="tabpanel" aria-labeledby="tab01" aria-hidden="false">
          <ul class="c-tab-list-emphasis__list">
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>マヨネーズなど</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>ドレッシング・サラダ用<br>調味料など</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>パッケージサラダ</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>調理用ソース・調味料</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>ジャムなど</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>パスタソース・<br>レトルト加工品</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>ベビーフード・幼児食</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>介護食</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>ヘルスフード・<br>健康補助食品</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>除菌衛生用品</a></li>
            <li class="r-itm"><a href="/"><span class="r-img"><img src="//placehold.jp/220x220.png" alt=""></span>スキンケア用品</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- /.c-tab-list-emphasis -->
```

*/

.c-tab-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-tab-list__itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 50%;
	cursor: pointer;
	color: #aaa;
	text-align: center;
	line-height: 1.7;
	border: 2px solid transparent;
	outline: 0;
}

.c-tab-list__itm > .r-txt {
	display: block;
}

[data-module="switch-tab"] .c-tab-list__itm {
	-webkit-transition: color .2s;
	transition: color .2s;
}

[data-module="switch-tab"] .c-tab-list__itm:hover {
	text-decoration: none;
	color: #e4002b;
}

.c-tab-list__itm > a {
	display: block;
	width: 100%;
}

.c-tab-list__itm > a:hover {
	text-decoration: none;
	color: #e4002b;
}

.c-tab-list__itm.is-active {
	border: 2px solid #e4002b;
	color: #e4002b;
	border-bottom: 2px solid #f9f9f9;
	background-color: #f9f9f9;
	pointer-events: none;
}

.c-tab-list-emphasis--type03 .c-tab-list__itm.is-active {
	border-bottom: 2px solid #fff;
	background-color: #fff;
}

.c-tab-list-type02__navi {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.c-tab-list-type02__navi .r-hdg {
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
}

.c-tab-list-type02__navi .r-hdg.is-active {
	color: #e4002b;
	background-color: #fff;
}

.c-tab-list-type02__navi .r-hdg.is-active span {
	position: relative;
}

.c-tab-list-type02__navi .r-hdg.is-active span:after {
	content: "";
	background: #e4002b;
	position: absolute;
	width: 100%;
	left: 0px;
}

.c-tab-list-type02__navi .r-hdg > a {
	display: block;
	width: 100%;
	margin: auto;
	vertical-align: middle;
}

.c-tab-list-type02__navi .r-hdg span {
	display: inline-block;
	margin: auto;
	vertical-align: middle;
}

.c-tab-list-type02__navi .r-hdg.r-disable {
	pointer-events: none;
	background-color: #fff !important;
}

.c-tab-list-type02__navi .r-hdg.r-disable > a,
.c-tab-list-type02__navi .r-hdg.r-disable span {
	color: #ddd;
	pointer-events: none;
}

.c-tab-list-emphasis__navi + .r-content {
	border-top: 2px solid #e4002b;
	border-bottom: 2px solid #e4002b;
	margin-top: -2px;
}

.c-tab-list-emphasis .r-content,
.c-tab-list-emphasis--type03 .r-content {
	background-color: #f9f9f9;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm {
	display: block;
	background-color: #fff;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a {
	position: relative;
	background-color: #fff;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a:hover,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a:hover {
	text-decoration: none;
	color: #e4002b;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a:after,
.p-recipe-ranking-product__nav__list__itm__tab:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm .r-img,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm .r-img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
}

.c-tab-list-emphasis--type03 .r-content {
	background-color: #fff;
}

.c-tab-list-accordion .r-itm {
	line-height: 1.6;
	border: 1px solid #ddd;
}

.c-tab-list-accordion .r-itm > .r-txt {
	display: block;
}

.c-tab-list-accordion .r-itm[aria-hidden=true] {
	padding: 0;
}

.c-tab-list-accordion.r-type02 {
	border-right: none;
}

.c-tab-list-accordion.r-type02 .r-hdg {
	box-sizing: border-box;
}

.c-tab-list-accordion.r-type02 .r-itm {
	background: #f9f9f9;
	border: none;
}

.c-tab-list-accordion.r-type02 .r-itm[aria-hidden=true] {
	padding: 0;
}

.c-pager__nav .r-itm a,
.c-pager__nav--start a,
.c-pager__nav--prev a,
.c-pager__nav--next a,
.c-pager__nav--end a {
	color: #e4002b;
}

.is-android5 .c-pager__nav .r-itm a,
.c-pager__nav .is-android5 .r-itm a,
.is-android5 .c-pager__nav--start a,
.is-android5 .c-pager__nav--prev a,
.is-android5 .c-pager__nav--next a,
.is-android5 .c-pager__nav--end a {
	line-height: 31px;
	line-height: 8.26667vw;
}

.is-androidlegacy .c-pager__nav .r-itm,
.c-pager__nav .is-androidlegacy .r-itm,
.is-androidlegacy .c-pager__nav--start,
.is-androidlegacy .c-pager__nav--prev,
.is-androidlegacy .c-pager__nav--next,
.is-androidlegacy .c-pager__nav--end {
	display: inline-block;
}

.c-pager {
	position: relative;
}

.is-androidlegacy .c-pager {
	display: block;
	text-align: center;
}

.c-pager__nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

.is-androidlegacy .c-pager__nav {
	display: block;
}

.c-pager__nav .r-itm a:hover {
	color: #fff;
	background-color: #e4002b;
}

.c-pager__nav .r-itm a:hover:before,
.c-pager__nav .r-itm a:hover:after {
	border-color: #e4002b;
}

.c-pager__nav .r-itm[aria-current="true"] a {
	background-color: #e4002b;
	color: #fff;
	cursor: default;
	pointer-events: none;
}

.c-pager__nav .r-itm[aria-current="true"] a:hover {
	color: #fff;
}

.c-pager__nav .r-itm.is-disabled a {
	pointer-events: none;
}

.c-pager__nav .r-itm.is-disabled a:hover {
	color: #fff;
}

.is-androidlegacy .c-pager__nav .r-itm {
	display: inline-block;
}

.c-pager__nav--start > a {
	background-color: transparent;
}

.c-pager__nav--start > a:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-pager__nav--start > a:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-pager__nav--prev > a {
	border: 0;
	background-color: transparent;
}

.c-pager__nav--prev > a:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-pager__nav--next > a {
	background-color: transparent;
}

.c-pager__nav--next > a:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-pager__nav--end > a {
	background-color: transparent;
}

.c-pager__nav--end > a:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-pager__nav--end > a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-def-list {
	width: 100%;
}

.c-def-list__itms .r-itm:first-child {
	margin-top: 0px;
}

.c-def-list__itms .r-itm a {
	display: block;
}

.c-def-list__itms .r-itm a .r-hdg {
	color: #e4002b;
}

.c-def-list__itms .r-itm a .r-hdg .r-bd {
	display: inline;
	background-color: #fff;
	background-repeat: repeat;
	color: #e4002b;
	text-decoration: underline;
}

.c-def-list__itms .r-itm a:hover .r-txt,
.c-def-list__itms .r-itm a:focus .r-txt {
	text-decoration: underline;
}

.c-def-list__itms .r-itm a[href$=".pdf"] .r-hdg {
	position: relative;
}

.adobe_reader:before {
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_document_pdf-01.svg);
	content: '';
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	left: 0px;
}

/*
---
name: .c-recipe-calendar - カレンダー
category: component/recipecalendar
tag:
- component
- recipecalendar
---

```html

<div data-module="scroll-fadein-animation" data-onloaded="true" data-config='{"has-children": "true"}' class="c-recipe-calendar" style="background-image: url(/assets/img/common/calendar/recipe_img-m4_pc.jpg)">
  <div class="c-recipe-calendar__inner" class="c-recipe-calendar" style="background-image: url(/assets/img/common/calendar/recipe_img-m4_sp.jpg)">
    <div class="c-recipe-calendar-hdg">
      <h3 class="r-img">
        <img data-module="replace-deviceimage" src="/assets/img/common/calendar/recipe_hdg-m4_sp.png" alt="">
      </h3>
      <div class="c-sec__btn c-sec-maxinner--sp">
        <div class="c-btn-list r-type01 r-1line r-center01">
          <div class="c-btn-list__itm">
            <a href="" class="c-btn-list__itm__link">
              <span class="c-btn-list__itm__content">とっておきレシピへ</span>
            </a>
          </div>
          <!-- /.c-btn-list__itm -->
        </div>
        <!-- /.c-btn-list -->
      </div>
      <!-- /.r-btn -->
    </div>
    <!-- /.c-recipe-hdg -->

    <div class="c-recipe-calendar-list">
      <ul class="c-recipe-calendar-list__itms">
        <li data-role="animation-parts" class="r-itm">
          <a href="">
            <div class="r-detail">
              <h4 class="r-hdg">今週のおすすめ</h4>
              <div class="r-txt">
                キユーピーおすすめレシピをご紹介いたします。<span class="r-date">4/4更新</span>
              </div>
            </div>
            <div class="r-img">
              <img src="/assets/img/common/calendar/spring/recipe_sec01_img01.jpg" alt="">
            </div>
          </a>
        </li>
        <li data-role="animation-parts" class="r-itm">
          <a href="">
            <div class="r-detail">
              <h4 class="r-hdg">人気のレシピ</h4>
              <div class="r-txt">
                よくご覧いただく人気レシピをご紹介いたします。<span class="r-date">4/4更新</span>
              </div>
            </div>
            <div class="r-img">
              <img src="/assets/img/common/calendar/spring/recipe_sec01_img02.jpg" alt="">
            </div>
          </a>
        </li>
      </ul>
    </div>
    <!-- /.c-recipe-calendar-list -->
  </div>
  <!-- /.c-recipe-calendar__inner -->
</div>
<!-- /.c-recipe-calendar -->

```

*/

.c-recipe-calendar {
	overflow: hidden;
}

.c-recipe-calendar-hdg .r-copy {
	color: #fff;
	font-weight: bold;
}

.c-recipe-calendar-hdg .r-detail {
	color: #fff;
}

.c-recipe-calendar-list {
	position: relative;
}

.c-recipe-calendar-list .r-itm {
	background: #fff;
}

.c-recipe-calendar-list .r-itm > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-recipe-calendar-list .r-hdg {
	border-bottom: 1px solid #e4002b;
	color: #e4002b;
}

.c-recipe-calendar-list .r-img > img {
	width: 100%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.r-mid .c-detail-visual-main__img {
	position: relative;
}

.r-old .c-detail-visual-main__img {
	position: relative;
}

.r-single .c-detail-visual-main__img {
	margin: 0px auto;
}

.r-normal .c-detail-visual-main__detail {
	border-bottom: 1px dashed #e4002b;
}

.c-detail-visual-main.r-single {
	display: block;
}
.c-detail-visual-main__fav {
  position: relative;
}
.c-detail-visual-main__fav-btn {
  width: 100%;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 21px / 28px auto;
  border: solid 1px #FF8710;
  color: #FF8710;
  font-size: 21px;
  font-weight: bold;
  position: relative;
  margin-top: 33px;
  cursor: pointer;
  line-height: 1;
  transition: 0.3s;
  padding-left: 0;
}
.c-detail-visual-main__fav-btn-mark {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 19px;
  height: 3px;
  background: #FF8710;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 20px;
}
.c-detail-visual-main__fav-btn-mark::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #FF8710;
  border-radius: 2px;
  transform: rotate(90deg);
  transition: 0.3s;
}
/*.c-detail-visual-main__fav-btn.is-active .c-detail-visual-main__fav-btn-mark {
  display: none;
}*/
.c-detail-visual-main__fav-btn.is-active .c-detail-visual-main__fav-btn-mark::before {
  transform: rotate(0deg);
  background-color: #fff;
}
.c-detail-visual-main__fav-btn.is-active {
  background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 21px / 28px auto;
  color: #fff;
}
.c-detail-visual-main__fav-btn:active {
  background-color: #fff;
  animation: c-detail-visual-main__fav-btn-anim01 0.3s 1 ease-out;
}
.c-detail-visual-main__fav-btn.is-active:active {
  background-color: #FF8710;
  animation: c-detail-visual-main__fav-btn-anim02 0.3s 1 ease-out;
}
@keyframes c-detail-visual-main__fav-btn-anim01 {
  0% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 21px / 28px auto;
  }
  50% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 18px / 34px auto;
  }
  100% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 21px / 28px auto;
  }
}
@keyframes c-detail-visual-main__fav-btn-anim02 {
  0% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 21px / 28px auto;
  }
  50% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 18px / 34px auto;
  }
  100% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 21px / 28px auto;
  }
}

.c-detail-visual-main__fav-cloud {
  display: none;
  position: absolute;
  width: 97%;
  height: 45px;
  border: solid #F7A9B7 1px;
  border-radius: 9px;
  background: #fff url("/assets/img/common/ico_info-01.svg") no-repeat center left 16px / 24.5px auto;
  color: #E4002B;
  font-size: 14px;
  line-height: 1.28;
  padding: 5px 0 5px 51px;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -57px;
  font-weight: bold;
  z-index: 999999999;
}

.c-detail-visual-main__fav-cloud:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -14px;
  border: 8px solid transparent;
  border-top: 8px solid #FFF;
  z-index: 2;
}

.c-detail-visual-main__fav-cloud:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -16px;
  border: 10px solid transparent;
  border-top: 10px solid #F7A9B7;
  z-index: 1;
}

.c-detail-visual-main__list-fav-btn {
  width: 100%;
  padding-top: 0;
  margin: -10px 0 5px;
  background: none;
}
.c-detail-visual-main__list-fav-btn-inner {
  width: 100%;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  line-height: 1;
  transition: 0.3s;
  background: #FF8710;
}
.c-detail-visual-main__list-fav-btn-inner::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 15px;
  background: url("/assets/img/common/ico_fav-01.svg") no-repeat center center / 100% auto;
  left: 9px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-inner::before {
  background: url("/assets/img/common/ico_fav-02.svg") no-repeat center center / 100% auto;
}
.c-detail-visual-main__list-fav-btn-mark {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 10px;

}
.c-detail-visual-main__list-fav-btn-mark::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1px;
  transform: rotate(90deg);
  transition: 0.3s;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-mark {
  display: none;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-mark::before {
  transform: rotate(0deg);
  background-color: #AAB3B3;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-inner {
  background: #fff;
  color: #FF8710;
  border: solid 1px #FF8710;
}
@media screen and (min-width: 751px) {
  .c-detail-visual-main__list-fav-btn:active .c-detail-visual-main__list-fav-btn-inner::before {
    background-color: #FFCFA0;
    animation: c-detail-visual-main__list-fav-btn-anim01 0.3s 1 ease-out;
  }
  .c-detail-visual-main__list-fav-btn.is-active:active .c-detail-visual-main__list-fav-btn-inner::before {
    background-color: #FFCFA0;
    animation: c-detail-visual-main__list-fav-btn-anim01 0.3s 1 ease-out;
  }
  .c-detail-visual-main__list-fav-btn:hover .c-detail-visual-main__list-fav-btn-inner {
    background-color: #FFCFA0;
  }
}
@keyframes c-detail-visual-main__list-fav-btn-anim01 {
  0% {
    width: 17px;
    height: 15px;
  }
  50% {
    width: 20px;
    height: 18px;
  }
  100% {
    width: 17px;
    height: 15px;
  }
}



.c-detail-visual-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-detail-visual-list li:first-child {
	margin-top: 0;
}

.c-detail-visual-list li.r-list-itm01 {
	background: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m998.5 354a10.5 10.5 0 1 1 10.5-10.5 10.512 10.512 0 0 1 -10.5 10.5zm0-20a9.5 9.5 0 1 0 9.5 9.5 9.511 9.511 0 0 0 -9.5-9.5zm3.27 10.6h-3.607l-4.568-5.536.771-.637 4.268 5.172h3.136v1z%22 fill=%22%23e4002b%22 fill-rule=%22evenodd%22 transform=%22translate(-988 -333)%22/%3E%3C/svg%3E") no-repeat;
}

.c-detail-visual-list li.r-list-itm02 {
	background: url("data:image/svg+xml,%3Csvg height=%2221.062%22 viewBox=%220 0 18.124 21.062%22 width=%2218.124%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m996.134 396.768-1.034-.268c-.5-.13-.976-.3-1.524-.5a7.764 7.764 0 0 1 -4.191-4.4c-.621-2.08 0-4.386 1.858-6.851s2.949-4.175 1.924-8.231l-.2-.787.79.19c2.857.689 8.8 2.123 12.18 7.637a10.044 10.044 0 0 1 .92 7.84 7.439 7.439 0 0 1 -4.54 4.6l-.14.056c-.34.136-.66.261-1.01.369l-1.07.326.48-1.008a7.643 7.643 0 0 0 .86-3.279c0-2.914-2.432-5.681-3.333-6.607-.9.928-3.329 3.7-3.329 6.607a7.763 7.763 0 0 0 .889 3.354zm-1.834-19.7c.778 3.859-.408 5.814-2.271 8.274-1.637 2.179-2.214 4.173-1.716 5.925a6.758 6.758 0 0 0 3.6 3.816c.154.056.3.109.439.158a7.926 7.926 0 0 1 -.553-2.778c0-3.988 3.818-7.511 3.98-7.658l.331-.3.33.3c.163.148 3.983 3.671 3.983 7.659a7.894 7.894 0 0 1 -.5 2.641l.04-.017a6.419 6.419 0 0 0 3.97-4 8.974 8.974 0 0 0 -.83-7.017c-2.893-4.721-7.882-6.271-10.803-7.006z%22 fill=%22%23e4002b%22 fill-rule=%22evenodd%22 transform=%22translate(-989.156 -375.719)%22/%3E%3C/svg%3E") no-repeat;
}

.c-detail-visual-list li.r-list-itm03 {
	background: url("data:image/svg+xml,%3Csvg enable-background=%22new 0 0 22.4 41.3%22 height=%2241.3%22 viewBox=%220 0 41.4 41.3%22 width=%2241.4%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22%23e4002b%22%3E%3Cpath d=%22m20.3 14.1h-.7v-6.7h-1.7v6.7h-13.5v-6.7h-1.7v6.7h-.6c-1.2 0-2.1 1-2.1 2.3v22.6c0 1.3 1 2.3 2.1 2.3h18.1c1.2 0 2.1-1 2.1-2.3v-22.6c.1-1.3-.9-2.3-2-2.3zm.4 24.9c0 .3-.2.5-.4.5h-5.5v-19.3h-1.7v19.3h-3.8v-19.3h-1.7v19.3h-5.5c-.2 0-.4-.2-.4-.5v-22.6c0-.3.2-.5.4-.5h18.1c.2 0 .4.2.4.5z%22/%3E%3Cpath d=%22m21.1 4.8c-1.1-2.2-3.7-4.8-10.1-4.8s-8.9 2.7-9.8 4.9c-.2.8-.2 1.6.2 2.3s1.1 1.1 1.9 1.1h15.8c.8 0 1.5-.4 1.9-1.2s.5-1.6.1-2.3zm-1.5 1.3c-.1.2-.3.3-.5.3h-15.8c-.3 0-.4-.2-.4-.3-.1 0-.2-.2-.1-.5.7-1.7 2.7-3.8 8.2-3.8s7.7 2.1 8.6 3.8c.1.2 0 .4 0 .5z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-detail-visual-list li.r-list-itm04 {
	background: url("data:image/svg+xml,%3Csvg height=%2250%22 width=%2250%22 enable-background=%22new 0 0 50 50%22 viewBox=%220 0 50 50%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 stroke=%22%23e4002b%22 stroke-miterlimit=%2210%22%3E%3Cpath d=%22m24.071 18.608s-10.792-.267-5.778 7.9c1.846 2.935 1.748 4.26 1.644 5.407-.152 1.671-1.194 4.04 5.547 4.04%22/%3E%3Cpath d=%22m24.447 34.41c.167.501 1.407 2.655 2.495 2.431.8.013 2.079-.448 2.655-3.231s3.868-15.523-2.303-16.046c-2.367-.14-4.286 1.556-4.606 3.155 0 0-1.318 4.475 1.759 13.691z%22/%3E%3Cpath d=%22m29.529 18.608c.16.096 6.409-.704 6.949 3.903.54 4.606-1.605 3.914-2.559 5.47-.703 1.147-.809 2.237-.96 3.296-.296 2.078.18 5.075-4.158 4.454%22/%3E%3Cpath d=%22m26.838 17.556s-.518-3.728 3.983-5.699%22/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-detail-visual-list.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.c-detail-visual-list.r-type02 .r-hdg {
	font-weight: bold;
}

.c-detail-visual-list.r-type02 .r-hdg:first-child {
	margin-top: 0;
}

.c-detail-visual-list.r-type02 .r-hdg:first-child + .r-txt {
	margin-top: 0;
}

.c-detail-visual-list.r-type03 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.c-detail-visual-list.r-type03 .r-hdg {
	font-weight: bold;
}

.c-detail-visual-list.r-type03 .r-hdg:first-child {
	margin-top: 0;
}

.c-detail-visual-list.r-type03 .r-hdg:first-child + .r-txt {
	margin-top: 0;
}

.c-detail-hdg--lv3 {
	color: #e4002b;
}

.c-detail-hdg--lv3-center {
	color: #e4002b;
}

.c-detail-lyt {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-detail-info-cont {
	border-top: solid 2px #e4002b;
}

.c-detail-info-cont .r-txt-cmcopy:first-child {
	margin-top: 0px;
}

.c-detail-info-list {
	background-color: #f9f9f9;
	line-height: 1.7;
}

.c-detail-info-list .c-detail-info-cont {
	border-top: solid 2px #e4002b;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy:first-child {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order {
	border-bottom: 1px solid #ddd;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order a {
	text-decoration: underline;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order {
	position: relative;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order .r-num {
	position: absolute;
	left: 0px;
	color: #e4002b;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img figcaption {
	text-align: center;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point:first-child {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-a {
	background: #e4002b;
	color: #fff;
	text-align: center;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-b {
	background: #ef903a;
	color: #fff;
	text-align: center;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2.r-type02 {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-recipe-hdg--sub {
	color: #e4002b;
	border-bottom: 1px dashed #e4002b;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment {
	background: #fff;
	width: 100%;
	border: 1px solid #e4002b;
	box-sizing: border-box;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment .r-txt {
	color: #e4002b;
}

.c-detail-info-list .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border-bottom: dashed #dedede 1px;
}

.c-detail-info-list .r-itm-hdg > a {
	text-decoration: underline;
}

.c-detail-info-list .p-recipe-tbl {
	width: 100%;
	vertical-align: middle;
}

.c-detail-info-list .p-recipe-tbl a {
	text-decoration: underline;
}

.c-detail-info-list .p-recipe-tbl tr {
	display: table-row;
	border-bottom: dashed #dedede 1px;
}

.c-detail-info-list .p-recipe-tbl tr:last-child {
	border-bottom: 0;
}

.c-detail-info-list .p-recipe-tbl th {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

.c-detail-info-list .p-recipe-tbl .c-detail-data {
	border-right: dashed #dedede 1px;
	vertical-align: middle;
}

/*
---
name: .c-accordion - アコーディオンリスト（QAリスト）
category: component/accordion
tag:
- component
- accordion
- question-list
compile: true
---

```html

<div data-module="expand-accordion" class="c-accordion">

  <div class="r-itm">
    <div aria-expanded="false" class="r-acc-hdg r-question">
      マヨネーズの保存は常温ですか？冷蔵庫ですか？（開栓前・後）
      <span class="r-acc-arrow"></span>
    </div>
    <div aria-hidden="true" class="r-answer">
      <div class="r-answer-txt">
        <p class="r-answer-hdg">未開栓のマヨネーズは常温で、直射日光を避け、なるべく涼しい場所で保存してください。</p>
        <p>開栓後は、冷蔵庫に保存し、1ヵ月を目安に召しあがってください。<br> マヨネーズは0℃以下に置かれると油が分離しますので、冷蔵庫でも冷気の当たる場所は避け、ドアポケットあたりに置いてください。</p>
      </div>
    </div>
  </div>

</div>
<!-- /.c-accordion -->

```

### 商品情報パターン

```html

<div data-module="expand-accordion" class="c-accordion">
  <div class="r-itm">
    <h2 aria-expanded="false" class="r-acc-hdg r-has-thumb">
      <span class="r-img">
        <img src="/_developers/accordion/img-grp_item01.png" alt="">
      </span>
      <span class="r-txt">キユーピー ドレッシング</span>
      <span class="r-acc-arrow"></span>
    </h2>
    <div aria-hidden="false" class="r-acc-inner">

      <div class="c-sec__block">
        <div class="c-sec__box">
          <p class="c-acc-lead">ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。</p>
        </div>

        <div class="c-sec__box">
          <div class="c-prod-list r-col4">
            <ul class="c-prod-list__itms">

              <li class="r-itm">
                <a href="">
                  <figure class="r-img"><img src="//placehold.jp/350x350.png" alt=""></figure>
                  <p class="r-hdg">タイトルが入りますタイトルが入ります</p>
                </a>
              </li>

              <li class="r-itm">
                <a href="">
                  <figure class="r-img"><img src="//placehold.jp/350x350.png" alt=""></figure>
                  <p class="r-hdg">タイトルが入りますタイトルが入ります</p>
                </a>
              </li>

              <li class="r-itm">
                <a href="">
                  <figure class="r-img"><img src="//placehold.jp/350x350.png" alt=""></figure>
                  <p class="r-hdg">タイトルが入りますタイトルが入ります</p>
                </a>
              </li>

              <li class="r-itm">
                <a href="">
                  <figure class="r-img"><img src="//placehold.jp/350x350.png" alt=""></figure>
                  <p class="r-hdg">タイトルが入りますタイトルが入ります</p>
                </a>
              </li>

            </ul>
          </div>
        </div>
      </div>
      <div class="c-sec__block">
        <div class="c-sec__box">
          <h3 class="c-hdg--lv3">ラインアップとおすすめレシピ</h3>

          <div class="c-sec__lyt">

            <div class="c-card-list-bnr r-normal r-center r-category-bnr">
              <ul class="c-card-list-bnr__itms">
                <li class="r-itm">
                  <a href="">
                    <figure class="r-img">
                      <img src="//placehold.jp/1040x450.png" alt="">
                    </figure>
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <!-- /.c-sec__box -->

      </div>
    </div>
  </div>
</div>

```

*/

.c-accordion .r-acc-inner[aria-hidden="false"] {
	padding-top: 1px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.c-accordion .r-acc-inner.r-simple-large {
	border: 0;
}

.c-accordion .r-acc-hdg {
	position: relative;
	cursor: pointer;
	background-color: #f2f2f2;
}

.c-accordion .r-acc-hdg.r-question:before {
	content: 'Q';
	display: inline-block;
	position: absolute;
	background-color: #e4002b;
	text-align: center;
	color: #fff;
}

.c-accordion .r-acc-hdg.r-question:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 0;
	background-color: #e4002b;
	z-index: 1;
	-webkit-transition: height .3s, top .2s;
	transition: height .3s, top .2s;
}

.c-accordion .r-acc-hdg.r-simple {
	font-weight: bold;
}

.c-accordion .r-acc-hdg.r-opinion {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.8;
	background-image: url("/customer/cat_assets/img/opinion/icon_q.png");
	background-repeat: no-repeat;
	position: relative;
}

.c-accordion .r-acc-hdg.r-opinion > * {
	pointer-events: none;
}

.c-accordion .r-acc-hdg.r-opinion .r-txt {
	display: block;
}

.c-accordion .r-acc-hdg.r-has-thumb {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.8;
	position: relative;
}

.c-accordion .r-acc-hdg.r-has-thumb > * {
	pointer-events: none;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-img {
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-img img {
	position: absolute;
	max-width: 75%;
	max-height: 75%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-txt {
	display: block;
}

.c-accordion .r-acc-hdg .r-img,
.c-accordion .r-acc-hdg--pc .r-img,
.c-accordion .r-acc-hdg--sp .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.c-accordion .r-acc-hdg .r-img img,
.c-accordion .r-acc-hdg--pc .r-img img,
.c-accordion .r-acc-hdg--sp .r-img img {
	max-height: 100%;
}

.c-accordion .r-acc-hdg .r-txt,
.c-accordion .r-acc-hdg--pc .r-txt,
.c-accordion .r-acc-hdg--sp .r-txt {
	display: block;
}

.c-accordion .r-acc-hdg .r-acc-arrow,
.c-accordion .r-acc-hdg--pc .r-acc-arrow,
.c-accordion .r-acc-hdg--sp .r-acc-arrow {
	pointer-events: none;
}

.c-accordion .r-acc-hdg .r-acc-arrow:before,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:before,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	background-color: #e4002b;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-accordion .r-acc-hdg .r-acc-arrow:after,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:after,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	background-color: #e4002b;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-accordion .r-acc-hdg:hover,
.c-accordion .r-acc-hdg--pc:hover,
.c-accordion .r-acc-hdg--sp:hover {
	background-color: #ddd;
}

.c-accordion .r-acc-hdg[aria-expanded=true],
.c-accordion .r-acc-hdg--pc[aria-expanded=true],
.c-accordion .r-acc-hdg--sp[aria-expanded=true] {
	background-color: #ddd;
}

.c-accordion .r-acc-hdg[aria-expanded=true] .r-acc-arrow:after,
.c-accordion .r-acc-hdg--pc[aria-expanded=true] .r-acc-arrow:after,
.c-accordion .r-acc-hdg--sp[aria-expanded=true] .r-acc-arrow:after {
	display: none;
}

.c-accordion .r-answer {
	position: relative;
	overflow-x: hidden;
}

.c-accordion .r-answer.r-simple:before {
	display: none;
}

.c-accordion .r-answer.r-simple:after {
	display: none;
}

.c-accordion .r-answer[aria-hidden=true] {
	overflow: hidden;
	padding: 0;
	height: 0;
}

.c-accordion .r-answer:before {
	content: 'A';
	display: inline-block;
	position: absolute;
	background-color: #e9a107;
	text-align: center;
	color: #fff;
	z-index: 2;
}

.c-accordion .r-answer-hdg {
	font-weight: bold;
}

.c-accordion .r-answer-txt strong {
	font-weight: bold;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.c-accordion .r-answer-img img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*
---
name: .c-tbl - テーブル
menu: コンポーネント/テーブル
category: component/table
tag:
- component
- table
---

## .c-tbl.r-type01 - タイプ1

```html
<div class="c-tbl r-type01">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd69per--pc">
    </colgroup>
    <tbody>
      <tr>
        <th class="c-tbl__head">対象</th>
        <td class="c-tbl__data">小学生</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催地区</th>
        <td class="c-tbl__data">全国（お気軽にご相談ください）</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催場所</th>
        <td class="c-tbl__data">小学校</td>
      </tr>
      <tr>
        <th class="c-tbl__head">所要時間</th>
        <td class="c-tbl__data">約90分</td>
      </tr>
      <tr>
        <th class="c-tbl__head">費用</th>
        <td class="c-tbl__data">
          無料（講師の講演料、開催に伴う講師の旅費、交通費などは一切不要です）<br>
          ※食材などのご準備をお願いいたします。<br>
          　費用につきましては、一旦お立替いただきますようお願いいたします。<br>
          　開催当日にお立替いただいた費用をお支払いいたします。
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- /.c-tbl -->
```

- 左側にhead、右側にdataが並ぶ基本パターンです
- colgroupにユーティリティクラスで、幅を指定することができます


## .c-tbl.r-type02 - タイプ2（要JS）

```html

<div data-module="change-rowtable" class="c-tbl r-type02">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd20per--pc">
      <col class="u-wd49per--pc">
    </colgroup>
    <tr>
      <th class="c-tbl__head u-alignC--pc">
        見出し
      </th>
      <th class="c-tbl__head u-alignC--pc">
        見出し
      </th>
      <th class="c-tbl__head u-alignC--pc">
        見出し
      </th>
    </tr>
    <tr>
      <td class="c-tbl__data">ダミーテキスト</td>
      <td class="c-tbl__data">ダミーテキスト</td>
      <td class="c-tbl__data">ダミーテキスト</td>
    </tr>
    <tr>
      <td class="c-tbl__data">ダミーテキスト</td>
      <td class="c-tbl__data">ダミーテキスト</td>
      <td class="c-tbl__data">ダミーテキスト</td>
    </tr>
  </table>
</div>
<!-- /.c-tbl -->
```

- 1行目にhead、それ以外がdataのパターンです
- PCとSPで縦横が並びかわるため、`data-module="change-rowtable"`を指定する必要があります。
- colgroupにユーティリティクラスで、幅を指定することができます


## .c-tbl.r-type03 - タイプ3

```html
<div class="c-tbl r-type03" data-module="overflow-scroll" data-config="is-xsmall">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd69per--pc">
    </colgroup>
    <tbody>
      <tr>
        <th class="c-tbl__head">対象</th>
        <td class="c-tbl__data">小学生</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催地区</th>
        <td class="c-tbl__data">全国（お気軽にご相談ください）</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催場所</th>
        <td class="c-tbl__data">小学校</td>
      </tr>
      <tr>
        <th class="c-tbl__head">所要時間</th>
        <td class="c-tbl__data">約90分</td>
      </tr>
      <tr>
        <th class="c-tbl__head">費用</th>
        <td class="c-tbl__data">
          無料（講師の講演料、開催に伴う講師の旅費、交通費などは一切不要です）<br>
          ※食材などのご準備をお願いいたします。<br>
          　費用につきましては、一旦お立替いただきますようお願いいたします。<br>
          　開催当日にお立替いただいた費用をお支払いいたします。
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- /.c-tbl -->
```

- 左側にhead、右側にdataが並ぶ基本パターンです
- colgroupにユーティリティクラスで、幅を指定することができます


*/

.c-tbl > table {
	border-left: 1px solid #ddd;
}

.c-tbl__head,
.c-tbl__clonehead,
.c-tbl__data {
	border-right: 1px solid #ddd;
}

.c-tbl__head {
	text-align: left;
	border-bottom: 1px solid #ddd;
	background-color: #888;
	font-weight: bold;
	color: #fff;
}

.c-tbl__data .r-mg-type {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-tbl__data .r-mg-type dt {
	font-weight: bold;
}

.c-tbl__clonehead {
	text-align: left;
	background-color: #888;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #ddd;
}

.c-tbl.r-type04 > table {
	width: 100%;
}

.c-tbl.r-type04 .c-tbl__row:last-child {
	border-right: 0;
}

.c-tbl.r-type04 .c-tbl__head {
	color: #fff;
}

.c-tbl.r-type04 .c-tbl__data {
	text-align: center;
}

.c-tbl.r-type-form .c-tbl__data {
	vertical-align: middle;
}

.c-tbl.r-secondary .c-tbl__head,
.c-tbl.r-secondary .c-tbl__clonehead {
	color: #333;
	background-color: #f2f2f2;
}

.is-fixed.c-tbl.r-type01 > table,
.is-fixed.c-tbl.r-type02 > table,
.is-fixed.c-tbl.r-type03 > table,
.is-fixed.c-tbl.r-type04 > table,
.is-fixed.c-tbl.r-type-form > table {
	table-layout: fixed;
}

::-webkit-input-placeholder {
	font-family: 'Roboto','YakuHanJP', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

:-moz-placeholder {
	font-family: 'Roboto','YakuHanJP', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.c-form-err__lead {
	font-weight: bold;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229px%22%20height%3D%2229px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(228%2C%200%2C%2020)%22%20d%3D%22M14.225%2C16.313%20L15.801%2C16.313%20L16.336%2C11.081%20L16.413%2C8.801%20L13.613%2C8.801%20L13.675%2C11.081%20L14.225%2C16.313%20ZM15.005%2C20.382%20C15.908%2C20.382%2016.597%2C19.770%2016.597%2C18.883%20C16.597%2C18.011%2015.908%2C17.368%2015.005%2C17.368%20C14.103%2C17.368%2013.414%2C18.011%2013.414%2C18.883%20C13.414%2C19.770%2014.103%2C20.382%2015.005%2C20.382%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222px%22%20stroke%3D%22rgb(232%2C%2027%2C%2045)%22%20fill-opacity%3D%220%22%20fill%3D%22rgb(222%2C%20219%2C%20224)%22%20d%3D%22M14.500%2C5.950%20C19.222%2C5.950%2023.050%2C9.778%2023.050%2C14.500%20C23.050%2C19.222%2019.222%2C23.050%2014.500%2C23.050%20C9.778%2C23.050%205.950%2C19.222%205.950%2C14.500%20C5.950%2C9.778%209.778%2C5.950%2014.500%2C5.950%20Z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-color: #fff0f1;
	color: #e4002b;
}

.c-form-err__txt {
	font-weight: bold;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229px%22%20height%3D%2229px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(228%2C%200%2C%2020)%22%20d%3D%22M14.225%2C16.313%20L15.801%2C16.313%20L16.336%2C11.081%20L16.413%2C8.801%20L13.613%2C8.801%20L13.675%2C11.081%20L14.225%2C16.313%20ZM15.005%2C20.382%20C15.908%2C20.382%2016.597%2C19.770%2016.597%2C18.883%20C16.597%2C18.011%2015.908%2C17.368%2015.005%2C17.368%20C14.103%2C17.368%2013.414%2C18.011%2013.414%2C18.883%20C13.414%2C19.770%2014.103%2C20.382%2015.005%2C20.382%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222px%22%20stroke%3D%22rgb(232%2C%2027%2C%2045)%22%20fill-opacity%3D%220%22%20fill%3D%22rgb(222%2C%20219%2C%20224)%22%20d%3D%22M14.500%2C5.950%20C19.222%2C5.950%2023.050%2C9.778%2023.050%2C14.500%20C23.050%2C19.222%2019.222%2C23.050%2014.500%2C23.050%20C9.778%2C23.050%205.950%2C19.222%205.950%2C14.500%20C5.950%2C9.778%209.778%2C5.950%2014.500%2C5.950%20Z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	color: #e4002b;
}

.c-form-textbox {
	position: relative;
}

.c-form-textbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ddd;
	border-radius: 0;
}

.c-form-textbox input:placeholder-shown {
	color: #aaa;
}

.c-form-textbox input::-webkit-input-placeholder {
	color: #aaa;
}

.c-form-textbox input:-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.c-form-textbox input::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.c-form-textbox input:-ms-input-placeholder {
	color: #aaa;
}

.c-form-textbox input:focus {
	border-width: 2px;
}

.is-err .c-form-textbox input {
	border-color: #e4002b;
	background-color: #fff0f1;
}

.c-form-textbox .r-no-min-w {
	min-width: inherit;
}

.c-form-textbox input[type="text"]::-webkit-input-placeholder,
.c-form-textbox input[type="email"]::-webkit-input-placeholder,
.c-form-textbox input[type="tel"]::-webkit-input-placeholder {
	line-height: 1;
}

.c-form-textbox input[type="text"]:-ms-input-placeholder,
.c-form-textbox input[type="email"]:-ms-input-placeholder,
.c-form-textbox input[type="tel"]:-ms-input-placeholder {
	line-height: 1;
}

.c-form-textbox input[type="text"]::placeholder,
.c-form-textbox input[type="email"]::placeholder,
.c-form-textbox input[type="tel"]::placeholder {
	line-height: 1;
}

.c-form-checkbox {
	display: inline-block;
	cursor: pointer;
}

.c-form-checkbox__label {
	position: relative;
}

.c-form-checkbox__label:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
}

.c-form-checkbox__label:after {
	content: '';
	display: none;
	position: absolute;
}

.c-form-checkbox > input[type='checkbox'] {
	position: absolute;
	opacity: 0;
}

.c-form-checkbox > input[type='checkbox']:checked + label:after {
	display: block;
}

.c-form-select {
	display: inline-block;
	position: relative;
}

.c-form-select:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
}

.c-form-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-color: #fff;
	border: 1px solid #ddd;
}

.c-form-select select::-ms-expand {
	display: none;
}

.is-err .c-form-select select {
	background-color: #fff0f1;
	color: #e4002b;
	border: 1px solid #e4002b;
}

.c-form-select.r-time + .r-time-point {
	display: inline-block;
}

.c-form-select.r-time + .r-time-from {
	display: inline-block;
}

.c-form-select.r-infants:after {
	display: none;
}

.c-form-select.r-infants .r-box {
	position: relative;
}

.c-form-select.r-infants .r-box:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
}

.c-form-select.r-confirm .r-box:after {
	display: none;
}

.is-err .c-form-radio {
	background-color: #fff0f1;
	color: #e4002b;
}

.c-form-radio input[type='radio'] {
	position: absolute;
	opacity: 0;
}

.c-form-radio input[type='radio']:checked + .c-form-radio__label:after {
	display: block;
}

.c-form-radio__label {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.c-form-radio__label:before {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	top: 50%;
}

.c-form-radio__label:after {
	content: '';
	display: none;
	position: absolute;
	background-color: #aaa;
	top: 50%;
}

.c-form-textarea textarea {
	border: 1px solid #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: bottom;
	border-radius: 0;
}

.c-form-textarea textarea:placeholder-shown {
	color: #aaa;
}

.c-form-textarea textarea::-webkit-input-placeholder {
	color: #aaa;
}

.c-form-textarea textarea:-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.c-form-textarea textarea::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.c-form-textarea textarea:-ms-input-placeholder {
	color: #aaa;
}

.c-form-textarea textarea:focus {
	border-width: 2px;
}

.is-err .c-form-textarea textarea {
	border-color: #e4002b;
	background-color: #fff0f1;
}

.c-form__icn--require {
	display: inline-block;
	background-color: #e4002b;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

.c-form__icn--optional {
	display: inline-block;
	background-color: #ff8710;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.c-form-notice__box {
	background-color: #f9f9f9;
	overflow-y: auto;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.c-form-notice__box .r-txt:first-child {
	margin-top: 0px;
}

.c-form-notice__box .r-tel-num {
	position: relative;
}

.c-form-notice__box .r-tel-num:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url("/entertainment/cat_assets/img/mayoterrace/icon_tel.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-form-notice__grid {
	background-color: #f9f9f9;
	overflow: hidden;
}

.c-form-notice__grid__pict {
	float: left;
	text-align: center;
}

.c-form-notice__grid__pict__box {
	margin-left: auto;
	margin-right: auto;
}

.c-form-notice__grid__pict__txt {
	text-align: center;
}

.c-form-notice__grid__detail {
	float: left;
}

.c-form-notice__grid__tel__num {
	position: relative;
}

.c-form-notice__grid__tel__num:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url("/entertainment/cat_assets/img/mayoterrace/icon_tel.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-form-notice__agree {
	background-color: #666666;
	text-align: center;
}

.c-form-notice__agree__checkbox {
	display: none;
}

.c-form-notice__agree__checkbox + label {
	position: relative;
	color: #fff;
}

.c-form-notice__agree__checkbox + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-form-notice__agree__checkbox:checked + label:after {
	content: "";
	display: block;
	position: absolute;
}

.c-form-customer-txt {
	border-left: 1px solid #ddd;
}

.c-form-customer-txt p {
	font-weight: bold;
}

.c-icn__text {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.c-icn__tour {
	color: #e4002b;
	border: 1px solid #e4002b;
}

/*
---
name: .c-badges - バッジ
category: component/badges
tag:
- component
- badges
---

```html
<ul class="c-badges">
  <li class="r-badge">NEW</li>
  <li class="r-badge r-primary">リニューアル</li>
  <li class="r-badge r-campaign">キャンペーン</li>
  <li class="r-badge r-ec">通販専用</li>
  <li class="r-badge r-end">販売終了</li>
</ul>
```

- r-large を付与することで1段階大きいバッジになります

*/

.c-badges {
	line-height: normal;
}

.c-badges:empty {
	display: none;
}

.c-badges .r-badge {
	display: inline-block;
	background: #e4002b;
	color: #fff;
	left: 0;
	text-align: center;
	vertical-align: top;
}

.c-badges .r-badge.r-primary {
	background-color: #F18606;
}

.c-badges .r-badge.r-campaign,
.c-badges .r-badge.r-ec {
	background-color: #028291;
}

.c-badges .r-badge.r-end {
	background-color: #666666;
}

.c-search {
	position: relative;
}

.c-search input[type="search"],
.c-search input[type="text"],
.c-search input[type="submit"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.c-search input[type="search"],
.c-search input[type="text"] {
	position: relative;
	background-color: #fff;
	color: #333;
	z-index: 1;
	border: 1px solid #fff;
}

.c-search input[type="search"]:focus,
.c-search input[type="text"]:focus {
	border: 1px solid #ddd;
}

.c-search input[type="search"]::-webkit-input-placeholder,
.c-search input[type="text"]::-webkit-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.c-search input[type="search"]:-ms-input-placeholder,
.c-search input[type="text"]:-ms-input-placeholder {
	color: #aaa;
	line-height: 1;
}

.c-search input[type="search"]::placeholder,
.c-search input[type="text"]::placeholder {
	color: #aaa;
	line-height: 1;
}

.c-search button {
	background-color: #e4002b;
	color: #fff;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}

.c-search button:before {
	content: '';
	display: inline-block;
	position: absolute;
	background: url('data:image/svg+xml;charset=utf8,<svg\a        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px"><path fill-rule="evenodd"  fill="rgb(249, 249, 249)" d="M20.859,19.315 L19.426,20.748 L15.905,17.228 C14.321,18.499 12.315,19.265 10.131,19.265 C5.033,19.265 0.886,15.118 0.886,10.020 C0.886,4.922 5.033,0.775 10.131,0.775 C15.228,0.775 19.375,4.922 19.375,10.020 C19.375,12.204 18.610,14.211 17.338,15.795 L20.859,19.315 ZM10.131,2.802 C6.151,2.802 2.913,6.040 2.913,10.020 C2.913,14.000 6.151,17.238 10.131,17.238 C14.110,17.238 17.348,14.000 17.348,10.020 C17.348,6.040 14.110,2.802 10.131,2.802 Z"/>\a       </svg>') no-repeat;
}

.c-search.r-type02 input[type="search"],
.c-search.r-type02 input[type="text"] {
	background-color: #f9f9f9;
}

.c-horizontalrule {
	height: 0;
	border-bottom: 1px solid #ddd;
}

._mov_box h2 {
	position: relative;
	color: #e4002b;
	text-align: center;
}

.c-jstream,
._mov_inner {
	position: relative;
}

.c-jstream .jstream-eqPlayer,
._mov_inner .jstream-eqPlayer {
	left: 0;
}

.c-jstream .jstream-eqPlayer:focus,
._mov_inner .jstream-eqPlayer:focus {
	outline-offset: 0;
}

.c-movie-image {
	position: relative;
}

.c-movie-image:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/assets/img/common/ico-movieplay01.png) no-repeat center center rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	pointer-events: none;
}

.c-movie-image02 {
	position: relative;
}

.c-movie-image02:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/assets/img/common/ico-movieplay02.png) no-repeat center center;
	left: 0;
	top: 0;
	pointer-events: none;
}

.c-sendmail {
	background-color: #fff;
	line-height: 1.7;
}

.c-sendmail-hdg--lv3 {
	text-align: left;
}

.c-sendmail-qrarea {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #f2f2f2;
}

.c-sendmail-qrarea__img img {
	width: 100%;
}

.c-sendmail-qrarea__hdg {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-weight: bold;
}

.c-sendmail-qrarea__note {
	display: inline-block;
	font-weight: bold;
}

.c-sendmail-input {
	background-color: #f2f2f2;
}

.c-sendmail [data-role="submit-btn"] {
	-webkit-transition: border-radius .4s ease, color .65s ease;
	transition: border-radius .4s ease, color .65s ease;
}

.c-sendmail-err[aria-hidden="false"] {
	background-color: #fff0f1;
}

.c-sendmail-comp[aria-hidden="false"] {
	text-align: center;
}

.c-news-list {
	border-bottom: 1px solid #ddd;
}

.c-news-list.r-no-bdr {
	border-bottom: 0;
}

.c-news-list-wrap.r-col2 .c-news-list {
	position: relative;
}

.c-news-list .r-hdg-group {
	position: relative;
}

.c-news-list .r-hdg-group .r-hdg-link {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
}

.c-news-list .r-itm {
	border-top: 1px solid #ddd;
}

.c-news-list .r-itm > a {
	display: inline-block;
	position: relative;
}

.c-news-list .r-itm > a[target="_blank"] .r-hdg:not(.r-document__pdf):after {
	content: "";
	display: inline-block;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: 0.8em auto;
	background-position: center center;
}

.c-news-list .r-hdg--lv3 {
	display: inline-block;
	color: #e4002b;
}

.c-news-list .r-hdg.r-document__pdf {
	position: relative;
}

.c-news-list .r-hdg.r-document__pdf:before {
	display: none;
}

.c-news-list .r-hdg.r-document__pdf:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_document_pdf-01.svg);
}

.c-news-list .r-notice {
	display: inline-block;
	background-color: #e4002b;
	color: #fff;
	text-align: center;
}

.c-news-list.r-normal .r-itm > a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
}

.c-news-list.r-normal.r-event .r-itm > a:before {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.c-news-list.r-normal.r-archive .r-itm > a:before {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.c-news-list.r-normal.r-archive .r-itm > a:hover:before {
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-news-list.r-type02 .r-date {
	color: #e4002b;
}

.c-news-list.r-type02.r-customer .r-itm:first-child {
	border-top: none;
}

.c-news-list.r-type02.r-customer .r-itms + .r-itms {
	border-top: 1px solid #ddd;
}

.c-news-list.r-type03 .r-date {
	color: #e4002b;
}

.c-news-list.r-type03 .r-hdg {
	display: block;
}

.c-privacyInquiry {
	border: 1px solid #333;
}

.c-privacyInquiry .r-hdg {
	text-align: left;
}

.c-privacyInquiry .r-txt {
	display: block;
}

.c-privacyInquiry .r-txt--primary {
	display: inline-block;
	text-decoration: none;
}

.c-privacyInquiry .r-txt--primary.r-tel {
	background-image: url(/assets/img/common/icon_tel.png);
	background-repeat: no-repeat;
	background-position-x: left;
}

.c-privacyInquiry .r-txt--primary.r-freedial {
	background-image: url(/assets/img/common/icon-freedial-02.png);
	background-repeat: no-repeat;
	background-position: left;
}

.c-privacyInquiry.r-prouse {
	background: #fff;
}

.c-privacyInquiry.r-prouse .c-hdg--lv4 {
	text-align: left;
}

.c-inquiry-compmessage {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.c-inquiry-compmessage__emphasis {
	font-weight: bold;
}

/*
---
name: .c-modal - モーダルウインドウ
category: component/modalwindow
tag:
- component
- modalwindow
- unique
---

```html

<div class="r-itm" data-module="modal-window" data-config='{"is-fixed": "true"}' data-target="itm01">
  クリックでモーダルウインドウ表示（1）
</div>

<div class="r-itm" data-module="modal-window" data-config='{"is-fixed": "true"}' data-target="itm01">
  クリックでモーダルウインドウ表示（2）
</div>

<div class="r-itm" data-module="modal-window" data-config='{"is-fixed": "true"}' data-target="itm01">
  クリックでモーダルウインドウ表示（3）
</div>

<div data-role="modal-window-section" class="c-modal" aria-hidden="true">
  <div class="c-modal__bg"></div>
  <div data-role="modal-close" class="c-modal__closebtn" role="button"></div>

  <div data-modalsection="itm01" class="c-modal__section" aria-hidden="true">
    <img src="https://www.kewpie.co.jp/prouse/recipes/recipe/img/large/QP30015126_1L.jpg" alt="">
  </div>
  <div data-modalsection="itm02" class="c-modal__section" aria-hidden="true">
    <img src="https://www.kewpie.co.jp/prouse/recipes/recipe/img/sub1/QP30015126_2L.jpg" alt="">
  </div>
  <div data-modalsection="itm03" class="c-modal__section" aria-hidden="true">
    <img src="https://www.kewpie.co.jp/prouse/recipes/recipe/img/sub2/QP30015126_3L.jpg" alt="">
  </div>
</div>
<!-- /.c-modal -->

```
- クリックする要素のタグにdata-module="modal-window"を付与し、data-targetの中に固有の値を付与します。
- 表示させる要素のタグに data-role="modal-window-section"、class="c-modal"、aria-hidden="true"を付与し、その中身のdata-modalsectionにdata-targetで付与した固有の値を付与します。

*/

.c-modal__bg {
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 19998;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.c-modal__closebtn {
	z-index: 19998;
	cursor: pointer;
}

.c-modal__closebtn:before,
.c-modal__closebtn:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	right: 0;
	top: 0;
	background: #fff;
}

.c-modal__closebtn:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-modal__closebtn:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-modal__section {
	left: 50%;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	z-index: 19999;
	opacity: 0;
}

.c-modal[aria-hidden="true"] .c-modal__closebtn {
	overflow: hidden;
	width: 1px;
	height: 1px;
	z-index: -1;
	pointer-events: none;
}

.c-modal[aria-hidden="true"] [aria-hidden="true"] {
	position: static;
}

.c-modal[aria-hidden="false"] {
	position: absolute;
	z-index: 19999;
	left: 0;
	top: 0;
	width: 100%;
}

.c-modal[aria-hidden="false"] .c-modal__bg {
	position: fixed;
	width: 100%;
	height: 100%;
}

.c-modal[aria-hidden="false"] [aria-hidden="false"] {
	opacity: 1;
}

.c-modal[aria-hidden="false"] [aria-hidden="true"] {
	overflow: hidden;
	width: 1px;
	height: 1px;
	z-index: -1;
	pointer-events: none;
}

.is-IE .c-modal[aria-hidden="false"] {
	position: static;
}

.c-modal.is-fixed .c-modal__section {
	position: fixed;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.c-modal.is-fixed .c-modal__closebtn {
	position: fixed;
}

.c-modal.is-absolute .c-modal__closebtn {
	position: absolute;
}

.c-txt-link {
	display: inline-block;
	position: relative;
	line-height: 1.7;
	color: #e4002b;
}

.c-txt-link:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-txt-link.r-right {
	padding-left: 0;
}

.c-txt-link.r-right:before {
	left: auto;
	right: 0;
}

.c-txt-link.r-left:before {
	left: 0;
	right: auto;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.c-txt-link.r-up:before {
	margin-top: -1px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-txt-link-icon {
	display: inline-block;
	position: relative;
}

.c-txt-link:not([class*="r-document"]).r-blank,
.c-txt-link-icon:not([class*="r-document"]).r-blank {
	padding-right: 1.2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.8em auto;
}

.c-txt-link.is-usual,
.c-txt-link-icon.is-usual {
	color: #333;
}

.c-txt-link.is-usual:before,
.c-txt-link-icon.is-usual:before {
	border-color: #333;
}

.c-txt-link[class*="r-document"]:before,
.c-txt-link-icon[class*="r-document"]:before {
	display: none;
}

.c-txt-link[class*="r-document"]:after,
.c-txt-link-icon[class*="r-document"]:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.c-txt-link.r-document__pdf:after,
.c-txt-link-icon.r-document__pdf:after {
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_document_pdf-01.svg);
}

.c-txt-link.r-document__excel:after,
.c-txt-link-icon.r-document__excel:after {
	background-image: url(/assets/img/common/ico_document_excel-01.svg);
}

.c-txt-link.r-date .c-txt-link__date {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: #333;
}

.c-txt-link--inline {
	text-decoration: underline;
	cursor: pointer;
}

.c-txt-link--inline.r-blank {
	padding-right: 1.2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.8em auto;
}

.c-txt-link--inline.is-usual {
	color: #333;
}

.c-txt-link--inline.r-pp {
	color: #333;
}

.c-txt-link--inline[target="_blank"] {
	margin: 0 .4em 0 .2em;
	padding-right: 1em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
	background-size: 0.8em auto;
}

.c-txt-link--inline.r-blank.p-finechemical-cocontact {
	padding-right: 1.2em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat 98%;
	background-size: 0.8em auto;
}

/*
---
name: .c-note - セクション用注釈
menu: レイアウト/セクション/注釈
category: layout/note
tag:
- layout
- note
---

```html

<div class="c-note">
  <p>注釈</p>
</div>

```

- 注釈は文字サイズが変更になります

*/

.c-note {
	position: relative;
	line-height: 1.7;
}

.c-note__itm {
	position: relative;
}

.c-note__itm__style {
	position: absolute;
	top: 0;
	left: 0;
}

.c-note__itm.r-indent01 {
	padding-left: 2.5em;
}

.c-note__itm.r-indent02 {
	padding-left: 2.5em;
}

.p-top-section:first-of-type {
	margin-top: 0;
}

.p-top-topics {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #f2f2f2;
}

.p-top-topics__ttl {
	color: #fff;
	background-color: #e4002b;
}

.p-top-topics__topic {
	padding: 14px 25px;
}

.p-top-ingredient-basic .r-bnr > a {
	display: block;
}

.p-top-ingredient-basic .r-bnr > a:hover {
	text-decoration: none;
}

.p-top-products__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-top-products__listitm .r-img {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.p-top-products__listitm .r-img:hover {
	text-decoration: none;
}

.p-top-products__listitm .r-img > img {
	position: absolute;
	left: 0;
	top: 0;
}

.p-top-products__listitm .r-hdg {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

.p-top-products__listitm:hover {
	text-decoration: none;
}

.p-top-emergency__list {
	border-bottom: 1px solid #ddd;
}

.p-top-emergency .r-itm {
	border-top: 1px solid #ddd;
}

.p-top-emergency .r-itm > a {
	display: inline-block;
	position: relative;
}

.p-top-emergency .r-itm > a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
	top: .7em;
}

.p-top-emergency .r-date {
	display: inline-block;
}

.p-top-emergency .r-hdg {
	display: inline;
}

.p-prod-mainvisual {
	overflow: hidden;
}

.p-prod-cat-list__lead {
	margin: 0 auto;
}

.p-prod-cat-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-prod-cat-list .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	overflow: hidden;
	border-right: 1px solid #ddd;
}

.p-prod-cat-list .r-itm > a:last-child:hover {
	text-decoration: none;
}

.p-prod-cat-list .r-itm > a:hover .r-subhdg > span {
	text-decoration: underline;
}

.p-prod-cat-list .r-itm .r-img {
	text-align: center;
}

.p-prod-cat-list .r-itm .r-recipe-img img {
	width: 100%;
}

.p-prod-cat-list .r-itm .r-subhdg {
	text-align: center;
	color: #e4002b;
}

.p-prod-grp-tab {
	background-color: #f2f2f2;
}

.p-prod-grp-tab .r-itm.is-current {
	color: #e4002b;
}

.p-prod-grp-tab .r-itm > a:hover {
	text-decoration: underline;
}

.p-prod-grp-tab .r-hdg {
	display: block;
}

.p-prod-grp-tab .r-img {
	display: block;
	text-align: center;
}

.r-img-type2 img {
	position: absolute;
	max-width: 75%;
	max-height: 75%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.p-prod-info-main {
	position: relative;
}

.p-prod-info-main__img {
	text-align: center;
	border: 1px solid #ddd;
}

.p-prod-info-main__img img {
	height: 100%;
}

.p-prod-info-main__data {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-prod-info-main__data .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-prod-info-main__data .r-hdg {
	color: #e4002b;
	font-weight: bold;
}

.p-prod-info-main__data .r-hdg .r-colon {
	padding-left: 5px;
	padding-right: 5px;
}

.p-prod-info-main__btn.r-type02 {
	margin: 0 auto;
}

/*.p-prod-additional {
	text-align: center;
}*/

.p-prod-additional__thumbnail {
	margin-left: auto;
	margin-right: auto;
	background: url(/assets/img/common/loadingicon/ico-loading-01.gif) no-repeat center;
}

.p-prod-additional__thumbnail img {
	width: 100%;
}

.p-prod-info-list__block {
	position: relative;
	background-color: #f9f9f9;
}

.p-prod-info-list__block.r-lineup {
	background-color: transparent;
}

.p-prod-info-list__block > .r-hdg {
	color: #e4002b;
	border-bottom: 2px solid #e4002b;
}

.p-prod-info-list__block > .r-hdg.r-simple {
	padding-bottom: 0;
	border-bottom: 0;
	color: #333;
}

.p-prod-info-list__block .r-note {
	text-align: right;
}

.p-prod-info-list__list:after {
	content: '';
	display: block;
	width: 290px;
}

.p-prod-info-list__list > .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-info-list__list .r-list-hdg {
	display: block;
	font-weight: bold;
}

.p-prod-info-list__list .r-list-data {
	display: block;
}

/*
.p-prod-info-list__list .r-list-data:before {
	content: '';
	display: inline-block;
	height: 1px;
	background-color: #ddd;
	vertical-align: middle;
}
*/

.p-prod-info-list__list.r-type02 .r-list-data:before {
	display: none;
}

.p-prod-info-list__note {
	text-align: right;
}

.p-prod-info-sns {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-prod-column {
	background-color: #fff;
}

.p-prod-link-list {
	background-color: #f9f9f9;
}

.p-prod-print > a {
	position: absolute;
	background: url(/products/cat_assets/img/details/icn-print01.png) no-repeat left top;
	background-size: 100% auto;
}

.p-products-close-hdg__lead a {
	text-decoration: underline;
}

.p-products-close-list__itms__prod {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-products-close-list__itms__prod .r-img {
	position: relative;
	text-align: center;
	border: 1px solid #f2f2f2;
}

.p-products-close-list__itms__prod .r-img figcaption {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 0px;
	background: #f2f2f2;
	text-align: center;
	color: #555555;
	box-sizing: border-box;
	z-index: 2;
	width: 100%;
}

.p-products-close-list__itms__prod .r-detail {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	color: #333333;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-substitute {
	background: #f2f2f2;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt {
	color: #e4002b;
	position: relative;
	line-height: 1.2;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item .r-noitem {
	line-height: 1;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link {
	width: 100%;
	border-bottom: 1px solid #dddddd;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a {
	color: #e4002b;
	position: relative;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}

.p-products-close-recipe-target {
	width: 100%;
	background: #f9f9f9;
}

.p-products-close-recipe-target .r-hdg {
	text-align: center;
	color: #e4002b;
	line-height: 1;
}

.p-products-close-recipe-target__itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-products-close-recipe-target__itm .r-img {
	text-align: center;
	border: 1px solid #f2f2f2;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-products-close-recipe-target__itm .r-img img {
	max-height: 100%;
	max-width: 100%;
}

.p-products-close-recipe-target__itm .r-detail .r-close {
	font-weight: bold;
	line-height: 1;
}

.p-products-close-recipe-anchor__list .r-itm {
	border-bottom: 1px solid #ddd;
}

.p-products-close-recipe-anchor__list .r-itm a {
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

.p-products-close-recipe-anchor__list .r-itm a:after {
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.p-prod-detail-static .p-datail-hdg--lv3 {
	color: #e4002b;
}

.p-prod-detail-static .p-datail-hdg--lv3:first-child {
	margin-top: 0;
}


.p-prod-detail-static .p-prod-info.r-list-data:before {
	content: '';
	display: inline-block;
	height: 1px;
/*	background-color: #ddd;*/
	vertical-align: middle;
}


.p-prod-detail-static .p-datail-img_lyt img {
	margin-bottom: 12.5px;
	margin-bottom: 3.33333vw;
}

.p-prod-detail-static .p-moisture-cont img {
	margin: 0 auto;
	display: block;
}

.p-prod-detail-static .p-prod-info-main__label {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-prod-detail-static .p-prod-info-main__label__item {
	font-size: 12px;
	padding: 3px 10px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #028291;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: left;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm .r-list-hdg {
	display: block;
	text-align: left;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm .r-list-data {
	display: block;
	text-align: right;
}

.p-prod-detail-static .p-datail-box--border {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border: 1px solid #dddddd;
}

.p-prod-detail-static .p-prod-datail-bnr img {
	display: block;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm {
	text-align: center;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm a {
	display: inline-block;
	overflow: hidden;
	border: 1px solid #ddd;
}

.p-prod-detail-static .p-hiaro-moisture__hdg {
	color: #e4002b;
}

.p-prod-detail-static .p-hiaro-moisture__hdg__data {
	color: #e4002b;
}

.p-prod-detail-static .p-detail-notice {
	position: relative;
	padding-left: 1em;
}

.p-prod-detail-static .p-detail-notice__bullet {
	position: absolute;
	left: 0;
	top: 0;
}

.p-recipe-print > a {
	display: block;
	background: url(/products/cat_assets/img/details/icn-print01.png) no-repeat left top;
	background-size: 100% auto;
}

.p-recipe-share {
	display: block;
	background: url(/products/cat_assets/img/details/icn-mail01.png) no-repeat left top;
	background-size: 100% auto;
}

.p-recipe-favorite > a {
	display: block;
	background: url(/recipes/cat_assets/img/common/icn-fav.png) no-repeat left top;
	background-size: 100% auto;
}

.p-recipe-recent > a {
	display: block;
	background: url(/recipes/cat_assets/img/common/icn-recent.png) no-repeat left top;
	background-size: 100% auto;
}

.p-recipe-txt {
	position: relative;
	box-sizing: border-box;
}

.p-recipe-txt .r-num {
	color: #e4002b;
	position: absolute;
	left: 0px;
	line-height: 1;
}

.sheip-img {
	position: relative;
}

.c-detail-use-itm__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-detail-use-itm__list .r-product {
	display: table;
	border-bottom: solid 1px #ddd;
}

.c-detail-use-itm__list .r-product .r-product-img {
	position: relative;
	display: table-cell;
}

.c-detail-use-itm__list .r-product .r-product-img img {
	max-width: none;
}

.c-detail-use-itm__list .r-product .r-product-txt .r-close {
	display: block;
	background: #85746a;
	color: #fff;
	text-align: center;
}

.p-products-new-list__category .r-img {
	text-align: center;
}

.p-products-new-list .r-hdg {
	position: relative;
}

.p-products-new-list__products {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-products-new-list__products__itm a {
	display: block;
}

.p-products-new-list__products__itm .r-img {
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
}

a.p-ing-basicinfo-mainvisual:hover,
a.p-ing-basicinfo-mainvisual--detail:hover {
	text-decoration: none;
}

.p-ing-basicinfo-mainvisual {
	display: block;
	position: relative;
}

.p-ing-basicinfo-mainvisual .r-img {
	z-index: -1;
}

.p-ing-basicinfo-mainvisual .r-img img {
	display: inline-block;
	vertical-align: bottom;
}

.p-ing-basicinfo-mainvisual--detail {
	display: block;
	position: relative;
}

.p-ing-basicinfo-mainvisual--detail .r-img {
	position: absolute;
	top: 0;
}

.p-ing-column__section:first-child {
	margin-top: 0;
}

.p-ing-column-media .r-column-img {
	background-color: #fff;
	text-align: center;
	position: relative;
}

.p-ing-column-media .r-column-img .c-img-frm {
	height: 100%;
}

.p-ing-column-media .r-column-img.r-bgclr02 {
	background-color: #faf9f5;
}

.p-ing-column-media .r-column-img .r-season-bdg {
	background: #e4002b;
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
}

.p-ing-column-media .r-column-hdg {
	position: relative;
}

.p-ing-column-media .r-column-detail *:first-child {
	margin-top: 0px !important;
}

.p-ing-column-media.r-type02 .r-column-img {
	background-color: transparent;
}


.p-ing-column-media.r-type02 .r-column-img .c-img-frm{
	height: auto;
}
.p-ing-column-media.r-type02 .r-column-img .c-img-frm img {
	height: auto;
}

.p-ing-column__section .r-column-detail {
	position: relative;
}

.p-ing-column__section .r-column-detail *:first-child {
	margin-top: 0px !important;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv4 {
	font-weight: bold;
	line-height: 2;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv5 {
	font-weight: bold;
	line-height: 2;
}

.p-ing-column__section .r-column-detail .r-column-hdg--pre {
	font-weight: bold;
	line-height: 1.7;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre {
	position: relative;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre .r-img--pre {
	text-align: center;
}

.p-ing-column__section .r-column-detail .r-column-faq dt {
	position: relative;
}

.p-ing-column__section .r-column-detail .r-column-faq dt:after {
	content: "Q";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #e4002b;
}

.p-ing-column__section .r-column-detail .r-column-faq dt:first-child {
	margin-top: 0px;
}

.p-ing-column__section .r-column-detail .r-column-faq dd {
	position: relative;
}

.p-ing-column__section .r-column-detail .r-column-faq dd:after {
	content: "A";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #e4002b;
}

.p-ing-column__section .r-column-detail .r-column-point {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-ing-column__section .r-column-detail .r-column-point dt {
	color: #fff;
	background-color: #e4002b;
	text-align: center;
}

.p-ing-column__section .r-column-detail .r-column-point dt:first-child + dd {
	margin-top: 0px;
}

.p-ing-column__section .r-column-detail .r-column-listlike tr:first-child th,
.p-ing-column__section .r-column-detail .r-column-listlike tr:first-child td {
	padding-top: 0px;
}

.p-ing-column__section .r-column-detail .r-column-listlike th {
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}

.p-ing-column__section .r-column-detail .r-column-listlike td {
	width: 100%;
	vertical-align: top;
}

.p-ing-column__section .r-column-detail .r-column-flex01 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box figure img {
	display: block;
}

.p-knowledge-lettuce-banner {
	text-align: center;
}

.p-knowledge-lettuce-banner a {
	display: inline-block;
	overflow: hidden;
}

.p-recipes-nav.r-nomg {
	margin: 0 auto;
}

.p-recipes-nav__list {
	border-bottom: 1px solid #ddd;
}

.p-recipes-nav__itm {
	display: inline-block;
}

.p-recipes-nav__itm.is-current > a:after,
.p-recipes-nav__itm.is-current > span:after {
	height: 2px;
}

.p-recipes-nav__itm > a,
.p-recipes-nav__itm > span {
	display: inline-block;
	position: relative;
	color: #333;
	cursor: pointer;
}

.p-recipes-nav__itm > a:hover:after,
.p-recipes-nav__itm > span:hover:after {
	height: 2px;
}

.p-recipes-nav__itm > a:after,
.p-recipes-nav__itm > span:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	background-color: #e4002b;
}

.p-recipes-nav__itm[aria-expanded="false"] .p-recipes-nav__toggle:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.p-recipes-nav__itm[aria-expanded="true"] .p-recipes-nav__toggle:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.p-recipes-nav .p-recipes-nav__itm +
.p-recipes-nav__itm {
	border-left: 1px solid #ddd;
}

.p-recipes-nav__toggle {
	position: absolute;
	display: inline-block;
	right: 0;
	margin: auto;
}

.p-recipes-nav__toggle:before,
.p-recipes-nav__toggle:after {
	content: "";
	display: block;
	background-color: #e4002b;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.p-recipes-nav__toggle:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.p-recipes-nav--sub {
	position: relative;
	width: 100%;
}

.p-recipes-nav--sub__inner {
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.p-recipes-nav--sub__hdg {
	color: #e4002b;
}

.p-recipes-nav--sub__recipes-category {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-recipes-nav--sub__products-category {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-recipes-nav--sub__itm {
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
}

.p-recipes-nav--sub__itm[data-role="vegetables"] {
	background-image: url("https://img.kewpie.co.jp/assets/img/common/categoryicon_recipes/categoryicon_item_vegetables.png");
}

.p-recipes-nav--sub__itm[data-role="fish_shellfish"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_fish_shellfish.png");
}

.p-recipes-nav--sub__itm[data-role="meat"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_meat.png");
}

.p-recipes-nav--sub__itm[data-role="egg_dairy"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_egg_dairy.png");
}

.p-recipes-nav--sub__itm[data-role="rice_breads_noodles"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_rice_breads_noodles.png");
}

.p-recipes-nav--sub__itm[data-role="fruits"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_fruits.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-1"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-1.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-2"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-2.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-3"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-3.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-4"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-4.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-5"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-5.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-6"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-6.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-7"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-7.png");
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-8"] {
	background-image: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recipe-genre-8.png");
}

.p-recipes-nav--sub__itm[data-product="mayonnaise"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict01.png");
}

.p-recipes-nav--sub__itm[data-product="dressing_salad"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict02.png");
}

.p-recipes-nav--sub__itm[data-product="seasoning"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict03.png");
}

.p-recipes-nav--sub__itm[data-product="pasta_sauce"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict04.png");
}

.p-recipes-nav--sub__itm[data-product="prepared"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict05.png");
}

.p-recipes-nav--sub__itm[data-product="processed"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict06.png");
}

.p-recipes-nav--sub__itm[data-product="bread"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict07.png");
}

.p-recipes-nav--sub__itm[data-product="janef"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict08.png");
}

.p-recipes-nav--sub__itm[data-product="care"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict09.png");
}

.p-recipes-nav--sub__itm[data-product="freshstock"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict10.png");
}

.p-recipes-nav--sub__itm[data-product="plantbasedfood"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict11.png");
}

.p-recipes-nav--sub__itm[data-product="genkinahone"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict12.png");
}

.p-recipes-nav--sub__itm[data-product="dressing"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict13.png");
}

.p-recipes-nav--sub__itm[data-product="salad_topping"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict14.png");
}

.p-recipes-nav--sub__itm[data-product="tartare"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict15.png");
}

.p-recipes-nav--sub__itm[data-product="aemono"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict16.png");
}

.p-recipes-nav--sub__itm[data-product="3cook_soup"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict17.png");
}

.p-recipes-nav--sub__itm[data-product="saladclub"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict18.png");
}

.p-recipes-nav--sub__itm[data-product="egg"] {
	background-image: url("/recipes/cat_assets/img/list/product/pict19.png");
}

.p-recipes-nav--sub__closebtn {
	position: absolute;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.p-recipes-nav--sub__closebtn:before,
.p-recipes-nav--sub__closebtn:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	background-color: #e4002b;
}

.p-recipes-nav--sub__closebtn:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.p-recipes-nav__btns--sp, .p-recipes-nav__search__hdg {
  display: none;
}

.c-tag-list .r-itm {
	display: inline-block;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	display: block;
	border: 1px solid #e4002b;
	color: #e4002b;
	-webkit-transition: color .2s, background-color .2s;
	transition: color .2s, background-color .2s;
}

.c-tag-list .r-itm > a:hover,
.c-tag-list .r-itm > span:hover {
	color: #fff;
	background-color: #e4002b;
	text-decoration: none;
}

.c-tag-list.r-recipe-detail-tag {
	overflow: hidden;
}

.c-tag-list.r-recipe-detail-tag.r-active {
	height: auto;
	max-height: inherit;
	overflow: visible;
}

.r-recipe-detail-btn.is-disused {
	display: none;
}

.c-mainvisual-recipe-feature .r-hdg-container {
	position: relative;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	color: #e4002b;
}

.c-mainvisual-recipe-feature .r-hdg {
	color: #e4002b;
}

.c-mainvisual-recipe-feature .r-description {
	position: relative;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature {
	background-color: transparent !important;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .c-mainvisual-recipe-feature-inner {
	background-color: transparent !important;
	height: auto;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-img {
	display: none;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-description {
	display: block;
	width: auto;
	border-left: 0;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-hdg-description {
	display: none;
}

.p-recipe-feature-datelist-simple {
	position: relative;
}

.p-recipe-feature-datelist-simple select {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.p-recipe-feature-datelist-simple .r-itm.is-current > a {
	color: #333;
}

.p-recipe-feature-datelist-simple .r-itm > a {
	color: #aaa;
}

.p-recipe-feature-datelist-simple .r-itm > a:active,
.p-recipe-feature-datelist-simple .r-itm > a:hover,
.p-recipe-feature-datelist-simple .r-itm > a:focus {
	text-decoration: none;
}

.p-recipe-feature-datelist dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-recipe-feature-datelist .r-details {
	position: relative;
}

.p-recipe-feature-datelist .r-details select {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.p-recipe-feature-datelist .r-itm.is-current > a,
.p-recipe-feature-datelist .r-itm.is-current > span {
	color: #333;
	cursor: default;
}

.p-recipe-feature-datelist .r-itm > a,
.p-recipe-feature-datelist .r-itm > span {
	color: #aaa;
	cursor: pointer;
}

.p-recipe-feature-datelist .r-itm > a:active,
.p-recipe-feature-datelist .r-itm > a:hover,
.p-recipe-feature-datelist .r-itm > a:focus,
.p-recipe-feature-datelist .r-itm > span:active,
.p-recipe-feature-datelist .r-itm > span:hover,
.p-recipe-feature-datelist .r-itm > span:focus {
	text-decoration: none;
}

.p-recipe-cat-mv {
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

.p-recipe-weekly-mv {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.p-recipe-weekly-mv__inner {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.p-recipe-weekly-mv__txt .r-hdg {
	color: #e4002b;
}

.p-recipe-ranking-material .r-hdg {
	text-align: center;
	color: #e4002b;
}

.p-recipe-ranking-material__nav {
	background-color: #fff;
}

.p-recipe-ranking-material__nav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-recipe-ranking-material__nav__list__itm {
	text-align: center;
	border-right: 1px solid #ddd;
	position: relative;
}

.p-recipe-ranking-material__nav__list__itm:last-child {
	border-right: 0;
}

.p-recipe-ranking-material__nav__list__itm.is-current > a:after,
.p-recipe-ranking-material__nav__list__itm.is-current > span:after {
	height: 2px;
}

.p-recipe-ranking-material__nav__list__itm > a,
.p-recipe-ranking-material__nav__list__itm > span {
	display: inline-block;
	position: relative;
	color: #333;
	cursor: pointer;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="false"] .p-recipe-ranking-material__nav__list__itm__toggle:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="true"] .p-recipe-ranking-material__nav__list__itm__toggle:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.p-recipe-ranking-material__nav__list__itm__toggle {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.p-recipe-ranking-material__nav__list__itm__toggle:before,
.p-recipe-ranking-material__nav__list__itm__toggle:after {
	content: "";
	display: block;
	background-color: #e4002b;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.p-recipe-ranking-material__nav__list__itm__toggle:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.p-recipe-ranking-material--sub {
	position: relative;
	width: 100%;
}

.p-recipe-ranking-material--sub__inner {
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	max-height: 0;
	z-index: 998;
	-webkit-transition: max-height .2s .2s, opacity .2s;
	transition: max-height .2s .2s, opacity .2s;
	box-sizing: border-box;
}

.p-recipe-ranking-material--sub__inner[aria-hidden="true"] {
	pointer-events: none;
}

.p-recipe-ranking-material--sub__inner[aria-hidden="false"] {
	max-height: 9999px;
	-webkit-transition: max-height .2s, opacity .2s .2s;
	transition: max-height .2s, opacity .2s .2s;
}

.p-recipe-ranking-material--sub__contents {
	width: 100%;
	position: relative;
}

.p-recipe-ranking-material--sub__hdg {
	color: #e4002b;
}

.p-recipe-ranking-material--sub__materials__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-recipe-ranking-material--sub__itm {
	border-bottom: 1px solid #ddd;
}

.p-recipe-ranking-material--sub__itm a {
	position: relative;
	box-sizing: border-box;
	background-position: left center;
	background-repeat: no-repeat;
}

.p-recipe-ranking-material--sub__itm a:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 7px;
	border-top: 1px solid #e4002b;
	border-right: 1px solid #e4002b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-recipe-ranking-material--sub__itm.r-cabbage a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_cabbage.png");
}

.p-recipe-ranking-material--sub__itm.r-asparagus a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_asparagus.png");
}

.p-recipe-ranking-material--sub__itm.r-celery a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_celery.png");
}

.p-recipe-ranking-material--sub__itm.r-greenpea a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_endou.png");
}

.p-recipe-ranking-material--sub__itm.r-watercress a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_watercress.png");
}

.p-recipe-ranking-material--sub__itm.r-bambooshoot a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_bambooshoot.png");
}

.p-recipe-ranking-material--sub__itm.r-broadbeans a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_been.png");
}

.p-recipe-ranking-material--sub__itm.r-fieldpeas a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_sayaen.png");
}

.p-recipe-ranking-material--sub__itm.r-newonion a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_newonion.png");
}

.p-recipe-ranking-material--sub__itm.r-newpotatoes a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_newpotatoes.png");
}

.p-recipe-ranking-material--sub__itm.r-greenpeas a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_new_green-peace.png");
}

.p-recipe-ranking-material--sub__itm.r-edibleclover a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_new_Japanese-honeywort.png");
}

.p-recipe-ranking-material--sub__itm.r-lettuce a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_lettuce.png");
}

.p-recipe-ranking-material--sub__itm.r-romaine a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_romaine.png");
}

.p-recipe-ranking-material--sub__itm.r-sunny a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_redleaf-lettuce.png");
}

.p-recipe-ranking-material--sub__itm.r-leaflettuce a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_leaflettuce.png");
}

.p-recipe-ranking-material--sub__itm.r-tomato a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_tomato.png");
}

.p-recipe-ranking-material--sub__itm.r-cherrytomato a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_cherrytomato.png");
}

.p-recipe-ranking-material--sub__itm.r-cucumber a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_cucumber.png");
}

.p-recipe-ranking-material--sub__itm.r-greenpepper a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_greenpepper.png");
}

.p-recipe-ranking-material--sub__itm.r-pumpkin a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_pumpkin.png");
}

.p-recipe-ranking-material--sub__itm.r-eggplant a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_eggplant.png");
}

.p-recipe-ranking-material--sub__itm.r-bittergourd a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_goya.png");
}

.p-recipe-ranking-material--sub__itm.r-okra a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_okra.png");
}

.p-recipe-ranking-material--sub__itm.r-kidneybean a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_common-bean.png");
}

.p-recipe-ranking-material--sub__itm.r-greensoybeans a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_green-soybeans.png");
}

.p-recipe-ranking-material--sub__itm.r-zucchini a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_zucchini.png");
}

.p-recipe-ranking-material--sub__itm.r-paprika a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_paprika.png");
}

.p-recipe-ranking-material--sub__itm.r-carrot a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_carrot.png");
}

.p-recipe-ranking-material--sub__itm.r-potato a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_potato.png");
}

.p-recipe-ranking-material--sub__itm.r-onion a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_onion.png");
}

.p-recipe-ranking-material--sub__itm.r-beechmushrooms a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_bunashimeji.png");
}

.p-recipe-ranking-material--sub__itm.r-maitake a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_maitake.png");
}

.p-recipe-ranking-material--sub__itm.r-nurdock a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_gobou.png");
}

.p-recipe-ranking-material--sub__itm.r-sweetpotato a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_satsumaimo.png");
}

.p-recipe-ranking-material--sub__itm.r-taro a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_satoimo.png");
}

.p-recipe-ranking-material--sub__itm.r-enoki a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_enoki.png");
}

.p-recipe-ranking-material--sub__itm.r-eringi a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_eringi.png");
}

.p-recipe-ranking-material--sub__itm.r-greenonion a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_negi.png");
}

.p-recipe-ranking-material--sub__itm.r-chinesecabbage a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_hakusai.png");
}

.p-recipe-ranking-material--sub__itm.r-radish a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_radish.png");
}

.p-recipe-ranking-material--sub__itm.r-broccoli a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_broccoli.png");
}

.p-recipe-ranking-material--sub__itm.r-spinach a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_spinach.png");
}

.p-recipe-ranking-material--sub__itm.r-potherbmustard a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_mizuna.png");
}

.p-recipe-ranking-material--sub__itm.r-rape a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_nanohana.png");
}

.p-recipe-ranking-material--sub__itm.r-japanesemustardspinach a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_komatsuna.png");
}

.p-recipe-ranking-material--sub__itm.r-lotusroot a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_renkon.png");
}

.p-recipe-ranking-material--sub__itm.r-turnip a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_kabu.png");
}

.p-recipe-ranking-material--sub__itm.r-cauliflower a {
	background-image: url("/recipes/cat_assets/img/ranking/icon_cauliflower.png");
}

.p-recipe-ranking-material--sub__closebtn {
	position: absolute;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.p-recipe-ranking-material--sub__closebtn:before,
.p-recipe-ranking-material--sub__closebtn:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	background-color: #e4002b;
}

.p-recipe-ranking-material--sub__closebtn:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.p-recipes-search-result-hdg__txt {
	text-align: center;
	color: #e4002b;
}

.p-recipe-ranking-prevnext {
	width: 100%;
}

.p-recipe-ranking-prevnext:after {
	overflow: hidden;
	content: "";
	display: block;
	clear: both;
}

.p-recipe-ranking-prevnext .r-prev {
	float: left;
}

.p-recipe-ranking-prevnext .r-next {
	float: right;
}

.p-recipe-target {
	width: 100%;
	background: #f9f9f9;
}

.p-recipe-target .r-hdg {
	text-align: center;
	color: #e4002b;
	line-height: 1;
}

.p-recipe-target__itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-recipe-target__itm .r-img {
	text-align: center;
	border: 1px solid #f2f2f2;
	background: #fff;
}

.p-recipe-target__itm .r-img img {
	max-height: 100%;
	max-width: 100%;
}

.p-basic-salad-mv {
	background: #f9f9f9;
}

.p-basic-salad-mv__inner {
	height: 100%;
}

.p-basic-salad-mv .r-hdg {
	color: #e4002b;
	line-height: 1;
}

.p-basic-salad-point__list__itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-basic-salad-point__list__itm:first-child {
	margin-top: 0px;
}

.p-basic-salad-point__list__itm .r-txtbox .r-hdg {
	color: #e4002b;
}

.p-yasai-garden-subtxt {
	text-align: center;
}

.p-yasai-garden {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-yasai-garden__item {
	display: block;
}

.p-yasai-garden__item .r-img {
	overflow: hidden;
	pointer-events: none;
}

.p-yasai-garden__item .r-img img {
	width: 100%;
	height: auto;
}

.p-yasai-garden__item .r-cap {
	display: block;
	pointer-events: none;
}

.p-yasai-garden-bnr__list__itm .r-img img {
	width: 100%;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-hdg {
	display: inline-block;
	border-bottom: 1px solid #e4002b;
	color: #e4002b;
	text-align: center;
}

.p-yasai-garden-popup {
	position: relative;
	margin: 0px auto;
}

.p-yasai-garden-popup .popup_start {
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 1;
}

.p-yasai-garden-popup .popup_restart {
	position: absolute;
	z-index: 1;
	display: none;
}

.p-yasai-garden-popup .popup_photo {
	width: 100%;
	margin-top: 0px;
	position: absolute;
	display: none;
	opacity: 0;
}

.p-yasai-garden-popup .popup_photo.r-active {
	display: block !important;
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: anime-fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: anime-fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: anime-fade-in;
}

.p-yasai-garden-popup .popup_text {
	width: 100%;
	position: absolute;
	margin-top: 160px;
	display: none;
	opacity: 0;
}

.p-yasai-garden-popup .popup_text.r-active {
	display: block !important;
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: anime-fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: anime-fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: anime-fade-in;
}

.p-vegetable-garden-modal-detail {
	background: #fff;
}

.p-vegetable-garden-modal-detail__item {
	width: 100%;
}

.p-yasai-quad {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-yasai-quad__item .r-img {
	overflow: hidden;
}

.p-yasai-quad__item .r-cap {
	display: block;
}

.p-sodateru-detail-ttl__hdg {
	color: #e4002b;
}

.p-sodateru-detail-ttl__info__prepare .r-hdg {
	font-weight: bold;
}

.p-sodateru-detail-ttl__info__prepare .r-season {
	display: inline-block;
	background-color: #e4002b;
	color: #fff;
}

.p-mamechisiki-card {
	background: #f9f9f9;
	box-sizing: border-box;
	width: 100%;
}

.p-mamechisiki-card__top .p-mamechisiki-hdg--lv2 + .r-txt {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-mamechisiki-hdg--lv2 {
	color: #e4002b;
	border-bottom: 3px solid #e4002b;
}

#p-yasai-garden-loader {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 9999999;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}

#p-yasai-garden-loader.r-none {
	display: none;
	opacity: 0;
}

.p-ryouri-prepare-detail__mv {
	position: relative;
	width: 100%;
}

.p-ryouri-prepare-detail__mv .r-hdg {
	position: absolute;
	z-index: 2;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #e4002b;
}

.p-vegefirst-mv {
	width: 100%;
}

.p-vegefirst-mv__inner {
	background: #f9f9f9;
}

.p-vegefirst-mv .r-lead {
	text-align: center;
}

.p-vegefirst-mv .r-supervised {
	text-align: center;
}

.p-vegefirst-contents__box .r-ttl {
	background: #e4002b;
	color: #fff;
	text-align: center;
}

.p-vegefirst-contents__box__inner {
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	background: #ffffe5;
}

.p-vegefirst-contents__box__inner .r-point {
	color: #e4002b;
	line-height: 1;
}

.p-vegefirst-contents__box__inner .r-order li {
	position: relative;
}

.p-vegefirst-contents__box__inner .r-order li .r-num {
	font-weight: bold;
}

.p-vegefirst-contents__box__inner .r-order li:after {
	content: "";
	display: block;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	position: absolute;
	left: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.p-vegefirst-contents__box__inner .r-order li:last-child:after {
	display: none;
}

.p-vegefirst-contents__box__inner .r-list li {
	position: relative;
}

.p-vegefirst-contents__box__inner .r-list li span {
	position: absolute;
	left: 0px;
	top: 0px;
}

.p-vegefirst-contents__box.r-box02 .r-img {
	text-align: center;
}

.p-vegefirst-contents__box.r-box03 .r-img {
	text-align: center;
}

.p-vegefirst-tab {
	background: #f9f9f9;
	box-sizing: border-box;
}

.p-vegefirst-tab .p-vegefirst-eat .r-ttl {
	color: #e4002b;
}

.p-vegefirst-tab .p-vegefirst-eat__order {
	z-index: 2;
	position: relative;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list {
	position: relative;
	z-index: 2;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list:before {
	position: absolute;
	content: '';
	display: block;
	z-index: 1;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm {
	position: relative;
	z-index: 2;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-icon {
	text-align: center;
	color: #e4002b;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-txt p {
	text-align: center;
}

.p-vegefirst-tab .p-vegefirst-eattime {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm {
	background: #fff;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-icon {
	text-align: center;
	color: #e4002b;
	line-height: 1;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	color: #e4002b;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm:first-child {
	position: relative;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm:first-child:after {
	content: "";
	display: block;
	left: 100%;
	top: calc(50% - 1px);
	width: 30px;
	height: 2px;
	background: #ddd;
	position: absolute;
}

.p-vegefirst-modal {
	background: #fff;
}

.p-vegefirst-modal__itm:nth-child(2) {
	border-top: 1px dashed #e4002b;
}

.p-vegefirst-modal__itm .r-hdg--lv2 {
	color: #e4002b;
}

.p-vegefirst-modal__itm .r-hdg--lv3 {
	color: #e4002b;
}

.p-vegefirst-modal__itm .r-img-col2 .r-img img {
	width: 100%;
}

/*
---
name: テキスト位置揃え
menu: ユーティリティ/調整用クラス/文字位置
category: utility/adjust/text
tag:
- utility
- align
- adjust
- text
---

### 左寄せ

```html
<p class="u-align-l">テキスト</p>
<p class="u-align-l--pc">PCのみ</p>
<p class="u-align-l--sp">SPのみ</p>
```
 - テキスト左寄せ用のユーティリティクラスです（`text-align:left;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 中央寄せ

```html
<p class="u-align-c">テキスト</p>
<p class="u-align-c--pc">PCのみ</p>
<p class="u-align-c--sp">SPのみ</p>
```
 - テキスト中央寄せ用のユーティリティクラスです（`text-align:center;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 右寄せ

```html
<p class="u-align-r">テキスト</p>
<p class="u-align-r--pc">PCのみ</p>
<p class="u-align-r--sp">SPのみ</p>
```
 - テキスト右寄せ用のユーティリティクラスです（`text-align:right;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 上寄せ

```html
<p class="u-valign-t">テキスト</p>
<p class="u-valign-t--pc">PCのみ</p>
<p class="u-valign-t--sp">SPのみ</p>
```
 - テキスト上寄せ用のユーティリティクラスです（`vertical-align:top;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 縦中央寄せ

```html
<p class="u-valign-m">テキスト</p>
<p class="u-valign-m--pc">PCのみ</p>
<p class="u-valign-m--sp">SPのみ</p>
```
 - テキスト縦中央寄せ用のユーティリティクラスです（`vertical-align:middle;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 下寄せ

```html
<p class="u-valign-b">テキスト</p>
<p class="u-valign-b--pc">PCのみ</p>
<p class="u-valign-b--sp">SPのみ</p>
```
 - テキスト下寄せ用のユーティリティクラスです（`vertical-align:bottom;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 順番入れ替え

```html
<div class="u-switch-reverse">
  <div class="u-inlineblock">最初のコンテンツ</div>
  <div class="u-inlineblock">最後のコンテンツ</div>
</div>
```
 - クラスを付与した子要素（インライン属性）の左右の順番が入れ替わります
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

*/

.u-align-l {
	text-align: left !important;
}

.u-align-c {
	text-align: center !important;
}

.u-align-r {
	text-align: right !important;
}

.u-valign-t {
	vertical-align: top !important;
}

.u-valign-m {
	vertical-align: middle !important;
}

.u-valign-b {
	vertical-align: bottom !important;
}

.u-switch-reverse {
	direction: rtl;
}

.u-switch-reverse > * {
	direction: ltr;
}

/*
---
name: 表示・非表示 / inline属性切り替えクラス
menu: ユーティリティ/調整用クラス/表示非表示
category: utility/adjust/display
tag:
- utility
- adjust
- display
---

```html
<div class="u-none">非表示</div>
<div class="u-none--pc">PCのみ非表示</div>
<div class="u-none--sp">SPのみ非表示</div>
<div class="u-block">表示</div>
<div class="u-block--pc">PCのみ表示</div>
<div class="u-block--sp">SPのみ表示</div>
<div class="u-inlineblock">display: inline-block;</div>
<div class="u-inlineblock--pc">display: inline-block;（PCのみ）</div>
<div class="u-inlineblock--sp">display: inline-block;（SPのみ）</div>

```

- 個別の幅調整は.u-wd0--pc .u-wd0--sp のユーティリティクラスで調整を行います

*/

.u-none {
	display: none !important;
}

.u-inlineblock {
	display: inline-block !important;
}

.u-block {
	display: block !important;
}

/*
---
name: レイアウト調整 / Flex属性クラス
menu: ユーティリティ/調整用クラス/レイアウト調整/flex
category: utility/adjust/layout/flex
tag:
- utility
- adjust
- layout
- flex
---

```html
<div class="u-flex--start">justify-content: flex-start; と同等</div>
<div class="u-flex--center">justify-content: flex-center; と同等</div>
<div class="u-flex--end">justify-content: flex-end; と同等</div>
<div class="u-flex--between">justify-content: flex-between; と同等</div>
<div class="u-flex--arownd">justify-content: flex-arownd; と同等</div>
<div class="u-flex--vcenter">align-items: center; と同等</div>
<div class="u-flex--vstart">align-items: start; と同等</div>
<div class="u-flex--vend">align-items: end; と同等</div>

```

- display: flex; が同時に適用されます。

*/

.u-flex--start {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.u-flex--center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.u-flex--end {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.u-flex--between {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.u-flex--arownd {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.u-flex--vcenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.u-flex--vstart {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.u-flex--vend {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/*
---
name: flex
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
- flex
---

```html
<div class="u-flex-1-1">
<div><img src="//placehold.jp/500x250.png" alt=""></div>
<div><img src="//placehold.jp/500x250.png" alt=""></div>
</div>
```

- flexコンテナ用のユーティリティクラスです

*/

/*
---
name: clearfix
menu: ユーティリティ/調整用クラス/レイアウト
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<div class="u-clearfix"></div>
```

- clearfix用のユーティリティクラスです

*/

.u-clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/*
---
name: replace-deviceimage
menu: ユーティリティ/調整用クラス/レイアウト
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<img data-module="replace-deviceimage" src="/assets/img/index/slider-img-01_pc.jpg" alt="">
```

- ブレークポイントごとに画像を切り替えるためのユーティリティクラスです
- data-module="replace-deviceimage" を指定し、末尾に「_pc」のついたファイルをsrcに指定すると、ブレークポイントごとに「_pc」「_sp」のファイル名が差し替わります。

*/

/*
---
name: scroll-image
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<div class="u-overflow-scroll">
  <div class="r-inner">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

### Large

```html
<div class="u-overflow-scroll">
  <div class="r-inner is-large">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

### Small

```html
<div class="u-overflow-scroll">
  <div class="r-inner is-small">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

- スクロールさせるためのユーティリティクラスです

*/

.u-overflow-scroll {
	-webkit-print-color-adjust: exact;
	-webkit-font-smoothing: antialiased;
}

.u-overflow-scroll::-webkit-scrollbar {
	height: 10px;
}

.u-overflow-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #ddd;
}

.u-overflow-scroll::-webkit-scrollbar-track {
	background-color: #f9f9f9;
}

.u-clickable {
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

.u-clickdisable {
	pointer-events: none;
}

/*
---
name: テキスト調整クラス
menu: ユーティリティ/調整用クラス/テキスト調整
category: utility/adjust/text
tag:
- utility
- adjust
- text
---

## テキスト

<br>

### .u-txt--strong - 強調テキスト
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--strong">強調テキスト</span>
</p>
```

- 付与したタグのテキストが強調されます

### .u-txt--emphasis - 強調テキスト（赤字）
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--emphasis">強調テキスト（赤字）</span>
</p>
```

- 付与したタグのテキストが赤字で強調されます


### .u-txt--normal - 非強調テキスト
```html
<p class="u-txt u-txt--strong">
  強調テキスト
  <span class="u-txt--normal">非強調テキスト</span>
</p>
```

- 強調されているテキスト内で通常の表示を行いたい場合に指定します


### .u-txt--uline - 下線テキスト
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--uline">下線テキスト</span>
</p>
```

- テキストに下線が適用されます


### .u-txt--nline - 非下線テキスト
```html
<p class="u-txt">
  <span class="u-txt--nline">非下線テキスト</span>
</p>
```

- 下線が適用されているタグの下線をとりたい場合に指定します


## インデント

<br>

### .u-indent--xx - 通常インデント
```html
<div class="u-txt">
  <p class="u-indent--1">１通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

```html
<div class="u-txt">
  <p class="u-indent--1half">１文字半通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

```html
<div class="u-txt">
  <p class="u-indent--2">２文字通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--disc - ・（中黒）インデント
```html
<div class="u-txt">
  <p class="u-indent--disc">自動的に・（中黒）が適用されますインデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--notice - ※（アスタリスク）インデント
```html
<div class="u-txt">
  <p class="u-indent--notice">自動的に※（アスタリスク）が適用されますインデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--prefix - (0)（プレフィックス）インデント
```html
<div class="u-txt">
  <p class="u-indent--prefix"><span class="r-prefix">(1)</span>spanタグで囲った部分がインデントとして機能します。インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

- インデントを使用したい場合に指定します

*/

.u-txt--strong {
	font-weight: bold !important;
}

.u-txt--emphasis {
	color: #e4002b !important;
}

.u-txt--normal {
	font-weight: normal !important;
}

.u-txt--uline {
	text-decoration: underline !important;
}

.u-txt--nline {
	text-decoration: none !important;
}

.u-txt__color--default {
	color: #333 !important;
}

.u-txt__color--white {
	color: #fff !important;
}

.u-indent--1 {
	padding-left: 1em;
	text-indent: -1em;
}

.u-indent--1half {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.u-indent--2 {
	padding-left: 2em;
	text-indent: -2em;
}

.u-indent--disc {
	position: relative;
}

.u-indent--disc:before {
	content: '\30fb';
	position: absolute;
}

.u-indent--notice {
	position: relative;
	padding-left: 1em;
}

.u-indent--notice:before {
	content: '\203b';
	position: absolute;
}

.u-indent--notice2 {
	position: relative;
	text-indent: -1em;
	padding-left: 2em;
}

.u-indent--notice2:before {
	content: '\203b';
	position: absolute;
}

.u-indent--prefix {
	position: relative;
	padding-left: 2em;
}

.u-indent--prefix .r-prefix {
	position: absolute;
	left: 0;
}

/*
---
name: 幅調整クラス
menu: ユーティリティ/調整用クラス/幅調整
category: utility/adjust/width
tag:
- utility
- adjust
- width
---

```html
<div class="u-wd120--pc">120pxの固定幅</div>
<div class="u-wd150--sp">750px（iPhone6）の画面幅の場合150px相当の幅</div>
```

- 個別の幅調整は.u-wd0-pc .u-wd0-sp のユーティリティクラスで調整を行います
- 幅の単位は 500pxまで5px単位で用意
- SPの場合は750px（iPhone6Retina）の画面幅を元にvwで算出されます

*/

.u-wd0per {
	width: 0 !important;
}

.u-wd1per {
	width: 1% !important;
}

.u-wd2per {
	width: 2% !important;
}

.u-wd3per {
	width: 3% !important;
}

.u-wd4per {
	width: 4% !important;
}

.u-wd5per {
	width: 5% !important;
}

.u-wd6per {
	width: 6% !important;
}

.u-wd7per {
	width: 7% !important;
}

.u-wd8per {
	width: 8% !important;
}

.u-wd9per {
	width: 9% !important;
}

.u-wd10per {
	width: 10% !important;
}

.u-wd11per {
	width: 11% !important;
}

.u-wd12per {
	width: 12% !important;
}

.u-wd13per {
	width: 13% !important;
}

.u-wd14per {
	width: 14% !important;
}

.u-wd15per {
	width: 15% !important;
}

.u-wd16per {
	width: 16% !important;
}

.u-wd17per {
	width: 17% !important;
}

.u-wd18per {
	width: 18% !important;
}

.u-wd19per {
	width: 19% !important;
}

.u-wd20per {
	width: 20% !important;
}

.u-wd21per {
	width: 21% !important;
}

.u-wd22per {
	width: 22% !important;
}

.u-wd23per {
	width: 23% !important;
}

.u-wd24per {
	width: 24% !important;
}

.u-wd25per {
	width: 25% !important;
}

.u-wd26per {
	width: 26% !important;
}

.u-wd27per {
	width: 27% !important;
}

.u-wd28per {
	width: 28% !important;
}

.u-wd29per {
	width: 29% !important;
}

.u-wd30per {
	width: 30% !important;
}

.u-wd31per {
	width: 31% !important;
}

.u-wd32per {
	width: 32% !important;
}

.u-wd33per {
	width: 33% !important;
}

.u-wd34per {
	width: 34% !important;
}

.u-wd35per {
	width: 35% !important;
}

.u-wd36per {
	width: 36% !important;
}

.u-wd37per {
	width: 37% !important;
}

.u-wd38per {
	width: 38% !important;
}

.u-wd39per {
	width: 39% !important;
}

.u-wd40per {
	width: 40% !important;
}

.u-wd41per {
	width: 41% !important;
}

.u-wd42per {
	width: 42% !important;
}

.u-wd43per {
	width: 43% !important;
}

.u-wd44per {
	width: 44% !important;
}

.u-wd45per {
	width: 45% !important;
}

.u-wd46per {
	width: 46% !important;
}

.u-wd47per {
	width: 47% !important;
}

.u-wd48per {
	width: 48% !important;
}

.u-wd49per {
	width: 49% !important;
}

.u-wd50per {
	width: 50% !important;
}

.u-wd51per {
	width: 51% !important;
}

.u-wd52per {
	width: 52% !important;
}

.u-wd53per {
	width: 53% !important;
}

.u-wd54per {
	width: 54% !important;
}

.u-wd55per {
	width: 55% !important;
}

.u-wd56per {
	width: 56% !important;
}

.u-wd57per {
	width: 57% !important;
}

.u-wd58per {
	width: 58% !important;
}

.u-wd59per {
	width: 59% !important;
}

.u-wd60per {
	width: 60% !important;
}

.u-wd61per {
	width: 61% !important;
}

.u-wd62per {
	width: 62% !important;
}

.u-wd63per {
	width: 63% !important;
}

.u-wd64per {
	width: 64% !important;
}

.u-wd65per {
	width: 65% !important;
}

.u-wd66per {
	width: 66% !important;
}

.u-wd67per {
	width: 67% !important;
}

.u-wd68per {
	width: 68% !important;
}

.u-wd69per {
	width: 69% !important;
}

.u-wd70per {
	width: 70% !important;
}

.u-wd71per {
	width: 71% !important;
}

.u-wd72per {
	width: 72% !important;
}

.u-wd73per {
	width: 73% !important;
}

.u-wd74per {
	width: 74% !important;
}

.u-wd75per {
	width: 75% !important;
}

.u-wd76per {
	width: 76% !important;
}

.u-wd77per {
	width: 77% !important;
}

.u-wd78per {
	width: 78% !important;
}

.u-wd79per {
	width: 79% !important;
}

.u-wd80per {
	width: 80% !important;
}

.u-wd81per {
	width: 81% !important;
}

.u-wd82per {
	width: 82% !important;
}

.u-wd83per {
	width: 83% !important;
}

.u-wd84per {
	width: 84% !important;
}

.u-wd85per {
	width: 85% !important;
}

.u-wd86per {
	width: 86% !important;
}

.u-wd87per {
	width: 87% !important;
}

.u-wd88per {
	width: 88% !important;
}

.u-wd89per {
	width: 89% !important;
}

.u-wd90per {
	width: 90% !important;
}

.u-wd91per {
	width: 91% !important;
}

.u-wd92per {
	width: 92% !important;
}

.u-wd93per {
	width: 93% !important;
}

.u-wd94per {
	width: 94% !important;
}

.u-wd95per {
	width: 95% !important;
}

.u-wd96per {
	width: 96% !important;
}

.u-wd97per {
	width: 97% !important;
}

.u-wd98per {
	width: 98% !important;
}

.u-wd99per {
	width: 99% !important;
}

.u-wd100per {
	width: 100% !important;
}

.u-wd101per {
	width: 101% !important;
}

.u-wd102per {
	width: 102% !important;
}

.u-wd103per {
	width: 103% !important;
}

.u-wd104per {
	width: 104% !important;
}

.u-wd105per {
	width: 105% !important;
}

.u-wd106per {
	width: 106% !important;
}

.u-wd107per {
	width: 107% !important;
}

.u-wd108per {
	width: 108% !important;
}

.u-wd109per {
	width: 109% !important;
}

.u-wd110per {
	width: 110% !important;
}

.u-wd111per {
	width: 111% !important;
}

.u-wd112per {
	width: 112% !important;
}

.u-wd113per {
	width: 113% !important;
}

.u-wd114per {
	width: 114% !important;
}

.u-wd115per {
	width: 115% !important;
}

.u-wd116per {
	width: 116% !important;
}

.u-wd117per {
	width: 117% !important;
}

.u-wd118per {
	width: 118% !important;
}

.u-wd119per {
	width: 119% !important;
}

.u-wd120per {
	width: 120% !important;
}

.u-wd121per {
	width: 121% !important;
}

.u-wd122per {
	width: 122% !important;
}

.u-wd123per {
	width: 123% !important;
}

.u-wd124per {
	width: 124% !important;
}

.u-wd125per {
	width: 125% !important;
}

.u-wd126per {
	width: 126% !important;
}

.u-wd127per {
	width: 127% !important;
}

.u-wd128per {
	width: 128% !important;
}

.u-wd129per {
	width: 129% !important;
}

.u-wd130per {
	width: 130% !important;
}

.u-wd131per {
	width: 131% !important;
}

.u-wd132per {
	width: 132% !important;
}

.u-wd133per {
	width: 133% !important;
}

.u-wd134per {
	width: 134% !important;
}

.u-wd135per {
	width: 135% !important;
}

.u-wd136per {
	width: 136% !important;
}

.u-wd137per {
	width: 137% !important;
}

.u-wd138per {
	width: 138% !important;
}

.u-wd139per {
	width: 139% !important;
}

.u-wd140per {
	width: 140% !important;
}

.u-wd141per {
	width: 141% !important;
}

.u-wd142per {
	width: 142% !important;
}

.u-wd143per {
	width: 143% !important;
}

.u-wd144per {
	width: 144% !important;
}

.u-wd145per {
	width: 145% !important;
}

.u-wd146per {
	width: 146% !important;
}

.u-wd147per {
	width: 147% !important;
}

.u-wd148per {
	width: 148% !important;
}

.u-wd149per {
	width: 149% !important;
}

.u-wd150per {
	width: 150% !important;
}

.u-wd151per {
	width: 151% !important;
}

.u-wd152per {
	width: 152% !important;
}

.u-wd153per {
	width: 153% !important;
}

.u-wd154per {
	width: 154% !important;
}

.u-wd155per {
	width: 155% !important;
}

.u-wd156per {
	width: 156% !important;
}

.u-wd157per {
	width: 157% !important;
}

.u-wd158per {
	width: 158% !important;
}

.u-wd159per {
	width: 159% !important;
}

.u-wd160per {
	width: 160% !important;
}

.u-wd161per {
	width: 161% !important;
}

.u-wd162per {
	width: 162% !important;
}

.u-wd163per {
	width: 163% !important;
}

.u-wd164per {
	width: 164% !important;
}

.u-wd165per {
	width: 165% !important;
}

.u-wd166per {
	width: 166% !important;
}

.u-wd167per {
	width: 167% !important;
}

.u-wd168per {
	width: 168% !important;
}

.u-wd169per {
	width: 169% !important;
}

.u-wd170per {
	width: 170% !important;
}

.u-wd171per {
	width: 171% !important;
}

.u-wd172per {
	width: 172% !important;
}

.u-wd173per {
	width: 173% !important;
}

.u-wd174per {
	width: 174% !important;
}

.u-wd175per {
	width: 175% !important;
}

.u-wd176per {
	width: 176% !important;
}

.u-wd177per {
	width: 177% !important;
}

.u-wd178per {
	width: 178% !important;
}

.u-wd179per {
	width: 179% !important;
}

.u-wd180per {
	width: 180% !important;
}

.u-wd181per {
	width: 181% !important;
}

.u-wd182per {
	width: 182% !important;
}

.u-wd183per {
	width: 183% !important;
}

.u-wd184per {
	width: 184% !important;
}

.u-wd185per {
	width: 185% !important;
}

.u-wd186per {
	width: 186% !important;
}

.u-wd187per {
	width: 187% !important;
}

.u-wd188per {
	width: 188% !important;
}

.u-wd189per {
	width: 189% !important;
}

.u-wd190per {
	width: 190% !important;
}

.u-wd191per {
	width: 191% !important;
}

.u-wd192per {
	width: 192% !important;
}

.u-wd193per {
	width: 193% !important;
}

.u-wd194per {
	width: 194% !important;
}

.u-wd195per {
	width: 195% !important;
}

.u-wd196per {
	width: 196% !important;
}

.u-wd197per {
	width: 197% !important;
}

.u-wd198per {
	width: 198% !important;
}

.u-wd199per {
	width: 199% !important;
}

.u-wd200per {
	width: 200% !important;
}

.u-min-wd-reset {
	min-width: inherit !important;
}

.u-hgt-auto {
  height: auto !important;
}

.u-mhgt-init {
  max-height: initial !important;
}

@media screen and (orientation: landscape) {

html {
	width: 100%;
}

}

@media screen and (orientation: portrait) {

html {
	width: 100%;
}

}

@media screen and (max-width: 768px) and (min-width: 769px) {

.l-footer .l-fnav .l-fnav__list__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-footer .l-fsnav__list {
	padding-bottom: calc(0px - (((1.6rem * 1.1) - 1.6rem) / 2));
	padding-top: calc(0px - (((1.6rem * 1.1) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-fnav.r-com .l-fnav__list__sublist__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
	padding-bottom: calc(38px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	padding-top: calc(38px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__list__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm__link {
	padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link {
	font-size: 14px;
	-webkit-transition: color .65s ease;
	transition: color .65s ease;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
	right: 21px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link:after {
	content: '';
	position: absolute;
	top: 0;
	left: -200%;
	z-index: 0;
	width: 150%;
	height: 450%;
	border-radius: 50%;
	background-color: #e4002b;
	-webkit-transition: top .65s ease, left .65s ease;
	transition: top .65s ease, left .65s ease;
}

.l-unav--sp .l-unav__list__itm__link {
	padding-bottom: calc(34px - (((1.6rem * 1.7) - 1.6rem) / 2));
	padding-top: calc(34px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.l-gnav__sub__hdg--lv3 {
	margin-top: calc(80px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.l-lnav-accordion__itm {
	padding-bottom: calc(20px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
	padding-top: calc(20px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	padding-bottom: calc(32px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	padding-top: calc(32px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.l-breadcrumb__inner {
	padding-bottom: calc(26px - (((1.46667rem * 1.45455) - 1.46667rem) / 2));
	padding-top: calc(26px - (((1.46667rem * 1.45455) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.l-main__subcontent__title {
	margin-bottom: calc(40px - (((1.6rem * 1.33333) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-paragraph {
	margin-top: calc(60px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-paragraph:first-child {
	margin-top: calc(0px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-hdg--lv1 .r-caption,
.c-hdg--lv2-em .r-caption {
	margin-top: calc(28px - (((1.33333rem * 1.45) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-nav-list__itm {
	margin-bottom: calc(30px - (((2rem * 1.6) - 2rem) / 2));
	margin-top: calc(30px - (((2rem * 1.6) - 2rem) / 2));
	font-size: 2rem;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: calc(10px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-hdg {
	padding-top: calc(20px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list.r-type02 .r-date {
	margin-top: calc(30px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-card-list.r-type02 .r-detail {
	padding-top: calc(20px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-card-list.r-type03 .r-date {
	margin-top: calc(30px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-card-list.r-type03 .r-detail {
	padding-top: calc(20px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-card-list.r-note .r-itm .r-txt {
	margin-top: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: calc(6px - (((1.6rem * 1.5) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: calc(20px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: calc(20px - (((2rem * 1.5) - 2rem) / 2));
	margin-top: calc(20px - (((2rem * 1.5) - 2rem) / 2));
	font-size: 2rem;
}

.c-card-list-media.r-normal .r-hdg {
	padding-bottom: calc(26px - (((1.86667rem * 1.42857) - 1.86667rem) / 2));
	padding-top: calc(26px - (((1.86667rem * 1.42857) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list-media.r-xlarge .r-detail {
	padding-bottom: calc(70px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: calc(25px - (((2.53333rem * 1.7) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list-media.r-recipe .r-hdg {
	margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	margin-top: calc(30px - (((2rem * 1.7) - 2rem) / 2));
	font-size: 2rem;
}

.c-card-list-pickup .r-hdg {
	margin-bottom: calc(20px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	margin-top: calc(20px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-prod-list .r-img + .r-hdg {
	margin-top: calc(40px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-prod-list .r-hdg {
	margin-top: calc(20px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tab-list-type02__navi .r-hdg {
	padding-bottom: calc(20px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(20px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tab-list-accordion .r-hdg {
	padding-bottom: calc(40px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	padding-top: calc(40px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-recipe-calendar-hdg .r-detail {
	margin-top: calc(-30px - (((1.6rem * 2) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-recipe-calendar-list .r-hdg {
	padding-bottom: calc(18px - (((1.86667rem * 1.42857) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-recipe-calendar-list .r-txt {
	margin-top: calc(28px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-detail-visual-main__txt {
	padding-top: calc(30px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-detail-visual-list .r-caption {
	margin-top: calc(0px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: calc(28px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: calc(28px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl__head {
	padding-bottom: calc(18px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	padding-top: calc(18px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl__data {
	padding-bottom: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	padding-top: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl__clonehead {
	padding-bottom: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	padding-top: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl__caption {
	padding-bottom: calc(30px - (((1.6rem * 1.7) - 1.6rem) / 2));
	padding-top: calc(30px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-tbl.r-type02 .c-tbl__data {
	padding-bottom: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	padding-top: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: calc(28px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	padding-top: calc(28px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-tbl.r-type04 .c-tbl__head {
	padding-bottom: calc(50px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	padding-top: calc(50px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-tbl.r-type04 .c-tbl__data {
	padding-bottom: calc(50px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	padding-top: calc(50px - (((1.86667rem * 1.28571) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-form-err__txt {
	padding-bottom: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	padding-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-form-textbox input {
	padding-bottom: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	padding-top: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

.c-form-textbox input:focus {
	padding-bottom: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	padding-top: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

.c-form-select select {
	padding-bottom: calc(30px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
	padding-top: calc(30px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

.c-form-textarea textarea {
	padding-bottom: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	padding-top: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

.c-form-textarea textarea:focus {
	padding-bottom: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	padding-top: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
	font-size: 2.13333rem;
}

._mov_box h2 {
	margin-bottom: calc(60px - (((2.53333rem * 1.5) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.c-sendmail-qrarea__hdg {
	margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-news-list .r-hdg-group + .r-itms {
	margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-news-list .r-hdg--lv3 {
	margin-top: calc(0px - (((2.53333rem * 1.7) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.c-news-list .r-notice {
	margin-bottom: calc(14px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-news-list.r-normal .r-itm {
	padding-bottom: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
	padding-top: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-news-list.r-type02 .r-itm {
	padding-bottom: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
	padding-top: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-news-list.r-type02 .r-date {
	margin-bottom: calc(14px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-news-list.r-type03 .r-itm {
	padding-bottom: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
	padding-top: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.c-news-list.r-type03 .r-date {
	margin-bottom: calc(14px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-inquiry-compmessage {
	padding-bottom: calc(54px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	padding-top: calc(54px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-txt-link.is-first-margin {
	margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: calc(60px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-txt-link.is-space {
	margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-txt-link.is-small.is-space {
	margin-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-txt-link.is-space.is-first-margin {
	margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.c-txt-link.is-space.is-small.is-first-margin {
	margin-top: calc(60px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.p-top-emergency .r-itm {
	padding-bottom: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
	padding-top: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-main__data {
	padding-top: calc(30px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-main__data .r-itm {
	padding-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: calc(30px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-list__block > .r-hdg {
	margin-top: calc(0px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-list__list {
	margin-top: calc(30px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-list__list.r-type02 > .r-itm {
	margin-top: calc(40px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-list__note {
	margin-top: calc(26px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-prod-info-sns {
	margin-top: calc(40px - (((1.86667rem * 2) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: calc(0px - (((1.86667rem * 1.4) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-info {
	margin-top: calc(10px - (((1.46667rem * 1.4) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: calc(15px - (((1.46667rem * 1.5) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.c-detail-use-itm__list .r-product {
	padding-bottom: calc(40px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
	padding-top: calc(40px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	margin-top: calc(100px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: calc(34px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: calc(30px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: calc(390px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	margin-top: calc(100px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: calc(34px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: calc(38px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: calc(14px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	padding-top: calc(14px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: calc(36px - (((2rem * 1.7) - 2rem) / 2));
	font-size: 2rem;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: calc(0px - (((3.2rem * 1.7) - 3.2rem) / 2));
	margin-top: calc(0px - (((3.2rem * 1.7) - 3.2rem) / 2));
	font-size: 3.2rem;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: calc(40px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.p-recipe-cat-mv__inner .r-lead {
	margin-top: calc(35px - (((1.86667rem * 1.6) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-recipe-weekly-lead__txt {
	margin-top: calc(30px - (((1.86667rem * 1.6) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: calc(45px - (((3.2rem * 1.48) - 3.2rem) / 2));
	font-size: 3.2rem;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: calc(49px - (((1.86667rem * 1.42) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: calc(15px - (((1.46667rem * 1.5) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.p-basic-salad-mv .r-lead {
	margin-top: calc(45px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: calc(48px - (((2.53333rem * 1.3) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	margin-top: calc(40px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	padding-top: calc(48px - (((2.53333rem * 1.3) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	margin-top: calc(40px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: calc(25px - (((1.6rem * 1.7) - 1.6rem) / 2));
	font-size: 1.6rem;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-hdg {
	margin-bottom: calc(26px - (((2rem * 1.5) - 2rem) / 2));
	margin-top: calc(26px - (((2rem * 1.5) - 2rem) / 2));
	font-size: 2rem;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:last-child .r-txt p {
	margin-top: calc(50px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-txt p {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	margin-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
	font-size: 1.86667rem;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: calc(25px - (((1.46667rem * 1.5) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

.p-vegefirst-modal__itm .r-note li {
	margin-top: calc(45px - (((1.46667rem * 1.5) - 1.46667rem) / 2));
	font-size: 1.46667rem;
}

}

@media screen and (min-width: 769px) and (max-width: 1039px) {

html {
	overflow-x: visible;
	min-width: 1079px;
}

}

@media screen and (min-width: 769px) and (max-width: 768px) {

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	margin-top: 1.56667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-footer .l-fsnav__list {
	padding-bottom: 5.07333vw;
	padding-top: 5.07333vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	padding-bottom: 1.3vw;
	padding-top: 1.3vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-gnav--pc .l-gnav__list__itm__link {
	padding-bottom: 2.06667vw;
	padding-top: 2.06667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
	padding-bottom: 0vw;
	padding-top: 0vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
	padding-bottom: 0.26667vw;
	padding-top: 0.26667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.l-gnav__sub__hdg--lv2 {
	margin-bottom: 3.9vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.l-gnav__sub__hdg--lv3 {
	margin-top: -0.93333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.l-gnav__sub__hdg--lv3 {
	margin-bottom: 3.06667vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.l-gnav__pnllist .r-hdg {
	margin-bottom: 1.3vw;
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.l-gnav__pnllist-bnr .r-hdg {
	margin-bottom: 1.61333vw;
	margin-top: 1.61333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.l-unav__sub__hdg--lv2 {
	margin-bottom: 1.06667vw;
	margin-top: 1.06667vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.l-unav__pnllist-bnr .r-hdg {
	margin-bottom: 1.61333vw;
	margin-top: 1.61333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	padding-bottom: 1.86667vw;
	padding-top: 1.86667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.l-main.r-type02 .l-breadcrumb__inner {
	padding-top: 1.53333vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-main.r-type02 .l-breadcrumb__inner {
	padding-bottom: 7.13333vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.l-main__subcontent__title {
	margin-bottom: 2vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.c-paragraph {
	margin-top: 3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-paragraph:first-child {
	margin-top: -1vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-hdg--lv1,
.c-hdg--lv2-em {
	margin-bottom: -0.88vw;
	margin-top: -0.88vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.l-main.r-type02 .c-hdg--lv1,
.l-main.r-type02 .c-hdg--lv2-em {
	margin-bottom: -0.66vw;
	margin-top: -0.66vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv1.r-longsentence,
.c-hdg--lv2-em.r-longsentence {
	margin-bottom: -0.66vw;
	margin-top: -0.66vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv1.r-longsentence--pc,
.c-hdg--lv2-em.r-longsentence--pc {
	margin-bottom: -0.66vw;
	margin-top: -0.66vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv2 {
	margin-bottom: -0.66vw;
	margin-top: -0.66vw;
	font-size: 15px;
	font-size: 4vw;
}

.l-main.r-type02 .c-hdg--lv2 {
	margin-bottom: -1.16667vw;
	margin-top: -1.16667vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.c-hdg--lv3 {
	margin-bottom: -1.16667vw;
	margin-top: -1.16667vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.c-hdg--lv4 {
	margin-bottom: -0.93333vw;
	margin-top: -0.93333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-hdg--lv5 {
	margin-bottom: -0.74667vw;
	margin-top: -0.74667vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.c-nav-list__itm {
	margin-bottom: 3.4vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.c-anchor-nav__itm {
	margin-top: -0.2vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.l-main.r-type02 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: 4.86667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.l-main--fullwidth .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: 4.86667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: -0.2vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+6) {
	margin-top: 4.86667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-detail {
	margin-top: 1.43333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-badge + .r-hdg {
	margin-top: 1.56667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-badge + .r-txt {
	padding-top: 2.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-date {
	margin-top: 2.06vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.c-card-list .r-hdg.r-simple {
	padding-top: 1.16vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.c-card-list .r-hdg.r-simple + .r-txt {
	margin-top: 0.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-hdg + .r-txt {
	margin-top: 1.43333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: -0.03333vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: 2.16667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: 0.83333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list-media__note .r-inner {
	padding-bottom: 1.34667vw;
	padding-top: 1.34667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.c-card-list-media.r-normal .r-hdg {
	padding-bottom: 1.4vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list-media.r-xlarge .r-badge + .r-hdg {
	margin-top: 2.22667vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: -0.9vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list-media.r-recipe .r-hdg {
	margin-top: -0.84vw;
	margin-bottom: -0.84vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	margin-top: 1.82667vw;
	margin-bottom: -0.84vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.c-card-list-media .r-txt {
	padding-top: 1.8vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.c-card-list-pickup .r-hdg {
	margin-top: 2.33333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-prod-list .r-itm-inner + .r-hdg {
	margin-top: 0.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-prod-list .r-itm-inner + .r-txt {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-prod-list .r-hdg {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tab-list__itm > a {
	padding-bottom: 1.16vw;
	padding-top: 1.16vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.c-tab-list-type02__navi .r-hdg {
	padding-bottom: 0.83333vw;
	padding-top: 0.83333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:after {
	width: 6px;
	width: 1.6vw;
	height: 6px;
	height: 1.6vw;
}

.c-recipe-calendar-hdg .r-copy {
	margin-top: -1.33333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-recipe-calendar-hdg .r-detail {
	margin-top: -7.73333vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.c-recipe-calendar-list .r-hdg {
	padding-bottom: 1.03333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-recipe-calendar-list .r-txt {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-main__data {
	padding-bottom: 4.63333vw;
	padding-top: 4.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.r-normal .c-detail-visual-main__data {
	padding-bottom: 3.3vw;
	padding-top: 3.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-main__txt {
	padding-top: 1.66667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-list li {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-list.r-type02 .r-hdg {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-list.r-type02 .r-txt {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-list.r-type03 .r-hdg {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-visual-list.r-type03 .r-txt {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tbl__caption {
	padding-bottom: 2.10667vw;
	padding-top: 2.10667vw;
	font-size: 6px;
	font-size: 1.6vw;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: 1.96667vw;
	padding-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tbl.r-type04 .c-tbl__head {
	padding-bottom: 2vw;
	padding-top: 2vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.c-tbl.r-type04 .c-tbl__data {
	padding-bottom: 2.06667vw;
	padding-top: 2.06667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tbl.r-type-form .c-tbl__data {
	padding-bottom: 1.96667vw;
	padding-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-form-err__txt {
	padding-bottom: 1.12667vw;
	padding-top: 1.12667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.c-form-textarea textarea {
	padding-bottom: 0.93333vw;
	padding-top: 0.93333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.c-form-textarea textarea:focus {
	padding-bottom: 0.8vw;
	padding-top: 0.8vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.c-badges + .r-hdg {
	margin-top: 0.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-badges + .r-txt {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

._mov_box h2 {
	margin-bottom: 4.16667vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.c-sendmail-qrarea__hdg {
	margin-top: -0.7vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-sendmail-qrarea__txt {
	margin-top: 2.26667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.c-news-list .r-itm {
	padding-bottom: 1.7vw;
	padding-top: 1.7vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-news-list .r-hdg--lv3 {
	margin-top: -1.16667vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
}

.c-news-list.r-type03 .r-hdg {
	margin-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-txt-link.is-first-margin {
	margin-top: 3.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: 3.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-txt-link.is-space {
	margin-top: 1.96667vw;
	margin-bottom: -0.7vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-txt-link.is-small.is-space {
	margin-top: 2.01333vw;
	margin-bottom: -0.65333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.c-txt-link.is-space.is-first-margin {
	margin-top: 3.3vw;
	margin-bottom: -0.7vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-txt-link.is-space.is-small.is-first-margin {
	margin-top: 3.34667vw;
	margin-bottom: -0.65333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-top-emergency .r-itm {
	padding-bottom: 2.66667vw;
	padding-top: 2.66667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-prod-info-main__description {
	margin-top: -0.73333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-badges + .p-prod-info-main__description {
	margin-top: 3.26667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-prod-info-main__data {
	padding-top: 3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-prod-info-main__data .r-itm:nth-child(n+3) {
	padding-top: 1.3vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: 1.33333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.p-prod-info-list__block > .r-hdg {
	margin-top: -1.33333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: -0.5vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: 2.49333vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: 1.34667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-products-new-list__category .r-detail {
	margin-top: -1vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-products-new-list .r-hdg {
	margin-top: 5.73333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: 2.56667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	margin-top: 8.8vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: 6.01333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: 2.13333vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: 1.66667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	margin-top: 8.8vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: 6.01333vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: 2.13333vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual--detail .r-txt {
	margin-top: 1.66667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-recipes-nav__itm > a,
.p-recipes-nav__itm > span {
	padding-bottom: 0.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: 0.56667vw;
	padding-top: 0.56667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: 2.12vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: -1.86667vw;
	margin-top: -1.86667vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: 1.96667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: -0.66vw;
	margin-top: -0.66vw;
	font-size: 15px;
	font-size: 4vw;
}

.p-recipe-cat-mv__inner .r-lead {
	margin-top: 2.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-recipe-weekly-lead__txt {
	margin-top: 1.80667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: 3.6vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: 6.73333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: 2.49333vw;
	font-size: 9px;
	font-size: 2.4vw;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: 1.34667vw;
	font-size: 7px;
	font-size: 1.86667vw;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: 5.33333vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-basic-salad-mv .r-hdg {
	padding-top: 5.33333vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-basic-salad-mv .r-lead {
	margin-top: 3.70667vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: 4.4vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	margin-top: 3.46667vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	padding-top: 4vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	margin-top: 3.46667vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: 2.63333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-txt {
	margin-top: 1.66667vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-sodateru-detail-2col .r-txtbox p {
	margin-top: -0.7vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: 2.13333vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: 2.13333vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: 2.13333vw;
	font-size: 8px;
	font-size: 2.13333vw;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	margin-top: 1.5vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: 4.33333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: 2.33333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.p-vegefirst-modal__itm .r-note {
	margin-top: 5.56667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

}

@media screen and (min-width: 769px) and (min-width: 769px), print {

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	margin-top: calc(15px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-footer .l-fsnav__list {
	padding-bottom: calc(40px - (((0.86667rem * 1.3) - 0.86667rem) / 2));
	padding-top: calc(40px - (((0.86667rem * 1.3) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	padding-bottom: calc(13px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
	padding-top: calc(13px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-gnav--pc .l-gnav__list__itm:hover .l-gnav__sub {
	max-height: 1400px;
	opacity: 1;
	-webkit-transition: max-height .1s .2s, opacity .5s .4s;
	transition: max-height .1s .2s, opacity .5s .4s;
}

.l-gnav--pc .l-gnav__list__itm:hover .l-gnav__list__itm__link:after {
	height: 2px;
}

.is-user-tabbing .l-gnav--pc .l-gnav__list__itm:focus-within .l-gnav__sub {
	max-height: 1400px;
	opacity: 1;
	-webkit-transition: max-height .1s .2s, opacity .5s .4s;
	transition: max-height .1s .2s, opacity .5s .4s;
}

.is-user-tabbing .l-gnav--pc .l-gnav__list__itm:focus-within .l-gnav__list__itm__link:after {
	height: 2px;
}

.is-user-tabbing .l-gnav--pc .l-gnav__list__itm.is-focus-within .l-gnav__sub {
	max-height: 1400px;
	opacity: 1;
	-webkit-transition: max-height .1s .2s, opacity .5s .4s;
	transition: max-height .1s .2s, opacity .5s .4s;
}

.is-user-tabbing .l-gnav--pc .l-gnav__list__itm.is-focus-within .l-gnav__list__itm__link:after {
	height: 2px;
}

.l-gnav--pc .l-gnav__list__itm__link {
	padding-bottom: calc(22px - (((0.86667rem * 2) - 0.86667rem) / 2));
	padding-top: calc(22px - (((0.86667rem * 2) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-gnav--pc .l-gnav__list__itm__link.r-blank > span {
	position: relative;
	padding-right: 14px;
}

.l-gnav--pc .l-gnav__list__itm__link.r-blank > span:before,
.l-gnav--pc .l-gnav__list__itm__link.r-blank > span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 6px;
	height: 6px;
}

.l-gnav--pc .l-gnav__list__itm__link.r-blank > span:after {
	right: -2px;
	margin-top: -6px;
	border: 1px solid #555;
}

.l-gnav--pc .l-gnav__list__itm__link.r-blank > span:before {
	right: 2px;
	margin-top: -2px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
	padding-bottom: calc(9px - (((1.2rem * 2) - 1.2rem) / 2));
	padding-top: calc(9px - (((1.2rem * 2) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
	padding-bottom: calc(9px - (((0.93333rem * 2) - 0.93333rem) / 2));
	padding-top: calc(9px - (((0.93333rem * 2) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.l-gnav__sub__hdg--lv2 {
	margin-bottom: calc(38px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.l-gnav__sub__hdg--lv3 {
	margin-top: calc(0px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.l-gnav__sub__hdg--lv3 {
	margin-bottom: calc(30px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.l-gnav__pnllist .r-hdg {
	margin-bottom: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.l-gnav__pnllist-bnr .r-hdg {
	margin-bottom: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	margin-top: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.l-unav__sub__hdg--lv2 {
	margin-bottom: calc(15px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	margin-top: calc(15px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.l-unav__pnllist-bnr .r-hdg {
	margin-bottom: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	margin-top: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	padding-bottom: calc(20px - (((0.93333rem * 1.85714) - 0.93333rem) / 2));
	padding-top: calc(20px - (((0.93333rem * 1.85714) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.l-main.r-type02 .l-breadcrumb__inner {
	padding-top: calc(18px - (((0.86667rem * 2) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-main.r-type02 .l-breadcrumb__inner {
	padding-bottom: calc(60px - (((0.86667rem * 2) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.l-main__subcontent__title {
	margin-bottom: calc(21px - (((1.2rem * 1.66667) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.c-mainvisual--detail .r-itm[aria-hidden="true"] img {
	opacity: .7;
}

.l-simple-header__sub .r-logout a:hover,
.l-simple-header__sub .r-logout a:active,
.l-simple-header__sub .r-logout a:focus {
	color: #fff !important;
	-webkit-transition: color .5s ease .08s !important;
	transition: color .5s ease .08s !important;
}

.l-simple-header__sub .r-logout a:hover:after,
.l-simple-header__sub .r-logout a:active:after,
.l-simple-header__sub .r-logout a:focus:after {
	top: -100% !important;
	left: -20% !important;
}

.c-paragraph {
	margin-top: calc(30px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.c-paragraph:first-child {
	margin-top: calc(0px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.c-hdg--lv1,
.c-hdg--lv2-em {
	margin-bottom: calc(0px - (((2.66667rem * 1.33) - 2.66667rem) / 2));
	margin-top: calc(0px - (((2.66667rem * 1.33) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.l-main.r-type02 .c-hdg--lv1,
.l-main.r-type02 .c-hdg--lv2-em {
	margin-bottom: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	margin-top: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	font-size: 2rem;
}

.c-hdg--lv1.r-longsentence,
.c-hdg--lv2-em.r-longsentence {
	margin-bottom: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	margin-top: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	font-size: 2rem;
}

.c-hdg--lv1.r-longsentence--pc,
.c-hdg--lv2-em.r-longsentence--pc {
	margin-bottom: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	margin-top: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	font-size: 2rem;
}

.c-hdg--lv2 {
	margin-bottom: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	margin-top: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	font-size: 2rem;
}

.l-main.r-type02 .c-hdg--lv2 {
	margin-bottom: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	margin-top: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.c-hdg--lv3 {
	margin-bottom: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	margin-top: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.c-hdg--lv4 {
	margin-bottom: calc(0px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	margin-top: calc(0px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-hdg--lv5 {
	margin-bottom: calc(0px - (((1.06667rem * 1.7) - 1.06667rem) / 2));
	margin-top: calc(0px - (((1.06667rem * 1.7) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.c-nav-list__itm {
	margin-bottom: calc(30px - (((1.06667rem * 1.5625) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.c-anchor-nav__itm {
	margin-top: calc(0px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.l-main.r-type02 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: calc(38px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.l-main--fullwidth .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: calc(38px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: calc(0px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+6) {
	margin-top: calc(38px - (((1rem * 1.2) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-detail {
	margin-top: calc(16px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-badge + .r-hdg {
	margin-top: calc(17px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-badge + .r-txt {
	padding-top: calc(25px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-date {
	margin-top: calc(20px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.c-card-list .r-hdg.r-simple {
	padding-top: calc(15px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.c-card-list .r-hdg.r-simple + .r-txt {
	margin-top: calc(10px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list .r-hdg + .r-txt {
	margin-top: calc(16px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: calc(3px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: calc(20px - (((1rem * 1.5) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: calc(10px - (((1rem * 1.5) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list-media__note .r-inner {
	padding-bottom: calc(15px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	padding-top: calc(15px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.c-card-list-media.r-normal .r-hdg {
	padding-bottom: calc(13px - (((1rem * 1.33333) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list-media.r-xlarge .r-badge + .r-hdg {
	margin-top: calc(30px - (((2.53333rem * 1.7) - 2.53333rem) / 2));
	font-size: 2.53333rem;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: calc(2px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-card-list-media.r-recipe .r-hdg {
	margin-top: calc(0px - (((1.2rem * 1.7) - 1.2rem) / 2));
	margin-bottom: calc(0px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	margin-top: calc(20px - (((1.2rem * 1.7) - 1.2rem) / 2));
	margin-bottom: calc(0px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.c-card-list-media .r-txt {
	padding-top: calc(19px - (((0.86667rem * 1.84615) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.c-card-list-pickup .r-hdg {
	margin-top: calc(20px - (((1rem * 1.33333) - 1rem) / 2));
	font-size: 1rem;
}

.c-panel-list__itm__link:hover .c-panel-list__itm__img,
.c-panel-list__itm__link:active .c-panel-list__itm__img,
.c-panel-list__itm__link:focus .c-panel-list__itm__img {
	-webkit-transform: scale(1.15) translate(-1%);
	transform: scale(1.15) translate(-1%);
}

.c-prod-list .r-itm-inner + .r-hdg {
	margin-top: calc(10px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-prod-list .r-itm-inner + .r-txt {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-prod-list .r-hdg {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-tab-list__itm > a {
	padding-bottom: calc(15px - (((1.2rem * 1.7) - 1.2rem) / 2));
	padding-top: calc(15px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.c-tab-list-type02__navi .r-hdg {
	padding-bottom: calc(10px - (((1rem * 1.5) - 1rem) / 2));
	padding-top: calc(10px - (((1rem * 1.5) - 1rem) / 2));
	font-size: 1rem;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:after {
	width: 8px;
	height: 8px;
}

.c-recipe-calendar-hdg .r-copy {
	margin-top: calc(0px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.c-recipe-calendar-hdg .r-detail {
	margin-top: calc(-50px - (((1.06667rem * 2) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.c-recipe-calendar-list .r-hdg {
	padding-bottom: calc(13px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-recipe-calendar-list .r-txt {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-main__data {
	padding-bottom: calc(40px - (((1rem * 1.7) - 1rem) / 2));
	padding-top: calc(40px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.r-normal .c-detail-visual-main__data {
	padding-bottom: calc(30px - (((1rem * 1.7) - 1rem) / 2));
	padding-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-main__txt {
	padding-top: calc(20px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-list li {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-list.r-type02 .r-hdg {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-list.r-type02 .r-txt {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-list.r-type03 .r-hdg {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-visual-list.r-type03 .r-txt {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-tbl__caption {
	padding-bottom: calc(20px - (((0.8rem * 1.7) - 0.8rem) / 2));
	padding-top: calc(20px - (((0.8rem * 1.7) - 0.8rem) / 2));
	font-size: 0.8rem;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-tbl.r-type04 .c-tbl__head {
	padding-bottom: calc(20px - (((0.93333rem * 1.71429) - 0.93333rem) / 2));
	padding-top: calc(20px - (((0.93333rem * 1.71429) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.c-tbl.r-type04 .c-tbl__data {
	padding-bottom: calc(20px - (((1rem * 1.6) - 1rem) / 2));
	padding-top: calc(20px - (((1rem * 1.6) - 1rem) / 2));
	font-size: 1rem;
}

.c-tbl.r-type-form .c-tbl__data {
	padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-form-err__txt {
	padding-bottom: calc(13px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
	padding-top: calc(13px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.c-form-textarea textarea {
	padding-bottom: calc(15px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
	padding-top: calc(15px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.c-form-textarea textarea:focus {
	padding-bottom: calc(14px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
	padding-top: calc(14px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.c-badges + .r-hdg {
	margin-top: calc(10px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-badges + .r-txt {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

._mov_box h2 {
	margin-bottom: calc(40px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.c-sendmail-qrarea__hdg {
	margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-sendmail-qrarea__txt {
	margin-top: calc(20px - (((0.86667rem * 1.46154) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

.c-news-list .r-itm {
	padding-bottom: calc(18px - (((1rem * 1.7) - 1rem) / 2));
	padding-top: calc(18px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-news-list .r-hdg--lv3 {
	margin-top: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
	font-size: 1.66667rem;
}

.c-news-list.r-type03 .r-hdg {
	margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-txt-link.is-first-margin {
	margin-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-txt-link.is-space {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-txt-link.is-small.is-space {
	margin-top: calc(20px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.c-txt-link.is-space.is-first-margin {
	margin-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
	margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-txt-link.is-space.is-small.is-first-margin {
	margin-top: calc(30px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-top-emergency .r-itm {
	padding-bottom: calc(25px - (((0.93333rem * 1.71429) - 0.93333rem) / 2));
	padding-top: calc(25px - (((0.93333rem * 1.71429) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-prod-info-main__description {
	margin-top: calc(0px - (((1rem * 1.73333) - 1rem) / 2));
	font-size: 1rem;
}

.c-badges + .p-prod-info-main__description {
	margin-top: calc(30px - (((1rem * 1.73333) - 1rem) / 2));
	font-size: 1rem;
}

.p-prod-info-main__data {
	padding-top: calc(30px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-prod-info-main__data .r-itm:nth-child(n+3) {
	padding-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: calc(20px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.p-prod-info-list__block > .r-hdg {
	margin-top: calc(0px - (((1.33333rem * 2) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: calc(0px - (((1.2rem * 1.41667) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: calc(25px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: calc(15px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-products-new-list__category .r-detail {
	margin-top: calc(0px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-products-new-list .r-hdg {
	margin-top: calc(50px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
	font-size: 1.33333rem;
}

.p-products-new-list__products__itm a:hover .r-txt {
	text-decoration: underline;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: calc(24.5px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	margin-top: calc(80px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: calc(50px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: calc(30px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: calc(20px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	margin-top: calc(80px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: calc(50px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: calc(30px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-ing-basicinfo-mainvisual--detail .r-txt {
	margin-top: calc(20px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-recipes-nav__itm > a,
.p-recipes-nav__itm > span {
	padding-bottom: calc(10px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: calc(8px - (((1rem * 1.5) - 1rem) / 2));
	padding-top: calc(8px - (((1rem * 1.5) - 1rem) / 2));
	font-size: 1rem;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: calc(25px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
	font-size: 1.73333rem;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: calc(0px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	margin-top: calc(0px - (((2.66667rem * 1.7) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	margin-top: calc(0px - (((2rem * 1.33) - 2rem) / 2));
	font-size: 2rem;
}

.p-recipe-cat-mv__inner .r-lead {
	margin-top: calc(25px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-recipe-weekly-lead__txt {
	margin-top: calc(20px - (((1rem * 1.86) - 1rem) / 2));
	font-size: 1rem;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: calc(34px - (((2.66667rem * 1.35) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: calc(58px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: calc(25px - (((1.2rem * 1.7) - 1.2rem) / 2));
	font-size: 1.2rem;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: calc(15px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
	font-size: 0.93333rem;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: calc(40px - (((2.66667rem * 1) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-basic-salad-mv .r-hdg {
	padding-top: calc(40px - (((2.66667rem * 1) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-basic-salad-mv .r-lead {
	margin-top: calc(35px - (((1.06667rem * 1.9) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: calc(43px - (((2.66667rem * 1.5) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	margin-top: calc(30px - (((1.06667rem * 1.5) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	padding-top: calc(40px - (((2.66667rem * 1.5) - 2.66667rem) / 2));
	font-size: 2.66667rem;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	margin-top: calc(30px - (((1.06667rem * 1.5) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: calc(25px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-txt {
	margin-top: calc(20px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-sodateru-detail-2col .r-txtbox p {
	margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
	font-size: 1rem;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: calc(20px - (((1.06667rem * 1.5) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: calc(20px - (((1.06667rem * 1.5) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: calc(20px - (((1.06667rem * 1.5) - 1.06667rem) / 2));
	font-size: 1.06667rem;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	margin-top: calc(15px - (((1rem * 1.5) - 1rem) / 2));
	font-size: 1rem;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: calc(40px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: calc(25px - (((1rem * 2) - 1rem) / 2));
	font-size: 1rem;
}

.p-vegefirst-modal__itm .r-note {
	margin-top: calc(45px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
	font-size: 0.86667rem;
}

}

.c-mainvisual--top .r-itm.r-blank a:after {
	content: '';
	display: block;
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat left top;
}

@media screen and (min-width: 769px), print {

html {
	font-size: 15px;
}

a {
	-webkit-transition: color .2s;
	transition: color .2s;
}

sub {
	font-size: 10px;
}

sup {
	font-size: 0.8em;
}

.l-footer {
	margin-top: 80px;
}

.l-footer__unav {
	display: none;
}

.l-footer .l-footer__main__inner {
	width: 1040px;
	margin: 0 auto;
	padding-top: 198px;
}

.l-footer .l-footer__search {
	position: absolute;
	top: 84px;
	left: 0;
	z-index: 1;
}

.l-footer .l-footer__search__input {
	width: 331px;
	height: 40px;
	padding-left: 30px;
	color: #b8b8b8;
	font-size: 13px;
	border: none;
	border-radius: 20px;
	background-color: #fff;
}

.l-footer .l-footer__search__input:-moz-placeholder,
.l-footer .l-footer__search__input::-moz-placeholder {
	line-height: 40px;
}

.l-footer .l-footer__search__btn {
	position: absolute;
	top: 12px;
	right: 30px;
	z-index: 2;
	width: 17px;
	height: 15px;
	border: none;
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_search-01.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	background-color: transparent;
}

.l-footer .l-footer-btn-list {
	top: 84px;
	right: 0;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm {
	width: 242px;
	height: 40px;
	margin-left: 24px;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link {
	font-size: 14px;
	-webkit-transition: color .65s ease;
	transition: color .65s ease;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
	right: 21px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:after {
	content: '';
	position: absolute;
	top: 0;
	left: -200%;
	z-index: 0;
	width: 150%;
	height: 450%;
	border-radius: 50%;
	background-color: #e4002b;
	-webkit-transition: top .65s ease, left .65s ease;
	transition: top .65s ease, left .65s ease;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link {
	font-size: 14px;
	-webkit-transition: color .65s ease;
	transition: color .65s ease;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:after {
	content: '';
	position: absolute;
	top: 0;
	left: -200%;
	z-index: 0;
	width: 150%;
	height: 450%;
	border-radius: 50%;
	background-color: #e4002b;
	-webkit-transition: top .65s ease, left .65s ease;
	transition: top .65s ease, left .65s ease;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before,
.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	width: 8px;
	height: 8px;
	-webkit-transition: border-color .4s ease;
	transition: border-color .4s ease;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
	right: 24px;
	margin-top: 0px;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	right: 21px;
	margin-top: -4px;
}

.l-footer .l-footer-btn-list__itm__link:hover {
	color: #fff;
	-webkit-transition: color .5s ease .08s;
	transition: color .5s ease .08s;
}

.l-footer .l-footer-btn-list__itm__link:hover:before {
	border-color: #fff;
	-webkit-transition: border-color .4s ease .185s;
	transition: border-color .4s ease .185s;
}

.l-footer .l-footer-btn-list__itm__link:hover:after {
	top: -100%;
	left: -20%;
}

.l-footer .l-footer-btn-list__itm__link:hover .l-footer-btn-list__itm__cnt:before,
.l-footer .l-footer-btn-list__itm__link:hover .l-footer-btn-list__itm__cnt:after {
	border-color: #fff;
	-webkit-transition: border-color .4s ease .185s;
	transition: border-color .4s ease .185s;
}

.l-footer .l-funav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 80px;
	margin-bottom: 46px;
	border-left: 1px solid #ddd;
}

.l-footer .l-funav__list .l-funav__list__itm {
	width: 16.66%;
	border-right: 1px solid #ddd;
}

.l-footer .l-funav__list .l-funav__list__itm__link {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	font-weight: bold;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position-x: center;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-1line {
	padding-top: 58px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-2line {
	padding-top: 52px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-customer {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_customer01.svg);
	background-position-y: 4px;
	background-size: 27px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-customer:hover {
	background-image: url(/assets/img/layout/footer/ico_ftr_customer01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-campaign {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_campaign01.svg);
	background-position-y: 4px;
	background-size: 36px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-campaign:hover {
	background-image: url(/assets/img/layout/footer/ico_ftr_campaign01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-recipes {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_recipes01.svg);
	background-position-y: 4px;
	background-size: 27px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-recipes:hover {
	background-image: url(/assets/img/layout/footer/ico_ftr_recipes01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-promotion {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_promotion01.svg);
	background-position-y: 4px;
	background-size: 31px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-promotion:hover {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_promotion01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-openkitchen {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_openkitchen01.svg);
	background-position-y: 4px;
	background-size: 39px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-openkitchen:hover {
	background-image: url(/assets/img/layout/footer/ico_ftr_openkitchen01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-mayoterrace {
	background-image: url(https://img.kewpie.co.jp/assets/img/layout/footer/ico_ftr_mayoterrace01.svg);
	background-position-y: 4px;
	background-size: 17px auto;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-mayoterrace:hover {
	background-image: url(/assets/img/layout/footer/ico_ftr_mayoterrace01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-contact {
	background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_contact-01.svg);
	background-position-y: 10px;
	background-size: 30px 22px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-contact:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_contact-01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-ir-doc {
	background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_ir-doc-01.svg);
	background-position-y: 3px;
	background-size: 29px 24px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-ir-doc:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_ir-doc-01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-settle-brief {
	background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_settle-brief-01.svg);
	background-position-y: 0;
	background-size: 28px 34px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-settle-brief:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_settle-brief-01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-annual {
	background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_annual-01.svg);
	background-position-y: 0;
	background-size: 33px 33px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-annual:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_annual-01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-financial {
	background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_financial-01.svg);
	background-position-y: 0;
	background-size: 43px 24px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-financial:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_financial-01_on.svg);
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-social-environment {
	background-image: url(/assets/img/layout/footer/ico_footer_social-environment-01.svg);
	background-position-y: 0;
	background-size: 28px 34px;
}

.l-footer .l-funav__list .l-funav__list__itm__link.r-social-environment:hover {
	background-image: url(/assets/img/layout/footer/ico_footer_social-environment-01_on.svg);
}

.l-footer .l-fnav-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding: 40px 0 100px;
	border-top: 1px solid #c2c2c2;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.l-footer .l-fnav-wrap.r-other .l-fnav .l-fnav__itm {
	box-sizing: border-box;
	padding-right: 50px;
}

.l-footer .l-fnav-wrap.r-other .l-fnav .l-fnav__itm:nth-child(3) .l-fnav__list__sublist {
	display: none;
}

.l-footer .l-fnav-wrap.r-prouse .l-fnav .l-fnav__itm {
	box-sizing: border-box;
	padding-right: 50px;
}

.l-footer .l-fnav-wrap.r-carefood .l-fnav .l-fnav__itm {
	box-sizing: border-box;
	padding-right: 50px;
}

.l-footer .l-fnav-wrap.r-finechemical .l-fnav .l-fnav__itm {
	box-sizing: border-box;
	padding-right: 40px;
}

.l-footer .l-fnav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 690px;
}

.l-footer .l-fnav__itm .l-fnav__list:last-child .l-fnav__list__sublist {
	margin-bottom: 0px;
}

.l-footer .l-fnav .l-fnav__list__itm__link {
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	display: block;
}

.l-footer .l-fnav .l-fnav__list__itm__link:hover {
	text-decoration: underline;
	color: #e4002b;
}

.l-footer .l-fnav .l-fnav__list__itm__link:hover[target="_blank"] span {
	position: relative;
	padding-right: 1.2em;
}

.l-footer .l-fnav .l-fnav__list__itm__link:hover[target="_blank"] span:before {
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-footer .l-fnav .l-fnav__list__itm__link:hover[target="_blank"] span:after {
	border: 1px solid #e4002b;
}

.l-footer .l-fnav .l-fnav__list__sublist {
	display: block;
	margin-bottom: 50px;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	display: block;
	margin-top: 11.75px;
	line-height: 1.5;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link:hover {
	text-decoration: underline;
	color: #e4002b;
}

.l-footer .l-fnav-bnr {
	width: 350px;
	right: 0;
	bottom: 20px;
}

.l-footer .l-fnav-bnr__itm {
	width: 165px;
}

/*.l-footer .l-fnav-bnr__itm:nth-child(n+4) {
	margin-top: 13px;
}*/

.l-footer .l-fnav-bnr__itm:nth-child(3n-2):nth-last-child(2) {
	margin-left: auto;
	margin-right: 12px;
}

.l-footer .l-fnav-bnr__itm.r-blank:before,
.l-footer .l-fnav-bnr__itm.r-blank:after {
	width: 6px;
	height: 6px;
	top: 7px;
}

.l-footer .l-fnav-bnr__itm.r-blank:after {
	right: 4px;
	margin-top: -1px;
}

.l-footer .l-fnav-bnr__itm.r-blank:before {
	right: 7px;
	margin-top: 2px;
}

.l-footer .l-fnav-bnr__link img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-footer .l-fnav-bnr__link:hover img,
.l-footer .l-fnav-bnr__link:focus img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.l-footer .l-fnav-bnr.r-1clm {
	width: 165px;
}

.l-footer .l-fnav-bnr.r-1clm .l-fnav-bnr__itm {
	margin: 13px 0 0;
}

.l-footer .l-fnav-bnr.r-1clm .l-fnav-bnr__itm:first-child {
	margin-top: 0px;
}

.l-footer .l-fnav-bnr.r-2clm .l-fnav-bnr__itm {
	margin: 0 0 13px;
}

.l-footer .l-footer__sub .l-footer__sub__inner {
	width: 1040px;
	margin: 0 auto;
}

.l-footer .l-fsnav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 38.05px;
	padding-top: 38.05px;
	line-height: 1.3;
}

.l-footer .l-fsnav__list__itm {
	border-left-width: 1px;
}

.l-footer .l-fsnav__list__itm:first-child {
	border-left: none;
}

.l-footer .l-fsnav__list__itm:first-child .l-fsnav__list__itm__link {
	padding-left: 0;
}

.l-footer .l-fsnav__list__itm__link {
	padding-right: 15px;
	padding-left: 16px;
}

.l-footer .l-fsnav__list__itm__link.r-blank {
	padding-right: 30px;
}

.l-footer .l-fsnav__list__itm__link.r-blank:before {
	width: 6px;
	height: 6px;
	right: 18px;
	margin-top: -3px;
}

.l-footer .l-fsnav__list__itm__link.r-blank:after {
	width: 6px;
	height: 6px;
	right: 15px;
	margin-top: -6px;
}

.l-footer .l-footer__logo {
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index: 1;
}

.l-footer .l-footer__logo .l-footer__logo__link100th .l-footer__logo__img {
	width: auto;
	height: 48px;
}

.l-footer .l-footer__logo .l-footer__logo__img {
	width: 126px;
	height: 48px;
}

.l-footer__copy {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
}

.l-pagetop > a {
	right: 20px;
	bottom: 52px;
	width: 40px;
	height: 40px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.l-pagetop > a:hover {
	opacity: .6;
}

.l-pagetop.is-fixed > a {
	bottom: 20px;
}

.l-fnav.r-com {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 28px 0;
	border-top: 1px solid #c2c2c2;
}

.l-fnav.r-com .l-fnav__itm {
	width: 160px;
	margin-left: 20px;
}

.l-fnav.r-com .l-fnav__itm:first-child {
	margin-left: 0;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1.5;
	padding-bottom: 9.75px;
	padding-top: 9.75px;
	line-height: 1.5;
	padding-left: 0.8em;
	margin-bottom: 0;
	font-weight: normal;
}

.l-fnav.r-com .l-fnav__list__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: .3em;
	height: .3em;
	margin-top: -.15em;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.l-fnav.r-com .l-fnav__list__itm__link:hover {
	color: #e4002b;
}

.l-fnav.r-com .l-fnav__list__itm__link:hover:before {
	border-color: #e4002b;
}

.l-fnav.r-com .l-fnav__list__sublist {
	display: none;
}

.l-fnav__history {
	right: 0;
	bottom: 36px;
}

.l-fnav__history .l-fnav__history__link {
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.l-fnav__history .l-fnav__history__link:hover {
	opacity: .7;
}

.r-com .l-fsnav__list-link {
	padding-bottom: 0;
}

.r-com .l-funav__list .l-funav__list__itm__link:hover {
	color: #e4002b;
}

.r-com .l-funav__list .l-funav__list__itm__link.r-1line {
	padding-top: 50px;
}

.r-com .l-funav__list .l-funav__list__itm__link.r-2line {
	padding-top: 44px;
}

.l-gnav--pc {
	margin-top: 40px;
	border-top: 1px solid #aaa;
}

.is-fixed .l-gnav--pc {
	margin-top: -1px;
}

.is-fixed .l-gnav--pc .l-gnav__list__itm {
	height: 70px;
	padding: 10px 0 11px;
	-webkit-transition: padding .2s;
	transition: padding .2s;
}

.is-fixed.is-show .l-gnav--pc .l-gnav__sub,
.is-fixed.is-show .l-gnav--pc .l-gnav__bg {
	top: 71px;
	max-height: 0;
	height: 0;
	opacity: 0;
}

.is-fixed.is-show .l-gnav--pc .l-gnav__sub {
	-webkit-transition: opacity .5s .4s, top .2s;
	transition: opacity .5s .4s, top .2s;
}

.is-fixed.is-show .l-gnav--pc .l-gnav__sub:hover {
	-webkit-transition: max-height .1s .2s, opacity .5s .4s, top .2s;
	transition: max-height .1s .2s, opacity .5s .4s, top .2s;
}

.is-fixed.is-show .l-gnav--pc .l-gnav__bg {
	-webkit-transition: top .2s;
	transition: top .2s;
}

.l-gnav--pc .l-gnav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+1) {
	width: 170px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+2) {
	width: 82px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+3) {
	width: 112px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+4) {
	width: 166px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+5) {
	width: 145px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+1) {
	width: 200px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+2) {
	width: 164px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+3) {
	width: 128px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+4) {
	width: 204px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+1) {
	width: 240px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+2) {
	width: 230px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+3) {
	width: 215px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+1) {
	width: 268px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+2) {
	width: 174px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+3) {
	width: 238px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+1) {
	width: 256px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+2) {
	width: 132px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+3) {
	width: 188px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+4) {
	width: 155px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+1) {
	width: 176px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+2) {
	width: 204px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+3) {
	width: 210px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+4) {
	width: 144px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__sub .l-gnav__subinner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 20px 0;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__sub .l-gnav__subinner .l-gnav__sublist {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__sub .l-gnav__subinner .l-gnav__sublist__itm {
	font-size: 13px;
}

.l-gnav--pc .l-gnav__list.r-com .l-gnav__sub .l-gnav__subinner .l-gnav__sublist__itm__link {
	font-size: 12px;
}

.l-gnav--pc .l-gnav__list__itm {
	position: relative;
	height: 55px;
	-webkit-transition: padding .3s;
	transition: padding .3s;
}

.l-gnav--pc .l-gnav__list__itm:first-child .l-gnav__list__itm__link {
	padding-left: 0 !important;
}

.l-gnav--pc .l-gnav__list__itm:first-child .l-gnav__list__itm__link:after {
	left: 0 !important;
}

.l-gnav--pc .l-gnav__list__itm:nth-child(n + 6) {
	color: #555;
}

.l-gnav--pc .l-gnav__bg {
	position: fixed;
	width: 100%;
	z-index: 10001;
	left: 0;
	top: 97px;
	background-color: #fff;
}

.l-gnav--pc .l-gnav__list__itm__link {
	display: block;
	position: relative;
	padding-right: 11px;
	padding-left: 11px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 15.5px;
	padding-top: 15.5px;
	line-height: 2;
}

.l-gnav--pc .l-gnav__list__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	right: 11px;
	bottom: 1px;
	left: 11px;
	z-index: 1;
	height: 0;
	background-color: #e4002b;
	-webkit-transition: height .2s;
	transition: height .2s;
}

.l-gnav--pc .l-gnav__list__itm__link:hover {
	color: #e4002b;
}

.l-gnav--pc .l-gnav__sub {
	display: block;
	position: fixed;
	overflow: hidden;
	max-height: 0;
	top: 93px;
	left: 0;
	z-index: 10003;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .5s .4s;
	transition: opacity .5s .4s;
}

.l-gnav--pc .l-gnav__sub .l-gnav__subinner {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	padding: 38px 0;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
	width: 268px;
	margin-right: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 2;
	border-right: 1px solid #ddd;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
	padding-left: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 2;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:before {
	width: 5px;
	height: 5px;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:hover {
	color: #e4002b;
}

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:hover:before {
	border-color: #e4002b;
}

.l-gnav--sp {
	display: none;
}

.l-gnav--sp.r-com {
	display: none;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before,
.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	width: 8px;
	height: 8px;
	-webkit-transition: border-color .4s ease;
	transition: border-color .4s ease;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
	right: 23px;
	margin-top: -1px;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	right: 21px;
	margin-top: -4px;
}

.l-unav {
	position: absolute;
	width: 780px;
	top: 0;
	right: 0;
	z-index: 4;
}

.is-fixed .l-unav {
	overflow: hidden;
	height: 0;
}

.l-unav__list__itm {
	position: relative;
	float: left;
}

.l-unav__list__itm:after {
	content: '';
	display: block;
	position: absolute;
	right: 16px;
	bottom: 1px;
	left: 16px;
	z-index: 1;
	height: 0;
	background-color: #e4002b;
	-webkit-transition: height .2s;
	transition: height .2s;
	pointer-events: none;
}

.l-unav__list__itm.r-separate {
	margin-left: 125px;
}

.l-unav__list__itm.is-current,
.l-unav__list__itm:hover {
	text-decoration: none;
}

.l-unav__list__itm.is-current:after,
.l-unav__list__itm:hover:after {
	height: 2px;
}

.l-unav__list__itm.is-current .l-unav__list__itm__link,
.l-unav__list__itm:hover .l-unav__list__itm__link {
	text-decoration: none;
}

.l-unav__list__itm.is-current .l-unav__sub,
.l-unav__list__itm:hover .l-unav__sub {
	max-height: 1400px;
	opacity: 1;
}

.is-user-tabbing .l-unav__list__itm:focus-within {
	text-decoration: none;
}

.is-user-tabbing .l-unav__list__itm:focus-within:after {
	height: 2px;
}

.is-user-tabbing .l-unav__list__itm:focus-within .l-unav__list__itm__link {
	text-decoration: none;
}

.is-user-tabbing .l-unav__list__itm:focus-within .l-unav__sub {
	max-height: 1400px;
	opacity: 1;
}

.is-user-tabbing .l-unav__list__itm.is-focus-within {
	text-decoration: none;
}

.is-user-tabbing .l-unav__list__itm.is-focus-within:after {
	height: 2px;
}

.is-user-tabbing .l-unav__list__itm.is-focus-within .l-unav__list__itm__link {
	text-decoration: none;
}

.is-user-tabbing .l-unav__list__itm.is-focus-within .l-unav__sub {
	max-height: 1400px;
	opacity: 1;
}

.l-unav__list__itm:first-child:after {
	left: 0;
}

.l-unav__list__itm:first-child .l-unav__list__itm__link {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.l-unav__list__itm:last-child .l-unav__list__itm__link {
	margin-right: 0;
}

.l-unav__list__itm.r-global .l-unav__list__itm__link {
	padding-right: 17px !important;
	margin-right: 0 !important;
}

.l-unav__list__itm.r-global .l-unav__list__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url(https://img.kewpie.co.jp/assets/img/common/ico_global-01.svg) no-repeat center;
	background-size: cover;
}

.l-unav__list__itm.r-global:after {
	right: 0;
}

.l-unav .l-unav__list__itm__link {
	margin: 0 16px;
	padding: 8px 0 9px;
	color: #555;
	font-weight: bold;
	font-size: 12px;
}

.l-unav .l-unav__list__itm__link.r-blank {
	position: relative;
	margin-right: 23px;
	padding-right: 14px;
}

.l-unav .l-unav__list__itm__link.r-blank:before,
.l-unav .l-unav__list__itm__link.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
}

.l-unav .l-unav__list__itm__link.r-blank:after {
	right: 0px;
	margin-top: -5px;
	border: 1px solid #555;
}

.l-unav .l-unav__list__itm__link.r-blank:before {
	right: 2px;
	margin-top: -3px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}

.l-unav .l-unav__list__itm__link:focus {
	margin-right: -2px;
	margin-left: -2px;
	padding-right: 18px;
	padding-left: 18px;
}

.l-unav .l-unav__sub {
	display: block;
	position: absolute;
	overflow: hidden;
	max-height: 0;
	top: 41px;
	right: -85px;
	z-index: 10004;
	width: 742px;
	opacity: 0;
	-webkit-transition: opacity .5s .2s;
	transition: opacity .5s .2s;
}

.l-unav .l-unav__sub .l-unav__subinner {
	position: relative;
	width: 742px;
	margin-top: 15px;
	padding: 5px 30px 15px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.l-unav .l-unav__sub .l-unav__subinner:before {
	content: '';
	display: block;
	position: absolute;
	right: 144px;
	top: -16px;
	border: solid 7px transparent;
	border-top: solid 6px transparent;
	border-bottom: solid 10px #aaa;
}

.l-unav .l-unav__sub .l-unav__subinner:after {
	content: '';
	display: block;
	position: absolute;
	right: 145px;
	top: -15px;
	border: solid 6px transparent;
	border-bottom: solid 9px #fff;
}

.l-unav.r-com {
	width: auto;
}

.l-unav.r-com .l-unav__list__itm__link {
	margin: 0;
	padding: 10px 16px;
	height: 41px;
}

.l-unav.r-com .l-unav__list__itm__link.r-blank {
	margin-right: 23px;
	padding-right: 14px;
}

.l-gnav__sub__hdg--lv2 {
	margin-bottom: 29.25px;
	line-height: 1.7;
}

.l-gnav__sub__hdg--lv3 {
	color: #e4002b;
	margin-top: -7px;
	line-height: 1.7;
	margin-bottom: 23px;
	line-height: 1.7;
}

.l-gnav__sub__btn {
	position: absolute;
	width: 210px;
	right: 20px;
	top: -15px;
}

.l-gnav__closebtn {
	top: 40px;
	right: -45px;
	width: 45px;
	height: 45px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-gnav__closebtn:hover,
.l-gnav__closebtn:focus {
	-webkit-transform: rotate(45deg) scale(1.1);
	transform: rotate(45deg) scale(1.1);
}

.l-gnav__closebtn:before,
.l-gnav__closebtn:after {
	width: 1px;
	height: 45px;
}

.l-gnav__lyt.r-products .r-itm {
	margin-top: 5px;
}

.l-gnav__lyt.r-products .r-img {
	width: auto;
	height: 65px;
}
.l-gnav__lyt.r-products .r-normal .r-itm {
	margin-top: 5px !important;
}
.l-gnav__lyt.r-products .r-normal .r-img {
	width: 50px;
  height: 32px;
}
.l-gnav__lyt.r-products .l-gnav__pnllist-bnr__bnritms .r-img {
	height: auto;
}
.l-gnav__lyt.r-products .r-hdg {
	max-width: 235px;
}

.l-gnav__lyt.r-products .l-gnav__tablist:first-child .r-itm:nth-child(n+3) {
	margin-top: 10px;
}

.l-gnav__lyt.r-products .l-gnav__tablist:last-child .r-itm:nth-child(n+2) {
	margin-top: 5px;
}

.l-gnav__lyt.r-recipes .l-gnav__tablist:first-child .r-itm:nth-child(n+3) {
	margin-top: 20px;
}

.l-gnav__lyt.r-recipes .l-gnav__tablist:last-child .r-itm:nth-child(n+2) {
	margin-top: 10px;
}

.l-gnav__lyt.r-products > *,
.l-gnav__lyt.r-recipes > * {
	width: 360px;
	padding: 0 40px;
}

.l-gnav__lyt.r-products > *:first-child,
.l-gnav__lyt.r-recipes > *:first-child {
	position: relative;
	width: 680px;
	padding-left: 0;
	border-right: 1px solid #ddd;
}

.l-gnav__lyt.r-products > *:last-child,
.l-gnav__lyt.r-recipes > *:last-child {
	padding-right: 0;
}

.l-gnav__lyt.r-products .l-gnav__tablist .r-itm,
.l-gnav__lyt.r-recipes .l-gnav__tablist .r-itm {
	width: 310px;
}

.l-gnav__lyt.r-products .l-gnav__tablist .r-itm:nth-child(2n),
.l-gnav__lyt.r-recipes .l-gnav__tablist .r-itm:nth-child(2n) {
	width: 329px;
}

.l-gnav__lyt.r-products .l-gnav__tablist:last-child .r-itm:nth-child(n+2),
.l-gnav__lyt.r-recipes .l-gnav__tablist:last-child .r-itm:nth-child(n+2) {
	width: 260px;
	margin-top: 10px;
}

.l-gnav__lyt.r-entertainment > * {
	width: 410px;
	padding: 0 40px;
}

.l-gnav__lyt.r-entertainment > *:first-child {
	width: 370px;
	padding-left: 0;
}

.l-gnav__lyt.r-entertainment > *:nth-child(2) {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.l-gnav__lyt.r-entertainment > *:last-child {
	width: 270px;
	padding-right: 0;
}

.l-gnav__lyt.r-entertainment .l-gnav__pnllist-bnr .r-itm > a,
.l-gnav__lyt.r-entertainment .l-gnav__pnllist-bnr .r-itm > span {
	min-height: 215px;
}

.l-gnav__lyt.r-prouse-recipes .r-img img {
	height: auto;
}

.l-gnav__lyt.r-finechemical-products > * {
	width: 520px;
	padding: 0 25px;
}

.l-gnav__lyt.r-finechemical-products > *:first-child {
	padding-left: 0;
	border-right: 1px solid #ddd;
}

.l-gnav__lyt.r-finechemical-products > *:last-child {
	padding-right: 0;
}

.l-gnav__lyt.r-nutrition-products .l-gnav__tablist .r-itm {
	width: 230px;
}

.l-gnav__lyt.r-nutrition-products .l-gnav__tablist .r-itm:nth-child(n+5) {
	margin-top: 10px;
}

.l-gnav__tablist .r-itm > a:hover .r-hdg:after,
.l-gnav__tablist .r-itm > a:focus .r-hdg:after,
.l-gnav__tablist .r-itm > span:hover .r-hdg:after,
.l-gnav__tablist .r-itm > span:focus .r-hdg:after {
	right: -5px;
}

.l-gnav__tablist .r-itm.r-unique-link {
	margin-left: auto;
	padding-left: 30px;
}

.l-gnav__tablist .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 50px;
	height: 32px;
	margin-right: 10px;
}

.l-gnav__tablist .r-img img {
	height: 100%;
}

.l-gnav__tablist .r-hdg {
	line-height: 1.4;
}

.l-gnav__tablist.r-flexible .r-img img {
	height: auto;
}

.l-gnav__tablist.r-col6 .r-itm {
	width: 170px;
}

.l-gnav__tablist.r-col6 .r-itm:last-child {
	margin-right: auto;
}

.l-gnav__tablist.r-col6 .r-itm.r-longsentence {
	width: 210px;
}

.l-gnav__tablist.r-col3 .r-itm {
	width: 250px;
}

.l-gnav__tablist.r-col3 .r-itm:nth-child(n + 4) {
	margin-top: 10px;
}

.l-gnav__pnllist.r-col2 .r-itm:nth-child(2n-1):last-child {
	margin-right: auto;
}

.l-gnav__pnllist.r-col2 .r-itm:nth-child(n+3) {
	margin-top: 15px;
}

.l-gnav__pnllist .r-itm > a,
.l-gnav__pnllist .r-itm > span {
	display: block;
}

.l-gnav__pnllist .r-itm > a:hover img,
.l-gnav__pnllist .r-itm > a:focus img,
.l-gnav__pnllist .r-itm > span:hover img,
.l-gnav__pnllist .r-itm > span:focus img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.l-gnav__pnllist .r-img {
	overflow: hidden;
}

.l-gnav__pnllist .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-gnav__pnllist .r-hdg {
	display: block;
	margin-bottom: 9.75px;
	margin-top: 9.75px;
	line-height: 1.7;
}

.l-gnav__pnllist-bnr.r-col1 .r-itm:nth-child(n+2) {
	margin-top: 15px;
}

.l-gnav__pnllist-bnr.r-col2 .r-itm:nth-child(2n-1):last-child {
	margin-right: auto;
}

.l-gnav__pnllist-bnr.r-col2 .r-itm:nth-child(n+3) {
	margin-top: 15px;
}

.r-entertainment .l-gnav__pnllist-bnr.r-col2 .r-itm:nth-child(n+3) {
	margin-top: 42px;
}

.l-gnav__pnllist-bnr.r-col3:nth-child(n+4) {
	margin-top: 15px;
}

.l-gnav__pnllist-bnr.r-type02 .r-itm:nth-child(n+2) {
	margin-top: 10px;
}

.l-gnav__pnllist-bnr .r-itm > a,
.l-gnav__pnllist-bnr .r-itm > span {
	display: block;
}

.l-gnav__pnllist-bnr .r-itm > a:hover img,
.l-gnav__pnllist-bnr .r-itm > a:focus img,
.l-gnav__pnllist-bnr .r-itm > span:hover img,
.l-gnav__pnllist-bnr .r-itm > span:focus img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.l-gnav__pnllist-bnr .r-img {
	overflow: hidden;
}

.l-gnav__pnllist-bnr .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-gnav__pnllist-bnr .r-hdg {
	display: block;
	margin-bottom: 12.1px;
	margin-top: 12.1px;
	line-height: 1.7;
}

.l-unav__sub__hdg--lv2 {
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 1.7;
}

.l-unav__closebtn {
	top: 20px;
	right: 30px;
	width: 20px;
	height: 20px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-unav__closebtn:hover,
.l-unav__closebtn:focus {
	-webkit-transform: rotate(45deg) scale(1.1);
	transform: rotate(45deg) scale(1.1);
}

.l-unav__closebtn:before,
.l-unav__closebtn:after {
	width: 1px;
	height: 20px;
}

.l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm {
	width: 210px;
}

.l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm > a,
.l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm > span {
	min-height: 215px;
}

.l-unav__lyt.r-prouse-recipes .r-img img {
	height: auto;
}

.l-unav__lyt.r-finechemical-products > * {
	width: 520px;
	padding: 0 25px;
}

.l-unav__lyt.r-finechemical-products > *:first-child {
	padding-left: 0;
	border-right: 1px solid #ddd;
}

.l-unav__lyt.r-finechemical-products > *:last-child {
	padding-right: 0;
}

.l-unav__pnllist-bnr.r-col3:nth-child(n+4) {
	margin-top: 15px;
}

.l-unav__pnllist-bnr .r-itm > a,
.l-unav__pnllist-bnr .r-itm > span {
	display: block;
}

.l-unav__pnllist-bnr .r-itm > a:hover img,
.l-unav__pnllist-bnr .r-itm > a:focus img,
.l-unav__pnllist-bnr .r-itm > span:hover img,
.l-unav__pnllist-bnr .r-itm > span:focus img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.l-unav__pnllist-bnr .r-itm > a:focus,
.l-unav__pnllist-bnr .r-itm > span:focus {
	outline-offset: 2px;
}

.l-unav__pnllist-bnr .r-img {
	overflow: hidden;
}

.l-unav__pnllist-bnr .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.l-unav__pnllist-bnr .r-hdg {
	display: block;
	margin-bottom: 12.1px;
	margin-top: 12.1px;
	line-height: 1.7;
}

.l-lnav-accordion {
	border-bottom: 1px solid #e4002b;
}

.l-lnav-accordion:after {
	right: 20px;
	width: 4px;
	height: 4px;
}

.l-lnav__itm--new {
	padding-left: 50px;
	line-height: 60px;
	border-bottom: 1px solid #e4002b;
	background-position: left top;
	background-size: 46px auto;
	font-size: 18px;
}

.l-lnav__itm--catalog {
	margin-top: 37px;
	padding: 24px 0 0 50px;
	line-height: 50px;
	border-bottom: 1px solid #e4002b;
	background-position: left bottom;
	font-size: 18px;
}

.l-lnav__itm--movie {
	padding: 0 0 0 40px;
	line-height: 50px;
	border-bottom: 1px solid #e4002b;
	background-position: 2px center;
	background-size: 34px auto;
	font-size: 18px;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	padding-bottom: 14px;
	padding-top: 14px;
	line-height: 1.85714;
	padding-right: 30px;
}

.l-lnav__itm__link:after,
.l-lnav__sublist__itm__link:after {
	right: 20px;
	width: 4px;
	height: 4px;
}

.l-lnav__itm__link:hover,
.l-lnav__itm__link:active,
.l-lnav__itm__link:focus,
.l-lnav__sublist__itm__link:hover,
.l-lnav__sublist__itm__link:active,
.l-lnav__sublist__itm__link:focus {
	text-decoration: none;
	background-color: #f2f2f2;
}

.r-img + .l-lnav__itm__link__text,
.r-img + .l-lnav__sublist__itm__link__text {
	padding-left: 40px;
}

.l-lnav__itm__link .r-img,
.l-lnav__sublist__itm__link .r-img {
	left: 5px;
	width: 40px;
	height: 49px;
	text-align: center;
}

.l-lnav__itm__link .r-img > img,
.l-lnav__sublist__itm__link .r-img > img {
	height: 100%;
}

.l-lnav__itm.role-has-sublist span[role=button] {
	width: 43px;
	height: 48px;
}

.l-lnav__itm.role-has-sublist span[role=button]:after {
	right: 17px;
	width: 8px;
	height: 1px;
}

.l-lnav__itm.role-has-sublist span[role=button]:not([aria-expanded="true"]):before {
	right: 21px;
	width: 1px;
	height: 8px;
}

.l-lnav__itm__link {
	padding-left: 10px;
}

.l-lnav__bnr {
	margin-top: 75px;
}

.l-lnav__bnritm__link {
	padding-left: 10px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.l-lnav__bnritm__link:hover {
	text-decoration: none;
}

.l-lnav__sublist__itm__link {
	padding-left: 30px;
}

.l-header {
	height: 96px;
	border-bottom: 1px solid #ddd;
}

.l-header.is-fixed:after {
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 70px;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 10002;
	border-bottom: 1px solid #ddd;
}

.l-header.is-fixed .l-header__site__genre--emphasis {
	opacity: 1;
}

.l-header.is-fixed .l-header__site__genre {
	display: none;
}

.l-header.is-hide:after {
	top: -100px;
}

.l-header__bg {
	display: block;
	position: fixed;
	top: 97px;
	width: 100%;
	height: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 10001;
	opacity: 0;
	-webkit-transition: opacity .1s, height .1s .3s;
	transition: opacity .1s, height .1s .3s;
}

.l-header__bg.is-show {
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity .3s .2s;
	transition: opacity .3s .2s;
}

.is-fixed.is-show .l-header__bg {
	max-height: 0;
	height: 0;
	opacity: 0;
}

.l-header__inner {
	width: 1040px;
	height: 95px;
	margin: 0 auto;
}

.is-fixed .l-header__inner {
	height: 70px;
	top: 0;
	left: 50%;
	margin-left: -520px;
	-webkit-transition: top .2s;
	transition: top .2s;
}

.is-fixed.is-hide .l-header__inner {
	top: -71px;
}

.l-header__main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 260px;
	-webkit-transition: padding-top .3s;
	transition: padding-top .3s;
  height: 100%;
}

.is-fixed .l-header__main {
	margin-top: -32px;
	padding-top: 32px;
	width: 250px;
}

.is-fixed.r-prouse .l-header__main,
.is-fixed.r-carefood .l-header__main,
.is-fixed.r-finechemical .l-header__main {
	width: 340px;
}

.l-header__main.r-com {
	width: 268px;
}

.l-header__main.r-com .l-header__logo__link {
	width: 140px;
}

.l-header__main.r-com .l-header__logo__img {
	height: 51px;
}

.l-header__logo__link {
	width: 165px;
  height: 100%;
  display: flex;
  align-items: center;
}

.l-header__logo__link100th {
	width: 183px;
}

.is-fixed .l-header__logo__link100th {
	width: 168px;
}

.l-header__site__genre--emphasis {
	opacity: 0;
	margin-left: 15px;
	line-height: 1.7;
	font-size: 15px;
	padding-top: 6px;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.l-header__sub {
	position: relative;
	width: 780px;
}

.is-fixed .l-header__sub {
	width: 740px;
}

.is-fixed.r-prouse .l-header__sub,
.is-fixed.r-carefood .l-header__sub,
.is-fixed.r-finechemical .l-header__sub {
	width: 700px;
}

.l-header__sub.r-com {
	width: 742px;
	margin-left: 30px;
}

.l-header__site__genre {
	position: absolute;
	top: 11px;
	left: 0;
	z-index: 1;
	font-size: 11px;
}

.l-header__member_btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: absolute;
	right: 7px;
	top: 46px;
  height: 45px;
  width: 50px;
	z-index: 1;
	-webkit-transition: width .4s .4s, background-color .4s;
	transition: width .4s .4s, background-color .4s;
  cursor: pointer;
}

.l-header__member_btn_bg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: #F2F2F2 url("/assets/img/common/ico_login.svg") no-repeat center center / 34px auto;
}

.l-header__member_btn_bg::after {
  content: "ログイン";
  opacity: 0;
}

.is-logged-in .l-header__member_btn_bg {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/assets/img/common/ico_member_menu.svg") no-repeat center center / 100% auto;
}

.is-logged-in .l-header__member_btn_bg::after {
  content: "会員メニュー";
}

.l-header__search {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: absolute;
	width: 1px;
	height: 47px;
	right: 70px;
	top: 48px;
	z-index: 1;
	-webkit-transition: width .4s .4s, background-color .4s;
	transition: width .4s .4s, background-color .4s;
}
.l-header__search.r-no-member-btn--pc {
  right: -10px;
}

.is-fixed .l-header__search {
	top: 18px;
}

.is-fixed .l-header__member_btn {
	top: 18px;
}

.l-header__search .l-header__search__cover {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	bottom: 8px;
	z-index: 3;
	cursor: pointer;
}

.l-header__search .l-header__search__input {
	width: 40px;
	height: 40px;
	padding-left: 20px;
	font-size: 13px;
	border: none;
	border-radius: 20px;
	background-color: #f2f2f2;
}

.l-header__search .l-header__search__input::-webkit-input-placeholder {
	padding-top: 3px;
}

.l-header__search .l-header__search__input:-moz-placeholder,
.l-header__search .l-header__search__input::-moz-placeholder {
	line-height: 40px;
}

.l-header__search .l-header__search__btn {
	position: absolute;
	top: 12px;
	right: 10px;
	z-index: 2;
	width: 17px;
	height: 15px;
	border: none;
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_search-01.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	background-color: transparent;
}

.l-header__search.is-open {
	width: 790px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
}

.l-header__search.is-open .l-header__search__input {
	width: 404px;
	opacity: 1;
}

.l-header__nav__btn {
	display: none;
}

.l-breadcrumb__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1040px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 13px;
}

.l-main.r-type02 .l-breadcrumb__inner {
	padding-top: 11.5px;
	line-height: 2;
	padding-bottom: 53.5px;
	line-height: 2;
}

.l-breadcrumb__itm {
	margin-left: 10px;
	padding-left: 15px;
	line-height: 1.7;
}

.l-breadcrumb__itm:before {
	width: 5px;
	height: 5px;
	top: 50%;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%);
}

.l-lnav__breadcrumb .l-breadcrumb {
	display: none;
}

.l-main {
	width: 1080px;
	padding-right: 20px;
	padding-left: 20px;
}

.l-main__subcontent__title {
	margin-bottom: 15px;
	line-height: 1.66667;
}

.l-main__subcontent__title:nth-of-type(n + 2) {
	margin-top: 45px;
}

.l-main__content--center {
	width: 960px;
	margin: 0 auto;
}

.l-main.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.l-main.r-type02 .l-main__content {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	width: 774px;
	margin-left: 24px;
}

.l-main.r-type02 .l-main__content--secondary {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	order: 3;
	width: 300%;
	margin-top: 80px;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	border-top: 1px solid #ddd;
}

.l-main.r-type02 .l-main__subcontent {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	width: 242px;
}

.l-main--fullwidth {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.l-main--fullwidth.r-simple-mb {
	margin-bottom: 100px;
}

.l-main--fullwidth.r-simple-mb-s {
	margin-bottom: 50px;
}

.l-main-visual {
	margin-bottom: 30px;
}

.l-main-visual__hdg {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1;
}

.l-main-visual__hdg .c-hdg--lv1,
.l-main-visual__hdg .c-hdg--lv2-em {
	margin-top: 20px;
}

.l-main-visual__hdg .r-icn {
	width: 19px;
	margin-bottom: 10px;
}

.l-main-visual__hdg .r-txt {
	display: block;
	vertical-align: middle;
	letter-spacing: .1em;
	font-size: 20px;
}

.c-mainvisual {
	width: 1040px;
	margin: 0 auto;
}

.c-mainvisual--wrapper {
	position: relative;
}

.c-mainvisual--detail {
	width: 450px;
}

.c-mainvisual--detail .r-itm {
	width: 450px !important;
	height: 300px !important;
}

.c-mainvisual--detail .r-itm img {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.c-mainvisual--detail .r-slider__indicator {
	position: absolute;
	right: 0;
	bottom: 0;
}

.c-mainvisual--detail .r-indicator__itm {
	width: 90px;
	height: 60px;
	margin-top: 10px;
	margin-right: 15px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.c-mainvisual--detail .r-indicator__itm:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-mainvisual--recipedetail {
	position: relative;
	width: 770px;
	min-height: 540px;
}

.c-mainvisual--recipedetail.r-basicsalad {
	min-height: inherit !important;
}

.c-mainvisual--recipedetail.r-basicsalad .r-itm {
	text-align: center;
	min-height: 495px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.c-mainvisual--recipedetail.r-basicsalad .r-itm picture {
  display: block;
  margin: 0 auto;
}
.c-mainvisual--recipedetail.r-basicsalad .r-itm img {
	width: auto;
}

.c-mainvisual--recipedetail .r-itm {
	width: 770px;
}

.c-mainvisual--recipedetail .r-itm[aria-hidden="true"] {
	opacity: .5;
}

.c-mainvisual--recipedetail .r-slider__indicator {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: absolute;
	width: 250px;
	right: -270px;
	bottom: 10px;
}

.c-mainvisual--recipedetail .r-indicator__itm {
	width: 110px;
	height: 82px;
	margin-top: 10px;
	margin-left: 15px;
}

.c-mainvisual--recipedetail .r-indicator__itm:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-mainvisual--recipedetail .r-indicator__itm img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-mainvisual--carousel {
	position: relative;
	padding-bottom: 20px;
}

.c-mainvisual--carousel .r-itm {
	overflow: hidden;
	padding: 0 5px;
}

.c-mainvisual--carousel .r-itm[aria-hidden="true"] {
	opacity: .5;
}

.c-mainvisual--carousel .r-itm a img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-mainvisual--carousel .r-itm a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-mainvisual--carousel .r-slider__prevarrow {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	left: 0;
	top: 50%;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--carousel .r-slider__nextarrow {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	right: 0;
	top: 50%;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--carousel .r-slider__pausebtn {
	position: relative;
	width: 50px;
	height: 50px;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--carousel .r-slider__pausebtn.is-pause {
	background: #333;
}

.c-mainvisual--carousel .slick-dots {
	margin-top: 30px;
}

.c-mainvisual--top {
	position: relative;
	padding-bottom: 20px;
}

.c-mainvisual--top.r-hasEmergency {
	padding-bottom: 40px;
}

.c-mainvisual--top.r-hasEmergency .r-slider {
	position: static;
}

.c-mainvisual--top .r-itm {
	overflow: hidden;
	vertical-align: bottom;
}

.c-mainvisual--top .r-itm[aria-hidden="true"] {
	opacity: .5;
}

.c-mainvisual--top .r-itm a img,
.c-mainvisual--top .r-itm span img {
	width: 100%;
}

.c-mainvisual--top .r-itm a img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-mainvisual--top .r-itm span img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-mainvisual--top .r-itm a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-mainvisual--top .r-itm span:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
  cursor: pointer;
}

.c-mainvisual--top .r-itm.r-blank a:after {
		width: 30px;
    height: 30px;
    right: 20px;
    top: 35px;
    background-size: 20px auto;
}


.c-mainvisual--top .r-slider__prevarrow {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	left: 0;
	top: 50%;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--top .r-slider__nextarrow {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	right: 0;
	top: 50%;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--top .r-slider__pausebtn {
	position: relative;
	width: 50px;
	height: 50px;
	background: #eee;
	cursor: pointer;
}

.c-mainvisual--top .r-slider__pausebtn.is-pause {
	background: #333;
}

.c-mainvisual--top.r-fullwidth .r-itm {
	width: 100%;
}

.c-mainvisual--top.r-fullwidth .r-itm a img,
.c-mainvisual--top.r-fullwidth .r-itm span img {
	width: 100%;
}

.c-mainvisual--products-category .r-hdg {
	width: 620px;
	padding: 0 20px;
	font-size: 48px;
}

.c-mainvisual--products-category .r-img {
	width: 420px;
}

.c-mainvisual--products-category > .r-inner {
	width: 1040px;
	margin: 0 auto;
}

.c-mainvisual--ingredient .r-itm {
	overflow: hidden;
}

.c-mainvisual--ingredient .r-itm[aria-hidden="true"] {
	opacity: .5;
}

.c-mainvisual--ingredient .r-itm a img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-mainvisual--ingredient .r-itm a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.l-simple-header {
	height: 62px !important;
	border-bottom: 1px solid #ddd !important;
	font-size: 15px !important;
}

.l-simple-header.aohata {
	height: 74px !important;
	border-bottom: 1px solid #ddd !important;
	font-size: 15px !important;
}

.l-simple-header *:hover {
	text-decoration: none !important;
}

.l-simple-header a:hover,
.l-simple-header a:active,
.l-simple-header a:focus {
	color: #e4002b !important;
}

.l-simple-header__inner {
	width: 1040px !important;
}

.l-simple-header__main {
	padding-top: 14px !important;
}

.l-simple-header__logo__link {
	width: 239px !important;
	height: 34px !important;
	background: url(/assets/img/layout/simple-header-footer/simple_header_logo-01_pc.png) no-repeat left top !important;
}

.l-simple-header__logo__link100th {
	width: 306px !important;
	height: 42px !important;
	margin-top: -5px !important;
	background: url(/assets/img/layout/simple-header-footer/simple_header_logo-100th-01_pc.png) no-repeat left top !important;
	background-size: contain !important;
}

.l-simple-header__logo__link.aohata {
	width: 239px !important;
	height: 44px !important;
	background: url(/assets/img/layout/simple-header-footer/simple_header_logo-aohata.svg) no-repeat left top !important;
}

.l-simple-header__logo__img {
	width: 239px !important;
	height: 34px !important;
	opacity: 0 !important;
}

.l-simple-header__sub {
	padding-top: 18px !important;
}

.l-simple-header__sub a:hover span[data-role="simple-header-category"],
.l-simple-header__sub a:active span[data-role="simple-header-category"],
.l-simple-header__sub a:focus span[data-role="simple-header-category"] {
	color: #e4002b !important;
}

.l-simple-header__sub .r-logout {
	width: 145px !important;
}

.l-simple-header__sub .r-logout a {
	line-height: 30px !important;
	height: 30px !important;
	z-index: 1 !important;
	-webkit-transition: color .65s ease !important;
	transition: color .65s ease !important;
	font-size: 14px !important;
}

.l-simple-header__sub .r-logout a:after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -200% !important;
	z-index: -1 !important;
	width: 150% !important;
	height: 450% !important;
	border-radius: 50% !important;
	background-color: #e4002b !important;
	-webkit-transition: top .65s ease, left .65s ease !important;
	transition: top .65s ease, left .65s ease !important;
}

.l-simple-footer {
	font-size: 15px !important;
}

.l-simple-footer__unav {
	display: none !important;
}

.l-simple-footer__sub__inner {
	width: 1040px !important;
	margin: 0 auto !important;
}

.l-simple-footer__copy {
	height: 32px !important;
	line-height: 32px !important;
	font-size: 12px !important;
}

.l-simple-footer .l-fsnav__list {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	font-size: 13px;
	line-height: 16.9px;
	padding-top: 34px;
	padding-bottom: 34px;
}

.l-simple-footer .l-fsnav__list__itm {
	border-left-width: 1px !important;
}

.l-simple-footer .l-fsnav__list__itm:first-child {
	border-left: none !important;
}

.l-simple-footer .l-fsnav__list__itm:first-child .l-fsnav__list__itm__link {
	padding-left: 0 !important;
}

.l-simple-footer .l-fsnav__list__itm__link {
	padding-right: 15px !important;
	padding-left: 16px !important;
}

.l-simple-footer .l-fsnav__list__itm__link:hover,
.l-simple-footer .l-fsnav__list__itm__link:focus {
	text-decoration: underline !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank {
	padding-right: 30px !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:before {
	width: 6px !important;
	height: 6px !important;
	right: 18px !important;
	margin-top: -3px !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:after {
	width: 6px !important;
	height: 6px !important;
	right: 15px !important;
	margin-top: -6px !important;
}

.l-simple-footer__logo {
	position: absolute !important;
	right: 0 !important;
	bottom: 20px !important;
	z-index: 1 !important;
}

.l-simple-footer__logo__link100th .l-simple-footer__logo__img {
	width: auto !important;
	height: 48px !important;
}

.l-simple-footer__logo__img {
	width: 126px !important;
	height: 48px !important;
}

.slick-dots {
	margin-top: 30px;
}

.r-slider__prevarrow.r-has-arw--pc {
	width: 40px;
	height: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -60px;
	top: 50%;
	border: 1px solid #e4002b;
	border-radius: 100%;
}

.r-slider__prevarrow.r-has-arw--pc:after {
	width: 10px;
	height: 10px;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg);
	top: 50%;
	left: 54%;
}

.r-slider__nextarrow.r-has-arw--pc {
	width: 40px;
	height: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -60px;
	top: 50%;
	border: 1px solid #e4002b;
	border-radius: 100%;
}

.r-slider__nextarrow.r-has-arw--pc:after {
	width: 10px;
	height: 10px;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	top: 50%;
	left: 46%;
}

.l-main--fullwidth article > .c-hdg--lv1 {
	margin-top: 25px;
}

.c-sec {
	margin-top: 80px;
}

.c-hdg--lv1 + .c-sec {
	margin-top: 40px;
}

.c-sec + .c-hdg--lv1 {
	margin-top: 80px;
}

.c-sec + .c-hdg--lv2-em {
	margin-top: 60px;
}

.c-sec + [class^="c-sec-bg"] {
	margin-top: 60px;
	padding-bottom: 60px;
}

html[class*="p-carefood-"] .c-sec {
	margin-top: 40px;
}

.c-sec-bg--gray {
	padding-bottom: 60px;
}

.c-hdg--lv2 + .c-sec-bg--gray {
	margin-top: 60px;
}

.c-sec-bg--primary01 {
	padding-bottom: 60px;
}

.c-hdg--lv1 + .c-sec-bg--primary01,
.c-hdg--lv2-em + .c-sec-bg--primary01 {
	margin-top: 60px;
}

.c-sec-bg--primary02 {
	padding-bottom: 60px;
}

.c-hdg--lv1 + .c-sec-bg--primary02.c-hdg--lv2-em + .c-sec-bg--primary02 {
	margin-top: 60px;
}

.c-sec__block {
	margin-top: 60px;
}

.c-sec__lyt + .c-sec__block {
	margin-top: 60px;
}

.c-sec__block.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__block.r-type02 > * {
	width: 50%;
}

.c-sec__block.r-type02 > *:nth-child(2n) {
	padding-left: 20px;
}

.c-sec__block.r-type02.r-reverse > *:nth-child(2n) {
	padding-left: 0;
	padding-right: 20px;
}

.c-sec__block.r-type03 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__block.r-type03 > * {
	width: 33%;
}

.c-sec__block.r-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-sec__block + .c-hdg--lv2 {
	margin-top: 60px;
}

html[class*="p-carefood-"] .c-sec__block {
	margin-top: 40px;
}

.c-sec__box {
	margin-top: 40px;
}

.c-sec__box.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__box.r-type02 > * {
	width: 50%;
}

.c-sec__box.r-type02 > *:nth-child(2n) {
	padding-left: 20px;
}

.c-sec__box.r-type02.r-reverse > *:nth-child(2n) {
	padding-left: 0;
	padding-right: 20px;
}

.c-sec__box.r-type03 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__box.r-type03 > * {
	width: 33%;
}

.c-sec__box.r-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-sec__box + .c-hdg--lv2 {
	margin-top: 40px;
}

.c-sec__content {
	margin-top: 30px;
}

.c-sec__content.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__content.r-type02 > * {
	width: 50%;
}

.c-sec__content.r-type02 > *:nth-child(2n) {
	padding-left: 20px;
}

.c-sec__content.r-type02.r-reverse > *:nth-child(2n) {
	padding-left: 0;
	padding-right: 20px;
}

.c-sec__content.r-type03 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-sec__content.r-type03 > * {
	width: 33%;
}

.c-sec__content.r-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.l-main.r-type02 .c-sec {
	margin-top: 60px;
}

.l-main.r-type02 .c-sec__block {
	margin-top: 60px;
}

.l-main.r-type02 .c-sec__box {
	margin-top: 40px;
}

.l-main.r-type02 .c-sec__content {
	margin-top: 30px;
}

.c-sec__lyt[class*="r-flex"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-sec__lyt.r-flex .c-sec__flex-itm:nth-child(2n - 1) {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.c-sec__lyt.r-flex .c-sec__flex-itm:nth-child(2n) {
	margin-left: 30px;
}

.c-sec__lyt.r-flex.r-reverse .c-sec__flex-itm:nth-child(2n - 1) {
	-webkit-box-flex: initial;
	-webkit-flex: initial;
	flex: initial;
}

.c-sec__lyt.r-flex.r-reverse .c-sec__flex-itm:nth-child(2n) {
	margin-left: 0;
	margin-right: 30px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.c-sec__lyt.r-flex-1-1 .c-sec__flex-itm {
	width: 375px;
}

.c-sec__lyt.r-flex-1-1 .c-sec__flex-itm:nth-child(2n - 1) {
	margin-left: 15px;
}

.c-sec__lyt.r-flex-1-1 .c-sec__flex-itm:nth-child(2n) {
	margin-left: 0;
}

.l-main--fullwidth .c-sec__lyt.r-flex-1-1 .c-sec__flex-itm {
	width: 500px;
	margin-left: 0;
}

.c-sec__lyt[class*="r-flex"].r-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.c-sec-maxinner {
	width: 1040px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.c-sec-maxinner--pc {
	width: 1040px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.c-sec__box.r-type03 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-sec__box.r-type03 .c-sec__content {
	width: 250px;
}

.c-sec__box.r-type03 .c-sec__content + .c-sec__content {
	width: 500px;
}

.c-sec__btn {
	margin-top: 40px;
}

.c-sec__btn.r-double {
	margin-top: 60px;
}

.c-hdg--lv1 + .c-sec__lyt,
.c-hdg--lv2-em + .c-sec__lyt {
	margin-top: 60px;
}

.c-hdg--lv2 + .c-sec__lyt {
	margin-top: 40px;
}

.c-hdg--lv3 + .c-sec__lyt {
	margin-top: 30px;
}

.c-hdg--lv5 + .c-sec__lyt {
	margin-top: 15px;
}

.c-sec__btn + .c-sec__lyt {
	margin-top: 40px;
}

.c-sec__lyt.r-nohdg {
	margin-top: 60px;
}

[class^="c-sec-bg"] + [class^="c-sec-bg"],
[class^="c-sec-bg"] + [class^="c-hdg"] {
	margin-top: 60px;
}

.c-paragraph {
	margin-top: 22.5px;
	line-height: 2;
}

.c-paragraph:first-child {
	margin-top: -7.5px;
	line-height: 2;
}

.c-hdg--lv1,
.c-hdg--lv2-em {
	margin-bottom: -6.6px;
	margin-top: -6.6px;
	line-height: 1.33;
}

.l-main.r-type02 .c-hdg--lv1,
.l-main.r-type02 .c-hdg--lv2-em {
	margin-bottom: -4.95px;
	margin-top: -4.95px;
	line-height: 1.33;
}

.l-main.r-type02 .c-hdg--lv1 + .c-sec,
.l-main.r-type02 .c-hdg--lv2-em + .c-sec {
	margin-top: 30px;
}

.l-main__content--secondary .c-hdg--lv1,
.l-main__content--secondary .c-hdg--lv2-em {
	font-size: 40px;
}

.c-hdg--lv1.r-has-print-share,
.c-hdg--lv2-em.r-has-print-share {
	padding-right: 269px;
}

.c-hdg--lv1.r-has-print-share--pc,
.c-hdg--lv2-em.r-has-print-share--pc {
	padding: 0px 120px;
}

.c-hdg--lv1.r-longsentence,
.c-hdg--lv2-em.r-longsentence {
	margin-bottom: -4.95px;
	margin-top: -4.95px;
	line-height: 1.33;
}

.c-hdg--lv1.r-longsentence--pc,
.c-hdg--lv2-em.r-longsentence--pc {
	margin-bottom: -4.95px;
	margin-top: -4.95px;
	line-height: 1.33;
}

.c-hdg--lv1 .r-caption,
.c-hdg--lv2-em .r-caption {
	margin-top: 10px;
	font-size: 13px;
}

.c-hdg--lv1 .r-caption.r-large,
.c-hdg--lv2-em .r-caption.r-large {
	font-size: 20px;
}

.c-hdg--lv1 .r-caption + *,
.c-hdg--lv2-em .r-caption + * {
	margin-top: 10px;
}

.c-hdg--lv1 .r-campaign-icon,
.c-hdg--lv2-em .r-campaign-icon {
	padding-left: 50px;
	background-size: 35px;
}

.c-hdg--lv1 .r-media-icon,
.c-hdg--lv2-em .r-media-icon {
	padding-left: 50px;
	background-size: 35px;
	background-position: left center;
}

.c-hdg--lv2 {
	margin-bottom: -4.95px;
	margin-top: -4.95px;
	line-height: 1.33;
}

.l-main.r-type02 .c-hdg--lv2 {
	margin-bottom: -8.75px;
	margin-top: -8.75px;
	line-height: 1.7;
}

.l-main__content--secondary .c-hdg--lv2 {
	font-size: 30px;
}

.c-hdg--lv2 .r-caption {
	margin-top: 10px;
	font-size: 13px;
}

.c-hdg--lv2 .r-caption.r-large {
	font-size: 15px;
}

.c-hdg--lv3 {
	margin-bottom: -8.75px;
	margin-top: -8.75px;
	line-height: 1.7;
}

.l-main.r-type02 .c-hdg--lv3 {
	font-size: 20px;
}

.c-hdg--lv4 {
	margin-bottom: -7px;
	margin-top: -7px;
	line-height: 1.7;
}

.c-hdg--lv5 {
	margin-bottom: -5.6px;
	margin-top: -5.6px;
	line-height: 1.7;
}

.c-list .c-list__itm.is-small {
	font-size: 14px;
}

.c-btn-list,
.c-btn-list--emphasis {
	margin-top: 10px;
}

.c-btn-list__itm {
	width: 100%;
	line-height: 1.43;
	margin-top: 30px;
}

.c-btn-list__itm__link {
	z-index: 1;
	-webkit-transition: color .65s ease;
	transition: color .65s ease;
}

.c-btn-list__itm__link:before {
	right: 21px;
	width: 4px;
	height: 4px;
}

.c-btn-list__itm__link:after {
	content: '';
	position: absolute;
	top: 0;
	left: -200%;
	z-index: -1;
	width: 150%;
	height: 450%;
	border-radius: 50%;
	background-color: #e4002b;
	-webkit-transition: top .65s ease, left .65s ease;
	transition: top .65s ease, left .65s ease;
}

.c-btn-list__itm__link.aohata:after {
	background-color: #002f87;
}

.c-btn-list__itm__link:hover,
.c-btn-list__itm__link:active,
.c-btn-list__itm__link:focus {
	color: #fff;
	-webkit-transition: color .5s ease .08s;
	transition: color .5s ease .08s;
}

.c-btn-list__itm__link:hover:before,
.c-btn-list__itm__link:active:before,
.c-btn-list__itm__link:focus:before {
	border-color: #fff;
	-webkit-transition: border-color .4s ease .185s;
	transition: border-color .4s ease .185s;
}

.c-btn-list__itm__link:hover:after,
.c-btn-list__itm__link:active:after,
.c-btn-list__itm__link:focus:after {
	top: -100%;
	left: -20%;
}

.c-btn-list__itm__link.r-left:before,
.c-btn-list__itm__link.r-left-arrow:before {
	left: 21px;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon {
	right: 21px;
	width: 11px;
	height: 11px;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:after {
	width: 8px;
	height: 8px;
}

.c-btn-list__itm__link[target='_blank']:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank']:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank']:focus .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank:focus .c-btn-list__external__icon:before {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.c-btn-list__itm__link[target='_blank']:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link[target='_blank']:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link[target='_blank']:focus .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank:focus .c-btn-list__external__icon:after {
	border: 1px solid #fff;
}

.c-btn-list__itm__link.r-emphasis {
	z-index: 1;
}

.c-btn-list__itm__link.r-emphasis:hover,
.c-btn-list__itm__link.r-emphasis:active,
.c-btn-list__itm__link.r-emphasis:focus {
	color: #e4002b;
}

.c-btn-list__itm__link.r-emphasis:hover:before,
.c-btn-list__itm__link.r-emphasis:active:before,
.c-btn-list__itm__link.r-emphasis:focus:before {
	border-color: #e4002b;
}

.c-btn-list__itm__link.r-emphasis:after {
	background-color: #fff;
}

.c-btn-list__itm__link.r-emphasis[target='_blank']:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis[target='_blank']:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis[target='_blank']:focus .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis.r-blank:hover .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis.r-blank:active .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-emphasis.r-blank:focus .c-btn-list__external__icon:before {
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.c-btn-list__itm__link.r-emphasis[target='_blank']:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis[target='_blank']:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis[target='_blank']:focus .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis.r-blank:hover .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis.r-blank:active .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-emphasis.r-blank:focus .c-btn-list__external__icon:after {
	border: 1px solid #e4002b;
}

.c-btn-list__itm__link.r-primary {
	z-index: 1;
}

.c-btn-list__itm__link.r-primary:after {
	background-color: #fff;
}

.c-btn-list__itm__link.r-primary:hover,
.c-btn-list__itm__link.r-primary:active,
.c-btn-list__itm__link.r-primary:focus {
	color: #e9a107;
}

.c-btn-list__itm__link.r-primary:hover:before,
.c-btn-list__itm__link.r-primary:active:before,
.c-btn-list__itm__link.r-primary:focus:before {
	border-color: #e9a107;
}

.c-btn-list__itm__link.r-primary:hover,
.c-btn-list__itm__link.r-primary:active,
.c-btn-list__itm__link.r-primary:focus {
	color: #e9a107;
}

.c-btn-list__itm__link.r-primary:hover:before,
.c-btn-list__itm__link.r-primary:active:before,
.c-btn-list__itm__link.r-primary:focus:before {
	border-color: #e9a107;
}

.c-btn-list__itm__content {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 2;
}

.c-btn-list--emphasis .c-btn-list__itm__link {
	z-index: 1;
}

.c-btn-list--emphasis .c-btn-list__itm__link:after {
	background-color: #e4002b;
}

.c-btn-list--emphasis .c-btn-list__itm__link:hover,
.c-btn-list--emphasis .c-btn-list__itm__link:active,
.c-btn-list--emphasis .c-btn-list__itm__link:focus {
	color: #fff;
}

.c-btn-list--emphasis .c-btn-list__itm__link:hover:before,
.c-btn-list--emphasis .c-btn-list__itm__link:active:before,
.c-btn-list--emphasis .c-btn-list__itm__link:focus:before {
	border-color: #fff;
}

.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:hover,
.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:active,
.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:focus {
	color: #e9a107;
}

.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:hover:before,
.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:active:before,
.c-btn-list--emphasis.r-type02 .c-btn-list__itm__link:focus:before {
	border-color: #e9a107;
}

.c-btn-list.r-cap .c-btn-list__itm,
.r-cap.c-btn-list--emphasis .c-btn-list__itm {
	height: auto !important;
}

.c-btn-list.r-cap .c-btn-list__itm .c-btn-list__itm__link,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .c-btn-list__itm__link {
	height: 46px;
}

.c-btn-list.r-cap .c-btn-list__itm .r-txt,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .r-txt {
	font-size: 13px;
	margin-top: 10px;
}

.c-btn-list.r-cap .c-btn-list__itm .c-note,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .c-note {
	font-size: 13px;
}

.c-btn-list.r-long .c-btn-list__itm,
.r-long.c-btn-list--emphasis .c-btn-list__itm {
	width: 340px;
}

.c-btn-list.r-type01 .c-btn-list__itm,
.r-type01.c-btn-list--emphasis .c-btn-list__itm {
	width: 100%;
}

.c-btn-list.r-type01 .c-btn-list__itm:nth-of-type(1),
.r-type01.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(1) {
	margin-top: 0;
}

.c-btn-list.r-type02 .c-btn-list__itm,
.r-type02.c-btn-list--emphasis .c-btn-list__itm {
	width: calc((100% - 3.1%) / 2);
	margin-right: 3.1%;
}

.c-btn-list.r-type02 .c-btn-list__itm:nth-of-type(2n),
.r-type02.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(2n) {
	margin-right: 0;
}

.c-btn-list.r-type02 .c-btn-list__itm:nth-of-type(-n + 2),
.r-type02.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(-n + 2) {
	margin-top: 0;
}

.c-btn-list.r-type03 .c-btn-list__itm,
.r-type03.c-btn-list--emphasis .c-btn-list__itm {
	width: calc((100% - 3.1%*2) / 3);
	margin-right: 3.1%;
}

.c-btn-list.r-type03 .c-btn-list__itm:nth-of-type(3n),
.r-type03.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(3n) {
	margin-right: 0;
}

.c-btn-list.r-type03 .c-btn-list__itm:nth-of-type(-n + 3),
.r-type03.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(-n + 3) {
	margin-top: 0;
}

.c-btn-list.r-center01 .c-btn-list__itm,
.r-center01.c-btn-list--emphasis .c-btn-list__itm {
	max-width: 350px;
	margin: 0 auto;
}

.c-btn-list.r-type02.r-center01 .c-btn-list__itm,
.r-type02.r-center01.c-btn-list--emphasis .c-btn-list__itm {
	width: calc((100% - 3.1%) / 2);
	max-width: 300px;
	margin: 0 auto;
}

.c-btn-list.r-small .c-btn-list__itm,
.r-small.c-btn-list--emphasis .c-btn-list__itm {
	height: 30px;
}

.c-btn-list.r-1line .c-btn-list__itm,
.r-1line.c-btn-list--emphasis .c-btn-list__itm {
	height: 46px;
}

.c-btn-list.r-2line .c-btn-list__itm,
.r-2line.c-btn-list--emphasis .c-btn-list__itm {
	height: 60px;
}

.c-btn-list-parent:hover .c-btn-list__itm__link,
.c-btn-list-parent:active .c-btn-list__itm__link,
.c-btn-list-parent:focus .c-btn-list__itm__link {
	color: #fff;
	-webkit-transition: color .5s ease .08s;
	transition: color .5s ease .08s;
}

.c-btn-list-parent:hover .c-btn-list__itm__link:before,
.c-btn-list-parent:active .c-btn-list__itm__link:before,
.c-btn-list-parent:focus .c-btn-list__itm__link:before {
	border-color: #fff;
	-webkit-transition: border-color .4s ease .185s;
	transition: border-color .4s ease .185s;
}

.c-btn-list-parent:hover .c-btn-list__itm__link:after,
.c-btn-list-parent:active .c-btn-list__itm__link:after,
.c-btn-list-parent:focus .c-btn-list__itm__link:after {
	top: -100%;
	left: -20%;
}

.c-btn-list-parent:hover .c-btn-list__itm__link .c-btn-list__external__icon:before,
.c-btn-list-parent:hover .c-btn-list__itm__link .c-btn-list__external__icon:after,
.c-btn-list-parent:active .c-btn-list__itm__link .c-btn-list__external__icon:before,
.c-btn-list-parent:active .c-btn-list__itm__link .c-btn-list__external__icon:after,
.c-btn-list-parent:focus .c-btn-list__itm__link .c-btn-list__external__icon:before,
.c-btn-list-parent:focus .c-btn-list__itm__link .c-btn-list__external__icon:after {
	border-color: #e4002b;
	-webkit-transition: border-color .4s ease .185s;
	transition: border-color .4s ease .185s;
}

.c-btn-list-parent:hover .c-btn-list__itm__link .c-btn-list__external__icon:before,
.c-btn-list-parent:active .c-btn-list__itm__link .c-btn-list__external__icon:before,
.c-btn-list-parent:focus .c-btn-list__itm__link .c-btn-list__external__icon:before {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.c-btn-list-parent:hover .c-btn-list__itm__link .c-btn-list__external__icon:after,
.c-btn-list-parent:active .c-btn-list__itm__link .c-btn-list__external__icon:after,
.c-btn-list-parent:focus .c-btn-list__itm__link .c-btn-list__external__icon:after {
	border: 1px solid #fff;
}

.c-nav-list {
	margin-bottom: 15px;
}

.c-nav-list__itm {
	margin-bottom: 25.5px;
	line-height: 1.5625;
}

.c-nav-list__itm__link {
	padding-right: 20px;
}

.c-nav-list__itm__link:after {
	width: 4px;
	height: 4px;
}

.c-nav-list.r-type01 .c-nav-list__itm {
	margin-right: 80px;
}

.c-nav-list.r-type02 {
	margin-right: -80px;
}

.c-nav-list.r-type02 .c-nav-list__itm {
	min-width: 150px;
	padding-right: 40px;
}

.c-anchor-nav {
	margin-bottom: 15px;
}

.c-anchor-nav.r-type02 .c-anchor-nav__itm {
	margin-right: 30px;
	margin-left: 30px;
}

.c-anchor-nav.r-center--pc {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-anchor-nav.r-center--pc:after {
	display: none;
}

.c-anchor-nav.r-center--pc .c-anchor-nav__itm {
	margin-left: 10px;
	margin-right: 10px;
}

.c-anchor-nav__itm {
	margin-top: -1.5px;
	line-height: 1.2;
	margin-right: 10px;
	text-align: center;
}

.l-main.r-type02 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: 36.5px;
	line-height: 1.2;
}

.l-main--fullwidth .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: 36.5px;
	line-height: 1.2;
}

.c-anchor-nav__itm > a {
	position: relative;
	width: 220px;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 25px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.c-anchor-nav__itm > a:before {
	width: 9px;
	height: 9px;
	margin-left: -5px;
	bottom: 0;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}

.c-anchor-nav__itm > a:hover {
	text-decoration: underline;
}

.c-anchor-nav.r-pc5 .c-anchor-nav__itm > a {
	width: 180px;
}

.l-main--fullwidth .c-anchor-nav.r-pc5 .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: 0px;
}

.c-anchor-nav.r-pc5.r-small .c-anchor-nav__itm > a {
	width: 150px;
}

.c-anchor-nav.r-pc6sp3 {
	margin-top: 40px;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm {
	margin-right: 35px;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+5) {
	margin-top: -1.5px;
	line-height: 1.2;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(5n) {
	margin-right: 0;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+6) {
	margin-top: 36.5px;
	line-height: 1.2;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm > a {
	width: 180px;
}

.c-card-list {
	width: 1040px;
	margin: 0 auto;
}

.l-main.r-type02 .c-card-list {
	width: 774px;
}

.l-main.r-type02 .c-card-list.r-footerbanner {
	width: 1040px;
}

.c-card-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-card-list .r-itm > a,
.c-card-list .r-itm > span {
	display: block;
}

.c-card-list .r-itm > a:hover .r-txt,
.c-card-list .r-itm > span:hover .r-txt {
	text-decoration: underline;
}

.c-card-list .r-itm > a:hover .r-hdg.r-simple,
.c-card-list .r-itm > span:hover .r-hdg.r-simple {
	color: #e4002b;
}

.c-card-list .r-itm > a:hover .r-img img,
.c-card-list .r-itm > span:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list .r-itm.r-blank .r-img:after {
	width: 20px;
	height: 20px;
	right: 2px;
	top: 5px;
	background-size: 15px auto;
}

.c-card-list .r-img {
	overflow: hidden;
}

.c-card-list .r-detail {
	margin-top: 10.75px;
	line-height: 1.7;
}

.c-card-list .r-badge {
	position: absolute;
	min-width: 100px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
	margin-top: -25px;
}

.c-card-list .r-badge.r-prouse-column {
	margin-top: -36px;
}

.c-card-list .r-badge.r-carefood li {
	min-width: 100px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
	top: 142px;
	margin-right: 5px;
	text-decoration: none !important;
	pointer-events: none;
}

.c-card-list .r-badge.r-carefood li:nth-child(-n + 3) {
	margin-top: 4px;
}

.c-card-list .r-badge.r-carefood .r-date {
	margin-top: 21px;
	font-size: 12px;
}

.c-card-list .r-badge.r-carefood .r-hdg {
	font-size: 13px;
}

.c-card-list .r-badge.r-carefood .r-txt {
	display: inline-block;
	padding-bottom: 10px;
}

.c-card-list .r-badge + .r-hdg {
	margin-top: 11.75px;
	line-height: 1.7;
}

.c-card-list .r-badge + .r-txt {
	padding-top: 19.75px;
	line-height: 1.7;
}

.c-card-list .r-date {
	display: inline-block;
	margin-top: 15.45px;
	line-height: 1.7;
}

.c-card-list .r-hdg {
	font-size: 15px;
	min-width: 100px;
	padding: 0 5px 6px;
}

.c-card-list .r-hdg.r-simple {
	padding-top: 8.7px;
	line-height: 1.7;
	padding-bottom: 0;
}

.c-card-list .r-hdg.r-simple + .r-txt {
	margin-top: 4.75px;
	line-height: 1.7;
}

.c-card-list .r-hdg + .r-txt {
	margin-top: 10.75px;
	line-height: 1.7;
}

.c-card-list .r-txt {
	display: block;
	line-height: 30px;
}

.c-card-list .r-txt.r-btl {
	line-height: 1.7;
}

.c-card-list.r-small .r-itm {
	width: 180px;
	margin-left: 35px;
}

.c-card-list.r-small .r-itm:nth-child(5n-4) {
	margin-left: 0;
}

.c-card-list.r-small .r-itm:nth-child(n+6) {
	margin-top: 25px;
}

.c-card-list.r-small .r-img {
	width: 180px;
}

.c-card-list.r-normal .r-itm {
	width: 235px;
	margin-left: 33px;
}

.c-card-list.r-normal .r-itm:nth-child(4n-3) {
	margin-left: 0;
}

.c-card-list.r-normal .r-itm:nth-child(n+5) {
	margin-top: 25px;
}

.l-main.r-type02 .c-card-list.r-normal .r-itm {
	margin-left: 33px;
}

.l-main.r-type02 .c-card-list.r-normal .r-itm:nth-child(3n-2) {
	margin-left: 0;
}

.l-main.r-type02 .c-card-list.r-normal .r-itm:nth-child(n+4) {
	margin-top: 25px;
}

.c-card-list.r-normal.r-footerbanner .r-itm {
	margin-left: 33px;
}

.c-card-list.r-normal.r-footerbanner .r-itm:first-child {
	margin-left: 0px;
}

.c-card-list.r-normal.r-footerbanner .r-itm:nth-child(4) {
	margin-left: 33px !important;
}

.c-card-list.r-normal.r-footerbanner .r-itm:nth-child(n+4) {
	margin-top: 0px !important;
}

.c-card-list.r-normal .r-img {
	width: 235px;
}
.c-card-list.r-normal.r-cover .r-img {
	width: 235px;
  height: 170px;
  overflow: hidden;
}

.c-card-list.r-normal.r-cover .r-img img {
  height: 170px;
  object-fit: cover;
  transform: scale(1.02);
}

.c-card-list.r-blog .r-img {
	height: 140px;
}

.c-card-list.r-large .r-itm {
	width: 325px;
	margin-left: 32.5px;
}

.c-card-list.r-large .r-itm:nth-child(3n-2) {
	margin-left: 0;
}

.c-card-list.r-large .r-itm:nth-child(n+4) {
	margin-top: 35px;
}

.c-card-list.r-large .r-itm > a:hover .r-img img,
.c-card-list.r-large .r-itm > span:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list.r-large .r-img {
	width: 325px;
}

.c-card-list.r-large .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-card-list.r-xlarge .r-itm {
	width: 500px;
	margin-bottom: 30px;
}

.c-card-list.r-xlarge .r-itm:nth-child(odd) {
	margin-right: 39px;
}

.c-card-list.r-xlarge .r-detail {
	margin-top: 20px;
}

.c-card-list.r-xlarge .r-detail .r-badge {
	margin-top: -35px;
}

.c-card-list.r-xlarge .r-detail .r-badge.r-type03 {
	margin-top: -18px;
}

.c-card-list.r-xlarge .r-detail .r-txt {
	margin-top: 7px;
}

.c-card-list.r-note .r-itm .r-hdg.r-simple {
	padding-left: 0;
}

.c-card-list.r-note .r-itm .r-txt {
	font-size: 13px;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: -0.25px;
	line-height: 1.5;
}

.c-card-list.r-products .r-img {
	padding: 10px 10px;
}

.c-card-list.r-products .r-img img {
	max-height: 170px;
	width: auto;
}

.c-card-list.r-products.r-small img {
	max-height: 110px;
	width: auto;
}

.c-card-list.r-listimage .r-img {
	width: auto;
	height: 150px;
	padding: 10px 0;
}

.c-card-list.r-listimage .r-img img {
	max-height: 130px;
	width: auto;
}

.c-card-list.r-feature-recipe .r-img {
	height: 165px;
}

.c-card-list.r-recent-recipe .r-img {
	height: 165px;
  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;
  }

.r-recent-recipe-content {
  padding: 24px 0 40px;
  background: url(/entertainment/cat_assets/img/openkitchen/openkitchen_bg_dot_001.png) repeat top left;
}

.c-card-list-cf {
	width: 1040px;
	margin: 0 auto;
}

.c-card-list-cf__itms .r-itm:first-child {
	margin-left: 0px;
}

.c-card-list-cf__itms .r-itm {
	margin-left: 33px;
	width: 235px;
}

.c-card-list-cf__itms .r-itm.r-blank a:after {
	width: 20px;
	height: 20px;
	right: 2px;
	top: 5px;
	background-size: 15px auto;
}

.c-card-list-cf__itms .r-itm a .r-img {
	width: 235px;
	overflow: hidden;
}

.c-card-list-cf__itms .r-itm a:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list-cf__itms .r-itm a:hover .r-txt {
	text-decoration: underline;
}

.c-card-list-bnr {
	width: 1040px;
	margin: 0 auto;
}

.c-card-list-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-card-list-bnr.r-center .c-card-list-bnr__itms {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-card-list-bnr .r-itm {
	margin-left: 32.5px;
}

.c-card-list-bnr .r-itm.r-blank a:after {
	width: 20px;
	height: 20px;
	right: 2px;
	top: 5px;
	background-size: 15px auto;
}

.c-card-list-bnr .r-itm > a:hover .r-img img,
.c-card-list-bnr .r-itm > span:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list-bnr .r-itm > a:hover .r-txt,
.c-card-list-bnr .r-itm > span:hover .r-txt {
	text-decoration: underline;
}

.c-card-list-bnr .r-img {
	overflow: hidden;
}

.c-card-list-bnr .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: 16.25px;
	line-height: 1.5;
}

.c-card-list-bnr .r-badge {
	min-width: 100px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
	margin-top: -25px;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: 6.25px;
	line-height: 1.5;
	padding: 0 0 6px;
}

.c-card-list-bnr .r-detail {
	text-align: center;
	margin-top: 10px;
}

.c-card-list-bnr.r-longsentence .r-detail {
	text-align: left;
}

.c-card-list-bnr.r-category-bnr .r-img img {
	max-width: none;
}

.c-card-list-bnr.r-category-bnr.r-normal .r-img img {
	width: calc(100% + 200px);
	margin: -15px -100px;
}

.c-card-list-bnr.r-category-bnr.r-small .r-img img {
	width: calc(100% + 160px);
	margin: -15px -80px;
}

.c-card-list-bnr.r-normal .r-itm {
	width: 500px;
}

.c-card-list-bnr.r-normal .r-itm:first-child,
.c-card-list-bnr.r-normal .r-itm:nth-child(2n-1) {
	margin-left: 0;
}

.c-card-list-bnr.r-normal .r-itm:first-child {
	margin-left: 0;
}

.c-card-list-bnr.r-normal .r-itm:nth-child(n+3) {
	margin-top: 35px;
}

.c-card-list-bnr.r-small .r-itm {
	width: 325px;
}

.c-card-list-bnr.r-small .r-itm:first-child,
.c-card-list-bnr.r-small .r-itm:nth-child(3n-2) {
	margin-left: 0;
}

.c-card-list-bnr.r-small .r-itm:nth-child(n+4) {
	margin-top: 30px;
}

.c-card-list-bnr.r-small .r-slider {
	margin-left: -16px;
	margin-right: -16px;
}

.c-card-list-bnr.r-small .slick-slide {
	margin-left: 16px;
	margin-right: 16px;
}

.c-card-list-bnr.r-small .r-slider__prevarrow,
.c-card-list-bnr.r-small .r-slider__nextarrow {
	top: 82px;
}

.c-card-list-bnr.r-type04 .r-itm {
	width: 320px;
}

.c-card-list-bnr.r-xsmall .r-itm {
	width: 235px;
	margin-left: 33px;
}

.c-card-list-bnr.r-xsmall .r-itm:first-child,
.c-card-list-bnr.r-xsmall .r-itm:nth-child(4n-3) {
	margin-left: 0;
}

.c-card-list-bnr.r-xsmall .r-itm:nth-child(n+5) {
	margin-top: 25px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm {
	width: 320px;
	height: 100px;
	margin-left: 40px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm:first-child {
	margin-left: 0px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-img {
	width: 100px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail {
	width: 218px;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail .r-txt {
	font-size: 16px;
}

.c-card-list-bnr.r-relation.r-relation-type02 .c-card-list-bnr__itms {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.c-card-list-bnr.r-relation.r-relation-type02 .r-itm:nth-child(odd) {
	margin-left: 0px;
}

.c-card-list-bnr.r-relation.r-relation-type02 .r-itm:nth-child(n+3) {
	margin-top: 30px;
}

.c-card-list-bnr.r-center .c-card-list__itms {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-card-list-media {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

.c-card-list-media__note .r-inner {
	padding-bottom: 10.1px;
	padding-top: 10.1px;
	line-height: 1.7;
}

.c-card-list-media__note.r-prouse .r-inr {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-top: 15px;
}

.c-card-list-media__note.r-prouse .r-inr p {
	margin-left: 10px;
}

.c-card-list-media__note.r-prouse .r-inr p a {
	font-size: 13px;
}

.c-card-list-media .r-itm > a:hover .r-txt {
	text-decoration: underline;
}

.c-card-list-media.r-normal .r-itm {
	width: 500px;
}

.c-card-list-media.r-normal .r-itm.r-has-bdr {
	border: 1px solid #ddd;
}

.c-card-list-media.r-normal .r-itm:nth-child(n+3) {
	margin-top: 30px;
}

.c-card-list-media.r-normal .r-img {
	width: 268px;
}

.c-card-list-media.r-normal .r-detail {
	width: 235px;
	padding: 20px 20px 0 0;
}

.c-card-list-media.r-normal .r-hdg {
	padding-left: 15px;
	padding-bottom: 10.5px;
	line-height: 1.33333;
}

.c-card-list-media.r-xlarge .r-itm {
	margin-top: 60px;
}

.c-card-list-media.r-xlarge .r-itm > a,
.c-card-list-media.r-xlarge .r-itm > span {
	width: 1040px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-media.r-xlarge .r-badge {
	min-width: 100px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: top;
}

.c-card-list-media.r-xlarge .r-badge + .r-hdg {
	margin-top: 16.7px;
	line-height: 1.7;
}

.c-card-list-media.r-xlarge .r-img {
	width: 500px;
}

.c-card-list-media.r-xlarge .r-detail {
	width: 500px;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: -6.75px;
	line-height: 1.7;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: 14.75px;
	line-height: 1.7;
	padding: 0;
}

.c-card-list-media.r-recipe .r-itm {
	width: 510px;
}

.c-card-list-media.r-recipe .r-itm:nth-child(n+3) {
	margin-top: 30px;
}

.c-card-list-media.r-recipe .r-itm .r-hdg:hover,
.c-card-list-media.r-recipe .r-itm .r-product:hover,
.c-card-list-media.r-recipe .r-itm .r-recipe-link:hover + .r-detail .r-hdg,
.c-card-list-media.r-recipe .r-itm .r-recipe-link:hover .r-hdg,
.c-card-list-media.r-recipe .r-itm .r-product-link:hover .r-product-txt,
.c-card-list-media.r-recipe .r-itm > a:hover .r-hdg,
.c-card-list-media.r-recipe .r-itm > a:hover .r-product-txt,
.c-card-list-media.r-recipe .r-itm > span:hover .r-hdg,
.c-card-list-media.r-recipe .r-itm > span:hover .r-product-txt {
	text-decoration: underline;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"] {
	padding-top: 45px;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"]:nth-child(n+3) {
	margin-top: 20px;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"] .r-prize {
	top: 10px;
	left: 60px;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank {
	padding-top: 45px;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank:nth-child(n+3) {
	margin-top: 20px;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank .r-prize {
	top: 10px;
	left: 0px;
}

.c-card-list-media.r-recipe .r-badge {
	min-width: 120px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: top;
}

.c-card-list-media.r-recipe .r-badge + .r-hdg {
	margin-top: 10px;
}

.c-card-list-media.r-recipe .r-img {
	width: 235px;
}

.c-card-list-media.r-recipe .r-detail {
	width: 285px;
	padding: 0 0 0 20px;
}

.c-card-list-media.r-recipe .r-hdg {
	line-height: 1.7;
	margin-top: -6.3px;
	margin-bottom: -6.3px;
}

.c-card-list-media.r-recipe .r-detail .r-sub-txt {
	font-size: 13px;
}

.c-card-list-media.r-recipe .r-detail .r-sub-txt + .r-hdg {
	margin-top: 5px;
}

.c-card-list-media.r-recipe .r-detail-inner {
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

.c-card-list-media.r-recipe .r-list {
	margin-bottom: 10px;
}

.c-card-list-media.r-recipe .r-list li {
	margin-right: 5px;
	padding-left: 22px;
	font-size: 13px;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm01 {
	background-size: auto 16px;
	background-position: 0 5px;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm02 {
	background-size: auto 17px;
	background-position: 2px 4px;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm03 {
	background-size: auto 19px;
	background-position: 4px 3px;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm04 {
	background-size: auto 36px;
	background-position: -10px -6px;
}

.c-card-list-media.r-recipe .r-product {
	display: table;
	table-layout: fixed;
}

.c-card-list-media.r-recipe .r-product .r-product-img {
	display: table-cell;
	width: 30px;
}

.c-card-list-media.r-recipe .r-product .r-product-img img {
	max-height: 56px;
}

.c-card-list-media.r-recipe .r-product .r-product-txt {
	padding-left: 8px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 12px;
}

.c-card-list-media.r-recipe .r-product-sp {
	display: none;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm {
	width: 330px;
	margin-right: 25px;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm:nth-child(-n+3) {
	margin-top: 0px !important;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm:nth-child(n+4) {
	margin-top: 40px;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm:nth-child(3n) {
	margin-right: 0px;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail {
	padding-left: 0px;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	line-height: 1.7;
	margin-top: 13.7px;
	margin-bottom: -6.3px;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-detail-inner {
	margin-top: 15px;
}

.c-card-list-media.r-trim .r-img {
	min-height: 125px;
}

.c-card-list-media.r-trim .r-img > img {
	width: 100%;
	height: auto;
	margin-top: -10%;
	margin-bottom: -10%;
}

.c-card-list-media .r-itm .r-detail-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.c-card-list-media .r-itm .r-recipe-link:hover .r-img img,
.c-card-list-media .r-itm > a:hover .r-img > img,
.c-card-list-media .r-itm .r-link:hover .r-img > img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list-media .r-itm > a,
.c-card-list-media .r-itm > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.c-card-list-media .r-img {
	overflow: hidden;
}

.c-card-list-media .r-img.r-height-auto {
	height: 100%;
}

.c-card-list-media .r-img.r-height-auto > img {
	height: auto;
}

.c-card-list-media .r-img > img {
	height: 100%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-card-list-media .r-txt {
	margin-right: -10px;
	padding-left: 15px;
	padding-top: 13.5px;
	line-height: 1.84615;
}

.c-card-list-media__btn {
	margin-top: 80px;
}

.c-card-list-pickup {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: space-between;
	align-content: space-between;
	width: 1040px;
	margin: 60px auto 0;
}

.c-card-list-pickup__itms {
	width: 503px;
}

.c-card-list-pickup__itms.r-no-seasonal {
	width: 1040px;
}

.c-card-list-pickup__itms.r-no-seasonal .r-itm:nth-child(4n-1):last-child {
	margin-left: 40px;
	margin-right: auto;
}

.c-card-list-pickup__itms.r-no-seasonal .r-itm:nth-child(4n-2):last-child {
	margin-left: 40px;
	margin-right: auto;
}

.c-card-list-pickup__itms.r-no-seasonal .r-itm:nth-child(4n-2):nth-last-child(2) {
	margin-left: 40px;
}

.c-card-list-pickup .r-itm {
	width: 235px;
}

.c-card-list-pickup .r-itm .r-img {
	height: 165px;
}

.c-card-list-pickup .r-itm > a:hover .r-img img,
.c-card-list-pickup .r-itm span:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-card-list-pickup .r-itm > a:hover .r-txt,
.c-card-list-pickup .r-itm span:hover .r-txt {
	text-decoration: underline;
}

.c-card-list-pickup .r-itm.r-cmgallery,
.c-card-list-pickup .r-itm.r-seasonal {
	width: 505px;
}

.c-card-list-pickup .r-itm.r-seasonal {
	height: 475px;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 475px;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img img {
	width: 100%;
}

.c-card-list-pickup .r-itm.r-seasonal .r-hdg img {
	width: 70px;
	margin-top: -2px;
}

.c-card-list-pickup .r-itm.r-cmgallery { /* height: 404px; */
}

.c-card-list-pickup .r-itm.r-cmgallery .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 441px;
}

.c-card-list-pickup .r-itm.r-large {
	width: 502px;
}

.c-card-list-pickup .r-itm.r-news .r-hdg:after {
	width: 50px;
	height: 50px;
	padding-left: 70px;
	background: url(https://img.kewpie.co.jp/assets/img/common/categoryicon_recipes/categoryicon_item_vegetables.png) no-repeat center center;
	background-size: 50px auto;
}

.c-card-list-pickup .r-itm.r-vegetable .r-hdg {
	padding-left: 30px;
}

.c-card-list-pickup .r-itm.r-vegetable .r-hdg:after {
	width: 30px;
	height: 34px;
	background-size: auto 34px;
	top: -9px;
	left: -3px;
}

.c-card-list-pickup .r-itm.r-recipe .r-hdg {
	padding-left: 30px;
}

.c-card-list-pickup .r-itm.r-recipe .r-hdg:after {
	width: 30px;
	height: 30px;
	/*background-size: auto 24px;*/
	background-size: auto 20px;
	top: -7px;
	left: -3px;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img:after,
.c-card-list-pickup .r-itm.r-vegetable .r-img:after {
	box-shadow: 0 0 80px #f2f2f2 inset;
}
/*おうちごはん*/
.c-card-list-pickup .r-itm.r-seasonal .r-img:after {
	box-shadow: 0 0 80px #fff inset!important;
}

.c-card-list-pickup .r-detail {
	padding-bottom: 10px;
}

.c-card-list-pickup .r-hdg {
	min-width: 100px;
	margin-top: 17.5px;
	line-height: 1.33333;
	padding: 0 0 6px;
	text-align: center;
}

.c-card-list-pickup .r-img > img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-card-list-pickup .r-img + .r-txt {
	padding: 7px 0 0;
}

.c-card-list-pickup .r-txt {
	padding: 5px 0 0;
	font-size: 15px;
	line-height: 1.7;
}

.c-card-list-pickup.r-right .r-itm .r-hdg {
	padding-right: 30px;
}

.c-card-list-pickup.r-right .r-itm .r-hdg:after {
	left: auto;
	right: -3px;
}

.c-cat-list {
	width: 1040px;
	margin: 0 auto;
}

.l-main.r-type02 .c-cat-list {
	width: auto;
}

.c-cat-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-cat-list .r-itm:hover .r-img > img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-cat-list .r-itm:hover .r-hdg {
	text-decoration: underline;
}

.c-cat-list .r-itm:nth-child(n+5) {
	margin-top: 40px;
}

.c-cat-list .r-itm:nth-child(4n-1):last-child,
.c-cat-list .r-itm:nth-child(4n-2):last-child {
	margin-right: auto;
	margin-left: 33px;
}

.c-cat-list .r-itm:nth-child(4n-2):nth-last-child(2) {
	margin-left: 33px;
}

.c-cat-list .r-itm > a:hover,
.c-cat-list .r-itm > span:hover {
	text-decoration: none;
}

.c-cat-list .r-itm > a:hover .r-hdg,
.c-cat-list .r-itm > span:hover .r-hdg {
	color: #e4002b;
}

.c-cat-list .r-itm.r-blank .r-img:after {
	width: 20px;
	height: 20px;
	right: 35px;
	top: 44px;
	background-size: 15px auto;
}

.c-cat-list .r-img {
	width: 235px;
	height: 235px;
}

.c-cat-list .r-img:hover {
	text-decoration: none;
}

.c-cat-list .r-img > img {
	width: 155px;
	left: 40px;
	top: 20px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.c-cat-list .r-hdg {
	padding-top: 130px;
	padding-left: 30px;
	padding-right: 30px;
	width: 235px;
	height: 235px;
	font-size: 14px;
	line-height: 1.5;
}

.c-cat-list .r-hdg > img {
	height: 70px;
}

.c-cat-list .r-note {
	font-size: 12px;
}

.c-cat-list .r-linklist {
	margin-top: 30px;
	padding-left: 50px;
	font-size: 14px;
}

.c-cat-list .r-linklist ul {
	min-height: 80px;
}

.c-cat-list .r-linklist ul li {
	line-height: 20px;
	padding-top: 15px;
	padding-left: 20px;
}

.c-cat-list .r-linklist ul li a:hover {
	text-decoration: underline;
}

.c-cat-list .r-linklist.r-type02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-left: 0;
	margin-left: 10px;
}

.c-cat-list .r-linklist.r-type02 > ul {
	width: 50%;
	padding-right: 20px;
}

.c-cat-list.r-type02 .r-itm:nth-child(3) {
	margin-top: 0;
}

.c-cat-list.r-type02 .r-itm:nth-child(n+4) {
	margin-top: 40px;
}

.c-cat-list.r-type02 .r-itm:nth-child(4n-1):last-child,
.c-cat-list.r-type02 .r-itm:nth-child(4n-2):last-child {
	margin-right: 0;
	margin-left: 0;
}

.c-cat-list.r-type02 .r-itm:nth-child(3n-1):last-child {
	margin-right: auto;
	margin-left: 70px;
}

.c-cat-list.r-type02 .r-itm .r-img {
	width: 300px;
	height: 300px;
}

.c-cat-list.r-type02 .r-itm .r-img img {
	width: 220px;
	left: 40px;
	top: 20px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.c-cat-list.r-type02 .r-itm .r-hdg {
	padding-top: 180px;
	width: 300px;
	height: 300px;
	font-size: 16px;
}

.c-cat-list.r-type02 .r-itm:hover .r-img > img {
	-webkit-transform: none;
	transform: none;
}

.c-cat-list.r-type02 .r-itm:hover .r-hdg {
	text-decoration: none;
}

.c-cat-list.r-full-image .c-cat-list__itms {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm {
	margin-left: 33px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-img {
	width: 235px;
	height: 235px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-img > img {
	width: 235px;
	left: 0;
	top: 0;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg {
	padding-top: 150px;
	font-size: 16px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg.r-noicon {
	padding-top: 120px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg > img {
	height: 60px;
	margin-top: -5px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm:first-child,
.c-cat-list.r-full-image .c-cat-list__itms .r-itm:nth-child(4n+1) {
	margin-left: 0px;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm:last-child {
	margin-right: 0px;
}

.c-cat-list__btn {
	width: 600px;
	margin: 40px auto 0;
}

.c-cat-list-panel .r-itm {
	width: 200px;
	padding-top: 25px;
	margin-right: 35px;
}

.c-cat-list-panel .r-hdg {
	padding: 16px 15px 0;
	font-size: 14px;
	line-height: 1.6;
}

.c-cat-list-panel .r-img {
	width: 200px;
	height: 200px;
	margin-right: 33px;
}

.c-cat-list-panel .r-img:hover {
	text-decoration: none;
}

.c-cat-list-panel .r-img > img {
	width: 120px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-panel-list__itm__link:before {
	width: 6px;
	height: 6px;
}

.c-panel-list__itm__link:after {
	width: 12px;
	height: 1px;
}

.c-panel-list__itm__link__inner:after {
	width: 37px;
	height: 37px;
}

.c-panel-list__itm__title {
	font-size: 18px;
}

.c-panel-list__itm__img {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}

.c-panel-list.r-type01 .c-panel-list__itm {
	width: calc((100% - 24px * 2) / 3);
	margin-top: 24px;
	margin-right: 24px;
}

.c-panel-list.r-type01 .c-panel-list__itm:nth-of-type(3n) {
	margin-right: 0;
}

.c-panel-list.r-type01 .c-panel-list__itm:nth-of-type(-n + 3) {
	margin-top: 0;
}

.c-panel-list.r-type01 .c-panel-list__itm__title {
	top: 48px;
	left: 20px;
	line-height: 1.66;
}

.c-panel-list.r-type01 .c-panel-list__itm__link:before {
	bottom: 36px;
	left: 38px;
}

.c-panel-list.r-type01 .c-panel-list__itm__link:after {
	bottom: 39px;
	left: 33px;
}

.c-panel-list.r-type01 .c-panel-list__itm__link__inner:after {
	bottom: 20px;
	left: 20px;
	width: 37px;
	height: 37px;
}

.c-panel-list.r-type02 .c-panel-list__itm {
	width: calc((100% - 24px) / 2);
	margin-top: 24px;
	margin-right: 24px;
}

.c-panel-list.r-type02 .c-panel-list__itm:nth-child(2n) {
	margin-right: 0;
}

.c-panel-list.r-type02 .c-panel-list__itm:nth-of-type(-n + 2) {
	margin-top: 0;
}

.c-panel-list.r-type02 .c-panel-list__itm__title {
	top: 50%;
	left: 40px;
	line-height: 1.77;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.c-panel-list.r-type02 .c-panel-list__itm__link:before {
	bottom: 46px;
	left: 58px;
}

.c-panel-list.r-type02 .c-panel-list__itm__link:after {
	bottom: 49px;
	left: 53px;
}

.c-panel-list.r-type02 .c-panel-list__itm__link__inner:after {
	bottom: 30px;
	left: 40px;
}

.c-panel-list.r-type03 .c-panel-list__itm {
	width: calc((100% - 24px * 2) / 3);
	margin-top: 24px;
	margin-right: 24px;
}

.c-panel-list.r-type03 .c-panel-list__itm:nth-of-type(3n) {
	margin-right: 0;
}

.c-panel-list.r-type03 .c-panel-list__itm:nth-of-type(-n + 3) {
	margin-top: 0;
}

.c-panel-list.r-type03 .c-panel-list__itm__title {
	top: 62px;
	left: 20px;
	line-height: 1.66;
}

.c-panel-list.r-type03 .c-panel-list__itm__link:before {
	bottom: 36px;
	left: 38px;
}

.c-panel-list.r-type03 .c-panel-list__itm__link:after {
	bottom: 39px;
	left: 33px;
}

.c-panel-list.r-type03 .c-panel-list__itm__link__inner:after {
	bottom: 20px;
	left: 20px;
	width: 37px;
	height: 37px;
}

.c-prod-list.r-type01 {
	width: 790px;
}

.c-prod-list.r-col4 {
	width: 980px;
}

.c-prod-list.r-col4 .r-slider,
.c-prod-list.r-col4 .c-prod-list__itms {
	margin: 0 -10px;
}

.c-prod-list.r-col4 .r-itm {
	width: 230px !important;
	margin-left: 10px;
	margin-right: 10px;
}

.c-prod-list.r-col4 .r-itm:nth-child(n+5) {
	margin-top: 40px;
}

.c-prod-list.r-col4 .r-itm > a:hover .r-hdg {
	text-decoration: underline;
}

.c-prod-list.r-col4 .r-img {
	width: 230px;
	margin-left: auto;
	margin-right: auto;
}

.c-prod-list.r-col5 {
	width: 980px;
}

.c-prod-list.r-col5 .r-slider,
.c-prod-list.r-col5 .c-prod-list__itms {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 -10px;
}

.c-prod-list.r-col5 .r-itm:nth-child(n+6) {
	margin-top: 30px;
}

.c-prod-list .r-slider__prevarrow.r-has-arw--pc,
.c-prod-list .r-slider__nextarrow.r-has-arw--pc {
	top: 35%;
}

.c-prod-list.r-inner-pattern {
	width: 955px;
}

.c-prod-list.r-inner-pattern .r-slider__prevarrow.r-has-arw--pc {
	top: 26%;
	left: -20px;
}

.c-prod-list.r-inner-pattern .r-slider__nextarrow.r-has-arw--pc {
	top: 26%;
	right: -20px;
}

.c-prod-list .r-itm {
	width: 180px !important;
	margin-left: 10px;
	margin-right: 10px;
}

.c-prod-list .r-itm-inner + .r-hdg {
	margin-top: 4.75px;
	line-height: 1.7;
}

.c-prod-list .r-itm-inner + .r-txt {
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-prod-list .r-itm > a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-prod-list .r-itm > a:hover .r-hdg {
	text-decoration: underline;
}

.c-prod-list .r-img {
	width: 180px;
	height: 150px;
	padding: 10px 0;
}

.c-prod-list .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.c-prod-list .r-hdg {
	margin-top: 14.75px;
	line-height: 1.7;
}

.p-prod-info-list__block .c-prod-list .r-slider {
	margin: 0 -8px;
}

.p-prod-info-list__block .c-prod-list .r-itm {
	margin-left: 8px;
	margin-right: 8px;
}

.c-question-list {
	margin-top: 30px;
}

.c-question-list__itm {
	padding: 30px 10px 30px 70px;
}

.c-question-list__question:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	top: 23px;
	left: 10px;
}

.c-question-list__question:after {
	width: 11px;
	height: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-question-list__question:hover {
	text-decoration: underline;
}

.c-tab-list__itm {
	min-height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}

.c-tab-list__itm > a {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	padding-bottom: 8.7px;
	padding-top: 8.7px;
	line-height: 1.7;
}

.r-bottom .c-tab-list__itm {
	display: none;
}

.c-tab-list-type02__navi {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 1040px;
	margin: 0 auto;
}

.c-tab-list-type02__navi .r-hdg {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: calc(100% / 5);
	padding-bottom: 6.25px;
	padding-top: 6.25px;
	line-height: 1.5;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	min-height: 57px;
}

.c-tab-list-type02__navi .r-hdg:hover {
	background-color: #e4002b;
	border-right: 1px solid #ddd;
	color: #fff;
}

.c-tab-list-type02__navi .r-hdg:hover > a,
.c-tab-list-type02__navi .r-hdg:hover span {
	color: #fff;
}

.c-tab-list-type02__navi .r-hdg.is-active {
	border-bottom: 1px solid #fff;
}

.c-tab-list-type02__navi .r-hdg.is-active > a,
.c-tab-list-type02__navi .r-hdg.is-active span {
	color: #e4002b !important;
}

.c-tab-list-type02__navi .r-hdg.is-active:hover > a,
.c-tab-list-type02__navi .r-hdg.is-active:hover span {
	color: #fff !important;
}

.c-tab-list-type02__navi .r-hdg.is-active span:after {
	height: 2px;
	bottom: -18px;
}

.c-tab-list-type02__navi .r-hdg.is-active.r-2line span:after {
	bottom: -7px;
}

.c-tab-list-type02__navi .r-hdg > a:hover {
	color: #fff;
}

.c-tab-list-type02__navi .r-hdg span:hover {
	color: #fff;
}

.c-tab-list-type02__navi .r-hdg.r-disable > a:hover,
.c-tab-list-type02__navi .r-hdg.r-disable span:hover {
	color: #ddd;
}

.c-tab-list-type02__navi.r-type02 .r-hdg {
	width: calc(100% / 4);
}

.c-tab-list-type02__navi.r-type03 .r-hdg {
	width: calc(100% / 2);
}

.c-tab-list-emphasis__navi {
	width: 1040px;
	margin: 0 auto;
}

.c-tab-list-emphasis__navi + .r-content {
	padding: 0 0 50px;
}

.c-tab-list-emphasis__inner {
	padding: 50px 0 0;
}

.c-tab-list-emphasis__inner.r-maxinner {
	width: 1040px;
	margin: 0 auto;
}

.c-tab-list-emphasis__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm {
	width: 340px;
	font-size: 16px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm:nth-child(3n+2):last-child,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm:nth-child(3n+2):last-child {
	margin-right: auto;
	margin-left: 10px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm:nth-child(n+4),
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm:nth-child(n+4) {
	margin-top: 10px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list.r-2row--pc .r-itm:nth-child(n+3) {
	margin-top: 10px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 330px;
	height: 80px;
	padding-left: 105px;
	padding-right: 35px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a:hover:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a:hover:after {
	right: 15px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a:after,
.p-recipe-ranking-product__nav__list__itm__tab:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a:after {
	width: 12px;
	height: 12px;
	right: 20px;
	-webkit-transition: right .2s;
	transition: right .2s;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:before,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:before {
	top: 50%;
	right: 22px;
	margin-bottom: -1px;
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-blank > a:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-blank > a:after {
	top: 50%;
	right: 20px;
	margin-top: -2px;
	border: 1px solid #e4002b;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm .r-img,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm .r-img {
	width: 105px;
	height: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm .r-img img,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm .r-img img {
	max-width: none;
	height: 100%;
	max-height: 70px;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-simple a,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-simple a {
	padding-left: 60px;
}

.c-tab-list-accordion {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1040px;
	margin: 0 auto;
	border-right: 1px solid #ddd;
}

.c-tab-list-accordion .r-hdg {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	width: calc(100% / 3);
	padding: 15px 0;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	box-sizing: border-box;
	margin-bottom: -1px;
	text-align: center;
}

.c-tab-list-accordion .r-hdg:nth-of-type(3n) {
	border-right: 0;
}

.c-tab-list-accordion .r-hdg:nth-of-type(3n-1):last-of-type {
	width: calc(100% / 2);
	border-right: 1px solid #ddd;
}

.c-tab-list-accordion .r-hdg:nth-of-type(3n-2) {
	border-left: 1px solid #ddd;
}

.c-tab-list-accordion .r-hdg:nth-of-type(3n-2):nth-last-of-type(2) {
	width: calc(100% / 2);
}

.c-tab-list-accordion .r-hdg:nth-of-type(3n-2):last-of-type {
	width: calc(100% / 2);
}

.c-tab-list-accordion .r-hdg:hover,
.c-tab-list-accordion .r-hdg.is-active {
	color: #fff;
	background-color: #e4002b;
}

.c-tab-list-accordion .r-itm {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	width: 1039px;
	padding: 60px 40px;
	border-right: 0;
}

.c-tab-list-accordion .r-itm[aria-hidden=true] {
	border: 0;
}

.c-tab-list-accordion.r-type02 .r-hdg {
	margin-bottom: 0px;
}

.c-tab-list-accordion.r-type02 .r-hdg:nth-of-type(3n) {
	border-right: 1px solid #ddd;
}

.c-tab-list-accordion.r-type02 .r-itm {
	padding: 60px 50px;
}

.c-tab-list-accordion.r-type02 .r-itm[aria-hidden=true] {
	border: 0;
}

.c-pager__nav--start > a:before,
.c-pager__nav--start > a:after,
.c-pager__nav--prev > a:before,
.c-pager__nav--next > a:before,
.c-pager__nav--end > a:before,
.c-pager__nav--end > a:after {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	margin-left: -4px;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	left: 50%;
	top: 50%;
}

.c-pager__nav .r-itm,
.c-pager__nav--start,
.c-pager__nav--prev,
.c-pager__nav--next,
.c-pager__nav--end {
	font-size: 15px;
}

.c-pager__nav .r-itm a,
.c-pager__nav--start a,
.c-pager__nav--prev a,
.c-pager__nav--next a,
.c-pager__nav--end a {
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	margin: 0 10px 0 0;
	text-decoration: none;
	background-color: #fff;
	line-height: 36px;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.c-pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-pager__nav--start > a:before {
	margin-left: 1px;
}

.c-pager__nav--start > a:after {
	margin-left: -6px;
}

.c-pager__nav--prev > a:before {
	margin-left: -4px;
}

.c-pager__nav--next > a:before {
	margin-left: -7px;
}

.c-pager__nav--end > a:before {
	margin-left: -3px;
}

.c-pager__nav--end > a:after {
	margin-left: -10px;
}

.c-def-list__itms .r-itm {
	margin-top: 20px;
}

.c-def-list__itms .r-itm a .r-hdg {
	line-height: 30px;
}

.c-def-list__itms .r-itm a .r-txt {
	margin-top: 10px;
}

.c-def-list__itms .r-itm a[href$=".pdf"] .r-hdg {
	padding-left: 30px;
}

.c-def-list__itms .r-itm a[href$=".pdf"] .r-hdg:before {
	top: 4px;
	width: 20px;
	height: 20px;
}

.c-recipe-calendar {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.c-recipe-calendar__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 1040px;
	min-height: 390px;
	margin: 0 auto;
	background-image: none !important;
}

.c-recipe-calendar-hdg {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 520px;
	min-height: 350px;
	padding: 60px 0;
}

.c-recipe-calendar-hdg .r-copy {
	display: inline-block;
	width: 390px;
	padding-left: 20px;
	margin-top: -10px;
	line-height: 2;
	vertical-align: middle;
}

.c-recipe-calendar-hdg .r-detail {
	margin: -80px;
	margin-top: -58px;
	line-height: 2;
	padding: 80px;
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.7) 0, transparent 70%);
	background: radial-gradient(rgba(0, 0, 0, 0.7) 0, transparent 70%);
}

.c-recipe-calendar-hdg .r-img > img {
	vertical-align: middle;
}

.c-recipe-calendar-hdg .r-btn {
	position: absolute;
	width: 300px;
	right: 15px;
	bottom: 60px;
}

.c-recipe-calendar-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 520px;
	padding: 60px 0 60px 20px;
}

.c-recipe-calendar-list__itms {
	width: 500px;
}

.c-recipe-calendar-list .r-itm {
	margin-bottom: 10px;
}

.c-recipe-calendar-list .r-itm:last-child {
	margin-bottom: 0;
}

.c-recipe-calendar-list .r-itm > a:hover .r-img > img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.c-recipe-calendar-list .r-itm > a:hover .r-txt {
	text-decoration: underline;
}

.c-recipe-calendar-list .r-detail {
	width: 235px;
	padding: 25px 20px 0 30px;
}

.c-recipe-calendar-list .r-hdg {
	padding-bottom: 7.75px;
	line-height: 1.7;
}

.c-recipe-calendar-list .r-txt {
	margin-right: -15px;
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-recipe-calendar-list .r-date {
	font-size: 12px;
}

.c-recipe-calendar-list .r-img {
	overflow: hidden;
	width: 225px;
	margin: 5px 5px 5px 0;
}

.c-detail-visual-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	width: 1040px;
}

.c-detail-visual-main__img {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	width: 770px;
}

.r-normal .c-detail-visual-main__img {
	width: 500px;
}

.r-mid .c-detail-visual-main__img {
	width: 640px;
	height: 360px;
}

.r-old .c-detail-visual-main__img {
	width: 640px;
	height: 480px;
}

.c-detail-visual-main__detail {
	width: 235px;
	padding-bottom: 110px;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
}

.r-normal .c-detail-visual-main__detail {
	width: 480px;
	padding-bottom: 0;
	border-top: 1px dashed #e4002b;
}

.r-mid .c-detail-visual-main__detail {
	width: 350px;
	padding-bottom: 0px;
}

.r-old .c-detail-visual-main__detail {
	width: 350px;
	padding-bottom: 0px;
}

.c-detail-visual-main__data {
	padding-bottom: 34.75px;
	padding-top: 34.75px;
	line-height: 1.7;
	border-top: 1px dashed #e4002b;
	border-bottom: 1px dashed #e4002b;
}

.r-normal .c-detail-visual-main__data {
	padding-bottom: 24.75px;
	padding-top: 24.75px;
	line-height: 1.7;
	border: 0;
}

.c-detail-visual-main__txt {
	padding-top: 12.5px;
	line-height: 2;
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	order: 3;
}

.c-detail-visual-main__modal img {
	max-height: 100vw;
}

.c-detail-visual-main.r-recipe-basic .c-detail-visual-main__detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-bottom: 0;
}

.c-detail-visual-list {
	margin-bottom: 10px;
}

.c-detail-visual-list li {
	margin-right: 10px;
	padding-left: 27px;
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-detail-visual-list li.r-list-itm01 {
	background-size: auto 18px;
	background-position: 0 4px;
}

.c-detail-visual-list li.r-list-itm02 {
	background-size: auto 19px;
	background-position: 2px 3px;
}

.c-detail-visual-list li.r-list-itm03 {
	background-size: auto 22px;
	background-position: 5px 2px;
}

.c-detail-visual-list li.r-list-itm04 {
	background-size: auto 40px;
	background-position: left -10px top -10px;
}

.c-detail-visual-list .r-caption {
	font-size: 12px;
}

.c-detail-visual-list.r-type02 .r-hdg {
	width: 105px;
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-visual-list.r-type02 .r-txt {
	width: 370px;
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-visual-list.r-type03 .r-hdg {
	width: 100px;
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-visual-list.r-type03 .r-txt {
	width: 250px;
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-hdg--lv3 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.75;
}

.c-detail-hdg--lv3-center {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.75;
}

.c-detail-info-flex_itm {
	padding: 0 35px;
}

.c-detail-info-flex_itm:nth-child(odd) {
	border-right: solid 1px #dddddd;
}

.c-detail-info-cont {
	padding-top: 10px;
	width: 445px;
}

.c-detail-info-cont + .c-detail-hdg--lv3 {
	padding-top: 15px;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-info-cont .r-clef + .r-narration {
	margin-top: 20px;
}

.c-detail-info-cont .r-super {
	margin-top: 40px;
}

.c-detail-info-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: 50px;
	padding: 35px 0 40px 0;
}

.c-detail-info-list .c-detail-info-flex_itm {
	padding: 0 35px;
}

.c-detail-info-list .c-detail-info-flex_itm:nth-child(odd) {
	border-right: solid 1px #dddddd;
}

.c-detail-info-list .c-detail-info-cont {
	padding-top: 10px;
	width: 445px;
}

.c-detail-info-list .c-detail-info-cont + .c-detail-hdg--lv3 {
	padding-top: 15px;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-info-list .c-detail-info-cont-no-line {
	width: 450px;
}

.c-detail-info-list.r-single {
	margin-top: 50px;
	display: block;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm {
	width: 100%;
	box-sizing: border-box;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm:nth-child(odd) {
	border-right: none;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order {
	margin-top: 30px;
	padding-bottom: 35px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order:first-child {
	margin-top: 20px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order {
	padding-left: 40px;
	font-size: 18px;
	line-height: 1.4;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order .r-num {
	font-size: 25px;
	top: -5px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 35px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img {
	width: 300px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img img {
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img figcaption {
	font-size: 14px;
	margin-top: 15px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-box {
	width: 300px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 35px;
	padding-left: 40px;
	box-sizing: border-box;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img {
	width: 300px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img img {
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img figure {
	margin-top: 20px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img figure:first-child {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box {
	width: 580px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box *:first-child {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point {
	margin-top: 25px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-a {
	width: 180px;
	font-size: 15px;
	line-height: 25px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-b {
	width: 180px;
	font-size: 15px;
	line-height: 25px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2.r-type02 {
	padding-left: 0;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2.r-type02 .r-box {
	width: 460px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub {
	margin-top: 25px;
	padding: 25px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-recipe-hdg--sub {
	font-size: 15px;
	padding-bottom: 10px;
	line-height: 1;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-note {
	margin-top: 20px;
	font-size: 13px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment {
	padding: 25px;
	margin-top: 25px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment .r-txt {
	font-size: 17px;
}

.c-detail-info-list.r-single .c-detail-info-cont {
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-cont.r-ingredients-col2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-detail-info-list.r-single .c-detail-info-cont.r-ingredients-col2 .r-box {
	width: 460px;
}

.c-detail-info-list.r-basic .c-detail-info-flex_itm {
	width: 100%;
	box-sizing: border-box;
	border-right: none;
	padding-left: 20px;
	padding-right: 20px;
}

.c-detail-info-list.r-basic .c-detail-use-itm__list {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c-detail-info-list.r-basic .c-detail-use-itm__list .r-product:nth-child(4n) {
	margin-right: 0px;
}

.c-detail-info-list.r-basic .c-detail-use-itm__list .r-product:nth-child(-n+4) {
	padding-top: 0px;
}

.c-detail-info-list .r-itm {
	font-size: 15px;
	margin-bottom: 8px;
}

.c-detail-info-list .r-itm-hdg {
	width: 370px;
}

.c-detail-info-list .r-itm-hdg > a:hover {
	text-decoration: none;
}

.c-detail-info-list .p-recipe-tbl {
	font-size: 15px;
}

.c-detail-info-list .p-recipe-tbl tr {
	height: 45px;
}

.c-detail-info-list .p-recipe-tbl th {
	width: 300px;
}

.c-detail-info-list .p-recipe-tbl .c-detail-data {
	width: 77px;
	padding-right: 10px;
}

.c-detail-info-list .p-recipe-tbl .c-detail-sub {
	padding-left: 20px;
}

.c-detail-info-list .p-recipe-tbl .c-detail-note {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

.c-detail-info-list .p-recipe-number {
	margin-top: 10px;
	height: 23px;
}

.c-accordion .r-acc-inner[aria-hidden="false"] {
	padding-bottom: 60px;
}

.c-accordion .r-acc-inner--pc[aria-hidden="false"] {
	padding-top: 1px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-bottom: 60px;
}

.c-accordion .c-acc-lead {
	margin-left: 40px;
	margin-right: 40px;
}

.c-accordion > .r-itm {
	margin-bottom: 2px;
}

.c-accordion .r-acc-hdg {
	padding: 17px 50px 17px 10px;
}

.c-accordion .r-acc-hdg--pc {
	position: relative;
	cursor: pointer;
	background-color: #f2f2f2;
	padding: 17px 50px 17px 10px;
}

.c-accordion .r-acc-hdg--pc.r-simple {
	font-weight: bold;
}

.c-accordion .r-acc-hdg--sp {
	display: none;
}

.c-accordion .r-acc-hdg.r-question {
	padding: 17px 50px 17px 70px;
}

.c-accordion .r-acc-hdg.r-question:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	top: 10px;
	left: 10px;
}

.c-accordion .r-acc-hdg.r-question:after {
	left: 29px;
	top: 48px;
}

.c-accordion .r-acc-hdg.r-simple-large {
	padding: 35px 30px;
	font-size: 18px;
}

.c-accordion .r-acc-hdg.r-opinion {
	padding: 15px 0;
	background-position: 200px center;
	font-size: 16px;
}

.c-accordion .r-acc-hdg.r-opinion .r-img {
	width: 200px;
	height: 90px;
	margin-right: 45px;
}

.c-accordion .r-acc-hdg.r-opinion .r-txt {
	width: 460px;
}

.c-accordion .r-acc-hdg.r-has-thumb {
	padding: 15px 0;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-img {
	width: 75px;
	height: 75px;
	margin-right: 38px;
	margin-left: 38px;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-txt {
	padding-right: 130px;
	font-size: 18px;
}

.c-accordion .r-acc-hdg .r-img img,
.c-accordion .r-acc-hdg--pc .r-img img,
.c-accordion .r-acc-hdg--sp .r-img img {
	max-width: 160px;
}

.c-accordion .r-acc-hdg .r-acc-arrow:before,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:before,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:before {
	right: 35px;
	width: 11px;
	height: 1px;
}

.c-accordion .r-acc-hdg .r-acc-arrow:after,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:after,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:after {
	right: 40px;
	width: 1px;
	height: 11px;
}

.c-accordion .r-acc-hdg[aria-expanded=true].r-question:after,
.c-accordion .r-acc-hdg--pc[aria-expanded=true].r-question:after,
.c-accordion .r-acc-hdg--sp[aria-expanded=true].r-question:after {
	height: 70%;
	top: 48px;
}

.c-accordion .r-answer {
	padding: 20px 0 20px 70px;
}

.c-accordion .r-answer.r-simple {
	padding: 20px 20px 35px;
}

.c-accordion .r-answer:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	left: 10px;
	top: 13px;
}

.c-accordion .r-answer-hdg {
	margin-bottom: 20px;
}

.c-accordion .r-answer-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
}

.c-accordion .r-answer-img > div {
	margin: 0 20px;
}

.c-accordion .r-answer-note {
	text-align: right;
	margin-top: 20px;
	font-size: 13px;
}

.c-tbl > table {
	width: 100%;
	border-top: 1px solid #ddd;
}

.c-tbl__head,
.c-tbl__clonehead,
.c-tbl__data {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 2.143;
}

.c-tbl__head {
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: top;
	font-weight: normal;
}

.l-main.r-type02 .c-tbl__head {
	padding-right: 20px;
	padding-left: 20px;
}

.c-tbl__data {
	padding-right: 22px;
	padding-left: 22px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.c-tbl__clonehead {
	display: none;
}

.c-tbl__caption {
	padding-bottom: 15.8px;
	padding-top: 15.8px;
	line-height: 1.7;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: 14.75px;
	padding-top: 14.75px;
	line-height: 1.7;
}

.c-tbl.r-type04 > table {
	table-layout: fixed;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.c-tbl.r-type04 .c-tbl__head {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top: 15px;
	line-height: 1.71429;
}

.c-tbl.r-type04 .c-tbl__data {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15.5px;
	padding-top: 15.5px;
	line-height: 1.6;
}

.c-tbl.r-type-form .c-tbl__data {
	padding-bottom: 14.75px;
	padding-top: 14.75px;
	line-height: 1.7;
}

.c-tbl--wd10 {
	width: 10%;
}

.c-tbl--wd11 {
	width: 11%;
}

.c-tbl--wd12 {
	width: 12%;
}

.c-tbl--wd13 {
	width: 13%;
}

.c-tbl--wd14 {
	width: 14%;
}

.c-tbl--wd15 {
	width: 15%;
}

.c-tbl--wd16 {
	width: 16%;
}

.c-tbl--wd17 {
	width: 17%;
}

.c-tbl--wd18 {
	width: 18%;
}

.c-tbl--wd19 {
	width: 19%;
}

.c-tbl--wd20 {
	width: 20%;
}

.c-tbl--wd21 {
	width: 21%;
}

.c-tbl--wd22 {
	width: 22%;
}

.c-tbl--wd23 {
	width: 23%;
}

.c-tbl--wd24 {
	width: 24%;
}

.c-tbl--wd25 {
	width: 25%;
}

.c-tbl--wd26 {
	width: 26%;
}

.c-tbl--wd27 {
	width: 27%;
}

.c-tbl--wd28 {
	width: 28%;
}

.c-tbl--wd29 {
	width: 29%;
}

.c-tbl--wd30 {
	width: 30%;
}

.c-tbl--wd31 {
	width: 31%;
}

.c-tbl--wd32 {
	width: 32%;
}

.c-tbl--wd33 {
	width: 33%;
}

.c-tbl--wd34 {
	width: 34%;
}

.c-tbl--wd35 {
	width: 35%;
}

.c-tbl--wd36 {
	width: 36%;
}

.c-tbl--wd37 {
	width: 37%;
}

.c-tbl--wd38 {
	width: 38%;
}

.c-tbl--wd39 {
	width: 39%;
}

.c-tbl--wd40 {
	width: 40%;
}

.c-tbl--wd41 {
	width: 41%;
}

.c-tbl--wd42 {
	width: 42%;
}

.c-tbl--wd43 {
	width: 43%;
}

.c-tbl--wd44 {
	width: 44%;
}

.c-tbl--wd45 {
	width: 45%;
}

.c-tbl--wd46 {
	width: 46%;
}

.c-tbl--wd47 {
	width: 47%;
}

.c-tbl--wd48 {
	width: 48%;
}

.c-tbl--wd49 {
	width: 49%;
}

.c-tbl--wd50 {
	width: 50%;
}

.c-tbl--wd51 {
	width: 51%;
}

.c-tbl--wd52 {
	width: 52%;
}

.c-tbl--wd53 {
	width: 53%;
}

.c-tbl--wd54 {
	width: 54%;
}

.c-tbl--wd55 {
	width: 55%;
}

.c-tbl--wd56 {
	width: 56%;
}

.c-tbl--wd57 {
	width: 57%;
}

.c-tbl--wd58 {
	width: 58%;
}

.c-tbl--wd59 {
	width: 59%;
}

.c-tbl--wd60 {
	width: 60%;
}

.c-tbl--wd61 {
	width: 61%;
}

.c-tbl--wd62 {
	width: 62%;
}

.c-tbl--wd63 {
	width: 63%;
}

.c-tbl--wd64 {
	width: 64%;
}

.c-tbl--wd65 {
	width: 65%;
}

.c-tbl--wd66 {
	width: 66%;
}

.c-tbl--wd67 {
	width: 67%;
}

.c-tbl--wd68 {
	width: 68%;
}

.c-tbl--wd69 {
	width: 69%;
}

.c-tbl--wd70 {
	width: 70%;
}

.c-tbl--wd71 {
	width: 71%;
}

.c-tbl--wd72 {
	width: 72%;
}

.c-tbl--wd73 {
	width: 73%;
}

.c-tbl--wd74 {
	width: 74%;
}

.c-tbl--wd75 {
	width: 75%;
}

.c-tbl--wd76 {
	width: 76%;
}

.c-tbl--wd77 {
	width: 77%;
}

.c-tbl--wd78 {
	width: 78%;
}

.c-tbl--wd79 {
	width: 79%;
}

.c-tbl--wd80 {
	width: 80%;
}

.c-tbl--wd81 {
	width: 81%;
}

.c-tbl--wd82 {
	width: 82%;
}

.c-tbl--wd83 {
	width: 83%;
}

.c-tbl--wd84 {
	width: 84%;
}

.c-tbl--wd85 {
	width: 85%;
}

.c-tbl--wd86 {
	width: 86%;
}

.c-tbl--wd87 {
	width: 87%;
}

.c-tbl--wd88 {
	width: 88%;
}

.c-tbl--wd89 {
	width: 89%;
}

.c-tbl--wd90 {
	width: 90%;
}

.is-fixed--pc.c-tbl.r-type01 > table,
.is-fixed--pc.c-tbl.r-type02 > table,
.is-fixed--pc.c-tbl.r-type03 > table,
.is-fixed--pc.c-tbl.r-type04 > table,
.is-fixed--pc.c-tbl.r-type-form > table {
	table-layout: fixed;
}

.c-form-err__lead {
	padding: 10px 10px 10px 40px;
	background-position: 10px 10px;
}

.c-form-err__txt {
	padding-left: 30px;
	background-position: left 3px;
	padding-bottom: 8.45px;
	padding-top: 8.45px;
	line-height: 1.7;
}

.c-form-textbox {
	font-size: 14px;
}

.c-form-textbox input {
	min-width: 180px;
	padding: 15px 10px;
	font-size: 14px;
	vertical-align: middle;
}

.c-form-textbox input:focus {
	padding: 14px 9px;
}

.c-form-heading {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.c-form-textbox .r-pass {
	padding-left: 10px;
}

.c-form-textbox .r-bd-space {
	padding: 0px 1em;
}

.c-form-textbox .r-bd-space-s {
	padding: 0px 0.5em;
}

.c-form-textbox .r-label {
	display: inline-block;
	font-size: 15px;
}

.c-form-textbox .r-label + input {
	margin-left: 1em;
}

.c-form-textbox .r-label + input + .r-label {
	margin-left: 1em;
}

.c-form-textbox + .r-text {
	margin-top: 10px;
}

.c-form-textbox input[type="text"]::-webkit-input-placeholder,
.c-form-textbox input[type="email"]::-webkit-input-placeholder,
.c-form-textbox input[type="tel"]::-webkit-input-placeholder {
	padding-top: 3px;
}

.c-form-checkbox {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.c-form-checkbox:hover {
	opacity: .6;
}

.c-form-checkbox__label {
	padding-left: 30px;
}

.c-form-checkbox__label:before {
	width: 18px;
	height: 18px;
	margin: 0px 0 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 3px;
	vertical-align: middle;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-form-checkbox__label:after {
	width: 7px;
	height: 4px;
	margin: 5px 0 0 0;
	border-left: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	top: 0;
}

.c-form-checkbox.r-intable .c-form-checkbox__label {
	padding-left: 22px;
}

.c-form-select:after {
	border: 4px solid transparent;
	border-top: 6px solid #333;
	right: 10px;
	top: 23px;
}

.c-form-select select {
	min-width: 180px;
	padding: 15px 10px;
	font-size: 14px;
	cursor: pointer;
}

.c-form-select.r-car select {
	min-width: 60px;
	margin-left: 0px;
}

.c-form-select.r-time select {
	min-width: 60px;
}

.c-form-select.r-time + .r-time-point {
	padding: 0px 10px;
}

.c-form-select.r-time + .r-time-from {
	padding: 0px 10px;
}

.c-form-select.r-infants {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-form-select.r-infants select {
	min-width: 50px;
}

.c-form-select.r-infants .r-box {
	margin-right: 18px;
	text-align: center;
}

.c-form-select.r-infants .r-box:after {
	border: 4px solid transparent;
	border-top: 6px solid #333;
	right: 10px;
	top: 46px;
}

.c-form-select.r-person:after {
	right: 35px;
}

.c-form-select.r-person select {
	width: 60px;
	min-width: 60px;
	margin: 0px 5px;
}

.c-form-radio {
	display: inline-block;
	margin-right: -.3em;
	padding: 10px 25px 10px 0;
}

.c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
	border-width: 2px;
	margin-top: -12px;
	left: -1px;
}

.c-form-radio__label {
	padding-left: 30px;
}

.c-form-radio__label:before {
	width: 20px;
	height: 20px;
	margin: -11px 0 0 0;
	border-radius: 20px;
	left: 0;
	border: 1px solid #aaa;
}

.c-form-radio__label:after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 0;
	border-radius: 6px;
	left: 5px;
}

.is-err .c-form-radio__label {
	margin-left: 5px;
}

.c-form-radio.r-traffic label {
	margin-right: 20px;
}

.c-form-textarea textarea {
	width: 775px;
	max-width: 100%;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	line-height: 2.14286;
}

.c-form-textarea textarea:focus {
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-top: 6px;
	line-height: 2.14286;
}

.c-form__icn--require {
	height: 25px;
	padding: 0 16px;
	font-size: 12px;
	line-height: 25px;
}

.c-form__icn--optional {
	height: 25px;
	margin-right: 7px;
	padding: 0 16px;
	font-size: 12px;
	line-height: 25px;
}

.c-form-notice {
	margin-top: 40px;
}

.c-form-notice__box {
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 45px;
	padding-right: 45px;
	max-height: 300px;
}

.c-form-notice__box .r-txt {
	margin-top: 20px;
}

.c-form-notice__box .r-tel-num {
	font-size: 25px;
	margin-top: 20px;
	padding-left: 38px;
}

.c-form-notice__box .r-tel-num:before {
	width: 27px;
	height: 25px;
	background-size: 27px 25px;
}

.c-form-notice__box .r-tel-hours {
	margin-top: 0;
	font-size: 12px;
}

.c-form-notice__grid {
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 180px;
	padding-right: 180px;
}

.c-form-notice__grid__pict {
	width: 180px;
}

.c-form-notice__grid__pict__box {
	width: 80px;
}

.c-form-notice__grid__pict__txt {
	font-size: 15px;
	margin-top: 10px;
}

.c-form-notice__grid__detail {
	margin-left: 40px;
}

.c-form-notice__grid__detail__txt {
	font-size: 15px;
}

.c-form-notice__grid__tel {
	float: left;
	margin-left: 40px;
}

.c-form-notice__grid__tel__num {
	font-size: 25px;
	padding-left: 38px;
}

.c-form-notice__grid__tel__num:before {
	width: 27px;
	height: 25px;
	background-size: 27px 25px;
}

.c-form-notice__grid__tel__hours {
	font-size: 12px;
}

.c-form-notice__agree {
	padding: 10px;
}

.c-form-notice__agree__checkbox + label {
	padding-left: 30px;
}

.c-form-notice__agree__checkbox + label:before {
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

.c-form-notice__agree__checkbox:checked + label:after {
	top: -3px;
	left: 5px;
	width: 7px;
	height: 16px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #333;
	border-right: 3px solid #333;
}

.c-form-customer-txt {
	padding-left: 20px;
	margin-top: 35px;
}

.c-form-customer-txt p {
	line-height: 1.7;
}

.c-icn__tour {
	padding: 0 7px;
	font-size: 14px;
	border-radius: 10px;
	line-height: 18px;
}

.c-badges {
	min-height: 25px;
}

.c-badges:empty + .r-hdg {
	margin-top: 0;
}

.c-badges:empty + .r-txt {
	margin-top: 0;
}

.c-badges + .r-hdg {
	margin-top: 4.75px;
	line-height: 1.7;
}

.c-badges + .r-txt {
	margin-top: 14.75px;
	line-height: 1.7;
}

.c-badges .r-badge {
	min-width: 100px;
	padding: 0 25px;
	line-height: 25px;
	font-size: 12px;
}

.c-badges .r-badge.r-large {
	min-width: 125px;
	padding: 0 5px;
}

.c-search {
	width: 700px;
	display: block;
	margin: 0 auto;
}

.c-search input[type="search"],
.c-search input[type="text"],
.c-search input[type="submit"] {
	font-size: 15px;
}

.c-search input[type="search"],
.c-search input[type="text"] {
	width: 700px;
	height: 50px;
	display: block;
	margin: 0 auto;
	padding: 0 45px;
	border-radius: 50px;
	line-height: 1;
}

.c-search input[type="search"]::-webkit-input-placeholder,
.c-search input[type="text"]::-webkit-input-placeholder {
	padding-top: 3px;
}

.c-search input[type="search"]:-moz-placeholder,
.c-search input[type="search"]::-moz-placeholder,
.c-search input[type="text"]:-moz-placeholder,
.c-search input[type="text"]::-moz-placeholder {
	line-height: 50px;
}

.c-search button {
	display: block;
	height: 50px;
	padding: 0 50px 0 25px;
	border-radius: 0 50px 50px 0;
	background-size: 21px 21px;
	background-position: 60px center;
	border: 1px solid #e4002b;
	font-size: 14px;
	-webkit-transition: color .65s ease;
	transition: color .65s ease;
}

.c-search button:before {
	width: 20px;
	height: 20px;
	right: 21px;
	top: 12px;
	-webkit-transition: background .4s ease .185s;
	transition: background .4s ease .185s;
}

.c-search button:after {
	content: '';
	position: absolute;
	top: 0;
	left: -200%;
	z-index: -1;
	width: 150%;
	height: 450%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: top .65s ease, left .65s ease;
	transition: top .65s ease, left .65s ease;
}

.c-search button:hover,
.c-search button:active,
.c-search button:focus {
	color: #e4002b;
	-webkit-transition: color .5s ease .08s;
	transition: color .5s ease .08s;
}

.c-search button:hover:before,
.c-search button:active:before,
.c-search button:focus:before {
	background: url('data:image/svg+xml;charset=utf8,<svg\a            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px"><path fill-rule="evenodd"  fill="rgb(228, 0, 43)" d="M20.859,19.315 L19.426,20.748 L15.905,17.228 C14.321,18.499 12.315,19.265 10.131,19.265 C5.033,19.265 0.886,15.118 0.886,10.020 C0.886,4.922 5.033,0.775 10.131,0.775 C15.228,0.775 19.375,4.922 19.375,10.020 C19.375,12.204 18.610,14.211 17.338,15.795 L20.859,19.315 ZM10.131,2.802 C6.151,2.802 2.913,6.040 2.913,10.020 C2.913,14.000 6.151,17.238 10.131,17.238 C14.110,17.238 17.348,14.000 17.348,10.020 C17.348,6.040 14.110,2.802 10.131,2.802 Z"/>\a           </svg>') no-repeat;
}

.c-search button:hover:after,
.c-search button:active:after,
.c-search button:focus:after {
	top: -100%;
	left: -20%;
}

.c-search.r-longsentence {
	font-size: 13px;
}

.c-search.r-longsentence--pc input[type="search"],
.c-search.r-longsentence--pc input[type="text"] {
	font-size: 13px;
}

._mov_box h2 {
	margin-bottom: 31.25px;
	line-height: 1.7;
}

.c-jstream,
._mov_inner {
	width: 400px;
	height: 225px;
	margin: 0 auto;
}

.c-jstream.r-modal,
._mov_inner.r-modal {
	width: 800px;
	height: 450px;
	margin: 0 auto;
}

.c-jstream.r-inner,
._mov_inner.r-inner {
	width: 800px;
	height: 450px;
	margin: 0 auto;
}

.c-movie-image:after {
	background-size: 42px auto;
}

.c-movie-image02:after {
	background-size: 90px auto;
}

.c-sendmail {
	width: 890px;
	min-height: 780px;
	padding: 60px 25px 20px;
}

.c-sendmail-hdg--lv2 {
	text-align: center;
}

.c-sendmail-hdg--lv3 {
	font-size: 20px;
}

.c-sendmail-txt {
	margin-top: 25px;
}

.c-sendmail-qrarea {
	margin-top: 15px;
	padding: 40px;
}

.c-sendmail-qrarea__img {
	position: absolute;
	width: 156px;
	left: 40px;
	top: 40px;
}

.c-sendmail-qrarea__hdg {
	margin-top: -5.25px;
	line-height: 1.7;
	margin-left: 176px;
}

.c-sendmail-qrarea__detail {
	margin-left: 176px;
}

.c-sendmail-qrarea__txt {
	margin-top: 17px;
	line-height: 1.46154;
}

.c-sendmail-input {
	margin-top: 15px;
	padding: 20px;
}

.c-sendmail-input > dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.c-sendmail-input__hdg {
	width: 150px;
	padding-right: 15px;
	line-height: 50px;
	text-align: right;
}

.c-sendmail-input__txt {
	width: 405px;
}

.c-sendmail-input__btn {
	width: 190px;
}

.c-sendmail .is-sending [data-role="submit-btn"] {
	border-radius: 10px;
}

.c-sendmail-err[aria-hidden="false"] {
	margin-top: 15px;
	padding: 30px 15px 15px;
}

.c-sendmail-comp[aria-hidden="false"] {
	margin: 45px 0 30px;
}

.c-news-list-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-news-list-wrap.r-col2 .c-news-list {
	width: 520px;
}

.c-news-list-wrap.r-col2 .c-news-list:nth-child(odd) {
	margin-right: 20px;
}

.c-news-list-wrap.r-col2 .c-news-list:nth-child(odd):after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #ddd;
	right: -20px;
	top: 0;
}

.c-news-list-wrap.r-col2 .c-news-list:nth-child(even) {
	margin-left: 20px;
}

.c-news-list .r-hdg-group .r-hdg-link {
	margin-left: 20px;
}

.c-news-list .r-hdg-group + .r-itms {
	margin-top: 30px;
}

.c-news-list .r-itm {
	padding-bottom: 12.75px;
	padding-top: 12.75px;
	line-height: 1.7;
}

.c-news-list .r-itm > a:hover .r-hdg {
	text-decoration: underline;
}

.c-news-list .r-itm > a[target="_blank"] .r-hdg:not(.r-document__pdf):after {
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

.c-news-list .r-hdg {
	display: inline;
}

.c-news-list .r-hdg--lv3 {
	margin-top: -8.75px;
	line-height: 1.7;
}

.c-news-list .r-hdg.r-document__pdf {
	padding-left: 30px;
}

.c-news-list .r-hdg.r-document__pdf:after {
	top: -1px;
	width: 20px;
	height: 20px;
}

.c-news-list .r-date {
	display: inline-block;
	margin-right: 10px;
	line-height: 30px;
	font-size: 13px;
}

.c-news-list .r-notice {
	display: inline-block;
	min-width: 12.5em;
	margin-right: 20px;
	padding: 0 5px;
	line-height: 30px;
	font-size: 13px;
}

.c-news-list.r-normal .r-itm {
	padding-left: 30px;
	padding-right: 30px;
}

.c-news-list.r-normal .r-itm > a {
	padding-left: 20px;
}

.c-news-list.r-normal .r-itm > a:before {
	width: 6px;
	height: 6px;
	top: .6em;
}

.c-news-list.r-normal .r-date {
	padding-right: 5px;
	padding-left: 15px;
}

.c-news-list.r-normal.r-event .r-itm > a:hover:before {
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
}

.c-news-list.r-normal.r-archive .r-itm {
	padding-left: 0px;
	padding-right: 0px;
}

.c-news-list.r-normal.r-archive .r-itm > a:before {
	top: 0.7em;
}

.c-news-list.r-normal.r-archive .r-itm > a:hover {
	text-decoration: underline;
}

.c-news-list.r-normal.r-archive .r-itm > a:hover .r-date {
	text-decoration: underline;
}

.c-news-list.r-normal.r-archive .r-itm > a .r-date {
	padding-left: 0px;
}

.c-news-list.r-type02 .r-itm > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-news-list.r-type02 .r-date {
	min-width: 80px;
}

.c-news-list.r-type02 .r-hdg {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	line-height: 30px;
}

.c-news-list.r-type02 .c-news-fulllist__output-element__number {
	padding-right: 10px;
	line-height: 30px;
}

.c-news-list.r-type03 .r-date {
	min-width: 80px;
}

.c-news-list.r-type03 .r-hdg {
	margin-top: 9.75px;
	line-height: 1.7;
}

.c-privacyInquiry {
	padding: 30px 16px 30px 26px;
	border-radius: 8px;
}

.c-privacyInquiry__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

[class^="c-hdg--"] + .c-privacyInquiry__inner {
	margin-top: 30px;
}

.c-privacyInquiry .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 350px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.2;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}

.c-privacyInquiry .r-itm:nth-child(2n) {
	width: 390px;
	border-left: 1px solid #333;
	padding-left: 20px;
}

.c-privacyInquiry .r-txt {
	line-height: 2.6;
	padding-right: 11px;
	white-space: nowrap;
}

.c-privacyInquiry .r-txt--primary {
	font-size: 26px;
	pointer-events: none;
}

.c-privacyInquiry .r-txt--primary.r-tel {
	padding-left: 32px;
	background-position-y: 5px;
	background-size: 22px;
}

.c-privacyInquiry .r-txt--primary.r-freedial {
	padding-left: 38px;
	background-position: left;
	background-size: 35px;
}

.c-privacyInquiry .r-txt--notice {
	display: inline-block;
	font-size: 12px;
}

.c-privacyInquiry.r-prouse {
	margin-top: 25px;
}

.c-privacyInquiry.r-prouse .c-hdg--lv4 {
	width: 735px;
	margin: 0px auto;
}

.c-privacyInquiry.r-prouse .c-privacyInquiry__inner {
	width: 735px;
	margin: 0px auto;
}

.c-inquiry-compmessage {
	padding: 25px 0;
	text-align: center;
}

.c-inquiry-compmessage__emphasis {
	margin-top: 30px;
	font-size: 16px;
}

.c-modal__closebtn {
	position: fixed;
	width: 25px;
	height: 25px;
}

.c-modal__closebtn:before,
.c-modal__closebtn:after {
	width: 25px;
}

.c-modal__section {
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-bottom: 100px;
}

.c-modal__section.r-fullwidth {
	width: 1040px;
}

.c-modal__section.r-fullwidth--pc {
	width: 1040px;
}

.c-modal__inner {
	padding: 40px;
}

.c-modal.is-flexible .c-modal__section[aria-hidden="false"] {
	height: 90%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.c-modal.is-absolute .c-modal__section[aria-hidden="false"] {
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: auto;
}

.c-modal.r-type02 .c-modal__section[aria-hidden="false"] {
	overflow-y: scroll;
	width: 900px;
	max-height: 600px;
	-ms-overflow-style: none;
}

.c-modal.r-type02 .c-modal__section[aria-hidden="false"]::-webkit-scrollbar {
	display: none;
}

.c-modal.r-type02 .c-modal__section .r-slider__prevarrow {
	width: 16px;
	height: 16px;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg);
	left: 24px;
	top: 50%;
}

.c-modal.r-type02 .c-modal__section .r-slider__nextarrow {
	width: 16px;
	height: 16px;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	right: 24px;
	top: 50%;
}

.c-modal.r-type02.r-garden .c-modal__section[aria-hidden="false"] {
	width: 400px;
}

.c-txt-link {
	font-size: 14px;
}

.c-txt-link {
	padding-left: 13px;
}

.c-txt-link:before {
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
}

.c-txt-link.r-none-arrow {
	padding-left: 0px;
}

.c-txt-link.r-none-arrow:before {
	display: none;
}

.c-txt-link.r-right {
	padding-right: 13px;
}

.c-txt-link.r-left {
	padding-left: 13px;
}

.c-txt-link.r-up {
	padding-left: 13px;
}

.c-txt-link:hover,
.c-txt-link:focus {
	text-decoration: underline;
}

.c-txt-link.is-small {
	padding-left: 12px;
	font-size: 14px;
}

.c-txt-link.is-small:before {
	width: 5px;
	height: 5px;
	margin-top: -2px;
}

.c-txt-link.is-usual:hover,
.c-txt-link.is-usual:focus,
.c-txt-link-icon.is-usual:hover,
.c-txt-link-icon.is-usual:focus {
	color: #e4002b;
}

.c-txt-link.is-usual:hover:before,
.c-txt-link.is-usual:focus:before,
.c-txt-link-icon.is-usual:hover:before,
.c-txt-link-icon.is-usual:focus:before {
	border-color: #e4002b;
}

.c-txt-link.is-first-margin {
	margin-top: 24.75px;
	line-height: 1.7;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: 24.75px;
	line-height: 1.7;
}

.c-txt-link.is-space {
	line-height: 1.7;
	margin-top: 14.75px;
	margin-bottom: -5.25px;
}

.c-txt-link.is-small.is-space {
	line-height: 1.7;
	margin-top: 15.1px;
	margin-bottom: -4.9px;
}

.c-txt-link.is-space.is-first-margin {
	line-height: 1.7;
	margin-top: 24.75px;
	margin-bottom: -5.25px;
}

.c-txt-link.is-space.is-small.is-first-margin {
	line-height: 1.7;
	margin-top: 25.1px;
	margin-bottom: -4.9px;
}

.c-txt-link.r-document__pdf,
.c-txt-link-icon.r-document__pdf {
	padding-left: 30px;
}

.c-txt-link.r-document__pdf:after,
.c-txt-link-icon.r-document__pdf:after {
	top: 1px;
	width: 20px;
	height: 20px;
}

.c-txt-link.is-small.r-document__pdf,
.c-txt-link-icon.is-small.r-document__pdf {
	padding-left: 26px;
}

.c-txt-link.is-small.r-document__pdf:after,
.c-txt-link-icon.is-small.r-document__pdf:after {
	top: 2px;
	width: 18px;
	height: 18px;
}

.c-txt-link.r-document__excel:after,
.c-txt-link-icon.r-document__excel:after {
	top: 2px;
	width: 12px;
	height: 15px;
	margin-left: 8px;
}

.c-txt-link.is-small.r-document__excel:after,
.c-txt-link-icon.is-small.r-document__excel:after {
	top: 2px;
	width: 11px;
	height: 14px;
	margin-left: 7px;
}

.c-txt-link.r-date {
	position: relative;
	padding-left: 6.5em;
}

.c-txt-link.r-date .c-txt-link__date {
	margin-right: 20px;
}

.c-txt-link--inline:hover,
.c-txt-link--inline:focus {
	color: #e4002b;
}

.c-txt-link--inline.r-blank {
	margin-right: 3px;
}

.c-txt-link--inline.r-pp:hover,
.c-txt-link--inline.r-pp:focus {
	color: #e4002b;
	text-decoration: underline;
}

.c-sec__content + .c-txt-link {
	margin-top: 40px;
}

.c-note {
	font-size: 13px;
}

.c-sec__content + .c-note {
	margin-top: 20px;
}

.p-top-section {
	margin-top: 100px;
}

.c-horizontalrule + .p-top-section {
	margin-top: 150px;
}

.c-hdg--lv2 + .p-top-section {
	margin-top: 55px;
}

.p-top-section__block {
	margin-top: 60px;
}

.p-top-topics {
	font-size: 13px;
}

.p-top-topics__ttl {
	width: 27.5%;
	width: calc(270px + (100% - 1040px) / 2);
	padding: 14px 80px 14px 80px;
	text-align: right;
}

.p-top-topics__topic {
	width: 72.5%;
	width: calc(72.5% - (100% - 1040px) / 2);
}

.p-top-topics__topic__txt + .p-top-topics__topic__txt {
	margin-top: 7px;
}

.p-top-topics__topic__txt__link:hover {
	text-decoration: underline;
}

.p-top-ingredient-basic {
	min-width: 1040px;
	margin: 80px 0 0;
	text-align: center;
}

.p-top-ingredient-basic .r-bnr > a {
	width: 1040px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
}

.p-top-ingredient-basic .r-bnr > a:hover img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.p-top-ingredient-basic .r-bnr img {
	max-width: none;
	margin: -20px -70px 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-top-products__itms {
	width: 1040px;
	margin: 0 auto;
	margin-top: 40px;
}

.p-top-products__listitm .r-img {
	width: 235px;
	height: 235px;
	margin-right: 33px;
	background-color: #fff;
}

.p-top-products__listitm .r-img:hover {
	text-decoration: none;
}

.p-top-products__listitm .r-img > img {
	width: 255px;
	margin: -10px -10px 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.p-top-products__listitm .r-hdg {
	padding-top: 160px;
	width: 235px;
	height: 235px;
	font-size: 14px;
}

.p-top-products__listitm:hover img {
	opacity: .7;
}

.p-top-products__listitm:nth-child(4n) .r-img {
	margin-right: 0;
}

.p-top-products__listitm:nth-child(n+5) .r-img {
	margin-top: 80px;
}

.p-top-products__btn {
	margin-top: 70px;
}

.p-top-emergency {
	width: 1040px;
	margin: 0 auto 0;
}

.p-top-emergency__list {
	margin-top: 35px;
}

.p-top-emergency .r-itm {
	padding-left: 50px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.71429;
}

.p-top-emergency .r-itm > a {
	padding-left: 15px;
}

.p-top-emergency .r-itm > a:before {
	width: 6px;
	height: 6px;
}

.p-top-emergency .r-date {
	padding-right: 5px;
}

.p-top-news__btn,
.p-top-card-list__btn {
	width: 350px;
	margin: 0 auto;
}

.p-prod-cat-list__lead {
	width: 750px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.p-prod-cat-list__lead .r-paragraph {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}

.p-prod-cat-list__itms {
	margin: 0 -20px;
}

.p-prod-cat-list .r-itm {
	width: 360px;
	padding: 0 30px;
}

.p-prod-cat-list .r-itm:nth-child(3n) {
	border-right: 0;
}

.p-prod-cat-list .r-itm:nth-child(n+4) {
	margin-top: 70px;
}

.p-prod-cat-list .r-itm > a {
	display: block;
}

.p-prod-cat-list .r-itm > a:hover .r-img img,
.p-prod-cat-list .r-itm > a:hover .r-recipe-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-prod-cat-list .r-itm .r-img {
	overflow: hidden;
	height: 280px;
	margin: 0 -25px;
	padding: 30px 0;
	position: relative;
}

.p-prod-cat-list .r-itm .r-img img {
	height: 100%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-prod-cat-list .r-itm .r-recipe {
	margin-top: 30px;
}

.p-prod-cat-list .r-itm .r-recipe-img {
	overflow: hidden;
}

.p-prod-cat-list .r-itm .r-recipe-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-prod-cat-list .r-itm .r-subhdg {
	margin-top: 10px;
}

.p-prod-grp-tab__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0;
}

.p-prod-grp-tab .r-itm {
	width: 330px;
	background-color: #fff;
}

.p-prod-grp-tab .r-itm:nth-child(3n-1) {
	margin-right: auto;
	margin-left: 25px;
}

.p-prod-grp-tab .r-itm:nth-child(n+4) {
	margin-top: 25px;
}

.p-prod-grp-tab .r-itm > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	min-height: 90px;
}

.p-prod-grp-tab .r-itm > a:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-prod-grp-tab .r-itm > a:hover .r-img-type2 img {
	-webkit-transform: scale(1.05) translate(-50%, -50%);
	transform: scale(1.05) translate(-50%, -50%);
}

.p-prod-grp-tab .r-hdg {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.p-prod-grp-tab .r-img {
	overflow: hidden;
	width: 100px;
}

.p-prod-grp-tab .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.r-img-type2 {
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	height: 70px;
	width: 70px;
	margin-right: 20px;
	margin-left: 20px;
}

.r-img-type2 img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-prod-info-main__block {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-info-main__img {
	width: 362px;
	height: 302px;
	padding: 20px 0;
}

.p-prod-info-main__detail {
	width: 640px;
}

.p-prod-info-main__detail.r-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-info-main__description {
	margin-top: -5.5px;
	line-height: 1.73333;
}

.c-badges + .p-prod-info-main__description {
	margin-top: 24.5px;
	line-height: 1.73333;
}

.p-prod-info-main__data {
	padding-top: 22.5px;
	line-height: 2;
}

.p-prod-info-main__data + .p-prod-info-main__data {
	padding-top: 5px;
}

.p-prod-info-main__data .r-itm:nth-child(2n-1) {
	width: 310px;
}

.p-prod-info-main__data .r-itm:nth-child(2n) {
	width: 310px;
	padding-left: 20px;
	margin-right: auto;
}

.p-prod-info-main__data .r-itm.r-fullwidth {
	width: 640px;
}

.p-prod-info-main__data .r-itm:nth-child(n+3) {
	padding-top: 9.75px;
	line-height: 1.7;
}

.p-prod-info-main__data .r-hdg {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

.p-prod-info-main__data .r-txt {
	word-break: break-all;
}

.p-prod-info-main__btn {
	margin-top: auto;
	padding-top: 40px;
}

.p-prod-info-main__btn.r-type02 {
	width: 622px;
}

.p-prod-additional {
	margin-top: 50px;
}

.p-prod-additional__thumbnail {
	width: 400px;
}

.p-prod-info-list__block {
	margin-top: 10px;
	padding: 30px 40px;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: 10px;
	line-height: 2;
	margin-top: -10px;
	line-height: 2;
}

.p-prod-info-list__block > .r-hdg + .r-detail {
	margin-top: 17px;
}

.p-prod-info-list__block .r-sup {
	font-size: 13px;
	line-height: 40px;
}

.p-prod-info-list__block .r-note {
	font-size: 13px;
}

.p-prod-info-list__lyt {
	margin-top: 30px;
}

.p-prod-info-list__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-info-list__list > .r-itm {
	width: 290px;
}

.p-prod-info-list__list .r-list-data {
	padding-left: 25px;
}

/*
.p-prod-info-list__list .r-list-data:before {
	width: 15px;
	margin-right: 10px;
	margin-left: -25px;
}
*/

.p-prod-info-list__list.r-type02 {
	display: block;
}

.p-prod-info-list__list.r-type02 > .r-itm {
	width: auto;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.p-prod-info-list__list.r-type02 .r-list-hdg {
	min-width: 230px;
}

.p-prod-info-list__note {
	margin-top: 5px;
}

.p-prod-info-sns {
	font-size: 13px;
	margin-top: 25px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.p-prod-info-sns .r-itm {
	margin-left: 12px;
}

.p-prod-column {
	padding: 40px;
}

.p-prod-print > a {
	top: 0px;
	right: 0;
	width: 46px;
	height: 46px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	display: block;
}

.p-prod-print > a:hover {
	opacity: .7;
}

.p-info-hdg {
	font-size: 17px;
	margin-bottom: 20px;
}

.p-products-close-hdg {
	margin-top: 25px;
}

.p-products-close-hdg__lead {
	margin-top: 40px;
	text-align: center;
}

.p-products-close-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-products-close-list__itms__prod {
	width: 503px;
	margin-top: 60px;
}

.p-products-close-list__itms__prod .r-img {
	width: 235px;
	height: 235px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-products-close-list__itms__prod .r-img figcaption {
	font-size: 14px;
	line-height: 38px;
}

.p-products-close-list__itms__prod .r-img img {
	max-width: 210px;
	max-height: 170px;
	object-fit: contain;
}

.p-products-close-list__itms__prod .r-detail {
	width: 247px;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: -3.75px;
	line-height: 1.41667;
	line-height: 1.7;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-info {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 5px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom {
	padding-top: 10px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-substitute {
	font-size: 14px;
	line-height: 30px;
	padding: 0px 8px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a {
	min-height: 70px;
	padding: 10px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a:hover {
	text-decoration: underline;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-img {
	margin-right: 7px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-img img {
	max-height: 55px;
	max-width: 40px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt {
	font-size: 13px;
	padding-right: 20px;
	max-width: 180px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt:after {
	right: 0px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item .r-noitem {
	padding: 15px 10px;
	box-sizing: border-box;
	font-size: 13px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link {
	padding-bottom: 5px;
	margin-top: 10px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a {
	line-height: 1;
	font-size: 15px;
	padding-right: 25px;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a:hover {
	text-decoration: underline;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a:after {
	right: 0px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
}

.p-products-close-recipe-target {
	padding: 30px 0px;
}

.p-products-close-recipe-target .r-hdg {
	font-size: 30px;
}

.p-products-close-recipe-target__itm {
	width: 570px;
	margin: 30px auto 0px;
}

.p-products-close-recipe-target__itm .r-img {
	width: 190px;
	height: 190px;
	padding: 10px;
	box-sizing: border-box;
}

.p-products-close-recipe-target__itm .r-detail {
	width: 350px;
}

.p-products-close-recipe-target__itm .r-detail .r-close {
	font-size: 14px;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: 18.7px;
	line-height: 1.7;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: 10.1px;
	line-height: 1.7;
}

.p-products-close-recipe-anchor__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-top: 35px;
}

.p-products-close-recipe-anchor__list .r-itm {
	width: 330px;
	margin-right: 25px;
}

.p-products-close-recipe-anchor__list .r-itm:nth-child(3n) {
	margin-right: 0px;
}

.p-products-close-recipe-anchor__list .r-itm:nth-child(-n+3) {
	border-top: 1px solid #ddd;
}

.p-products-close-recipe-anchor__list .r-itm a {
	padding: 10px 0px;
	height: 100px;
}

.p-products-close-recipe-anchor__list .r-itm a .r-img {
	width: 105px;
}

.p-products-close-recipe-anchor__list .r-itm a .r-ttl {
	width: 225px;
	line-height: 1.5;
	font-size: 15px;
	box-sizing: border-box;
	padding: 0px 50px 0px 20px;
}

.p-products-close-recipe-anchor__list .r-itm a:after {
	right: 10px;
	width: 9px;
	height: 9px;
}

.p-prod-detail-static .p-datail-hdg--lv3 {
	margin-top: 20px;
	font-size: 20px;
}

.p-prod-detail-static .p-prod-info.r-list-data:before {
	width: 15px;
	margin-right: 10px;
}

.p-prod-detail-static .p-datail-img {
	width: 840px;
	margin: 0 auto;
	margin-top: 40px;
}

.p-prod-detail-static .p-datail-img_lyt {
	width: 679px;
	margin: 30px auto;
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-detail-static .p-moisture-cont {
	width: 550px;
	padding: 30px;
}

.p-prod-detail-static .p-moisture-cont:last-child {
	padding-left: 0;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-border {
	border-left: 1px solid #dddddd;
	padding-left: 30px;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note {
	font-size: 16px;
	margin-bottom: 10px;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-small-note {
	font-size: 13px;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-graph {
	font-size: 16px;
	margin-bottom: 53px;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-graph-img {
	text-align: center;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-graph-img img {
	width: 330px;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-img {
	text-align: center;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-img img {
	width: 150px;
}

.p-prod-detail-static .p-moisture-cont img {
	margin-top: 20px;
}

.p-prod-detail-static .p-datail-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm {
	width: 440px;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm.r-bdt-l {
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm.r-bdt-l .r-list-hdg:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 1px;
	border-top: 1px solid #ddd;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm.r-bdt-r {
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm.r-bdt-r .r-list-hdg:after {
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	width: 480px;
	height: 1px;
	border-top: 1px solid #ddd;
}

.p-prod-detail-static .p-datail-box--border {
	width: 100%;
	padding: 20px 55px;
}

.p-prod-detail-static .p-datail-box--border .r-detail {
	margin: 15px 0 0 20px;
}

.p-prod-detail-static .p-datail-box--border .r-detail .r-note {
	text-align: right;
}

.p-prod-detail-static .p-prod-datail-bnr {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	width: 680px;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm {
	margin: 0 auto;
	margin-top: 20px;
	width: 320px;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm a img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm__txt {
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
}

.p-prod-detail-static .p-datail-border-moisture_lyt {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	border: 1px solid #dddddd;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 70px;
}

.p-prod-detail-static .p-hiaro-moisture__hdg__data:before {
	content: '';
	display: inline-block;
	height: 1px;
	width: 15px;
	margin-right: 15px;
	background-color: #e4002b;
	vertical-align: middle;
}

.p-prod-detail-static .r-prod-info-txt {
	margin-left: 10px;
}

.p-prod-detail-static .r-prod-info-txt02 {
	margin-left: 1em;
}

.p-recipe-print {
  font-size: 10px;
  color: #595959;
  line-height: 1.2;
  text-align: center;
	position: absolute;
	top: 0;
	right: 80px;
	width: 46px;
}

.p-recipe-print > a {
	width: 46px;
	height: 46px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
  padding-top: 48px;
}

.p-recipe-print > a:hover {
	opacity: .7;
  color: #595959;
}

.p-recipe-share {
	position: absolute;
	top: 0;
	right: 20px;
	width: 46px;
	height: 46px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	cursor: pointer;
  font-size: 10px;
  color: #595959;
  line-height: 1.2;
  text-align: center;
  padding-top: 48px;
}

.p-recipe-share:hover {
	opacity: .7;
}

.p-recipe-favorite {
  font-size: 10px;
  color: #E4002B;
  line-height: 1.2;
  text-align: center;
	position: absolute;
	top: 0;
	right: 200px;
}

.p-recipe-favorite > a {
	width: 46px;
	height: 46px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
  padding-top: 48px;
  white-space: nowrap;
}

.p-recipe-favorite > a:hover {
	opacity: .7;
}

.p-recipe-recent {
  font-size: 10px;
  color: #E4002B;
  line-height: 1.2;
  text-align: center;
	position: absolute;
	top: 0;
	right: 140px;
	width: 46px;
}

.p-recipe-recent > a {
	width: 46px;
	height: 46px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
  padding-top: 48px;
}

.p-recipe-recent > a:hover {
	opacity: .7;
}

.p-recipe-txt {
	width: 100%;
	padding: 10px 0 10px 30px;
	font-size: 15px;
	line-height: 1.6;
}

.p-recipe-txt .r-num {
	font-size: 24px;
}

.p-recipe-img {
	width: 100%;
	padding: 10px 0 10px 30px;
}

.sheip-img {
	padding-right: 10px;
	bottom: 10px;
}

.c-detail-use-itm__list .r-product {
	width: 210px;
	min-height: 85px;
	font-size: 13px;
	line-height: 1.7;
}

.c-detail-use-itm__list .r-product a{
	display: flex;
	align-items: center;
}

.c-detail-use-itm__list .r-product .r-product-img {
	display: block;
	min-height: 85px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.c-detail-use-itm__list .r-product .r-product-img img {
	height: 65px;
}

.c-detail-use-itm__list .r-product .r-product-txt {
	padding-left: 8px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 12px;
}

.c-detail-use-itm__list .r-product .r-product-txt .r-close {
	font-size: 12px;
	width: 100px;
	margin-bottom: 3px;
}

.c-detail-use-itm__list .r-product a:hover,
.c-detail-use-itm__list .r-product .r-product-txt a:hover {
	text-decoration: underline;
    color: #e4002b;
}

.c-detail-use-itm__list.r-close-recipe .r-product .r-product-img {
	width: 87px;
	text-align: center;
}

.c-detail-use-itm__list.r-close-recipe .r-product .r-product-txt {
	box-sizing: border-box;
	width: 123px;
}

.c-detail-info-list .c-detail-use-itm__list .r-product:nth-child(-n+4) {
	padding-top: 0px !important;
}

.p-products-new-list {
	margin-top: 60px;
}

.p-products-new-list__category {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-products-new-list__category .r-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.p-products-new-list__category .r-img img {
	width: 100%;
}

.p-products-new-list__category .r-img.r-carefood {
	display: block;
}

.p-products-new-list__category .r-cap {
	display: block;
}

.p-products-new-list__category .r-detail {
	margin-top: -7.5px;
	line-height: 2;
	margin-left: 34px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.p-products-new-list .r-hdg {
	margin-top: 43px;
	line-height: 1.7;
}

.p-products-new-list__products__itm {
	margin-top: 33px;
	width: 235px;
	margin-right: 33px;
}

.p-products-new-list__products__itm:nth-child(4n) {
	margin-right: 0;
}

.p-products-new-list__products__itm a .r-img {
	overflow: hidden;
}

.p-products-new-list__products__itm a .r-img img {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.p-products-new-list__products__itm a:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-products-new-list__products__itm .r-img {
	width: 235px;
	height: 180px;
	padding: 10px 10px;
}

.p-products-new-list__products__itm .r-img img {
	max-height: 160px;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: 19.25px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual {
	width: 1040px;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	margin-top: 66px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: 45.1px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: 16px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-img {
	text-align: right;
	padding: 30px 0;
}

.p-ing-basicinfo-mainvisual .r-img img {
	height: 100%;
}

.p-ing-basicinfo-mainvisual .r-detail {
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
	padding-right: 540px;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: 12.5px;
	line-height: 2;
}

.p-ing-basicinfo-mainvisual--detail {
	width: 1040px;
	height: 380px;
	padding-right: 530px;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	margin-top: 66px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: 45.1px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: 16px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-img {
	right: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-ing-basicinfo-mainvisual--detail .r-txt {
	margin-top: 12.5px;
	line-height: 2;
}

.p-ing-column__section {
	margin-top: 50px;
}

.p-ing-column-content .r-column-hdg {
	line-height: 1.41;
	font-size: 30px;
}

.p-ing-column-content .r-column-hdg + .r-column-detail {
	margin-top: 30px;
}

.p-ing-column-content .r-column-detail + .r-column-detail {
	margin-top: 30px;
}

.p-ing-column-content-img {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-ing-column-media:after {
	content: '';
	display: block;
	clear: both;
}

.p-ing-column-media.r-reverse .r-column-hdg {
	float: left;
}

.p-ing-column-media.r-reverse .r-column-detail {
	float: left;
}

.p-ing-column-media.r-reverse .r-column-img {
	float: right;
}

.p-ing-column-media .r-column-img {
	width: 510px;
	height: 335px;
	float: left;
}

.p-ing-column-media .r-column-img img {
	height: 100%;
}

.p-ing-column-media .r-column-img.r-mgt-l {
	margin-top: 80px;
}

.p-ing-column-media .r-column-img.r-mgt-m {
	margin-top: 40px;
}

.p-ing-column-media .r-column-img .r-season-bdg {
	min-width: 150px;
	line-height: 25px;
	font-size: 12px;
	bottom: -12px;
	padding: 0px 10px;
	left: 0px;
}

.p-ing-column-media .r-column-hdg {
	float: right;
	width: 500px;
	line-height: 1.41;
	font-size: 30px;
}

.p-ing-column-media .r-column-hdg + .r-column-detail {
	margin-top: 30px;
}

.p-ing-column-media .r-column-detail {
	float: right;
	width: 500px;
}

.p-ing-column-media.r-type02 .r-column-img {
	width: 360px;
	height: auto;
}

.p-ing-column-media.r-type02 .r-column-hdg {
	width: 650px;
}

.p-ing-column-media.r-type02 .r-column-detail {
	width: 650px;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv4 {
	font-size: 20px;
	margin-top: 10px;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv5 {
	font-size: 16px;
	margin-top: 20px;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv5 + * {
	margin-top: 5px;
}

.p-ing-column__section .r-column-detail .r-column-hdg--pre {
	font-size: 20px;
	margin-top: 40px;
}

.p-ing-column__section .r-column-detail p {
	margin-top: 10px;
	font-size: 16px;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre {
	margin-top: 40px;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre .r-img--pre {
	position: absolute;
	width: 360px;
	top: 10px;
	left: calc(100% + 30px);
}

.p-ing-column__section .r-column-detail .r-column-faq dt {
	font-size: 20px;
	padding-left: 22px;
	margin-top: 10px;
}

.p-ing-column__section .r-column-detail .r-column-faq dd {
	font-size: 16px;
	padding-left: 22px;
	margin-top: 10px;
}

.p-ing-column__section .r-column-detail .r-column-point dt {
	font-size: 13px;
	line-height: 25px;
	width: 100px;
}

.p-ing-column__section .r-column-detail .r-column-point dd {
	width: calc(100% - 120px);
	margin-top: 18px;
	line-height: 25px;
}

.p-ing-column__section .r-column-detail .r-column-listlike {
	margin-top: 15px;
}

.p-ing-column__section .r-column-detail .r-column-listlike th {
	padding-right: 38px;
	font-size: 16px;
	padding-top: 5px;
}

.p-ing-column__section .r-column-detail .r-column-listlike td {
	font-size: 16px;
	padding-top: 5px;
}

.p-ing-column__section .r-column-detail .r-column-flex01 {
	margin-top: 25px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box {
	margin-right: 25px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box:last-child {
	margin-right: 0px;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box figure figcaption {
	margin-top: 5px;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
}

.p-ing-column__section .r-column-detail.r-column-pre-sake {
	margin-top: 50px;
}

.p-knowledge-lettuce-banner a img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-knowledge-lettuce-banner a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-recipes-nav {
	width: 1040px;
	margin: 0 auto 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	font-size: 0;
}

.p-recipes-nav__list {
	display: inline-block;
	width: 507px;
	height: 39px;
}

.p-recipes-nav__itm {
	padding: 0 29px;
}

.p-recipes-nav__itm > a,
.p-recipes-nav__itm > span {
	padding-bottom: 4.75px;
	line-height: 1.7;
}

.p-recipes-nav__itm > a:hover,
.p-recipes-nav__itm > span:hover {
	text-decoration: none;
}

.p-recipes-nav__itm > a:after,
.p-recipes-nav__itm > span:after {
	bottom: -9px;
	-webkit-transition: height .2s;
	transition: height .2s;
}

.p-recipes-nav__itm:nth-child(1) .p-recipes-nav__itm__text {
	padding-right: 28px;
}

.p-recipes-nav__toggle {
	margin: 0px auto;
	width: 19px;
	height: 19px;
	top: 2px;
}

.p-recipes-nav__toggle:before,
.p-recipes-nav__toggle:after {
	width: 1px;
	height: 19px;
}

.r-nomg + .p-recipes-nav--sub .p-recipes-nav--sub__inner {
	top: 30px;
}

.p-recipes-nav--sub__contents {
	width: 1040px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: auto;
	padding: 48px 0;
}

.p-recipes-nav--sub__hdg {
	font-size: 20px;
	line-height: 1;
	margin: 0 0 28px;
}

.p-recipes-nav--sub__recipes {
	width: 310px;
	padding-right: 20px;
}

.p-recipes-nav--sub__recipes + .p-recipes-nav--sub__recipes {
	width: 380px;
	padding-left: 40px;
	padding-right: 40px;
	border-left: 1px solid #ddd;
}

.p-recipes-nav--sub__products {
	width: 445px;
}

.p-recipes-nav--sub .p-recipes-nav--sub__recipes +
.p-recipes-nav--sub__products {
	padding-left: 41px;
	border-left: 1px solid #ddd;
}

.p-recipes-nav--sub__recipes-category {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.p-recipes-nav--sub__recipes-category .p-recipes-nav--sub__itm {
	margin-bottom: 25px;
}

.p-recipes-nav--sub__recipes-category .p-recipes-nav--sub__itm:last-of-type {
	margin-bottom: 0;
}

.p-recipes-nav--sub__products-category {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.p-recipes-nav--sub__products-category .p-recipes-nav--sub__itm {
	margin-bottom: 25px;
}

.p-recipes-nav--sub__products-category .p-recipes-nav--sub__itm:last-of-type {
	margin-bottom: 0;
}

.p-recipes-nav--sub__itm {
	padding-left: 40px;
}

.p-recipes-nav--sub__itm[data-role="vegetables"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="fish_shellfish"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="meat"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="egg_dairy"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="rice_breads_noodles"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="fruits"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-1"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-2"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-3"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-4"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-5"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-6"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-7"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-8"] {
	background-size: auto 40px;
}

.p-recipes-nav--sub__itm[data-product="mayonnaise"] {
	background-size: auto 30px;
	background-position: 5px 0;
}

.p-recipes-nav--sub__itm[data-product="dressing_salad"] {
	background-size: auto 30px;
	background-position: 5px 0;
}

.p-recipes-nav--sub__itm[data-product="seasoning"] {
	background-size: auto 30px;
	background-position: 5px 0;
}

.p-recipes-nav--sub__itm[data-product="pasta_sauce"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="prepared"] {
	background-size: auto 30px;
	background-position: 5px 0;
}

.p-recipes-nav--sub__itm[data-product="processed"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="bread"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="janef"] {
	background-size: auto 30px;
	background-position: 5px 0;
}

.p-recipes-nav--sub__itm[data-product="care"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="freshstock"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="plantbasedfood"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="genkinahone"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="dressing"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="salad_topping"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="tartare"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="aemono"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="3cook_soup"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="saladclub"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm[data-product="egg"] {
	background-size: auto 30px;
}

.p-recipes-nav--sub__itm a {
	position: relative;
	padding-right: 26px;
	display: inline-block;
	height: 24px;
	font-size: 15px;
	line-height: 24px;
}

.p-recipes-nav--sub__closebtn {
	top: 40px;
	right: 0;
	width: 45px;
	height: 45px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-recipes-nav--sub__closebtn:hover {
	-webkit-transform: rotate(45deg) scale(1.1);
	transform: rotate(45deg) scale(1.1);
}

.p-recipes-nav--sub__closebtn:before,
.p-recipes-nav--sub__closebtn:after {
	width: 1px;
	height: 45px;
}

.p-recipes-nav__search {
	display: inline-block;
	width: 503px;
	margin: 0;
}

.p-recipes-nav__search input[type="search"] {
	width: 503px;
}

.c-tag-list__itms {
	padding-left: 10px;
	text-align: center;
}

.c-tag-list .r-itm {
	margin-right: 10px;
	margin-top: 20px;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: 4.25px;
	padding-top: 4.25px;
	line-height: 1.5;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
}

.c-tag-list.r-recipe-detail-tag {
	max-height: 110px;
	-webkit-transition: .3s;
	transition: .3s;
}

.c-mainvisual-recipe-feature {
	margin-bottom: 60px;
}

.c-mainvisual-recipe-feature-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	min-width: 1040px;
	max-width: 1400px;
	height: 400px;
	background-color: transparent;
}

.c-mainvisual-recipe-feature .r-hdg-container {
	width: 1040px;
	margin: 0 auto;
}

.c-mainvisual-recipe-feature .r-img {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 0;
}

.c-mainvisual-recipe-feature .r-img img {
	max-width: none;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: 15.9px;
	line-height: 1.7;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: -14px;
	margin-top: -14px;
	line-height: 1.7;
}

.c-mainvisual-recipe-feature .r-description {
	margin-top: 30px;
	padding-left: 35px;
	box-sizing: border-box;
	border-left: 1px solid #8d9592;
	width: 540px;
	font-size: 15px;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: 14.75px;
	line-height: 1.7;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-description {
	text-align: center;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-hdg {
	text-align: center;
	margin-bottom: -4.95px;
	margin-top: -4.95px;
	line-height: 1.33;
}

.p-recipe-feature-datelist-simple {
	margin: 0 auto 60px;
	padding: 10px 30px 7px;
	width: 1040px;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist-simple select {
	width: 1px;
	height: 1px;
}

.p-recipe-feature-datelist-simple .r-selected {
	display: none;
}

.p-recipe-feature-datelist-simple ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 690px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
}

.p-recipe-feature-datelist-simple .r-itm.is-current > a {
	font-weight: bold;
	border-bottom: 2px solid #e4002b;
}

.p-recipe-feature-datelist-simple .r-itm > a {
	padding: 0 5px;
}

.p-recipe-feature-datelist-simple .r-itm > a:active,
.p-recipe-feature-datelist-simple .r-itm > a:hover,
.p-recipe-feature-datelist-simple .r-itm > a:focus {
	color: #333;
	font-weight: bold;
	border-bottom: 2px solid #e4002b;
}

.p-recipe-feature-datelist-simple + .c-hdg--lv2 {
	margin-top: 80px;
}

.p-recipe-feature-datelist {
	margin: 0 auto 60px;
	padding: 10px 30px 7px;
	width: 1040px;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist dt {
	font-size: 16px;
	font-weight: bold;
}

.p-recipe-feature-datelist .r-details {
	margin-left: 28px;
	padding-left: 28px;
	border-left: 1px solid #e4002b;
	font-size: 14px;
}

.p-recipe-feature-datelist .r-details select {
	width: 1px;
	height: 1px;
}

.p-recipe-feature-datelist .r-details .r-selected {
	display: none;
}

.p-recipe-feature-datelist__itms {
	padding-top: 6px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.p-recipe-feature-datelist .r-itm {
	margin-right: 15px;
	line-height: 1.5em;
}

.p-recipe-feature-datelist .r-itm.is-current > a,
.p-recipe-feature-datelist .r-itm.is-current > span {
	font-weight: bold;
	border-bottom: 2px solid #e4002b;
}

.p-recipe-feature-datelist .r-itm > a,
.p-recipe-feature-datelist .r-itm > span {
	padding: 0 5px;
}

.p-recipe-feature-datelist .r-itm > a:active,
.p-recipe-feature-datelist .r-itm > a:hover,
.p-recipe-feature-datelist .r-itm > a:focus,
.p-recipe-feature-datelist .r-itm > span:active,
.p-recipe-feature-datelist .r-itm > span:hover,
.p-recipe-feature-datelist .r-itm > span:focus {
	color: #333;
	font-weight: bold;
	border-bottom: 2px solid #e4002b;
}

.p-recipe-cat-mv {
	height: 231px;
}

.p-recipe-cat-mv.r-ranking {
	background-image: url("/recipes/cat_assets/img/ranking/bg_ranking_mv_pc.jpg");
}

.p-recipe-cat-mv.r-ranking-product {
	background-image: url("/recipes/cat_assets/img/ranking/bg_ranking_product_mv_pc.jpg");
}

.p-recipe-cat-mv.r-movie {
	background-image: url("/recipes/cat_assets/img/movies/bg_movie_mv_pc.jpg");
}

.p-recipe-cat-mv.r-weekly {
	background-image: url("/recipes/cat_assets/img/weekly/bg_weekly_mv_pc.jpg");
}

.p-recipe-cat-mv__inner {
	width: 1040px;
	margin: 0px auto;
	padding-top: 60px;
}

.p-recipe-cat-mv__inner [class^="c-hdg"] {
	text-align: left;
}

.p-recipe-cat-mv__inner .r-lead {
	padding-left: 25px;
	margin-top: 19.75px;
	line-height: 1.7;
	position: relative;
}

.p-recipe-cat-mv__inner .r-lead:after {
	content: "";
	display: block;
	width: 1px;
	height: 40px;
	border-left: 1px solid #333;
	position: absolute;
	left: 0px;
	top: 4px;
}

.p-recipe-weekly-lead__txt {
	text-align: center;
	margin-top: 13.55px;
	line-height: 1.86;
}

.p-recipe-weekly-mv {
	background-image: url("/recipes/cat_assets/img/weekly/weekly_recommend_mv_pc.jpg");
}

.p-recipe-weekly-mv__inner {
	width: 1040px;
	height: 400px;
}

.p-recipe-weekly-mv__txt {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.p-recipe-weekly-mv__txt .r-lead {
	font-size: 20px;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: 27px;
	line-height: 1.35;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: 50.5px;
	line-height: 2;
}

.p-recipe-ranking-material {
	margin-top: 39px;
}

.p-recipe-ranking-material .r-hdg {
	font-size: 20px;
}

.p-recipe-ranking-material__nav {
	width: 1040px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #ddd;
}

.p-recipe-ranking-material__nav__list__itm {
	width: 260px;
	margin-bottom: 10px;
}

.p-recipe-ranking-material__nav__list__itm__text {
	padding-right: 28px;
}

.p-recipe-ranking-material__nav__list__itm > a,
.p-recipe-ranking-material__nav__list__itm > span {
	line-height: 30px;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="false"]:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #e4002b;
	width: 175px;
	height: 0px;
	left: 42px;
	bottom: -9px;
	-webkit-transition: height .2s;
	transition: height .2s;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="false"]:hover {
	text-decoration: none;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="false"]:hover:after {
	height: 2px;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="true"]:after {
	width: 175px;
	height: 2px;
	left: 42px;
	bottom: -9px;
	-webkit-transition: height .2s;
	transition: height .2s;
	content: '';
	display: block;
	position: absolute;
	background-color: #e4002b;
}

.p-recipe-ranking-material__nav__list__itm__toggle {
	margin: auto;
	width: 19px;
	height: 19px;
}

.p-recipe-ranking-material__nav__list__itm__toggle:before,
.p-recipe-ranking-material__nav__list__itm__toggle:after {
	width: 1px;
	height: 19px;
}

.p-recipe-ranking-material--sub__inner {
	top: 20px;
	padding: 20px 80px 40px;
	width: 1040px;
}

.p-recipe-ranking-material--sub__contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: auto;
	padding: 0 0;
}

.p-recipe-ranking-material--sub__hdg {
	font-size: 20px;
	line-height: 1;
	margin: 0 0 28px;
}

.p-recipe-ranking-material--sub__materials__list {
	width: 100%;
}

.p-recipe-ranking-material--sub__itm {
	position: relative;
	width: 240px;
	margin-left: 60px;
}

.p-recipe-ranking-material--sub__itm:nth-of-type(3n+1) {
	margin-left: 0;
}

.p-recipe-ranking-material--sub__itm a {
	padding-right: 26px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 40px;
	display: block;
	font-size: 15px;
	background-size: 25px;
}

.p-recipe-ranking-material--sub__itm a:after {
	width: 7px;
	height: 7px;
}

.p-recipe-ranking-material--sub__itm a:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	background-color: #e4002b;
	-webkit-transition: height .2s;
	transition: height .2s;
	left: 0;
	bottom: -1px;
}

.p-recipe-ranking-material--sub__itm a:hover:before {
	height: 2px;
}

.p-recipe-ranking-material--sub__itm .p-recipe-ranking-material--sub__itm +
.p-recipe-ranking-material--sub__itm {
	margin-top: 25px;
}

.p-recipe-ranking-material--sub__closebtn {
	top: 10px;
	right: -45px;
	width: 45px;
	height: 45px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-recipe-ranking-material--sub__closebtn:hover {
	-webkit-transform: rotate(45deg) scale(1.1);
	transform: rotate(45deg) scale(1.1);
}

.p-recipe-ranking-material--sub__closebtn:before,
.p-recipe-ranking-material--sub__closebtn:after {
	width: 1px;
	height: 40px;
}

.p-recipes-search-result-hdg__txt {
	font-size: 15px;
	margin-top: 20px;
}

.p-recipe-target {
	padding: 30px 30px;
}

.p-recipe-target .r-hdg {
	font-size: 30px;
}

.p-recipe-target__itm {
	margin: 30px auto 0px;
}

.p-recipe-target__itm .r-img {
	width: 190px;
	height: 190px;
	padding: 10px;
	box-sizing: border-box;
}

.p-recipe-target__itm .r-detail {
	width: calc(100% - 220px);
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: 18.7px;
	line-height: 1.7;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: 10.1px;
	line-height: 1.7;
}

.p-basic-salad-mv {
	height: 230px;
}

.p-basic-salad-mv__inner {
	background-image: url(/recipes/cat_assets/img/basicsalad/img_salad_mv_pc.jpg.webp);
}
.no-webp .p-basic-salad-mv__inner {
	background-image: url(/recipes/cat_assets/img/basicsalad/img_salad_mv_pc.jpg);
}

.p-basic-salad-mv.r-salad06-02 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_02/img_salad0602_mv_pc.jpg.webp);
}
.no-webp .p-basic-salad-mv.r-salad06-02 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_02/img_salad0602_mv_pc.jpg);
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: 40px;
	line-height: 1;
	padding-left: 54px;
}

.p-basic-salad-mv.r-salad06-03 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_03/img_salad0603_mv_pc.jpg.webp);
}
.no-webp .p-basic-salad-mv.r-salad06-03 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_03/img_salad0603_mv_pc.jpg);
}

.p-basic-salad-mv .r-hdg {
	padding-top: 40px;
	line-height: 1;
}

.p-basic-salad-mv .r-hdg .r-txt-s {
	font-size: 25px;
}

.p-basic-salad-mv .r-lead {
	font-size: 16px;
	margin-top: 27.8px;
	line-height: 1.9;
}

.p-basic-salad-mv.r-top .r-lead {
	border-left: 1px solid #000;
	padding-left: 30px;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: 33px;
	line-height: 1.5;
	padding-left: 54px;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	padding-left: 54px;
	margin-top: 26px;
	line-height: 1.5;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	padding-top: 30px;
	line-height: 1.5;
	padding-left: 54px;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	padding-left: 54px;
	margin-top: 26px;
	line-height: 1.5;
}

.p-basic-salad-point__lead {
	margin-top: 40px;
	padding-left: 40px;
}

.p-basic-salad-point__list {
	margin-top: 50px;
}

.p-basic-salad-point__list__itm {
	margin-top: 40px;
}

.p-basic-salad-point__list__itm .r-img {
	width: 300px;
}

.p-basic-salad-point__list__itm .r-txtbox {
	width: 710px;
	border-bottom: 1px solid #b7b7b7;
}

.p-basic-salad-point__list__itm .r-txtbox .r-hdg {
	font-size: 20px;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: 19.75px;
	line-height: 1.7;
}

.r-recent .c-hdg--lv1 {
  padding-left: 46px;
  background: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recent.svg") no-repeat left center / 31px auto;
}

.r-favorite .c-hdg--lv1 {
  padding-left: 60px;
  background: url("/assets/img/common/categoryicon_recipes/categoryicon_item_favorite.svg") no-repeat left center / 40px auto;
}

.c-card-list__itms.r-recent .r-itm {
  position: relative;
}
.c-card-list__itms.r-recent .r-itm .r-img {
  height: 160px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-card-list__itms.r-favorite .r-itm {
  position: relative;
}

.c-card-list__itms.r-favorite .r-itm .r-img {
  height: 160px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn {
  position: absolute;
  width: 27px;
  height: 27px;
  top: -32px;
  right: -12px;
  cursor: pointer;
  transition: 0.3s;
  background: #fff;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span {
  width: 27px;
  height: 27px;
  background: #AAB3B3;
  border-radius: 50%;
  text-indent: -9999px;
  transition: 0.3s;
  display: block;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn:hover {
  opacity: 0.7;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span::before {
  content: "";
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0.125turn);
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span::after {
  content: "";
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0.375turn);
}

.c-card-list.r-normal .r-favorite .r-itm:nth-child(n+5) {
  margin-top: 50px;
}


.p-yasai-garden-subtxt {
	margin-top: 20px;
	font-size: 16px;
}

.p-yasai-garden__item {
	margin-right: 33px;
	margin-top: 50px;
	width: 235px;
	cursor: pointer;
}

.p-yasai-garden__item:nth-child(4n) {
	margin-right: 0px;
}

.p-yasai-garden__item:nth-child(-n+4) {
	margin-top: 0px;
}

.p-yasai-garden__item .r-img img {
	-webkit-transition: .2s;
	transition: .2s;
}

.p-yasai-garden__item .r-cap {
	font-size: 15px;
	margin-top: 10px;
}

.p-yasai-garden__item:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-yasai-garden-bnr {
	margin-top: 55px;
}

.p-yasai-garden-bnr__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-yasai-garden-bnr__list__itm {
	margin-right: 34px;
	margin-top: 45px;
	width: 502px;
	cursor: pointer;
}

.p-yasai-garden-bnr__list__itm:nth-child(-n+2) {
	margin-top: 0;
}

.p-yasai-garden-bnr__list__itm:nth-child(2n) {
	margin-right: 0;
}

.p-yasai-garden-bnr__list__itm .r-img {
	overflow: hidden;
}

.p-yasai-garden-bnr__list__itm .r-img img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.p-yasai-garden-bnr__list__itm .r-detail {
	margin-top: 10px;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-hdg {
	min-width: 100px;
	padding: 0 0 6px;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-txt {
	margin-top: 12.5px;
	line-height: 2;
}

.p-yasai-garden-bnr__list__itm a:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-yasai-garden-popup {
	width: 270px;
	height: 236px;
}

.p-vegetable-garden-modal-detail {
	width: 400px !important;
	padding: 60px;
	margin: 0px auto;
}

.p-vegetable-garden-modal-detail__item__content {
	width: 100%;
	margin: 0px auto;
}

.p-yasai-quad__item {
	margin-right: 33px;
	margin-top: 50px;
	width: 235px;
	cursor: pointer;
}

.p-yasai-quad__item:nth-child(4n) {
	margin-right: 0px;
}

.p-yasai-quad__item .r-img img {
	-webkit-transition: .2s;
	transition: .2s;
}

.p-yasai-quad__item .r-cap {
	font-size: 15px;
	margin-top: 10px;
}

.p-yasai-quad__item a:hover .r-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.p-sodateru-detail-ttl {
	padding-left: 40px;
	position: relative;
	box-sizing: border-box;
	width: 1040px;
	margin: 0px auto;
}

.p-sodateru-detail-ttl__hdg {
	width: 500px;
	font-size: 40px;
	line-height: 1.35;
}

.p-sodateru-detail-ttl__hdg .r-lead {
	font-size: 25px;
}

.p-sodateru-detail-ttl__info__prepare {
	margin-top: 30px;
	width: 465px;
}

.p-sodateru-detail-ttl__info__prepare .r-hdg {
	font-size: 16px;
}

.p-sodateru-detail-ttl__info__prepare .r-txt {
	font-size: 16px;
}

.p-sodateru-detail-ttl__info__prepare .r-season {
	font-size: 15px;
	margin-top: 15px;
	padding: 0px 10px;
}

.p-sodateru-detail-ttl__info__prepare .r-list {
	width: 500px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-sodateru-detail-ttl__info__prepare .r-list li {
	margin-right: 1em;
}

.p-sodateru-detail-ttl__info__img {
	top: 0px;
	left: 540px;
	width: 490px;
	position: absolute;
	text-align: center;
}

.p-sodateru-detail-ttl__info__img img {
	max-width: 400px;
	height: auto;
}

.p-sodateru-detail-2col {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 10px;
}

.p-sodateru-detail-2col .r-img {
	width: 220px;
	margin-left: 25px;
}

.p-sodateru-detail-2col .r-txtbox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.p-sodateru-detail-2col .r-txtbox p {
	margin-top: -5.25px;
	line-height: 1.7;
}

.p-prepare-localnav {
	margin-top: 40px;
}

.p-mamechisiki-imgttl {
	margin-top: 60px;
	text-align: center;
}

.p-mamechisiki-sub {
	margin-top: 40px;
	width: 1040px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.p-mamechisiki-card {
	padding: 40px;
	min-height: 300px;
	overflow: hidden;
}

.p-mamechisiki-card__top {
	position: relative;
}

.p-mamechisiki-card__top .r-img {
	float: left;
	width: 197px;
}

.p-mamechisiki-card__top .r-txtbox {
	padding-left: 230px;
}

.p-mamechisiki-card__top .r-txtbox *:first-child {
	margin-top: 0px !important;
}

.p-mamechisiki-card__top .r-txtbox .r-txt {
	margin-top: 20px;
}

.p-mamechisiki-card__bottom {
	padding-left: 230px;
	position: relative;
	margin-top: 30px;
}

.p-mamechisiki-card__bottom .r-txt {
	margin-top: 20px;
}

.p-mamechisiki-hdg--lv2 {
	font-size: 20px;
	padding-bottom: 15px;
}

.p-ryouri-prepare-detail {
	width: 1040px;
	max-width: 100%;
	margin: 0px auto;
}

.p-ryouri-prepare-detail__mv .r-hdg {
	left: 95px;
	font-size: 40px;
}

.p-ryouri-prepare-detail__txt {
	margin-top: 20px;
}

.p-ryouri-prepare-detail__card {
	margin-top: 40px;
}

.p-ryouri-prepare-detail__card .r-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-ryouri-prepare-detail__card .r-list li {
	width: 300px;
	margin-right: 70px;
}

.p-ryouri-prepare-detail__card .r-list li:nth-child(3n) {
	margin-right: 0px;
}

.p-vegefirst-mv__inner {
	height: 230px;
	margin-bottom: 38px;
}

.p-vegefirst-mv .r-hdg {
	text-align: center;
	padding-top: 18px;
	padding-left: 36px;
}

.p-vegefirst-mv .r-lead {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 25px;
}

.p-vegefirst-mv .r-supervised {
	font-size: 13px;
}

.p-vegefirst-contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-vegefirst-contents__box {
	width: 330px;
}

.p-vegefirst-contents__box .r-ttl {
	font-size: 16px;
	line-height: 60px;
}

.p-vegefirst-contents__box .r-ttl span {
	padding-left: 1em;
}

.p-vegefirst-contents__box__inner {
	padding: 30px 37px;
}

.p-vegefirst-contents__box__inner .r-point {
	font-size: 20px;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: 16px;
	line-height: 1.5;
	padding-bottom: 25px;
}

.p-vegefirst-contents__box__inner .r-order li .r-num {
	padding-right: 3px;
}

.p-vegefirst-contents__box__inner .r-order li:after {
	width: 6px;
	height: 6px;
	bottom: 0px;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: 16px;
	line-height: 1.5;
	padding-left: 1.2em;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: 16px;
	line-height: 1.5;
}

.p-vegefirst-contents__box__inner .c-btn-list,
.p-vegefirst-contents__box__inner .c-btn-list--emphasis {
	margin: 0px auto;
	width: 200px;
}

.p-vegefirst-contents__box.r-box02 .r-img {
	margin-top: 20px;
}

.p-vegefirst-contents__box.r-box02 .r-img img {
	width: 120px;
}

.p-vegefirst-contents__box.r-box02 .c-btn-list,
.p-vegefirst-contents__box.r-box02 .c-btn-list--emphasis {
	margin-top: 24px;
}

.p-vegefirst-contents__box.r-box03 .r-img {
	margin-top: 72px;
}

.p-vegefirst-contents__box.r-box03 .r-img img {
	width: 115px;
}

.p-vegefirst-contents__box.r-box03 .c-btn-list,
.p-vegefirst-contents__box.r-box03 .c-btn-list--emphasis {
	margin-top: 24px;
}

.p-vegefirst-tab {
	padding: 50px;
}

.p-vegefirst-tab .p-vegefirst-eat {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 35px;
}

.p-vegefirst-tab .p-vegefirst-eat .r-ttl {
	font-size: 20px;
}

.p-vegefirst-tab .p-vegefirst-eat__order {
	width: 660px;
	height: 205px;
	padding: 20px 25px;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list:before {
	width: 500px;
	border-top: 2px solid #dddddd;
	top: 17px;
	left: 75px;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-icon {
	box-sizing: border-box;
	border: 2px solid #e4002b;
	border-radius: 999px;
	background: #fff;
	width: 36px;
	height: 36px;
	font-size: 20px;
	line-height: 32px;
	margin: 0px auto;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-txt {
	margin-top: 10px;
}

.p-vegefirst-tab .p-vegefirst-eat__speed {
	background: #fff;
	border-radius: 10px;
	width: 264px;
	height: 205px;
	padding: 20px 25px;
	box-sizing: border-box;
}

.p-vegefirst-tab .p-vegefirst-eat__speed .r-txt {
	margin-top: 25px;
}

.p-vegefirst-tab .p-vegefirst-eattime {
	margin-top: 35px;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm {
	border-radius: 999px;
	width: 160px;
	height: 160px;
	box-sizing: border-box;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-icon {
	font-size: 30px;
	margin-top: 28px;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	margin-top: 11.25px;
	line-height: 1.5;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm:first-child {
	margin-right: 30px;
}

.p-vegefirst-tab__txt {
	margin-top: 40px;
}

.p-vegefirst-tab__txt .p-vegefirst-tab__txt_column2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-vegefirst-tab__txt .p-vegefirst-tab__txt_column2 .r-txt {
	width: 760px;
}

.p-vegefirst-tab__txt .p-vegefirst-tab__txt_column2 .r-img {
	width: 162px;
}

.p-vegefirst-tab__img {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-vegefirst-tab__img figure {
	width: 313px;
}

.p-vegefirst-modal {
	width: 890px;
	box-sizing: border-box;
	padding: 60px 50px;
}

.p-vegefirst-modal__itm:nth-child(2) {
	margin-top: 60px;
	padding-top: 60px;
}

.p-vegefirst-modal__itm .r-hdg--lv2 {
	font-size: 30px;
}

.p-vegefirst-modal__itm .r-hdg--lv3 {
	font-size: 25px;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: 32.5px;
	line-height: 2;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: 17.5px;
	line-height: 2;
}

.p-vegefirst-modal__itm .r-note {
	margin-top: 40px;
	margin-top: 41.75px;
	line-height: 1.5;
}

.p-vegefirst-modal__itm .r-note li {
	font-size: 13px;
	line-height: 1.5;
}

.p-vegefirst-modal__itm .r-img-col2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px;
}

.p-vegefirst-modal__itm .r-img-col2 .r-img {
	width: 378px;
}

.u-align-l--pc {
	text-align: left !important;
}

.u-align-c--pc {
	text-align: center !important;
}

.u-align-r--pc {
	text-align: right !important;
}

.u-valign-t--pc {
	vertical-align: top !important;
}

.u-valign-m--pc {
	vertical-align: middle !important;
}

.u-valign-b--pc {
	vertical-align: bottom !important;
}

.u-switch-reverse--pc {
	direction: rtl;
}

.u-switch-reverse--pc > * {
	direction: ltr;
}

.u-none--pc {
	display: none !important;
}

.u-inlineblock--pc {
	display: inline-block !important;
}

.u-block--pc {
	display: block !important;
}

[class*="u-flex"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

[class*="u-flex"].r-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.u-flex-1-1 > * {
	width: 50%;
}

.u-flex-2-1 > * {
	width: 33%;
}

.u-flex-2-1 > *:first-child {
	width: 67%;
}

.u-flex-1-1-1 > * {
	width: 33%;
}

.u-flex-1-1-1 > *:last-child {
	margin-right: auto;
}

.u-mt-xs {
	margin-top: 15px !important;
}

.u-mt-xs--pc {
	margin-top: 15px !important;
}

.u-mt-s {
	margin-top: 30px !important;
}

.u-mt-s--pc {
	margin-top: 30px !important;
}

.u-mt-m {
	margin-top: 40px !important;
}

.u-mt-m--pc {
	margin-top: 40px !important;
}

.u-mt-l {
	margin-top: 60px !important;
}

.u-mt-l--pc {
	margin-top: 60px !important;
}

.u-mt-xl {
	margin-top: 80px !important;
}

.u-mt-xl--pc {
	margin-top: 80px !important;
}

.u-mt-xxl {
	margin-top: 120px !important;
}

.u-mt-xxl--pc {
	margin-top: 120px !important;
}

.u-mb-0 {
	margin-bottom: 0px !important;
}

.u-mb-0--pc {
	margin-bottom: 0px !important;
}

.u-mb-xs {
	margin-bottom: 15px !important;
}

.u-mb-xs--pc {
	margin-bottom: 15px !important;
}

.u-mb-s {
	margin-bottom: 30px !important;
}

.u-mb-s--pc {
	margin-bottom: 30px !important;
}

.u-mb-m {
	margin-bottom: 40px !important;
}

.u-mb-m--pc {
	margin-bottom: 40px !important;
}

.u-mb-l {
	margin-bottom: 60px !important;
}

.u-mb-l--pc {
	margin-bottom: 60px !important;
}

.u-mb-xl {
	margin-bottom: 80px !important;
}

.u-mb-xl--pc {
	margin-bottom: 80px !important;
}

.u-mb-xxl {
	margin-bottom: 120px !important;
}

.u-mb-xxl--pc {
	margin-bottom: 120px !important;
}

.u-pt-xs {
	padding-top: 15px !important;
}

.u-pt-xs--pc {
	padding-top: 15px !important;
}

.u-pt-s {
	padding-top: 30px !important;
}

.u-pt-s--pc {
	padding-top: 30px !important;
}

.u-pt-m {
	padding-top: 40px !important;
}

.u-pt-m--pc {
	padding-top: 40px !important;
}

.u-pt-l {
	padding-top: 60px !important;
}

.u-pt-l--pc {
	padding-top: 60px !important;
}

.u-pt-xl {
	padding-top: 80px !important;
}

.u-pt-xl--pc {
	padding-top: 80px !important;
}

.u-pt-xxl {
	margin-top: 120px !important;
}

.u-pt-xxl--pc {
	margin-top: 120px !important;
}

.u-pb-xs {
	padding-bottom: 15px !important;
}

.u-pb-xs--pc {
	padding-bottom: 15px !important;
}

.u-pb-s {
	padding-bottom: 30px !important;
}

.u-pb-s--pc {
	padding-bottom: 30px !important;
}

.u-pb-m {
	padding-bottom: 40px !important;
}

.u-pb-m--pc {
	padding-bottom: 40px !important;
}

.u-pb-l {
	padding-bottom: 60px !important;
}

.u-pb-l--pc {
	padding-bottom: 60px !important;
}

.u-pb-xl {
	padding-bottom: 80px !important;
}

.u-pb-xl--pc {
	padding-bottom: 80px !important;
}

.u-pb-xxl {
	padding-bottom: 120px !important;
}

.u-pb-xxl--pc {
	padding-bottom: 120px !important;
}

.u-mg0 {
	margin: 0px !important;
}

.u-mg0--pc {
	margin: 0px !important;
}

.u-mt0 {
	margin-top: 0px !important;
}

.u-mt0--pc {
	margin-top: 0px !important;
}

.u-mb0 {
	margin-bottom: 0px !important;
}

.u-mb0--pc {
	margin-bottom: 0px !important;
}

.u-ml0 {
	margin-left: 0px !important;
}

.u-ml0--pc {
	margin-left: 0px !important;
}

.u-ml0 {
	margin-left: 0px !important;
}

.u-ml0--pc {
	margin-left: 0px !important;
}

.u-mr0 {
	margin-right: 0px !important;
}

.u-mr0--pc {
	margin-right: 0px !important;
}

.u-mr0 {
	margin-right: 0px !important;
}

.u-mr0--pc {
	margin-right: 0px !important;
}

.u-mg5 {
	margin: 5px !important;
}

.u-mg5--pc {
	margin: 5px !important;
}

.u-mt5 {
	margin-top: 5px !important;
}

.u-mt5--pc {
	margin-top: 5px !important;
}

.u-mb5 {
	margin-bottom: 5px !important;
}

.u-mb5--pc {
	margin-bottom: 5px !important;
}

.u-ml5 {
	margin-left: 5px !important;
}

.u-ml5--pc {
	margin-left: 5px !important;
}

.u-ml-5 {
	margin-left: -5px !important;
}

.u-ml-5--pc {
	margin-left: -5px !important;
}

.u-mr5 {
	margin-right: 5px !important;
}

.u-mr5--pc {
	margin-right: 5px !important;
}

.u-mr-5 {
	margin-right: -5px !important;
}

.u-mr-5--pc {
	margin-right: -5px !important;
}

.u-mg10 {
	margin: 10px !important;
}

.u-mg10--pc {
	margin: 10px !important;
}

.u-mt10 {
	margin-top: 10px !important;
}

.u-mt10--pc {
	margin-top: 10px !important;
}

.u-mb10 {
	margin-bottom: 10px !important;
}

.u-mb10--pc {
	margin-bottom: 10px !important;
}

.u-ml10 {
	margin-left: 10px !important;
}

.u-ml10--pc {
	margin-left: 10px !important;
}

.u-ml-10 {
	margin-left: -10px !important;
}

.u-ml-10--pc {
	margin-left: -10px !important;
}

.u-mr10 {
	margin-right: 10px !important;
}

.u-mr10--pc {
	margin-right: 10px !important;
}

.u-mr-10 {
	margin-right: -10px !important;
}

.u-mr-10--pc {
	margin-right: -10px !important;
}

.u-mg15 {
	margin: 15px !important;
}

.u-mg15--pc {
	margin: 15px !important;
}

.u-mt15 {
	margin-top: 15px !important;
}

.u-mt15--pc {
	margin-top: 15px !important;
}

.u-mb15 {
	margin-bottom: 15px !important;
}

.u-mb15--pc {
	margin-bottom: 15px !important;
}

.u-ml15 {
	margin-left: 15px !important;
}

.u-ml15--pc {
	margin-left: 15px !important;
}

.u-ml-15 {
	margin-left: -15px !important;
}

.u-ml-15--pc {
	margin-left: -15px !important;
}

.u-mr15 {
	margin-right: 15px !important;
}

.u-mr15--pc {
	margin-right: 15px !important;
}

.u-mr-15 {
	margin-right: -15px !important;
}

.u-mr-15--pc {
	margin-right: -15px !important;
}

.u-mg20 {
	margin: 20px !important;
}

.u-mg20--pc {
	margin: 20px !important;
}

.u-mt20 {
	margin-top: 20px !important;
}

.u-mt20--pc {
	margin-top: 20px !important;
}

.u-mb20 {
	margin-bottom: 20px !important;
}

.u-mb20--pc {
	margin-bottom: 20px !important;
}

.u-ml20 {
	margin-left: 20px !important;
}

.u-ml20--pc {
	margin-left: 20px !important;
}

.u-ml-20 {
	margin-left: -20px !important;
}

.u-ml-20--pc {
	margin-left: -20px !important;
}

.u-mr20 {
	margin-right: 20px !important;
}

.u-mr20--pc {
	margin-right: 20px !important;
}

.u-mr-20 {
	margin-right: -20px !important;
}

.u-mr-20--pc {
	margin-right: -20px !important;
}

.u-mg25 {
	margin: 25px !important;
}

.u-mg25--pc {
	margin: 25px !important;
}

.u-mt25 {
	margin-top: 25px !important;
}

.u-mt25--pc {
	margin-top: 25px !important;
}

.u-mb25 {
	margin-bottom: 25px !important;
}

.u-mb25--pc {
	margin-bottom: 25px !important;
}

.u-ml25 {
	margin-left: 25px !important;
}

.u-ml25--pc {
	margin-left: 25px !important;
}

.u-ml-25 {
	margin-left: -25px !important;
}

.u-ml-25--pc {
	margin-left: -25px !important;
}

.u-mr25 {
	margin-right: 25px !important;
}

.u-mr25--pc {
	margin-right: 25px !important;
}

.u-mr-25 {
	margin-right: -25px !important;
}

.u-mr-25--pc {
	margin-right: -25px !important;
}

.u-mg30 {
	margin: 30px !important;
}

.u-mg30--pc {
	margin: 30px !important;
}

.u-mt30 {
	margin-top: 30px !important;
}

.u-mt30--pc {
	margin-top: 30px !important;
}

.u-mb30 {
	margin-bottom: 30px !important;
}

.u-mb30--pc {
	margin-bottom: 30px !important;
}

.u-ml30 {
	margin-left: 30px !important;
}

.u-ml30--pc {
	margin-left: 30px !important;
}

.u-ml-30 {
	margin-left: -30px !important;
}

.u-ml-30--pc {
	margin-left: -30px !important;
}

.u-mr30 {
	margin-right: 30px !important;
}

.u-mr30--pc {
	margin-right: 30px !important;
}

.u-mr-30 {
	margin-right: -30px !important;
}

.u-mr-30--pc {
	margin-right: -30px !important;
}

.u-mg35 {
	margin: 35px !important;
}

.u-mg35--pc {
	margin: 35px !important;
}

.u-mt35 {
	margin-top: 35px !important;
}

.u-mt35--pc {
	margin-top: 35px !important;
}

.u-mb35 {
	margin-bottom: 35px !important;
}

.u-mb35--pc {
	margin-bottom: 35px !important;
}

.u-ml35 {
	margin-left: 35px !important;
}

.u-ml35--pc {
	margin-left: 35px !important;
}

.u-ml-35 {
	margin-left: -35px !important;
}

.u-ml-35--pc {
	margin-left: -35px !important;
}

.u-mr35 {
	margin-right: 35px !important;
}

.u-mr35--pc {
	margin-right: 35px !important;
}

.u-mr-35 {
	margin-right: -35px !important;
}

.u-mr-35--pc {
	margin-right: -35px !important;
}

.u-mg40 {
	margin: 40px !important;
}

.u-mg40--pc {
	margin: 40px !important;
}

.u-mt40 {
	margin-top: 40px !important;
}

.u-mt40--pc {
	margin-top: 40px !important;
}

.u-mb40 {
	margin-bottom: 40px !important;
}

.u-mb40--pc {
	margin-bottom: 40px !important;
}

.u-ml40 {
	margin-left: 40px !important;
}

.u-ml40--pc {
	margin-left: 40px !important;
}

.u-ml-40 {
	margin-left: -40px !important;
}

.u-ml-40--pc {
	margin-left: -40px !important;
}

.u-mr40 {
	margin-right: 40px !important;
}

.u-mr40--pc {
	margin-right: 40px !important;
}

.u-mr-40 {
	margin-right: -40px !important;
}

.u-mr-40--pc {
	margin-right: -40px !important;
}

.u-mg45 {
	margin: 45px !important;
}

.u-mg45--pc {
	margin: 45px !important;
}

.u-mt45 {
	margin-top: 45px !important;
}

.u-mt45--pc {
	margin-top: 45px !important;
}

.u-mb45 {
	margin-bottom: 45px !important;
}

.u-mb45--pc {
	margin-bottom: 45px !important;
}

.u-ml45 {
	margin-left: 45px !important;
}

.u-ml45--pc {
	margin-left: 45px !important;
}

.u-ml-45 {
	margin-left: -45px !important;
}

.u-ml-45--pc {
	margin-left: -45px !important;
}

.u-mr45 {
	margin-right: 45px !important;
}

.u-mr45--pc {
	margin-right: 45px !important;
}

.u-mr-45 {
	margin-right: -45px !important;
}

.u-mr-45--pc {
	margin-right: -45px !important;
}

.u-mg50 {
	margin: 50px !important;
}

.u-mg50--pc {
	margin: 50px !important;
}

.u-mt50 {
	margin-top: 50px !important;
}

.u-mt50--pc {
	margin-top: 50px !important;
}

.u-mb50 {
	margin-bottom: 50px !important;
}

.u-mb50--pc {
	margin-bottom: 50px !important;
}

.u-ml50 {
	margin-left: 50px !important;
}

.u-ml50--pc {
	margin-left: 50px !important;
}

.u-ml-50 {
	margin-left: -50px !important;
}

.u-ml-50--pc {
	margin-left: -50px !important;
}

.u-mr50 {
	margin-right: 50px !important;
}

.u-mr50--pc {
	margin-right: 50px !important;
}

.u-mr-50 {
	margin-right: -50px !important;
}

.u-mr-50--pc {
	margin-right: -50px !important;
}

.u-mg55 {
	margin: 55px !important;
}

.u-mg55--pc {
	margin: 55px !important;
}

.u-mt55 {
	margin-top: 55px !important;
}

.u-mt55--pc {
	margin-top: 55px !important;
}

.u-mb55 {
	margin-bottom: 55px !important;
}

.u-mb55--pc {
	margin-bottom: 55px !important;
}

.u-ml55 {
	margin-left: 55px !important;
}

.u-ml55--pc {
	margin-left: 55px !important;
}

.u-ml-55 {
	margin-left: -55px !important;
}

.u-ml-55--pc {
	margin-left: -55px !important;
}

.u-mr55 {
	margin-right: 55px !important;
}

.u-mr55--pc {
	margin-right: 55px !important;
}

.u-mr-55 {
	margin-right: -55px !important;
}

.u-mr-55--pc {
	margin-right: -55px !important;
}

.u-mg60 {
	margin: 60px !important;
}

.u-mg60--pc {
	margin: 60px !important;
}

.u-mt60 {
	margin-top: 60px !important;
}

.u-mt60--pc {
	margin-top: 60px !important;
}

.u-mb60 {
	margin-bottom: 60px !important;
}

.u-mb60--pc {
	margin-bottom: 60px !important;
}

.u-ml60 {
	margin-left: 60px !important;
}

.u-ml60--pc {
	margin-left: 60px !important;
}

.u-ml-60 {
	margin-left: -60px !important;
}

.u-ml-60--pc {
	margin-left: -60px !important;
}

.u-mr60 {
	margin-right: 60px !important;
}

.u-mr60--pc {
	margin-right: 60px !important;
}

.u-mr-60 {
	margin-right: -60px !important;
}

.u-mr-60--pc {
	margin-right: -60px !important;
}

.u-mg65 {
	margin: 65px !important;
}

.u-mg65--pc {
	margin: 65px !important;
}

.u-mt65 {
	margin-top: 65px !important;
}

.u-mt65--pc {
	margin-top: 65px !important;
}

.u-mb65 {
	margin-bottom: 65px !important;
}

.u-mb65--pc {
	margin-bottom: 65px !important;
}

.u-ml65 {
	margin-left: 65px !important;
}

.u-ml65--pc {
	margin-left: 65px !important;
}

.u-ml-65 {
	margin-left: -65px !important;
}

.u-ml-65--pc {
	margin-left: -65px !important;
}

.u-mr65 {
	margin-right: 65px !important;
}

.u-mr65--pc {
	margin-right: 65px !important;
}

.u-mr-65 {
	margin-right: -65px !important;
}

.u-mr-65--pc {
	margin-right: -65px !important;
}

.u-mg70 {
	margin: 70px !important;
}

.u-mg70--pc {
	margin: 70px !important;
}

.u-mt70 {
	margin-top: 70px !important;
}

.u-mt70--pc {
	margin-top: 70px !important;
}

.u-mb70 {
	margin-bottom: 70px !important;
}

.u-mb70--pc {
	margin-bottom: 70px !important;
}

.u-ml70 {
	margin-left: 70px !important;
}

.u-ml70--pc {
	margin-left: 70px !important;
}

.u-ml-70 {
	margin-left: -70px !important;
}

.u-ml-70--pc {
	margin-left: -70px !important;
}

.u-mr70 {
	margin-right: 70px !important;
}

.u-mr70--pc {
	margin-right: 70px !important;
}

.u-mr-70 {
	margin-right: -70px !important;
}

.u-mr-70--pc {
	margin-right: -70px !important;
}

.u-mg75 {
	margin: 75px !important;
}

.u-mg75--pc {
	margin: 75px !important;
}

.u-mt75 {
	margin-top: 75px !important;
}

.u-mt75--pc {
	margin-top: 75px !important;
}

.u-mb75 {
	margin-bottom: 75px !important;
}

.u-mb75--pc {
	margin-bottom: 75px !important;
}

.u-ml75 {
	margin-left: 75px !important;
}

.u-ml75--pc {
	margin-left: 75px !important;
}

.u-ml-75 {
	margin-left: -75px !important;
}

.u-ml-75--pc {
	margin-left: -75px !important;
}

.u-mr75 {
	margin-right: 75px !important;
}

.u-mr75--pc {
	margin-right: 75px !important;
}

.u-mr-75 {
	margin-right: -75px !important;
}

.u-mr-75--pc {
	margin-right: -75px !important;
}

.u-mg80 {
	margin: 80px !important;
}

.u-mg80--pc {
	margin: 80px !important;
}

.u-mt80 {
	margin-top: 80px !important;
}

.u-mt80--pc {
	margin-top: 80px !important;
}

.u-mb80 {
	margin-bottom: 80px !important;
}

.u-mb80--pc {
	margin-bottom: 80px !important;
}

.u-ml80 {
	margin-left: 80px !important;
}

.u-ml80--pc {
	margin-left: 80px !important;
}

.u-ml-80 {
	margin-left: -80px !important;
}

.u-ml-80--pc {
	margin-left: -80px !important;
}

.u-mr80 {
	margin-right: 80px !important;
}

.u-mr80--pc {
	margin-right: 80px !important;
}

.u-mr-80 {
	margin-right: -80px !important;
}

.u-mr-80--pc {
	margin-right: -80px !important;
}

.u-mg85 {
	margin: 85px !important;
}

.u-mg85--pc {
	margin: 85px !important;
}

.u-mt85 {
	margin-top: 85px !important;
}

.u-mt85--pc {
	margin-top: 85px !important;
}

.u-mb85 {
	margin-bottom: 85px !important;
}

.u-mb85--pc {
	margin-bottom: 85px !important;
}

.u-ml85 {
	margin-left: 85px !important;
}

.u-ml85--pc {
	margin-left: 85px !important;
}

.u-ml-85 {
	margin-left: -85px !important;
}

.u-ml-85--pc {
	margin-left: -85px !important;
}

.u-mr85 {
	margin-right: 85px !important;
}

.u-mr85--pc {
	margin-right: 85px !important;
}

.u-mr-85 {
	margin-right: -85px !important;
}

.u-mr-85--pc {
	margin-right: -85px !important;
}

.u-mg90 {
	margin: 90px !important;
}

.u-mg90--pc {
	margin: 90px !important;
}

.u-mt90 {
	margin-top: 90px !important;
}

.u-mt90--pc {
	margin-top: 90px !important;
}

.u-mb90 {
	margin-bottom: 90px !important;
}

.u-mb90--pc {
	margin-bottom: 90px !important;
}

.u-ml90 {
	margin-left: 90px !important;
}

.u-ml90--pc {
	margin-left: 90px !important;
}

.u-ml-90 {
	margin-left: -90px !important;
}

.u-ml-90--pc {
	margin-left: -90px !important;
}

.u-mr90 {
	margin-right: 90px !important;
}

.u-mr90--pc {
	margin-right: 90px !important;
}

.u-mr-90 {
	margin-right: -90px !important;
}

.u-mr-90--pc {
	margin-right: -90px !important;
}

.u-mg95 {
	margin: 95px !important;
}

.u-mg95--pc {
	margin: 95px !important;
}

.u-mt95 {
	margin-top: 95px !important;
}

.u-mt95--pc {
	margin-top: 95px !important;
}

.u-mb95 {
	margin-bottom: 95px !important;
}

.u-mb95--pc {
	margin-bottom: 95px !important;
}

.u-ml95 {
	margin-left: 95px !important;
}

.u-ml95--pc {
	margin-left: 95px !important;
}

.u-ml-95 {
	margin-left: -95px !important;
}

.u-ml-95--pc {
	margin-left: -95px !important;
}

.u-mr95 {
	margin-right: 95px !important;
}

.u-mr95--pc {
	margin-right: 95px !important;
}

.u-mr-95 {
	margin-right: -95px !important;
}

.u-mr-95--pc {
	margin-right: -95px !important;
}

.u-mg100 {
	margin: 100px !important;
}

.u-mg100--pc {
	margin: 100px !important;
}

.u-mt100 {
	margin-top: 100px !important;
}

.u-mt100--pc {
	margin-top: 100px !important;
}

.u-mb100 {
	margin-bottom: 100px !important;
}

.u-mb100--pc {
	margin-bottom: 100px !important;
}

.u-ml100 {
	margin-left: 100px !important;
}

.u-ml100--pc {
	margin-left: 100px !important;
}

.u-ml-100 {
	margin-left: -100px !important;
}

.u-ml-100--pc {
	margin-left: -100px !important;
}

.u-mr100 {
	margin-right: 100px !important;
}

.u-mr100--pc {
	margin-right: 100px !important;
}

.u-mr-100 {
	margin-right: -100px !important;
}

.u-mr-100--pc {
	margin-right: -100px !important;
}

.u-mb200--pc {
	margin-bottom: 200px !important;
}

.u-pd0 {
	padding: 0px !important;
}

.u-pd0--pc {
	padding: 0px !important;
}

.u-pt0 {
	padding-top: 0px !important;
}

.u-pt0--pc {
	padding-top: 0px !important;
}

.u-pb0 {
	padding-bottom: 0px !important;
}

.u-pb0--pc {
	padding-bottom: 0px !important;
}

.u-pl0 {
	padding-left: 0px !important;
}

.u-pl0--pc {
	padding-left: 0px !important;
}

.u-pr0 {
	padding-right: 0px !important;
}

.u-pr0--pc {
	padding-right: 0px !important;
}

.u-pd5 {
	padding: 5px !important;
}

.u-pd5--pc {
	padding: 5px !important;
}

.u-pt5 {
	padding-top: 5px !important;
}

.u-pt5--pc {
	padding-top: 5px !important;
}

.u-pb5 {
	padding-bottom: 5px !important;
}

.u-pb5--pc {
	padding-bottom: 5px !important;
}

.u-pl5 {
	padding-left: 5px !important;
}

.u-pl5--pc {
	padding-left: 5px !important;
}

.u-pr5 {
	padding-right: 5px !important;
}

.u-pr5--pc {
	padding-right: 5px !important;
}

.u-pd10 {
	padding: 10px !important;
}

.u-pd10--pc {
	padding: 10px !important;
}

.u-pt10 {
	padding-top: 10px !important;
}

.u-pt10--pc {
	padding-top: 10px !important;
}

.u-pb10 {
	padding-bottom: 10px !important;
}

.u-pb10--pc {
	padding-bottom: 10px !important;
}

.u-pl10 {
	padding-left: 10px !important;
}

.u-pl10--pc {
	padding-left: 10px !important;
}

.u-pr10 {
	padding-right: 10px !important;
}

.u-pr10--pc {
	padding-right: 10px !important;
}

.u-pd15 {
	padding: 15px !important;
}

.u-pd15--pc {
	padding: 15px !important;
}

.u-pt15 {
	padding-top: 15px !important;
}

.u-pt15--pc {
	padding-top: 15px !important;
}

.u-pb15 {
	padding-bottom: 15px !important;
}

.u-pb15--pc {
	padding-bottom: 15px !important;
}

.u-pl15 {
	padding-left: 15px !important;
}

.u-pl15--pc {
	padding-left: 15px !important;
}

.u-pr15 {
	padding-right: 15px !important;
}

.u-pr15--pc {
	padding-right: 15px !important;
}

.u-pd20 {
	padding: 20px !important;
}

.u-pd20--pc {
	padding: 20px !important;
}

.u-pt20 {
	padding-top: 20px !important;
}

.u-pt20--pc {
	padding-top: 20px !important;
}

.u-pb20 {
	padding-bottom: 20px !important;
}

.u-pb20--pc {
	padding-bottom: 20px !important;
}

.u-pl20 {
	padding-left: 20px !important;
}

.u-pl20--pc {
	padding-left: 20px !important;
}

.u-pr20 {
	padding-right: 20px !important;
}

.u-pr20--pc {
	padding-right: 20px !important;
}

.u-pd25 {
	padding: 25px !important;
}

.u-pd25--pc {
	padding: 25px !important;
}

.u-pt25 {
	padding-top: 25px !important;
}

.u-pt25--pc {
	padding-top: 25px !important;
}

.u-pb25 {
	padding-bottom: 25px !important;
}

.u-pb25--pc {
	padding-bottom: 25px !important;
}

.u-pl25 {
	padding-left: 25px !important;
}

.u-pl25--pc {
	padding-left: 25px !important;
}

.u-pr25 {
	padding-right: 25px !important;
}

.u-pr25--pc {
	padding-right: 25px !important;
}

.u-pd30 {
	padding: 30px !important;
}

.u-pd30--pc {
	padding: 30px !important;
}

.u-pt30 {
	padding-top: 30px !important;
}

.u-pt30--pc {
	padding-top: 30px !important;
}

.u-pb30 {
	padding-bottom: 30px !important;
}

.u-pb30--pc {
	padding-bottom: 30px !important;
}

.u-pl30 {
	padding-left: 30px !important;
}

.u-pl30--pc {
	padding-left: 30px !important;
}

.u-pr30 {
	padding-right: 30px !important;
}

.u-pr30--pc {
	padding-right: 30px !important;
}

.u-pd35 {
	padding: 35px !important;
}

.u-pd35--pc {
	padding: 35px !important;
}

.u-pt35 {
	padding-top: 35px !important;
}

.u-pt35--pc {
	padding-top: 35px !important;
}

.u-pb35 {
	padding-bottom: 35px !important;
}

.u-pb35--pc {
	padding-bottom: 35px !important;
}

.u-pl35 {
	padding-left: 35px !important;
}

.u-pl35--pc {
	padding-left: 35px !important;
}

.u-pr35 {
	padding-right: 35px !important;
}

.u-pr35--pc {
	padding-right: 35px !important;
}

.u-pd40 {
	padding: 40px !important;
}

.u-pd40--pc {
	padding: 40px !important;
}

.u-pt40 {
	padding-top: 40px !important;
}

.u-pt40--pc {
	padding-top: 40px !important;
}

.u-pb40 {
	padding-bottom: 40px !important;
}

.u-pb40--pc {
	padding-bottom: 40px !important;
}

.u-pl40 {
	padding-left: 40px !important;
}

.u-pl40--pc {
	padding-left: 40px !important;
}

.u-pr40 {
	padding-right: 40px !important;
}

.u-pr40--pc {
	padding-right: 40px !important;
}

.u-pd45 {
	padding: 45px !important;
}

.u-pd45--pc {
	padding: 45px !important;
}

.u-pt45 {
	padding-top: 45px !important;
}

.u-pt45--pc {
	padding-top: 45px !important;
}

.u-pb45 {
	padding-bottom: 45px !important;
}

.u-pb45--pc {
	padding-bottom: 45px !important;
}

.u-pl45 {
	padding-left: 45px !important;
}

.u-pl45--pc {
	padding-left: 45px !important;
}

.u-pr45 {
	padding-right: 45px !important;
}

.u-pr45--pc {
	padding-right: 45px !important;
}

.u-pd50 {
	padding: 50px !important;
}

.u-pd50--pc {
	padding: 50px !important;
}

.u-pt50 {
	padding-top: 50px !important;
}

.u-pt50--pc {
	padding-top: 50px !important;
}

.u-pb50 {
	padding-bottom: 50px !important;
}

.u-pb50--pc {
	padding-bottom: 50px !important;
}

.u-pl50 {
	padding-left: 50px !important;
}

.u-pl50--pc {
	padding-left: 50px !important;
}

.u-pr50 {
	padding-right: 50px !important;
}

.u-pr50--pc {
	padding-right: 50px !important;
}

.u-pd55 {
	padding: 55px !important;
}

.u-pd55--pc {
	padding: 55px !important;
}

.u-pt55 {
	padding-top: 55px !important;
}

.u-pt55--pc {
	padding-top: 55px !important;
}

.u-pb55 {
	padding-bottom: 55px !important;
}

.u-pb55--pc {
	padding-bottom: 55px !important;
}

.u-pl55 {
	padding-left: 55px !important;
}

.u-pl55--pc {
	padding-left: 55px !important;
}

.u-pr55 {
	padding-right: 55px !important;
}

.u-pr55--pc {
	padding-right: 55px !important;
}

.u-pd60 {
	padding: 60px !important;
}

.u-pd60--pc {
	padding: 60px !important;
}

.u-pt60 {
	padding-top: 60px !important;
}

.u-pt60--pc {
	padding-top: 60px !important;
}

.u-pb60 {
	padding-bottom: 60px !important;
}

.u-pb60--pc {
	padding-bottom: 60px !important;
}

.u-pl60 {
	padding-left: 60px !important;
}

.u-pl60--pc {
	padding-left: 60px !important;
}

.u-pr60 {
	padding-right: 60px !important;
}

.u-pr60--pc {
	padding-right: 60px !important;
}

.u-pd65 {
	padding: 65px !important;
}

.u-pd65--pc {
	padding: 65px !important;
}

.u-pt65 {
	padding-top: 65px !important;
}

.u-pt65--pc {
	padding-top: 65px !important;
}

.u-pb65 {
	padding-bottom: 65px !important;
}

.u-pb65--pc {
	padding-bottom: 65px !important;
}

.u-pl65 {
	padding-left: 65px !important;
}

.u-pl65--pc {
	padding-left: 65px !important;
}

.u-pr65 {
	padding-right: 65px !important;
}

.u-pr65--pc {
	padding-right: 65px !important;
}

.u-pd70 {
	padding: 70px !important;
}

.u-pd70--pc {
	padding: 70px !important;
}

.u-pt70 {
	padding-top: 70px !important;
}

.u-pt70--pc {
	padding-top: 70px !important;
}

.u-pb70 {
	padding-bottom: 70px !important;
}

.u-pb70--pc {
	padding-bottom: 70px !important;
}

.u-pl70 {
	padding-left: 70px !important;
}

.u-pl70--pc {
	padding-left: 70px !important;
}

.u-pr70 {
	padding-right: 70px !important;
}

.u-pr70--pc {
	padding-right: 70px !important;
}

.u-pd75 {
	padding: 75px !important;
}

.u-pd75--pc {
	padding: 75px !important;
}

.u-pt75 {
	padding-top: 75px !important;
}

.u-pt75--pc {
	padding-top: 75px !important;
}

.u-pb75 {
	padding-bottom: 75px !important;
}

.u-pb75--pc {
	padding-bottom: 75px !important;
}

.u-pl75 {
	padding-left: 75px !important;
}

.u-pl75--pc {
	padding-left: 75px !important;
}

.u-pr75 {
	padding-right: 75px !important;
}

.u-pr75--pc {
	padding-right: 75px !important;
}

.u-pd80 {
	padding: 80px !important;
}

.u-pd80--pc {
	padding: 80px !important;
}

.u-pt80 {
	padding-top: 80px !important;
}

.u-pt80--pc {
	padding-top: 80px !important;
}

.u-pb80 {
	padding-bottom: 80px !important;
}

.u-pb80--pc {
	padding-bottom: 80px !important;
}

.u-pl80 {
	padding-left: 80px !important;
}

.u-pl80--pc {
	padding-left: 80px !important;
}

.u-pr80 {
	padding-right: 80px !important;
}

.u-pr80--pc {
	padding-right: 80px !important;
}

.u-pd85 {
	padding: 85px !important;
}

.u-pd85--pc {
	padding: 85px !important;
}

.u-pt85 {
	padding-top: 85px !important;
}

.u-pt85--pc {
	padding-top: 85px !important;
}

.u-pb85 {
	padding-bottom: 85px !important;
}

.u-pb85--pc {
	padding-bottom: 85px !important;
}

.u-pl85 {
	padding-left: 85px !important;
}

.u-pl85--pc {
	padding-left: 85px !important;
}

.u-pr85 {
	padding-right: 85px !important;
}

.u-pr85--pc {
	padding-right: 85px !important;
}

.u-pd90 {
	padding: 90px !important;
}

.u-pd90--pc {
	padding: 90px !important;
}

.u-pt90 {
	padding-top: 90px !important;
}

.u-pt90--pc {
	padding-top: 90px !important;
}

.u-pb90 {
	padding-bottom: 90px !important;
}

.u-pb90--pc {
	padding-bottom: 90px !important;
}

.u-pl90 {
	padding-left: 90px !important;
}

.u-pl90--pc {
	padding-left: 90px !important;
}

.u-pr90 {
	padding-right: 90px !important;
}

.u-pr90--pc {
	padding-right: 90px !important;
}

.u-pd95 {
	padding: 95px !important;
}

.u-pd95--pc {
	padding: 95px !important;
}

.u-pt95 {
	padding-top: 95px !important;
}

.u-pt95--pc {
	padding-top: 95px !important;
}

.u-pb95 {
	padding-bottom: 95px !important;
}

.u-pb95--pc {
	padding-bottom: 95px !important;
}

.u-pl95 {
	padding-left: 95px !important;
}

.u-pl95--pc {
	padding-left: 95px !important;
}

.u-pr95 {
	padding-right: 95px !important;
}

.u-pr95--pc {
	padding-right: 95px !important;
}

.u-pd100 {
	padding: 100px !important;
}

.u-pd100--pc {
	padding: 100px !important;
}

.u-pt100 {
	padding-top: 100px !important;
}

.u-pt100--pc {
	padding-top: 100px !important;
}

.u-pb100 {
	padding-bottom: 100px !important;
}

.u-pb100--pc {
	padding-bottom: 100px !important;
}

.u-pl100 {
	padding-left: 100px !important;
}

.u-pl100--pc {
	padding-left: 100px !important;
}

.u-pr100 {
	padding-right: 100px !important;
}

.u-pr100--pc {
	padding-right: 100px !important;
}

.u-clickable img {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.u-clickable:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.u-clickdisable--pc {
	pointer-events: none;
}

.u-txt {
	font-size: 14px;
}

.u-txt--pc {
	font-size: 14px;
}

.u-txt__small {
	font-size: 12px;
}

.u-txt__small--pc {
	font-size: 12px;
}

.u-txt__midium {
	font-size: 14px;
}

.u-txt__midium--pc {
	font-size: 14px;
}

.u-txt__large {
	font-size: 24px;
}

.u-txt__large--pc {
	font-size: 24px;
}

.u-txt__xlarge {
	font-size: 30px;
}

.u-txt__xlarge--pc {
	font-size: 30px;
}

.u-txt--tel {
	pointer-events: none;
}

.u-indent--disc {
	padding-left: 1em;
}

.u-indent--disc:before {
	margin-left: -1em;
}

.u-indent--notice:before {
	margin-left: -1em;
}

.u-wd5--pc {
	width: 5px !important;
}

.u-wd1per--pc {
	width: 1% !important;
}

.u-wd10--pc {
	width: 10px !important;
}

.u-wd2per--pc {
	width: 2% !important;
}

.u-wd15--pc {
	width: 15px !important;
}

.u-wd3per--pc {
	width: 3% !important;
}

.u-wd20--pc {
	width: 20px !important;
}

.u-wd4per--pc {
	width: 4% !important;
}

.u-wd25--pc {
	width: 25px !important;
}

.u-wd5per--pc {
	width: 5% !important;
}

.u-wd30--pc {
	width: 30px !important;
}

.u-wd6per--pc {
	width: 6% !important;
}

.u-wd35--pc {
	width: 35px !important;
}

.u-wd7per--pc {
	width: 7% !important;
}

.u-wd40--pc {
	width: 40px !important;
}

.u-wd8per--pc {
	width: 8% !important;
}

.u-wd45--pc {
	width: 45px !important;
}

.u-wd9per--pc {
	width: 9% !important;
}

.u-wd50--pc {
	width: 50px !important;
}

.u-wd10per--pc {
	width: 10% !important;
}

.u-wd55--pc {
	width: 55px !important;
}

.u-wd11per--pc {
	width: 11% !important;
}

.u-wd60--pc {
	width: 60px !important;
}

.u-wd12per--pc {
	width: 12% !important;
}

.u-wd65--pc {
	width: 65px !important;
}

.u-wd13per--pc {
	width: 13% !important;
}

.u-wd70--pc {
	width: 70px !important;
}

.u-wd14per--pc {
	width: 14% !important;
}

.u-wd75--pc {
	width: 75px !important;
}

.u-wd15per--pc {
	width: 15% !important;
}

.u-wd80--pc {
	width: 80px !important;
}

.u-wd16per--pc {
	width: 16% !important;
}

.u-wd85--pc {
	width: 85px !important;
}

.u-wd17per--pc {
	width: 17% !important;
}

.u-wd90--pc {
	width: 90px !important;
}

.u-wd18per--pc {
	width: 18% !important;
}

.u-wd95--pc {
	width: 95px !important;
}

.u-wd19per--pc {
	width: 19% !important;
}

.u-wd100--pc {
	width: 100px !important;
}

.u-wd20per--pc {
	width: 20% !important;
}

.u-wd105--pc {
	width: 105px !important;
}

.u-wd21per--pc {
	width: 21% !important;
}

.u-wd110--pc {
	width: 110px !important;
}

.u-wd22per--pc {
	width: 22% !important;
}

.u-wd115--pc {
	width: 115px !important;
}

.u-wd23per--pc {
	width: 23% !important;
}

.u-wd120--pc {
	width: 120px !important;
}

.u-wd24per--pc {
	width: 24% !important;
}

.u-wd125--pc {
	width: 125px !important;
}

.u-wd25per--pc {
	width: 25% !important;
}

.u-wd130--pc {
	width: 130px !important;
}

.u-wd26per--pc {
	width: 26% !important;
}

.u-wd135--pc {
	width: 135px !important;
}

.u-wd27per--pc {
	width: 27% !important;
}

.u-wd140--pc {
	width: 140px !important;
}

.u-wd28per--pc {
	width: 28% !important;
}

.u-wd145--pc {
	width: 145px !important;
}

.u-wd29per--pc {
	width: 29% !important;
}

.u-wd150--pc {
	width: 150px !important;
}

.u-wd30per--pc {
	width: 30% !important;
}

.u-wd155--pc {
	width: 155px !important;
}

.u-wd31per--pc {
	width: 31% !important;
}

.u-wd160--pc {
	width: 160px !important;
}

.u-wd32per--pc {
	width: 32% !important;
}

.u-wd165--pc {
	width: 165px !important;
}

.u-wd33per--pc {
	width: 33% !important;
}

.u-wd170--pc {
	width: 170px !important;
}

.u-wd34per--pc {
	width: 34% !important;
}

.u-wd175--pc {
	width: 175px !important;
}

.u-wd35per--pc {
	width: 35% !important;
}

.u-wd180--pc {
	width: 180px !important;
}

.u-wd36per--pc {
	width: 36% !important;
}

.u-wd185--pc {
	width: 185px !important;
}

.u-wd37per--pc {
	width: 37% !important;
}

.u-wd190--pc {
	width: 190px !important;
}

.u-wd38per--pc {
	width: 38% !important;
}

.u-wd195--pc {
	width: 195px !important;
}

.u-wd39per--pc {
	width: 39% !important;
}

.u-wd200--pc {
	width: 200px !important;
}

.u-wd40per--pc {
	width: 40% !important;
}

.u-wd205--pc {
	width: 205px !important;
}

.u-wd41per--pc {
	width: 41% !important;
}

.u-wd210--pc {
	width: 210px !important;
}

.u-wd42per--pc {
	width: 42% !important;
}

.u-wd215--pc {
	width: 215px !important;
}

.u-wd43per--pc {
	width: 43% !important;
}

.u-wd220--pc {
	width: 220px !important;
}

.u-wd44per--pc {
	width: 44% !important;
}

.u-wd225--pc {
	width: 225px !important;
}

.u-wd45per--pc {
	width: 45% !important;
}

.u-wd230--pc {
	width: 230px !important;
}

.u-wd46per--pc {
	width: 46% !important;
}

.u-wd235--pc {
	width: 235px !important;
}

.u-wd47per--pc {
	width: 47% !important;
}

.u-wd240--pc {
	width: 240px !important;
}

.u-wd48per--pc {
	width: 48% !important;
}

.u-wd245--pc {
	width: 245px !important;
}

.u-wd49per--pc {
	width: 49% !important;
}

.u-wd250--pc {
	width: 250px !important;
}

.u-wd50per--pc {
	width: 50% !important;
}

.u-wd255--pc {
	width: 255px !important;
}

.u-wd51per--pc {
	width: 51% !important;
}

.u-wd260--pc {
	width: 260px !important;
}

.u-wd52per--pc {
	width: 52% !important;
}

.u-wd265--pc {
	width: 265px !important;
}

.u-wd53per--pc {
	width: 53% !important;
}

.u-wd270--pc {
	width: 270px !important;
}

.u-wd54per--pc {
	width: 54% !important;
}

.u-wd275--pc {
	width: 275px !important;
}

.u-wd55per--pc {
	width: 55% !important;
}

.u-wd280--pc {
	width: 280px !important;
}

.u-wd56per--pc {
	width: 56% !important;
}

.u-wd285--pc {
	width: 285px !important;
}

.u-wd57per--pc {
	width: 57% !important;
}

.u-wd290--pc {
	width: 290px !important;
}

.u-wd58per--pc {
	width: 58% !important;
}

.u-wd295--pc {
	width: 295px !important;
}

.u-wd59per--pc {
	width: 59% !important;
}

.u-wd300--pc {
	width: 300px !important;
}

.u-wd60per--pc {
	width: 60% !important;
}

.u-wd305--pc {
	width: 305px !important;
}

.u-wd61per--pc {
	width: 61% !important;
}

.u-wd310--pc {
	width: 310px !important;
}

.u-wd62per--pc {
	width: 62% !important;
}

.u-wd315--pc {
	width: 315px !important;
}

.u-wd63per--pc {
	width: 63% !important;
}

.u-wd320--pc {
	width: 320px !important;
}

.u-wd64per--pc {
	width: 64% !important;
}

.u-wd325--pc {
	width: 325px !important;
}

.u-wd65per--pc {
	width: 65% !important;
}

.u-wd330--pc {
	width: 330px !important;
}

.u-wd66per--pc {
	width: 66% !important;
}

.u-wd335--pc {
	width: 335px !important;
}

.u-wd67per--pc {
	width: 67% !important;
}

.u-wd340--pc {
	width: 340px !important;
}

.u-wd68per--pc {
	width: 68% !important;
}

.u-wd345--pc {
	width: 345px !important;
}

.u-wd69per--pc {
	width: 69% !important;
}

.u-wd350--pc {
	width: 350px !important;
}

.u-wd70per--pc {
	width: 70% !important;
}

.u-wd355--pc {
	width: 355px !important;
}

.u-wd71per--pc {
	width: 71% !important;
}

.u-wd360--pc {
	width: 360px !important;
}

.u-wd72per--pc {
	width: 72% !important;
}

.u-wd365--pc {
	width: 365px !important;
}

.u-wd73per--pc {
	width: 73% !important;
}

.u-wd370--pc {
	width: 370px !important;
}

.u-wd74per--pc {
	width: 74% !important;
}

.u-wd375--pc {
	width: 375px !important;
}

.u-wd75per--pc {
	width: 75% !important;
}

.u-wd380--pc {
	width: 380px !important;
}

.u-wd76per--pc {
	width: 76% !important;
}

.u-wd385--pc {
	width: 385px !important;
}

.u-wd77per--pc {
	width: 77% !important;
}

.u-wd390--pc {
	width: 390px !important;
}

.u-wd78per--pc {
	width: 78% !important;
}

.u-wd395--pc {
	width: 395px !important;
}

.u-wd79per--pc {
	width: 79% !important;
}

.u-wd400--pc {
	width: 400px !important;
}

.u-wd80per--pc {
	width: 80% !important;
}

.u-wd405--pc {
	width: 405px !important;
}

.u-wd81per--pc {
	width: 81% !important;
}

.u-wd410--pc {
	width: 410px !important;
}

.u-wd82per--pc {
	width: 82% !important;
}

.u-wd415--pc {
	width: 415px !important;
}

.u-wd83per--pc {
	width: 83% !important;
}

.u-wd420--pc {
	width: 420px !important;
}

.u-wd84per--pc {
	width: 84% !important;
}

.u-wd425--pc {
	width: 425px !important;
}

.u-wd85per--pc {
	width: 85% !important;
}

.u-wd430--pc {
	width: 430px !important;
}

.u-wd86per--pc {
	width: 86% !important;
}

.u-wd435--pc {
	width: 435px !important;
}

.u-wd87per--pc {
	width: 87% !important;
}

.u-wd440--pc {
	width: 440px !important;
}

.u-wd88per--pc {
	width: 88% !important;
}

.u-wd445--pc {
	width: 445px !important;
}

.u-wd89per--pc {
	width: 89% !important;
}

.u-wd450--pc {
	width: 450px !important;
}

.u-wd90per--pc {
	width: 90% !important;
}

.u-wd455--pc {
	width: 455px !important;
}

.u-wd91per--pc {
	width: 91% !important;
}

.u-wd460--pc {
	width: 460px !important;
}

.u-wd92per--pc {
	width: 92% !important;
}

.u-wd465--pc {
	width: 465px !important;
}

.u-wd93per--pc {
	width: 93% !important;
}

.u-wd470--pc {
	width: 470px !important;
}

.u-wd94per--pc {
	width: 94% !important;
}

.u-wd475--pc {
	width: 475px !important;
}

.u-wd95per--pc {
	width: 95% !important;
}

.u-wd480--pc {
	width: 480px !important;
}

.u-wd96per--pc {
	width: 96% !important;
}

.u-wd485--pc {
	width: 485px !important;
}

.u-wd97per--pc {
	width: 97% !important;
}

.u-wd490--pc {
	width: 490px !important;
}

.u-wd98per--pc {
	width: 98% !important;
}

.u-wd495--pc {
	width: 495px !important;
}

.u-wd99per--pc {
	width: 99% !important;
}

.u-wd500--pc {
	width: 500px !important;
}

.u-wd100per--pc {
	width: 100% !important;
}

.u-wd505--pc {
	width: 505px !important;
}

.u-wd101per--pc {
	width: 101% !important;
}

.u-wd510--pc {
	width: 510px !important;
}

.u-wd102per--pc {
	width: 102% !important;
}

.u-wd515--pc {
	width: 515px !important;
}

.u-wd103per--pc {
	width: 103% !important;
}

.u-wd520--pc {
	width: 520px !important;
}

.u-wd104per--pc {
	width: 104% !important;
}

.u-wd525--pc {
	width: 525px !important;
}

.u-wd105per--pc {
	width: 105% !important;
}

.u-wd530--pc {
	width: 530px !important;
}

.u-wd106per--pc {
	width: 106% !important;
}

.u-wd535--pc {
	width: 535px !important;
}

.u-wd107per--pc {
	width: 107% !important;
}

.u-wd540--pc {
	width: 540px !important;
}

.u-wd108per--pc {
	width: 108% !important;
}

.u-wd545--pc {
	width: 545px !important;
}

.u-wd109per--pc {
	width: 109% !important;
}

.u-wd550--pc {
	width: 550px !important;
}

.u-wd110per--pc {
	width: 110% !important;
}

.u-wd555--pc {
	width: 555px !important;
}

.u-wd111per--pc {
	width: 111% !important;
}

.u-wd560--pc {
	width: 560px !important;
}

.u-wd112per--pc {
	width: 112% !important;
}

.u-wd565--pc {
	width: 565px !important;
}

.u-wd113per--pc {
	width: 113% !important;
}

.u-wd570--pc {
	width: 570px !important;
}

.u-wd114per--pc {
	width: 114% !important;
}

.u-wd575--pc {
	width: 575px !important;
}

.u-wd115per--pc {
	width: 115% !important;
}

.u-wd580--pc {
	width: 580px !important;
}

.u-wd116per--pc {
	width: 116% !important;
}

.u-wd585--pc {
	width: 585px !important;
}

.u-wd117per--pc {
	width: 117% !important;
}

.u-wd590--pc {
	width: 590px !important;
}

.u-wd118per--pc {
	width: 118% !important;
}

.u-wd595--pc {
	width: 595px !important;
}

.u-wd119per--pc {
	width: 119% !important;
}

.u-wd600--pc {
	width: 600px !important;
}

.u-wd120per--pc {
	width: 120% !important;
}

.u-wd605--pc {
	width: 605px !important;
}

.u-wd121per--pc {
	width: 121% !important;
}

.u-wd610--pc {
	width: 610px !important;
}

.u-wd122per--pc {
	width: 122% !important;
}

.u-wd615--pc {
	width: 615px !important;
}

.u-wd123per--pc {
	width: 123% !important;
}

.u-wd620--pc {
	width: 620px !important;
}

.u-wd124per--pc {
	width: 124% !important;
}

.u-wd625--pc {
	width: 625px !important;
}

.u-wd125per--pc {
	width: 125% !important;
}

.u-wd630--pc {
	width: 630px !important;
}

.u-wd126per--pc {
	width: 126% !important;
}

.u-wd635--pc {
	width: 635px !important;
}

.u-wd127per--pc {
	width: 127% !important;
}

.u-wd640--pc {
	width: 640px !important;
}

.u-wd128per--pc {
	width: 128% !important;
}

.u-wd645--pc {
	width: 645px !important;
}

.u-wd129per--pc {
	width: 129% !important;
}

.u-wd650--pc {
	width: 650px !important;
}

.u-wd130per--pc {
	width: 130% !important;
}

.u-wd655--pc {
	width: 655px !important;
}

.u-wd131per--pc {
	width: 131% !important;
}

.u-wd660--pc {
	width: 660px !important;
}

.u-wd132per--pc {
	width: 132% !important;
}

.u-wd665--pc {
	width: 665px !important;
}

.u-wd133per--pc {
	width: 133% !important;
}

.u-wd670--pc {
	width: 670px !important;
}

.u-wd134per--pc {
	width: 134% !important;
}

.u-wd675--pc {
	width: 675px !important;
}

.u-wd135per--pc {
	width: 135% !important;
}

.u-wd680--pc {
	width: 680px !important;
}

.u-wd136per--pc {
	width: 136% !important;
}

.u-wd685--pc {
	width: 685px !important;
}

.u-wd137per--pc {
	width: 137% !important;
}

.u-wd690--pc {
	width: 690px !important;
}

.u-wd138per--pc {
	width: 138% !important;
}

.u-wd695--pc {
	width: 695px !important;
}

.u-wd139per--pc {
	width: 139% !important;
}

.u-wd700--pc {
	width: 700px !important;
}

.u-wd140per--pc {
	width: 140% !important;
}

.u-wd705--pc {
	width: 705px !important;
}

.u-wd141per--pc {
	width: 141% !important;
}

.u-wd710--pc {
	width: 710px !important;
}

.u-wd142per--pc {
	width: 142% !important;
}

.u-wd715--pc {
	width: 715px !important;
}

.u-wd143per--pc {
	width: 143% !important;
}

.u-wd720--pc {
	width: 720px !important;
}

.u-wd144per--pc {
	width: 144% !important;
}

.u-wd725--pc {
	width: 725px !important;
}

.u-wd145per--pc {
	width: 145% !important;
}

.u-wd730--pc {
	width: 730px !important;
}

.u-wd146per--pc {
	width: 146% !important;
}

.u-wd735--pc {
	width: 735px !important;
}

.u-wd147per--pc {
	width: 147% !important;
}

.u-wd740--pc {
	width: 740px !important;
}

.u-wd148per--pc {
	width: 148% !important;
}

.u-wd745--pc {
	width: 745px !important;
}

.u-wd149per--pc {
	width: 149% !important;
}

.u-wd750--pc {
	width: 750px !important;
}

.u-wd150per--pc {
	width: 150% !important;
}

.u-wd755--pc {
	width: 755px !important;
}

.u-wd151per--pc {
	width: 151% !important;
}

.u-wd760--pc {
	width: 760px !important;
}

.u-wd152per--pc {
	width: 152% !important;
}

.u-wd765--pc {
	width: 765px !important;
}

.u-wd153per--pc {
	width: 153% !important;
}

.u-wd770--pc {
	width: 770px !important;
}

.u-wd154per--pc {
	width: 154% !important;
}

.u-wd775--pc {
	width: 775px !important;
}

.u-wd155per--pc {
	width: 155% !important;
}

.u-wd780--pc {
	width: 780px !important;
}

.u-wd156per--pc {
	width: 156% !important;
}

.u-wd785--pc {
	width: 785px !important;
}

.u-wd157per--pc {
	width: 157% !important;
}

.u-wd790--pc {
	width: 790px !important;
}

.u-wd158per--pc {
	width: 158% !important;
}

.u-wd795--pc {
	width: 795px !important;
}

.u-wd159per--pc {
	width: 159% !important;
}

.u-wd800--pc {
	width: 800px !important;
}

.u-wd160per--pc {
	width: 160% !important;
}

.u-wd805--pc {
	width: 805px !important;
}

.u-wd161per--pc {
	width: 161% !important;
}

.u-wd810--pc {
	width: 810px !important;
}

.u-wd162per--pc {
	width: 162% !important;
}

.u-wd815--pc {
	width: 815px !important;
}

.u-wd163per--pc {
	width: 163% !important;
}

.u-wd820--pc {
	width: 820px !important;
}

.u-wd164per--pc {
	width: 164% !important;
}

.u-wd825--pc {
	width: 825px !important;
}

.u-wd165per--pc {
	width: 165% !important;
}

.u-wd830--pc {
	width: 830px !important;
}

.u-wd166per--pc {
	width: 166% !important;
}

.u-wd835--pc {
	width: 835px !important;
}

.u-wd167per--pc {
	width: 167% !important;
}

.u-wd840--pc {
	width: 840px !important;
}

.u-wd168per--pc {
	width: 168% !important;
}

.u-wd845--pc {
	width: 845px !important;
}

.u-wd169per--pc {
	width: 169% !important;
}

.u-wd850--pc {
	width: 850px !important;
}

.u-wd170per--pc {
	width: 170% !important;
}

.u-wd855--pc {
	width: 855px !important;
}

.u-wd171per--pc {
	width: 171% !important;
}

.u-wd860--pc {
	width: 860px !important;
}

.u-wd172per--pc {
	width: 172% !important;
}

.u-wd865--pc {
	width: 865px !important;
}

.u-wd173per--pc {
	width: 173% !important;
}

.u-wd870--pc {
	width: 870px !important;
}

.u-wd174per--pc {
	width: 174% !important;
}

.u-wd875--pc {
	width: 875px !important;
}

.u-wd175per--pc {
	width: 175% !important;
}

.u-wd880--pc {
	width: 880px !important;
}

.u-wd176per--pc {
	width: 176% !important;
}

.u-wd885--pc {
	width: 885px !important;
}

.u-wd177per--pc {
	width: 177% !important;
}

.u-wd890--pc {
	width: 890px !important;
}

.u-wd178per--pc {
	width: 178% !important;
}

.u-wd895--pc {
	width: 895px !important;
}

.u-wd179per--pc {
	width: 179% !important;
}

.u-wd900--pc {
	width: 900px !important;
}

.u-wd180per--pc {
	width: 180% !important;
}

.u-wd905--pc {
	width: 905px !important;
}

.u-wd181per--pc {
	width: 181% !important;
}

.u-wd910--pc {
	width: 910px !important;
}

.u-wd182per--pc {
	width: 182% !important;
}

.u-wd915--pc {
	width: 915px !important;
}

.u-wd183per--pc {
	width: 183% !important;
}

.u-wd920--pc {
	width: 920px !important;
}

.u-wd184per--pc {
	width: 184% !important;
}

.u-wd925--pc {
	width: 925px !important;
}

.u-wd185per--pc {
	width: 185% !important;
}

.u-wd930--pc {
	width: 930px !important;
}

.u-wd186per--pc {
	width: 186% !important;
}

.u-wd935--pc {
	width: 935px !important;
}

.u-wd187per--pc {
	width: 187% !important;
}

.u-wd940--pc {
	width: 940px !important;
}

.u-wd188per--pc {
	width: 188% !important;
}

.u-wd945--pc {
	width: 945px !important;
}

.u-wd189per--pc {
	width: 189% !important;
}

.u-wd950--pc {
	width: 950px !important;
}

.u-wd190per--pc {
	width: 190% !important;
}

.u-wd955--pc {
	width: 955px !important;
}

.u-wd191per--pc {
	width: 191% !important;
}

.u-wd960--pc {
	width: 960px !important;
}

.u-wd192per--pc {
	width: 192% !important;
}

.u-wd965--pc {
	width: 965px !important;
}

.u-wd193per--pc {
	width: 193% !important;
}

.u-wd970--pc {
	width: 970px !important;
}

.u-wd194per--pc {
	width: 194% !important;
}

.u-wd975--pc {
	width: 975px !important;
}

.u-wd195per--pc {
	width: 195% !important;
}

.u-wd980--pc {
	width: 980px !important;
}

.u-wd196per--pc {
	width: 196% !important;
}

.u-wd985--pc {
	width: 985px !important;
}

.u-wd197per--pc {
	width: 197% !important;
}

.u-wd990--pc {
	width: 990px !important;
}

.u-wd198per--pc {
	width: 198% !important;
}

.u-wd995--pc {
	width: 995px !important;
}

.u-wd199per--pc {
	width: 199% !important;
}

.u-wd1000--pc {
	width: 1000px !important;
}

.u-wd200per--pc {
	width: 200% !important;
}

.u-min-wd-reset--pc {
	min-width: inherit !important;
}

}

@media screen and (max-width: 768px) {

html {
	font-size: 14px;
	font-size: 3.73333vw;
}

* {
	max-width: 99999px;
}

sub {
	font-size: 10px;
	font-size: 2.66667vw;
}

sup {
	font-size: 0.8em;
}

.l-footer__unav {
	background-color: #fff;
}

.l-footer .l-footer__main__inner {
	padding-bottom: 100px;
	padding-bottom: 26.66667vw;
}

.l-footer .l-footer__search {
	display: none;
}

.l-footer .l-footer-btn-list {
	bottom: 30px;
	bottom: 8vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm {
	width: 160px;
	width: 42.66667vw;
	height: 40px;
	height: 10.66667vw;
	margin-left: 13.5px;
	margin-left: 3.6vw;
}

.l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
	right: 25px;
	right: 6.66667vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	margin-top: -2px;
	margin-top: -0.53333vw;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before,
.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	width: 8px;
	width: 2.13333vw;
	height: 8px;
	height: 2.13333vw;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
	right: 19px;
	right: 5.06667vw;
	margin-top: -1px;
	margin-top: -0.26667vw;
}

.l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
	right: 15.5px;
	right: 4.13333vw;
	margin-top: -6px;
	margin-top: -1.6vw;
}

.l-footer .l-funav {
	display: none;
}

.l-footer .l-fnav {
	margin-top: -1px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.l-footer .l-fnav .l-fnav__list__itm {
	position: relative;
	border-top: 1px solid #ddd;
}

.l-footer .l-fnav .l-fnav__list__itm span[role=button] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
	width: 45px;
	width: 12vw;
	height: 51px;
	height: 13.6vw;
}

.l-footer .l-fnav .l-fnav__list__itm span[role=button]:before,
.l-footer .l-fnav .l-fnav__list__itm span[role=button]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 49.5%;
	z-index: 1;
	background-color: #e4002b;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.l-footer .l-fnav .l-fnav__list__itm span[role=button]:before {
	width: 8px;
	width: 2.13333vw;
	height: 1px;
}

.l-footer .l-fnav .l-fnav__list__itm span[role=button][aria-expanded="true"] + .l-fnav__list__sublist {
	height: auto;
	opacity: 1;
}

.l-footer .l-fnav .l-fnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
	width: 1px;
	height: 8px;
	height: 2.13333vw;
}

.l-footer .l-fnav .l-fnav__list__itm:not(.role-has-sublist) .l-fnav__list__itm__link:after,
.l-footer .l-fnav .l-fnav__list__itm .l-fnav__list__sublist__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	right: 20px;
	right: 5.33333vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
}

.l-footer .l-fnav .l-fnav__list__itm__link {
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
}

.l-footer .l-fnav .l-fnav__list__sublist {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0;
	border-top: 1px solid #ddd;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm:last-child .l-fnav__list__sublist__itm__link {
	border-bottom: none !important;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm.is-current {
	background-color: #f9f9f9;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	display: block;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 45px;
	padding-left: 12vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	border-left: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	left: 25px;
	left: 6.66667vw;
	top: 17px;
	top: 4.53333vw;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link:hover .c-btn-list__itm__content::before,
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link:hover .c-btn-list__itm__content::after {
    border-color: #e4002b;
}

.l-footer .l-fnav__list__itm__link + .l-fnav__list__sublist {
	border-top: 1px solid #ddd;
}

.l-footer .l-fnav-bnr {
	width: 335px;
	width: 89.33333vw;
	padding-top: 30px;
	padding-top: 8vw;
	margin: 0 auto;
}

.l-footer .l-fnav-bnr__itm {
	width: 160px;
	width: 42.66667vw;
}

.l-footer .l-fnav-bnr__itm {
	margin-bottom: 2.66667vw;
}

/*.l-footer .l-fnav-bnr__itm:nth-child(n+2) {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.l-footer .l-fnav-bnr__itm:nth-child(n+3) {
	margin-top: 10px;
	margin-top: 2.66667vw;
}*/

.l-footer .l-fnav-bnr__itm.r-blank:before,
.l-footer .l-fnav-bnr__itm.r-blank:after {
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
	top: 10px;
	top: 2.66667vw;
}

.l-footer .l-fnav-bnr__itm.r-blank:after {
	right: 5px;
	right: 1.33333vw;
	margin-top: -5px;
	margin-top: -1.33333vw;
}

.l-footer .l-fnav-bnr__itm.r-blank:before {
	right: 9px;
	right: 2.4vw;
	margin-top: -1px;
	margin-top: -0.26667vw;
}

.l-fnav-bnr--sma {
  width: 100% !important;
  padding: 0 5.33333vw;
}

.l-fnav-bnr--sma .l-fnav-bnr__icons {
  margin: 0 auto;
  width: 70%;
}

.l-fnav-bnr--sma .l-fnav-bnr__icons img {
  width: 13.419117647058824vw;
}
.l-fnav-bnr--sma .l-fnav-bnr__icons li:last-child img {
  width: auto;
  height: 13.419117647058824vw;
}

.l-fnav-bnr--sma .l-fnav-bnr__itms--sma {
	justify-content: center;
}

.l-fnav-bnr--sma .l-fnav-bnr__itms--sma .l-fnav-bnr__itm {
  width: 49%;
  margin: 0 !important;
}

.l-gnav__sub__btn--sma {
  justify-content: center;
}

.l-gnav__sub__btn--sma .c-btn-list__itm {
  margin-top: 0 !important;
  margin-bottom: 4vw;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn {
  width: 42.66667vw;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link {
  font-size: 3.73333vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content {
  padding-right: 0;
}

.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::before,
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::after {
    width: 8px;
    width: 2.13333vw;
    height: 8px;
    height: 2.13333vw;
}
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::before {
    right: 19px;
    right: 5.06667vw;
    margin-top: -1px;
    margin-top: -0.26667vw;
}
.l-gnav__sub__btn--sma .l-gnav__sub__btn .c-btn-list__itm__link[target="_blank"] .c-btn-list__itm__content::after {
    right: 15.5px;
    right: 4.13333vw;
    margin-top: -6px;
    margin-top: -1.6vw;
}

.l-fnav-bnr--sma .l-fnav-bnr__link img {
  width: 100%;
  height: auto;
}

.l-footer .l-footer__sub .l-footer__sub__inner {
	padding-top: 13px;
	padding-top: 3.46667vw;
	padding-bottom: 20px;
	padding-bottom: 5.33333vw;
}

.l-footer .l-fsnav {
	padding-left: 10px;
	padding-left: 2.66667vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
}

.l-footer .l-fsnav__list {
	text-align: center;
	padding-bottom: -1.2px;
	padding-top: -1.2px;
	line-height: 1.1;
}

.l-footer .l-fsnav__list__itm {
	display: inline-block;
	margin-top: 17px;
	margin-top: 4.53333vw;
	border-left-width: 1px;
}

.l-footer .l-fsnav__list__itm:nth-child(2),
.l-footer .l-fsnav__list__itm:nth-child(4),
.l-footer .l-fsnav__list__itm:last-child {
	border-right-style: solid;
	border-right-color: #7d7d7d;
	border-right-width: 1px;
}

.l-footer .l-fsnav__list__itm__link {
	padding-right: 7.5px;
	padding-right: 2vw;
	padding-left: 7.5px;
	padding-left: 2vw;
}

.l-footer .l-fsnav__list__itm__link.r-blank {
	padding-right: 17.5px;
	padding-right: 4.66667vw;
}

.l-footer .l-fsnav__list__itm__link.r-blank:before {
	height: 5px;
	height: 1.33333vw;
	width: 5px;
	width: 1.33333vw;
	right: 7.5px;
	right: 2vw;
	margin-top: -1.5px;
	margin-top: -0.4vw;
}

.l-footer .l-fsnav__list__itm__link.r-blank:after {
	height: 5px;
	height: 1.33333vw;
	width: 5px;
	width: 1.33333vw;
	right: 4px;
	right: 1.06667vw;
	margin-top: -5px;
	margin-top: -1.33333vw;
}

.l-footer .l-footer__logo {
	text-align: center;
}

.l-footer .l-footer__logo .l-footer__logo__link100th .l-footer__logo__img {
	width: auto;
	height: 40px;
	height: 10.66667vw;
}

.l-footer .l-footer__logo .l-footer__logo__img {
	width: 108.5px;
	width: 28.93333vw;
	height: 40px;
	height: 10.66667vw;
}

.l-footer__copy {
	height: 31px;
	height: 8.26667vw;
	font-size: 8px;
	font-size: 2.13333vw;
	line-height: 31px;
	line-height: 8.26667vw;
}

.l-pagetop > a {
	right: 20px;
	right: 5.33333vw;
	bottom: 50px;
	bottom: 13.33333vw;
	width: 30px;
	width: 8vw;
	height: 30px;
	height: 8vw;
  padding: 40px 0px 0px 40px;
  padding: 10.66667vw 0vw 0vw 10.66667vw;
}

.l-pagetop.is-fixed > a {
	bottom: 20px;
	bottom: 5.33333vw;
}

.l-pagetop.is-fixed.is-moving {
	opacity: 0;
}

.l-fnav.r-com {
	margin-top: -1px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.l-fnav.r-com .l-fnav__list__itm {
	position: relative;
	border-top: 1px solid #ddd;
}

.l-fnav.r-com .l-fnav__list__itm span[role=button] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
	width: 45px;
	width: 12vw;
	height: 51px;
	height: 13.6vw;
}

.l-fnav.r-com .l-fnav__list__itm span[role=button]:before,
.l-fnav.r-com .l-fnav__list__itm span[role=button]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: #e4002b;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.l-fnav.r-com .l-fnav__list__itm span[role=button]:before {
	width: 8px;
	width: 2.13333vw;
	height: 1px;
}

.l-fnav.r-com .l-fnav__list__itm span[role=button][aria-expanded="true"] + .l-fnav__list__sublist {
	height: auto;
	opacity: 1;
}

.l-fnav.r-com .l-fnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
	width: 1px;
	height: 8px;
	height: 2.13333vw;
}

.l-fnav.r-com .l-fnav__list__itm:not(.role-has-sublist) .l-fnav__list__itm__link:after,
.l-fnav.r-com .l-fnav__list__itm .l-fnav__list__sublist__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	right: 20px;
	right: 5.33333vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1.5;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
}

.l-fnav.r-com .l-fnav__list__sublist {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0;
	border-top: 1px solid #ddd;
}

.l-fnav.r-com .l-fnav__list__sublist__itm:last-child .l-fnav__list__sublist__itm__link {
	border-bottom: none !important;
}

.l-fnav.r-com .l-fnav__list__sublist__itm.is-current {
	background-color: #f2f2f2;
}

.l-fnav.r-com .l-fnav__list__sublist__itm__link {
	display: block;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 45px;
	padding-left: 12vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
}

.l-fnav__history {
	right: 0;
	bottom: 105px;
	bottom: 28vw;
	left: 0;
	width: 335px;
	width: 89.33333vw;
	height: 95.5px;
	height: 25.46667vw;
	margin: 0 auto;
}

.r-com .l-footer__main__inner {
	padding-bottom: 225px;
	padding-bottom: 60vw;
}

.r-com .l-fsnav {
	margin-bottom: 30px;
	margin-bottom: 8vw;
}

.r-com .l-fsnav__list {
	text-align: center;
	font-size: 3.46667vw !important;
	line-height: 1.1;
}

.l-gnav--sp {
	width: 100%;
	height: 0;
	opacity: 0;
	background-color: #f9f9f9;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.is-gnav-open [aria-expanded=true] + .l-gnav--sp,
.is-gnav-open [aria-expanded=true] + * + .l-gnav--sp {
	display: block;
	height: 100vh;
	opacity: 1;
	z-index: 10003;
	left: 0;
}

.is-gnav-open [aria-expanded=true] + .l-gnav--sp .l-gnav__inner--sp,
.is-gnav-open [aria-expanded=true] + * + .l-gnav--sp .l-gnav__inner--sp {
	display: block;
}

.l-gnav--sp .l-gnav__inner--sp {
	display: none;
	position: relative;
	padding-bottom: 125px;
	padding-bottom: 33.33333vw;
}

.l-gnav--sp .l-gnav__list__itm {
	position: relative;
	border-bottom: 1px solid #e4002b;
	background-color: #fff;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sub {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 0;
}

.l-gnav--sp .l-gnav__list__itm span[role=button] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
	width: 45px;
	width: 12vw;
	height: 51px;
	height: 13.6vw;
	pointer-events: none;
}

.l-gnav--sp .l-gnav__list__itm span[role=button]:before,
.l-gnav--sp .l-gnav__list__itm span[role=button]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: #e4002b;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.l-gnav--sp .l-gnav__list__itm span[role=button]:before {
	width: 10px;
	width: 2.66667vw;
	height: 1px;
}

.l-gnav--sp .l-gnav__list__itm span[role=button][aria-expanded="true"] + .l-gnav__sub {
	height: auto;
	padding: 0px 20px 40px 20px;
	padding: 0vw 5.33333vw 10.66667vw 5.33333vw;
	opacity: 1;
	background-color: #f9f9f9;
}

.l-gnav--sp .l-gnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
	width: 1px;
	height: 10px;
	height: 2.66667vw;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist {
	padding-top: 20px;
	padding-top: 5.33333vw;
	box-sizing: border-box;
	width: 335px;
	width: 89.33333vw;
}
.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist.r-first-child-none .l-gnav__sublist__itm:first-child {
  display: none;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sub__hdg--lv3 + .l-gnav__sublist {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-left: 25px;
	padding-left: 6.66667vw;
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link:after,
.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	right: 0;
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link {
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link:after {
	right: 20px;
	right: 5.33333vw;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	text-decoration: none;
	line-height: 1.5;
	cursor: pointer;
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 31px;
	padding-top: 31px;
	line-height: 1.5;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link__img {
	position: relative;
	width: 25px;
	width: 6.66667vw;
}

.l-gnav__list__itm__link__img + .l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link__hdg {
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link.r-blank:before,
.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link.r-blank:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
	-webkit-transform: translate(0);
	transform: translate(0);
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link.r-blank:after {
	right: -2px;
	right: -0.53333vw;
	margin-top: -5px;
	margin-top: -1.33333vw;
	border: 1px solid #e4002b;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link.r-blank:before {
	right: 2px;
	right: 0.53333vw;
	margin-top: -1px;
	margin-top: -0.26667vw;
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-gnav--sp .l-gnav-btn-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	z-index: 1;
	bottom: 30px;
	bottom: 8vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm {
	font-weight: bold;
	line-height: 1.5;
	width: 160px;
	width: 42.66667vw;
	height: 40px;
	height: 10.66667vw;
	margin-left: 13.5px;
	margin-left: 3.6vw;
}

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm:nth-of-type(1) {
	margin-left: 0;
}

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #e4002b;
	text-decoration: none;
	border: 1px solid #e4002b;
	border-radius: 100px;
}

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link .l-gnav-btn-list__itm__cnt {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.l-gnav--sp.r-com {
	position: absolute;
	overflow: hidden;
	top: 64px;
	top: 17.06667vw;
	width: 100%;
	height: 0;
	opacity: 0;
	background-color: #f9f9f9;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

[aria-expanded=true] + .l-gnav--sp.r-com,
[aria-expanded=true] + * + .l-gnav--sp.r-com {
	display: block;
	overflow: scroll;
	height: calc(100vh - 17.06667vw);
	opacity: 1;
	z-index: 10003;
}

.l-gnav--sp.r-com .l-gnav__inner--sp {
	position: relative;
	padding-bottom: 225px;
	padding-bottom: 60vw;
}

.l-gnav--sp.r-com .l-gnav__list--sp {
	border-bottom: 1px solid #ddd;
}

.l-gnav--sp.r-com .l-gnav__list__itm {
	border-top: 1px solid #ddd;
	border-bottom: none;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sub {
	overflow: hidden;
	height: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 0;
	border-top: 1px solid #ddd;
}

.l-gnav--sp.r-com .l-gnav__list__itm span[role=button] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1004;
	cursor: pointer;
	width: 45px;
	width: 12vw;
	height: 51px;
	height: 13.6vw;
	pointer-events: inherit;
}

.l-gnav--sp.r-com .l-gnav__list__itm span[role=button]:before,
.l-gnav--sp.r-com .l-gnav__list__itm span[role=button]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: #e4002b;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.l-gnav--sp.r-com .l-gnav__list__itm span[role=button]:before {
	width: 8px;
	width: 2.13333vw;
	height: 1px;
}

.l-gnav--sp.r-com .l-gnav__list__itm span[role=button][aria-expanded="true"] + .l-gnav__sub {
	height: auto;
	opacity: 1;
	padding: 0px;
	background: #fff;
}

.l-gnav--sp.r-com .l-gnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
	width: 1px;
	height: 8px;
	height: 2.13333vw;
}

.l-gnav--sp.r-com .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link:after,
.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	right: 20px;
	right: 5.33333vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__list__itm__link {
	display: block;
	position: relative;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	text-decoration: none;
	line-height: 1.5;
	z-index: 1;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist {
	margin-top: 0px;
	padding-top: 0px;
	width: 375px;
	width: 100vw;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm:last-child .l-gnav__sublist__itm__link {
	border-bottom: none !important;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm.is-current {
	background-color: #f2f2f2;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm__link {
	display: block;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 45px;
	padding-left: 12vw;
	padding-bottom: 31.5px;
	padding-top: 31.5px;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
}

.l-gnav--sp.r-com .l-gnav__history {
	position: absolute;
	right: 0;
	bottom: 105px;
	bottom: 28vw;
	left: 0;
	width: 335px;
	width: 89.33333vw;
	height: 95.5px;
	height: 25.46667vw;
	margin: 0 auto;
}

.l-gnav--sp.r-com .l-gnav-btn-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	z-index: 1;
	bottom: 30px;
	bottom: 8vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm {
	font-weight: bold;
	line-height: 1.5;
	width: 160px;
	width: 42.66667vw;
	height: 40px;
	height: 10.66667vw;
	margin-left: 13.5px;
	margin-left: 3.6vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm:nth-of-type(1) {
	margin-left: 0;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #e4002b;
	text-decoration: none;
	border: 1px solid #e4002b;
	border-radius: 100px;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link .l-gnav-btn-list__itm__cnt {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before,
.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	width: 8px;
	width: 2.13333vw;
	height: 8px;
	height: 2.13333vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
	right: 17px;
	right: 4.53333vw;
	margin-top: -2px;
	margin-top: -0.53333vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
	right: 15.5px;
	right: 4.13333vw;
	margin-top: -4px;
	margin-top: -1.06667vw;
}

.is-header-fixed .l-header.is-hide [aria-expanded=true] + .l-gnav--sp,
.is-header-fixed .l-header.is-hide [aria-expanded=true] + * + .l-gnav--sp {
	height: 120vh;
	padding-bottom: 20vh;
	-webkit-transition: opacity .2s ease, height .2s ease, padding-bottom .2s ease;
	transition: opacity .2s ease, height .2s ease, padding-bottom .2s ease;
}

.l-unav--sp .l-unav__list__itm {
	position: relative;
	width: 187.5px;
	width: 50vw;
	border-bottom: 1px solid #ddd;
}

.l-unav--sp .l-unav__list__itm:nth-child(odd) {
	border-right: 1px solid #ddd;
}

.l-unav--sp .l-unav__list__itm:nth-child(odd):last-child {
	border-bottom: 0;
}

.l-unav--sp .l-unav__list__itm__link {
	display: block;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-bottom: 25.6px;
	padding-top: 25.6px;
	line-height: 1.7;
}

.l-unav--sp .l-unav__list__itm__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	right: 10px;
	right: 2.66667vw;
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
}

.l-gnav__sub__hdg--lv3 {
	margin-top: 70.9px;
	line-height: 1.7;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}

.l-gnav__closebtn {
	top: 20px;
	top: 5.33333vw;
	right: 20px;
	right: 5.33333vw;
	width: 21.5px;
	width: 5.73333vw;
	height: 21.5px;
	height: 5.73333vw;
}

.l-gnav__closebtn:before,
.l-gnav__closebtn:after {
	width: 1px;
	height: 21.5px;
	height: 5.73333vw;
}

.l-lnav-accordion {
	border-bottom: 2px solid #e4002b;
}

.l-lnav-accordion:after {
	right: 20px;
	right: 5.33333vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	border-width: 1px;
}

.l-lnav-accordion__itm {
	width: 375px;
	width: 100vw;
	height: 43px;
	height: 11.46667vw;
	padding-bottom: 16px;
	padding-top: 16px;
	line-height: 1.25;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

[class^="l-lnav__itm--"]:nth-child(odd):last-child {
	width: 50%;
}

.l-lnav__itm--new {
	width: 100%;
	margin-right: 5px;
	margin-right: 1.33333vw;
	padding: 12px 0px 0px 75px;
	padding: 3.2vw 0vw 0vw 20vw;
	border-bottom: 1px solid #e4002b;
	background-size: 43px auto;
	background-size: 11.46667vw auto;
	background-position: 25px center;
	background-position: 6.66667vw center;
	line-height: 40px;
	line-height: 10.66667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.l-lnav__itm--catalog {
	width: 100%;
	margin-left: 5px;
	margin-left: 1.33333vw;
	padding: 12px 60px 0px 0px;
	padding: 3.2vw 16vw 0vw 0vw;
	line-height: 50px;
	border-bottom: 1px solid #e4002b;
	background-position: right bottom;
	background-size: 56px auto;
	background-size: 14.93333vw auto;
	line-height: 40px;
	line-height: 10.66667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.l-lnav__itm--movie {
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 15px;
	padding: 0vw 0vw 0vw 4vw;
	border-bottom: 1px solid #e4002b;
	background-size: 25px auto;
	background-size: 6.66667vw auto;
	background-position: left center;
	line-height: 40px;
	line-height: 10.66667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	height: 43px;
	height: 11.46667vw;
	padding-bottom: 28px;
	padding-top: 28px;
	line-height: 1.28571;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

.l-lnav__itm__link:after,
.l-lnav__sublist__itm__link:after {
	right: 20px;
	right: 5.33333vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
}

.r-img + .l-lnav__itm__link__text,
.r-img + .l-lnav__sublist__itm__link__text {
	padding-left: 50px;
	padding-left: 13.33333vw;
}

.l-lnav__itm__link .r-img,
.l-lnav__sublist__itm__link .r-img {
	left: 20px;
	left: 5.33333vw;
	height: 100%;
}

.l-lnav__itm__link .r-img > img,
.l-lnav__sublist__itm__link .r-img > img {
	height: 100%;
}

.l-lnav__itm.role-has-sublist span[role=button] {
	width: 43px;
	width: 11.46667vw;
	height: 43px;
	height: 11.46667vw;
}

.l-lnav__itm.role-has-sublist span[role=button]:after {
	right: 17px;
	right: 4.53333vw;
	width: 9px;
	width: 2.4vw;
	height: 1px;
}

.l-lnav__itm.role-has-sublist span[role=button]:not([aria-expanded="true"]):before {
	right: 21px;
	right: 5.6vw;
	height: 9px;
	height: 2.4vw;
	width: 2px;
}

.l-lnav__bnr {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	padding: 29px 20px 50px 20px;
	padding: 7.73333vw 5.33333vw 13.33333vw 5.33333vw;
	border-bottom: 1px solid #ddd;
}

.l-lnav__bnritm__link {
	padding-left: 10px;
}

.l-header {
	height: 64px;
	height: 17.06667vw;
}

.l-header__inner {
	width: 100%;
	height: 64px;
	height: 17.06667vw;
	border-bottom: 2px solid #e4002b;
  display: block !important;
}

/*.l-header__inner .l-header__logo .l-header__logo__img {
  margin-top: 2.3vw;
}*/

.is-fixed .l-header__inner {
	top: 0;
}

.is-fixed.is-hide .l-header__inner {
	top: -68px;
	top: -18.13333vw;
}

.is-show .l-header__inner {
	position: fixed;
}

.is-gnav-open .l-header__inner {
	position: fixed;
	overflow-y: scroll;
	height: calc(100% - 1px);
	top: 0;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	border-bottom: 0;
}

.l-header__main {
	width: 100%;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
  height: 100%;
}

.is-gnav-open .l-header__main {
	height: 65px;
	height: 17.33333vw;
}

.l-header__logo__link {
	width: 108.5px;
	width: 28.93333vw;
	height: 39.5px;
	height: 10.53333vw;
	margin-top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.l-header__logo__link100th {
	width: 140px;
	width: 37.33333vw;
	margin-top: 12.5px;
	margin-top: 3.33333vw;
}

.l-header__site__genre--emphasis {
	position: absolute;
	top: 20px;
	top: 5.33333vw;
	left: 140px;
	left: 37.33333vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-header__site__genre--emphasis.r-100th {
	left: 175px;
	left: 46.66667vw;
}

.l-header__sub {
	display: none;
}

.l-header__site__genre {
	display: none;
}

.l-header__member_btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
  align-items: center;
	position: absolute;
  width: 53.5px;
  width: 14.266666666666667vw;
	right: 65px;
	right: 17.333333333333333vw;
	top: 0px;
	top: 0vw;
  height: 17.33333vw;
	z-index: 1;
  background: url("/assets/img/common/ico_login.svg") no-repeat center center / 9.066666666666667vw auto;
	-webkit-transition: width .4s .4s, background-color .4s;
	transition: width .4s .4s, background-color .4s;
}

.is-logged-in.l-header__member_btn {
  background: url("/assets/img/common/ico_member_menu.svg") no-repeat center center / 14.266666666666667vw auto;
}
.l-header__member_btn_bg {
  width: 100%;
  height: 100%;
}

.l-header__search {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: absolute;
	width: 1px;
	height: 62px;
	height: 16.53333vw;
	padding-top: 11px;
	padding-top: 2.93333vw;
	right: 122px;
	right: 32.533333333333333vw;
	top: 0px;
	top: 0vw;
	z-index: 1;
	-webkit-transition: width .4s .4s, background-color .4s;
	transition: width .4s .4s, background-color .4s;
}
.l-header__search.r-no-member-btn--sp {
  right: 50px;
  right: 13.33333vw;
}
.l-header__search .l-header__search__cover {
	position: absolute;
	width: 40px;
	width: 10.66667vw;
	height: 62px;
	height: 16.53333vw;
	right: 0;
	bottom: 0;
	z-index: 3;
	cursor: pointer;
}

.l-header__search .l-header__search__input {
	width: 40px;
	width: 10.66667vw;
	height: 40px;
	height: 10.66667vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	font-size: 4.26667vw;
	border: none;
	border-radius: 20px;
	border-radius: 5.33333vw;
	outline: 0;
	background-color: #f2f2f2;
	line-height: 1;
}

.l-header__search .l-header__search__input::-webkit-input-placeholder {
	padding-top: 2.5px;
	padding-top: 0.66667vw;
}

.l-header__search .l-header__search__input:-moz-placeholder,
.l-header__search .l-header__search__input::-moz-placeholder {
	line-height: 40px;
	line-height: 10.66667vw;
}

.l-header__search .l-header__search__btn {
	position: absolute;
	top: 22px;
	top: 5.86667vw;
	right: 0px;
	right: 0vw;
	z-index: 2;
	width: 40px;
	width: 10.66667vw;
	height: 20px;
	height: 5.33333vw;
	border: none;
	background-image: url(https://img.kewpie.co.jp/assets/img/common/ico_search-01.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	background-size: 5.33333vw;
	background-color: transparent;
}

.l-header__search.is-open {
	width: 100%;
	right: 20px;
	right: 5.33333vw;
	-webkit-transition: background-color .4s, right .3s;
	transition: background-color .4s, right .3s;
}

.l-header__search.is-open .l-header__search__input {
	width: 335px;
	width: 89.33333vw;
	opacity: 1;
}

.l-header__search.is-open .l-header__search__btn {
	right: 5px;
	right: 1.33333vw;
}

.l-header__nav__btn {
	display: block;
	position: absolute;
	top: 25px;
	top: 6.66667vw;
	right: 20px;
	right: 5.33333vw;
	width: 20px;
	width: 5.33333vw;
	height: 16px;
	height: 4.26667vw;
}

.l-header__nav__btn .l-header__nav__btn__bar {
	display: block;
	position: absolute;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	height: 0.53333vw;
	background-color: #e4002b;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(1) {
	top: 0;
}

.l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(2) {
	top: 7px;
	top: 1.86667vw;
}

.l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(3) {
	bottom: 0;
}

.l-breadcrumb {
	position: relative;
	margin-top: 8px;
/*
	margin-top: 13.33333vw;
	border-top: 1px solid #ddd;
*/
}

.l-breadcrumb:before,
.l-breadcrumb:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 20px;
	width: 5.33333vw;
	height: 100%;
}

.l-breadcrumb:before {
	left: 0;
	background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
	background: linear-gradient(90deg, white, rgba(255, 255, 255, 0));
}

.l-breadcrumb:after {
	right: 0;
	background: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
	background: linear-gradient(-90deg, white, rgba(255, 255, 255, 0));
}

.l-main__subcontent + .l-breadcrumb {
	margin-top: 0;
	border-top: 0;
}

.l-breadcrumb__inner {
	width: 100%;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-bottom: 21px;
	padding-top: 21px;
	line-height: 1.45455;
}

.l-breadcrumb__itm {
	display: inline-block;
	padding-left: 12.5px;
	padding-left: 3.33333vw;
	margin-left: 2.5px;
	margin-left: 0.66667vw;
	word-wrap: break-word;
	word-break: break-all;
}

.l-breadcrumb__itm:before {
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	top: 6px;
	top: 1.6vw;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.l-lnav__breadcrumb .l-breadcrumb {
	display: block;
	margin-top: 75px;
	margin-top: 20vw;
}

.l-lnav__breadcrumb + .l-footer {
	margin-top: 0;
}

.l-main__hdg {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.l-main__subcontent__title {
	display: none;
	margin-bottom: 36px;
	line-height: 1.33333;
	padding-top: 32px;
	padding-top: 8.53333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	font-weight: bold;
}

.l-main.r-type02 {
	margin-top: 32.5px;
	margin-top: 8.66667vw;
}

.l-main.r-type02 .l-main__content {
	margin-bottom: 75px;
	margin-bottom: 20vw;
}

.is-cojp .l-main.r-type02 .l-main__content {
	margin-bottom: 50px;
	margin-bottom: 13.33333vw;
}

.l-main.r-type02 .l-main__content--secondary {
	margin-bottom: 75px;
	margin-bottom: 20vw;
}

.l-main-visual__hdg {
	position: absolute;
	top: 20px;
	top: 5.33333vw;
	left: 140px;
	left: 37.33333vw;
}

.l-main-visual__hdg .c-hdg--lv1,
.l-main-visual__hdg .c-hdg--lv2-em {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.l-main-visual__hdg .r-icn {
	vertical-align: middle;
	height: 19px;
	height: 5.06667vw;
}

.l-main-visual__hdg .r-txt {
	font-size: 12px;
	font-size: 3.2vw;
}

.c-mainvisual--detail {
	padding: 0px 20px 0px 20px;
	padding: 0vw 5.33333vw 0vw 5.33333vw;
}

.c-mainvisual--detail .r-itm {
	height: 224px !important;
	height: 59.73333vw !important;
}

.c-mainvisual--detail .r-slider__indicator {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-mainvisual--detail .r-indicator__itm {
	width: 80px;
	width: 21.33333vw;
	height: 54px;
	height: 14.4vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.c-mainvisual--recipedetail.r-close-recipe .r-itm {
	height: auto;
}

.c-mainvisual--recipedetail .r-itm {
	height: 252px;
	height: 67.2vw;
}

.c-mainvisual--recipedetail .r-slider__indicator {
	margin-top: 0px;
	margin-top: 0vw;
}

.c-mainvisual--recipedetail .r-indicator__itm {
	width: 80px;
	width: 21.33333vw;
	height: 54px;
	height: 14.4vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.c-mainvisual--carousel {
	width: 100%;
}

.c-mainvisual--carousel .r-itm a img {
	width: 100%;
}

.c-mainvisual--carousel .slick-dots {
	margin-top: 18px;
	margin-top: 4.8vw;
}

.c-mainvisual--top.r-hasEmergency .r-slider {
	padding-bottom: 0;
}

.c-mainvisual--top.r-hasEmergency .slick-dots {
	bottom: -80px;
	bottom: -21.33333vw;
	/*bottom: -34.33333vw;*/
}

.sp-products-slider.c-mainvisual--top.r-hasEmergency .slick-dots {
	bottom: -8vw;
}

.c-mainvisual--top .r-itm {
	width: 335px;
	width: 89.33333vw;
}

.c-mainvisual--top .r-itm a img,
.c-mainvisual--top .r-itm span img {
	width: 375px;
	width: 100vw;
}

.c-mainvisual--top.r-fullwidth .r-itm {
	width: 375px;
	width: 100vw;
}

.c-mainvisual--top.r-fullwidth .r-itm a img,
.c-mainvisual--top.r-fullwidth .r-itm span img {
	width: 375px;
	width: 100vw;
}

.c-mainvisual--top.r-fullwidth--sp .r-itm {
	width: 375px;
	width: 100vw;
}

.c-mainvisual--top.r-fullwidth--sp .r-itm a img,
.c-mainvisual--top.r-fullwidth--sp .r-itm span img {
	width: 375px;
	width: 100vw;
}

.c-mainvisual--top .r-itm.r-blank a:after {
		width: 10px;
    width: 4.66667vw;
    height: 10px;
    height: 4.66667vw;
    right: 5px;
    right: 4.33333vw;
    top: 5px;
    top: 6.33333vw;
    background-size: 10px;
    background-size: 3.66667vw;
}

.c-mainvisual--products-category .r-hdg {
	width: 233px;
	width: 62.13333vw;
	padding-left: 12px;
	padding-left: 3.2vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-mainvisual--products-category .r-img {
	width: 140px;
	width: 37.33333vw;
}

.c-mainvisual--products-category .r-img img {
	height: 100%;
}

.c-mainvisual--products-category > .r-inner {
	height: 112px;
	height: 29.86667vw;
}

.c-mainvisual--ingredient .r-itm a img,
.c-mainvisual--ingredient .r-itm span img {
	width: 375px;
	width: 100vw;
}

.l-simple-header {
	height: 65px !important;
	height: 17.33333vw !important;
	font-size: 14px !important;
	font-size: 3.73333vw !important;
	border-bottom: 1px solid #e4002b !important;
}

.l-simple-header__inner {
	height: 65px !important;
	height: 17.33333vw !important;
	padding-left: 20px !important;
	padding-left: 5.33333vw !important;
	padding-right: 20px !important;
	padding-right: 5.33333vw !important;
}

.l-simple-header__logo {
	width: 108.5px;
	width: 28.93333vw;
	height: 39.5px;
	height: 10.53333vw;
	margin-top: 11.5px;
	margin-top: 3.06667vw;
}

.l-simple-header__logo__link {
	width: 108.5px !important;
	width: 28.93333vw !important;
	height: 40px !important;
	height: 10.66667vw !important;
}

.l-simple-header__logo__link100th {
	width: 141.5px !important;
	width: 37.73333vw !important;
}

.l-simple-header__logo__img {
	height: auto !important;
}

.l-simple-header__sub {
	padding-top: 21px !important;
	padding-top: 5.6vw !important;
}

.l-simple-header__sub .r-logout {
	width: 118px !important;
	width: 31.46667vw !important;
	margin-top: -4px !important;
	margin-top: -1.06667vw !important;
}

.l-simple-header__sub .r-logout a {
	font-size: 11px !important;
	font-size: 2.93333vw !important;
	line-height: 32px !important;
	line-height: 8.53333vw !important;
	height: 30px !important;
	height: 8vw !important;
}

.l-simple-footer {
	font-size: 14px !important;
	font-size: 3.73333vw !important;
}

.l-simple-footer__unav {
	background-color: #fff !important;
}

.l-simple-footer__sub__inner {
	height: 193px !important;
	height: 51.46667vw !important;
	padding-top: 13px !important;
	padding-top: 3.46667vw !important;
	padding-left: 20px !important;
	padding-left: 5.33333vw !important;
	padding-right: 20px !important;
	padding-right: 5.33333vw !important;
	padding-bottom: 20px !important;
	padding-bottom: 5.33333vw !important;
}

.l-simple-footer__copy {
	height: 31px !important;
	height: 8.26667vw !important;
	font-size: 8px !important;
	font-size: 2.13333vw !important;
	line-height: 31px !important;
	line-height: 8.26667vw !important;
}

.l-simple-footer .l-fsnav {
	margin-bottom: 30px !important;
	margin-bottom: 8vw !important;
}

.l-simple-footer .l-fsnav__list {
	text-align: center !important;
	font-size: 12px !important;
	font-size: 3.2vw !important;
	line-height: 13.2px !important;
	line-height: 3.52vw !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.l-simple-footer .l-fsnav__list__itm {
	display: inline-block !important;
	margin-top: 17px !important;
	margin-top: 4.53333vw !important;
	border-left-width: 1px !important;
	border-left-width: 0.26667vw !important;
}

.l-simple-footer .l-fsnav__list__itm:nth-child(2),
.l-simple-footer .l-fsnav__list__itm:nth-child(4),
.l-simple-footer .l-fsnav__list__itm:last-child {
	border-right-style: solid !important;
	border-right-color: #7d7d7d !important;
	border-right-width: 1px !important;
	border-right-width: 0.26667vw !important;
}

.l-simple-footer .l-fsnav__list__itm__link {
	padding-right: 9px !important;
	padding-right: 2.4vw !important;
	padding-left: 9px !important;
	padding-left: 2.4vw !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank {
	padding-right: 17.5px !important;
	padding-right: 4.66667vw !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:before {
	height: 5px !important;
	height: 1.33333vw !important;
	width: 5px !important;
	width: 1.33333vw !important;
	right: 7.5px !important;
	right: 2vw !important;
	margin-top: -1.5px !important;
	margin-top: -0.4vw !important;
}

.l-simple-footer .l-fsnav__list__itm__link.r-blank:after {
	height: 5px !important;
	height: 1.33333vw !important;
	width: 5px !important;
	width: 1.33333vw !important;
	right: 4px !important;
	right: 1.06667vw !important;
	margin-top: -5px !important;
	margin-top: -1.33333vw !important;
}

.l-simple-footer__logo {
	text-align: center !important;
}

.l-simple-footer__logo__link100th .l-simple-footer__logo__img {
	width: auto !important;
	height: 40px !important;
	height: 10.66667vw !important;
}

.l-simple-footer__logo__img {
	width: 108.5px !important;
	width: 28.93333vw !important;
	height: 40px !important;
	height: 10.66667vw !important;
}

.slick-dots {
	margin-top: 18px;
	margin-top: 4.8vw;
}

.r-slider__prevarrow {
	width: 30px;
	width: 8vw;
	height: 30px;
	height: 8vw;
	border: 1px solid #e4002b;
	border-radius: 100%;
	left: 0px;
	left: 0vw;
	top: 100%;
}

.r-slider__prevarrow:after {
	width: 6px;
	width: 1.6vw;
	height: 6px;
	height: 1.6vw;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg);
	top: 50%;
	left: 54%;
}

.r-slider__nextarrow {
	width: 30px;
	width: 8vw;
	height: 30px;
	height: 8vw;
	border: 1px solid #e4002b;
	border-radius: 100%;
	right: 0px;
	right: 0vw;
	top: 100%;
}

.r-slider__nextarrow:after {
	width: 6px;
	width: 1.6vw;
	height: 6px;
	height: 1.6vw;
	border-right: 1px solid #e4002b;
	border-top: 1px solid #e4002b;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	top: 50%;
	left: 46%;
}

.l-main--fullwidth article > .c-hdg--lv1 {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-sec {
	margin-top: 50px;
	margin-top: 13.33333vw;
}

.c-sec:last-of-type {
	margin-bottom: 40px;
	margin-bottom: 10.66667vw;
}

.c-hdg--lv1 + .c-sec {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-sec + .c-hdg--lv1 {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec + .c-hdg--lv2-em {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-sec + [class^="c-sec-bg"] {
	margin-top: 50px;
	margin-top: 13.33333vw;
	padding-bottom: 40px;
	padding-bottom: 10.66667vw;
}

html[class*="p-carefood-"] .c-sec {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-sec-bg--gray {
	padding-bottom: 40px;
	padding-bottom: 10.66667vw;
}

.c-hdg--lv2 + .c-sec-bg--gray {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec-bg--primary01 {
	padding-bottom: 40px;
	padding-bottom: 10.66667vw;
}

.c-hdg--lv1 + .c-sec-bg--primary01,
.c-hdg--lv2-em + .c-sec-bg--primary01 {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec-bg--primary02 {
	padding-bottom: 40px;
	padding-bottom: 10.66667vw;
}

.c-hdg--lv1 + .c-sec-bg--primary02.c-hdg--lv2-em + .c-sec-bg--primary02 {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec__block {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec__lyt + .c-sec__block {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

html[class*="p-carefood-"] .c-sec__block {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-sec__box {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-sec__content {
	margin-top: 30px;
	margin-top: 8vw;
}

.l-main.r-type02 .c-sec {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec__lyt[class*="r-flex"] .c-sec__flex-itm {
	margin-top: 15px;
	margin-top: 4vw;
}

.c-sec-maxinner {
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-sec-maxinner--sp {
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-sec__btn {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-sec__btn.r-double {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-hdg--lv1 + .c-sec__lyt,
.c-hdg--lv2-em + .c-sec__lyt {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-hdg--lv2 + .c-sec__lyt {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-hdg--lv3 + .c-sec__lyt {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-hdg--lv5 + .c-sec__lyt {
	margin-top: 15px;
	margin-top: 4vw;
}

.c-sec__btn + .c-sec__lyt {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-sec__lyt.r-nohdg {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

[class^="c-sec-bg"] + [class^="c-sec-bg"],
[class^="c-sec-bg"] + [class^="c-hdg"] {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-paragraph {
	margin-top: 46px;
	line-height: 2;
}

.c-paragraph:first-child {
	margin-top: -14px;
	line-height: 2;
}

.c-hdg--lv1,
.c-hdg--lv2-em {
	line-height: 1.45;
	font-size: 24px;
	font-size: 6.4vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.l-main.r-type02 .c-hdg--lv1 + .c-sec,
.l-main.r-type02 .c-hdg--lv2-em + .c-sec {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-hdg--lv1.r-detail-hdg--sp,
.c-hdg--lv2-em.r-detail-hdg--sp {
	text-align: left;
}

.c-hdg--lv1.r-longsentence,
.c-hdg--lv2-em.r-longsentence {
	line-height: 1.4;
	font-size: 20px;
	font-size: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-hdg--lv1.r-longsentence--sp,
.c-hdg--lv2-em.r-longsentence--sp {
	line-height: 1.4;
	font-size: 20px;
	font-size: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-hdg--lv1 .r-caption,
.c-hdg--lv2-em .r-caption {
	margin-top: 23.5px;
	line-height: 1.45;
}

.c-hdg--lv1 .r-caption.r-large,
.c-hdg--lv2-em .r-caption.r-large {
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv1 .r-caption + *,
.c-hdg--lv2-em .r-caption + * {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-hdg--lv1 .r-campaign-icon,
.c-hdg--lv2-em .r-campaign-icon {
	padding-left: 32.5px;
	padding-left: 8.66667vw;
	background-size: 22px;
	background-size: 5.86667vw;
}

.c-hdg--lv1 .r-media-icon,
.c-hdg--lv2-em .r-media-icon {
	padding-left: 37.5px;
	padding-left: 10vw;
	background-size: 25px;
	background-size: 6.66667vw;
	background-position: 0px 0px;
	background-position: 0vw 0vw;
}

.c-hdg--lv2 {
	line-height: 1.45;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-hdg--lv2 .r-caption {
	margin-top: 10px;
	margin-top: 2.66667vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-hdg--lv2 .r-caption.r-large {
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-hdg--lv3 {
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv4 {
	line-height: 1.73;
	font-size: 15px;
	font-size: 4vw;
}

.c-hdg--lv5 {
	line-height: 1.73;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-list .c-list__itm.is-small {
	font-size: 3.46667vw;
}

.c-btn-list,
.c-btn-list--emphasis {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-btn-list__itm {
	line-height: 1.53;
	margin-top: 15px;
	margin-top: 4vw;
}

.c-btn-list__itm__link {
	font-size: 13px;
	font-size: 3.46667vw;
	padding-top: 11px;
	padding-top: 2.93333vw;
	padding-bottom: 11px;
	padding-bottom: 2.93333vw;
}

.c-btn-list__itm__link:before {
	right: 25px;
	right: 6.66667vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
}

.c-btn-list__itm__link.r-left:before,
.c-btn-list__itm__link.r-left-arrow:before {
	left: 25px;
	left: 6.66667vw;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon {
	right: 25px;
	right: 6.66667vw;
	width: 8px;
	width: 2.13333vw;
	height: 8px;
	height: 2.13333vw;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon.r-sp-narrow,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon.r-sp-narrow {
	right: 10px;
	right: 2.66667vw;
}

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before,
.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:before,
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon:after {
	width: 6px;
	width: 1.6vw;
	height: 6px;
	height: 1.6vw;
}

.c-btn-list--emphasis.r-type02 .c-btn-list__content {
	color: #fff !important;
}

.c-btn-list.r-cap .c-btn-list__itm .c-btn-list__itm__link,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .c-btn-list__itm__link {
	height: 43px;
	height: 11.46667vw;
}

.c-btn-list.r-cap .c-btn-list__itm .r-txt,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .r-txt {
	margin-top: 10px;
	margin-top: 2.66667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-btn-list.r-cap .c-btn-list__itm .c-note,
.r-cap.c-btn-list--emphasis .c-btn-list__itm .c-note {
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-btn-list.r-type02.r-pagenavi .c-btn-list__itm,
.r-type02.r-pagenavi.c-btn-list--emphasis .c-btn-list__itm {
	width: calc((100% - 3.1%) / 2);
	margin-right: 3.1%;
}

.c-btn-list.r-type02.r-pagenavi .c-btn-list__itm:nth-of-type(2n),
.r-type02.r-pagenavi.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(2n) {
	margin-right: 0;
}

.c-btn-list.r-type02.r-pagenavi .c-btn-list__itm:nth-of-type(-n + 2),
.r-type02.r-pagenavi.c-btn-list--emphasis .c-btn-list__itm:nth-of-type(-n + 2) {
	margin-top: 0;
}

.c-btn-list .c-btn-list__itm,
.c-btn-list--emphasis .c-btn-list__itm {
	width: 100%;
}

.c-nav-list {
	margin-top: 35px;
	margin-top: 9.33333vw;
	margin-bottom: 30px;
	margin-bottom: 8vw;
}

.c-nav-list__itm {
	margin-bottom: 21px;
	margin-top: 21px;
	line-height: 1.6;
}

.c-nav-list__itm__link {
	padding-right: 10px;
	padding-right: 2.66667vw;
}

.c-nav-list__itm__link:after {
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	border-width: 1px;
}

.c-nav-list.r-type01 .c-nav-list__itm {
	padding-right: 40px;
	padding-right: 10.66667vw;
}

.c-nav-list.r-type02 {
	margin-right: -40px;
	margin-right: -10.66667vw;
}

.c-nav-list.r-type02 .c-nav-list__itm {
	padding-right: 30px;
	padding-right: 8vw;
}

.c-anchor-nav {
	margin-left: 20px;
	margin-left: 5.33333vw;
	margin-right: 20px;
	margin-right: 5.33333vw;
}

.c-anchor-nav.r-type02 {
	margin-left: 0;
	margin-right: 0;
}

.c-anchor-nav.r-type02 .c-anchor-nav__itm {
	margin-left: 10px;
	margin-left: 2.66667vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.c-anchor-nav.r-center--sp {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.c-anchor-nav.r-center--sp:after {
	display: none;
}

.c-anchor-nav.r-center--sp .c-anchor-nav__itm {
	margin-left: 10px;
	margin-left: 2.66667vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.c-anchor-nav__itm {
	position: relative;
	width: 100px;
	width: 26.66667vw;
	line-height: 1.4;
}

.r-col2sp .c-anchor-nav__itm {
	width: 160px;
	width: 42.66667vw;
}

.r-col2sp .c-anchor-nav__itm > a {
	width: 160px;
	width: 42.66667vw;
}

.c-anchor-nav__itm > a {
	width: 100px;
	width: 26.66667vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 35px;
	padding-bottom: 9.33333vw;
}

.c-anchor-nav__itm > a:before {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	border-width: 1px;
	margin-left: -5px;
	margin-left: -1.33333vw;
	bottom: 15px;
	bottom: 4vw;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}

.c-anchor-nav.r-pc6sp3 {
	margin-top: 20px;
	margin-top: 5.33333vw;
	margin-left: 0;
	margin-right: 0;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm {
	margin-right: 17.5px;
	margin-right: 4.66667vw;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: 8.5px;
	line-height: 1.2;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(3n) {
	margin-right: 0px;
	margin-right: 0vw;
}

.c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm > a {
	width: 100px;
	width: 26.66667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-card-list .r-itm:nth-child(n+3) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list .r-itm > a,
.c-card-list .r-itm > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-card-list .r-itm.r-blank .r-img:after {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	right: 5px;
	right: 1.33333vw;
	top: 5px;
	top: 1.33333vw;
	background-size: 10px;
	background-size: 2.66667vw;
}

.c-card-list .r-img {
	width: 172px;
	width: 45.86667vw;
	margin-right: 15px;
	margin-right: 4vw;
}

.c-card-list .r-detail {
	width: 172px;
	width: 45.86667vw;
}

.c-card-list .r-badge {
	min-width: 75px;
	min-width: 20vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 2;
}

.c-card-list .r-badge.r-type02 {
	bottom: inherit;
}

.c-card-list .r-badge.r-carefood li {
	min-width: 75px;
	min-width: 20vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	margin-right: 4px;
	margin-right: 1.06667vw;
	top: 95px;
	top: 25.33333vw;
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 2;
	pointer-events: none;
	text-decoration: none !important;
}

.c-card-list .r-badge.r-carefood li:nth-child(-n + 3) {
	margin-top: 4px;
	margin-top: 1.06667vw;
}

.c-card-list .r-badge.r-carefood .r-hdg {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-card-list .r-badge.r-carefood .r-txt {
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
	line-height: 1.4;
}

.c-card-list .r-date {
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-card-list .r-hdg {
	padding-top: 10.2px;
	line-height: 1.7;
}

.c-card-list .r-hdg + .r-txt {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-card-list .r-txt {
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.7;
}

.c-card-list.r-small .r-itm:nth-child(n+2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list.r-small .r-img {
	width: 172px;
	width: 45.86667vw;
}

.c-card-list.r-normal .r-itm:nth-child(n+2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list.r-normal .r-hdg {
	margin-top: 0;
}

.c-card-list.r-normal .r-img {
	width: 172px;
	width: 45.86667vw;
}

.c-card-list.r-normal.r-cover .r-img {
  height: 33.6vw;
}

.c-card-list.r-normal.r-cover .r-img img {
  height: 33.6vw;
  object-fit: cover;
  transform: scale(1.02);
}

.c-card-list.r-sp-margin .c-card-list__itms .r-itm {
	margin-bottom: 30px;
	margin-bottom: 8vw;
}

.c-card-list.r-large .r-itm {
	margin-top: 0;
}

.c-card-list.r-large .r-itm:nth-child(n+2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list.r-large .r-itm > a,
.c-card-list.r-large .r-itm > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-card-list.r-large .r-img {
	width: 172px;
	width: 45.86667vw;
	margin-right: 15px;
	margin-right: 4vw;
}

.c-card-list.r-large .r-detail {
	width: 172px;
	width: 45.86667vw;
}

.c-card-list.r-xlarge .r-itm {
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
}

.c-card-list.r-xlarge .r-itm a {
	display: block;
}

.c-card-list.r-xlarge .r-img {
	width: 100%;
	margin-right: 0px;
}

.c-card-list.r-xlarge .r-detail {
	width: 100%;
	margin-top: 15px;
	margin-top: 4vw;
}

.c-card-list.r-xlarge .r-detail .r-badge {
	min-width: 85px;
	min-width: 22.66667vw;
}

.c-card-list.r-xlarge .r-detail .r-txt {
	line-height: 2;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-card-list.r-type02 .c-card-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list.r-type02 .r-itm {
	width: 160px;
	width: 42.66667vw;
}

.c-card-list.r-type02 .r-itm > a {
	display: block;
}

.c-card-list.r-type02 .r-itm:nth-child(2) {
	margin-top: 0;
}

.c-card-list.r-type02 .r-itm:nth-child(2n) .r-img {
	margin-right: 0;
}

.c-card-list.r-type02 .r-img {
	width: 160px;
	width: 42.66667vw;
}

.c-card-list.r-type02 .r-badge {
	margin-top: -22px;
	margin-top: -5.86667vw;
}

.c-card-list.r-type02 .r-date {
	margin-top: 23px;
	line-height: 1.7;
}

.c-card-list.r-type02 .r-detail {
	width: 160px;
	width: 42.66667vw;
	padding-top: 11.6px;
	line-height: 1.7;
}

.c-card-list.r-type03 .r-itm {
	width: auto;
}

.c-card-list.r-type03 .r-itm > a {
	display: block;
}

.c-card-list.r-type03 .r-img {
	width: auto;
	margin-right: 0;
}

.c-card-list.r-type03 .r-date {
	margin-top: 23px;
	line-height: 1.7;
}

.c-card-list.r-type03 .r-detail {
	width: auto;
	padding-top: 11.6px;
	line-height: 1.7;
}

.c-card-list.r-note .r-itm .r-txt {
	margin-top: -6px;
	line-height: 1.5;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: 0px;
	line-height: 1.5;
}

.c-card-list.r-products .r-img {
	padding: 5px 5px;
	padding: 1.33333vw 1.33333vw;
}

.c-card-list.r-products .r-img img {
	max-height: 116px;
	max-height: 30.93333vw;
	width: auto;
}

.c-card-list.r-listimage .r-img {
	width: auto;
	height: 150px;
	height: 40vw;
	padding-top: 15px;
	padding-top: 4vw;
	padding-bottom: 15px;
	padding-bottom: 4vw;
	margin-right: 0;
}

.c-card-list.r-listimage .r-img img {
	max-height: 120px;
	max-height: 32vw;
	width: auto;
}

.c-card-list.r-feature-recipe .r-img {
	overflow: hidden;
	height: 114px;
	height: 30.4vw;
}

.c-card-list.r-recent-recipe .r-img {
	overflow: hidden;
	height: 114px;
	height: 30.4vw;
  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;
}

.r-recent-recipe-content {
  padding: 24px 20px 40px;
  padding: 6.4vw 5.33333vw 10.666666666666667vw;
  background: url(/entertainment/cat_assets/img/openkitchen/openkitchen_bg_dot_001.png) repeat top left;
}

.c-card-list-cf__itms {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-cf__itms .r-itm:nth-child(n+2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-cf__itms .r-itm:nth-child(2) {
	margin-top: 0;
}

.c-card-list-cf__itms .r-itm {
	width: 160px;
	width: 42.66667vw;
}

.c-card-list-cf__itms .r-itm.r-blank a:after {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	right: 5px;
	right: 1.33333vw;
	top: 5px;
	top: 1.33333vw;
	background-size: 10px;
	background-size: 2.66667vw;
}

.c-card-list.r-campaign .c-card-list__itms .r-itm a .r-has-bdr + .r-detail {
	margin-top: 0px;
	margin-top: 0vw;
}

.c-card-list.r-campaign .c-card-list__itms .r-itm a .r-has-bdr + .r-detail .r-date {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-card-list-bnr .r-itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-bnr .r-itm.r-blank a:after {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	right: 5px;
	right: 1.33333vw;
	top: 5px;
	top: 1.33333vw;
	background-size: 10px;
	background-size: 2.66667vw;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: 13px;
	line-height: 1.5;
}

.c-card-list-bnr .r-badge {
	min-width: 75px;
	min-width: 20vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	margin-top: -22px;
	margin-top: -5.86667vw;
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 2;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: 12.5px;
	margin-top: 12.5px;
	line-height: 1.5;
}

.c-card-list-bnr .r-detail {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-card-list-bnr.r-category-bnr .r-img img {
	max-width: none;
}

.c-card-list-bnr.r-category-bnr.r-normal .r-img img {
	width: calc(100% + 40vw);
	margin-left: -75px;
	margin-left: -20vw;
	margin-top: -15px;
	margin-top: -4vw;
	margin-bottom: -15px;
	margin-bottom: -4vw;
}

.c-card-list-bnr.r-category-bnr.r-small .r-img img {
	width: calc(100% + 21.33333vw);
	margin-left: -40px;
	margin-left: -10.66667vw;
	margin-top: -8px;
	margin-top: -2.13333vw;
	margin-bottom: -8px;
	margin-bottom: -2.13333vw;
}

.c-card-list-bnr.r-normal .r-itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-bnr.r-normal .r-itm:first-child {
	margin-top: 0;
}

.c-card-list-bnr.r-type02 .c-card-list-bnr__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-bnr.r-type02 .r-itm {
	width: 162px;
	width: 43.2vw;
}

.c-card-list-bnr.r-type03 .r-itm {
	width: 280px;
	width: 74.66667vw;
	margin-left: auto;
	margin-right: auto;
}

.c-card-list-bnr.r-xsmall .c-card-list__itms {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-bnr.r-xsmall .r-itm:nth-child(n+2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-bnr.r-relation {
	width: 100%;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm {
	height: 104px;
	height: 27.73333vw;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-img {
	width: 104px;
	width: 27.73333vw;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail {
	width: 230px;
	width: 61.33333vw;
}

.c-card-list-bnr.r-relation .c-card-list-bnr__itms .r-itm a .r-detail .r-txt {
	font-size: 15px;
	font-size: 4vw;
}

.c-card-list-media__note {
	margin-bottom: -20px;
	margin-bottom: -5.33333vw;
}

.c-card-list-media__note.r-prouse .r-inr {
	margin-bottom: 2.5px;
	margin-bottom: 0.66667vw;
}

.c-card-list-media__note.r-prouse .r-inr p {
	margin-left: 10px;
	margin-left: 2.66667vw;
	margin-top: 3px;
	margin-top: 0.8vw;
	display: block;
	margin-left: 0px;
}

.c-card-list-media__note.r-prouse .r-inr p a {
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-card-list-media.r-normal .r-itm {
	width: 162px;
	width: 43.2vw;
}

.c-card-list-media.r-normal .r-itm:nth-child(n+3) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-media.r-normal .r-hdg {
	padding-left: 7.5px;
	padding-left: 2vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.42857;
}

.c-card-list-media.r-normal .r-hdg .r-caption {
	font-size: 9px;
	font-size: 2.4vw;
}

.c-card-list-media.r-xlarge .r-itm {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-card-list-media.r-xlarge .r-badge {
	min-width: 75px;
	min-width: 20vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.c-card-list-media.r-xlarge .r-detail {
	margin-top: 15px;
	margin-top: 4vw;
	padding-bottom: 60.2px;
	line-height: 1.7;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: 11.7px;
	line-height: 1.7;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: 30.2px;
	line-height: 1.7;
}

.c-card-list-media.r-recipe .c-card-list-media__itms {
	display: block;
}

.c-card-list-media.r-recipe .r-itm:nth-child(n+1) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-media.r-recipe .r-itm .r-detail-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-media.r-recipe .r-itm > a,
.c-card-list-media.r-recipe .r-itm > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-card-list-media.r-recipe .r-itm[class*="r-rank"] .r-prize {
	top: 4px;
	top: 1.06667vw;
	left: 40px;
	left: 10.66667vw;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank {
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-otherrank .r-prize {
	top: 0px;
	top: 0vw;
	left: 0px;
	left: 0vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank1 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank2 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank3 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank4 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank5 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank6 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank7 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank8 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank9 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-itm.r-rank10 {
	background-size: 30px auto;
	background-size: 8vw auto;
	padding-top: 37.5px;
	padding-top: 10vw;
}

.c-card-list-media.r-recipe .r-badge {
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 2;
	text-align: left;
	min-width: inherit;
}

.c-card-list-media.r-recipe .r-badge + .r-hdg {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-card-list-media.r-recipe .r-img {
	width: 162px;
	width: 43.2vw;
}

.c-card-list-media.r-recipe .r-detail {
	width: 162px;
	width: 43.2vw;
}

.c-card-list-media.r-recipe .r-hdg {
	margin-top: -9.8px;
	line-height: 1.7;
}

.c-card-list-media.r-recipe .r-hdg .r-caption {
	font-size: 9px;
	font-size: 2.4vw;
}

.c-card-list-media.r-recipe .r-itm {
	margin-bottom: 30px;
	margin-bottom: 8vw;
	padding-bottom: 15px;
	padding-bottom: 4vw;
	border-bottom: 1px solid #dddddd;
}

.c-card-list-media.r-recipe .r-itm:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.c-card-list-media.r-recipe .r-itm .r-detail-wrapper {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-card-list-media.r-recipe .r-itm > a,
.c-card-list-media.r-recipe .r-itm > span {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-card-list-media.r-recipe .r-detail .r-sub-txt {
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list-media.r-recipe .r-detail .r-sub-txt + .r-hdg {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-card-list-media.r-recipe .r-list {
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.c-card-list-media.r-recipe .r-list li {
	margin-right: 10px;
	margin-right: 2.66667vw;
	padding-left: 22px;
	padding-left: 5.86667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm01 {
	background-size: auto 15px;
	background-size: auto 4vw;
	background-position: 2px 5px;
	background-position: 0.53333vw 1.33333vw;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm02 {
	background-size: auto 18px;
	background-size: auto 4.8vw;
	background-position: 2px 5px;
	background-position: 0.53333vw 1.33333vw;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm03 {
	background-size: auto 20px;
	background-size: auto 5.33333vw;
	background-position: 4px 2px;
	background-position: 1.06667vw 0.53333vw;
}

.c-card-list-media.r-recipe .r-list li.r-list-itm04 {
	background-size: auto 36px;
	background-size: auto 9.6vw;
	background-position: -9px -7px;
	background-position: -2.4vw -1.86667vw;
}

.c-card-list-media.r-recipe .r-list li {
	margin: 0;
	width: 50%;
	box-sizing: border-box;
}

.c-card-list-media.r-recipe .r-product {
	display: none;
}

.c-card-list-media.r-recipe .r-product-sp {
	display: table;
	table-layout: fixed;
}

.c-card-list-media.r-recipe .r-product-sp .r-product-img {
	display: table-cell;
	width: 40px;
	width: 10.66667vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
	text-align: center;
}

.c-card-list-media.r-recipe .r-product-sp .r-product-img img {
	margin-left: -2px;
	margin-left: -0.53333vw;
	max-height: 56px;
	max-height: 14.93333vw;
}

.c-card-list-media.r-recipe .r-product-sp .r-product-txt {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-left: 8px;
	padding-left: 2.13333vw;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm {
	padding-bottom: 25px;
	padding-bottom: 6.66667vw;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	margin-top: 19.5px;
	line-height: 1.7;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .c-card-list-media__note .r-inr .c-txt-link:before {
	margin-top: -4px;
	margin-top: -1.06667vw;
}

.c-card-list-media.r-trim .r-img {
	height: auto;
}

.c-card-list-media.r-trim .r-img > img {
	margin-top: -10px;
	margin-top: -2.66667vw;
	margin-bottom: -10px;
	margin-bottom: -2.66667vw;
}

.c-card-list-media.r-type02 .r-itm {
	width: 335px;
	width: 89.33333vw;
}

.c-card-list-media.r-type02 .r-itm > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.c-card-list-media.r-type02 .r-itm:nth-child(2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-card-list-media.r-type02 .r-img {
	width: 167.5px;
	width: 44.66667vw;
}

.c-card-list-media.r-type02 .r-detail {
	width: 167.5px;
	width: 44.66667vw;
}

.c-card-list-media .r-img > img {
	width: 100%;
}

.c-card-list-media .r-txt {
	margin-top: 10px;
	margin-top: 2.66667vw;
	padding-left: 5px;
	padding-left: 1.33333vw;
	padding-right: 5px;
	padding-right: 1.33333vw;
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.4;
}

.c-card-list-media__btn {
	width: 250px;
	width: 66.66667vw;
	margin: 20px auto 0px auto;
	margin: 5.33333vw auto 0vw auto;
}

.c-card-list-pickup {
	padding-top: 20px;
	padding-top: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-card-list-pickup__itms.r-no-seasonal .r-itm:nth-child(1),
.c-card-list-pickup__itms.r-no-seasonal .r-itm:nth-child(2) {
	margin-top: 0;
}

.c-card-list-pickup .r-itm {
	width: 162px;
	width: 43.2vw;
	margin-top: 30px;
	margin-top: 8vw;
}

.c-card-list-pickup .r-itm .r-img {
	height: 114px;
	height: 30.4vw;
}

.c-card-list-pickup .r-itm.r-cmgallery,
.c-card-list-pickup .r-itm.r-seasonal {
	width: 335px;
	width: 89.33333vw;
	margin-top: 0;
}

.c-card-list-pickup .r-itm.r-cmgallery .r-img,
.c-card-list-pickup .r-itm.r-seasonal .r-img {
	overflow: hidden;
	height: 215px;
	height: 57.33333vw;
}

/*おうちごはん*/
.c-card-list-pickup .r-itm.r-seasonal .r-img {
	height: 84.33333vw!important;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img {
	text-align: center;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img img {
	height: 100%;
	max-width: none;
	width: auto;
}

.c-card-list-pickup .r-itm.r-seasonal .r-hdg img {
	width: 62px;
	width: 16.53333vw;
	vertical-align: top;
}

.c-card-list-pickup .r-itm.r-cmgallery .r-img {
	height: auto;
}

.c-card-list-pickup .r-itm.r-large {
	width: 335px;
	width: 89.33333vw;
}

.c-card-list-pickup .r-itm.r-entertaiment {
	width: 335px;
	width: 89.33333vw;
}

.c-card-list-pickup .r-itm.r-news .r-hdg:after {
	background-size: 100% auto;
}

.c-card-list-pickup .r-itm.r-vegetable .r-hdg {
	padding-left: 30px;
	padding-left: 8vw;
}

.c-card-list-pickup .r-itm.r-vegetable .r-hdg:after {
	width: 30px;
	width: 8vw;
	height: 34px;
	height: 9.06667vw;
	background-size: auto 34px;
	background-size: auto 9.06667vw;
	top: -9px;
	top: -2.4vw;
	left: -3px;
	left: -0.8vw;
}

.c-card-list-pickup .r-itm.r-recipe .r-hdg {
	padding-left: 30px;
	padding-left: 8vw;
}

.c-card-list-pickup .r-itm.r-recipe .r-hdg:after {
	width: 30px;
	width: 8vw;
	height: 25px;
	height: 6.66667vw;
	/*background-size: auto 24px;*/
	/*background-size: auto 6.4vw;*/
	background-size: auto 20px;
	background-size: auto 5.4vw;
	top: -4px;
	top: -1.06667vw;
	left: -3px;
	left: -0.8vw;
}

.c-card-list-pickup .r-itm.r-tvcm .r-hdg:after {
	background-size: 100% auto;
}

.c-card-list-pickup .r-itm.r-seasonal .r-img:after,
.c-card-list-pickup .r-itm.r-vegetable .r-img:after {
	box-shadow: 0 0 10.66667vw #f2f2f2 inset;
}

/*おうちごはん*/
.c-card-list-pickup .r-itm.r-seasonal .r-img:after{
	box-shadow: 0 0 10.66667vw #fff inset!important;
}

.c-card-list-pickup .r-detail {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-card-list-pickup .r-hdg {
	margin-bottom: 10.2px;
	margin-top: 10.2px;
	line-height: 1.7;
	font-size: 14px;
	font-size: 3.73333vw;
	padding-left: 5px;
	padding-left: 1.33333vw;
}

.c-card-list-pickup .r-img > img {
	width: 100%;
}

.c-card-list-pickup .r-img + .r-txt {
	margin-top: 0;
}

.c-card-list-pickup .r-txt {
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-pickup.r-right .r-itm .r-hdg {
	padding-right: 30px;
	padding-right: 8vw;
}

.c-card-list-pickup.r-right .r-itm .r-hdg:after {
	left: auto;
	right: -3px;
	right: -0.8vw;
}

.c-cat-list__itms {
	display: block;
}

.c-cat-list__itms:after {
	content: "";
	display: block;
	clear: both;
}

.c-cat-list .r-itm:nth-child(odd) {
	float: left;
}

.c-cat-list .r-itm:nth-child(even) {
	float: right;
}

.c-cat-list .r-itm:nth-child(n+3) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-cat-list .r-itm.r-blank .r-img:after {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	right: 28px;
	right: 7.46667vw;
	top: 30px;
	top: 8vw;
	background-size: 10px;
	background-size: 2.66667vw;
}

.c-cat-list .r-img {
	width: 160px;
	width: 42.66667vw;
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 1.7;
}

.c-cat-list .r-img > img {
	width: 110px;
	width: 29.33333vw;
	height: 110px;
	height: 29.33333vw;
	left: 25px;
	left: 6.66667vw;
	top: 5px;
	top: 1.33333vw;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.c-cat-list .r-hdg {
	padding-top: 83px;
	padding-top: 22.13333vw;
	padding-left: 14px;
	padding-left: 3.73333vw;
	padding-right: 14px;
	padding-right: 3.73333vw;
	width: 162px;
	width: 43.2vw;
	height: 162px;
	height: 43.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.2;
}

.c-cat-list .r-hdg > img {
	width: 30px;
	width: 8vw;
	margin-bottom: -15px;
	margin-bottom: -4vw;
}

.c-cat-list .r-note {
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-cat-list .r-linklist {
	margin-top: 20px;
	margin-top: 5.33333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 1.7;
}

.c-cat-list .r-linklist ul li {
	padding-top: 12.5px;
	padding-top: 3.33333vw;
	padding-left: 15px;
	padding-left: 4vw;
	line-height: 17px;
	line-height: 4.53333vw;
}

.c-cat-list.r-type02 .r-itm:nth-child(odd) {
	clear: both;
}

.c-cat-list.r-type02 .r-itm .r-img {
	width: 163px;
	width: 43.46667vw;
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 1.7;
}

.c-cat-list.r-type02 .r-itm .r-img img {
	width: 110px;
	width: 29.33333vw;
	height: 110px;
	height: 29.33333vw;
	left: 25px;
	left: 6.66667vw;
	top: 5px;
	top: 1.33333vw;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.c-cat-list.r-type02 .r-itm .r-hdg {
	padding-top: 83px;
	padding-top: 22.13333vw;
	width: 162px;
	width: 43.2vw;
	height: 162px;
	height: 43.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-cat-list.r-type02 .r-itm .r-linklist.r-type02 ul:nth-child(2) li:first-child {
	padding-top: 12.5px;
	padding-top: 3.33333vw;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-img {
	width: 163px;
	width: 43.46667vw;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-img > img {
	width: 163px;
	width: 43.46667vw;
	height: 163px;
	height: 43.46667vw;
	left: 0;
	top: 0;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg {
	padding-top: 65px;
	padding-top: 17.33333vw;
	width: 162px;
	width: 43.2vw;
	height: 162px;
	height: 43.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
	position: relative;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg.r-noicon {
	padding-top: 90px;
	padding-top: 24vw;
}

.c-cat-list.r-full-image .c-cat-list__itms .r-itm .r-hdg > img {
	width: 25px;
	width: 6.66667vw;
	position: absolute;
	bottom: 0px;
	bottom: 0vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.c-cat-list__btn {
	width: 250px;
	width: 66.66667vw;
	margin: 0 auto;
}

.c-cat-list-panel__itms {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-cat-list-panel .r-itm {
	width: 140px;
	width: 37.33333vw;
}

.c-cat-list-panel .r-hdg {
	padding: 15px 15px 0px 15px;
	padding: 4vw 4vw 0vw 4vw;
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.6;
}

.c-cat-list-panel .r-img {
	width: 140px;
	width: 37.33333vw;
	height: 140px;
	height: 37.33333vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-cat-list-panel .r-img > img {
	width: 105px;
	width: 28vw;
}

.c-panel-list__itm__link:before {
	bottom: 19px;
	bottom: 5.06667vw;
	left: 21px;
	left: 5.6vw;
	width: 3px;
	width: 0.8vw;
	height: 3px;
	height: 0.8vw;
}

.c-panel-list__itm__link:after {
	bottom: 20.5px;
	bottom: 5.46667vw;
	left: 18.5px;
	left: 4.93333vw;
	width: 6px;
	width: 1.6vw;
	height: 0.5px;
	height: 0.13333vw;
}

.c-panel-list__itm__link__inner:after {
	bottom: 10.5px;
	bottom: 2.8vw;
	left: 12px;
	left: 3.2vw;
	width: 18.5px;
	width: 4.93333vw;
	height: 18.5px;
	height: 4.93333vw;
}

.c-panel-list__itm {
	width: 48%;
	margin-top: 13px;
	margin-top: 3.46667vw;
	margin-right: 4%;
}

.c-panel-list__itm:nth-of-type(2n) {
	margin-right: 0;
}

.c-panel-list__itm:nth-of-type(-n + 2) {
	margin-top: 0;
}

.c-panel-list__itm__title {
	top: 31px;
	top: 8.26667vw;
	left: 11.5px;
	left: 3.06667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-prod-list.r-type01 {
	width: 315px;
	width: 84vw;
}

.c-prod-list.is-flexible {
	width: 100% !important;
}

.c-prod-list.r-col4 {
	width: 315px;
	width: 84vw;
}

.c-prod-list.r-col4 .r-slider,
.c-prod-list.r-col4 .c-prod-list__itms {
	margin-left: -8px;
	margin-left: -2.13333vw;
	margin-right: -8px;
	margin-right: -2.13333vw;
}

.c-prod-list.r-col4 .r-itm:nth-child(n+3) {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.c-prod-list.r-col5 {
	width: 315px;
	width: 84vw;
}

.c-prod-list.r-col5 .r-slider,
.c-prod-list.r-col5 .c-prod-list__itms {
	margin-left: -8px;
	margin-left: -2.13333vw;
	margin-right: -8px;
	margin-right: -2.13333vw;
}

.c-prod-list.r-col5 .r-itm:nth-child(n+3) {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.c-prod-list .r-itm {
	width: 148px !important;
	width: 39.46667vw !important;
	margin-left: 8px;
	margin-left: 2.13333vw;
	margin-right: 8px;
	margin-right: 2.13333vw;
}

.c-prod-list .r-img {
	width: 148px;
	width: 39.46667vw;
	height: 121.5px;
	height: 32.4vw;
	padding: 10px 0px;
	padding: 2.66667vw 0vw;
}

.c-prod-list .r-img + .r-hdg {
	margin-top: 33.5px;
	line-height: 1.5;
}

.c-prod-list .r-hdg {
	margin-top: 13.5px;
	line-height: 1.5;
}

.c-question-list {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-question-list__itm {
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 10px 10px 10px 50px;
	padding: 2.66667vw 2.66667vw 2.66667vw 13.33333vw;
}

.c-question-list__question:before {
	width: 35px;
	width: 9.33333vw;
	height: 35px;
	height: 9.33333vw;
	line-height: 35px;
	line-height: 9.33333vw;
	border-radius: 100%;
	top: 8px;
	top: 2.13333vw;
	left: 0;
}

.c-tab-list {
	margin-left: 20px;
	margin-left: 5.33333vw;
	margin-right: 20px;
	margin-right: 5.33333vw;
}

.c-tab-list__itm {
	min-height: 50px;
	min-height: 13.33333vw;
	padding-top: 5px;
	padding-top: 1.33333vw;
	padding-bottom: 5px;
	padding-bottom: 1.33333vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.r-bottom .c-tab-list__itm.is-active {
	margin-top: -2px;
	border-top: 2px solid #f9f9f9;
	border-bottom: 2px solid #e4002b;
}

.c-tab-list-emphasis--type03 .r-bottom .c-tab-list__itm.is-active {
	border-top: 2px solid #fff;
}

.c-tab-list-type02__navi {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.c-tab-list-type02__navi .r-hdg {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-height: 55px;
	min-height: 14.66667vw;
	width: calc(100% / 3);
	padding-bottom: 13.5px;
	padding-top: 13.5px;
	line-height: 1.5;
}

.c-tab-list-type02__navi .r-hdg.is-active span:after {
	height: 1px;
	bottom: -17px;
	bottom: -4.53333vw;
}

.c-tab-list-type02__navi .r-hdg.is-active.r-2line span:after {
	bottom: -8px;
	bottom: -2.13333vw;
}

.c-tab-list-type02__navi.r-type02 .r-hdg {
	width: calc(100% / 2);
}

.c-tab-list-type02__navi.r-type02 .r-hdg:first-child,
.c-tab-list-type02__navi.r-type02 .r-hdg:nth-child(3) {
	border-left: 1px solid #ddd;
}

.c-tab-list-type02__navi.r-type03 .r-hdg {
	width: calc(100% / 2);
}

.c-tab-list-type02__navi.r-type03 .r-hdg:first-child {
	border-left: 1px solid #ddd;
}

.c-tab-list-emphasis__navi + .r-content {
	padding: 0px 0px 20px 0px;
	padding: 0vw 0vw 5.33333vw 0vw;
}

.c-tab-list-emphasis__inner {
	padding: 20px 0px 0px 0px;
	padding: 5.33333vw 0vw 0vw 0vw;
}

.c-tab-list-emphasis__inner.r-maxinner {
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.c-tab-list-emphasis__list img {
	top: 2.5px;
	top: 0.66667vw;
	left: 0;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm:first-child,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm:first-child {
	margin-top: 0;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	height: 10.66667vw;
	padding: 7.5px 0px 0px 60px;
	padding: 2vw 0vw 0vw 16vw;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm > a:after,
.p-recipe-ranking-product__nav__list__itm__tab:after,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm > a:after {
	width: 10px;
	width: 2.66667vw;
	height: 10px;
	height: 2.66667vw;
	right: 10px;
	right: 2.66667vw;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm .r-img,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm .r-img {
	width: 60px;
	width: 16vw;
	height: 40px;
	height: 10.66667vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm .r-img img,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm .r-img img {
	height: 100%;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-simple,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-simple {
	margin-top: 0;
	display: block;
	width: 100%;
}

.c-tab-list-emphasis .c-tab-list-emphasis__list .r-itm.r-simple a,
.c-tab-list-emphasis--type03 .c-tab-list-emphasis__list .r-itm.r-simple a {
	display: block;
	vertical-align: middle;
	min-height: 40px;
	min-height: 10.66667vw;
	padding: 7px 0px 0px 20px;
	padding: 1.86667vw 0vw 0vw 5.33333vw;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}

.c-tab-list-accordion .r-hdg {
	display: block;
	position: relative;
	margin-bottom: 2px;
	margin-bottom: 0.53333vw;
	padding-bottom: 30.9px;
	padding-top: 30.9px;
	line-height: 1.7;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	background: #f2f2f2;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tab-list-accordion .r-hdg:before {
	content: '';
	display: block;
	position: absolute;
	right: 16px;
	right: 4.26667vw;
	top: 50%;
	width: 9px;
	width: 2.4vw;
	height: 1px;
	height: 0.26667vw;
	background-color: #e4002b;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-tab-list-accordion .r-hdg:after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	right: 5.33333vw;
	top: 50%;
	width: 1px;
	width: 0.26667vw;
	height: 9px;
	height: 2.4vw;
	background-color: #e4002b;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c-tab-list-accordion .r-hdg:hover,
.c-tab-list-accordion .r-hdg.is-active {
	background: #ddd;
}

.c-tab-list-accordion .r-hdg.is-active {
	margin-bottom: 0;
}

.c-tab-list-accordion .r-hdg.is-active:after {
	display: none;
}

.c-tab-list-accordion .r-itm {
	width: 100%;
	padding: 20px 15px 5px 15px;
	padding: 5.33333vw 4vw 1.33333vw 4vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tab-list-accordion.r-type02 .r-hdg {
	width: 335px;
	width: 89.33333vw;
	margin-left: auto;
	margin-right: auto;
}

.c-tab-list-accordion.r-type02 .r-itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
	padding-bottom: 40px;
	padding-bottom: 10.66667vw;
	padding-top: 30px;
	padding-top: 8vw;
}

.c-tab-list-accordion.r-type02 .r-itm[aria-hidden=true] {
	margin-top: 0px;
	margin-top: 0vw;
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
}

.c-pager__nav--start > a:before,
.c-pager__nav--start > a:after,
.c-pager__nav--prev > a:before,
.c-pager__nav--next > a:before,
.c-pager__nav--end > a:before,
.c-pager__nav--end > a:after {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	width: 1.6vw;
	height: 6px;
	height: 1.6vw;
	margin-top: -3px;
	margin-top: -0.8vw;
	margin-left: -3px;
	margin-left: -0.8vw;
	border-right: 1px solid #e4002b;
	border-right: 0.26667vw solid #e4002b;
	border-top: 1px solid #e4002b;
	border-top: 0.26667vw solid #e4002b;
	left: 50%;
	top: 50%;
}

.is-android4 .c-pager__nav--start > a:before,
.is-android4 .c-pager__nav--start > a:after,
.is-android4 .c-pager__nav--prev > a:before,
.is-android4 .c-pager__nav--next > a:before,
.is-android4 .c-pager__nav--end > a:before,
.is-android4 .c-pager__nav--end > a:after {
	border-right-width: 1px;
	border-top-width: 1px;
}

.c-pager__nav .r-itm,
.c-pager__nav--start,
.c-pager__nav--prev,
.c-pager__nav--next,
.c-pager__nav--end {
	min-width: 34px;
	min-width: 9.06667vw;
}

.c-pager__nav .r-itm a,
.c-pager__nav--start a,
.c-pager__nav--prev a,
.c-pager__nav--next a,
.c-pager__nav--end a {
	display: block;
	position: relative;
	width: 29px;
	width: 7.73333vw;
	height: 29px;
	height: 7.73333vw;
	margin: 0px 16px 30px 16px;
	margin: 0vw 2.13333vw 4vw 2.13333vw;
	line-height: 29px;
	line-height: 7.73333vw;
	text-decoration: none;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.c-pager {
	width: 375px;
	width: 100vw;
	margin-left: -20px;
	margin-left: -5.33333vw;
	padding: 12px 57px 5px 57px;
	padding: 3.2vw 15.2vw 1.33333vw 15.2vw;
}

.c-pager.r-simple {
	width: 335px;
	width: 89.33333vw;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}

.c-pager.r-simple .c-pager__nav {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: 0;
}

.c-pager.r-simple .c-pager__nav--prev {
	left: -14px;
	left: -3.73333vw;
}

.c-pager.r-simple .c-pager__nav--next {
	right: -14px;
	right: -3.73333vw;
}

.c-pager__nav {
	margin: 0px 0px 0px 8px;
	margin: 0vw 0vw 0vw 1.06667vw;
}

.c-pager__nav--start {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-top: -5.33333vw;
	left: 5px;
	left: 1.33333vw;
	z-index: 2;
}

.c-pager__nav--start > a {
	margin-left: 0;
	margin-right: 0;
}

.c-pager__nav--start > a:before {
	margin-left: 2px;
	margin-left: 0.53333vw;
}

.c-pager__nav--start > a:after {
	margin-left: -4px;
	margin-left: -1.06667vw;
}

.c-pager__nav--prev {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-top: -5.33333vw;
	left: 38px;
	left: 10.13333vw;
	z-index: 2;
}

.c-pager__nav--prev > a {
	margin-left: 0;
	margin-right: 0;
}

.c-pager__nav--prev > a:before {
	margin-left: -2px;
	margin-left: -0.53333vw;
}

.c-pager__nav--next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-top: -5.33333vw;
	right: 37px;
	right: 9.86667vw;
	z-index: 2;
}

.c-pager__nav--next > a {
	margin-left: 0;
	margin-right: 0;
}

.c-pager__nav--next > a:before {
	margin-left: -5px;
	margin-left: -1.33333vw;
}

.c-pager__nav--end {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-top: -5.33333vw;
	right: 0;
	z-index: 2;
}

.c-pager__nav--end > a {
	margin-left: 0;
	margin-right: 0;
}

.c-pager__nav--end > a:before {
	margin-left: -3px;
	margin-left: -0.8vw;
}

.c-pager__nav--end > a:after {
	margin-left: -8px;
	margin-left: -2.13333vw;
}

.c-def-list__itms .r-itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-def-list__itms .r-itm a .r-hdg {
	line-height: 30px;
	line-height: 8vw;
}

.c-def-list__itms .r-itm a .r-txt {
	margin-top: 7.5px;
	margin-top: 2vw;
}

.c-def-list__itms .r-itm a[href$=".pdf"] .r-hdg {
	padding-left: 27.5px;
	padding-left: 7.33333vw;
}

.c-def-list__itms .r-itm a[href$=".pdf"] .r-hdg:before {
	top: 6px;
	top: 1.6vw;
	width: 17px;
	width: 4.53333vw;
	height: 17px;
	height: 4.53333vw;
}

.c-recipe-calendar {
	background-image: none !important;
}

.c-recipe-calendar__inner {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.c-recipe-calendar-hdg {
	margin-top: 28px;
	margin-top: 7.46667vw;
	padding: 0px 0px 20px 0px;
	padding: 0vw 0vw 5.33333vw 0vw;
}

.c-recipe-calendar-hdg .r-copy {
	display: block;
	text-align: center;
	font-size: 20px;
	font-size: 5.33333vw;
	padding: 20px 20px 0px 20px;
	padding: 5.33333vw 5.33333vw 0vw 5.33333vw;
}

.c-recipe-calendar-hdg .r-detail {
	margin-left: -40px;
	margin-left: -10.66667vw;
	margin-right: -40px;
	margin-right: -10.66667vw;
	margin-bottom: -40px;
	margin-bottom: -10.66667vw;
	padding: 40px 60px 40px 60px;
	padding: 10.66667vw 16vw 10.66667vw 16vw;
	margin-top: -42px;
	line-height: 2;
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.8) 0, transparent 80%);
	background: radial-gradient(rgba(0, 0, 0, 0.8) 0, transparent 80%);
}

.c-recipe-calendar-hdg .r-img > img {
	width: 100%;
	margin-top: 45px;
	margin-top: 12vw;
}

.c-recipe-calendar-hdg .r-btn {
	margin-top: -20px;
	margin-top: -5.33333vw;
	padding: 0px 20px 0px 20px;
	padding: 0vw 5.33333vw 0vw 5.33333vw;
}

.c-recipe-calendar-list {
	margin-top: auto;
	padding: 0px 20px 40px 20px;
	padding: 0vw 5.33333vw 10.66667vw 5.33333vw;
}

.c-recipe-calendar-list .r-itm {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-recipe-calendar-list .r-detail {
	width: 168px;
	width: 44.8vw;
	padding: 10px 10px 15px 15px;
	padding: 2.66667vw 2.66667vw 4vw 4vw;
}

.c-recipe-calendar-list .r-hdg {
	display: inline-block;
	min-width: 80px;
	min-width: 21.33333vw;
	text-align: center;
	padding-bottom: 12px;
	line-height: 1.42857;
}

.c-recipe-calendar-list .r-txt {
	margin-top: 19.6px;
	line-height: 1.7;
}

.c-recipe-calendar-list .r-date {
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-recipe-calendar-list .r-img {
	width: 168px;
	width: 44.8vw;
}

.r-mid .c-detail-visual-main__img {
	width: 335px;
	width: 89.33333vw;
	height: 188px;
	height: 50.13333vw;
}

.r-old .c-detail-visual-main__img {
	width: 335px;
	width: 89.33333vw;
	height: 251px;
	height: 66.93333vw;
}

.c-detail-visual-main__detail {
	padding-top: 14px;
	padding-top: 3.73333vw;
}

.c-detail-visual-main__data {
	padding-top: 14px;
	padding-top: 3.73333vw;
	padding-bottom: 14px;
	padding-bottom: 3.73333vw;
	margin-bottom: 28px;
	margin-bottom: 7.46667vw;
	border-bottom: 1px dashed #e4002b;
}

.c-detail-visual-main__txt {
	padding-top: 16px;
	line-height: 2;
	line-height: 1.7;
}

.c-detail-visual-main__fav-btn {
  width: 72.246%;
  height: 14.009661835748792vw;
  background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  border: solid 1px #FF8710;
  font-size: 4.872463768115942vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 26px;
  margin-bottom: 6.280193236714976vw;
  padding-left: 0;
}
.c-detail-visual-main__fav-btn-mark {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 4.589371980676329vw;
  height: 0.72463768115942vw;
  right: 4.830917874396135vw;
}
.c-detail-visual-main__fav-btn.is-active {
  background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  color: #fff;
}
.c-detail-visual-main__fav-btn:hover {
  background-color: #fff;
}
  .c-detail-visual-main__fav-btn.is-active:hover {
    background-color: #FF8710;
  }
.c-detail-visual-main__fav-btn:active {
  background-color: #FF8710;
  animation: c-detail-visual-main__fav-btn-anim01 0.3s 1 ease-out;
}
.c-detail-visual-main__fav-btn.is-active:active {
  background-color: #FF8710;
  animation: c-detail-visual-main__fav-btn-anim02 0.3s 1 ease-out;
}
@keyframes c-detail-visual-main__fav-btn-anim01 {
  0% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  }
  50% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 4.347826086956522vw / 8.21256038647343vw auto;
  }
  100% {
    background: #fff url("/assets/img/common/ico_fav-02.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  }
}
@keyframes c-detail-visual-main__fav-btn-anim02 {
  0% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  }
  50% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 4.347826086956522vw / 8.21256038647343vw auto;
  }
  100% {
    background: #FF8710 url("/assets/img/common/ico_fav-01.svg") no-repeat center left 5.072463768115942vw / 6.763285024154589vw auto;
  }
}
.c-detail-visual-main__fav {
  position: static;
}
.c-detail-visual-main__fav-cloud {
  position: fixed;
  width: 50%;
  height: 15.733333333333333vw;
  border-radius: 2.133333333333333vw;
  background: #fff url("/assets/img/common/ico_info-01.svg") no-repeat top 3.733333333333333vw left 3.733333333333333vw / 4vw auto;
  font-size: 3.733333333333333vw;
  text-align: center;
  padding: 0;
  display: none;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0.533333333333333vw 1.066666666666667vw 0px rgba(0,0,0,0.2);
  left: 0;
  right: auto;
  margin: 0;
  top: auto;
  bottom: 17.866666666666667vw;
}

.c-detail-visual-main__fav-cloud:before {
  content: none;
}

.c-detail-visual-main__fav-cloud:after {
  content: none;
}


.c-detail-visual-main__list-fav {
  margin-top: -7vw;
}
.c-detail-visual-main__list-fav-btn {
  margin: 0;
  padding-top: 5vw;
}
.c-detail-visual-main__list-fav-btn-inner {
  width: 100%;
  height: 5.555555555555556vw;
  background: #FF8710;
  font-size: 3.140096618357488vw;
}
.c-detail-visual-main__list-fav-btn-inner::before {
  width: 4.106280193236715vw;
  height: 3.623188405797101vw;
  background: url("/assets/img/common/ico_fav-01.svg") no-repeat center center / 100% auto;
  left: 2.173913043478261vw;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-inner::before {
  background: url("/assets/img/common/ico_fav-02.svg") no-repeat center center / 100% auto;
}
.c-detail-visual-main__list-fav-btn-mark {
  width: 2.415458937198068vw;
  height: 0.483091787439614vw;
  right: 2.415458937198068vw;
}
.c-detail-visual-main__list-fav-btn.is-active .c-detail-visual-main__list-fav-btn-inner  {
  background: #fff;
  padding-left: 5vw;
}
.c-detail-visual-main__list-fav-btn:active .c-detail-visual-main__list-fav-btn-inner::before {
  background-color: #FF8710;
  animation: c-detail-visual-main__list-fav-btn-anim01_sp 0.3s 1 ease-out;
}
.c-detail-visual-main__list-fav-btn.is-active:active .c-detail-visual-main__list-fav-btn-inner::before {
  background-color: #fff;
  animation: c-detail-visual-main__list-fav-btn-anim01_sp 0.3s 1 ease-out;
}
@keyframes c-detail-visual-main__list-fav-btn-anim01_sp {
  0% {
    width: 4.106280193236715vw;
    height: 3.623188405797101vw;
  }
  50% {
    width: 5.106280193236715vw;
    height: 4.623188405797101vw;
  }
  100% {
    width: 4.106280193236715vw;
    height: 3.623188405797101vw;
  }
}

.c-detail-visual-list {
	border-top: 1px dashed #e4002b;
	text-align: center;
	padding: 10px 15px 0px 15px;
	padding: 2.66667vw 4vw 0vw 4vw;
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.c-detail-visual-list li {
	margin-right: 10px;
	margin-right: 2.66667vw;
	padding-left: 22px;
	padding-left: 5.86667vw;
	font-size: 12px;
	font-size: 3.2vw;
	text-align: left;
}

.c-detail-visual-list li:nth-child(2) {
	margin-top: 0;
}

.c-detail-visual-list li.r-list-itm01 {
	background-size: auto 15px;
	background-size: auto 4vw;
	background-position: 0px 5px;
	background-position: 0vw 1.33333vw;
}

.c-detail-visual-list li.r-list-itm02 {
	background-size: auto 17px;
	background-size: auto 4.53333vw;
	background-position: 0px 5px;
	background-position: 0vw 1.33333vw;
}

.c-detail-visual-list li.r-list-itm03 {
	background-size: auto 20px;
	background-size: auto 5.33333vw;
	background-position: 2px 1px;
	background-position: 0.53333vw 0.26667vw;
}

.c-detail-visual-list li.r-list-itm04 {
	background-size: auto 35px;
	background-size: auto 9.33333vw;
	background-position: -11px -6px;
	background-position: -2.93333vw -1.6vw;
}

.c-detail-visual-list li {
	margin: 0;
	width: 150px;
	width: 40vw;
	box-sizing: border-box;
}

.c-detail-visual-list .r-caption {
	display: block;
	margin-top: -7.7px;
	line-height: 1.7;
}

.c-detail-visual-list.r-type02 {
	border-top: 0;
}

.c-detail-visual-list.r-type02 .r-hdg {
	width: 85px;
	width: 22.66667vw;
	text-align: left;
}

.c-detail-visual-list.r-type02 .r-txt {
	width: 200px;
	width: 53.33333vw;
	text-align: left;
}

.c-detail-visual-list.r-type03 {
	border-top: 0;
}

.c-detail-visual-list.r-type03 .r-hdg {
	width: 85px;
	width: 22.66667vw;
	text-align: left;
}

.c-detail-visual-list.r-type03 .r-txt {
	width: 200px;
	width: 53.33333vw;
	text-align: left;
}

.c-detail-visual-list.r-type03 + p {
	padding: 0px 15px 0px 15px;
	padding: 0vw 4vw 0vw 4vw;
}

.c-detail-hdg--lv3 {
	font-size: 15px;
	font-size: 4vw;
	margin-bottom: 15px;
	margin-bottom: 4vw;
}

.c-detail-hdg--lv3-center {
	font-size: 15px;
	font-size: 4vw;
	margin-bottom: 15px;
	margin-bottom: 4vw;
	text-align: center;
}

.c-detail-info-flex_itm {
	padding: 22.5px 15px;
	padding: 6vw 4vw;
}

.c-detail-info-cont {
	width: 305px;
	width: 81.33333vw;
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.c-detail-info-cont + .c-detail-hdg--lv3 {
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: 30.2px;
	line-height: 1.7;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 18.2px;
	line-height: 1.7;
}

.c-detail-info-cont .r-clef + .r-narration {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.c-detail-info-cont .r-super {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.c-detail-info-list {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-detail-info-list .c-detail-info-flex_itm {
	padding: 22.5px 15px;
	padding: 6vw 4vw;
}

.c-detail-info-list .c-detail-info-cont {
	width: 305px;
	width: 81.33333vw;
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.c-detail-info-list .c-detail-info-cont + .c-detail-hdg--lv3 {
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: 30.2px;
	line-height: 1.7;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 18.2px;
	line-height: 1.7;
}

.c-detail-info-list .c-detail-info-cont-no-line {
	width: 305px;
	width: 81.33333vw;
}

.c-detail-info-list.r-no-date {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm {
	padding: 22.5px 15px;
	padding: 6vw 4vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order {
	margin-top: 30px;
	margin-top: 8vw;
	padding-bottom: 30px;
	padding-bottom: 8vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order:first-child {
	margin-top: 0;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order {
	font-size: 14px;
	font-size: 3.73333vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	line-height: 1.3;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-recipe-hdg--order .r-num {
	font-size: 17.5px;
	font-size: 4.66667vw;
	top: -2.5px;
	top: -0.66667vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img {
	margin-top: 17.5px;
	margin-top: 4.66667vw;
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img img {
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-img figcaption {
	font-size: 13px;
	font-size: 3.46667vw;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-box {
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3 .r-box p {
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3.r-sp-col2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3.r-sp-col2 .r-img,
.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col3.r-sp-col2 .r-box {
	width: 141px;
	width: 37.6vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img {
	margin-top: 17.5px;
	margin-top: 4.66667vw;
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img img {
	width: 100%;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-img figure {
	margin-top: 17.5px;
	margin-top: 4.66667vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box {
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-a {
	width: 180px;
	width: 48vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-hdg--lv3--point-b {
	width: 180px;
	width: 48vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: 20.9px;
	line-height: 1.7;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2.r-type02 .r-box:first-child {
	margin-top: 0px;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub {
	padding: 12.5px;
	padding: 3.33333vw;
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-recipe-hdg--sub {
	font-size: 14px;
	font-size: 3.73333vw;
	margin-bottom: 7.5px;
	margin-bottom: 2vw;
	padding-bottom: 7.5px;
	padding-bottom: 2vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: 20.9px;
	line-height: 1.7;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-note {
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment {
	padding: 12.5px 17.5px;
	padding: 3.33333vw 4.66667vw;
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-comment .r-txt {
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.5;
}

.c-detail-info-list.r-basic .c-detail-info-flex_itm {
	padding: 22.5px 15px;
	padding: 6vw 4vw;
}

.c-detail-info-list .r-itm {
	font-size: 13px;
	font-size: 3.46667vw;
	margin-bottom: 9px;
	margin-bottom: 2.4vw;
}

.c-detail-info-list .r-itm-hdg {
	width: 225px;
	width: 60vw;
}

.c-detail-info-list .p-recipe-tbl {
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-detail-info-list .p-recipe-tbl tr {
	height: 50px;
	height: 13.33333vw;
}

.c-detail-info-list .p-recipe-tbl th {
	width: 240px;
	width: 64vw;
}

.c-detail-info-list .p-recipe-tbl .c-detail-data {
	width: 80px;
	width: 21.33333vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
}

.c-detail-info-list .p-recipe-tbl .c-detail-sub {
	width: 70px;
	width: 18.66667vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
}

.c-detail-info-list .p-recipe-tbl .c-detail-note {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-detail-info-list .p-recipe-number {
	height: 15px;
	height: 4vw;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-accordion .r-acc-inner[aria-hidden="false"] {
	padding-bottom: 30px;
	padding-bottom: 8vw;
	padding-right: 8px;
	padding-right: 2.13333vw;
	padding-left: 8px;
	padding-left: 2.13333vw;
}

.c-accordion .r-acc-inner.r-simple-large {
	padding-left: 0;
	padding-right: 0;
}

.c-accordion .r-acc-inner--sp[aria-hidden="false"] {
	padding-top: 1px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-bottom: 30px;
	padding-bottom: 8vw;
	padding-right: 8px;
	padding-right: 2.13333vw;
	padding-left: 8px;
	padding-left: 2.13333vw;
}

.c-accordion .r-tag-scroll--sp {
  border: solid 1px #ddd;
  padding: 7px 40px 13px 13px !important;
  padding: 1.866666666666667vw 10.666666666666667vw 3.466666666666667vw 3.466666666666667vw !important;
  max-height: 145px;
  max-height: 39.166666666666667vw;
  overflow-y: hidden;
}
@media (prefers-color-scheme: dark) {
  .c-accordion .r-tag-scroll--sp {
    border: solid 1px #ddd;
    background-color: #f9f9f9;
  }
}

.c-accordion > .r-itm {
	margin-bottom: 2px;
	margin-bottom: 0.53333vw;
}

.c-accordion .r-acc-hdg {
	min-height: 50px;
	min-height: 13.33333vw;
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 10px 40px 10px 60px;
	padding: 2.66667vw 10.66667vw 2.66667vw 16vw;
}

.c-accordion .r-acc-hdg--pc {
	display: none;
}

.c-accordion .r-acc-hdg--sp {
	position: relative;
	cursor: pointer;
	background-color: #f2f2f2;
	min-height: 50px;
	min-height: 13.33333vw;
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 10px 40px 10px 60px;
	padding: 2.66667vw 10.66667vw 2.66667vw 16vw;
}

.c-accordion .r-acc-hdg--sp.r-simple {
	font-weight: bold;
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 10px 40px 10px 10px;
	padding: 2.66667vw 10.66667vw 2.66667vw 2.66667vw;
}

.c-accordion .r-acc-hdg.r-question:before {
	width: 35px;
	width: 9.33333vw;
	height: 35px;
	height: 9.33333vw;
	line-height: 35px;
	line-height: 9.33333vw;
	border-radius: 100%;
	top: 8px;
	top: 2.13333vw;
	left: 10px;
	left: 2.66667vw;
}

.c-accordion .r-acc-hdg.r-question:after {
	left: 27px;
	left: 7.2vw;
	top: 50px;
	top: 13.33333vw;
}

.c-accordion .r-acc-hdg.r-simple {
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 10px 40px 10px 10px;
	padding: 2.66667vw 10.66667vw 2.66667vw 2.66667vw;
}

.c-accordion .r-acc-hdg.r-simple-large {
	font-size: 14px;
	font-size: 3.73333vw;
	padding-left: 16px;
	padding-left: 4.26667vw;
	line-height: 1.7;
}

.c-accordion .r-acc-hdg.r-opinion {
	padding: 17px 35px 17px 10px;
	padding: 4.53333vw 9.33333vw 4.53333vw 2.66667vw;
	background-position: 125px center;
	background-position: 33.33333vw center;
	background-size: 17px auto;
	background-size: 4.53333vw auto;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-accordion .r-acc-hdg.r-opinion .r-img {
	width: 110px;
	width: 29.33333vw;
	height: 70px;
	height: 18.66667vw;
	margin-right: 30px;
	margin-right: 8vw;
}

.c-accordion .r-acc-hdg.r-opinion .r-txt {
	width: 185px;
	width: 49.33333vw;
}

.c-accordion .r-acc-hdg.r-has-thumb {
	padding: 10px 30px 10px 10px;
	padding: 2.66667vw 8vw 2.66667vw 2.66667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-img {
	width: 56px;
	width: 14.93333vw;
	height: 56px;
	height: 14.93333vw;
	margin-right: 15px;
	margin-right: 4vw;
	margin-left: 14px;
	margin-left: 3.73333vw;
}

.c-accordion .r-acc-hdg.r-has-thumb .r-txt {
	padding-right: 35px;
	padding-right: 9.33333vw;
}

.c-accordion .r-acc-hdg .r-img img,
.c-accordion .r-acc-hdg--pc .r-img img,
.c-accordion .r-acc-hdg--sp .r-img img {
	max-width: 110px;
	max-width: 29.33333vw;
}

.c-accordion .r-acc-hdg .r-txt,
.c-accordion .r-acc-hdg--pc .r-txt,
.c-accordion .r-acc-hdg--sp .r-txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.c-accordion .r-acc-hdg .r-acc-arrow:before,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:before,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:before {
	right: 16px;
	right: 4.26667vw;
	width: 9px;
	width: 2.4vw;
	height: 1px;
}

.c-accordion .r-acc-hdg .r-acc-arrow:after,
.c-accordion .r-acc-hdg--pc .r-acc-arrow:after,
.c-accordion .r-acc-hdg--sp .r-acc-arrow:after {
	right: 20px;
	right: 5.33333vw;
	width: 1px;
	height: 9px;
	height: 2.4vw;
}

.c-accordion .r-acc-hdg[aria-expanded=true].r-question:after,
.c-accordion .r-acc-hdg--pc[aria-expanded=true].r-question:after,
.c-accordion .r-acc-hdg--sp[aria-expanded=true].r-question:after {
	height: 73%;
	top: 40px;
	top: 10.66667vw;
}

.c-accordion .r-acc-hdg.r-close,
.c-accordion .r-acc-hdg--pc.r-close,
.c-accordion .r-acc-hdg--sp.r-close {
	line-height: 50px;
	line-height: 13.33333vw;
	padding-top: 0px;
	padding-bottom: 0px;
}

.c-accordion .r-acc-hdg.r-close .r-acc-arrow,
.c-accordion .r-acc-hdg--pc.r-close .r-acc-arrow,
.c-accordion .r-acc-hdg--sp.r-close .r-acc-arrow {
	top: 36%;
}

.c-accordion .r-acc-hdg.r-close[aria-expanded=true] .r-acc-arrow,
.c-accordion .r-acc-hdg--pc.r-close[aria-expanded=true] .r-acc-arrow,
.c-accordion .r-acc-hdg--sp.r-close[aria-expanded=true] .r-acc-arrow {
	top: 48%;
}

.c-accordion .r-answer {
	width: 100%;
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 20px 10px 15px 60px;
	padding: 5.33333vw 2.66667vw 4vw 16vw;
}

.c-accordion .r-answer.r-simple {
	font-size: 14px;
	font-size: 3.73333vw;
	padding: 20px 10px 20px 10px;
	padding: 5.33333vw 2.66667vw 5.33333vw 2.66667vw;
}

.c-accordion .r-answer:before {
	width: 35px;
	width: 9.33333vw;
	height: 35px;
	height: 9.33333vw;
	line-height: 35px;
	line-height: 9.33333vw;
	border-radius: 100%;
	top: 10px;
	top: 2.66667vw;
	left: 10px;
	left: 2.66667vw;
}

.c-accordion .r-answer-hdg {
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
}

.c-accordion .r-answer-img img {
	margin-top: 20px;
	margin-top: 5.33333vw;
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
}

.c-accordion .r-answer-note {
	font-size: 12px;
	font-size: 3.2vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-accordion .r-faq .r-answer-txt {
	width: 265px;
	width: 70.66667vw;
	overflow: hidden;
}

.c-accordion .r-faq .r-answer-txt p {
	width: 265px;
	width: 70.66667vw;
}

.c-accordion .r-faq .r-answer-note {
	width: 265px;
	width: 70.66667vw;
	overflow: hidden;
}

.c-accordion .r-faq .r-answer-img {
	width: 265px;
	width: 70.66667vw;
	overflow: hidden;
}

.c-accordion .r-report .r-answer-txt {
	width: 355px;
	width: 94.66667vw;
	overflow: hidden;
}

.c-accordion .r-report .r-answer-txt p {
	width: 355px;
	width: 94.66667vw;
}

.c-tbl:not(.r-type03) tr {
	display: block;
}

.c-tbl__head,
.c-tbl__clonehead,
.c-tbl__data {
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.c-tbl:not(.r-type03) .c-tbl__head,
.c-tbl:not(.r-type03) .c-tbl__clonehead,
.c-tbl:not(.r-type03) .c-tbl__data {
	display: block;
}

.c-tbl__head {
	padding-bottom: 11px;
	padding-top: 11px;
	line-height: 1.53846;
	border-top: 1px solid #ddd;
}

.c-tbl__data {
	padding-bottom: 33px;
	padding-top: 33px;
	line-height: 1.53846;
}

.c-tbl__data + .c-tbl__data,
.c-tbl__data[colspan] {
	border-top: 1px solid #ddd;
}

.c-tbl__clonehead {
	display: block;
	position: absolute;
	width: 87px;
	width: 23.2vw;
	min-height: 100%;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	padding-bottom: 21px;
	padding-top: 21px;
	line-height: 1.53846;
	left: 0;
	top: 0;
}

.is-androidlegacy .c-tbl__clonehead {
	position: relative;
}

.c-tbl__caption {
	padding-bottom: 21.6px;
	padding-top: 21.6px;
	line-height: 1.7;
}

.c-tbl.r-type01 > table {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: auto !important;
}

.c-tbl.r-type01 > table .c-tbl__data[colspan] {
	border-top: none;
}

.c-tbl.r-type02 > table {
	width: 100%;
	border-left: 0;
}

.c-tbl.r-type02 tr {
	display: block;
	margin-bottom: 15px;
	margin-bottom: 4vw;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.c-tbl.r-type02 tr:first-child {
	display: none;
}

.c-tbl.r-type02 .c-tbl__head {
	display: none;
}

.c-tbl.r-type02 .c-tbl__data {
	display: block;
	position: relative;
	padding-left: 97px;
	padding-left: 25.86667vw;
	line-height: 1.55;
	padding-bottom: 21px;
	padding-top: 21px;
	line-height: 1.53846;
}

.is-androidlegacy .c-tbl.r-type02 .c-tbl__data {
	padding: 15px;
}

.c-tbl.r-type02 .c-tbl__data:empty {
	display: none;
}

.c-tbl.r-type03 {
	position: relative;
	overflow-x: scroll;
}

.c-tbl.r-type03 > table {
	width: 100%;
	border-top: 1px solid #ddd;
}

.c-tbl.r-type03 .c-tbl__head,
.c-tbl.r-type03 .c-tbl__data {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.c-tbl.r-type03 .c-tbl__head {
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: 18.9px;
	padding-top: 18.9px;
	line-height: 1.7;
}

.c-tbl.r-type04 > table {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border-bottom: 1px solid #ddd;
}

.c-tbl.r-type04 tbody {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.c-tbl.r-type04 .c-tbl__row {
	display: block;
	width: 50%;
}

.c-tbl.r-type04 .c-tbl__head {
	padding-bottom: 46px;
	padding-top: 46px;
	line-height: 1.28571;
	text-align: center;
}

.c-tbl.r-type04 .c-tbl__data {
	padding-bottom: 46px;
	padding-top: 46px;
	line-height: 1.28571;
}

.c-tbl.r-type-form {
	position: relative;
}

.c-tbl.r-type-form > table {
	width: 100%;
}

.c-tbl.r-type-form .c-tbl__head {
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-tbl.r-type01 > table {
	border-bottom: 1px solid #ddd;
}

.is-fixed--sp.c-tbl.r-type01 > table,
.is-fixed--sp.c-tbl.r-type02 > table,
.is-fixed--sp.c-tbl.r-type03 > table,
.is-fixed--sp.c-tbl.r-type04 > table,
.is-fixed--sp.c-tbl.r-type-form > table {
	table-layout: fixed;
}

.c-form-err__lead {
	padding: 10px 10px 10px 40px;
	padding: 2.66667vw 2.66667vw 2.66667vw 10.66667vw;
	background-position: 5px 11px;
	background-position: 1.33333vw 2.93333vw;
	background-size: 25px;
	background-size: 6.66667vw;
}

.c-form-err__txt {
	padding-left: 35px;
	padding-left: 9.33333vw;
	background-position: left 8px;
	background-position: left 2.13333vw;
	padding-bottom: 20.9px;
	padding-top: 20.9px;
	line-height: 1.7;
	background-size: 25px;
	background-size: 6.66667vw;
}

.c-form-textbox input {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-top: 22px;
	line-height: 1.5;
}

.c-form-textbox input:focus {
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.5;
}

.c-form-heading {
	font-size: 15px;
	font-size: 4vw;
	margin-bottom: 16px;
	margin-bottom: 4.26667vw;
}

.c-form-textbox .r-pass {
	margin-top: 10px;
	margin-top: 2.66667vw;
	display: block;
}

.c-form-textbox .r-label {
	display: block;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-form-textbox .r-label + input + .r-label {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-form-textbox + .r-text {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-form-textbox input[type="text"]::-webkit-input-placeholder,
.c-form-textbox input[type="email"]::-webkit-input-placeholder,
.c-form-textbox input[type="tel"]::-webkit-input-placeholder {
	padding-top: 4px;
	padding-top: 1.06667vw;
}

.c-form-checkbox__label {
	padding-left: 25px;
	padding-left: 6.66667vw;
}

.c-form-checkbox__label:before {
	width: 19px;
	width: 5.06667vw;
	height: 19px;
	height: 5.06667vw;
	margin: -18px 0px 0px 0px;
	margin: -2.4vw 0vw 0vw 0vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 3px;
	vertical-align: middle;
	top: 50%;
	left: 0px;
	left: 0vw;
}

.c-form-checkbox__label:after {
	width: 7px;
	width: 1.86667vw;
	height: 4px;
	height: 1.06667vw;
	margin: -6px 0px 0px 0px;
	margin: -0.8vw 0vw 0vw 0vw;
	border-left: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	left: 1.33333vw;
	top: 50%;
}

.c-form-select:after {
	border: 1.06667vw solid transparent;
	border-top: 1.6vw solid #333;
	right: 10px;
	right: 2.66667vw;
	top: 23px;
	top: 6.13333vw;
}

.c-form-select select {
	width: 160px;
	width: 42.66667vw;
	padding-left: 5px;
	padding-left: 1.33333vw;
	padding-right: 5px;
	padding-right: 1.33333vw;
	padding-bottom: 26px;
	padding-top: 26px;
	line-height: 1.25;
}

.c-form-select.r-car select {
	width: 75px;
	width: 20vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	margin-left: 10px;
	margin-left: 2.66667vw;
}

.c-form-select.r-time select {
	width: 75px;
	width: 20vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.c-form-select.r-time + .r-time-point {
	padding: 0px 10px;
	padding: 0vw 2.66667vw;
}

.c-form-select.r-time + .r-time-from {
	padding: 0px 10px;
	padding: 0vw 2.66667vw;
}

.c-form-select.r-infants select {
	width: 75px;
	width: 20vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	margin-left: 10px;
	margin-left: 2.66667vw;
}

.c-form-select.r-infants .r-box {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-form-select.r-infants .r-box:first-child {
	margin-top: 0px;
	margin-top: 0vw;
}

.c-form-select.r-infants .r-box:after {
	border: 1.06667vw solid transparent;
	border-top: 1.6vw solid #333;
	right: 10px;
	right: 2.66667vw;
	top: 23px;
	top: 6.13333vw;
}

.c-form-select.r-infants .r-box .r-age {
	display: inline-block;
}

.c-form-select.r-person:after {
	right: 35px;
	right: 9.33333vw;
}

.c-form-select.r-person select {
	width: 75px;
	width: 20vw;
}

.c-form-radio {
	display: block;
	padding-bottom: 16px;
	padding-bottom: 4.26667vw;
	padding-right: 25px;
	padding-right: 6.66667vw;
}

.c-form-radio + .c-form-radio {
	padding-bottom: 0;
}

.c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
	border-width: 2px;
	left: -1px;
	left: -0.26667vw;
	margin-top: -12px;
	margin-top: -3.2vw;
}

.c-form-radio__label {
	padding-left: 30px;
	padding-left: 8vw;
}

.c-form-radio__label:before {
	overflow: hidden;
	width: 20px;
	width: 5.33333vw;
	height: 20px;
	height: 5.33333vw;
	margin-top: -11px;
	margin-top: -2.93333vw;
	border-radius: 100%;
	left: 0;
	border: 1px solid #aaa;
}

.c-form-radio__label:after {
	overflow: hidden;
	width: 14px;
	width: 3.73333vw;
	height: 14px;
	height: 3.73333vw;
	margin-top: -7px;
	margin-top: -1.86667vw;
	border-radius: 100%;
	left: 4px;
	left: 1.06667vw;
}

.is-err .c-form-radio__label {
	margin-left: 5px;
	margin-left: 1.33333vw;
}

.c-form-radio.r-traffic {
	padding-top: 10px;
	padding-top: 2.66667vw;
}

.c-form-radio.r-traffic label {
	margin-bottom: 5px;
	margin-bottom: 1.33333vw;
}

.c-form-textarea textarea {
	width: 100%;
	height: 100px;
	height: 26.66667vw;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-top: 22px;
	line-height: 1.5;
}

.c-form-textarea textarea:focus {
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.5;
}

.c-form__icn--require {
	margin-right: 5px;
	margin-right: 1.33333vw;
	margin-left: 10px;
	margin-left: 2.66667vw;
	padding-right: 15px;
	padding-right: 4vw;
	padding-left: 15px;
	padding-left: 4vw;
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 22px;
	line-height: 5.86667vw;
}

.c-form__icn--optional {
	margin-right: 5px;
	margin-right: 1.33333vw;
	padding-right: 15px;
	padding-right: 4vw;
	padding-left: 15px;
	padding-left: 4vw;
	margin-left: 10px;
	margin-left: 2.66667vw;
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 22px;
	line-height: 5.86667vw;
}

.c-form-notice {
	margin-top: 17px;
	margin-top: 4.53333vw;
}

.c-form-notice__box {
	padding-top: 20px;
	padding-top: 5.33333vw;
	padding-bottom: 22.5px;
	padding-bottom: 6vw;
	padding-left: 15px;
	padding-left: 4vw;
	padding-right: 15px;
	padding-right: 4vw;
	max-height: 250px;
	max-height: 66.66667vw;
}

.c-form-notice__box .r-txt {
	line-height: 1.5;
	margin-top: 15px;
	margin-top: 4vw;
}

.c-form-notice__box .r-tel-num {
	text-align: center;
	line-height: 1.5;
	margin-top: 15px;
	margin-top: 4vw;
	font-size: 20px;
	font-size: 5.33333vw;
	padding-left: 30px;
	padding-left: 8vw;
}

.c-form-notice__box .r-tel-num:before {
	width: 21.5px;
	width: 5.73333vw;
	height: 20.5px;
	height: 5.46667vw;
	left: 40px;
	left: 10.66667vw;
	background-size: 21.5px 20.5px;
	background-size: 5.73333vw 5.46667vw;
}

.c-form-notice__box .r-tel-hours {
	text-align: center;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-form-notice__grid {
	padding-top: 20px;
	padding-top: 5.33333vw;
	padding-bottom: 22.5px;
	padding-bottom: 6vw;
	padding-left: 15px;
	padding-left: 4vw;
	padding-right: 15px;
	padding-right: 4vw;
}

.c-form-notice__grid__pict {
	width: 85px;
	width: 22.66667vw;
}

.c-form-notice__grid__pict__box {
	width: 60px;
	width: 16vw;
}

.c-form-notice__grid__pict__txt {
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.5;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-form-notice__grid__detail {
	width: 208px;
	width: 55.46667vw;
	padding-left: 12px;
	padding-left: 3.2vw;
}

.c-form-notice__grid__detail__txt {
	font-size: 14px;
	font-size: 3.73333vw;
	line-height: 1.7;
}

.c-form-notice__grid__tel {
	clear: left;
	padding-top: 10px;
	padding-top: 2.66667vw;
	max-width: 275px;
	max-width: 73.33333vw;
	margin-left: auto;
	margin-right: auto;
}

.c-form-notice__grid__tel__num {
	text-align: center;
	line-height: 1.5;
	font-size: 20px;
	font-size: 5.33333vw;
	padding-left: 30px;
	padding-left: 8vw;
}

.c-form-notice__grid__tel__num:before {
	width: 21.5px;
	width: 5.73333vw;
	height: 20.5px;
	height: 5.46667vw;
	left: 40px;
	left: 10.66667vw;
	background-size: 21.5px 20.5px;
	background-size: 5.73333vw 5.46667vw;
}

.c-form-notice__grid__tel__hours {
	text-align: center;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-form-notice__agree {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
}

.c-form-notice__agree__checkbox + label {
	padding-left: 31.5px;
	padding-left: 8.4vw;
}

.c-form-notice__agree__checkbox + label:before {
	width: 20px;
	width: 5.33333vw;
	height: 20px;
	height: 5.33333vw;
	border-radius: 2.5px;
	border-radius: 0.66667vw;
}

.c-form-notice__agree__checkbox:checked + label:after {
	top: 1px;
	top: 0.26667vw;
	left: 6px;
	left: 1.6vw;
	width: 4.5px;
	width: 1.2vw;
	height: 9px;
	height: 2.4vw;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #333;
	border-right: 3px solid #333;
}

.c-form-customer-txt {
	padding-left: 17.5px;
	padding-left: 4.66667vw;
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.c-icn__tour {
	padding-left: 6px;
	padding-left: 1.6vw;
	padding-right: 6px;
	padding-right: 1.6vw;
	font-size: 10px;
	font-size: 2.66667vw;
	border-radius: 15px;
	border-radius: 4vw;
	line-height: 15px;
	line-height: 4vw;
}

.c-badges {
	min-height: 18px;
	min-height: 4.8vw;
}

.c-badges .r-badge {
	min-width: 75px;
	min-width: 20vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 2;
}

.c-search {
	width: 100%;
}

.c-search input[type="search"],
.c-search input[type="text"],
.c-search input[type="submit"] {
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-search input[type="search"],
.c-search input[type="text"] {
	width: 100%;
	height: 35px;
	height: 9.33333vw;
	padding-left: 15px;
	padding-left: 4vw;
	padding-right: 50px;
	padding-right: 13.33333vw;
	border-radius: 30px;
	line-height: 1;
}

.c-search input[type="search"]::-webkit-input-placeholder,
.c-search input[type="text"]::-webkit-input-placeholder {
	padding-top: 2.5px;
	padding-top: 0.66667vw;
}

.c-search input[type="search"]:-moz-placeholder,
.c-search input[type="search"]::-moz-placeholder,
.c-search input[type="text"]:-moz-placeholder,
.c-search input[type="text"]::-moz-placeholder {
	line-height: 35px;
	line-height: 9.33333vw;
}

.c-search button {
	width: 40px;
	/*width: 10.66667vw;*/
	width: 29.66667vw;
	height: 35px;
	height: 9.33333vw;
	border-radius: 0 30px 30px 0;
	/*color: rgba(255, 255, 255, 0);*/
	padding: 0;
	text-align: left;
	font-size: 3.4vw;
	padding: .5vw 0 0 3vw;
}

.c-search button:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 40px;
	width: 10.66667vw;
	height: 35px;
	height: 9.33333vw;
	right: 0px;
	right: 0vw;
	top: 0px;
	top: 0vw;
	background-size: 15px 15px;
	background-size: 4vw 4vw;
	background-position: center;
}

.c-search.r-longsentence {
	font-size: 12px;
	font-size: 3.2vw;
}

.c-search.r-longsentence--sp input[type="search"],
.c-search.r-longsentence--sp input[type="text"] {
	font-size: 12px;
	font-size: 3.2vw;
}

.c-horizontalrule.r-innersp {
	margin-right: 20px;
	margin-right: 5.33333vw;
	margin-left: 20px;
	margin-left: 5.33333vw;
}

._mov_box h2 {
	margin-bottom: 50.5px;
	line-height: 1.5;
}

.c-jstream,
._mov_inner {
	width: 335px;
	width: 89.33333vw;
	height: 190px;
	height: 50.66667vw;
	margin-left: 20px;
	margin-left: 5.33333vw;
	margin-right: 20px;
	margin-right: 5.33333vw;
}

.c-jstream.r-modal,
._mov_inner.r-modal {
	width: 335px;
	width: 89.33333vw;
	height: 190px;
	height: 50.66667vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	margin-left: 0;
	margin-right: 0;
}

.c-jstream.r-type-prouse,
._mov_inner.r-type-prouse {
	margin-left: 0px;
	margin-left: 0vw;
	margin-right: 0px;
	margin-right: 0vw;
}

.c-jstream.r-inner,
._mov_inner.r-inner {
	width: 100%;
	height: 0;
	padding-top: 56.4%;
	margin-left: 0px;
	margin-left: 0vw;
	margin-right: 0px;
	margin-right: 0vw;
}

.c-jstream.r-inner .jstream-eqPlayer,
._mov_inner.r-inner .jstream-eqPlayer {
	top: 0;
}

.c-sec-maxinner ._mov_inner {
	margin-left: 0;
	margin-right: 0;
}

.c-movie-image:after {
	background-size: 31px auto;
	background-size: 8.26667vw auto;
}

.c-movie-image02:after {
	background-size: 55px auto;
	background-size: 14.66667vw auto;
}

.c-sendmail {
	width: 335px;
	width: 89.33333vw;
	padding: 30px 20px;
	padding: 8vw 5.33333vw;
}

.c-sendmail-hdg--lv2 {
	text-align: left;
}

.c-sendmail-txt {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.c-sendmail-qrarea {
	margin-top: 15px;
	margin-top: 4vw;
	padding: 15px 20px;
	padding: 4vw 5.33333vw;
}

.c-sendmail-qrarea__img {
	width: 95px;
	width: 25.33333vw;
	margin-right: 5px;
	margin-right: 1.33333vw;
}

.c-sendmail-qrarea__hdg {
	margin-top: -9.8px;
	line-height: 1.7;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-sendmail-qrarea__detail {
	width: 100%;
	margin-top: 8px;
	margin-top: 2.13333vw;
}

.c-sendmail-qrarea__txt {
	font-size: 11px;
	font-size: 2.93333vw;
	margin-top: 8px;
	margin-top: 2.13333vw;
}

.c-sendmail-qrarea__note {
	font-size: 12px;
	font-size: 3.2vw;
	line-height: 1.7;
}

.c-sendmail-input {
	margin-top: 15px;
	margin-top: 4vw;
	padding: 15px 20px;
	padding: 4vw 5.33333vw;
}

.c-sendmail .is-sending [data-role="submit-btn"] {
	border-radius: 20px;
	border-radius: 5.33333vw;
}

.c-sendmail-err[aria-hidden="false"] {
	padding: 20px;
	padding: 5.33333vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.c-sendmail-comp[aria-hidden="false"] {
	margin-top: 30px;
	margin-top: 8vw;
	margin-bottom: 30px;
	margin-bottom: 8vw;
}

.c-news-list-wrap.r-col2 .c-news-list:nth-child(n+1) {
	margin-top: 50px;
	margin-top: 13.33333vw;
}

.c-news-list .r-hdg-group .r-hdg-link {
	margin-left: 15px;
	margin-left: 4vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-news-list .r-hdg-group + .r-itms {
	margin-top: 50.2px;
	line-height: 1.7;
}

.c-news-list .r-itm > a[target="_blank"] .r-hdg:not(.r-document__pdf):after {
	width: 15px;
	width: 4vw;
	height: 15px;
	height: 4vw;
}

.c-news-list .r-hdg--lv3 {
	margin-top: -13.3px;
	line-height: 1.7;
}

.c-news-list .r-hdg.r-document__pdf {
	padding-left: 27.5px;
	padding-left: 7.33333vw;
}

.c-news-list .r-hdg.r-document__pdf:after {
	top: -0.5px;
	top: -0.13333vw;
	width: 17px;
	width: 4.53333vw;
	height: 17px;
	height: 4.53333vw;
}

.c-news-list .r-notice {
	display: inline-block;
	min-width: 50px;
	min-width: 13.33333vw;
	padding: 0px 10px 0px 10px;
	padding: 0vw 2.66667vw 0vw 2.66667vw;
	margin-right: auto;
	margin-bottom: 4px;
	line-height: 2;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.c-news-list.r-normal .r-itm {
	padding-bottom: 40px;
	padding-top: 40px;
	line-height: 1.71429;
}

.c-news-list.r-normal .r-itm > a {
	padding-left: 15px;
	padding-left: 4vw;
}

.c-news-list.r-normal .r-itm > a:before {
	width: 5px;
	width: 1.33333vw;
	height: 5px;
	height: 1.33333vw;
	top: .6em;
}

.c-news-list.r-normal.r-archive .r-itm {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12.5px;
	padding-top: 3.33333vw;
	padding-bottom: 12.5px;
	padding-bottom: 3.33333vw;
}

.c-news-list.r-normal.r-archive .r-itm > a .r-hdg {
	display: inline;
	padding-left: 9px;
	padding-left: 2.4vw;
}

.c-news-list.r-type02 .r-itm {
	padding-bottom: 22px;
	padding-top: 22px;
	line-height: 1.66667;
}

.c-news-list.r-type02 .r-date {
	display: inline-block;
	min-width: 50px;
	min-width: 13.33333vw;
	padding: 0px 20px 0px 0px;
	padding: 0vw 5.33333vw 0vw 0vw;
	margin-bottom: 4px;
	line-height: 2;
}

.c-news-list.r-type03 .r-itm {
	padding-bottom: 22px;
	padding-top: 22px;
	line-height: 1.66667;
}

.c-news-list.r-type03 .r-date {
	display: inline-block;
	min-width: 50px;
	min-width: 13.33333vw;
	padding: 0px 20px 0px 0px;
	padding: 0vw 5.33333vw 0vw 0vw;
	margin-bottom: 4px;
	line-height: 2;
}

.c-privacyInquiry {
	padding-right: 27px;
	padding-right: 7.2vw;
	padding-left: 27px;
	padding-left: 7.2vw;
	padding-top: 20px;
	padding-top: 5.33333vw;
	padding-bottom: 20px;
	padding-bottom: 5.33333vw;
	border-radius: 4px;
	border-radius: 1.06667vw;
}

.c-privacyInquiry__inner {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-privacyInquiry .r-itm:nth-child(2n - 1) {
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.c-privacyInquiry .r-txt {
	line-height: 1.3;
}

.c-privacyInquiry .r-txt--primary {
	font-size: 24px;
	font-size: 6.4vw;
	line-height: 1.6;
}

.c-privacyInquiry .r-txt--primary.r-tel {
	padding-left: 31.5px;
	padding-left: 8.4vw;
	background-position-y: 8.5px;
	background-position-y: 2.26667vw;
	background-size: 21.5px;
	background-size: 5.73333vw;
}

.c-privacyInquiry .r-txt--primary.r-freedial {
	padding-left: 45px;
	padding-left: 12vw;
	background-size: 40px;
	background-size: 10.66667vw;
}

.c-privacyInquiry .r-txt--notice {
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-privacyInquiry.r-prouse {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-inquiry-compmessage {
	padding-bottom: 47px;
	padding-top: 47px;
	line-height: 1.53846;
}

.c-inquiry-compmessage__emphasis {
	margin-top: 23px;
	margin-top: 6.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
	text-align: center;
}

.c-modal__closebtn {
	position: absolute;
	width: 18px;
	width: 4.8vw;
	height: 18px;
	height: 4.8vw;
	right: 20px;
	right: 5.33333vw;
}

.c-modal__closebtn:before,
.c-modal__closebtn:after {
	width: 20px;
	width: 5.33333vw;
}

.c-modal__section {
	position: absolute;
	top: 50px;
	top: 13.33333vw;
	margin-bottom: 50px;
	margin-bottom: 13.33333vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.c-modal__section.r-fullwidth {
	width: 335px;
	width: 89.33333vw;
}

.c-modal__section.r-fullwidth--sp {
	width: 335px;
	width: 89.33333vw;
}

.c-modal__inner {
	padding: 30px 15px 30px 15px;
	padding: 8vw 4vw 8vw 4vw;
}

.c-modal.is-fixed .c-modal__section {
	width: 335px;
	width: 89.33333vw;
}

.c-modal.r-type02 .c-modal__section[aria-hidden="false"] {
	width: 335px;
	width: 89.33333vw;
}

.c-modal.r-type02 .c-modal__section .r-slider__prevarrow {
	left: 15px;
	left: 4vw;
	bottom: 15px;
	bottom: 4vw;
	top: auto;
}

.c-modal.r-type02 .c-modal__section .r-slider__nextarrow {
	right: 15px;
	right: 4vw;
	bottom: 15px;
	bottom: 4vw;
	top: auto;
}

.c-txt-link {
	padding-left: 11.5px;
	padding-left: 3.06667vw;
}

.c-txt-link:before {
	top: 50%;
	width: 4.5px;
	width: 1.2vw;
	height: 4.5px;
	height: 1.2vw;
	margin-top: -2px;
	margin-top: -0.53333vw;
}

.c-txt-link.r-none-arrow {
	padding-left: 0px;
	padding-left: 0vw;
}

.c-txt-link.r-none-arrow:before {
	display: none;
}

.c-txt-link.r-right {
	padding-right: 11.5px;
	padding-right: 3.06667vw;
}

.c-txt-link.r-left {
	padding-left: 11.5px;
	padding-left: 3.06667vw;
}

.c-txt-link.r-up {
	padding-left: 11.5px;
	padding-left: 3.06667vw;
}

.c-txt-link.is-small {
	padding-left: 10.5px;
	padding-left: 2.8vw;
	font-size: 3.46667vw;
}

.c-txt-link.is-small:before {
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	margin-top: -1.5px;
	margin-top: -0.4vw;
}

.c-txt-link.is-first-margin {
	margin-top: 50.2px;
	line-height: 1.7;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: 50.9px;
	line-height: 1.7;
}

.c-txt-link.is-space {
	margin-top: 20.2px;
	line-height: 1.7;
}

.c-txt-link.is-small.is-space {
	margin-top: 20.9px;
	line-height: 1.7;
}

.c-txt-link.is-space.is-first-margin {
	line-height: 1.7;
	margin-top: 50.2px;
	margin-bottom: -9.8px;
}

.c-txt-link.is-space.is-small.is-first-margin {
	line-height: 1.7;
	margin-top: 50.9px;
	margin-bottom: -9.1px;
}

.c-txt-link.r-document__pdf,
.c-txt-link-icon.r-document__pdf {
	padding-left: 27.5px;
	padding-left: 7.33333vw;
}

.c-txt-link.r-document__pdf:after,
.c-txt-link-icon.r-document__pdf:after {
	top: 2px;
	top: 0.53333vw;
	width: 17px;
	width: 4.53333vw;
	height: 17px;
	height: 4.53333vw;
}

.c-txt-link.is-small.r-document__pdf,
.c-txt-link-icon.is-small.r-document__pdf {
	padding-left: 22.5px;
	padding-left: 6vw;
}

.c-txt-link.is-small.r-document__pdf:after,
.c-txt-link-icon.is-small.r-document__pdf:after {
	top: 3px;
	top: 0.8vw;
	width: 16px;
	width: 4.26667vw;
	height: 16px;
	height: 4.26667vw;
}

.c-txt-link.r-document__excel:after,
.c-txt-link-icon.r-document__excel:after {
	top: 0.5px;
	top: 0.13333vw;
	width: 9.5px;
	width: 2.53333vw;
	height: 11.5px;
	height: 3.06667vw;
	margin-left: 4px;
	margin-left: 1.06667vw;
}

.c-txt-link.is-small.r-document__excel:after,
.c-txt-link-icon.is-small.r-document__excel:after {
	width: 9px;
	width: 2.4vw;
	height: 11px;
	height: 2.93333vw;
	margin-left: 4px;
	margin-left: 1.06667vw;
}

.c-txt-link--inline.r-blank {
	margin-right: 3px;
	margin-right: 0.8vw;
}

.c-sec__content + .c-txt-link {
	margin-top: 30px;
	margin-top: 8vw;
}

.c-note {
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-sec__content + .c-note {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-top-section {
	margin-top: 45px;
	margin-top: 12vw;
}

.c-horizontalrule + .p-top-section {
	margin-top: 45px;
	margin-top: 12vw;
}

.c-hdg--lv2 + .p-top-section {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-top-section__block {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-top-topics {
	margin-top: -1px;
	margin-top: -0.26667vw;
	line-height: 1.7;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-top-topics__ttl {
	width: 19%;
	padding-top: 12px;
	padding-top: 3.2vw;
	padding-bottom: 12px;
	padding-bottom: 3.2vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.p-top-topics__topic {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 81%;
	padding-top: 12px;
	padding-top: 3.2vw;
	padding-right: 10px;
	padding-right: 2.66667vw;
	padding-bottom: 12px;
	padding-bottom: 3.2vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
}

.p-top-topics__topic__txt + .p-top-topics__topic__txt {
	width: 100%;
	padding-top: 6px;
	padding-top: 1.6vw;
}

.p-top-ingredient-basic {
	margin-top: 10px;
	margin-top: 2.66667vw;
	margin-bottom: -40px;
	margin-bottom: -10.66667vw;
}

.p-top-ingredient-basic .r-bnr img {
	width: 100%;
}

.p-top-products__itms {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.p-top-products__listitm .r-img {
	width: 162px;
	width: 43.2vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
	text-align: center;
}

.p-top-products__listitm .r-img > img {
	width: 155px;
	width: 41.33333vw;
}

.p-top-products__listitm .r-hdg {
	padding-top: 100px;
	padding-top: 26.66667vw;
	width: 155px;
	width: 41.33333vw;
	height: 155px;
	height: 41.33333vw;
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.4;
}

.p-top-products__btn {
	width: 250px;
	width: 66.66667vw;
	margin: 0 auto;
}

.p-top-emergency {
	margin-right: 20px;
	margin-right: 5.33333vw;
	margin-left: 20px;
	margin-left: 5.33333vw;
}

.p-top-emergency__list {
	margin-top: 35px;
	margin-top: 9.33333vw;
}

.p-top-emergency .r-itm {
	padding-bottom: 40px;
	padding-top: 40px;
	line-height: 1.71429;
}

.p-top-emergency .r-itm > a {
	padding-left: 15px;
	padding-left: 4vw;
}

.p-top-emergency .r-itm > a:before {
	width: 5px;
	width: 1.33333vw;
	height: 5px;
	height: 1.33333vw;
}

.p-top-news__btn,
.p-top-card-list__btn {
	width: 250px;
	width: 66.66667vw;
	margin: 40px auto 0px auto;
	margin: 10.66667vw auto 0vw auto;
}

.p-top-recipe .c-recipe-calendar-list__itms .r-itm:first-child {
	margin-top: 0;
}

.p-prod-cat-list__lead {
	width: 335px;
	width: 89.33333vw;
	margin-top: 25px;
	margin-top: 6.66667vw;
	margin-bottom: 50px;
	margin-bottom: 13.33333vw;
}

.p-prod-cat-list__lead .r-paragraph {
	font-size: 14px;
	font-size: 3.73333vw;
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
}

.p-prod-cat-list__itms {
	margin: 0px -20px 0px -20px;
	margin: 0vw -2.66667vw 0vw -2.66667vw;
}

.p-prod-cat-list .r-itm {
	width: 171px;
	width: 45.6vw;
	padding: 0px 15px 0px 15px;
	padding: 0vw 4vw 0vw 4vw;
}

.p-prod-cat-list .r-itm:nth-child(2n) {
	border-right: 0;
}

.p-prod-cat-list .r-itm:nth-child(n+3) {
	margin-top: 50px;
	margin-top: 13.33333vw;
}

.p-prod-cat-list .r-itm .r-hdg {
	line-height: 1.6;
}

.p-prod-cat-list .r-itm .r-img {
	text-align: center;
	height: 150px;
	height: 40vw;
	padding-top: 15px;
	padding-top: 4vw;
	padding-bottom: 15px;
	padding-bottom: 4vw;
}

.p-prod-cat-list .r-itm .r-img img {
	height: 100%;
}

.p-prod-cat-list .r-itm .r-recipe {
	margin-top: 18px;
	margin-top: 4.8vw;
}

.p-prod-cat-list .r-itm .r-subhdg {
	font-size: 13px;
	font-size: 3.46667vw;
}

.r-category-txt {
	text-align: center;
}

.p-prod-grp-tab__itms {
	padding: 25px 20px 25px 20px;
	padding: 6.66667vw 5.33333vw 6.66667vw 5.33333vw;
}

.p-prod-grp-tab .r-itm {
	display: block;
	position: relative;
	background-color: #fff;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.p-prod-grp-tab .r-itm:first-child {
	margin-top: 0;
}

.p-prod-grp-tab .r-itm > a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 40px;
	min-height: 10.66667vw;
	padding: 8px 0px 3px 50px;
	padding: 2.13333vw 0vw 0.8vw 13.33333vw;
	vertical-align: bottom;
}

.p-prod-grp-tab .r-hdg {
	line-height: 1.6;
}

.p-prod-grp-tab .r-img {
	width: 40px;
	width: 10.66667vw;
	height: 45px;
	height: 12vw;
}

.p-prod-grp-tab .r-img img {
	max-height: 100%;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.r-img-type2 {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 50px;
	width: 13.33333vw;
	height: 40px;
	height: 10.66667vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.p-prod-info-main__img {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
}

.p-prod-info-main__img img {
	max-height: 260px;
	max-height: 69.33333vw;
}

.p-prod-info-main__description {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-prod-info-main__data {
	padding-top: 16px;
	line-height: 2;
}

.p-prod-info-main__data + .p-prod-info-main__data {
	padding-top: 0;
}

.p-prod-info-main__data .r-itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 330px;
	width: 88vw;
	padding-top: 20.2px;
	line-height: 1.7;
}

.p-prod-info-main__data .r-itm.r-fullwidth {
	width: 330px;
	width: 88vw;
}

.p-prod-info-main__data .r-hdg {
	display: block;
}

.p-prod-info-main__data .r-txt {
	display: block;
}

.p-prod-info-main__btn.r-type02 {
	width: 250px;
	width: 66.66667vw;
}

.p-prod-additional {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-prod-additional__movie img {
	width: 100%;
}

.p-prod-additional__thumbnail {
	width: 188px;
	width: 50.13333vw;
}

.p-prod-info-list__block {
	margin-top: 20px;
	margin-top: 5.33333vw;
	padding: 25px 15px 25px 15px;
	padding: 6.66667vw 4vw 6.66667vw 4vw;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: 16px;
	line-height: 2;
	margin-top: -14px;
	line-height: 2;
}

.p-prod-info-list__block > .r-hdg + .r-detail {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-prod-info-list__block .r-sup {
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.7;
}

.p-prod-info-list__block .r-note {
	margin-top: 15px;
	margin-top: 4vw;
	font-size: 13px;
	font-size: 3.46667vw;
	line-height: 1.7;
}

.p-prod-info-list__lyt {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-prod-info-list__list {
	margin-top: 16px;
	line-height: 2;
}

.p-prod-info-list__list .r-list-data:before {
	width: 10px;
	width: 2.66667vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.p-prod-info-list__list.r-type02 > .r-itm {
	display: block;
	margin-top: 26px;
	line-height: 2;
}

.p-prod-info-list__note {
	margin-top: 12px;
	line-height: 2;
}

.p-prod-info-sns {
	margin-top: 26px;
	line-height: 2;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-prod-info-sns .r-itm {
	margin-left: 10px;
	margin-left: 2.66667vw;
}

.p-prod-info-sns .r-itm img {
	width: 100%;
}

.p-prod-column {
	padding: 15px 15px 15px 15px;
	padding: 4vw 4vw 4vw 4vw;
}

.p-prod-print > a {
	top: -10px;
	top: -2.66667vw;
	right: 20px;
	right: 5.33333vw;
	width: 35px;
	width: 9.33333vw;
	height: 35px;
	height: 9.33333vw;
	display: block;
}

.p-info-hdg {
	font-size: 13.5px;
	font-size: 3.6vw;
	margin-bottom: 15px;
	margin-bottom: 4vw;
}

.p-products-close-hdg {
	margin-top: 22.5px;
	margin-top: 6vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.p-products-close-hdg .c-hdg--lv1 {
	padding: 0px;
}

.p-products-close-hdg__lead {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-products-close-list__itms__prod {
	width: 100%;
	margin-top: 30px;
	margin-top: 8vw;
}

.p-products-close-list__itms__prod .r-img {
	width: 162.5px;
	width: 43.33333vw;
	height: 162.5px;
	height: 43.33333vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-products-close-list__itms__prod .r-img figcaption {
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 30px;
	line-height: 8vw;
}

.p-products-close-list__itms__prod .r-img img {
	max-width: 38.4vw;
	max-height: 29.6vw;
	object-fit: contain;
}

.p-products-close-list__itms__prod .r-detail {
	width: 162.5px;
	width: 43.33333vw;
	min-height: 162.5px;
	min-height: 43.33333vw;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: -5.6px;
	line-height: 1.4;
	font-size: 14px;
	font-size: 3.73333vw;
	line-height: 1.4;
	width: 162.5px;
	width: 43.33333vw;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-info {
	margin-top: 5.6px;
	line-height: 1.4;
	line-height: 1.4;
}

.p-products-close-list__itms__prod .r-detail .r-bottom {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-substitute {
	font-size: 11px;
	font-size: 2.93333vw;
	line-height: 24px;
	line-height: 6.4vw;
	padding: 0px 7.5px;
	padding: 0vw 2vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a {
	min-height: 35px;
	min-height: 9.33333vw;
	padding: 7.5px 7.5px;
	padding: 2vw 2vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-img {
	margin-right: 5px;
	margin-right: 1.33333vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-img img {
	max-height: 40px;
	max-height: 10.66667vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt {
	font-size: 11px;
	font-size: 2.93333vw;
	padding-right: 12.5px;
	padding-right: 3.33333vw;
	max-width: 115px;
	max-width: 30.66667vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item a .r-product-txt:after {
	right: 0px;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	margin-top: -3px;
	margin-top: -0.8vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-product .r-product-item .r-noitem {
	padding: 7.5px 10px;
	padding: 2vw 2.66667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a {
	font-size: 13px;
	font-size: 3.46667vw;
	display: block;
	padding-top: 5px;
	padding-top: 1.33333vw;
}

.p-products-close-list__itms__prod .r-detail .r-bottom .r-recipe-link a:after {
	right: 0px;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	margin-top: 0px;
	margin-top: 0vw;
}

.p-products-close-recipe-target {
	padding: 25px 20px;
	padding: 6.66667vw 5.33333vw;
}

.p-products-close-recipe-target .r-hdg {
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-products-close-recipe-target__itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-products-close-recipe-target__itm .r-img {
	width: 131px;
	width: 34.93333vw;
	height: 131px;
	height: 34.93333vw;
	padding: 5px;
	padding: 1.33333vw;
}

.p-products-close-recipe-target__itm .r-detail {
	width: 150px;
	width: 40vw;
}

.p-products-close-recipe-target__itm .r-detail .r-close {
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: 23px;
	line-height: 1.5;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: 9.5px;
	line-height: 1.5;
}

.p-products-close-recipe-anchor__list {
	margin-top: 25px;
	margin-top: 6.66667vw;
	border-top: 1px solid #ddd;
}

.p-products-close-recipe-anchor__list .r-itm a {
	padding: 5px 0px;
	padding: 1.33333vw 0vw;
}

.p-products-close-recipe-anchor__list .r-itm a .r-img {
	width: 50px;
	width: 13.33333vw;
}

.p-products-close-recipe-anchor__list .r-itm a .r-ttl {
	width: 285px;
	width: 76vw;
	padding-left: 10px;
	padding-left: 2.66667vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-products-close-recipe-anchor__list .r-itm a:after {
	width: 5px;
	width: 1.33333vw;
	height: 5px;
	height: 1.33333vw;
	right: 2px;
}

.p-prod-detail-static .p-datail-hdg--lv3 {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-prod-detail-static .p-prod-info.r-list-data:before {
	width: 10px;
	width: 2.66667vw;
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.p-prod-detail-static .p-datail-img_lyt {
	margin-top: 37.5px;
	margin-top: 10vw;
}

.p-prod-detail-static .p-moisture-cont {
	padding: 15px 25px 35px 25px;
	padding: 4vw 6.66667vw 9.33333vw 6.66667vw;
}

.p-prod-detail-static .p-moisture-cont:last-child {
	padding-top: 0;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-border {
	border-top: 1px solid #dddddd;
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note {
	margin-bottom: 15px;
	margin-bottom: 4vw;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-small-note {
	font-size: 11px;
	font-size: 2.93333vw;
	margin-bottom: 12.5px;
	margin-bottom: 3.33333vw;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-graph {
	margin-bottom: 15px;
	margin-bottom: 4vw;
}

.p-prod-detail-static .p-moisture-cont .r-moisture-note-img img {
	width: 160px;
	width: 42.66667vw;
}

.p-prod-detail-static .p-prod-info-main__label {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-prod-detail-static .p-datail-flex .r-detail-flrx_itm.r-bdt-l {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	margin-top: 2.66667vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
}

.p-prod-detail-static .p-datail-flex .detail-flrx_itm {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-prod-detail-static .p-datail-box--border img {
	height: 70px;
	height: 18.66667vw;
	margin: 85px 35px 65px 45px;
	margin: 11.33333vw 4.66667vw 8.66667vw 6vw;
}

.p-prod-detail-static .p-datail-box--border .r-detail {
	width: 212.5px;
	width: 56.66667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-detail-static .p-datail-box--border .r-detail .r-note {
	margin-top: 2.5px;
	margin-top: 0.66667vw;
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm {
	margin-top: 37.5px;
	margin-top: 10vw;
}

.p-prod-detail-static .p-prod-datail-bnr .r-itm__txt {
	font-size: 10px;
	font-size: 2.66667vw;
	text-align: left;
}

.p-prod-detail-static .p-datail-border-moisture_lyt {
	border: 1px solid #dddddd;
}

.p-prod-detail-static .r-prod-info-txt {
	margin-left: 5px;
	margin-left: 1.33333vw;
}

.p-prod-detail-static .r-prod-info-txt02 {
	margin-left: 1em;
}

.p-recipe-print > a {
	display: none;
}

.p-recipe-share {
	display: none;
}

.p-recipe-favorite > a {
	display: none;
}

.p-recipe-recent {
	display: none;
}

.p-recipe-txt {
	width: 100%;
	margin-bottom: 15px;
	margin-bottom: 4vw;
	padding-left: 15px;
	padding-left: 4vw;
}

.p-recipe-txt .r-num {
	font-size: 16px;
	font-size: 4.26667vw;
	top: 3px;
	top: 0.8vw;
}

.p-recipe-img {
	width: 100%;
	margin-bottom: 15px;
	margin-bottom: 4vw;
	padding-left: 15px;
	padding-left: 4vw;
}

.sheip-img {
	width: 27.5px;
	width: 7.33333vw;
	height: 25px;
	height: 6.66667vw;
	padding-bottom: 5px;
	padding-bottom: 1.33333vw;
	padding-right: 5px;
	padding-right: 1.33333vw;
}

.c-detail-use-itm__list .r-product {
	width: 100%;
	min-height: 82px;
	min-height: 21.86667vw;
	padding-bottom: 35.45px;
	padding-top: 35.45px;
	line-height: 1.7;
}

.c-detail-use-itm__list .r-product:first-child {
	padding-top: 0;
}

.c-detail-use-itm__list .r-product .r-product-img {
	min-height: 82px;
	min-height: 21.86667vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-right: 5px;
	padding-right: 1.33333vw;
	min-width: 100px;
	min-width: 26.66667vw;
	text-align: center;
}

.c-detail-use-itm__list .r-product .r-product-img img {
	min-height: 70px;
	min-height: 18.66667vw;
	max-width: 100px;
	max-width: 26.66667vw;
	max-height: 100px;
	max-height: 26.66667vw;
}

.c-detail-use-itm__list .r-product .r-product-txt {
	width: 1000px;
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-left: 8px;
	padding-left: 2.13333vw;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-detail-use-itm__list .r-product .r-product-txt .r-close {
	font-size: 11px;
	font-size: 2.93333vw;
	width: 100px;
	width: 26.66667vw;
	margin-bottom: 3px;
	margin-bottom: 0.8vw;
}

.p-products-new-list {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-products-new-list__category .r-detail {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-products-new-list .r-hdg {
	line-height: 1.73;
	font-size: 15px;
	font-size: 4vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-products-new-list__products {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-products-new-list__products__itm {
	width: 162.5px;
	width: 43.33333vw;
}

.p-products-new-list__products__itm:nth-child(even) {
	margin-left: 10px;
	margin-left: 2.66667vw;
}

.p-products-new-list__products__itm:nth-child(n+3) {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-products-new-list__products__itm .r-img {
	width: 162.5px;
	width: 43.33333vw;
	height: 126px;
	height: 33.6vw;
	padding: 5px 5px;
	padding: 1.33333vw 1.33333vw;
}

.p-products-new-list__products__itm .r-img img {
	max-height: 116px;
	max-height: 30.93333vw;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: 20.2px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual {
	width: 375px;
	width: 100vw;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	position: relative;
	margin-top: 86px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: 26.3px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: 16px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual .r-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 375px;
	width: 100vw;
	padding: 75px 38px 20px 38px;
	padding: 20vw 10.13333vw 5.33333vw 10.13333vw;
}

.p-ing-basicinfo-mainvisual .r-detail {
	display: block;
	width: 375px;
	width: 100vw;
	padding: 0px 38px 20px 38px;
	padding: 0vw 10.13333vw 5.33333vw 10.13333vw;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: 383px;
	line-height: 1.53846;
}

.p-ing-basicinfo-mainvisual--detail {
	width: 265px;
	width: 70.66667vw;
	height: 175px;
	height: 46.66667vw;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	position: relative;
	margin-top: 86px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: 26.3px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: 24px;
	line-height: 1.7;
}

.p-ing-basicinfo-mainvisual--detail .r-img {
	width: 265px;
	width: 70.66667vw;
	right: -100px;
	right: -26.66667vw;
	z-index: -1;
}

.p-ing-basicinfo-mainvisual--detail .r-txt {
	position: relative;
}

.p-ing-column__section {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-ing-column-content .r-column-hdg {
	line-height: 1.45;
	font-size: 19px;
	font-size: 5.06667vw;
	text-align: center;
}

.p-ing-column-content .r-column-hdg + .r-column-detail {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-ing-column-content .r-column-detail + .r-column-detail {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-ing-column-content-img {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-ing-column-media {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.p-ing-column-media .r-column-img {
	margin-top: 20px;
	margin-top: 5.33333vw;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
}

.p-ing-column-media .r-column-img .r-season-bdg {
	font-size: 9px;
	font-size: 2.4vw;
	line-height: 20px;
	line-height: 5.33333vw;
	min-width: 120px;
	min-width: 32vw;
	bottom: -10px;
	bottom: -2.66667vw;
	left: 0px;
	left: 0vw;
	padding: 0px 10px;
	padding: 0vw 2.66667vw;
}

.p-ing-column-media .r-column-hdg {
	line-height: 1.45;
	font-size: 19px;
	font-size: 5.06667vw;
	margin-top: 30px;
	margin-top: 8vw;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	text-align: center;
}

.p-ing-column-media .r-column-detail {
	margin-top: 20px;
	margin-top: 5.33333vw;
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	order: 3;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv4 {
	font-size: 17.5px;
	font-size: 4.66667vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv5 {
	font-size: 14px;
	font-size: 3.73333vw;
	margin-top: 15px;
	margin-top: 4vw;
}

.p-ing-column__section .r-column-detail .r-column-hdg--lv5 + * {
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.p-ing-column__section .r-column-detail .r-column-hdg--pre {
	font-size: 15px;
	font-size: 4vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-ing-column__section .r-column-detail p {
	margin-top: 10px;
	margin-top: 2.66667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-ing-column__section .r-column-detail .r-column-layout-pre .r-img--pre {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-faq dt {
	font-size: 17.5px;
	font-size: 4.66667vw;
	padding-left: 25px;
	padding-left: 6.66667vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-faq dd {
	font-size: 14px;
	font-size: 3.73333vw;
	padding-left: 25px;
	padding-left: 6.66667vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-point dt {
	font-size: 9px;
	font-size: 2.4vw;
	width: 75px;
	width: 20vw;
	line-height: 20px;
	line-height: 5.33333vw;
}

.p-ing-column__section .r-column-detail .r-column-point dd {
	font-size: 14px;
	font-size: 3.73333vw;
	width: 250px;
	width: 66.66667vw;
	line-height: 20px;
	line-height: 5.33333vw;
	margin-top: 15px;
	margin-top: 4vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike th {
	font-size: 14px;
	font-size: 3.73333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike td {
	display: block;
	font-size: 14px;
	font-size: 3.73333vw;
	padding-top: 10px;
	padding-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 tr:first-child th {
	padding-top: 10px;
	padding-top: 2.66667vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 tr:first-child td {
	padding-top: 0px;
	padding-top: 0vw;
}

.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 th,
.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 td {
	display: block;
}

.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 th {
	padding-top: 10px;
	padding-top: 2.66667vw;
	display: block;
}

.p-ing-column__section .r-column-detail .r-column-listlike.r-type02 td {
	padding-top: 0px;
	padding-top: 0vw;
	display: block;
}

.p-ing-column__section .r-column-detail .r-column-flex01 {
	margin-top: 20px;
	margin-top: 5.33333vw;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box {
	width: 154px;
	width: 41.06667vw;
	margin-right: 26px;
	margin-right: 6.93333vw;
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box:nth-child(2n) {
	margin-right: 0px;
	margin-right: 0vw;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box:nth-child(-n+2) {
	margin-top: 0px;
	margin-top: 0vw;
}

.p-ing-column__section .r-column-detail .r-column-flex01 .r-box figure figcaption {
	margin-top: 7.5px;
	margin-top: 2vw;
	font-size: 12.5px;
	font-size: 3.33333vw;
	line-height: 1.5;
}

.p-ing-column__section .r-column-detail.r-column-pre-sake {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-recipes-nav {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 30px auto 20px auto;
	margin: 4vw auto 5.33333vw auto;
	padding: 0px 20px 0px 20px;
	padding: 0vw 5.33333vw 0vw 5.33333vw;
}

.p-recipes-nav__list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	margin: 15px auto 0px auto;
	margin: 4vw auto 0vw auto;
}

.p-recipes-nav__itm {
	text-align: center;
}

.p-recipes-nav__itm > a,
.p-recipes-nav__itm > span {
	padding-bottom: 17.6px;
	padding-top: 17.6px;
	line-height: 1.7;
	padding-bottom: 2.34667vw;
	padding-top: 2.34667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.p-recipes-nav__itm > a:after,
.p-recipes-nav__itm > span:after {
	bottom: 0;
}

.p-recipes-nav__itm:nth-child(1) .p-recipes-nav__itm__text {
	padding-right: 19px;
	padding-right: 5.06667vw;
}

.p-recipes-nav__itm:nth-child(1) {
	width: 110px;
	width: 29.33333vw;
}

.p-recipes-nav__itm:nth-child(2) {
	width: 115.5px;
	width: 30.8vw;
}

.p-recipes-nav__itm:nth-child(3) {
	width: 110px;
	width: 29.33333vw;
}

.p-recipes-nav__search {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
}

.p-recipes-nav__toggle {
	width: 14px;
	width: 3.73333vw;
	height: 14px;
	height: 3.73333vw;
	top: 11px;
	top: 2.93333vw;
}

.p-recipes-nav__toggle:before,
.p-recipes-nav__toggle:after {
	width: 1px;
	height: 14px;
	height: 3.73333vw;
}

.p-recipes-nav--sub {
	margin: 0px auto 0px auto;
	margin: 0vw auto 0vw auto;
}

.p-recipes-nav--sub__inner {
	padding: 0px 20px 0px 20px;
	padding: 0vw 5.33333vw 0vw 5.33333vw;
}

.r-nomg + .p-recipes-nav--sub .p-recipes-nav--sub__inner {
	top: 18px;
	top: 4.8vw;
}

.p-recipes-nav--sub__contents {
	padding: 48.5px 0px 48.5px 0px;
	padding: 12.93333vw 0vw 12.93333vw 0vw;
}

.p-recipes-nav--sub__hdg {
	text-align: center;
	line-height: 1;
	font-size: 19px;
	font-size: 5.06667vw;
	margin: 0px 0px 68px 0px;
	margin: 0vw 0vw 9.06667vw 0vw;
}

.p-recipes-nav--sub__recipes {
	width: 100%;
}

.p-recipes-nav--sub__recipes + .p-recipes-nav--sub__recipes {
	margin: 66px 0px 0px 0px;
	margin: 8.8vw 0vw 0vw 0vw;
	padding: 40px 0px 0px 0px;
	padding: 10.66667vw 0vw 0vw 0vw;
	border-top: 1px solid #ddd;
}

.p-recipes-nav--sub__products {
	width: 100%;
}

.p-recipes-nav--sub .p-recipes-nav--sub__recipes +
.p-recipes-nav--sub__products {
	margin: 66px 0px 0px 0px;
	margin: 8.8vw 0vw 0vw 0vw;
	padding: 40px 0px 0px 0px;
	padding: 10.66667vw 0vw 0vw 0vw;
	border-top: 1px solid #ddd;
}

.p-recipes-nav--sub__recipes-category {
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.p-recipes-nav--sub__recipes-category .p-recipes-nav--sub__itm {
	margin: 0px 0px 35px 0px;
	margin: 0vw 0vw 4.66667vw 0vw;
}

.p-recipes-nav--sub__products-category {
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-recipes-nav--sub__products-category .p-recipes-nav--sub__itm {
	margin: 0px 0px 35px 0px;
	margin: 0vw 0vw 4.66667vw 0vw;
}

.p-recipes-nav--sub__itm {
	position: relative;
	width: 48.50746%;
	padding-left: 7.66667vw;
	display: block;
	box-sizing: border-box;
	line-height: 1.5;
	min-height: 8.93333vw;
}

.p-recipes-nav--sub__itm:nth-of-type(even) {
	margin-left: 2.98507%;
}

.p-recipes-nav--sub__itm[data-role="vegetables"] {
	background-size: 5.46667vw;
}

.p-recipes-nav--sub__itm[data-role="fish_shellfish"] {
	background-size: 6.8vw;
}

.p-recipes-nav--sub__itm[data-role="meat"] {
	background-size: 5.86667vw;
}

.p-recipes-nav--sub__itm[data-role="egg_dairy"] {
	background-size: 5.46667vw;
}

.p-recipes-nav--sub__itm[data-role="rice_breads_noodles"] {
	background-size: 5.06667vw;
}

.p-recipes-nav--sub__itm[data-role="fruits"] {
	background-size: 5.06667vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-1"] {
	background-size: 6vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-2"] {
	background-size: 5.46667vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-3"] {
	background-size: 5.06667vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-4"] {
	background-size: 5.2vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-5"] {
	background-size: 6.26667vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-6"] {
	background-size: 6.26667vw;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-7"] {
	background-size: 5.86667vw auto;
}

.p-recipes-nav--sub__itm[data-role="recipe-genre-8"] {
	background-size: 4.93333vw;
}

.p-recipes-nav--sub__itm[data-product="mayonnaise"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="dressing_salad"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="seasoning"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="pasta_sauce"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="prepared"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="processed"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="bread"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="janef"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="care"] {
	background-size: 4.8vw;
}

.p-recipes-nav--sub__itm[data-product="freshstock"] {
	background-size: 5.8vw;
}

.p-recipes-nav--sub__itm[data-product="plantbasedfood"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="genkinahone"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="dressing"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="salad_topping"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="tartare"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="aemono"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="3cook_soup"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="saladclub"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}

.p-recipes-nav--sub__itm[data-product="egg"] {
	background-size: 6.8vw;
	background-position: left -1vw center;
}


.p-recipes-nav--sub__itm a {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	line-height: 1.5;
	font-size: 13px;
	font-size: 3.46667vw;
	padding: 0px 11.5px 0px 0px;
	padding: 0vw 3.06667vw 0vw 0vw;
}

.p-recipes-nav--sub__closebtn {
	top: 20px;
	top: 5.33333vw;
	right: 20px;
	right: 5.33333vw;
	width: 21.5px;
	width: 5.73333vw;
	height: 21.5px;
	height: 5.73333vw;
}

.p-recipes-nav--sub__closebtn:before,
.p-recipes-nav--sub__closebtn:after {
	width: 1px;
	height: 21.5px;
	height: 5.73333vw;
}


  /* sp_stickey recipe_nav */
  .p-recipes-nav-wrap--sp {
    position: absolute;
    top: 17.06667vw;
    background-color: #fff;
    z-index: 999999999;
    margin: 0 auto;
    width: 100%;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav {
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid 2px #E4002B;
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__btns--sp {
    width: 40.579710144927536vw;
    height: 16.42512077294686vw;
    display: flex;
    justify-content: space-between;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__btn--sp_01 {
    display: block;
    background: #fef6f7 url("/assets/img/common/ico_fav-03.svg") no-repeat center top 3.623188405797101vw / 7.246376811594203vw auto;
    padding-top: 10.594202898550725vw;
    text-align: center;
    font-size: 2.415458937198068vw;
    color: #E4002B;
    letter-spacing: 0;
    font-weight: bold;
    width: 49.5%;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__btn--sp_02 {
    display: block;
    background: #fef6f7 url("/assets/img/common/ico_recent-01.svg") no-repeat center top 3.847826086956522vw / 5.555555555555556vw auto;
    padding-top: 10.594202898550725vw;
    text-align: center;
    font-size: 2.415458937198068vw;
    color: #E4002B;
    letter-spacing: 0;
    font-weight: bold;
    width: 49.5%;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__list {
    display: none;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__search {
    width: 56.381642512077295vw;
    padding-right: 2vw;
    padding-top: 0.5vw;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__search__hdg {
    display: block;
    color: #E4002B;
    font-size: 3.140096618357488vw;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 0.5vw;
  }
  .p-recipes-nav-wrap--sp .c-search.p-recipes-nav__search button {
    width: 13.526570048309179vw;
    text-indent: -9999px;
    height: 9.178743961352657vw;
    line-height: 9.178743961352657vw;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__search form {
    position: relative;
  }
  .p-recipes-nav-wrap--sp .c-search.p-recipes-nav__search button::before {
    right: 2vw;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__search input {
    height: 9.178743961352657vw !important;
    line-height: 9.178743961352657vw;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav__search input::placeholder {
    font-size: 2.657004830917874vw !important;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav--sub__inner {
    height: 97.5748794vh;
    overflow-y: scroll;
    padding-bottom: 42vh;
  }
  .p-recipes-nav-wrap--sp .p-recipes-nav--sub__closebtn {
    top: 21.33333vw;
    position: fixed;
  }



.c-tag-list__itms {
	margin-right: -10px;
	margin-right: -2.66667vw;
}

.c-tag-list .r-itm {
	margin-right: 10px;
	margin-right: 2.66667vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: 7.5px;
	padding-top: 7.5px;
	line-height: 1.5;
	padding-left: 15px;
	padding-left: 4vw;
	padding-right: 15px;
	padding-right: 4vw;
	border-radius: 20px;
}

.c-tag-list.r-recipe-detail-tag {
	max-height: 80px;
	max-height: 21.33333vw;
}

.c-mainvisual-recipe-feature .r-hdg-container {
	min-height: 215px;
	min-height: 57.33333vw;
	padding: 5px 20px 0px 20px;
	padding: 1.33333vw 5.33333vw 0vw 5.33333vw;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: 25.5px;
	line-height: 1.7;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: -16.8px;
	margin-top: -16.8px;
	line-height: 1.7;
}

.c-mainvisual-recipe-feature .r-description {
	padding: 20px 20px 17.5px 0px;
	padding: 5.33333vw 5.33333vw 4.66667vw 0vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: 30.9px;
	line-height: 1.7;
}

.p-recipe-weekly-lead .c-mainvisual-recipe-feature .r-hdg-container {
	min-height: auto !important;
	padding: 0;
}

.p-recipe-feature-datelist-simple {
	margin-top: 35px;
	margin-top: 9.33333vw;
	position: relative;
	padding: 7.5px 19px 7.5px 19px;
	padding: 2vw 5.06667vw 2vw 5.06667vw;
	margin-bottom: 20px;
	margin-bottom: 5.33333vw;
	z-index: 1;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist-simple select {
	width: 100%;
	height: 100%;
}

.p-recipe-feature-datelist-simple .r-selected {
	padding-top: 4px;
	padding-top: 1.06667vw;
	display: block;
	width: 100%;
	background: url("/recipes/cat_assets/img/common/icon-arrow-btm.png") no-repeat 100% 50%;
	background-size: 11px 7px;
	background-size: 2.93333vw 1.86667vw;
	text-align: center;
}

.p-recipe-feature-datelist-simple ul {
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist-simple + .c-hdg--lv2 {
	margin-top: 50px;
	margin-top: 13.33333vw;
}

.p-recipe-feature-datelist {
	margin-top: 35px;
	margin-top: 9.33333vw;
	position: relative;
	padding: 7.5px 19px 7.5px 19px;
	padding: 2vw 5.06667vw 2vw 5.06667vw;
	z-index: 1;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist dt {
	padding-top: 4px;
	padding-top: 1.06667vw;
	border-right: 1px solid #e4002b;
	font-size: 13px;
	font-size: 3.46667vw;
	width: 50%;
	box-sizing: border-box;
	font-weight: bold;
	vertical-align: middle;
}

.p-recipe-feature-datelist .r-details {
	font-size: 13px;
	font-size: 3.46667vw;
	width: 50%;
	font-weight: bold;
	vertical-align: middle;
}

.p-recipe-feature-datelist .r-details select {
	width: 100%;
	height: 100%;
}

.p-recipe-feature-datelist .r-details .r-selected {
	padding-top: 4px;
	padding-top: 1.06667vw;
	display: block;
	width: 100%;
	background: url("/recipes/cat_assets/img/common/icon-arrow-btm.png") no-repeat 100% 50%;
	background-size: 11px 7px;
	background-size: 2.93333vw 1.86667vw;
	text-align: center;
}

.p-recipe-feature-datelist__itms {
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
	background-color: #f2f2f2;
}

.p-recipe-feature-datelist .r-itm {
	padding: 7.5px 0px 7.5px 0px;
	padding: 2vw 0vw 2vw 0vw;
	text-align: center;
}

.p-recipe-cat-mv {
	height: 225px;
	height: 60vw;
	padding-top: 20px;
	padding-top: 5.33333vw;
}

.p-recipe-cat-mv.r-ranking {
	background-image: url("/recipes/cat_assets/img/ranking/bg_ranking_mv_sp.jpg");
}

.p-recipe-cat-mv.r-ranking-product {
	background-image: url("/recipes/cat_assets/img/ranking/bg_ranking_product_mv_sp.jpg");
}

.p-recipe-cat-mv.r-movie {
	background-image: url("/recipes/cat_assets/img/movies/bg_movie_mv_sp.jpg");
}

.p-recipe-cat-mv.r-weekly {
	background-image: url("/recipes/cat_assets/img/weekly/bg_weekly_mv_sp.jpg");
}

.p-recipe-cat-mv__inner [class^="c-hdg"] {
	text-align: left;
}

.p-recipe-cat-mv__inner .r-lead {
	margin-top: 26.6px;
	line-height: 1.6;
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
}

.p-recipe-weekly-lead__txt {
	margin-top: 21.6px;
	line-height: 1.6;
}

.p-recipe-weekly-mv {
	background-image: url("/recipes/cat_assets/img/weekly/weekly_recommend_mv_sp.jpg");
}

.p-recipe-weekly-mv__inner {
	height: 510px;
	height: 136vw;
}

.p-recipe-weekly-mv__txt .r-lead {
	font-size: 14px;
	font-size: 3.73333vw;
	background-color: #e4002b;
	color: #fff;
	text-align: center;
	line-height: 1.9;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: 33.48px;
	line-height: 1.48;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: 43.12px;
	line-height: 1.42;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.p-recipe-ranking-material {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-recipe-ranking-material .r-hdg {
	font-size: 15px;
	font-size: 4vw;
}

.p-recipe-ranking-material__nav {
	position: relative;
	margin-top: 15px;
	margin-top: 4vw;
	padding: 0px 20px 0px 20px;
	padding: 0vw 5.33333vw 0vw 5.33333vw;
	z-index: 1;
}

.p-recipe-ranking-material__nav__list {
	width: 100%;
	padding-top: 10px;
	padding-top: 2.66667vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
	border-bottom: 1px solid #ddd;
}

.p-recipe-ranking-material__nav__list__itm {
	width: 25%;
	text-align: center;
}

.p-recipe-ranking-material__nav__list__itm__text {
	padding-right: 19px;
	padding-right: 5.06667vw;
}

.p-recipe-ranking-material__nav__list__itm > a,
.p-recipe-ranking-material__nav__list__itm > span {
	font-size: 12px;
	font-size: 3.2vw;
	line-height: 1.5;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="false"] .p-recipe-ranking-material__nav__list__itm__text:after {
	width: 100%;
	height: 0px;
	left: 0px;
	bottom: -14px;
	bottom: -3.73333vw;
	-webkit-transition: height .2s;
	transition: height .2s;
	content: '';
	display: block;
	position: absolute;
	background-color: #e4002b;
}

.p-recipe-ranking-material__nav__list__itm[aria-expanded="true"] .p-recipe-ranking-material__nav__list__itm__text:after {
	width: 100%;
	height: 2px;
	left: 0px;
	bottom: -14px;
	bottom: -3.73333vw;
	-webkit-transition: height .2s;
	transition: height .2s;
	content: '';
	display: block;
	position: absolute;
	background-color: #e4002b;
}

.p-recipe-ranking-material__nav__list__itm__toggle {
	width: 14px;
	width: 3.73333vw;
	height: 14px;
	height: 3.73333vw;
}

.p-recipe-ranking-material__nav__list__itm__toggle:before,
.p-recipe-ranking-material__nav__list__itm__toggle:after {
	width: 1px;
	height: 14px;
	height: 3.73333vw;
}

.p-recipe-ranking-material--sub {
	margin: 0px auto 0px auto;
	margin: 0vw auto 0vw auto;
	width: 100vw;
}

.p-recipe-ranking-material--sub__inner {
	top: 15px;
	top: 4vw;
	padding: 0px 15px 0px 15px;
	padding: 0vw 4vw 0vw 4vw;
	width: 100vw;
}

.p-recipe-ranking-material--sub__contents {
	padding: 55px 0px 55px 0px;
	padding: 14.66667vw 0vw 14.66667vw 0vw;
}

.p-recipe-ranking-material--sub__hdg {
	text-align: center;
	line-height: 1;
	font-size: 19px;
	font-size: 5.06667vw;
	margin: 0px 0px 68px 0px;
	margin: 0vw 0vw 9.06667vw 0vw;
}

.p-recipe-ranking-material--sub__materials {
	width: 100%;
}

.p-recipe-ranking-material--sub__materials__list {
	width: 100%;
}

.p-recipe-ranking-material--sub__itm {
	width: 160px;
	width: 42.66667vw;
	margin-left: 25px;
	margin-left: 6.66667vw;
	display: block;
	box-sizing: border-box;
}

.p-recipe-ranking-material--sub__itm:nth-child(odd) {
	margin-left: 0px;
}

.p-recipe-ranking-material--sub__itm:nth-of-type(2) {
	margin-top: 0;
}

.p-recipe-ranking-material--sub__itm a {
	display: inline-block;
	width: 100%;
	line-height: 1.5;
	font-size: 13px;
	font-size: 3.46667vw;
	padding: 15px 11.5px 15px 35px;
	padding: 4vw 3.06667vw 4vw 9.33333vw;
	vertical-align: middle;
	background-size: 25px;
	background-size: 6.66667vw;
}

.p-recipe-ranking-material--sub__itm a:after {
	width: 7px;
	width: 1.86667vw;
	height: 7px;
	height: 1.86667vw;
}

.p-recipe-ranking-material--sub__itm .p-recipe-ranking-material--sub__itm +
.p-recipe-ranking-material--sub__itm {
	margin: 35px 0px 0px 0px;
	margin: 4.66667vw 0vw 0vw 0vw;
}

.p-recipe-ranking-material--sub__closebtn {
	top: 20px;
	top: 5.33333vw;
	right: 0px;
	right: 0vw;
	width: 21.5px;
	width: 5.73333vw;
	height: 21.5px;
	height: 5.73333vw;
}

.p-recipe-ranking-material--sub__closebtn:before,
.p-recipe-ranking-material--sub__closebtn:after {
	width: 1px;
	height: 21.5px;
	height: 5.73333vw;
}

.p-recipes-search-result-hdg__txt {
	font-size: 11px;
	font-size: 2.93333vw;
	margin-top: 5px;
	margin-top: 1.33333vw;
}

.p-recipe-target {
	padding: 25px 20px;
	padding: 6.66667vw 5.33333vw;
}

.p-recipe-target .r-hdg {
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-recipe-target__itm {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-recipe-target__itm .r-img {
	width: 131px;
	width: 34.93333vw;
	height: 131px;
	height: 34.93333vw;
	padding: 5px;
	padding: 1.33333vw;
}

.p-recipe-target__itm .r-detail {
	width: 150px;
	width: 40vw;
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: 23px;
	line-height: 1.5;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: 9.5px;
	line-height: 1.5;
}

.p-basic-salad-mv {
	width: 100%;
	height: 225px;
	height: 60vw;
}

.p-basic-salad-mv__inner {
	background-image: url(/recipes/cat_assets/img/basicsalad/img_salad_mv_sp.jpg.webp);
	background-size: cover;
}
.no-webp .p-basic-salad-mv__inner {
	background-image: url(/recipes/cat_assets/img/basicsalad/img_salad_mv_sp.jpg);
	background-size: cover;
}

.p-basic-salad-mv.r-salad06-02 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_02/img_salad0602_mv_sp.jpg.webp);
	background-size: cover;
}
.no-webp .p-basic-salad-mv.r-salad06-02 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_02/img_salad0602_mv_sp.jpg);
	background-size: cover;
}

.p-basic-salad-mv.r-salad06-03 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_03/img_salad0603_mv_sp.jpg.webp);
	background-size: cover;
}
.no-webp .p-basic-salad-mv.r-salad06-03 {
	background-image: url(/recipes/cat_assets/img/basicsalad/salad06_03/img_salad0603_mv_sp.jpg);
	background-size: cover;
}

.p-basic-salad-mv .r-hdg {
	font-size: 19px;
	font-size: 5.06667vw;
	padding-top: 22.5px;
	padding-top: 6vw;
}

.p-basic-salad-mv .r-hdg .r-txt-s {
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-basic-salad-mv .r-lead {
	margin-top: 38px;
	line-height: 1.5;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	text-align: center;
	padding-top: 42.3px;
	line-height: 1.3;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	text-align: center;
	padding-left: 0;
	margin-top: 33px;
	line-height: 1.5;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	text-align: center;
	padding-top: 42.3px;
	line-height: 1.3;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	text-align: center;
	padding-left: 0;
	margin-top: 33px;
	line-height: 1.5;
}

.p-basic-salad-point__lead {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.p-basic-salad-point__lead p {
	font-size: 14px;
	font-size: 3.73333vw;
	line-height: 1.4;
}

.p-basic-salad-point__list {
	margin-top: 35px;
	margin-top: 9.33333vw;
}

.p-basic-salad-point__list__itm {
	margin-top: 30px;
	margin-top: 8vw;
	padding-bottom: 30px;
	padding-bottom: 8vw;
	border-bottom: 1px solid #b7b7b7;
}

.p-basic-salad-point__list__itm .r-img {
	width: 163px;
	width: 43.46667vw;
}

.p-basic-salad-point__list__itm .r-txtbox {
	width: 163px;
	width: 43.46667vw;
}

.p-basic-salad-point__list__itm .r-txtbox .r-hdg {
	font-size: 15px;
	font-size: 4vw;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: 16.6px;
	line-height: 1.7;
}

.r-recent .c-hdg--lv1 {
  padding-left: 12.266666666666667vw;
  background: url("/assets/img/common/categoryicon_recipes/categoryicon_item_recent.svg") no-repeat left top / 7.99vw auto;
}

.r-favorite .c-hdg--lv1 {
  padding-left: 14.492753623188406vw;
  background: url("/assets/img/common/categoryicon_recipes/categoryicon_item_favorite.svg") no-repeat left top / 9.661835748792271vw auto;
}

.c-card-list__itms.r-recent .r-itm {
  position: relative;
}

.c-card-list__itms.r-favorite .r-itm {
  position: relative;
}

.c-card-list__itms.r-recent .r-img,
.c-card-list__itms.r-favorite .r-img {
  height: 30.439614vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn {
  position: absolute;
  width: 8.521739130434783vw;
  height: 8.521739130434783vw;
  background: none;
  top: -8.246376811594203vw;
  right: -2vw;
  cursor: pointer;
  padding: 1vw;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span {
  width: 6.521739130434783vw;
  height: 6.521739130434783vw;
  background: #AAB3B3;
  border-radius: 50%;
  text-indent: -9999px;
  display: block;
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span::before {
  content: "";
  width: 3.623188405797101vw;
  height: 0.483091787439614vw;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0.125turn);
}

.c-card-list__itms.r-favorite .r-favorite-delete-btn span::after {
  content: "";
  width: 3.623188405797101vw;
  height: 0.483091787439614vw;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0.375turn);
}

.c-card-list.r-normal .r-favorite .r-itm:nth-child(n+3) {
  margin-top: 10.3vw;
}

.p-yasai-garden-subtxt {
	box-sizing: border-box;
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	line-height: 1.5;
	font-size: 14px;
	font-size: 3.73333vw;
	margin-top: 15px;
	margin-top: 4vw;
}

.p-yasai-garden__item {
	width: 162.5px;
	width: 43.33333vw;
	margin-right: 9.5px;
	margin-right: 2.53333vw;
	margin-top: 27px;
	margin-top: 7.2vw;
}

.p-yasai-garden__item:nth-child(2n) {
	margin-right: 0px;
}

.p-yasai-garden__item:nth-child(-n+2) {
	margin-top: 0px;
}

.p-yasai-garden__item .r-cap {
	font-size: 15px;
	font-size: 4vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-yasai-garden-bnr__list__itm {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.p-yasai-garden-bnr__list__itm .r-detail {
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-hdg {
	margin-bottom: 18.5px;
	margin-top: 18.5px;
	line-height: 1.5;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-txt {
	line-height: 1.5;
	font-size: 13px;
	font-size: 3.46667vw;
}

.p-yasai-garden-popup {
	max-width: 270px;
	width: 100%;
	height: 236px;
}

.p-vegetable-garden-modal-detail {
	width: 335px;
	width: 89.33333vw;
	padding: 30px;
	padding: 8vw;
}

.p-yasai-quad__item {
	width: 162.5px;
	width: 43.33333vw;
	margin-right: 9.5px;
	margin-right: 2.53333vw;
	margin-top: 27px;
	margin-top: 7.2vw;
}

.p-yasai-quad__item:nth-child(2n) {
	margin-right: 0px;
}

.p-yasai-quad__item .r-cap {
	font-size: 15px;
	font-size: 4vw;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.r-type02 .p-yasai-quad__item .r-cap {
	line-height: 1.4;
	margin-top: 15px;
	margin-top: 4vw;
}

.p-sodateru-detail-ttl {
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	box-sizing: border-box;
	width: 100%;
}

.p-sodateru-detail-ttl__hdg {
	width: 100%;
	font-size: 24px;
	font-size: 6.4vw;
	line-height: 1.5;
}

.p-sodateru-detail-ttl__hdg .r-lead {
	font-size: 15px;
	font-size: 4vw;
}

.p-sodateru-detail-ttl__info {
	position: relative;
}

.p-sodateru-detail-ttl__info__prepare {
	width: 100%;
	padding-top: 15px;
	padding-top: 4vw;
}

.p-sodateru-detail-ttl__info__prepare .r-hdg {
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-sodateru-detail-ttl__info__prepare .r-txt {
	font-size: 14px;
	font-size: 3.73333vw;
	margin-top: 15px;
	margin-top: 4vw;
	line-height: 1.4;
}

.p-sodateru-detail-ttl__info__prepare .r-season {
	font-size: 13px;
	font-size: 3.46667vw;
	margin-top: 15px;
	margin-top: 4vw;
	padding: 0px 10px;
	padding: 0vw 2.66667vw;
	line-height: 1.8;
}

.p-sodateru-detail-ttl__info__img {
	width: 175px;
	width: 46.66667vw;
	margin-top: 15px;
	margin-top: 4vw;
	margin-right: auto;
	margin-left: auto;
}

.p-sodateru-detail-ttl__info__img.r-large-sp {
	width: 225px;
	width: 60vw;
}

.p-sodateru-detail-2col .r-img {
	margin-top: 15px;
	margin-top: 4vw;
	text-align: center;
}

.p-prepare-localnav {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-mamechisiki-imgttl {
	margin-top: 30px;
	margin-top: 8vw;
	box-sizing: border-box;
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	width: 100%;
}

.p-mamechisiki-sub {
	margin-top: 20px;
	margin-top: 5.33333vw;
	box-sizing: border-box;
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	width: 100%;
}

.p-mamechisiki-card {
	padding: 25px 15px;
	padding: 6.66667vw 4vw;
}

.p-mamechisiki-card__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.p-mamechisiki-card__top .r-img {
	margin-top: 20px;
	margin-top: 5.33333vw;
	text-align: center;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	margin-left: auto;
	margin-right: auto;
}

.p-mamechisiki-card__bottom {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-mamechisiki-card__bottom .r-txt {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-mamechisiki-hdg--lv2 {
	font-size: 14px;
	font-size: 3.73333vw;
	padding-bottom: 10px;
	padding-bottom: 2.66667vw;
}

.p-ryouri-prepare-detail__mv .r-hdg {
	left: 20px;
	left: 5.33333vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-ryouri-prepare-detail__txt {
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	margin-top: 19px;
	margin-top: 5.06667vw;
}

.p-ryouri-prepare-detail__txt .r-txt {
	line-height: 1.5;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-ryouri-prepare-detail__card {
	padding: 0px 20px;
	padding: 0vw 5.33333vw;
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.p-ryouri-prepare-detail__card .r-list li {
	width: 100%;
	margin-top: 10px;
	margin-top: 2.66667vw;
}

.p-ryouri-prepare-detail__card .r-list li:first-child {
	margin-top: 0px;
}

.p-ryouri-prepare-detail__card .r-list li img {
	width: 100%;
}

.p-vegefirst-mv__inner {
	padding: 52px 10px;
	padding: 13.86667vw 2.66667vw;
	box-sizing: border-box;
	margin-bottom: 27.5px;
	margin-bottom: 7.33333vw;
}

.p-vegefirst-mv .r-lead {
	font-size: 14px;
	font-size: 3.73333vw;
	line-height: 1.4;
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.p-vegefirst-mv .r-supervised {
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-vegefirst-contents__box {
	margin-top: 15px;
	margin-top: 4vw;
}

.p-vegefirst-contents__box .r-ttl {
	font-size: 14px;
	font-size: 3.73333vw;
	line-height: 42.5px;
	line-height: 11.33333vw;
}

.p-vegefirst-contents__box .r-ttl span {
	padding-left: 5px;
	padding-left: 1.33333vw;
}

.p-vegefirst-contents__box__inner {
	padding: 25px 22.5px;
	padding: 6.66667vw 6vw;
}

.p-vegefirst-contents__box__inner .r-point {
	font-size: 15px;
	font-size: 4vw;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: 23px;
	line-height: 1.5;
	padding-bottom: 25px;
	padding-bottom: 6.66667vw;
}

.p-vegefirst-contents__box__inner .r-order li .r-num {
	padding-right: 5px;
	padding-right: 1.33333vw;
}

.p-vegefirst-contents__box__inner .r-order li:after {
	width: 9px;
	width: 2.4vw;
	height: 9px;
	height: 2.4vw;
	bottom: 2.5px;
	bottom: 0.66667vw;
}

.p-vegefirst-contents__box__inner .r-order li:last-child {
	padding-bottom: 0px;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: 23px;
	line-height: 1.5;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: 23px;
	line-height: 1.5;
}

.p-vegefirst-contents__box__inner .c-btn-list,
.p-vegefirst-contents__box__inner .c-btn-list--emphasis {
	margin: 0px auto;
	width: 250px;
	width: 66.66667vw;
}

.p-vegefirst-contents__box__inner .c-btn-list .c-btn-list__itm,
.p-vegefirst-contents__box__inner .c-btn-list--emphasis .c-btn-list__itm {
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.p-vegefirst-contents__box.r-box02 .r-img {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-vegefirst-contents__box.r-box02 .r-img img {
	width: 115px;
	width: 30.66667vw;
}

.p-vegefirst-contents__box.r-box03 .r-img {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-vegefirst-contents__box.r-box03 .r-img img {
	width: 115px;
	width: 30.66667vw;
}

.p-vegefirst-tab {
	padding-top: 35px;
	padding-top: 9.33333vw;
	padding-bottom: 45px;
	padding-bottom: 12vw;
	padding-left: 20px;
	padding-left: 5.33333vw;
	padding-right: 20px;
	padding-right: 5.33333vw;
}

.p-vegefirst-tab .p-vegefirst-eat {
	margin-top: 27.5px;
	margin-top: 7.33333vw;
}

.p-vegefirst-tab .p-vegefirst-eat .r-ttl {
	font-size: 15px;
	font-size: 4vw;
	text-align: center;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list:before {
	display: none;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm {
	width: 140px;
	width: 37.33333vw;
	height: 140px;
	height: 37.33333vw;
	border-radius: 99999px;
	background: #fff;
	margin-top: 25px;
	margin-top: 6.66667vw;
	z-index: 5;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:first-child:before {
	position: absolute;
	content: '';
	display: block;
	z-index: -1;
	top: 50%;
	left: 100%;
	width: 195px;
	width: 52vw;
	border-top: 2px solid #dddddd;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:nth-child(odd) {
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:last-child .r-txt p {
	margin-top: 43px;
	line-height: 1.5;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:nth-child(3):before {
	position: absolute;
	content: '';
	display: block;
	z-index: -2;
	top: 50%;
	right: 100%;
	width: 50px;
	width: 13.33333vw;
	border-top: 2px solid #dddddd;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:nth-child(3):after {
	position: absolute;
	content: '';
	display: block;
	z-index: -2;
	top: 50%;
	left: 100%;
	width: 10px;
	width: 2.66667vw;
	border-top: 2px solid #dddddd;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-icon {
	font-size: 19px;
	font-size: 5.06667vw;
	line-height: 1;
	margin-top: 22.5px;
	margin-top: 6vw;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-txt p {
	margin-top: 23px;
	line-height: 1.5;
	color: #e4002b;
}

.p-vegefirst-tab .p-vegefirst-eat__speed {
	margin-top: 40px;
	margin-top: 10.66667vw;
}

.p-vegefirst-tab .p-vegefirst-eat__speed .r-txt {
	width: 140px;
	width: 37.33333vw;
	height: 140px;
	height: 37.33333vw;
	border-radius: 99999px;
	background: #fff;
	margin-top: 25px;
	margin-top: 6.66667vw;
	margin-left: auto;
	margin-right: auto;
	z-index: 5;
}

.p-vegefirst-tab .p-vegefirst-eat__speed .r-txt p {
	text-align: center;
	font-size: 14px;
	font-size: 3.73333vw;
	padding-top: 25px;
	padding-top: 6.66667vw;
	color: #e4002b;
	line-height: 1.5;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm {
	width: 140px;
	width: 37.33333vw;
	height: 140px;
	height: 37.33333vw;
	border-radius: 99999px;
	background: #fff;
	z-index: 5;
	margin-top: 25px;
	margin-top: 6.66667vw;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-icon {
	font-size: 19px;
	font-size: 5.06667vw;
	line-height: 1;
	margin-top: 22.5px;
	margin-top: 6vw;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	text-align: center;
	margin-top: 23px;
	line-height: 1.5;
	color: #e4002b;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm:first-child {
	margin-right: 10px;
	margin-right: 2.66667vw;
}

.p-vegefirst-tab__txt {
	margin-top: 22.5px;
	margin-top: 6vw;
}

.p-vegefirst-tab__txt .p-vegefirst-tab__txt_column2 .r-img {
	margin-top: 20px;
	margin-top: 5.33333vw;
	text-align: center;
}

.p-vegefirst-tab__img figure {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.p-vegefirst-modal {
	width: 335px;
	width: 89.33333vw;
	padding: 30px 15px;
	padding: 8vw 4vw;
}

.p-vegefirst-modal__itm:nth-child(2) {
	margin-top: 30px;
	margin-top: 8vw;
	padding-top: 30px;
	padding-top: 8vw;
}

.p-vegefirst-modal__itm .r-hdg--lv2 {
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-vegefirst-modal__itm .r-hdg--lv3 {
	font-size: 15px;
	font-size: 4vw;
	line-height: 1.5;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: 50.2px;
	line-height: 1.7;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: 19.5px;
	line-height: 1.5;
}

.p-vegefirst-modal__itm .r-note li {
	margin-top: 39.5px;
	line-height: 1.5;
}

.p-vegefirst-modal__itm .r-img-col2 {
	margin-top: 30px;
	margin-top: 8vw;
}

.p-vegefirst-modal__itm .r-img-col2:nth-child(2) {
	margin-top: 20px;
	margin-top: 5.33333vw;
}

.u-align-l--sp {
	text-align: left !important;
}

.u-align-c--sp {
	text-align: center !important;
}

.u-align-r--sp {
	text-align: right !important;
}

.u-valign-t--sp {
	vertical-align: top !important;
}

.u-valign-m--sp {
	vertical-align: middle !important;
}

.u-valign-b--sp {
	vertical-align: bottom !important;
}

.u-switch-reverse--sp {
	direction: rtl;
}

.u-switch-reverse--sp > * {
	direction: ltr;
}

.u-none--sp {
	display: none !important;
}

.u-inlineblock--sp {
	display: inline-block !important;
}

.u-block--sp {
	display: block !important;
}

.u-overflow-scroll {
	width: 100%;
	overflow-x: scroll;
}

.u-overflow-scroll .r-inner {
	width: 300vw;
	margin-bottom: 10px;
	margin-bottom: 2.66667vw;
}

.u-overflow-scroll .r-inner.is-large {
	width: 400vw;
}

.u-overflow-scroll .r-inner.is-small {
	width: 200vw;
}

.u-overflow-scroll .r-inner.is-xsmall {
	width: 125vw;
}

.u-mt-xs {
	margin-top: 10px !important;
	margin-top: 2.66667vw !important;
}

.u-mt-xs--sp {
	margin-top: 10px !important;
	margin-top: 2.66667vw !important;
}

.u-mt-s {
	margin-top: 23px !important;
	margin-top: 6.13333vw !important;
}

.u-mt-s--sp {
	margin-top: 23px !important;
	margin-top: 6.13333vw !important;
}

.u-mt-m {
	margin-top: 25px !important;
	margin-top: 6.66667vw !important;
}

.u-mt-m--sp {
	margin-top: 25px !important;
	margin-top: 6.66667vw !important;
}

.u-mt-l {
	margin-top: 30px !important;
	margin-top: 8vw !important;
}

.u-mt-l--sp {
	margin-top: 30px !important;
	margin-top: 8vw !important;
}

.u-mt-xl {
	margin-top: 50px !important;
	margin-top: 13.33333vw !important;
}

.u-mt-xl--sp {
	margin-top: 50px !important;
	margin-top: 13.33333vw !important;
}

.u-mt-xxl {
	margin-top: 75px !important;
	margin-top: 20vw !important;
}

.u-mt-xxl--sp {
	margin-top: 75px !important;
	margin-top: 20vw !important;
}

.u-mb-0 {
	margin-bottom: 0px !important;
}

.u-mb-0--sp {
	margin-bottom: 0px !important;
}

.u-mb-xs {
	margin-bottom: 10px !important;
	margin-bottom: 2.66667vw !important;
}

.u-mb-xs--sp {
	margin-bottom: 10px !important;
	margin-bottom: 2.66667vw !important;
}

.u-mb-s {
	margin-bottom: 23px !important;
	margin-bottom: 6.13333vw !important;
}

.u-mb-s--sp {
	margin-bottom: 23px !important;
	margin-bottom: 6.13333vw !important;
}

.u-mb-m {
	margin-bottom: 25px !important;
	margin-bottom: 6.66667vw !important;
}

.u-mb-m--sp {
	margin-bottom: 25px !important;
	margin-bottom: 6.66667vw !important;
}

.u-mb-l {
	margin-bottom: 30px !important;
	margin-bottom: 8vw !important;
}

.u-mb-l--sp {
	margin-bottom: 30px !important;
	margin-bottom: 8vw !important;
}

.u-mb-xl {
	margin-bottom: 50px !important;
	margin-bottom: 13.33333vw !important;
}

.u-mb-xl--sp {
	margin-bottom: 50px !important;
	margin-bottom: 13.33333vw !important;
}

.u-mb-xxl {
	margin-bottom: 75px !important;
	margin-bottom: 20vw !important;
}

.u-mb-xxl--sp {
	margin-bottom: 75px !important;
	margin-bottom: 20vw !important;
}

.u-pt-xs {
	padding-top: 10px !important;
	padding-top: 2.66667vw !important;
}

.u-pt-xs--sp {
	padding-top: 10px !important;
	padding-top: 2.66667vw !important;
}

.u-pt-s {
	padding-top: 23px !important;
	padding-top: 6.13333vw !important;
}

.u-pt-s--sp {
	padding-top: 23px !important;
	padding-top: 6.13333vw !important;
}

.u-pt-m {
	padding-top: 25px !important;
	padding-top: 6.66667vw !important;
}

.u-pt-m--sp {
	padding-top: 25px !important;
	padding-top: 6.66667vw !important;
}

.u-pt-l {
	padding-top: 30px !important;
	padding-top: 8vw !important;
}

.u-pt-l--sp {
	padding-top: 30px !important;
	padding-top: 8vw !important;
}

.u-pt-xl {
	padding-top: 50px !important;
	padding-top: 13.33333vw !important;
}

.u-pt-xl--sp {
	padding-top: 50px !important;
	padding-top: 13.33333vw !important;
}

.u-pt-xxl {
	margin-top: 75px !important;
	margin-top: 20vw !important;
}

.u-pt-xxl--sp {
	margin-top: 75px !important;
	margin-top: 20vw !important;
}

.u-pb-xs {
	padding-bottom: 10px !important;
	padding-bottom: 2.66667vw !important;
}

.u-pb-xs--sp {
	padding-bottom: 10px !important;
	padding-bottom: 2.66667vw !important;
}

.u-pb-s {
	padding-bottom: 23px !important;
	padding-bottom: 6.13333vw !important;
}

.u-pb-s--sp {
	padding-bottom: 23px !important;
	padding-bottom: 6.13333vw !important;
}

.u-pb-m {
	padding-bottom: 25px !important;
	padding-bottom: 6.66667vw !important;
}

.u-pb-m--sp {
	padding-bottom: 25px !important;
	padding-bottom: 6.66667vw !important;
}

.u-pb-l {
	padding-bottom: 30px !important;
	padding-bottom: 8vw !important;
}

.u-pb-l--sp {
	padding-bottom: 30px !important;
	padding-bottom: 8vw !important;
}

.u-pb-xl {
	padding-bottom: 50px !important;
	padding-bottom: 13.33333vw !important;
}

.u-pb-xl--sp {
	padding-bottom: 50px !important;
	padding-bottom: 13.33333vw !important;
}

.u-pb-xxl {
	padding-bottom: 75px !important;
	padding-bottom: 20vw !important;
}

.u-pb-xxl--sp {
	padding-bottom: 75px !important;
	padding-bottom: 20vw !important;
}

.u-mg0 {
	margin: 0px !important;
	margin: 0vw !important;
}

.u-mg0--sp {
	margin: 0px !important;
	margin: 0vw !important;
}

.u-mt0 {
	margin-top: 0px !important;
	margin-top: 0vw !important;
}

.u-mt0--sp {
	margin-top: 0px !important;
	margin-top: 0vw !important;
}

.u-mb0 {
	margin-bottom: 0px !important;
	margin-bottom: 0vw !important;
}

.u-mb0--sp {
	margin-bottom: 0px !important;
	margin-bottom: 0vw !important;
}

.u-ml0 {
	margin-left: 0px !important;
	margin-left: 0vw !important;
}

.u-ml0--sp {
	margin-left: 0px !important;
	margin-left: 0vw !important;
}

.u-ml0 {
	margin-left: 0px !important;
	margin-left: 0vw !important;
}

.u-ml0--sp {
	margin-left: 0px !important;
	margin-left: 0vw !important;
}

.u-mr0 {
	margin-right: 0px !important;
	margin-right: 0vw !important;
}

.u-mr0--sp {
	margin-right: 0px !important;
	margin-right: 0vw !important;
}

.u-mr0 {
	margin-right: 0px !important;
	margin-right: 0vw !important;
}

.u-mr0--sp {
	margin-right: 0px !important;
	margin-right: 0vw !important;
}

.u-mg5 {
	margin: 5px !important;
	margin: 0.66667vw !important;
}

.u-mg5--sp {
	margin: 5px !important;
	margin: 0.66667vw !important;
}

.u-mt5 {
	margin-top: 5px !important;
	margin-top: 0.66667vw !important;
}

.u-mt5--sp {
	margin-top: 5px !important;
	margin-top: 0.66667vw !important;
}

.u-mb5 {
	margin-bottom: 5px !important;
	margin-bottom: 0.66667vw !important;
}

.u-mb5--sp {
	margin-bottom: 5px !important;
	margin-bottom: 0.66667vw !important;
}

.u-ml5 {
	margin-left: 5px !important;
	margin-left: 0.66667vw !important;
}

.u-ml5--sp {
	margin-left: 5px !important;
	margin-left: 0.66667vw !important;
}

.u-ml-5 {
	margin-left: -5px !important;
	margin-left: -0.66667vw !important;
}

.u-ml-5--sp {
	margin-left: -5px !important;
	margin-left: -0.66667vw !important;
}

.u-mr5 {
	margin-right: 5px !important;
	margin-right: 0.66667vw !important;
}

.u-mr5--sp {
	margin-right: 5px !important;
	margin-right: 0.66667vw !important;
}

.u-mr-5 {
	margin-right: -5px !important;
	margin-right: -0.66667vw !important;
}

.u-mr-5--sp {
	margin-right: -5px !important;
	margin-right: -0.66667vw !important;
}

.u-mg10 {
	margin: 10px !important;
	margin: 1.33333vw !important;
}

.u-mg10--sp {
	margin: 10px !important;
	margin: 1.33333vw !important;
}

.u-mt10 {
	margin-top: 10px !important;
	margin-top: 1.33333vw !important;
}

.u-mt10--sp {
	margin-top: 10px !important;
	margin-top: 1.33333vw !important;
}

.u-mb10 {
	margin-bottom: 10px !important;
	margin-bottom: 1.33333vw !important;
}

.u-mb10--sp {
	margin-bottom: 10px !important;
	margin-bottom: 1.33333vw !important;
}

.u-ml10 {
	margin-left: 10px !important;
	margin-left: 1.33333vw !important;
}

.u-ml10--sp {
	margin-left: 10px !important;
	margin-left: 1.33333vw !important;
}

.u-ml-10 {
	margin-left: -10px !important;
	margin-left: -1.33333vw !important;
}

.u-ml-10--sp {
	margin-left: -10px !important;
	margin-left: -1.33333vw !important;
}

.u-mr10 {
	margin-right: 10px !important;
	margin-right: 1.33333vw !important;
}

.u-mr10--sp {
	margin-right: 10px !important;
	margin-right: 1.33333vw !important;
}

.u-mr-10 {
	margin-right: -10px !important;
	margin-right: -1.33333vw !important;
}

.u-mr-10--sp {
	margin-right: -10px !important;
	margin-right: -1.33333vw !important;
}

.u-mg15 {
	margin: 15px !important;
	margin: 2vw !important;
}

.u-mg15--sp {
	margin: 15px !important;
	margin: 2vw !important;
}

.u-mt15 {
	margin-top: 15px !important;
	margin-top: 2vw !important;
}

.u-mt15--sp {
	margin-top: 15px !important;
	margin-top: 2vw !important;
}

.u-mb15 {
	margin-bottom: 15px !important;
	margin-bottom: 2vw !important;
}

.u-mb15--sp {
	margin-bottom: 15px !important;
	margin-bottom: 2vw !important;
}

.u-ml15 {
	margin-left: 15px !important;
	margin-left: 2vw !important;
}

.u-ml15--sp {
	margin-left: 15px !important;
	margin-left: 2vw !important;
}

.u-ml-15 {
	margin-left: -15px !important;
	margin-left: -2vw !important;
}

.u-ml-15--sp {
	margin-left: -15px !important;
	margin-left: -2vw !important;
}

.u-mr15 {
	margin-right: 15px !important;
	margin-right: 2vw !important;
}

.u-mr15--sp {
	margin-right: 15px !important;
	margin-right: 2vw !important;
}

.u-mr-15 {
	margin-right: -15px !important;
	margin-right: -2vw !important;
}

.u-mr-15--sp {
	margin-right: -15px !important;
	margin-right: -2vw !important;
}

.u-mg20 {
	margin: 20px !important;
	margin: 2.66667vw !important;
}

.u-mg20--sp {
	margin: 20px !important;
	margin: 2.66667vw !important;
}

.u-mt20 {
	margin-top: 20px !important;
	margin-top: 2.66667vw !important;
}

.u-mt20--sp {
	margin-top: 20px !important;
	margin-top: 2.66667vw !important;
}

.u-mb20 {
	margin-bottom: 20px !important;
	margin-bottom: 2.66667vw !important;
}

.u-mb20--sp {
	margin-bottom: 20px !important;
	margin-bottom: 2.66667vw !important;
}

.u-ml20 {
	margin-left: 20px !important;
	margin-left: 2.66667vw !important;
}

.u-ml20--sp {
	margin-left: 20px !important;
	margin-left: 2.66667vw !important;
}

.u-ml-20 {
	margin-left: -20px !important;
	margin-left: -2.66667vw !important;
}

.u-ml-20--sp {
	margin-left: -20px !important;
	margin-left: -2.66667vw !important;
}

.u-mr20 {
	margin-right: 20px !important;
	margin-right: 2.66667vw !important;
}

.u-mr20--sp {
	margin-right: 20px !important;
	margin-right: 2.66667vw !important;
}

.u-mr-20 {
	margin-right: -20px !important;
	margin-right: -2.66667vw !important;
}

.u-mr-20--sp {
	margin-right: -20px !important;
	margin-right: -2.66667vw !important;
}

.u-mg25 {
	margin: 25px !important;
	margin: 3.33333vw !important;
}

.u-mg25--sp {
	margin: 25px !important;
	margin: 3.33333vw !important;
}

.u-mt25 {
	margin-top: 25px !important;
	margin-top: 3.33333vw !important;
}

.u-mt25--sp {
	margin-top: 25px !important;
	margin-top: 3.33333vw !important;
}

.u-mb25 {
	margin-bottom: 25px !important;
	margin-bottom: 3.33333vw !important;
}

.u-mb25--sp {
	margin-bottom: 25px !important;
	margin-bottom: 3.33333vw !important;
}

.u-ml25 {
	margin-left: 25px !important;
	margin-left: 3.33333vw !important;
}

.u-ml25--sp {
	margin-left: 25px !important;
	margin-left: 3.33333vw !important;
}

.u-ml-25 {
	margin-left: -25px !important;
	margin-left: -3.33333vw !important;
}

.u-ml-25--sp {
	margin-left: -25px !important;
	margin-left: -3.33333vw !important;
}

.u-mr25 {
	margin-right: 25px !important;
	margin-right: 3.33333vw !important;
}

.u-mr25--sp {
	margin-right: 25px !important;
	margin-right: 3.33333vw !important;
}

.u-mr-25 {
	margin-right: -25px !important;
	margin-right: -3.33333vw !important;
}

.u-mr-25--sp {
	margin-right: -25px !important;
	margin-right: -3.33333vw !important;
}

.u-mg30 {
	margin: 30px !important;
	margin: 4vw !important;
}

.u-mg30--sp {
	margin: 30px !important;
	margin: 4vw !important;
}

.u-mt30 {
	margin-top: 30px !important;
	margin-top: 4vw !important;
}

.u-mt30--sp {
	margin-top: 30px !important;
	margin-top: 4vw !important;
}

.u-mb30 {
	margin-bottom: 30px !important;
	margin-bottom: 4vw !important;
}

.u-mb30--sp {
	margin-bottom: 30px !important;
	margin-bottom: 4vw !important;
}

.u-ml30 {
	margin-left: 30px !important;
	margin-left: 4vw !important;
}

.u-ml30--sp {
	margin-left: 30px !important;
	margin-left: 4vw !important;
}

.u-ml-30 {
	margin-left: -30px !important;
	margin-left: -4vw !important;
}

.u-ml-30--sp {
	margin-left: -30px !important;
	margin-left: -4vw !important;
}

.u-mr30 {
	margin-right: 30px !important;
	margin-right: 4vw !important;
}

.u-mr30--sp {
	margin-right: 30px !important;
	margin-right: 4vw !important;
}

.u-mr-30 {
	margin-right: -30px !important;
	margin-right: -4vw !important;
}

.u-mr-30--sp {
	margin-right: -30px !important;
	margin-right: -4vw !important;
}

.u-mg35 {
	margin: 35px !important;
	margin: 4.66667vw !important;
}

.u-mg35--sp {
	margin: 35px !important;
	margin: 4.66667vw !important;
}

.u-mt35 {
	margin-top: 35px !important;
	margin-top: 4.66667vw !important;
}

.u-mt35--sp {
	margin-top: 35px !important;
	margin-top: 4.66667vw !important;
}

.u-mb35 {
	margin-bottom: 35px !important;
	margin-bottom: 4.66667vw !important;
}

.u-mb35--sp {
	margin-bottom: 35px !important;
	margin-bottom: 4.66667vw !important;
}

.u-ml35 {
	margin-left: 35px !important;
	margin-left: 4.66667vw !important;
}

.u-ml35--sp {
	margin-left: 35px !important;
	margin-left: 4.66667vw !important;
}

.u-ml-35 {
	margin-left: -35px !important;
	margin-left: -4.66667vw !important;
}

.u-ml-35--sp {
	margin-left: -35px !important;
	margin-left: -4.66667vw !important;
}

.u-mr35 {
	margin-right: 35px !important;
	margin-right: 4.66667vw !important;
}

.u-mr35--sp {
	margin-right: 35px !important;
	margin-right: 4.66667vw !important;
}

.u-mr-35 {
	margin-right: -35px !important;
	margin-right: -4.66667vw !important;
}

.u-mr-35--sp {
	margin-right: -35px !important;
	margin-right: -4.66667vw !important;
}

.u-mg40 {
	margin: 40px !important;
	margin: 5.33333vw !important;
}

.u-mg40--sp {
	margin: 40px !important;
	margin: 5.33333vw !important;
}

.u-mt40 {
	margin-top: 40px !important;
	margin-top: 5.33333vw !important;
}

.u-mt40--sp {
	margin-top: 40px !important;
	margin-top: 5.33333vw !important;
}

.u-mb40 {
	margin-bottom: 40px !important;
	margin-bottom: 5.33333vw !important;
}

.u-mb40--sp {
	margin-bottom: 40px !important;
	margin-bottom: 5.33333vw !important;
}

.u-ml40 {
	margin-left: 40px !important;
	margin-left: 5.33333vw !important;
}

.u-ml40--sp {
	margin-left: 40px !important;
	margin-left: 5.33333vw !important;
}

.u-ml-40 {
	margin-left: -40px !important;
	margin-left: -5.33333vw !important;
}

.u-ml-40--sp {
	margin-left: -40px !important;
	margin-left: -5.33333vw !important;
}

.u-mr40 {
	margin-right: 40px !important;
	margin-right: 5.33333vw !important;
}

.u-mr40--sp {
	margin-right: 40px !important;
	margin-right: 5.33333vw !important;
}

.u-mr-40 {
	margin-right: -40px !important;
	margin-right: -5.33333vw !important;
}

.u-mr-40--sp {
	margin-right: -40px !important;
	margin-right: -5.33333vw !important;
}

.u-mg45 {
	margin: 45px !important;
	margin: 6vw !important;
}

.u-mg45--sp {
	margin: 45px !important;
	margin: 6vw !important;
}

.u-mt45 {
	margin-top: 45px !important;
	margin-top: 6vw !important;
}

.u-mt45--sp {
	margin-top: 45px !important;
	margin-top: 6vw !important;
}

.u-mb45 {
	margin-bottom: 45px !important;
	margin-bottom: 6vw !important;
}

.u-mb45--sp {
	margin-bottom: 45px !important;
	margin-bottom: 6vw !important;
}

.u-ml45 {
	margin-left: 45px !important;
	margin-left: 6vw !important;
}

.u-ml45--sp {
	margin-left: 45px !important;
	margin-left: 6vw !important;
}

.u-ml-45 {
	margin-left: -45px !important;
	margin-left: -6vw !important;
}

.u-ml-45--sp {
	margin-left: -45px !important;
	margin-left: -6vw !important;
}

.u-mr45 {
	margin-right: 45px !important;
	margin-right: 6vw !important;
}

.u-mr45--sp {
	margin-right: 45px !important;
	margin-right: 6vw !important;
}

.u-mr-45 {
	margin-right: -45px !important;
	margin-right: -6vw !important;
}

.u-mr-45--sp {
	margin-right: -45px !important;
	margin-right: -6vw !important;
}

.u-mg50 {
	margin: 50px !important;
	margin: 6.66667vw !important;
}

.u-mg50--sp {
	margin: 50px !important;
	margin: 6.66667vw !important;
}

.u-mt50 {
	margin-top: 50px !important;
	margin-top: 6.66667vw !important;
}

.u-mt50--sp {
	margin-top: 50px !important;
	margin-top: 6.66667vw !important;
}

.u-mb50 {
	margin-bottom: 50px !important;
	margin-bottom: 6.66667vw !important;
}

.u-mb50--sp {
	margin-bottom: 50px !important;
	margin-bottom: 6.66667vw !important;
}

.u-ml50 {
	margin-left: 50px !important;
	margin-left: 6.66667vw !important;
}

.u-ml50--sp {
	margin-left: 50px !important;
	margin-left: 6.66667vw !important;
}

.u-ml-50 {
	margin-left: -50px !important;
	margin-left: -6.66667vw !important;
}

.u-ml-50--sp {
	margin-left: -50px !important;
	margin-left: -6.66667vw !important;
}

.u-mr50 {
	margin-right: 50px !important;
	margin-right: 6.66667vw !important;
}

.u-mr50--sp {
	margin-right: 50px !important;
	margin-right: 6.66667vw !important;
}

.u-mr-50 {
	margin-right: -50px !important;
	margin-right: -6.66667vw !important;
}

.u-mr-50--sp {
	margin-right: -50px !important;
	margin-right: -6.66667vw !important;
}

.u-mg55 {
	margin: 55px !important;
	margin: 7.33333vw !important;
}

.u-mg55--sp {
	margin: 55px !important;
	margin: 7.33333vw !important;
}

.u-mt55 {
	margin-top: 55px !important;
	margin-top: 7.33333vw !important;
}

.u-mt55--sp {
	margin-top: 55px !important;
	margin-top: 7.33333vw !important;
}

.u-mb55 {
	margin-bottom: 55px !important;
	margin-bottom: 7.33333vw !important;
}

.u-mb55--sp {
	margin-bottom: 55px !important;
	margin-bottom: 7.33333vw !important;
}

.u-ml55 {
	margin-left: 55px !important;
	margin-left: 7.33333vw !important;
}

.u-ml55--sp {
	margin-left: 55px !important;
	margin-left: 7.33333vw !important;
}

.u-ml-55 {
	margin-left: -55px !important;
	margin-left: -7.33333vw !important;
}

.u-ml-55--sp {
	margin-left: -55px !important;
	margin-left: -7.33333vw !important;
}

.u-mr55 {
	margin-right: 55px !important;
	margin-right: 7.33333vw !important;
}

.u-mr55--sp {
	margin-right: 55px !important;
	margin-right: 7.33333vw !important;
}

.u-mr-55 {
	margin-right: -55px !important;
	margin-right: -7.33333vw !important;
}

.u-mr-55--sp {
	margin-right: -55px !important;
	margin-right: -7.33333vw !important;
}

.u-mg60 {
	margin: 60px !important;
	margin: 8vw !important;
}

.u-mg60--sp {
	margin: 60px !important;
	margin: 8vw !important;
}

.u-mt60 {
	margin-top: 60px !important;
	margin-top: 8vw !important;
}

.u-mt60--sp {
	margin-top: 60px !important;
	margin-top: 8vw !important;
}

.u-mb60 {
	margin-bottom: 60px !important;
	margin-bottom: 8vw !important;
}

.u-mb60--sp {
	margin-bottom: 60px !important;
	margin-bottom: 8vw !important;
}

.u-ml60 {
	margin-left: 60px !important;
	margin-left: 8vw !important;
}

.u-ml60--sp {
	margin-left: 60px !important;
	margin-left: 8vw !important;
}

.u-ml-60 {
	margin-left: -60px !important;
	margin-left: -8vw !important;
}

.u-ml-60--sp {
	margin-left: -60px !important;
	margin-left: -8vw !important;
}

.u-mr60 {
	margin-right: 60px !important;
	margin-right: 8vw !important;
}

.u-mr60--sp {
	margin-right: 60px !important;
	margin-right: 8vw !important;
}

.u-mr-60 {
	margin-right: -60px !important;
	margin-right: -8vw !important;
}

.u-mr-60--sp {
	margin-right: -60px !important;
	margin-right: -8vw !important;
}

.u-mg65 {
	margin: 65px !important;
	margin: 8.66667vw !important;
}

.u-mg65--sp {
	margin: 65px !important;
	margin: 8.66667vw !important;
}

.u-mt65 {
	margin-top: 65px !important;
	margin-top: 8.66667vw !important;
}

.u-mt65--sp {
	margin-top: 65px !important;
	margin-top: 8.66667vw !important;
}

.u-mb65 {
	margin-bottom: 65px !important;
	margin-bottom: 8.66667vw !important;
}

.u-mb65--sp {
	margin-bottom: 65px !important;
	margin-bottom: 8.66667vw !important;
}

.u-ml65 {
	margin-left: 65px !important;
	margin-left: 8.66667vw !important;
}

.u-ml65--sp {
	margin-left: 65px !important;
	margin-left: 8.66667vw !important;
}

.u-ml-65 {
	margin-left: -65px !important;
	margin-left: -8.66667vw !important;
}

.u-ml-65--sp {
	margin-left: -65px !important;
	margin-left: -8.66667vw !important;
}

.u-mr65 {
	margin-right: 65px !important;
	margin-right: 8.66667vw !important;
}

.u-mr65--sp {
	margin-right: 65px !important;
	margin-right: 8.66667vw !important;
}

.u-mr-65 {
	margin-right: -65px !important;
	margin-right: -8.66667vw !important;
}

.u-mr-65--sp {
	margin-right: -65px !important;
	margin-right: -8.66667vw !important;
}

.u-mg70 {
	margin: 70px !important;
	margin: 9.33333vw !important;
}

.u-mg70--sp {
	margin: 70px !important;
	margin: 9.33333vw !important;
}

.u-mt70 {
	margin-top: 70px !important;
	margin-top: 9.33333vw !important;
}

.u-mt70--sp {
	margin-top: 70px !important;
	margin-top: 9.33333vw !important;
}

.u-mb70 {
	margin-bottom: 70px !important;
	margin-bottom: 9.33333vw !important;
}

.u-mb70--sp {
	margin-bottom: 70px !important;
	margin-bottom: 9.33333vw !important;
}

.u-ml70 {
	margin-left: 70px !important;
	margin-left: 9.33333vw !important;
}

.u-ml70--sp {
	margin-left: 70px !important;
	margin-left: 9.33333vw !important;
}

.u-ml-70 {
	margin-left: -70px !important;
	margin-left: -9.33333vw !important;
}

.u-ml-70--sp {
	margin-left: -70px !important;
	margin-left: -9.33333vw !important;
}

.u-mr70 {
	margin-right: 70px !important;
	margin-right: 9.33333vw !important;
}

.u-mr70--sp {
	margin-right: 70px !important;
	margin-right: 9.33333vw !important;
}

.u-mr-70 {
	margin-right: -70px !important;
	margin-right: -9.33333vw !important;
}

.u-mr-70--sp {
	margin-right: -70px !important;
	margin-right: -9.33333vw !important;
}

.u-mg75 {
	margin: 75px !important;
	margin: 10vw !important;
}

.u-mg75--sp {
	margin: 75px !important;
	margin: 10vw !important;
}

.u-mt75 {
	margin-top: 75px !important;
	margin-top: 10vw !important;
}

.u-mt75--sp {
	margin-top: 75px !important;
	margin-top: 10vw !important;
}

.u-mb75 {
	margin-bottom: 75px !important;
	margin-bottom: 10vw !important;
}

.u-mb75--sp {
	margin-bottom: 75px !important;
	margin-bottom: 10vw !important;
}

.u-ml75 {
	margin-left: 75px !important;
	margin-left: 10vw !important;
}

.u-ml75--sp {
	margin-left: 75px !important;
	margin-left: 10vw !important;
}

.u-ml-75 {
	margin-left: -75px !important;
	margin-left: -10vw !important;
}

.u-ml-75--sp {
	margin-left: -75px !important;
	margin-left: -10vw !important;
}

.u-mr75 {
	margin-right: 75px !important;
	margin-right: 10vw !important;
}

.u-mr75--sp {
	margin-right: 75px !important;
	margin-right: 10vw !important;
}

.u-mr-75 {
	margin-right: -75px !important;
	margin-right: -10vw !important;
}

.u-mr-75--sp {
	margin-right: -75px !important;
	margin-right: -10vw !important;
}

.u-mg80 {
	margin: 80px !important;
	margin: 10.66667vw !important;
}

.u-mg80--sp {
	margin: 80px !important;
	margin: 10.66667vw !important;
}

.u-mt80 {
	margin-top: 80px !important;
	margin-top: 10.66667vw !important;
}

.u-mt80--sp {
	margin-top: 80px !important;
	margin-top: 10.66667vw !important;
}

.u-mb80 {
	margin-bottom: 80px !important;
	margin-bottom: 10.66667vw !important;
}

.u-mb80--sp {
	margin-bottom: 80px !important;
	margin-bottom: 10.66667vw !important;
}

.u-ml80 {
	margin-left: 80px !important;
	margin-left: 10.66667vw !important;
}

.u-ml80--sp {
	margin-left: 80px !important;
	margin-left: 10.66667vw !important;
}

.u-ml-80 {
	margin-left: -80px !important;
	margin-left: -10.66667vw !important;
}

.u-ml-80--sp {
	margin-left: -80px !important;
	margin-left: -10.66667vw !important;
}

.u-mr80 {
	margin-right: 80px !important;
	margin-right: 10.66667vw !important;
}

.u-mr80--sp {
	margin-right: 80px !important;
	margin-right: 10.66667vw !important;
}

.u-mr-80 {
	margin-right: -80px !important;
	margin-right: -10.66667vw !important;
}

.u-mr-80--sp {
	margin-right: -80px !important;
	margin-right: -10.66667vw !important;
}

.u-mg85 {
	margin: 85px !important;
	margin: 11.33333vw !important;
}

.u-mg85--sp {
	margin: 85px !important;
	margin: 11.33333vw !important;
}

.u-mt85 {
	margin-top: 85px !important;
	margin-top: 11.33333vw !important;
}

.u-mt85--sp {
	margin-top: 85px !important;
	margin-top: 11.33333vw !important;
}

.u-mb85 {
	margin-bottom: 85px !important;
	margin-bottom: 11.33333vw !important;
}

.u-mb85--sp {
	margin-bottom: 85px !important;
	margin-bottom: 11.33333vw !important;
}

.u-ml85 {
	margin-left: 85px !important;
	margin-left: 11.33333vw !important;
}

.u-ml85--sp {
	margin-left: 85px !important;
	margin-left: 11.33333vw !important;
}

.u-ml-85 {
	margin-left: -85px !important;
	margin-left: -11.33333vw !important;
}

.u-ml-85--sp {
	margin-left: -85px !important;
	margin-left: -11.33333vw !important;
}

.u-mr85 {
	margin-right: 85px !important;
	margin-right: 11.33333vw !important;
}

.u-mr85--sp {
	margin-right: 85px !important;
	margin-right: 11.33333vw !important;
}

.u-mr-85 {
	margin-right: -85px !important;
	margin-right: -11.33333vw !important;
}

.u-mr-85--sp {
	margin-right: -85px !important;
	margin-right: -11.33333vw !important;
}

.u-mg90 {
	margin: 90px !important;
	margin: 12vw !important;
}

.u-mg90--sp {
	margin: 90px !important;
	margin: 12vw !important;
}

.u-mt90 {
	margin-top: 90px !important;
	margin-top: 12vw !important;
}

.u-mt90--sp {
	margin-top: 90px !important;
	margin-top: 12vw !important;
}

.u-mb90 {
	margin-bottom: 90px !important;
	margin-bottom: 12vw !important;
}

.u-mb90--sp {
	margin-bottom: 90px !important;
	margin-bottom: 12vw !important;
}

.u-ml90 {
	margin-left: 90px !important;
	margin-left: 12vw !important;
}

.u-ml90--sp {
	margin-left: 90px !important;
	margin-left: 12vw !important;
}

.u-ml-90 {
	margin-left: -90px !important;
	margin-left: -12vw !important;
}

.u-ml-90--sp {
	margin-left: -90px !important;
	margin-left: -12vw !important;
}

.u-mr90 {
	margin-right: 90px !important;
	margin-right: 12vw !important;
}

.u-mr90--sp {
	margin-right: 90px !important;
	margin-right: 12vw !important;
}

.u-mr-90 {
	margin-right: -90px !important;
	margin-right: -12vw !important;
}

.u-mr-90--sp {
	margin-right: -90px !important;
	margin-right: -12vw !important;
}

.u-mg95 {
	margin: 95px !important;
	margin: 12.66667vw !important;
}

.u-mg95--sp {
	margin: 95px !important;
	margin: 12.66667vw !important;
}

.u-mt95 {
	margin-top: 95px !important;
	margin-top: 12.66667vw !important;
}

.u-mt95--sp {
	margin-top: 95px !important;
	margin-top: 12.66667vw !important;
}

.u-mb95 {
	margin-bottom: 95px !important;
	margin-bottom: 12.66667vw !important;
}

.u-mb95--sp {
	margin-bottom: 95px !important;
	margin-bottom: 12.66667vw !important;
}

.u-ml95 {
	margin-left: 95px !important;
	margin-left: 12.66667vw !important;
}

.u-ml95--sp {
	margin-left: 95px !important;
	margin-left: 12.66667vw !important;
}

.u-ml-95 {
	margin-left: -95px !important;
	margin-left: -12.66667vw !important;
}

.u-ml-95--sp {
	margin-left: -95px !important;
	margin-left: -12.66667vw !important;
}

.u-mr95 {
	margin-right: 95px !important;
	margin-right: 12.66667vw !important;
}

.u-mr95--sp {
	margin-right: 95px !important;
	margin-right: 12.66667vw !important;
}

.u-mr-95 {
	margin-right: -95px !important;
	margin-right: -12.66667vw !important;
}

.u-mr-95--sp {
	margin-right: -95px !important;
	margin-right: -12.66667vw !important;
}

.u-mg100 {
	margin: 100px !important;
	margin: 13.33333vw !important;
}

.u-mg100--sp {
	margin: 100px !important;
	margin: 13.33333vw !important;
}

.u-mt100 {
	margin-top: 100px !important;
	margin-top: 13.33333vw !important;
}

.u-mt100--sp {
	margin-top: 100px !important;
	margin-top: 13.33333vw !important;
}

.u-mt120--sp {
	margin-top: 15.33333vw !important;
}

.u-mb100 {
	margin-bottom: 100px !important;
	margin-bottom: 13.33333vw !important;
}

.u-mb100--sp {
	margin-bottom: 100px !important;
	margin-bottom: 13.33333vw !important;
}

.u-ml100 {
	margin-left: 100px !important;
	margin-left: 13.33333vw !important;
}

.u-ml100--sp {
	margin-left: 100px !important;
	margin-left: 13.33333vw !important;
}

.u-ml-100 {
	margin-left: -100px !important;
	margin-left: -13.33333vw !important;
}

.u-ml-100--sp {
	margin-left: -100px !important;
	margin-left: -13.33333vw !important;
}

.u-mr100 {
	margin-right: 100px !important;
	margin-right: 13.33333vw !important;
}

.u-mr100--sp {
	margin-right: 100px !important;
	margin-right: 13.33333vw !important;
}

.u-mr-100 {
	margin-right: -100px !important;
	margin-right: -13.33333vw !important;
}

.u-mr-100--sp {
	margin-right: -100px !important;
	margin-right: -13.33333vw !important;
}

.u-pd0 {
	padding: 0px !important;
	padding: 0vw !important;
}

.u-pd0--sp {
	padding: 0px !important;
	padding: 0vw !important;
}

.u-pt0 {
	padding-top: 0px !important;
	padding-top: 0vw !important;
}

.u-pt0--sp {
	padding-top: 0px !important;
	padding-top: 0vw !important;
}

.u-pb0 {
	padding-bottom: 0px !important;
	padding-bottom: 0vw !important;
}

.u-pb0--sp {
	padding-bottom: 0px !important;
	padding-bottom: 0vw !important;
}

.u-pl0 {
	padding-left: 0px !important;
	padding-left: 0vw !important;
}

.u-pl0--sp {
	padding-left: 0px !important;
	padding-left: 0vw !important;
}

.u-pr0 {
	padding-right: 0px !important;
	padding-right: 0vw !important;
}

.u-pr0--sp {
	padding-right: 0px !important;
	padding-right: 0vw !important;
}

.u-pd5 {
	padding: 5px !important;
	padding: 0.66667vw !important;
}

.u-pd5--sp {
	padding: 5px !important;
	padding: 0.66667vw !important;
}

.u-pt5 {
	padding-top: 5px !important;
	padding-top: 0.66667vw !important;
}

.u-pt5--sp {
	padding-top: 5px !important;
	padding-top: 0.66667vw !important;
}

.u-pb5 {
	padding-bottom: 5px !important;
	padding-bottom: 0.66667vw !important;
}

.u-pb5--sp {
	padding-bottom: 5px !important;
	padding-bottom: 0.66667vw !important;
}

.u-pl5 {
	padding-left: 5px !important;
	padding-left: 0.66667vw !important;
}

.u-pl5--sp {
	padding-left: 5px !important;
	padding-left: 0.66667vw !important;
}

.u-pr5 {
	padding-right: 5px !important;
	padding-right: 0.66667vw !important;
}

.u-pr5--sp {
	padding-right: 5px !important;
	padding-right: 0.66667vw !important;
}

.u-pd10 {
	padding: 10px !important;
	padding: 1.33333vw !important;
}

.u-pd10--sp {
	padding: 10px !important;
	padding: 1.33333vw !important;
}

.u-pt10 {
	padding-top: 10px !important;
	padding-top: 1.33333vw !important;
}

.u-pt10--sp {
	padding-top: 10px !important;
	padding-top: 1.33333vw !important;
}

.u-pb10 {
	padding-bottom: 10px !important;
	padding-bottom: 1.33333vw !important;
}

.u-pb10--sp {
	padding-bottom: 10px !important;
	padding-bottom: 1.33333vw !important;
}

.u-pl10 {
	padding-left: 10px !important;
	padding-left: 1.33333vw !important;
}

.u-pl10--sp {
	padding-left: 10px !important;
	padding-left: 1.33333vw !important;
}

.u-pr10 {
	padding-right: 10px !important;
	padding-right: 1.33333vw !important;
}

.u-pr10--sp {
	padding-right: 10px !important;
	padding-right: 1.33333vw !important;
}

.u-pd15 {
	padding: 15px !important;
	padding: 2vw !important;
}

.u-pd15--sp {
	padding: 15px !important;
	padding: 2vw !important;
}

.u-pt15 {
	padding-top: 15px !important;
	padding-top: 2vw !important;
}

.u-pt15--sp {
	padding-top: 15px !important;
	padding-top: 2vw !important;
}

.u-pb15 {
	padding-bottom: 15px !important;
	padding-bottom: 2vw !important;
}

.u-pb15--sp {
	padding-bottom: 15px !important;
	padding-bottom: 2vw !important;
}

.u-pl15 {
	padding-left: 15px !important;
	padding-left: 2vw !important;
}

.u-pl15--sp {
	padding-left: 15px !important;
	padding-left: 2vw !important;
}

.u-pr15 {
	padding-right: 15px !important;
	padding-right: 2vw !important;
}

.u-pr15--sp {
	padding-right: 15px !important;
	padding-right: 2vw !important;
}

.u-pd20 {
	padding: 20px !important;
	padding: 2.66667vw !important;
}

.u-pd20--sp {
	padding: 20px !important;
	padding: 2.66667vw !important;
}

.u-pt20 {
	padding-top: 20px !important;
	padding-top: 2.66667vw !important;
}

.u-pt20--sp {
	padding-top: 20px !important;
	padding-top: 2.66667vw !important;
}

.u-pb20 {
	padding-bottom: 20px !important;
	padding-bottom: 2.66667vw !important;
}

.u-pb20--sp {
	padding-bottom: 20px !important;
	padding-bottom: 2.66667vw !important;
}

.u-pl20 {
	padding-left: 20px !important;
	padding-left: 2.66667vw !important;
}

.u-pl20--sp {
	padding-left: 20px !important;
	padding-left: 2.66667vw !important;
}

.u-pr20 {
	padding-right: 20px !important;
	padding-right: 2.66667vw !important;
}

.u-pr20--sp {
	padding-right: 20px !important;
	padding-right: 2.66667vw !important;
}

.u-pd25 {
	padding: 25px !important;
	padding: 3.33333vw !important;
}

.u-pd25--sp {
	padding: 25px !important;
	padding: 3.33333vw !important;
}

.u-pt25 {
	padding-top: 25px !important;
	padding-top: 3.33333vw !important;
}

.u-pt25--sp {
	padding-top: 25px !important;
	padding-top: 3.33333vw !important;
}

.u-pb25 {
	padding-bottom: 25px !important;
	padding-bottom: 3.33333vw !important;
}

.u-pb25--sp {
	padding-bottom: 25px !important;
	padding-bottom: 3.33333vw !important;
}

.u-pl25 {
	padding-left: 25px !important;
	padding-left: 3.33333vw !important;
}

.u-pl25--sp {
	padding-left: 25px !important;
	padding-left: 3.33333vw !important;
}

.u-pr25 {
	padding-right: 25px !important;
	padding-right: 3.33333vw !important;
}

.u-pr25--sp {
	padding-right: 25px !important;
	padding-right: 3.33333vw !important;
}

.u-pd30 {
	padding: 30px !important;
	padding: 4vw !important;
}

.u-pd30--sp {
	padding: 30px !important;
	padding: 4vw !important;
}

.u-pt30 {
	padding-top: 30px !important;
	padding-top: 4vw !important;
}

.u-pt30--sp {
	padding-top: 30px !important;
	padding-top: 4vw !important;
}

.u-pb30 {
	padding-bottom: 30px !important;
	padding-bottom: 4vw !important;
}

.u-pb30--sp {
	padding-bottom: 30px !important;
	padding-bottom: 4vw !important;
}

.u-pl30 {
	padding-left: 30px !important;
	padding-left: 4vw !important;
}

.u-pl30--sp {
	padding-left: 30px !important;
	padding-left: 4vw !important;
}

.u-pr30 {
	padding-right: 30px !important;
	padding-right: 4vw !important;
}

.u-pr30--sp {
	padding-right: 30px !important;
	padding-right: 4vw !important;
}

.u-pd35 {
	padding: 35px !important;
	padding: 4.66667vw !important;
}

.u-pd35--sp {
	padding: 35px !important;
	padding: 4.66667vw !important;
}

.u-pt35 {
	padding-top: 35px !important;
	padding-top: 4.66667vw !important;
}

.u-pt35--sp {
	padding-top: 35px !important;
	padding-top: 4.66667vw !important;
}

.u-pb35 {
	padding-bottom: 35px !important;
	padding-bottom: 4.66667vw !important;
}

.u-pb35--sp {
	padding-bottom: 35px !important;
	padding-bottom: 4.66667vw !important;
}

.u-pl35 {
	padding-left: 35px !important;
	padding-left: 4.66667vw !important;
}

.u-pl35--sp {
	padding-left: 35px !important;
	padding-left: 4.66667vw !important;
}

.u-pr35 {
	padding-right: 35px !important;
	padding-right: 4.66667vw !important;
}

.u-pr35--sp {
	padding-right: 35px !important;
	padding-right: 4.66667vw !important;
}

.u-pd40 {
	padding: 40px !important;
	padding: 5.33333vw !important;
}

.u-pd40--sp {
	padding: 40px !important;
	padding: 5.33333vw !important;
}

.u-pt40 {
	padding-top: 40px !important;
	padding-top: 5.33333vw !important;
}

.u-pt40--sp {
	padding-top: 40px !important;
	padding-top: 5.33333vw !important;
}

.u-pb40 {
	padding-bottom: 40px !important;
	padding-bottom: 5.33333vw !important;
}

.u-pb40--sp {
	padding-bottom: 40px !important;
	padding-bottom: 5.33333vw !important;
}

.u-pl40 {
	padding-left: 40px !important;
	padding-left: 5.33333vw !important;
}

.u-pl40--sp {
	padding-left: 40px !important;
	padding-left: 5.33333vw !important;
}

.u-pr40 {
	padding-right: 40px !important;
	padding-right: 5.33333vw !important;
}

.u-pr40--sp {
	padding-right: 40px !important;
	padding-right: 5.33333vw !important;
}

.u-pd45 {
	padding: 45px !important;
	padding: 6vw !important;
}

.u-pd45--sp {
	padding: 45px !important;
	padding: 6vw !important;
}

.u-pt45 {
	padding-top: 45px !important;
	padding-top: 6vw !important;
}

.u-pt45--sp {
	padding-top: 45px !important;
	padding-top: 6vw !important;
}

.u-pb45 {
	padding-bottom: 45px !important;
	padding-bottom: 6vw !important;
}

.u-pb45--sp {
	padding-bottom: 45px !important;
	padding-bottom: 6vw !important;
}

.u-pl45 {
	padding-left: 45px !important;
	padding-left: 6vw !important;
}

.u-pl45--sp {
	padding-left: 45px !important;
	padding-left: 6vw !important;
}

.u-pr45 {
	padding-right: 45px !important;
	padding-right: 6vw !important;
}

.u-pr45--sp {
	padding-right: 45px !important;
	padding-right: 6vw !important;
}

.u-pd50 {
	padding: 50px !important;
	padding: 6.66667vw !important;
}

.u-pd50--sp {
	padding: 50px !important;
	padding: 6.66667vw !important;
}

.u-pt50 {
	padding-top: 50px !important;
	padding-top: 6.66667vw !important;
}

.u-pt50--sp {
	padding-top: 50px !important;
	padding-top: 6.66667vw !important;
}

.u-pb50 {
	padding-bottom: 50px !important;
	padding-bottom: 6.66667vw !important;
}

.u-pb50--sp {
	padding-bottom: 50px !important;
	padding-bottom: 6.66667vw !important;
}

.u-pl50 {
	padding-left: 50px !important;
	padding-left: 6.66667vw !important;
}

.u-pl50--sp {
	padding-left: 50px !important;
	padding-left: 6.66667vw !important;
}

.u-pr50 {
	padding-right: 50px !important;
	padding-right: 6.66667vw !important;
}

.u-pr50--sp {
	padding-right: 50px !important;
	padding-right: 6.66667vw !important;
}

.u-pd55 {
	padding: 55px !important;
	padding: 7.33333vw !important;
}

.u-pd55--sp {
	padding: 55px !important;
	padding: 7.33333vw !important;
}

.u-pt55 {
	padding-top: 55px !important;
	padding-top: 7.33333vw !important;
}

.u-pt55--sp {
	padding-top: 55px !important;
	padding-top: 7.33333vw !important;
}

.u-pb55 {
	padding-bottom: 55px !important;
	padding-bottom: 7.33333vw !important;
}

.u-pb55--sp {
	padding-bottom: 55px !important;
	padding-bottom: 7.33333vw !important;
}

.u-pl55 {
	padding-left: 55px !important;
	padding-left: 7.33333vw !important;
}

.u-pl55--sp {
	padding-left: 55px !important;
	padding-left: 7.33333vw !important;
}

.u-pr55 {
	padding-right: 55px !important;
	padding-right: 7.33333vw !important;
}

.u-pr55--sp {
	padding-right: 55px !important;
	padding-right: 7.33333vw !important;
}

.u-pd60 {
	padding: 60px !important;
	padding: 8vw !important;
}

.u-pd60--sp {
	padding: 60px !important;
	padding: 8vw !important;
}

.u-pt60 {
	padding-top: 60px !important;
	padding-top: 8vw !important;
}

.u-pt60--sp {
	padding-top: 60px !important;
	padding-top: 8vw !important;
}

.u-pb60 {
	padding-bottom: 60px !important;
	padding-bottom: 8vw !important;
}

.u-pb60--sp {
	padding-bottom: 60px !important;
	padding-bottom: 8vw !important;
}

.u-pl60 {
	padding-left: 60px !important;
	padding-left: 8vw !important;
}

.u-pl60--sp {
	padding-left: 60px !important;
	padding-left: 8vw !important;
}

.u-pr60 {
	padding-right: 60px !important;
	padding-right: 8vw !important;
}

.u-pr60--sp {
	padding-right: 60px !important;
	padding-right: 8vw !important;
}

.u-pd65 {
	padding: 65px !important;
	padding: 8.66667vw !important;
}

.u-pd65--sp {
	padding: 65px !important;
	padding: 8.66667vw !important;
}

.u-pt65 {
	padding-top: 65px !important;
	padding-top: 8.66667vw !important;
}

.u-pt65--sp {
	padding-top: 65px !important;
	padding-top: 8.66667vw !important;
}

.u-pb65 {
	padding-bottom: 65px !important;
	padding-bottom: 8.66667vw !important;
}

.u-pb65--sp {
	padding-bottom: 65px !important;
	padding-bottom: 8.66667vw !important;
}

.u-pl65 {
	padding-left: 65px !important;
	padding-left: 8.66667vw !important;
}

.u-pl65--sp {
	padding-left: 65px !important;
	padding-left: 8.66667vw !important;
}

.u-pr65 {
	padding-right: 65px !important;
	padding-right: 8.66667vw !important;
}

.u-pr65--sp {
	padding-right: 65px !important;
	padding-right: 8.66667vw !important;
}

.u-pd70 {
	padding: 70px !important;
	padding: 9.33333vw !important;
}

.u-pd70--sp {
	padding: 70px !important;
	padding: 9.33333vw !important;
}

.u-pt70 {
	padding-top: 70px !important;
	padding-top: 9.33333vw !important;
}

.u-pt70--sp {
	padding-top: 70px !important;
	padding-top: 9.33333vw !important;
}

.u-pb70 {
	padding-bottom: 70px !important;
	padding-bottom: 9.33333vw !important;
}

.u-pb70--sp {
	padding-bottom: 70px !important;
	padding-bottom: 9.33333vw !important;
}

.u-pl70 {
	padding-left: 70px !important;
	padding-left: 9.33333vw !important;
}

.u-pl70--sp {
	padding-left: 70px !important;
	padding-left: 9.33333vw !important;
}

.u-pr70 {
	padding-right: 70px !important;
	padding-right: 9.33333vw !important;
}

.u-pr70--sp {
	padding-right: 70px !important;
	padding-right: 9.33333vw !important;
}

.u-pd75 {
	padding: 75px !important;
	padding: 10vw !important;
}

.u-pd75--sp {
	padding: 75px !important;
	padding: 10vw !important;
}

.u-pt75 {
	padding-top: 75px !important;
	padding-top: 10vw !important;
}

.u-pt75--sp {
	padding-top: 75px !important;
	padding-top: 10vw !important;
}

.u-pb75 {
	padding-bottom: 75px !important;
	padding-bottom: 10vw !important;
}

.u-pb75--sp {
	padding-bottom: 75px !important;
	padding-bottom: 10vw !important;
}

.u-pl75 {
	padding-left: 75px !important;
	padding-left: 10vw !important;
}

.u-pl75--sp {
	padding-left: 75px !important;
	padding-left: 10vw !important;
}

.u-pr75 {
	padding-right: 75px !important;
	padding-right: 10vw !important;
}

.u-pr75--sp {
	padding-right: 75px !important;
	padding-right: 10vw !important;
}

.u-pd80 {
	padding: 80px !important;
	padding: 10.66667vw !important;
}

.u-pd80--sp {
	padding: 80px !important;
	padding: 10.66667vw !important;
}

.u-pt80 {
	padding-top: 80px !important;
	padding-top: 10.66667vw !important;
}

.u-pt80--sp {
	padding-top: 80px !important;
	padding-top: 10.66667vw !important;
}

.u-pb80 {
	padding-bottom: 80px !important;
	padding-bottom: 10.66667vw !important;
}

.u-pb80--sp {
	padding-bottom: 80px !important;
	padding-bottom: 10.66667vw !important;
}

.u-pl80 {
	padding-left: 80px !important;
	padding-left: 10.66667vw !important;
}

.u-pl80--sp {
	padding-left: 80px !important;
	padding-left: 10.66667vw !important;
}

.u-pr80 {
	padding-right: 80px !important;
	padding-right: 10.66667vw !important;
}

.u-pr80--sp {
	padding-right: 80px !important;
	padding-right: 10.66667vw !important;
}

.u-pd85 {
	padding: 85px !important;
	padding: 11.33333vw !important;
}

.u-pd85--sp {
	padding: 85px !important;
	padding: 11.33333vw !important;
}

.u-pt85 {
	padding-top: 85px !important;
	padding-top: 11.33333vw !important;
}

.u-pt85--sp {
	padding-top: 85px !important;
	padding-top: 11.33333vw !important;
}

.u-pb85 {
	padding-bottom: 85px !important;
	padding-bottom: 11.33333vw !important;
}

.u-pb85--sp {
	padding-bottom: 85px !important;
	padding-bottom: 11.33333vw !important;
}

.u-pl85 {
	padding-left: 85px !important;
	padding-left: 11.33333vw !important;
}

.u-pl85--sp {
	padding-left: 85px !important;
	padding-left: 11.33333vw !important;
}

.u-pr85 {
	padding-right: 85px !important;
	padding-right: 11.33333vw !important;
}

.u-pr85--sp {
	padding-right: 85px !important;
	padding-right: 11.33333vw !important;
}

.u-pd90 {
	padding: 90px !important;
	padding: 12vw !important;
}

.u-pd90--sp {
	padding: 90px !important;
	padding: 12vw !important;
}

.u-pt90 {
	padding-top: 90px !important;
	padding-top: 12vw !important;
}

.u-pt90--sp {
	padding-top: 90px !important;
	padding-top: 12vw !important;
}

.u-pb90 {
	padding-bottom: 90px !important;
	padding-bottom: 12vw !important;
}

.u-pb90--sp {
	padding-bottom: 90px !important;
	padding-bottom: 12vw !important;
}

.u-pl90 {
	padding-left: 90px !important;
	padding-left: 12vw !important;
}

.u-pl90--sp {
	padding-left: 90px !important;
	padding-left: 12vw !important;
}

.u-pr90 {
	padding-right: 90px !important;
	padding-right: 12vw !important;
}

.u-pr90--sp {
	padding-right: 90px !important;
	padding-right: 12vw !important;
}

.u-pd95 {
	padding: 95px !important;
	padding: 12.66667vw !important;
}

.u-pd95--sp {
	padding: 95px !important;
	padding: 12.66667vw !important;
}

.u-pt95 {
	padding-top: 95px !important;
	padding-top: 12.66667vw !important;
}

.u-pt95--sp {
	padding-top: 95px !important;
	padding-top: 12.66667vw !important;
}

.u-pb95 {
	padding-bottom: 95px !important;
	padding-bottom: 12.66667vw !important;
}

.u-pb95--sp {
	padding-bottom: 95px !important;
	padding-bottom: 12.66667vw !important;
}

.u-pl95 {
	padding-left: 95px !important;
	padding-left: 12.66667vw !important;
}

.u-pl95--sp {
	padding-left: 95px !important;
	padding-left: 12.66667vw !important;
}

.u-pr95 {
	padding-right: 95px !important;
	padding-right: 12.66667vw !important;
}

.u-pr95--sp {
	padding-right: 95px !important;
	padding-right: 12.66667vw !important;
}

.u-pd100 {
	padding: 100px !important;
	padding: 13.33333vw !important;
}

.u-pd100--sp {
	padding: 100px !important;
	padding: 13.33333vw !important;
}

.u-pt100 {
	padding-top: 100px !important;
	padding-top: 13.33333vw !important;
}

.u-pt100--sp {
	padding-top: 100px !important;
	padding-top: 13.33333vw !important;
}

.u-pb100 {
	padding-bottom: 100px !important;
	padding-bottom: 13.33333vw !important;
}

.u-pb100--sp {
	padding-bottom: 100px !important;
	padding-bottom: 13.33333vw !important;
}

.u-pl100 {
	padding-left: 100px !important;
	padding-left: 13.33333vw !important;
}

.u-pl100--sp {
	padding-left: 100px !important;
	padding-left: 13.33333vw !important;
}

.u-pr100 {
	padding-right: 100px !important;
	padding-right: 13.33333vw !important;
}

.u-pr100--sp {
	padding-right: 100px !important;
	padding-right: 13.33333vw !important;
}

.u-clickdisable--sp {
	pointer-events: none;
}

.u-txt {
	font-size: 14px;
	font-size: 3.73333vw;
}

.u-txt--sp {
	font-size: 14px;
	font-size: 3.73333vw;
}

.u-txt__small {
	font-size: 11px;
	font-size: 2.93333vw;
}

.u-txt__small--sp {
	font-size: 11px;
	font-size: 2.93333vw;
}

.u-txt__midium {
	font-size: 15px;
	font-size: 4vw;
}

.u-txt__midium--sp {
	font-size: 15px;
	font-size: 4vw;
}

.u-txt__large {
	font-size: 19px;
	font-size: 5.06666vw;
}

.u-txt__large--sp {
	font-size: 19px;
	font-size: 5.06666vw;
}

.u-txt__xlarge {
	font-size: 23px;
	font-size: 6.13332vw;
}

.u-txt__xlarge--sp {
	font-size: 23px;
	font-size: 6.13332vw;
}

.u-indent--disc {
	padding-left: 1em;
}

.u-indent--disc:before {
	margin-left: -1em;
}

.u-indent--notice:before {
	margin-left: -1em;
}

.u-wd5--sp {
	width: 5px !important;
	width: 0.66667vw !important;
}

.u-wd1per--sp {
	width: 1% !important;
}

.u-wd10--sp {
	width: 10px !important;
	width: 1.33333vw !important;
}

.u-wd2per--sp {
	width: 2% !important;
}

.u-wd15--sp {
	width: 15px !important;
	width: 2vw !important;
}

.u-wd3per--sp {
	width: 3% !important;
}

.u-wd20--sp {
	width: 20px !important;
	width: 2.66667vw !important;
}

.u-wd4per--sp {
	width: 4% !important;
}

.u-wd25--sp {
	width: 25px !important;
	width: 3.33333vw !important;
}

.u-wd5per--sp {
	width: 5% !important;
}

.u-wd30--sp {
	width: 30px !important;
	width: 4vw !important;
}

.u-wd6per--sp {
	width: 6% !important;
}

.u-wd35--sp {
	width: 35px !important;
	width: 4.66667vw !important;
}

.u-wd7per--sp {
	width: 7% !important;
}

.u-wd40--sp {
	width: 40px !important;
	width: 5.33333vw !important;
}

.u-wd8per--sp {
	width: 8% !important;
}

.u-wd45--sp {
	width: 45px !important;
	width: 6vw !important;
}

.u-wd9per--sp {
	width: 9% !important;
}

.u-wd50--sp {
	width: 50px !important;
	width: 6.66667vw !important;
}

.u-wd10per--sp {
	width: 10% !important;
}

.u-wd55--sp {
	width: 55px !important;
	width: 7.33333vw !important;
}

.u-wd11per--sp {
	width: 11% !important;
}

.u-wd60--sp {
	width: 60px !important;
	width: 8vw !important;
}

.u-wd12per--sp {
	width: 12% !important;
}

.u-wd65--sp {
	width: 65px !important;
	width: 8.66667vw !important;
}

.u-wd13per--sp {
	width: 13% !important;
}

.u-wd70--sp {
	width: 70px !important;
	width: 9.33333vw !important;
}

.u-wd14per--sp {
	width: 14% !important;
}

.u-wd75--sp {
	width: 75px !important;
	width: 10vw !important;
}

.u-wd15per--sp {
	width: 15% !important;
}

.u-wd80--sp {
	width: 80px !important;
	width: 10.66667vw !important;
}

.u-wd16per--sp {
	width: 16% !important;
}

.u-wd85--sp {
	width: 85px !important;
	width: 11.33333vw !important;
}

.u-wd17per--sp {
	width: 17% !important;
}

.u-wd90--sp {
	width: 90px !important;
	width: 12vw !important;
}

.u-wd18per--sp {
	width: 18% !important;
}

.u-wd95--sp {
	width: 95px !important;
	width: 12.66667vw !important;
}

.u-wd19per--sp {
	width: 19% !important;
}

.u-wd100--sp {
	width: 100px !important;
	width: 13.33333vw !important;
}

.u-wd20per--sp {
	width: 20% !important;
}

.u-wd105--sp {
	width: 105px !important;
	width: 14vw !important;
}

.u-wd21per--sp {
	width: 21% !important;
}

.u-wd110--sp {
	width: 110px !important;
	width: 14.66667vw !important;
}

.u-wd22per--sp {
	width: 22% !important;
}

.u-wd115--sp {
	width: 115px !important;
	width: 15.33333vw !important;
}

.u-wd23per--sp {
	width: 23% !important;
}

.u-wd120--sp {
	width: 120px !important;
	width: 16vw !important;
}

.u-wd24per--sp {
	width: 24% !important;
}

.u-wd125--sp {
	width: 125px !important;
	width: 16.66667vw !important;
}

.u-wd25per--sp {
	width: 25% !important;
}

.u-wd130--sp {
	width: 130px !important;
	width: 17.33333vw !important;
}

.u-wd26per--sp {
	width: 26% !important;
}

.u-wd135--sp {
	width: 135px !important;
	width: 18vw !important;
}

.u-wd27per--sp {
	width: 27% !important;
}

.u-wd140--sp {
	width: 140px !important;
	width: 18.66667vw !important;
}

.u-wd28per--sp {
	width: 28% !important;
}

.u-wd145--sp {
	width: 145px !important;
	width: 19.33333vw !important;
}

.u-wd29per--sp {
	width: 29% !important;
}

.u-wd150--sp {
	width: 150px !important;
	width: 20vw !important;
}

.u-wd30per--sp {
	width: 30% !important;
}

.u-wd155--sp {
	width: 155px !important;
	width: 20.66667vw !important;
}

.u-wd31per--sp {
	width: 31% !important;
}

.u-wd160--sp {
	width: 160px !important;
	width: 21.33333vw !important;
}

.u-wd32per--sp {
	width: 32% !important;
}

.u-wd165--sp {
	width: 165px !important;
	width: 22vw !important;
}

.u-wd33per--sp {
	width: 33% !important;
}

.u-wd170--sp {
	width: 170px !important;
	width: 22.66667vw !important;
}

.u-wd34per--sp {
	width: 34% !important;
}

.u-wd175--sp {
	width: 175px !important;
	width: 23.33333vw !important;
}

.u-wd35per--sp {
	width: 35% !important;
}

.u-wd180--sp {
	width: 180px !important;
	width: 24vw !important;
}

.u-wd36per--sp {
	width: 36% !important;
}

.u-wd185--sp {
	width: 185px !important;
	width: 24.66667vw !important;
}

.u-wd37per--sp {
	width: 37% !important;
}

.u-wd190--sp {
	width: 190px !important;
	width: 25.33333vw !important;
}

.u-wd38per--sp {
	width: 38% !important;
}

.u-wd195--sp {
	width: 195px !important;
	width: 26vw !important;
}

.u-wd39per--sp {
	width: 39% !important;
}

.u-wd200--sp {
	width: 200px !important;
	width: 26.66667vw !important;
}

.u-wd40per--sp {
	width: 40% !important;
}

.u-wd205--sp {
	width: 205px !important;
	width: 27.33333vw !important;
}

.u-wd41per--sp {
	width: 41% !important;
}

.u-wd210--sp {
	width: 210px !important;
	width: 28vw !important;
}

.u-wd42per--sp {
	width: 42% !important;
}

.u-wd215--sp {
	width: 215px !important;
	width: 28.66667vw !important;
}

.u-wd43per--sp {
	width: 43% !important;
}

.u-wd220--sp {
	width: 220px !important;
	width: 29.33333vw !important;
}

.u-wd44per--sp {
	width: 44% !important;
}

.u-wd225--sp {
	width: 225px !important;
	width: 30vw !important;
}

.u-wd45per--sp {
	width: 45% !important;
}

.u-wd230--sp {
	width: 230px !important;
	width: 30.66667vw !important;
}

.u-wd46per--sp {
	width: 46% !important;
}

.u-wd235--sp {
	width: 235px !important;
	width: 31.33333vw !important;
}

.u-wd47per--sp {
	width: 47% !important;
}

.u-wd240--sp {
	width: 240px !important;
	width: 32vw !important;
}

.u-wd48per--sp {
	width: 48% !important;
}

.u-wd245--sp {
	width: 245px !important;
	width: 32.66667vw !important;
}

.u-wd49per--sp {
	width: 49% !important;
}

.u-wd250--sp {
	width: 250px !important;
	width: 33.33333vw !important;
}

.u-wd50per--sp {
	width: 50% !important;
}

.u-wd255--sp {
	width: 255px !important;
	width: 34vw !important;
}

.u-wd51per--sp {
	width: 51% !important;
}

.u-wd260--sp {
	width: 260px !important;
	width: 34.66667vw !important;
}

.u-wd52per--sp {
	width: 52% !important;
}

.u-wd265--sp {
	width: 265px !important;
	width: 35.33333vw !important;
}

.u-wd53per--sp {
	width: 53% !important;
}

.u-wd270--sp {
	width: 270px !important;
	width: 36vw !important;
}

.u-wd54per--sp {
	width: 54% !important;
}

.u-wd275--sp {
	width: 275px !important;
	width: 36.66667vw !important;
}

.u-wd55per--sp {
	width: 55% !important;
}

.u-wd280--sp {
	width: 280px !important;
	width: 37.33333vw !important;
}

.u-wd56per--sp {
	width: 56% !important;
}

.u-wd285--sp {
	width: 285px !important;
	width: 38vw !important;
}

.u-wd57per--sp {
	width: 57% !important;
}

.u-wd290--sp {
	width: 290px !important;
	width: 38.66667vw !important;
}

.u-wd58per--sp {
	width: 58% !important;
}

.u-wd295--sp {
	width: 295px !important;
	width: 39.33333vw !important;
}

.u-wd59per--sp {
	width: 59% !important;
}

.u-wd300--sp {
	width: 300px !important;
	width: 40vw !important;
}

.u-wd60per--sp {
	width: 60% !important;
}

.u-wd305--sp {
	width: 305px !important;
	width: 40.66667vw !important;
}

.u-wd61per--sp {
	width: 61% !important;
}

.u-wd310--sp {
	width: 310px !important;
	width: 41.33333vw !important;
}

.u-wd62per--sp {
	width: 62% !important;
}

.u-wd315--sp {
	width: 315px !important;
	width: 42vw !important;
}

.u-wd63per--sp {
	width: 63% !important;
}

.u-wd320--sp {
	width: 320px !important;
	width: 42.66667vw !important;
}

.u-wd64per--sp {
	width: 64% !important;
}

.u-wd325--sp {
	width: 325px !important;
	width: 43.33333vw !important;
}

.u-wd65per--sp {
	width: 65% !important;
}

.u-wd330--sp {
	width: 330px !important;
	width: 44vw !important;
}

.u-wd66per--sp {
	width: 66% !important;
}

.u-wd335--sp {
	width: 335px !important;
	width: 44.66667vw !important;
}

.u-wd67per--sp {
	width: 67% !important;
}

.u-wd340--sp {
	width: 340px !important;
	width: 45.33333vw !important;
}

.u-wd68per--sp {
	width: 68% !important;
}

.u-wd345--sp {
	width: 345px !important;
	width: 46vw !important;
}

.u-wd69per--sp {
	width: 69% !important;
}

.u-wd350--sp {
	width: 350px !important;
	width: 46.66667vw !important;
}

.u-wd70per--sp {
	width: 70% !important;
}

.u-wd355--sp {
	width: 355px !important;
	width: 47.33333vw !important;
}

.u-wd71per--sp {
	width: 71% !important;
}

.u-wd360--sp {
	width: 360px !important;
	width: 48vw !important;
}

.u-wd72per--sp {
	width: 72% !important;
}

.u-wd365--sp {
	width: 365px !important;
	width: 48.66667vw !important;
}

.u-wd73per--sp {
	width: 73% !important;
}

.u-wd370--sp {
	width: 370px !important;
	width: 49.33333vw !important;
}

.u-wd74per--sp {
	width: 74% !important;
}

.u-wd375--sp {
	width: 375px !important;
	width: 50vw !important;
}

.u-wd75per--sp {
	width: 75% !important;
}

.u-wd380--sp {
	width: 380px !important;
	width: 50.66667vw !important;
}

.u-wd76per--sp {
	width: 76% !important;
}

.u-wd385--sp {
	width: 385px !important;
	width: 51.33333vw !important;
}

.u-wd77per--sp {
	width: 77% !important;
}

.u-wd390--sp {
	width: 390px !important;
	width: 52vw !important;
}

.u-wd78per--sp {
	width: 78% !important;
}

.u-wd395--sp {
	width: 395px !important;
	width: 52.66667vw !important;
}

.u-wd79per--sp {
	width: 79% !important;
}

.u-wd400--sp {
	width: 400px !important;
	width: 53.33333vw !important;
}

.u-wd80per--sp {
	width: 80% !important;
}

.u-wd405--sp {
	width: 405px !important;
	width: 54vw !important;
}

.u-wd81per--sp {
	width: 81% !important;
}

.u-wd410--sp {
	width: 410px !important;
	width: 54.66667vw !important;
}

.u-wd82per--sp {
	width: 82% !important;
}

.u-wd415--sp {
	width: 415px !important;
	width: 55.33333vw !important;
}

.u-wd83per--sp {
	width: 83% !important;
}

.u-wd420--sp {
	width: 420px !important;
	width: 56vw !important;
}

.u-wd84per--sp {
	width: 84% !important;
}

.u-wd425--sp {
	width: 425px !important;
	width: 56.66667vw !important;
}

.u-wd85per--sp {
	width: 85% !important;
}

.u-wd430--sp {
	width: 430px !important;
	width: 57.33333vw !important;
}

.u-wd86per--sp {
	width: 86% !important;
}

.u-wd435--sp {
	width: 435px !important;
	width: 58vw !important;
}

.u-wd87per--sp {
	width: 87% !important;
}

.u-wd440--sp {
	width: 440px !important;
	width: 58.66667vw !important;
}

.u-wd88per--sp {
	width: 88% !important;
}

.u-wd445--sp {
	width: 445px !important;
	width: 59.33333vw !important;
}

.u-wd89per--sp {
	width: 89% !important;
}

.u-wd450--sp {
	width: 450px !important;
	width: 60vw !important;
}

.u-wd90per--sp {
	width: 90% !important;
}

.u-wd455--sp {
	width: 455px !important;
	width: 60.66667vw !important;
}

.u-wd91per--sp {
	width: 91% !important;
}

.u-wd460--sp {
	width: 460px !important;
	width: 61.33333vw !important;
}

.u-wd92per--sp {
	width: 92% !important;
}

.u-wd465--sp {
	width: 465px !important;
	width: 62vw !important;
}

.u-wd93per--sp {
	width: 93% !important;
}

.u-wd470--sp {
	width: 470px !important;
	width: 62.66667vw !important;
}

.u-wd94per--sp {
	width: 94% !important;
}

.u-wd475--sp {
	width: 475px !important;
	width: 63.33333vw !important;
}

.u-wd95per--sp {
	width: 95% !important;
}

.u-wd480--sp {
	width: 480px !important;
	width: 64vw !important;
}

.u-wd96per--sp {
	width: 96% !important;
}

.u-wd485--sp {
	width: 485px !important;
	width: 64.66667vw !important;
}

.u-wd97per--sp {
	width: 97% !important;
}

.u-wd490--sp {
	width: 490px !important;
	width: 65.33333vw !important;
}

.u-wd98per--sp {
	width: 98% !important;
}

.u-wd495--sp {
	width: 495px !important;
	width: 66vw !important;
}

.u-wd99per--sp {
	width: 99% !important;
}

.u-wd500--sp {
	width: 500px !important;
	width: 66.66667vw !important;
}

.u-wd100per--sp {
	width: 100% !important;
}

.u-wd505--sp {
	width: 505px !important;
	width: 67.33333vw !important;
}

.u-wd101per--sp {
	width: 101% !important;
}

.u-wd510--sp {
	width: 510px !important;
	width: 68vw !important;
}

.u-wd102per--sp {
	width: 102% !important;
}

.u-wd515--sp {
	width: 515px !important;
	width: 68.66667vw !important;
}

.u-wd103per--sp {
	width: 103% !important;
}

.u-wd520--sp {
	width: 520px !important;
	width: 69.33333vw !important;
}

.u-wd104per--sp {
	width: 104% !important;
}

.u-wd525--sp {
	width: 525px !important;
	width: 70vw !important;
}

.u-wd105per--sp {
	width: 105% !important;
}

.u-wd530--sp {
	width: 530px !important;
	width: 70.66667vw !important;
}

.u-wd106per--sp {
	width: 106% !important;
}

.u-wd535--sp {
	width: 535px !important;
	width: 71.33333vw !important;
}

.u-wd107per--sp {
	width: 107% !important;
}

.u-wd540--sp {
	width: 540px !important;
	width: 72vw !important;
}

.u-wd108per--sp {
	width: 108% !important;
}

.u-wd545--sp {
	width: 545px !important;
	width: 72.66667vw !important;
}

.u-wd109per--sp {
	width: 109% !important;
}

.u-wd550--sp {
	width: 550px !important;
	width: 73.33333vw !important;
}

.u-wd110per--sp {
	width: 110% !important;
}

.u-wd555--sp {
	width: 555px !important;
	width: 74vw !important;
}

.u-wd111per--sp {
	width: 111% !important;
}

.u-wd560--sp {
	width: 560px !important;
	width: 74.66667vw !important;
}

.u-wd112per--sp {
	width: 112% !important;
}

.u-wd565--sp {
	width: 565px !important;
	width: 75.33333vw !important;
}

.u-wd113per--sp {
	width: 113% !important;
}

.u-wd570--sp {
	width: 570px !important;
	width: 76vw !important;
}

.u-wd114per--sp {
	width: 114% !important;
}

.u-wd575--sp {
	width: 575px !important;
	width: 76.66667vw !important;
}

.u-wd115per--sp {
	width: 115% !important;
}

.u-wd580--sp {
	width: 580px !important;
	width: 77.33333vw !important;
}

.u-wd116per--sp {
	width: 116% !important;
}

.u-wd585--sp {
	width: 585px !important;
	width: 78vw !important;
}

.u-wd117per--sp {
	width: 117% !important;
}

.u-wd590--sp {
	width: 590px !important;
	width: 78.66667vw !important;
}

.u-wd118per--sp {
	width: 118% !important;
}

.u-wd595--sp {
	width: 595px !important;
	width: 79.33333vw !important;
}

.u-wd119per--sp {
	width: 119% !important;
}

.u-wd600--sp {
	width: 600px !important;
	width: 80vw !important;
}

.u-wd120per--sp {
	width: 120% !important;
}

.u-wd605--sp {
	width: 605px !important;
	width: 80.66667vw !important;
}

.u-wd121per--sp {
	width: 121% !important;
}

.u-wd610--sp {
	width: 610px !important;
	width: 81.33333vw !important;
}

.u-wd122per--sp {
	width: 122% !important;
}

.u-wd615--sp {
	width: 615px !important;
	width: 82vw !important;
}

.u-wd123per--sp {
	width: 123% !important;
}

.u-wd620--sp {
	width: 620px !important;
	width: 82.66667vw !important;
}

.u-wd124per--sp {
	width: 124% !important;
}

.u-wd625--sp {
	width: 625px !important;
	width: 83.33333vw !important;
}

.u-wd125per--sp {
	width: 125% !important;
}

.u-wd630--sp {
	width: 630px !important;
	width: 84vw !important;
}

.u-wd126per--sp {
	width: 126% !important;
}

.u-wd635--sp {
	width: 635px !important;
	width: 84.66667vw !important;
}

.u-wd127per--sp {
	width: 127% !important;
}

.u-wd640--sp {
	width: 640px !important;
	width: 85.33333vw !important;
}

.u-wd128per--sp {
	width: 128% !important;
}

.u-wd645--sp {
	width: 645px !important;
	width: 86vw !important;
}

.u-wd129per--sp {
	width: 129% !important;
}

.u-wd650--sp {
	width: 650px !important;
	width: 86.66667vw !important;
}

.u-wd130per--sp {
	width: 130% !important;
}

.u-wd655--sp {
	width: 655px !important;
	width: 87.33333vw !important;
}

.u-wd131per--sp {
	width: 131% !important;
}

.u-wd660--sp {
	width: 660px !important;
	width: 88vw !important;
}

.u-wd132per--sp {
	width: 132% !important;
}

.u-wd665--sp {
	width: 665px !important;
	width: 88.66667vw !important;
}

.u-wd133per--sp {
	width: 133% !important;
}

.u-wd670--sp {
	width: 670px !important;
	width: 89.33333vw !important;
}

.u-wd134per--sp {
	width: 134% !important;
}

.u-wd675--sp {
	width: 675px !important;
	width: 90vw !important;
}

.u-wd135per--sp {
	width: 135% !important;
}

.u-wd680--sp {
	width: 680px !important;
	width: 90.66667vw !important;
}

.u-wd136per--sp {
	width: 136% !important;
}

.u-wd685--sp {
	width: 685px !important;
	width: 91.33333vw !important;
}

.u-wd137per--sp {
	width: 137% !important;
}

.u-wd690--sp {
	width: 690px !important;
	width: 92vw !important;
}

.u-wd138per--sp {
	width: 138% !important;
}

.u-wd695--sp {
	width: 695px !important;
	width: 92.66667vw !important;
}

.u-wd139per--sp {
	width: 139% !important;
}

.u-wd700--sp {
	width: 700px !important;
	width: 93.33333vw !important;
}

.u-wd140per--sp {
	width: 140% !important;
}

.u-wd705--sp {
	width: 705px !important;
	width: 94vw !important;
}

.u-wd141per--sp {
	width: 141% !important;
}

.u-wd710--sp {
	width: 710px !important;
	width: 94.66667vw !important;
}

.u-wd142per--sp {
	width: 142% !important;
}

.u-wd715--sp {
	width: 715px !important;
	width: 95.33333vw !important;
}

.u-wd143per--sp {
	width: 143% !important;
}

.u-wd720--sp {
	width: 720px !important;
	width: 96vw !important;
}

.u-wd144per--sp {
	width: 144% !important;
}

.u-wd725--sp {
	width: 725px !important;
	width: 96.66667vw !important;
}

.u-wd145per--sp {
	width: 145% !important;
}

.u-wd730--sp {
	width: 730px !important;
	width: 97.33333vw !important;
}

.u-wd146per--sp {
	width: 146% !important;
}

.u-wd735--sp {
	width: 735px !important;
	width: 98vw !important;
}

.u-wd147per--sp {
	width: 147% !important;
}

.u-wd740--sp {
	width: 740px !important;
	width: 98.66667vw !important;
}

.u-wd148per--sp {
	width: 148% !important;
}

.u-wd745--sp {
	width: 745px !important;
	width: 99.33333vw !important;
}

.u-wd149per--sp {
	width: 149% !important;
}

.u-wd750--sp {
	width: 750px !important;
	width: 100vw !important;
}

.u-wd150per--sp {
	width: 150% !important;
}

.u-wd755--sp {
	width: 755px !important;
	width: 100.66667vw !important;
}

.u-wd151per--sp {
	width: 151% !important;
}

.u-wd760--sp {
	width: 760px !important;
	width: 101.33333vw !important;
}

.u-wd152per--sp {
	width: 152% !important;
}

.u-wd765--sp {
	width: 765px !important;
	width: 102vw !important;
}

.u-wd153per--sp {
	width: 153% !important;
}

.u-wd770--sp {
	width: 770px !important;
	width: 102.66667vw !important;
}

.u-wd154per--sp {
	width: 154% !important;
}

.u-wd775--sp {
	width: 775px !important;
	width: 103.33333vw !important;
}

.u-wd155per--sp {
	width: 155% !important;
}

.u-wd780--sp {
	width: 780px !important;
	width: 104vw !important;
}

.u-wd156per--sp {
	width: 156% !important;
}

.u-wd785--sp {
	width: 785px !important;
	width: 104.66667vw !important;
}

.u-wd157per--sp {
	width: 157% !important;
}

.u-wd790--sp {
	width: 790px !important;
	width: 105.33333vw !important;
}

.u-wd158per--sp {
	width: 158% !important;
}

.u-wd795--sp {
	width: 795px !important;
	width: 106vw !important;
}

.u-wd159per--sp {
	width: 159% !important;
}

.u-wd800--sp {
	width: 800px !important;
	width: 106.66667vw !important;
}

.u-wd160per--sp {
	width: 160% !important;
}

.u-wd805--sp {
	width: 805px !important;
	width: 107.33333vw !important;
}

.u-wd161per--sp {
	width: 161% !important;
}

.u-wd810--sp {
	width: 810px !important;
	width: 108vw !important;
}

.u-wd162per--sp {
	width: 162% !important;
}

.u-wd815--sp {
	width: 815px !important;
	width: 108.66667vw !important;
}

.u-wd163per--sp {
	width: 163% !important;
}

.u-wd820--sp {
	width: 820px !important;
	width: 109.33333vw !important;
}

.u-wd164per--sp {
	width: 164% !important;
}

.u-wd825--sp {
	width: 825px !important;
	width: 110vw !important;
}

.u-wd165per--sp {
	width: 165% !important;
}

.u-wd830--sp {
	width: 830px !important;
	width: 110.66667vw !important;
}

.u-wd166per--sp {
	width: 166% !important;
}

.u-wd835--sp {
	width: 835px !important;
	width: 111.33333vw !important;
}

.u-wd167per--sp {
	width: 167% !important;
}

.u-wd840--sp {
	width: 840px !important;
	width: 112vw !important;
}

.u-wd168per--sp {
	width: 168% !important;
}

.u-wd845--sp {
	width: 845px !important;
	width: 112.66667vw !important;
}

.u-wd169per--sp {
	width: 169% !important;
}

.u-wd850--sp {
	width: 850px !important;
	width: 113.33333vw !important;
}

.u-wd170per--sp {
	width: 170% !important;
}

.u-wd855--sp {
	width: 855px !important;
	width: 114vw !important;
}

.u-wd171per--sp {
	width: 171% !important;
}

.u-wd860--sp {
	width: 860px !important;
	width: 114.66667vw !important;
}

.u-wd172per--sp {
	width: 172% !important;
}

.u-wd865--sp {
	width: 865px !important;
	width: 115.33333vw !important;
}

.u-wd173per--sp {
	width: 173% !important;
}

.u-wd870--sp {
	width: 870px !important;
	width: 116vw !important;
}

.u-wd174per--sp {
	width: 174% !important;
}

.u-wd875--sp {
	width: 875px !important;
	width: 116.66667vw !important;
}

.u-wd175per--sp {
	width: 175% !important;
}

.u-wd880--sp {
	width: 880px !important;
	width: 117.33333vw !important;
}

.u-wd176per--sp {
	width: 176% !important;
}

.u-wd885--sp {
	width: 885px !important;
	width: 118vw !important;
}

.u-wd177per--sp {
	width: 177% !important;
}

.u-wd890--sp {
	width: 890px !important;
	width: 118.66667vw !important;
}

.u-wd178per--sp {
	width: 178% !important;
}

.u-wd895--sp {
	width: 895px !important;
	width: 119.33333vw !important;
}

.u-wd179per--sp {
	width: 179% !important;
}

.u-wd900--sp {
	width: 900px !important;
	width: 120vw !important;
}

.u-wd180per--sp {
	width: 180% !important;
}

.u-wd905--sp {
	width: 905px !important;
	width: 120.66667vw !important;
}

.u-wd181per--sp {
	width: 181% !important;
}

.u-wd910--sp {
	width: 910px !important;
	width: 121.33333vw !important;
}

.u-wd182per--sp {
	width: 182% !important;
}

.u-wd915--sp {
	width: 915px !important;
	width: 122vw !important;
}

.u-wd183per--sp {
	width: 183% !important;
}

.u-wd920--sp {
	width: 920px !important;
	width: 122.66667vw !important;
}

.u-wd184per--sp {
	width: 184% !important;
}

.u-wd925--sp {
	width: 925px !important;
	width: 123.33333vw !important;
}

.u-wd185per--sp {
	width: 185% !important;
}

.u-wd930--sp {
	width: 930px !important;
	width: 124vw !important;
}

.u-wd186per--sp {
	width: 186% !important;
}

.u-wd935--sp {
	width: 935px !important;
	width: 124.66667vw !important;
}

.u-wd187per--sp {
	width: 187% !important;
}

.u-wd940--sp {
	width: 940px !important;
	width: 125.33333vw !important;
}

.u-wd188per--sp {
	width: 188% !important;
}

.u-wd945--sp {
	width: 945px !important;
	width: 126vw !important;
}

.u-wd189per--sp {
	width: 189% !important;
}

.u-wd950--sp {
	width: 950px !important;
	width: 126.66667vw !important;
}

.u-wd190per--sp {
	width: 190% !important;
}

.u-wd955--sp {
	width: 955px !important;
	width: 127.33333vw !important;
}

.u-wd191per--sp {
	width: 191% !important;
}

.u-wd960--sp {
	width: 960px !important;
	width: 128vw !important;
}

.u-wd192per--sp {
	width: 192% !important;
}

.u-wd965--sp {
	width: 965px !important;
	width: 128.66667vw !important;
}

.u-wd193per--sp {
	width: 193% !important;
}

.u-wd970--sp {
	width: 970px !important;
	width: 129.33333vw !important;
}

.u-wd194per--sp {
	width: 194% !important;
}

.u-wd975--sp {
	width: 975px !important;
	width: 130vw !important;
}

.u-wd195per--sp {
	width: 195% !important;
}

.u-wd980--sp {
	width: 980px !important;
	width: 130.66667vw !important;
}

.u-wd196per--sp {
	width: 196% !important;
}

.u-wd985--sp {
	width: 985px !important;
	width: 131.33333vw !important;
}

.u-wd197per--sp {
	width: 197% !important;
}

.u-wd990--sp {
	width: 990px !important;
	width: 132vw !important;
}

.u-wd198per--sp {
	width: 198% !important;
}

.u-wd995--sp {
	width: 995px !important;
	width: 132.66667vw !important;
}

.u-wd199per--sp {
	width: 199% !important;
}

.u-wd1000--sp {
	width: 1000px !important;
	width: 133.33333vw !important;
}

.u-wd200per--sp {
	width: 200% !important;
}

.u-min-wd-reset--sp {
	min-width: inherit !important;
}

}

@media screen and (max-width: 768px) and (max-width: 768px) {

.l-footer .l-fnav .l-fnav__list__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-footer .l-fnav .l-fnav__list__sublist .l-fnav__list__sublist__itm .l-fnav__list__sublist__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-footer .l-fsnav__list {
	padding-bottom: -0.16vw;
	padding-top: -0.16vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.l-fnav.r-com .l-fnav__list__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-fnav.r-com .l-fnav__list__sublist__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
	padding-bottom: 4.13333vw;
	padding-top: 4.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}
.l-gnav--sp .l-gnav__list__itm.r-bdr-g {
  border-bottom: 1px solid #ddd;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__list__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-gnav--sp.r-com .l-gnav__list__itm .l-gnav__sublist__itm__link {
	padding-bottom: 4.2vw;
	padding-top: 4.2vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-gnav--sp.r-com .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
	right: 25px;
	right: 6.66667vw;
	width: 4px;
	width: 1.06667vw;
	height: 4px;
	height: 1.06667vw;
	margin-top: -2px;
	margin-top: -0.53333vw;
}

.l-unav--sp .l-unav__list__itm__link {
	padding-bottom: 3.41333vw;
	padding-top: 3.41333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.l-gnav__sub__hdg--lv3 {
	margin-top: 9.45333vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.l-lnav-accordion__itm {
	padding-bottom: 2.13333vw;
	padding-top: 2.13333vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

.l-lnav__itm__link,
.l-lnav__sublist__itm__link {
	padding-bottom: 3.73333vw;
	padding-top: 3.73333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.l-breadcrumb__inner {
	padding-bottom: 2.8vw;
	padding-top: 2.8vw;
	font-size: 11px;
	font-size: 2.93333vw;
	display:block;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow: auto;
	white-space: nowrap;
}

.l-main__subcontent__title {
	margin-bottom: 4.8vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-paragraph {
	margin-top: 6.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-paragraph:first-child {
	margin-top: -1.86667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-hdg--lv1 .r-caption,
.c-hdg--lv2-em .r-caption {
	margin-top: 3.13333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-nav-list__itm {
	margin-bottom: 2.8vw;
	margin-top: 2.8vw;
	font-size: 15px;
	font-size: 4vw;
}

.l-main--fullwidth .c-anchor-nav.r-pc6sp3 .c-anchor-nav__itm:nth-child(n+4) {
	margin-top: 1.13333vw;
	font-size: 7.5px;
	font-size: 2vw;
}

.c-card-list .r-hdg {
	padding-top: 1.36vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list.r-type02 .r-date {
	margin-top: 3.06667vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-card-list.r-type02 .r-detail {
	padding-top: 1.54667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list.r-type03 .r-date {
	margin-top: 3.06667vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-card-list.r-type03 .r-detail {
	padding-top: 1.54667vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list.r-note .r-itm .r-txt {
	margin-top: -0.8vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list.r-note .r-itm .r-year {
	margin-top: 0vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-card-list-bnr .r-img + .r-txt {
	margin-top: 1.73333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-bnr .r-hdg {
	margin-bottom: 1.66667vw;
	margin-top: 1.66667vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-card-list-media.r-normal .r-hdg {
	padding-bottom: 2.66667vw;
	padding-top: 2.66667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-media.r-xlarge .r-detail {
	padding-bottom: 8.02667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-media.r-xlarge .r-hdg {
	margin-top: 1.56vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-card-list-media.r-xlarge .r-txt {
	margin-top: 4.02667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-media.r-recipe .r-hdg {
	margin-top: -1.30667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-card-list-media.r-recipe.r-type02 .c-card-list-media__itms .r-itm .r-link .r-detail .r-hdg {
	margin-top: 2.6vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-card-list-pickup .r-hdg {
	margin-bottom: 1.36vw;
	margin-top: 1.36vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-prod-list .r-img + .r-hdg {
	margin-top: 4.46667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-prod-list .r-hdg {
	margin-top: 1.8vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tab-list-type02__navi .r-hdg {
	padding-bottom: 1.8vw;
	padding-top: 1.8vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tab-list-accordion .r-hdg {
	padding-bottom: 4.12vw;
	padding-top: 4.12vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-recipe-calendar-hdg .r-detail {
	margin-top: -5.6vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-recipe-calendar-list .r-hdg {
	padding-bottom: 1.6vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-recipe-calendar-list .r-txt {
	margin-top: 2.61333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-detail-visual-main__txt {
	padding-top: 2.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-detail-visual-list .r-caption {
	margin-top: -1.02667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-detail-info-cont .r-txt-cmcopy {
	margin-top: 4.02667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 2.42667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-detail-info-list .c-detail-info-cont .r-txt-cmcopy {
	margin-top: 4.02667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-detail-info-list .c-detail-info-cont p:nth-of-type(n+2) {
	margin-top: 2.42667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-ingredients-col2 .r-box .r-point .r-txt {
	margin-top: 2.78667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-detail-info-list.r-single .c-detail-info-flex_itm--order .r-sub .r-txt {
	margin-top: 2.78667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl__head {
	padding-bottom: 1.46667vw;
	padding-top: 1.46667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl__data {
	padding-bottom: 4.4vw;
	padding-top: 4.4vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl__clonehead {
	padding-bottom: 2.8vw;
	padding-top: 2.8vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl__caption {
	padding-bottom: 2.88vw;
	padding-top: 2.88vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-tbl.r-type02 .c-tbl__data {
	padding-bottom: 2.8vw;
	padding-top: 2.8vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl.r-type03 .c-tbl__data {
	padding-bottom: 2.52vw;
	padding-top: 2.52vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-tbl.r-type04 .c-tbl__head {
	padding-bottom: 6.13333vw;
	padding-top: 6.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-tbl.r-type04 .c-tbl__data {
	padding-bottom: 6.13333vw;
	padding-top: 6.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-form-err__txt {
	padding-bottom: 2.78667vw;
	padding-top: 2.78667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-form-textbox input {
	padding-bottom: 2.93333vw;
	padding-top: 2.93333vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

.c-form-textbox input:focus {
	padding-bottom: 2.66667vw;
	padding-top: 2.66667vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

.c-form-select select {
	padding-bottom: 3.46667vw;
	padding-top: 3.46667vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

.c-form-textarea textarea {
	padding-bottom: 2.93333vw;
	padding-top: 2.93333vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

.c-form-textarea textarea:focus {
	padding-bottom: 2.66667vw;
	padding-top: 2.66667vw;
	font-size: 16px;
	font-size: 4.26667vw;
}

._mov_box h2 {
	margin-bottom: 6.73333vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-sendmail-qrarea__hdg {
	margin-top: -1.30667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-news-list .r-hdg-group + .r-itms {
	margin-top: 6.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-news-list .r-hdg--lv3 {
	margin-top: -1.77333vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.c-news-list .r-notice {
	margin-bottom: 0.53333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-news-list.r-normal .r-itm {
	padding-bottom: 5.33333vw;
	padding-top: 5.33333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-news-list.r-type02 .r-itm {
	padding-bottom: 2.93333vw;
	padding-top: 2.93333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-news-list.r-type02 .r-date {
	margin-bottom: 0.53333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-news-list.r-type03 .r-itm {
	padding-bottom: 2.93333vw;
	padding-top: 2.93333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.c-news-list.r-type03 .r-date {
	margin-bottom: 0.53333vw;
	font-size: 10px;
	font-size: 2.66667vw;
}

.c-inquiry-compmessage {
	padding-bottom: 6.26667vw;
	padding-top: 6.26667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-txt-link.is-first-margin {
	margin-top: 6.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-txt-link.is-small.is-first-margin {
	margin-top: 6.78667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-txt-link.is-space {
	margin-top: 2.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-txt-link.is-small.is-space {
	margin-top: 2.78667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-txt-link.is-space.is-first-margin {
	margin-top: 6.69333vw;
	margin-bottom: -1.30667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.c-txt-link.is-space.is-small.is-first-margin {
	margin-top: 6.78667vw;
	margin-bottom: -1.21333vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.p-top-emergency .r-itm {
	padding-bottom: 5.33333vw;
	padding-top: 5.33333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-main__data {
	padding-top: 2.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-main__data .r-itm {
	padding-top: 2.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-list__block > .r-hdg {
	padding-bottom: 2.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-list__block > .r-hdg {
	margin-top: -1.86667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-list__list {
	margin-top: 2.13333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-list__list.r-type02 > .r-itm {
	margin-top: 3.46667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-list__note {
	margin-top: 1.6vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-sns {
	margin-top: 3.46667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-prod-info-sns .r-itm:first-child {
	margin-left: 0px;
	margin-left: 0vw;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-hdg {
	margin-top: -0.74667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-products-close-list__itms__prod .r-detail .r-top .r-info {
	margin-top: 0.74667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-products-close-recipe-target__itm .r-detail .r-name {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-products-close-recipe-target__itm .r-detail .r-info {
	margin-top: 1.26667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.c-detail-use-itm__list .r-product {
	padding-bottom: 4.72667vw;
	padding-top: 4.72667vw;
	font-size: 6.5px;
	font-size: 1.73333vw;
}

.p-products-new-list__products__itm .r-detail .r-txt {
	margin-top: 2.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-ing-basicinfo-mainvisual .r-hdg {
	margin-top: 11.46667vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual .r-caption {
	margin-top: 3.50667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-ing-basicinfo-mainvisual .r-caption + .r-hdg {
	margin-top: 2.13333vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual .r-txt {
	margin-top: 51.06667vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.p-ing-basicinfo-mainvisual--detail .r-hdg {
	margin-top: 11.46667vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.p-ing-basicinfo-mainvisual--detail .r-caption {
	margin-top: 3.50667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-ing-basicinfo-mainvisual--detail .r-caption + .r-hdg {
	margin-top: 3.2vw;
	font-size: 20px;
	font-size: 5.33333vw;
}

.c-tag-list .r-itm > a,
.c-tag-list .r-itm > span {
	padding-bottom: 1vw;
	padding-top: 1vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.c-mainvisual-recipe-feature .r-hdg-description {
	margin-bottom: 3.4vw;
	font-size: 15px;
	font-size: 4vw;
}

.c-mainvisual-recipe-feature .r-hdg {
	margin-bottom: -2.24vw;
	margin-top: -2.24vw;
	font-size: 24px;
	font-size: 6.4vw;
}

.c-mainvisual-recipe-feature .r-description p + p {
	margin-top: 4.12vw;
	font-size: 13px;
	font-size: 3.46667vw;
}

.p-recipe-cat-mv__inner .r-lead {
	margin-top: 3.54667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-recipe-weekly-lead__txt {
	margin-top: 2.88vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-recipe-weekly-mv__txt .r-hdg {
	margin-top: 4.464vw;
	font-size: 24px;
	font-size: 6.4vw;
}

.p-recipe-weekly-mv__txt .r-description {
	margin-top: 5.74933vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-recipe-target__itm .r-detail .r-name {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-recipe-target__itm .r-detail .r-info {
	margin-top: 1.26667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-basic-salad-mv .r-lead {
	margin-top: 5.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-basic-salad-mv.r-salad06-02 .r-hdg {
	padding-top: 5.64vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-basic-salad-mv.r-salad06-02 .r-lead {
	margin-top: 4.4vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-basic-salad-mv.r-salad06-03 .r-hdg {
	padding-top: 5.64vw;
	font-size: 19px;
	font-size: 5.06667vw;
}

.p-basic-salad-mv.r-salad06-03 .r-lead {
	margin-top: 4.4vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-basic-salad-point__list__itm .r-txtbox .r-txt {
	margin-top: 2.21333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

.p-yasai-garden-bnr__list__itm .r-detail .r-hdg {
	margin-bottom: 2.46667vw;
	margin-top: 2.46667vw;
	font-size: 15px;
	font-size: 4vw;
}

.p-vegefirst-contents__box__inner .r-order li {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-contents__box__inner .r-list li {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-contents__box__inner .r-txt {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm:last-child .r-txt p {
	margin-top: 5.73333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-tab .p-vegefirst-eat__order__list__itm .r-txt p {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-tab .p-vegefirst-eattime__itm .r-txt {
	margin-top: 3.06667vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-modal__itm .r-txt {
	margin-top: 6.69333vw;
	font-size: 14px;
	font-size: 3.73333vw;
}

.p-vegefirst-modal__itm .r-auther {
	margin-top: 2.6vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

.p-vegefirst-modal__itm .r-note li {
	margin-top: 5.26667vw;
	font-size: 11px;
	font-size: 2.93333vw;
}

/*20190422追加 トップページと商品ページのスマホ時のホバー*/
  .c-sec__lyt.r-nohdg.c-sec-maxinner--sp .c-cat-list__itms li a,.c-sec__lyt .c-cat-list .c-cat-list__itms .r-itm a  {
    display: block
  }
}


@media screen and (max-width: 329px) {

.c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
	border-width: 1px;
	left: 0px;
	margin-top: -11px;
	margin-top: -2.93333vw;
}

}

@keyframes anime-fade-in {

0% {
	display: none;
	opacity: 0;
}

1% {
	display: block;
	opacity: 0;
}

100% {
	display: block;
	opacity: 1;
}

}

@-webkit-keyframes anime-fade-in {

0% {
	display: none;
	opacity: 0;
}

1% {
	display: block;
	opacity: 0;
}

100% {
	display: block;
	opacity: 1;
}

}


.p-al-text .p-tel-img {
	width: 3%;
	margin: 0 5px 0 10px;
	vertical-align: middle;
}

@media screen and (min-width: 769px), print{
	.p-al-text a {
		pointer-events: none;
	}
}

@media screen and (max-width: 768px), print {
	.p-al-text .p-tel-img {
		width: 6%;
	}
}

.c-fl-c {
	justify-content: center;
}

.p-customer-important-box {
	background: #fff;
	padding: 15px;
    margin: 30px auto;
    border: 1px solid #e4002b;
    font-size: 1rem!important;
}

.p-customer-important-box p {
	font-size: 1rem!important;
}


.p-recipes-frame {
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 40px;
}

@media screen and (max-width: 768px), print {
	.p-recipes-frame {
		padding: 1.4rem;
	}
}

/*あまに鶏レシピ あまに豚レシピ*/
	.p-recipes-amani-material-box {
		display: flex;
		align-items: flex-start;
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	.p-recipes-amani-material-box .title {
		width: 160px;
		font-size: 20px;
		color: #e4242b;
	}

	.p-recipes-amani-material-box .list {
		font-size: 16px;
	}

	.p-recipes-amani-material-box .list span {
		margin-right: 10px;
		color: #e4242b;
		font-size: 10px;
	}

	.p-recipes-amani-material-box .list:nth-child(2) {
		width: 274px;
	}

	.p-recipes-amani-material-box .list a {
		text-decoration: underline;
	}

	.p-recipes-amani-material-box .list a:hover {
		color: #e4002b;
	}

	.p-amanidori-box {
		background: #d7ebc2;
		padding-bottom: 67px;
	}

	.p-amanidori-box .flex-box {
		max-width: 727px;
		width: 100%;
		margin: 0 auto 40px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.p-amanidori-box .flex-box .text-box {
		max-width: 460px;
		width: 100%;
		margin-bottom: 47px;
	}

	.p-amanidori-box .flex-box .text-box .badge {
		font-size: 22px;
		color: #fff;
		background: #eb5e01;
		line-height: 1;
		width: 284px;
		margin-bottom: 16px;
		letter-spacing: -0.025em;
		text-align: center;
	    padding: 12px 0;
	    border-radius: 30px;
	    font-weight: bold;
	}

	.p-amanidori-box .flex-box .text-box .title {
		font-size: 40px;
		color: #eb5e01;
    	font-weight: bold;
		line-height: 1;
		letter-spacing: 0.025em;
		margin-bottom: 12px;
	}

	.p-amanidori-box .flex-box .text-box .text {
		font-size: 18px;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}

	.p-amanidori-box .flex-box .sticker {
		max-width: 236px;
		width: 100%;
	}

	.p-amanidori-bnr {
		text-align: center;
	}

	.p-amanidori-bnr img {
		max-width: 663px;
		width: 100%;
		margin: 0 auto;
	}

	.p-amanidori-bnr .text {
		display: block;
		font-size: 20px;
		color: #e4242b;
		text-align: center;
	    line-height: 1;
	    margin-top: 10px;
	}

	.p-amanidori-bnr .text:hover {
		opacity: .7;
	}

	.p-amanidori-bnr .text:after {
	    width: 20px;
	    height: 20px;
	    margin-left: 5px;
	    margin-bottom: 5px;
	}

	.p-amanidori-bnr .text:after {
	    content: "";
	    display: inline-block;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC);
	    background-repeat: no-repeat;
	    vertical-align: middle;
	    background-size: 0.8em auto;
	    background-position: center center;
	}

	.r-itm.p-recipes-amani,.r-img.p-recipes-amani {
		width: 425px!important;
	}

	.p-recipes-amani-material-box.pig {
		max-width: 670px!important;
	}

	.p-recipes-amani-material-box.pig .list:nth-child(2) {
		width: 100%!important;
	}

	.p-amanidori-box.pig {
		background: #fcf8d3!important;
	}

	.p-recipes-amani-video-box {
		width: 100%;
	    max-width: 800px;
	    margin: 0 auto 85px;
	    position: relative;
	    padding-bottom: 43.25%;
	}

	.r-img.p-amanidori-blank:after {
		right: 13px!important;
    	top: 24px!important;
    	background-size: 18px auto!important;
	}

@media screen and (max-width: 768px), print {
	.p-recipes-amani-material-box {
		display: block;
	}

	.p-recipes-amani-material-box .title {
		width: 100%;
		font-size: 4vw;
	}

	.p-recipes-amani-material-box .list {
		font-size: 3.6vw;
	}

	.p-recipes-amani-material-box .list:nth-child(2) {
		width: 100%;
	}

	.p-recipes-amani-material-box .list span {
		vertical-align: middle;
		font-size: 2vw;
	}

	.p-recipes-amani-material-box .list .name {
    	display: flex;
    	align-items: flex-start;
		font-size: 3.6vw;
	}

	.p-recipes-amani-material-box .list .name span {
		margin: 1.6vw 10px 0 0;
    	display: block;
		vertical-align: middle;
    	font-size: 2vw;
    	color: #e4242b;
	}

	.p-recipes-amani-material-box .list .list-line {
		display: block!important;
		font-size: 3.6vw!important;
	    color: #333!important;
	    margin: 0 0 0 4vw!important;
	}

	.p-amanidori-box {
	    padding-left: 20px;
	    padding-left: 5.33333vw;
	    padding-right: 20px;
	    padding-right: 5.33333vw;
	}

	.p-amanidori-box .flex-box {
		max-width: 100%;
		display: block;
	}

	.p-amanidori-box .flex-box .text-box {
		max-width: 100%;
		padding-left: 3.3vw;
		margin-bottom: 4vw;
	}

	.p-amanidori-box .flex-box .text-box .badge {
		width: 51vw;
		margin-bottom: 2.6vw;
    	padding: 2vw 0;
		font-size: 4vw;
	}

	.p-amanidori-box .flex-box .text-box .title {
		font-size: 8.3vw;
	}

	.p-amanidori-box .flex-box .text-box .text {
		font-size: 4.5vw;
	}

	.p-amanidori-box .flex-box .sticker {
		display: block;
		max-width: 470px;
		width: 100%;
		margin: 0 auto 7.8vw;
	}

	.p-amanidori-bnr img {
		max-width: 100%;
	}

	.p-amanidori-bnr .text {
		font-size: 4vw;
	}

	.r-itm.p-recipes-amani {
	    display: block;
	    margin: 0 auto;
	}

	.r-itm.p-recipes-amani,.r-img.p-recipes-amani {
		max-width: 678px!important;
		width: 100%!important;
	}

	.p-recipes-amani-material-box.pig .list .list-line {
		margin: 0 0 0 -2vw!important;
	}

	.r-img.p-amanidori-blank:after {
	    width: 3.66667vw!important;
	    height: 3.66667vw!important;
	    right: 2.33333vw!important;
	    top: 6.33333vw!important;
	    background-size: 3.66667vw!important;
	}

	.p-recipes-amani-video-box {
		padding-bottom: 56.25%;
	}

	.p-recipes-amani-video-box {
		margin-bottom: 9vw;
	}

	.p-recipes-amani-sp-mg {
		margin-top: 5vw!important;
	}
}

.p-finechemical-contact-text {
	border: 1px solid #333;
}

/*レシピ詳細動画追加*/
.p-recipes-detail-visual {
	position: relative;
	width: 640px;
    height: 360px;
    margin: 0 auto;
}

.p-recipes-detail-visual-title {
	font-size: 1.2rem;
}

@media screen and (max-width: 768px), print {
.p-recipes-detail-visual {
    width: 335px;
    width: 89.33333vw;
    height: 188px;
    height: 50.13333vw;
   }

.p-recipes-detail-visual-title {
	font-size: 14px;
    font-size: 3.73333vw;
}

.c-recipe-nav h2,.c-recipe-pagelink {
    padding-top: 100px;
    margin-top: -100px;
}

.c-recipe-pt {
	padding-top: 18vw!important;
}
}
@media print{
  .p-recipe-recent,.p-recipe-favorite,.c-detail-visual-main__fav {
    display: none;
  }
}

/*素材の基本のリスト*/


@media screen and (min-width: 769px), print {

.c-card-list.r-normal.knowledge-list .r-itm {
	margin-left: 28px;
	width: 150px;
}

.c-card-list.r-normal.knowledge-list .r-img {
	width: 150px;
}

.c-card-list.r-normal.knowledge-list .r-itm:nth-child(n+5) {
    margin-top: 0;
}

.c-card-list.r-normal.knowledge-list .r-itm:nth-child(n+7) {
    margin-top: 15px;
}

.c-card-list.r-normal.knowledge-list .r-itm:nth-child(6n-5) {
    margin-left: 0;
}
}


@media screen and (max-width: 768px), print {
.c-card-list.r-type02.knowledge-list .r-itm {
	width: 29.66667vw;
}

.c-card-list.r-type02.knowledge-list .r-img {
    width: 29.66667vw;
}

.c-card-list.r-normal.knowledge-list .r-itm:nth-child(n+2),.c-card-list.r-normal.knowledge-list .r-itm:nth-child(n+3) {
	margin-top: 0;
}

.c-card-list.r-normal.knowledge-list .r-itm:nth-of-type(n+4) {
    margin-top: 20px;
    margin-top: 5.33333vw;
}

.c-card-list.r-type02.knowledge-list .r-detail {
    width: 29.66667vw;
}

.c-card-list.r-type02.knowledge-list .c-card-list__itms {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
}


/*
---レシピ特集用　差込html---
*/

.html_type_bnr01 {
	width: 600px;
    margin: 0 auto;
}
.html_type_bnr01 .u-flex--between {
	width: 100%;
    align-items: center;
    background: #f2f2f2;
    padding: 24px;
    box-sizing: border-box;
	color: #E4002B;
	transition: 0.3s all ease;
}
.html_type_bnr01 .u-flex--between:hover {
	opacity: 0.8;
}
.html_type_bnr01 .u-flex--between .r-detail .r-hdg {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E4002B;
    line-height: 1.7 !important;
}
.html_type_bnr01 .u-flex--between .r-detail .r-txt {
	font-size: 16px;
    line-height: 1.7 !important;
}
@media screen and (max-width: 768px) {
.html_type_bnr01 {
	width: 92%;
}
.html_type_bnr01 .u-flex--between {
    padding: 3.2vw;
}
.html_type_bnr01 .u-flex--between:hover {
	opacity: 0.8;
}
.html_type_bnr01 .u-flex--between .r-detail .r-hdg {
    font-size: 3.73333vw;
    margin-bottom: 4px;
    padding-bottom: 4px;
    line-height: 1.5 !important;
}
.html_type_bnr01 .u-flex--between .r-detail .r-txt {
	font-size: 3.73333vw;
    line-height: 1.5 !important;
}
.html_type_bnr01 .u-flex--between .r-detail p.u-mt20--pc.u-align-r {
	font-size: 3.2vw;
}
}

/*
---レシピ特集ページ　タブ---
*/
.recipes_special_feature_tab li span {
	background: #e4002b;
	color: #fff;
}
.recipes_special_feature_tab li a {
	background: #fff;
	color: #e4002b;
}
@media screen and (min-width: 769px) {
	.recipes_special_feature_tab {
		width: 1040px;
		padding: 3px 24px 0;
		border-bottom: 2px solid #e4002b;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		overflow-y: hidden;
	}
	.recipes_special_feature_tab li {
		width: calc((100% / 3) - 8px);
		position: relative;
		z-index: 2;
	}
	.recipes_special_feature_tab li span,
	.recipes_special_feature_tab li a {
		width: 100%;
		height: 64px;
		border: 2px solid #e4002b;
		border-bottom: 0;
		text-align: center;
		line-height: 1.4;
		border-radius: 16px 16px 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
		margin-bottom: -3px;
	}
	.recipes_special_feature_tab li a { transition: 0.2s; }
	.recipes_special_feature_tab li a:hover {
		transform: translateY(-3px);
		z-index: 1;
	}
}
@media screen and (max-width: 768px) {
	.recipes_special_feature_tab {
		width: 100%;
		padding: 0 2vw;
		border-bottom: 0.5vw solid #e4002b;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.recipes_special_feature_tab li {
		width: calc((100% / 3) - 2vw);
		position: relative;
		z-index: 2;
		font-size: 3.2vw;
	}
	.recipes_special_feature_tab li span,
	.recipes_special_feature_tab li a {
		width: 100%;
		height: 12vw;
		border: 0.5vw solid #e4002b;
		border-bottom: 0;
		text-align: center;
		line-height: 1.4;
		border-radius: 3.2vw 3.2vw 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}
}

/*
---フッター外部リンクアイコン---
*/

.l-footer .l-fnav .l-fnav__list__sublist__itm__link[target="_blank"] span {
	position: relative;
	padding-right: 1.2em;
}

.l-footer .l-fnav .l-fnav__list__sublist__itm__link[target="_blank"] span:before {
	right: 2px;
	margin-top: -3px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
}

.l-footer .l-fnav .l-fnav__list__sublist__itm__link[target="_blank"] span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
	right: -2px;
	margin-top: -7px;
	border: 1px solid #000;
}

.l-footer .l-fnav .l-fnav__list__sublist__itm__link:hover[target="_blank"] span {
	position: relative;
	padding-right: 1.2em;
}

.l-footer .l-fnav .l-fnav__list__sublist__itm__link:hover[target="_blank"] span:before {
	border-bottom: 1px solid #e4002b;
	border-left: 1px solid #e4002b;
}

.l-footer .l-fnav .l-fnav__list__sublist__itm__link:hover[target="_blank"] span:after {
	border: 1px solid #e4002b;
}



/*会員メニュー*/

.c-member-menu__nav {
  width: 641px;
  margin: 0 auto;
  border-radius: 6px;
  background: #fff;
}
.c-member-menu__nav__hdg {
  background: rgba(228,0,43,0.03);
  padding: 27px 42px 17px;
  border-bottom: solid 1px #E4002B;
  font-size: 1rem;
  color: #E4002B;
  font-weight: bold;
}
.c-member-menu__nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-member-menu__nav__list__itm {
  width: 50%;
  height: 80px;
  border-bottom: solid 1px #E4002B;
}
.c-member-menu__nav__list__itm.r-large {
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .c-member-menu__nav__list__itm.r-large a {
    padding-left: 0;
    justify-content: center;
  }
  .c-member-menu__nav__list__itm.r-large a::before {
    right: 240px;
  }
}
.c-member-menu__nav__list__itm:nth-child(odd) {
  border-right: solid 1px #E4002B;
}
.c-member-menu__nav__list__itm a {
  font-size: 14px;
  font-weight: bold;
  padding-left: 65px;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.c-member-menu__nav__list__itm a::before {
  right: 19px;
  width: 6px;
  height: 6px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	border-right: 1px solid #e4002b;
	border-bottom: 1px solid #e4002b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	-webkit-transition: border-color .65s ease;
	transition: border-color .65s ease;
}
.c-member-menu__nav__list__itm__recipebook {
  background: url("/assets/img/common/ico_member_recipebook.svg") no-repeat left 16px center / 23px auto;
}
.c-member-menu__nav__list__itm__recent {
  background: url("/assets/img/common/ico_member_recent.svg") no-repeat left 19px center / 22px auto;
}
.c-member-menu__nav__list__itm__favorite {
  background: url("/assets/img/common/ico_member_favorite.svg") no-repeat left 20px center / 23px auto;
}
.c-member-menu__nav__list__itm__register {
  background: url("/assets/img/common/ico_member_register.svg") no-repeat left 20px center / 20px auto;
}
.c-member-menu__nav__list__itm__shoppinglist {
  background: url("/assets/img/common/ico_member_shoppinglist.svg") no-repeat left 20px center / 27px auto;
}
.c-member-menu__nav__list__itm__mystock {
  background: url("/assets/img/common/ico_member_mystock.svg") no-repeat left 18px center / 24px auto;
}
.c-member-menu__nav__list__itm__hi_kewpie {
  background-color: rgba(228,0,43,0.03);
}
.c-member-menu__nav__list__itm__hi_kewpie a {
  padding-left: 20px;
}
.c-member-menu__nav__btn {
  padding: 36px 0 55px;
}
.c-member-menu__nav__btn__itm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 53px;
  background: #F2F2F2;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  transition: 0.3s;
  cursor: pointer;
}
.c-member-menu__nav__btn__itm::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 20px;
  margin-right: 17px;
  background: url("/assets/img/common/ico_member_logout.svg") no-repeat center center / 100% auto;
}
.c-member-menu__nav__btn__itm:hover {
  opacity: 0.6;
  color: #333;
}

@media screen and (max-width: 768px) {
.c-member-menu {
  transform: translate(0, 0) !important;
  top: 0 !important;
  left: 0 !important;
}
.c-member-menu__nav {
  width: 85%;
  width: 85.333333333333333vw;
  margin: 0;
  border-radius: 0;
}
.c-member-menu__nav__hdg {
  padding: 16px 50px 12px 12px;
  padding: 4.266666666666667vw 0 3.2vw 3.2vw;
}
.c-member-menu__nav__list {
  flex-direction: column;
}
.c-member-menu__nav__list__itm {
  width: 100%;
  height: 53px;
  height: 14.133333333333333vw;
  border-bottom: solid 1px #E4002B;
}
.c-member-menu__nav__list__itm:nth-child(odd) {
  border-right: none;
}
.c-member-menu__nav__list__itm a {
  font-size: 3.733333333333333vw;
  padding-left: 56px;
  padding-left: 14.933333333333333vw;
}
.c-member-menu__nav__list__itm a::before {
  right: 4.8vw;
  width: 1.866666666666667vw;
  height: 1.866666666666667vw;
}
.c-member-menu__nav__list__itm__recipebook {
  background: url("/assets/img/common/ico_member_recipebook.svg") no-repeat left 4vw center / 6.133333333333333vw auto;
}
.c-member-menu__nav__list__itm__recent {
  background: url("/assets/img/common/ico_member_recent.svg") no-repeat left 4.266666666666667vw center / 5.866666666666667vw auto;
}
.c-member-menu__nav__list__itm__favorite {
  background: url("/assets/img/common/ico_member_favorite.svg") no-repeat left 4.8vw center / 6.133333333333333vw auto;
}
.c-member-menu__nav__list__itm__register {
  background: url("/assets/img/common/ico_member_register.svg") no-repeat left 4.533333333333333vw center / 5.333333333333333vw auto;
}
.c-member-menu__nav__list__itm__shoppinglist {
  background: url("/assets/img/common/ico_member_shoppinglist.svg") no-repeat left 4.533333333333333vw center / 6.833333333333333vw auto;
}
.c-member-menu__nav__list__itm__mystock {
  background: url("/assets/img/common/ico_member_mystock.svg") no-repeat left 4vw center / 6.133333333333333vw auto;
}
.c-member-menu__nav__list__itm__hi_kewpie a {
  justify-content: center;
  padding-left: 0;
}
.c-member-menu__nav__btn {
  padding: 24px 0 43px;
  padding: 6.4vw 0 11.466666666666667vw;
}
.c-member-menu__nav__btn__itm {
  width: 100%;
  height: 14.133333333333333vw;
  font-size: 3.733333333333333vw;
}
.c-member-menu__nav__btn__itm::before {
  width: 5.066666666666667vw;
  height: 5.333333333333333vw;
  margin-right: 4.533333333333333vw;
}
.c-member-menu__nav__btn__itm:hover {
  opacity: 1;
}
.c-modal__member-menu .c-btn-list {
  display: none !important;
}
.c-modal__member-menu .c-modal__closebtn {
  top: 16px !important;
  top: 4.2vw !important;
  right: 32px !important;
  right: 8.5vw !important;
  z-index: 20000 !important;
}
.c-modal__member-menu .c-modal__closebtn:before, .c-modal__member-menu .c-modal__closebtn:after {
  background: #E4002B;
  height: 2px;
}
}
.c-member-menu__nav__hdg-link:hover {
  text-decoration: underline;
}
.c-member-menu__nav__hdg-link::after {
  right: 19px;
  width: 6px;
  height: 6px;
  content: '';
  display: inline-block;
  z-index: 1;
  margin-bottom: -2px;
  margin-left: 4px;
  border-right: 2px solid #e4002b;
  border-bottom: 2px solid #e4002b;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
}
@media screen and (max-width: 768px) {
  .c-member-menu__nav__hdg-link {
    display: block;
    position: relative;
    padding-right: 8.2vw;
  }
  .c-member-menu__nav__hdg-link::after {
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
    position: absolute;
    top: 50%;
    right: 4.8vw;
  }
  .c-member-menu__nav__hdg-link:hover {
    text-decoration: none;
  }
}

/* レシピ_ログイン時のローカルナビ */

.p-recipes-nav-wrap--sp {display: none;}
.p-mypage-lnav {display: flex;justify-content: space-between;}
.p-mypage-lnav__list{border-bottom:1px solid #ddd;}
.p-mypage-lnav__itm{display:inline-block;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text{display:inline-block;position:relative;color:#333;cursor:pointer;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:hover:after{height:2px;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:after{content:'';display:block;position:absolute;width:100%;height:0;left:0;background-color:#e4002b;}
.p-mypage-lnav .p-mypage-lnav__itm + .p-mypage-lnav__itm{border-left:1px solid #ddd;}
.p-mypage-lnav__txt {color: #e4002b;font-size: 1rem;font-weight: bold;border-bottom: solid 2px #e4002b;flex-grow: 1;padding-bottom: 12px;text-align: center;height: 39px;margin-left: 47px;word-break: break-all;line-height: 1.3;transition: 0.3s;position: relative;}
@media screen and (min-width: 769px), print{
.p-mypage-lnav__txt:hover {border-bottom: solid 4px #e4002b;}
}
.p-mypage-lnav__txt span::after {right: 19px;width: 6px;height: 6px;content: '';display: inline-block;z-index: 1;margin-bottom: -2px;margin-left: 4px;border-right: 2px solid #e4002b;border-bottom: 2px solid #e4002b;-webkit-transform: translate(0, -50%) rotate(-45deg);transform: translate(0, -50%) rotate(-45deg);-webkit-transition: border-color .65s ease;transition: border-color .65s ease;}
@media screen and (min-width: 769px) and (max-width: 768px){
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text{padding-bottom:0.63333vw;font-size:7.5px;font-size:2vw;}
}
@media screen and (min-width: 769px) and (min-width: 769px), print{
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text{padding-bottom:calc(10px - (((1rem * 1.7) - 1rem) / 2));font-size:1rem;}
}
@media screen and (min-width: 769px), print{
.p-mypage-lnav{width:1040px;margin:0 auto 50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;font-size:0;}
.p-mypage-lnav__list{display:inline-block;width:644px;height:39px;}
.p-mypage-lnav__itm{width: 33%;text-align: center;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text{padding-bottom:4.75px;padding-top:2.75px;line-height:1.7;display:inline-block;margin: 0 auto;position: relative;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:hover{text-decoration:none;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:after{bottom:-6px;-webkit-transition:height .2s;transition:height .2s;}
.p-mypage-lnav__itm:nth-child(1) .p-mypage-lnav__itm__text{padding-left: 60px;}
.p-mypage-lnav__itm:nth-child(2) .p-mypage-lnav__itm__text{padding-left: 60px;}
.p-mypage-lnav__itm:nth-child(3) .p-mypage-lnav__itm__text{padding-left: 50px;}
.p-mypage-lnav__itm:nth-child(1){background: url("/mypage/cat_assets/img/ico_lnav-01-01.svg") no-repeat top 11px left 30px / 27px auto;}
.p-mypage-lnav__itm:nth-child(2){background: url("/mypage/cat_assets/img/ico_lnav-04-01.svg") no-repeat top left 30px / 25px auto;}
.p-mypage-lnav__itm:nth-child(3){background: url("/mypage/cat_assets/img/ico_lnav-03-01.svg") no-repeat top left 23px / 25px auto;}
}
@media screen and (max-width: 768px){
.p-mypage-lnav__txt {flex-grow: 1;text-align: center;height: 64px;height: 17.066666666666667vw;margin-left: 0; border:none;font-size: 12px;font-size: 3.2vw;padding: 1.5vw 1vw; position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.p-mypage-lnav__txt span {display: block !important;}
.p-mypage-lnav__txt span::before {border-right: 1px solid #e4002b;border-bottom: 1px solid #e4002b;width:1.866666666666667vw;height: 1.866666666666667vw;position: absolute;top: 50%;right: 1vw;}
.p-mypage-lnav__itm:nth-child(1){background: rgba(228,0,43,0.03) url("/mypage/cat_assets/img/ico_lnav-01-01.svg") no-repeat top 6.266666666666667vw center / 7.2vw auto;}
.p-mypage-lnav__itm:nth-child(2){background: rgba(228,0,43,0.03) url("/mypage/cat_assets/img/ico_lnav-04-01.svg") no-repeat top 3.013333333333333vw center / 6.666666666666667vw auto;}
.p-mypage-lnav__itm:nth-child(3){background: rgba(228,0,43,0.03) url("/mypage/cat_assets/img/ico_lnav-03-01.svg") no-repeat top 3.013333333333333vw center / 6.666666666666667vw auto;}
.p-mypage-lnav{border-bottom: solid 2px #e4002b;}
.p-mypage-lnav__list{border: none !important;width: 66vw;flex-shrink: 0;}
.p-mypage-lnav__itm{width: 75px;width: 20vw;border: none !important; margin-right: 0.5vw;}
.p-mypage-lnav__itm:nth-child(3) {width: 22vw;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text{height: 64px;height: 17.066666666666667vw;display: flex;align-items: flex-end;justify-content: center;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:after{bottom:0;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text > span{display: block; font-size: 2.415458937198068vw;white-space:nowrap;color: #e4002b;font-weight: bold;letter-spacing: 0;}
.p-mypage-lnav__itm:nth-child(3) > .p-mypage-lnav__itm__text > span {margin-left: 0;}
.p-mypage-lnav__itm > .p-mypage-lnav__itm__text:hover:after{height:0;}
}
.p-mypage-lnav__txt.has-news::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 9px;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #54C3F1;
  box-shadow: 0px 0px 4px 0px #54C3F1;
}
@media screen and (max-width: 768px){
  .p-mypage-lnav__txt.has-news::after {
    top: 0.533333333333333vw;
    right: 2.4vw;
    width: 2.933333333333333vw;
    height: 2.933333333333333vw;
    box-shadow: 0px 0px 1.066666666666667vw 0px #54C3F1;
  }
}

/* マイストックのお知らせ ---ここから */
.p-mypage-lnav__itm {
  position: relative;
}
.p-mypage-lnav__itm span.has-banner {
  content: "新機能追加！";
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  width: 133px;
  height: 40px;
  border-radius: 10px;
  background: #54C2F0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top:120%;
  left:20%;
  padding-top: 3px;
  z-index: 999;
}
.p-mypage-lnav__itm span.has-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 16%;
  border-style: solid;
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent #54C2F0;
  translate: -50% -100%;
}
@media screen and (max-width: 768px){
  .p-mypage-lnav__itm span.has-banner {
    width: 35.46666667vw;
    height: 10vw;
    border-radius: 2.666666667vw;
    font-size: 4.8vw;
    top:115%;
    left:50%;
    padding-top: 0.8vw;
  }
  .p-mypage-lnav__itm span.has-banner::after {
    border-width: 0 1.9vw 2.666666667vw 1.9vw;
  }
}
/* マイストックのお知らせ ---ここまで */


/* とっておきレシピ 「あなたへのおすすめ」レコメンド表示 */
.p-recommend-block {
  position: fixed;
  left: 20px;
  bottom: 80px;
  border-radius: 9px;
  border: solid 2px #E4002B;
  padding: 18px 26px 22px;
  background: #fff;
  z-index: 10002;
  min-width: 266px;
}
.p-recommend-block-hdg {
  color: #E4002B;
  font-size: 18px;
  margin-bottom: 13px;
  font-weight: bold;
}
.p-recommend-block-list {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.p-recommend-block-list-itm {
  width: 170px;
}
.p-recommend-block-list-itm-link {
  display: block;
}
.p-recommend-block-list-itm-pic {
  width: 100%;
  height: 130px;
  overflow: hidden;
}
.p-recommend-block-list-itm-pic img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  transition: 0.3s;
}
.p-recommend-block-list-itm-link:hover img {
  transform: scale(1.05);
}
.p-recommend-block-list-itm-hdg {
  font-size: 15px;
  margin-top: 8px;
  line-height: 1.3;
}
.p-recommend-block-list-itm-link:hover .p-recommend-block-list-itm-hdg {
  color: #E4002B;
  text-decoration: underline;
}
.p-recommend-block-close {
  color: #E4002B;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  line-height: 1;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.p-recommend-block-close img {
  width: 22px;
  height: auto;
}
.p-recommend-block-close:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px){
  .p-recommend-block {
    bottom: 21.33333333vw;
    border-radius: 2.4vw;
    border: solid 0.533333333vw #E4002B;
    padding: 4vw 5.333333333vw;
    min-width: 49.2vw;
    left: 1vw;
  }
  .p-recommend-block-hdg {
    font-size: 3.466666667vw;
    margin-bottom: 3.466666667vw;
  }
  .p-recommend-block-list {
    display: flex;
    gap: 5.333333333vw;
  }
  .p-recommend-block-list-itm {
    width: 25.06666667vw;
  }
  .p-recommend-block-list-itm-pic {
    width: 100%;
    height: 19.2vw;
  }
  .p-recommend-block-list-itm-pic img {
    height: 19.2vw;
  }
  .p-recommend-block-list-itm-link:hover img {
    transform: scale(1);
  }
  .p-recommend-block-list-itm-hdg {
    font-size: 2.933333333vw;
    margin-top: 2.133333333vw;
  }
  .p-recommend-block-list-itm-link:hover .p-recommend-block-list-itm-hdg {
    color: #333;
    text-decoration: none;
  }
  .p-recommend-block-close {
    width: 12vw;
    height: 12vw;
  }
  .p-recommend-block-close img {
    width: 4.8vw;
    height: auto;
  }
  .p-recommend-block-close:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px){
.p-campaign-itm a {
  display: block!important;
}

.p-campaign-itm a .r-detail,.p-campaign-itm a .r-img{
  width: 100%;
}
}
/*
---お客様相談室 チャットボット
*/

#ricoh-smartchat {
	z-index: 10005 !important;
}
.p-border-box {
  border: 1px solid #ddd;
}

/*-------------------------

ミニアンケート

-------------------------*/

/* 吹き出し */
.p-mypage-minienq-balloon {
  position: absolute;
  top: -112px;
  right: 0;
  width: 232px;
  height: 100px;
  border-radius: 19px;
  border: solid 3px #54C3F1;
  text-align: center;
  color: #E4002B;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  font-weight: bold;
  z-index: 3;
}
.p-mypage-minienq-balloon img {
  width: 110px;
}
.p-mypage-minienq-balloon span::before,
.p-mypage-minienq-balloon span::after {
  display: inline-block;
  content: "";
  width: 1.5px;
  height: 16px;
  background: #E4002B;
  border-radius: 1px;
  transform: rotate(-45deg);
  margin-right: 0.5em;
  vertical-align: middle;
}
.p-mypage-minienq-balloon span::after {
  transform: rotate(45deg);
  margin-right: 0;
  margin-left: 0.5em;
}
.p-mypage-minienq-balloon:before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 80%;
  margin-left: -15px;
  border: 8px solid transparent;
  border-top: 11px solid #FFF;
  z-index: 2;
}
.p-mypage-minienq-balloon:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 80%;
  margin-left: -17px;
  border: 10px solid transparent;
  border-top: 13px solid #54C3F1;
  z-index: 1;
}
.p-mypage-minienq-balloon.fadein {
  opacity : 0;
  transition : all 1s;
}
.p-mypage-minienq-balloon.fadein.active{
  opacity : 1;
}

@media screen and (max-width: 768px){
  .p-mypage-minienq-balloon {
    top: -29.86666667vw;
    width: 61.86666667vw;
    height: 26.66666667vw;
    border-radius: 5.066666667vw;
    border: solid 0.8vw #54C3F1;
    font-size: 4.266666667vw;
  }
  .p-mypage-minienq-balloon img {
    width: 29.33333333vw;
  }
  .p-mypage-minienq-balloon span::before,
  .p-mypage-minienq-balloon span::after {
    display: inline-block;
    content: "";
    width: 1.5px;
    height: 4.266666667vw;
  }
  .p-mypage-minienq-balloon:before {
    content: "";
    position: absolute;
    bottom: -4.8vw;
    margin-left: -4vw;
    border: 2.133333333vw solid transparent;
    border-top: 2.933333333vw solid #FFF;
  }
  .p-mypage-minienq-balloon:after {
    bottom: -6.4vw;
    margin-left: -4.533333333vw;
    border: 2.666666667vw solid transparent;
    border-top: 3.466666667vw solid #54C3F1;
  }
}


/* アンケート */
.p-mypage-minienq {
  position: relative;
}
.p-mypage-minienq.r-bdr {
  border: 1px solid #e4002b;
}
.p-mypage-minienq-hdg {
  background: #fbeaee;
  padding: 7px;
  line-height: 1.6;
  text-align: center;
  color: #E4002B;
  font-size: 26px;
}
.r-bdr .p-mypage-minienq-hdg {
  background: #fbeaee;
  border-bottom: 1px solid #e4002b;
}
.p-mypage-minienq-content {
  padding: 32px;
  position: relative;
  background-color: #fff;
}
.p-mypage-minienq-btminfo {
  border-top: 1px solid #e4002b;
  background: #fbeaee;
  padding: 1em 5em;
}
.p-mypage-minienq-btminfo-hdg {
  text-align: center;
  color: #E4002B;
  font-size: 26px;
}
.p-mypage-minienq-btminfo-txt {
  margin-top: 10px;
}
.p-mypage-minienq-content-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
}
@media screen and (max-width: 768px){
.p-mypage-minienq-hdg {
  padding: 1.866666667vw;
  font-size: 4vw;
}
.p-mypage-minienq-content {
  padding: 8.533333333vw 0;
}
.p-mypage-minienq-btminfo {
  padding: 1em;
}
.p-mypage-minienq-btminfo-hdg {
  font-size: 4.266666667vw;
}
.p-mypage-minienq-btminfo-txt {
  margin-top: 2.666666667vw;
}
}

/* 質問 画像付きボタン */
.p-mypage-minienq-list-type01 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.p-mypage-minienq-list-type01-itm {
  width: 300px;
  min-height: 50px;
}
.p-mypage-minienq-list-type01-itm-btn {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #fff;
  border-radius: 7px;
  box-shadow:0 0 0 1px #e4002b inset;
  transition: 0.3s;
  position: relative;
  line-height: 1.46;
  padding: 0.2em 2em 0.2em 0.3em;
  cursor: pointer;
  text-align: left;
}
.p-mypage-minienq-list-type01-itm-btn img {
  width: 68px;
  height: auto;
  /*max-height: 46px;
  object-fit: cover;*/
  line-height: 1;
  flex-shrink: 0;
}
.p-mypage-minienq-list-type01-itm-btn-txt {
  color: #E4002B;
  font-size: 15px;
  padding: 0.4em 0;
}
.p-mypage-minienq-list-type01-itm-btn::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-right: 1.5px solid #e4002b;
  border-bottom: 1.5px solid #e4002b;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  margin-top: -3px;
  top: 50%;
  right: 1em;
}
@media screen and (min-width: 769px), print {
  .p-mypage-minienq-list-type01-itm-btn:hover {
    box-shadow:0 0 0 2px #e4002b inset;
  }
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-list-type01 {
    gap: 6.4vw;
  }
  .p-mypage-minienq-list-type01-itm {
    width: 71.2vw;
    min-height: 13.33333333vw;
  }
  .p-mypage-minienq-list-type01-itm-btn {
    gap: 3.466666667vw;
    border-radius: 1.866666667vw;
  }
  .p-mypage-minienq-list-type01-itm-btn img {
    width: 18.13333333vw;
  }
  .p-mypage-minienq-list-type01-itm-btn-txt {
    font-size: 1rem;
  }
  .p-mypage-minienq-list-type01-itm-btn::after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -0.8vw;
    right: 1em;
  }
}

/* 質問 画像ボタン */
.p-mypage-minienq-list-type04 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.p-mypage-minienq-list-type04-itm {
  width: 300px;
  min-height: 50px;
}
.p-mypage-minienq-list-type04-itm-btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  background: #fff;
  border-radius: 7px;
  box-shadow:0 0 0 1px #e4002b inset;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
  padding: 0.5em 2em 0.5em 0.5em;
  text-align: left;
}
.p-mypage-minienq-list-type04-itm-btn img {
  width: 100%;
  height: auto;
  /*object-fit: contain;*/
  line-height: 1;
}
.p-mypage-minienq-list-type04-itm-btn::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-right: 1.5px solid #e4002b;
  border-bottom: 1.5px solid #e4002b;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  margin-top: -3px;
  top: 50%;
  right: 1em;
}
@media screen and (min-width: 769px), print {
  .p-mypage-minienq-list-type04-itm-btn:hover {
    box-shadow:0 0 0 2px #e4002b inset;
  }
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-list-type04 {
    gap: 6.4vw;
  }
  .p-mypage-minienq-list-type04-itm {
    width: 71.2vw;
    min-height: 13.33333333vw;
  }
  .p-mypage-minienq-list-type04-itm-btn {
    gap: 3.466666667vw;
    border-radius: 1.866666667vw;
  }
  .p-mypage-minienq-list-type04-itm-btn::after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -0.8vw;
  }
}

/* 質問 テキストボタン */
.p-mypage-minienq-list-type02 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.p-mypage-minienq-list-type02-itm {
  width: 300px;
  min-height: 50px;
}
.p-mypage-minienq-list-type02-itm-btn {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 7px;
  box-shadow:0 0 0 1px #e4002b inset;
  transition: 0.3s;
  color: #e4002b;
  font-size: 1rem;
  position: relative;
  padding: 0.5em 2em 0.5em 1.5em;
  line-height: 1.46;
  cursor: pointer;
  text-align: left;
}
.p-mypage-minienq-list-type02-itm-btn::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-right: 1.5px solid #e4002b;
  border-bottom: 1.5px solid #e4002b;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  margin-top: -3px;
  top: 50%;
  right: 1em;
}
@media screen and (min-width: 769px), print {
  .p-mypage-minienq-list-type02-itm-btn:hover {
    box-shadow:0 0 0 2px #e4002b inset;
  }
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-list-type02 {
    gap: 6.4vw;
  }
  .p-mypage-minienq-list-type02-itm {
    width: 71.2vw;
    min-height: 13.33333333vw;
  }
  .p-mypage-minienq-list-type02-itm-btn {
    gap: 3.466666667vw;
    border-radius: 1.866666667vw;
    padding-left: 6.4vw;
    padding-right: 7.4vw;
  }
  .p-mypage-minienq-list-type02-itm-btn::after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -0.8vw;
  }
}

/* 質問 ドロップダウン */
.p-mypage-minienq-list-type03 {
  position: relative;
  width: 500px;
  color: #e4002b;
  font-size: 15px;
  margin: 0 auto;
}
.p-mypage-minienq-list-type03-dt {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 0 0 13px;
  background-color: #fff;
  border: solid 1px #e4002b;
  position: relative;
}
.p-mypage-minienq-list-type03-dt::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  border-right: 1.5px solid #e4002b;
  border-bottom: 1.5px solid #e4002b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  margin-top: -3px;
  top: 50%;
  right: 1em;
}
.p-mypage-minienq-list-type03.is-open .p-mypage-minienq-list-type03-dt::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.p-mypage-minienq-list-type03-dd {
  border: solid 1px #e4002b;
  border-top: none;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 999;
}
.p-mypage-minienq-list-type03:not(.is-open) .p-mypage-minienq-list-type03-dd {
  display: none;
}
.p-mypage-minienq-list-type03-btn {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 0 0 13px;
  background-color: #fff;
  border-bottom: solid 1px #F2CFD6;
  color: #e4002b;
  font-size: 15px;
}
.p-mypage-minienq-list-type03-btn:last-child {
  border-bottom: none;
}
@media screen and (min-width: 769px), print {
  .p-mypage-minienq-list-type03-btn:hover {
    background: #F2CFD6;
  }
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-list-type03 {
    width: 76.8vw;
    font-size: 4vw;
  }
  .p-mypage-minienq-list-type03-dt {
    height: 12vw;
    padding: 0 0 0 3.466666667vw;
  }
  .p-mypage-minienq-list-type03-dt::after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -0.8vw;
  }
  .p-mypage-minienq-list-type03.is-open .p-mypage-minienq-list-type03-dt::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .p-mypage-minienq-list-type03-dd {
    top: 12vw;
  }
  .p-mypage-minienq-list-type03-btn {
    height: 12vw;
    padding: 0 0 0 3.466666667vw;
    font-size: 4vw;
  }
}

/* 結果 伸びるグラフ */
.p-mypage-minienq-list-result-type01 {
  width: 82%;
  margin: 0 auto;
}
.p-mypage-minienq-list-result-type01-itm-answered-txt {
  font-size: 12px;
  color: #E4002B;
  position: relative;
  line-height: 1;
}
.p-mypage-minienq-list-result-type01-itm-answered-txt::before {
  content: '';
  display: inline-block;
  top: .2em;
  width: 10px;
  height: 5px;
  border-left: 2px solid #E4002B;
  border-bottom: 2px solid #E4002B;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.p-mypage-minienq-list-result-type01-itm-pic {
  width: 150px;
  text-align: center;
  flex-shrink: 0;
}
.p-mypage-minienq-list-result-type01-itm-pic .p-mypage-minienq-list-result-type01-itm-answered-txt:first-child {
  margin-top: 20px;
}
.p-mypage-minienq-list-result-type01-itm-pic img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.p-mypage-minienq-list-result-type01-itm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.p-mypage-minienq-list-result-type01-itm + .p-mypage-minienq-list-result-type01-itm {
  margin-top: 10px;
}
.p-mypage-minienq-list-result-type01-itm-graph {
  flex-grow: 1;
}
.p-mypage-minienq-list-result-type01-itm-graph-txt {
  font-size: 14px;
  line-height: 1.46;
}
.p-mypage-minienq-list-result-type01-itm-graph-line {
  display: block;
  background: #DDD;
  height: 30px;
  width: 0px;
  animation-name: graph-animation;
  animation-duration: 1.3s;
  animation-delay:1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.p-mypage-minienq-list-result-type01-itm-graph-line.selected {
  background: #E4002B;
}
.p-mypage-minienq-list-result-type01-itm-num {
  font-size: 22px;
  margin-top: 20px;
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-list-result-type01 {
    width: 90%;
  }
  .p-mypage-minienq-list-result-type01-itm-answered-txt {
    font-size: 3.2vw;
  }
  .p-mypage-minienq-list-result-type01-itm-answered-txt::before {
    width: 2.666666667vw;
    height: 1.333333333vw;
    border-left: 0.533333333vw solid #E4002B;
    border-bottom: 0.533333333vw solid #E4002B;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
  .p-mypage-minienq-list-result-type01-itm-pic {
    width: 22vw;
    flex-shrink: 0;
  }
  .p-mypage-minienq-list-result-type01-itm-pic .p-mypage-minienq-list-result-type01-itm-answered-txt:first-child {
    margin-top: 5.333333333vw;
  }
  .p-mypage-minienq-list-result-type01-itm-pic img {
    height: 15.667vw;
    max-width: 22vw;
  }
  .p-mypage-minienq-list-result-type01-itm {
    gap: 2.666666667vw;
  }
  .p-mypage-minienq-list-result-type01-itm + .p-mypage-minienq-list-result-type01-itm {
    margin-top: 2.666666667vw;
  }
  .p-mypage-minienq-list-result-type01-itm-graph-txt {
    font-size: 3.733333333vw;
  }
  .p-mypage-minienq-list-result-type01-itm-graph-line {
    height: 5.333333333vw;
  }
  .p-mypage-minienq-list-result-type01-itm-num {
    font-size: 4.266666667vw;
    margin-top: 4.266666667vw;
  }
}

@keyframes graph-animation{
  0%{width: 0%;}
  100%{width: 100%;}
}


.u-marginnext0 + .c-sec {
  margin-top: 0 !important;
}

/* 過去ボタン */
.p-mypage-minienq-past-list {
  width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
.p-mypage-minienq-past-list-itm-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 61px;
  padding: 9px;
  background: #FBEAEE;
  box-shadow:0 0 0 1px #e4002b inset;
  transition: 0.3s;
}
.p-mypage-minienq-past-list-itm-txt {
  color: #E4002B;
  font-size: 1rem;
}
.p-mypage-minienq-past-list-itm-date {
  font-size: 14px;
}
.p-mypage-minienq-past-list-itm-link:hover .p-mypage-minienq-past-list-itm-date {
  color: #333;
}
@media screen and (min-width: 769px), print {
  .p-mypage-minienq-past-list-itm-link:hover {
    box-shadow:0 0 0 2px #e4002b inset;
  }
}
@media screen and (max-width: 768px){
  .p-mypage-minienq-past-list {
    width: 100%;
    gap: 12.26666667vw;
  }
  .p-mypage-minienq-past-list-itm-link {
    min-height: 16.26666667vw;
    padding: 2.4vw;
  }
  .p-mypage-minienq-past-list-itm-date {
    font-size: 3.2vw;
  }
}

/* ミニアンケート結果レコメンド */
.js-minienq-result-recommend .c-btn-list__itm__link{cursor:pointer;display:flex;justify-content:center;align-items:center;}
.js-minienq-result-recommend .p-mypage-sec{margin:30px auto;width:1040px;max-width:100%;display:flex;justify-content:space-between;align-items:center;}
.js-minienq-result-recommend .p-mypage-sec-hdg--lv2{margin-top:-4.95px;line-height:1.33;font-size:2rem;text-align:left;position:relative;color:#e4002b;}
.js-minienq-result-recommend .r-itm img { height: 175px; object-fit: cover;}
@media screen and (max-width: 768px){
.js-minienq-result-recommend .p-mypage-sec{margin-top:60px;margin-top:8vw;margin-bottom:30px;margin-bottom:4vw;padding-left:20px;padding-left:5.33333vw;padding-right:20px;padding-right:5.33333vw;}
.js-minienq-result-recommend .p-mypage-sec-hdg--lv2{line-height:1.45;font-size:19px;font-size:5.06667vw;}
.js-minienq-result-recommend .r-itm img {height: 26.4vw !important;}
}
@media screen and (max-width: 768px) and (min-width: 769px){
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-detail{padding-top:calc(20px - (((1.6rem * 1.7) - 1.6rem) / 2));font-size:1.6rem;}
}
@media screen and (max-width: 768px){
.js-minienq-result-recommend .c-card-list.r-type-scroll{overflow-x:scroll;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .c-card-list__itms{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-itm{width:133px;width:35.466666666666667vw;margin-left:20px;margin-left:5.33333vw;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-itm:last-child{width:153px;width:40.8vw;padding-right:20px;padding-right:5.33333vw;}
.js-minienq-result-recommend .c-card-list.r-normal .r-itm:nth-child(n+2){margin-top:0;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-itm > a{display:block;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-img{width:133px;width:35.466666666666667vw;}
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-detail{width:133px;width:35.466666666666667vw;padding-top:11.6px;line-height:1.7;}
}
@media screen and (max-width: 768px) and (max-width: 768px){
.js-minienq-result-recommend .c-card-list.r-type-scroll .r-detail{padding-top:1.54667vw;font-size:12px;font-size:3.2vw;}
}



/*
---とっておきレシピTOP
*/

.p-recipe-top-card {
  width: 1040px;
  margin: 60px auto 47px;
}
.p-recipe-top-card-list-itm-pic {
  line-height: 1;
  margin-bottom: 6px;
}
.p-recipe-top-card-list-itm-pic-img {
  border-radius: 8px;
  height: 170px;
  width: 100%;
  object-fit: cover;
}
.p-recipe-top-card-list-itm.r-learge .p-recipe-top-card-list-itm-pic-img {
  height: 354px;
}
.p-recipe-top-card-list-itm-link {
  display: block;
  width: 100%;
  position: relative;
}
.p-recipe-top-card-list-itm-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: solid 1px #e4002b;
  width: 66px;
  height: 20px;
  font-size: 15px;
  letter-spacing: 0.2em;
  position: absolute;
  top: -10px;
  left: 0;
  color: #e4002b;
  background: #fff;
}
.p-recipe-top-card-list-itm-txt {
  line-height: 1.125;
}
.p-recipe-top-card-list-itm.r-learge .p-recipe-top-card-list-itm-txt {
  font-size: 18px;
}
.p-recipe-top-card-row-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 64px 0;
}
.p-recipe-top-card-row-list-itm {
  width: 234px;
  background: #fff;
}
.r-small .p-recipe-top-card-row-list-itm {
  width: 234px !important;
  background: #fff;
  margin-right: 30px;
}
.p-recipe-top-card-row-list-itm-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 8px;
}
.r-no-txt .p-recipe-top-card-row-list-itm-link {
  height: auto;
}
.p-recipe-top-card-row-list-itm-pic {
  width: 100%;
  height: 171px;
  overflow: hidden;
}
.r-promotion .p-recipe-top-card-row-list-itm-pic {
  width: 100%;
  height: 121px;
  overflow: hidden;
}
.p-recipe-top-card-row-list-itm-pic img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.r-promotion .p-recipe-top-card-row-list-itm-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-recipe-top-card-row-list-itm-pic.r-center .p-recipe-top-card-row-list-itm-pic-img {
  object-fit: cover;
}
@media screen and (min-width: 769px), print {
  .p-recipe-top-card-row-list-itm-pic.r-center {
    height: 180px;
  }
  .p-recipe-top-card-row-list-itm-pic.r-center .p-recipe-top-card-row-list-itm-pic-img {
    height: 180px;
  }
}
.p-recipe-top-card-row-list-itm-hdg {
  font-size: 18px;
  padding: 6px 8px 4px;
  flex-grow: 1;
  line-height: 1.6;
}
.r-recommend .p-recipe-top-card-row-list-itm-hdg,
.r-promotion .p-recipe-top-card-row-list-itm-hdg {
  text-decoration: underline !important;
  color: #e4002b !important;
}
.p-recipe-top-card-row-list-itm:hover .p-recipe-top-card-row-list-itm-hdg {
  text-decoration: underline;
}
.p-recipe-top-card-row-list-itm-hdg.r-red {
  color: #e4002b !important;
  /*font-size: 16px;*/
}
.p-recipe-top-card-row-list-itm-txt-wrap {
  overflow: hidden;
  padding: 0 8px;
}
.p-recipe-top-card-row-list-itm-txt {
  height: 44px;
  font-size: 14px;
  line-height: 1.6;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p-recipe-top-card-row-list-itm-link:hover,
.p-recipe-top-card-row-list-itm-link:link,
.p-recipe-top-card-row-list-itm-link:visited {
  color: #333;
}
.p-recipe-top-card-hdg-link {
  position: relative;
}
.p-recipe-top-card-hdg-link::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
  border-right: 3px solid #e4002b;
  border-bottom: 3px solid #e4002b;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
  width: 14px;
  height: 14px;
  right: -30px;
}
.p-recipe-top-card-row-list-flex-itm {
  display: flex;
  flex-direction: column;
}

.p-recipe-top-card-prod-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
}
.p-recipe-top-card-prod-list-itm {
  width: 234px;
  background: #fff;
}
.p-recipe-top-card-prod-list-itm-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.p-recipe-top-card-prod-list-itm-pic {
  width: 100%;
  height: 157px;
  overflow: hidden;
  text-align: center;
}
.p-recipe-top-card-prod-list-itm-pic img {
  object-fit: contain;
  max-width: 100%;
  max-height: 157px;
}
.p-recipe-top-card-prod-list-itm-hdg {
  font-size: 15px;
  padding: 6px;
  flex-grow: 1;
  line-height: 1.6;
  color: #e4002b;
  overflow: hidden;
  margin-top: 24px;
}
.p-recipe-top-card-prod-list-itm-hdg::after {
  content: '';
  display: inline-block;
  margin-left: auto;
  margin-top: 0.7em;
  border-right: 2px solid #e4002b;
  border-bottom: 2px solid #e4002b;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
  width: 8px;
  height: 8px;
  float: right;
}
.p-recipe-top-card-row-list-itm-btnlink {
  display: inline-block;
  padding: 1px 20px 1px 11px;
  border-radius: 20px;
  border: solid 1px #e4002b;
  color: #e4002b;
  position: relative;
  font-size: 12px;
  transition: 0.3s;
}
.p-recipe-top-card-row-list-itm-btnlink::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
  border-right: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
  width: 4px;
  height: 4px;
  right: 10px;
}
.p-recipe-top-hikewpie {
  background: url("/assets/img/common/bg-hikewpie.png") repeat-x top left / auto 56px;
  padding: 70px 0;
  text-align: center;
  border: solid 3px #54C3F1;
  margin: 0 auto;
}
.p-recipe-top-hikewpie-pic-img {
  width: 366px;
  height: auto;
}
.p-recipe-top-hikewpie-txt {
  font-size: 18px;
  margin-top: 13px;
}
.p-recipe-top-hikewpie-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 56px;
  margin-top: 26px;
}
.p-recipe-top-hikewpie-list-itm {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.p-recipe-top-hikewpie-list-itm span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #54C3F1;
  color: #fff;
  font-size: 20px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
}
.p-recipe-top-hikewpie-btn {
  background: #54C3F1;
  color: #fff;
  border-radius: 26px;
  width: 300px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 48px auto 0;
  transition: 0.3s;
  border: solid 1px #54C3F1;
  padding-top: 2px;
  font-weight: bold;
}
.p-recipe-top-hikewpie-btn::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
  width: 4px;
  height: 4px;
  right: 20px;
}
.p-recipe-top-hikewpie-btn:link,
.p-recipe-top-hikewpie-btn:visited {
  color: #fff;
}
.c-tab-list-emphasis__block {
  background: #fff;
  width: 340px;
  padding: 30px;
}
.c-tab-list-emphasis__block-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 13px;
  color: #e4002b;
  margin-top: 19px;
  line-height: 1.4;
}
.p-recipe-top-hdg-wrap {
  padding: 80px 0 60px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.p-recipe-top-hdg-wrap::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 4%, rgba(0,0,0,0.15) 26%, rgba(0,0,0,0) 42%);
  top: 0;
  left: 0;
}
.p-recipe-top-hdg-wrap .c-hdg--lv1 {
  font-size: 34px;
  font-weight: bold;
  text-shadow: 0 0 8px #000;
  color: #fff;
  margin-bottom: 32px;
}
.p-recipe-top-hdg-wrap .p-recipes-nav__search-wrap {
  margin: 0 auto 18px;
  text-align: center;
}
.p-recipe-top-hdg-search-list-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  position: relative;
  z-index: 2;
}
.p-recipe-top-hdg-search-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 1200px;
}
.p-recipe-top-hdg-search-list-itm a {
  font-size: 13px;
  background: rgba(255,255,255,0.8);
  height: 27px;
  padding: 0 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  font-weight: bold;
}
.p-recipe-top-hdg-search-list-itm a:link,
.p-recipe-top-hdg-search-list-itm a:visited {
  color: #333;
}
.js-random-01-img,.js-random-02-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media screen and (min-width: 769px), print {
  .p-recipe-top-card-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, auto);
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
  .p-recipe-top-card-list-itm:nth-child(1) { grid-area: 1 / 1 / 3 / 3; }
  .p-recipe-top-card-list-itm:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
  .p-recipe-top-card-list-itm:nth-child(3) { grid-area: 1 / 4 / 2 / 5; }
  .p-recipe-top-card-list-itm:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
  .p-recipe-top-card-list-itm:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
  .p-recipe-top-card-list-itm:nth-child(6) { grid-area: 2 / 3 / 4 / 5; }
  .p-recipe-top-card-list-itm:nth-child(7) { grid-area: 4 / 1 / 6 / 3; }
  .p-recipe-top-card-list-itm:nth-child(8) { grid-area: 4 / 3 / 5 / 4; }
  .p-recipe-top-card-list-itm:nth-child(9) { grid-area: 4 / 4 / 5 / 5; }
  .p-recipe-top-card-list-itm:nth-child(10) { grid-area: 5 / 3 / 6 / 5; }
  
  .p-recipe-top-card-list-itm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .p-recipe-top-card-list.r-1fr {
    grid-template-rows: auto;
  }
  .p-recipe-top-card-list.r-1fr .p-recipe-top-card-list-itm {
    grid-area: auto !important;
  }

  .p-recipe-top-card-list-itm .c-btn-list {
    max-width: 530px;
    justify-content: space-between;
  }
  .p-recipe-top-card-list-itm .c-btn-list__itm {
    margin: 0 !important;
  }
  .p-recipe-top-card-row-list-itm-link:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .p-recipe-top-card-prod-list-itm-link:hover .p-recipe-top-card-prod-list-itm-hdg {
    text-decoration: underline;
  }
  .p-recipe-top-card-row-list-itm-btnlink:hover {
    background: #e4002b;
    color: #fff;
  }
  .p-recipe-top-card-row-list-itm-btnlink:hover::after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .p-recipe-top-hikewpie-btn:hover {
    background: #fff;
    color: #54C3F1;
  }
  .p-recipe-top-hikewpie-btn:hover::after {
    border-right: 1px solid #54C3F1;
    border-bottom: 1px solid #54C3F1;
  }
  .c-tab-list-emphasis__block-list a:hover {
    text-decoration: underline;
  }
  .p-recipe-top-hdg-search-list-itm a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 768px) {
  .p-recipe-top-card {
    width: 95.733333333333333vw;
    margin: 7.46667vw auto 0;
    padding-bottom: 12vw;
  }
  .p-recipe-top-card-list-itm {
    width: 45.866666666666667vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .p-recipe-top-card-list-itm.r-btn,
  .p-recipe-top-card-list-itm.r-learge {
    width: 100%;
  }
  .p-recipe-top-card-list-itm-link {
    flex-grow: 1;
  }
  .p-recipe-top-card-list-itm-link:hover,
  .p-recipe-top-card-list-itm-link:link,
  .p-recipe-top-card-list-itm-link:visited {
    color: #333;
  }
  .p-recipe-top-card-list-itm-pic {
    margin-bottom: 1.066666666666667vw;
  }
  .p-recipe-top-card-list-itm-pic-img {
    border-radius: 2.133333333333333vw;
    height: 32vw;
  }
  .p-recipe-top-card-list-itm.r-learge .p-recipe-top-card-list-itm-pic-img {
    height: 66.4vw;
  }
  .p-recipe-top-card-list-itm-icon {
    border-radius: 3vw;
    width: 17.617vw;
    height: 5.866666666666667vw;
    font-size: 4vw;
    top: -2.933333333333333vw;
  }
  .p-recipe-top-card-list-itm-txt {
    font-size: 3.733333333333333vw;
  }
  .p-recipe-top-card-list-itm.r-learge .p-recipe-top-card-list-itm-txt {
    font-size: 3.733333333333333vw;
  }
  .p-recipe-top-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 11.866666666666667vw 0;
    justify-content: space-between;
  }
  .p-recipe-top-card-list-itm .c-btn-list {
    width: 100%;
    max-width: 100%;
  }
  .p-recipe-top-card-list-itm .c-txt-link.r-right {
    padding-right: 2.067vw;
    margin-top: 1.866666666666667vw;
  }
  .p-recipe-top-card-row-list {
    gap: 5.333333333vw 0;
  }
  .p-recipe-top-card-row-list.r-scrollx-sp {
    width: auto;
    gap: 10.666666666666667vw 5.333333333333333vw;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-left: 2vw;
  }
  .p-recipe-top-card-row-list.r-scrollx-sp::after {
    content: "_";
    opacity: 0;
  }
  .p-recipe-top-card-row-list-itm {
    width: 46.4vw;
  }
  .r-small .p-recipe-top-card-row-list-itm {
    width: 80vw !important;
    margin: 0 2vw !important;
    padding: 0 !important;
  }
  .p-recipe-top-card-row-list.r-scrollx-sp .p-recipe-top-card-row-list-itm {
    width: 56.8vw;
    flex-shrink: 0;
  }
  .p-recipe-top-card-row-list-itm-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 3.466666666666667vw;
  }
  .p-recipe-top-card-row-list-itm-link:hover .p-recipe-top-card-row-list-itm-hdg,
  .p-recipe-top-card-row-list-itm-link:link .p-recipe-top-card-row-list-itm-hdg,
  .p-recipe-top-card-row-list-itm-link:visited .p-recipe-top-card-row-list-itm-hdg {
    text-decoration: none !important;
    color: #333;
  }
  .p-recipe-top-card-row-list-itm-pic {
    height: 33.066666666666667vw;
  }
  .p-recipe-top-card-row-list.r-scrollx-sp .p-recipe-top-card-row-list-itm-pic {
    height: 42.4vw;
  }
  .p-recipe-top-card-row-list-itm-hdg {
    font-size: 3.8vw;
    padding: 1.6vw 0.8vw 0.8vw;
  }
  .p-recipe-top-card-row-list-itm-txt-wrap {
    overflow: hidden;
    padding: 0 0.8vw;
  }
  .p-recipe-top-card-row-list-itm-txt {
    height: 11.333vw;
    font-size: 3.733333333333333vw;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .p-recipe-top-card-hdg-link::after {
    border-right: 2px solid #e4002b;
    border-bottom: 2px solid #e4002b;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    -webkit-transition: border-color .65s ease;
    transition: border-color .65s ease;
    width: 2vw;
    height: 2vw;
    right: -5vw;
  }
  .r-promotion .p-recipe-top-card-row-list-itm {
    width: 100%;
    padding: 5.066666667vw 8.533333333vw 3.2vw;
  }
  .r-promotion .p-recipe-top-card-row-list-itm-pic {
    text-align: center;
    height: 42.764vw;
  }
  .r-promotion .p-recipe-top-card-row-list-itm-pic img {
    width: 100%;
    height: 42.764vw;
  }
  .r-promotion .p-recipe-top-card-row-list-itm-hdg {
    font-size: 4vw;
    margin-top: 2.933333333vw;
    font-weight: bold;
  }
  .r-promotion .p-recipe-top-card-row-list-itm-txt {
    font-size: 3.466666667vw;
    margin-top: 0.5vw;
  }
  .r-scrollx-sp-wrap {
    overflow-x: scroll;
  }
  .p-recipe-top-card-prod-list {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 4vw;
  }
  .p-recipe-top-card-prod-list-itm {
    width: 36.266666666666667vw;
    background: #fff;
  }
  .p-recipe-top-card-prod-list-itm-link {
    height: auto;
  }
  .p-recipe-top-card-prod-list-itm-pic {
    height: 31.466666666666667vw;
  }
  .p-recipe-top-card-prod-list-itm-pic img {
    height: 31.466666666666667vw;
  }
  .p-recipe-top-card-prod-list-itm-hdg {
    font-size: 3.2vw;
    padding: 0;
    margin-top: 2.933333333333333vw;
    line-height: 1.5;
  }
  .p-recipe-top-card-prod-list-itm-hdg::after {
    width: 1.2vw;
    height: 1.2vw;
    margin-right: 2vw;
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
  }
  .p-recipe-top-card-row-list-itm-btnlink {
    padding: 0.266666666666667vw 205.333333333333333vwpx 0.266666666666667vw 2.933333333333333vw;
    border-radius: 5.333333333333333vw;
    font-size: 3.2vw;
  }
  .p-recipe-top-card-row-list-itm-btnlink::after {
    width: 1.066666666666667vw;
    height: 1.066666666666667vw;
    right: 2.666666666666667vw;
  }
  .p-recipe-top-hikewpie {
    background: url("/assets/img/common/bg-hikewpie.png") repeat-x top left / auto 12.8vw;
    padding: 17.333333333333333vw 0 10vw;
  }
  .p-recipe-top-hikewpie-pic-img {
    width: 58.933333333333333vw;
  }
  .p-recipe-top-hikewpie-txt {
    font-size: 3.733333333333333vw;
    margin: 4.533333333333333vw auto 0;
    width: 90%;
    text-align: left;
  }
  .p-recipe-top-hikewpie-list {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 4.533333333333333vw;
    margin: 7.2vw 0 0 8vw;
  }
  .p-recipe-top-hikewpie-list-itm {
    font-size: 4.266666666666667vw;
    gap: 2.333vw;;
  }
  .p-recipe-top-hikewpie-list-itm span {
    font-size: 5.333333333333333vw;
    width: 10.4vw;
    height: 10.4vw;
  }
  .p-recipe-top-hikewpie-btn {
    border-radius: 6vw;
    width: 80vw;
    height: 10.666666666666667vw;
    margin: 9.6vw auto 0;
    padding-top: 0.533333333333333vw;
  }
  .p-recipe-top-hikewpie-btn::after {
    width: 1.066666666666667vw;
    height: 1.066666666666667vw;
    right: 5.333333333333333vw;
  }

  .c-tab-list-emphasis__block {
    width: 100%;
    padding: 4.8vw 4.4vw;
    margin-bottom: 2.133333333333333vw;
  }
  .c-tab-list-emphasis__block-link:hover {
    color: #333;
  }
  .c-tab-list-emphasis__block-list {
    gap:  2.4vw 6vw;
    margin-top: 2.333vw;
  }
  .p-recipe-top-hdg-wrap {
    padding: 18.666666666666667vw 0 2.933333333333333vw;
  }
  .p-recipe-top-hdg-wrap .c-hdg--lv1 {
    font-size: 5.866666666666667vw;
    text-shadow: 0 0 1.333333333333333vw #000;
    margin-bottom: 5.333333333333333vw;
  }
  .p-recipe-top-hdg-wrap .p-recipes-nav__search-wrap {
    margin: 0 auto 2.6vw;
    width: 89.333333333333333vw;
  }
  .p-recipe-top-hdg-search-list-wrap {
    margin-top: 0;
  }
  .p-recipe-top-hdg-search-list {
    padding: 1.6vw 6.4vw;
    justify-content: center;
    gap: 2.666666666666667vw;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .p-recipe-top-hdg-search-list-itm {
    flex-shrink: 0;
    max-width: 100%;
  }
  .p-recipe-top-hdg-search-list-itm a {
    font-size: 3.466666666666667vw;
    height: 7.2vw;
    padding: 0 3.733333333333333vw;
    border-radius: 3.733333333333333vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: block;
  }
  .p-recipe-top-hdg-search-list-itm a:hover {
    text-decoration: none;
  }
  .p-recipe-top-hdg-search-list-itm a:link,
  .p-recipe-top-hdg-search-list-itm a:visited {
    color: #333;
  }

  .u-pd-narrow-center--sp {
    width: 95.733333333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
/* レシピを探す */
.p-recipe-top-search-box {
  display: flex;
  position: relative;
}
.p-recipe-top-search-box-ttl {
  width: 260px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  flex-shrink: 0;
  font-size: 23px;
  text-align: left;
}
.p-recipe-top-search-box .p-recipes-nav {
  width: 780px;
}
.p-recipe-top-search-box .p-recipes-nav__list {
  width: 100%;
}
.p-recipe-top-search-box .p-recipes-nav__itm {
  width: 33%;
  position: relative;
  text-align: center;
}
.p-recipe-top-search-box .p-recipes-nav__itm__text {
  padding-right: 28px;
}

.p-recipe-top-search-box .p-recipes-nav__itm > span::after {
  content: none;
}
.p-recipe-top-search-box .p-recipes-nav__itm::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  background-color: #e4002b;
  bottom: -9px;
  -webkit-transition: height .2s;
  transition: height .2s;
}
.p-recipe-top-search-box .p-recipes-nav__itm:hover::after {
  height: 2px;
}
.p-recipe-top-search-box .p-recipes-nav--sub {
  width: 100%;
  position: absolute;
  top: 40px;
  right: 0;
}
.p-recipe-top-search-box .p-recipes-nav--sub__contents {
  width: 100%;
  padding: 40px;
}
.p-recipe-top-search-box .p-recipes-nav--sub__recipes-category,
.p-recipe-top-search-box .p-recipes-nav--sub__products-category {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
}
.p-recipe-top-search-box .p-recipes-nav--sub__itm {
  width: 23%;
  display: flex;
  align-items: center;
  background-size: contain;
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}
.p-recipe-top-search-box .p-recipes-nav--sub__closebtn {
  top: 10px;
  right: 10px;
}
.p-recipe-top-search-box .p-recipes-nav--sub__recipes-category .p-recipes-nav--sub__itm:last-of-type {
  margin-bottom: 25px;
}
.c-btn-list__itm.r-acc .c-btn-list__itm__content{left:0 !important;}
.c-btn-list__itm.r-acc .c-btn-list__itm__link{letter-spacing: .05em;font-weight: bold;}
.c-btn-list__itm.r-acc .r-acc-arrow{pointer-events:none;}
.c-btn-list__itm.r-acc .c-btn-list__itm__link::before {content:none;}
.c-btn-list__itm.r-acc .r-acc-arrow:before{content:'';display:block;position:absolute;top:50%;background-color:#e4002b;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition: 0.5s;}
.c-btn-list__itm.r-acc .r-acc-arrow:after{content:'';display:block;position:absolute;top:50%;background-color:#e4002b;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition: 0.5s;}
.c-btn-list__itm.r-acc .c-btn-list__itm__link[aria-expanded=true] .r-acc-arrow::after {content:none;}
@media screen and (min-width: 769px), print{
.c-btn-list__itm.r-acc .r-acc-arrow:before{right:35px;width:11px;height:1px;}
.c-btn-list__itm.r-acc .r-acc-arrow:after{right:40px;width:1px;height:11px;}
  .js-toggle-recipe-cat:focus{background-color: #fff;color: #e4002b;}
  .js-toggle-recipe-cat:focus::after{content: none;}
  .js-toggle-recipe-cat:hover{color: #fff;}
  .js-toggle-recipe-cat:hover::after{content: "";}
  .js-toggle-recipe-cat:hover .r-acc-arrow:before, .js-toggle-recipe-cat:hover .r-acc-arrow:after{background-color:#fff;}
  .u-wd-s--pc .p-recipes-nav--sub__itm {width: 47%;}
}
@media screen and (max-width: 768px){
.c-btn-list__itm.r-acc .r-acc-arrow:before{right:16px;right:4.26667vw;width:9px;width:2.4vw;height:1px;}
.c-btn-list__itm.r-acc .r-acc-arrow:after{right:20px;right:5.33333vw;width:1px;height:9px;height:2.4vw;}
}
@media screen and (max-width: 768px) {
  .p-recipe-top-search-box {
    flex-direction: column;
    width: 95.733333333333333vw;
    margin: 0 auto;
  }
  .p-recipe-top-search-box.r-acc {
    position: absolute;
    left: 0;
    right: 0;
  }
  .p-recipe-top-search-box-ttl {
    width: 100%;
    border-bottom: none;
    font-size: 4vw;
    margin: 0 auto;
    margin-bottom: -3vw;
  }
  .p-recipe-top-search-box .p-recipes-nav {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .p-recipe-top-search-box .p-recipes-nav__list {
    width: 100%;
  }
  .p-recipe-top-search-box .p-recipes-nav__itm {
    width: 33%;
    margin-bottom: 1vw;
  }
  .p-recipe-top-search-box .p-recipes-nav__itm__text {
    padding-right: 5.06667vw;
  }
  .p-recipe-top-search-box .p-recipes-nav__itm::after {
    bottom: -1vw;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub {
    width: 100%;
    top: 18.53333333vw;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub__contents {
    width: 100%;
    padding: 8vw 0 3.2vw;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub__recipes-category,
  .p-recipe-top-search-box .p-recipes-nav--sub__products-category {
    gap: 3vw 0;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub__itm {
    width: 48%;
    padding-left: 8vw;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub__itm[data-product="pasta_sauce"] {
    padding-left: 9.6vw;
  }
  .p-recipe-top-search-box .p-recipes-nav--sub__closebtn {
    top: 2.666666667vw;
    right: 2.666666667vw;
  }
}

.u-dis-c {
    display: block;
    margin: 0 auto;
}

/*
---特集レシピ
*/

.r-feature .p-recipe-top-card-row-list-itm-hdg,.r-feature .p-recipe-top-card-row-list-itm-txt-wrap {
  padding-left: 0;
  padding-right: 0;
}
.r-feature .p-recipe-top-card-row-list-itm-link img {
  transform: scale(1.2);
}
.r-feature .p-recipe-top-card-row-list-itm-link:hover img {
  transform: scale(1.25);
}
.recipe-feature-category-link-list {
  width: 960px;
  margin: 34px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 27px 54px;
}
.recipe-feature-category-link-list-itm {
  width: 283px;
}
.recipe-feature-category-link-list-itm a,
.recipe-feature-category-link-list-itm a:link,
.recipe-feature-category-link-list-itm a:visited {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  border: solid 1.5px #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  position: relative;
  transition: 0.3s;
}
.recipe-feature-category-link-list-itm a:hover {
  background: #ddd;
  color: #333;
}
.recipe-feature-category-link-list-itm a::after {
  content: "";
  right: 21px;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
}
.recipe-feature-category-listlink-list {
  display: flex;
  gap: 70px 43px;
  flex-wrap: wrap;
}
.recipe-feature-category-listlink-list-itm {
  width: 318px;
}
.recipe-feature-category-listlink-list-itm-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recipe-feature-category-listlink-list-itm-pic-wrap {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.recipe-feature-category-listlink-list-itm-pic {
  width: 50%;
  height: 114px;
  overflow: hidden;
}
.r-single .recipe-feature-category-listlink-list-itm-pic {
  width: 100%;
  height: 228px;
}
.recipe-feature-category-listlink-list-itm-pic-img {
  object-fit: cover;
  transform: scale(1.2);
  transform-origin: center;
  width: 100%;
  height: 100%;
}
.recipe-feature-category-listlink-list-itm-hdg {
  font-size: 18px;
  margin-top: 6px;
  line-height: 1.5;
  flex-grow: 1;
}
.recipe-feature-category-listlink-list-itm-wrap {
  height: 72px;
  overflow: hidden;
}
.recipe-feature-category-listlink-list-itm-txt {
  font-size: 15px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.recipe-feature-category-listlink-list-itm-link:hover .recipe-feature-category-listlink-list-itm-hdg,
.r-feature .p-recipe-top-card-row-list-itm-link:hover .p-recipe-top-card-row-list-itm-hdg {
  color: #e4002b;
  text-decoration: underline;
}
.recipe-feature-category-listlink-list-itm-link:hover .recipe-feature-category-listlink-list-itm-txt,
.recipe-feature-category-listlink-list-itm-link:link .recipe-feature-category-listlink-list-itm-txt,
.recipe-feature-category-listlink-list-itm-link:visited .recipe-feature-category-listlink-list-itm-txt,
.recipe-feature-category-listlink-list-itm-link:active .recipe-feature-category-listlink-list-itm-txt {
  color: #333;
}
.recipe-features-readtxt {
  font-size: 16px;
  width: 888px;
  margin: 0 auto;
}
.r-recipe.recipe-feature-category-listlink .r-list {
  display: flex;
  justify-content: flex-end;
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
}
.r-recipe.recipe-feature-category-listlink .recipe-feature-category-listlink-list-itm-hdg {
  flex-grow: 1;
}
.r-recipe.recipe-feature-category-listlink .r-list li.r-list-itm01 {
  background: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m998.5 354a10.5 10.5 0 1 1 10.5-10.5 10.512 10.512 0 0 1 -10.5 10.5zm0-20a9.5 9.5 0 1 0 9.5 9.5 9.511 9.511 0 0 0 -9.5-9.5zm3.27 10.6h-3.607l-4.568-5.536.771-.637 4.268 5.172h3.136v1z%22 fill=%22%23e4002b%22 fill-rule=%22evenodd%22 transform=%22translate(-988 -333)%22/%3E%3C/svg%3E") no-repeat;
    background-size: auto 16px;
    background-position: 0 5px;
}
.r-recipe.recipe-feature-category-listlink .r-list li {
  margin-right: 5px;
  padding-left: 22px;
  font-size: 13px;
}
.r-recipe .recipe-feature-category-listlink-txt-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.r-feature .p-recipe-top-card-row-list-itm-txt {
  -webkit-line-clamp: 3;
  height: 70px;
}
.c-card-list__itms.r-zoom a img {
  object-fit: cover;
  transform: scale(1.13) !important;
  transform-origin: center;
  width: 100%;
  height: 100%; 
}
@media screen and (min-width: 769px), print{
  .c-card-list__itms.r-zoom a:hover img {
    transform: scale(1.17) !important;
  }
  .c-card-list__itms.r-zoom .u-hgt-auto {
    height: 175px !important;
  }
}
@media screen and (max-width: 768px){
  .r-feature .p-recipe-top-card-row-list-itm-hdg,.r-feature .p-recipe-top-card-row-list-itm-txt-wrap {
    padding-left: 0.8vw;
    padding-right: 0.8vw;
  }
  .r-feature .p-recipe-top-card-row-list-itm {
    background: #F9F9F9;
  }
  .recipe-feature-category-link-list {
    width: 93.06666667vw;
    margin: 6.933333333vw auto 0;
    gap: 3.2vw 0;
    justify-content: space-between;
  }
  .recipe-feature-category-link-list-itm {
    width: 44.8vw;
  }
  .recipe-feature-category-link-list-itm a {
    height: 9.866666667vw;
    border-radius: 1.066666667vw;
    font-size: 4vw;
  }
  .recipe-feature-category-link-list-itm a::after {
    right: 6.66667vw;
    width: 1.06667vw;
    height: 1.06667vw;
  }
  .recipe-feature-category-listlink-list {
    flex-direction: column;
    gap: 8.866666667vw 0;
    width: 84.8vw;
    margin: 0 auto;
  }
  .recipe-feature-category-listlink-list-itm {
    width: 100%;
  }
  .recipe-feature-category-listlink-list-itm-pic {
    height: 30.66666667vw;
  }
  .r-single .recipe-feature-category-listlink-list-itm-pic {
    height: 60.8vw;
  }
  .recipe-feature-category-listlink-list-itm-hdg {
    font-size: 4vw;
    margin-top: 1.866666667vw;
  }
  .recipe-feature-category-listlink-list-itm-wrap {
    height: 16.8vw;
  }
  .recipe-feature-category-listlink-list-itm-txt {
    font-size: 3.466666667vw;
  }
  .recipe-features-readtxt {
    font-size: 3.733333333vw;
    width: 100%;
  }
  .r-recipe .recipe-feature-category-listlink-list {
    width: 94.66666667vw;
  }
  .r-recipe.recipe-feature-category-listlink .r-list {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 1.6vw;
    /*margin-bottom: 3.733333333vw;*/
  }
  .r-recipe .recipe-feature-category-listlink-list-itm-link {
    flex-direction: row;
    gap: 2.133333333vw;
  }
  .r-recipe .recipe-feature-category-listlink-list-itm-hdg {
    font-size: 4vw;
    margin-top: 2.666666667vw;
  }
  .r-recipe .recipe-feature-category-listlink-txt-wrap {
    width: 45.06666667vw;
  }
  .r-recipe .r-single .recipe-feature-category-listlink-list-itm-pic {
    width: 47.2vw;
    height: 35.46666667vw;
    display: block;
  }
  .r-recipe.recipe-feature-category-listlink .r-list li.r-list-itm01 {
    background-size: auto 15px;
    background-size: auto 4vw;
    background-position: 2px 5px;
    background-position: 0.53333vw 1.33333vw;
    margin: 0;
    box-sizing: border-box;
  }
  .r-recipe.recipe-feature-category-listlink .r-list li {
    margin-right: 2.666666667vw !important;
    padding-left: 5.866666667vw;
    font-size: 3.466666667vw;
  }
  .r-feature .p-recipe-top-card-row-list-itm-txt {
    height: 18vw;
  }
  .c-card-list__itms.r-zoom .u-hgt-auto {
    height: 30vw !important;
  }
}

.p-flex-area.col3 {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 50px 0;
}

.p-flex-area.col3 .p-flex-box {
  width: 300px;
}

.p-banner-box.cook_oil {
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 768px){
  .p-flex-area.col3,.p-flex-area.col3 .p-flex-box,.p-banner-box.cook_oil {
    display: block;
    width: 100%;
  }
}

.c-maintenance-title {
	text-align: left;
	color: #333;
}


@media screen and (max-width: 768px){
  .c-maintenance-title {
    font-size: 6.13333vw;
  }
}

/*
---TOPリニューアル 2023.11
*/

@media screen and (min-width: 769px), print {
  .c-bnr-1col {
    width: 511px;
    height: 184px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    border: solid 1px #ddd;
  }
  .u-maxwd1400 {
    max-width: 1400px !important;
  }
  .p-prod-cat-slider .slick-track {
    margin-left: -60px;
  }
}

.u-heading-link {
  position: relative;
}
.u-heading-link::after {
  width: 8px;
  height: 8px;
  content: '';
  display: inline-block;
  z-index: 1;
  margin-bottom: 1px;
  margin-left: 29px;
  border-right: 2px solid #e4002b;
  border-bottom: 2px solid #e4002b;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease;
}
.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-bdr-ddd {
  border: solid 1px #ddd !important;
}
.u-height-120 {
  width: auto;
  height: 120px !important;
}
@media screen and (max-width: 768px) {
  .u-heading-link {
    display: block !important;
  }
  .u-heading-link::after {
    border-right: 1.5px solid #e4002b;
    border-bottom: 1.5px solid #e4002b;
    width: 1.8vw;
    height: 1.8vw;
    position: absolute;
    top: 45%;
    margin-left: 3vw;
  }
}
.p-top-bg-fix-01 {
  position: relative;
  width: 100%;
  height: 139px;
  margin-bottom: 100px;
  overflow: hidden;
}
.p-top-bg-fix-01::before{
  content: "";
  display: block;
  opacity: 0.39;
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 139px;
  background-attachment:fixed;
  background-position: center;
  background-size: 100% auto;
  background-repeat: repeat;
  background-image: url(/assets/img/project/top/top_recipes_bg_sp.jpg);
}
.p-top-bg-fix-01.r-sp::before {
  background-image: url(/assets/img/project/top/top_recipes_bg_sp.jpg);
}
.p-top-bg-fix-01.r-su::before {
  background-image: url(/assets/img/project/top/top_recipes_bg_su.jpg);
}
.p-top-bg-fix-01.r-au::before {
  background-image: url(/assets/img/project/top/top_recipes_bg_au.jpg);
}
.p-top-bg-fix-01.r-wi::before {
  background-image: url(/assets/img/project/top/top_recipes_bg_wi.jpg);
}
.p-top-recommend-list {
  display: flex;
  justify-content: space-between;
  width: 1040px;
  margin: 40px auto 0;
}
.p-top-recommend-list-itm {
  width: 238px;
}
.p-top-recommend-list-itm-link {
  display: block;
  width: 100%;
  height: 100%;
}
.p-top-recommend-list-itm-pic {
  margin-bottom: 8px;
  border: solid 1px #ddd;
  overflow: hidden;
  width: 100%;
  height: 238px;
}
.p-top-recommend-list-itm-pic-img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
  object-fit: cover;
}
.p-top-recommend-list-itm-link:hover .p-top-recommend-list-itm-pic-img {
  transform: scale(1.05);
}
.p-top-recommend-list-itm-txt {
  font-size: 1rem;
  line-height: 1.7;
}
.p-top-recommend {
  flex-grow: 1;
}
.p-top-recommend-list-itm-hdg {
  font-size:16px;
  padding:6px 0 4px;
  flex-grow:1;
  line-height:1.6;
  text-decoration:underline!important;
  color:#e4002b!important;
}
.p-top-recommend-list-itm-link:hover .p-top-recommend-list-itm-hdg {
  text-decoration:underline;
}
@media screen and (max-width: 768px){
  .p-top-recommend-list-itm-link:hover .p-top-recommend-list-itm-hdg,
  .p-top-recommend-list-itm-link:link .p-top-recommend-list-itm-hdg,
  .p-top-recommend-list-itm-link:visited .p-top-recommend-list-itm-hdg {
    text-decoration:none!important;
    color:#333;
  }
  .p-top-recommend-list-itm-hdg {
    font-size:3.4vw;
    padding:0 0 0.8vw;
    font-size:4vw;
    margin-top:1.933333333vw;
    font-weight:bold;
  }
}
.p-top-recommend-list-itm-link.r-blank .p-top-recommend-list-itm-hdg::after{
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.5em; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat center center / 100% auto}
@media screen and (max-width: 768px) {
  .p-top-bg-fix-01 {
    height: 22vw;
    margin-bottom: 0;
  }
  .p-top-bg-fix-01::before{
    content:"";
    display:block;
    top:0;
    left:0;
    z-index:-1;
    /*position: fixed;*/
    height: 22vw;
    background-size: cover;
    background-position: bottom center;
    background-attachment: inherit;
  }
  .p-top-recommend-list {
    width: 95.733333333333333vw;
    margin: 7.46667vw auto 0;
    flex-wrap: wrap;
    gap: 5.866666666666667vw;
  }
  .p-top-recommend-list-itm {
    width: 44.533333333333333vw;
  }
  .p-top-recommend-list-itm-pic {
    margin-bottom: 1.333333333333333vw;
    height: 44.533333333333333vw;
  }
  .p-top-recommend-list-itm-link:hover .p-top-recommend-list-itm-pic-img {
    transform: scale(1);
  }
  .p-top-recommend-list-itm-txt {
    font-size: 1rem;
    line-height: 1.7;
  }
}


.c-bnr-slider-itm {
  width: 325px;
  height: 170px;
  padding: 0 14.25px;
}
.c-bnr-slider-itm a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-bnr-slider-itm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.8s;
}
.c-bnr-slider-itm a:hover img {
  transform: scale(1.05);
}
.r-zoom .c-bnr-slider-itm img {
  transform: scale(1.05);
}
.r-zoom .c-bnr-slider-itm a:hover img {
  transform: scale(1.1);
}
.p-prod-cat-slider .slick-slide {
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.p-prod-cat-slider .slick-current {
  transform: scale(1.45) translate(10px,-20px);
  z-index: -1;
}
.p-prod-cat-slider-itm {
  height: 160px;
  padding-right: 80px;
  max-width: 200px;
}
.p-prod-cat-slider-itm a {
  display: block;
  height: 100%;
}
.p-prod-cat-slider-itm img {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
@media (orientation: landscape) {
  .c-bnr-slider-itm {
    width: 26.7vw !important;
    height: 12.8vw !important;
    padding: 0 0.853333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-itm {
    width: 67.333vw !important;
    height: 33.8vw !important;
    padding: 0 0.853333333333333vw;
  }
  .p-prod-cat-slider .slick-current {
    transform: scale(1.3) translate(1vw,-1.833333333333333vw);
  }
  .p-prod-cat-slider-itm {
    height: 18.666666666666667vw;
    padding-right: 10.333333333333333vw;
    max-width: 24vw;
  }
  .u-height-120 {
    height: 13.6vw !important;
  }
  .u-flex-wrap--sp {
    flex-wrap: wrap !important;
  }
}


.p-prod-cat-slider .slick-list {
  overflow: visible !important;
}

.r-slider,
.c-bnr-slider,
.p-prod-cat-slider {
  opacity: 0;
  transition: .4s;
}
.r-slider,
.c-bnr-slider.slick-initialized,
.p-prod-cat-slider.slick-initialized {
  opacity: 1;
}

.u-bg-white {
  background-color: #fff !important;
}
.u-bg-blue {
  background-color: #f6fcff !important;
}
.u-bg-green {
  background-color: #f9fbf6 !important;
}
.u-bdr-blue {
  box-shadow:0 0 0 13px #d2effd inset;
}
.u-bdr-green {
  box-shadow:0 0 0 13px #edf4e6 inset;
}
.u-flex-column {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .u-bdr-blue {
    box-shadow:0 0 0 2.2vw #d2effd inset;
  }
  .u-bdr-green {
    box-shadow:0 0 0 2.2vw #edf4e6 inset;
  }
  .u-pd5vw--sp {
    padding: 5vw !important;
  }
}

.p-top-recommend-list-itm-link[target="_blank"] .p-top-recommend-list-itm-pic {
  position: relative;
}
.p-top-recommend-list-itm-link[target="_blank"] .p-top-recommend-list-itm-pic::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 7px;
  z-index: 1;
  width: 8px;
  height: 8px;
  right: 7px;
  margin-top: -7px;
  border: 1px solid #fff;
}
.p-top-recommend-list-itm-link[target="_blank"] .p-top-recommend-list-itm-pic::before {
  right: 10px;
  margin-top: -3px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  content: '';
  display: block;
  position: absolute;
  bottom: 5px;
  z-index: 1;
  width: 8px;
  height: 8px;
}
@media screen and (max-width: 768px) {
  .p-top-recommend-list-itm-link[target="_blank"] .p-top-recommend-list-itm-pic::after {
    bottom: 1.866666667vw;
    width: 2.133333333vw;
    height: 2.133333333vw;
    right: 1.866666667vw;
    margin-top: -1.866666667vw;
  }
  .p-top-recommend-list-itm-link[target="_blank"] .p-top-recommend-list-itm-pic::before {
    right: 2.666666667vw;
    margin-top: -0.8vw;
    bottom: 1.333333333vw;
    width: 2.133333333vw;
    height: 2.133333333vw;
  }
}

@media print {
  .c-social-btn {
    display: none !important;
  }
}
  
.p-recipes-nav__search-wrap .yxt-GeoLocationFilter-container, .p-recipes-nav__search-wrap .yxt-SearchBar-container,
.yxt-GeoLocationFilter-container, .yxt-SearchBar-container {
  background-color: transparent!important;
  border: none !important;
  border-radius: none !important;
}
.yxt-GeoLocationFilter-container:focus-within, .yxt-GeoLocationFilter-container:hover, .yxt-SearchBar-container:focus-within, .yxt-SearchBar-container:hover {
  box-shadow: none !important;
}
.yxt-SearchBar-AnimatedIcon {
  width: 1px;
}
.yxt-SearchBar-clear {
  display: none !important;
}
@media screen and (min-width: 769px), print {
  .yxt-SearchBar-form::after {
    content: "レシピ検索";
    display: block;
    position: absolute;
    width: 100px;
    height: 50px;
    line-height: 50px;
    right: 45px;
    top:0;
    color: #fff;
    z-index: 999;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
  }
  .on-hover.yxt-SearchBar-form::after {
    color: #e4002b;
  }
  .yxt-SearchBar-button {
    width: 157px;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .yxt-SearchBar-button::after {
    content: "レシピ検索";
  }
}
.yxt-SearchBar-autocomplete {
  position: absolute;
  top: 51px;
  left: 20px;
  z-index: 2;
  width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .yxt-SearchBar-autocomplete {
    left: 5vw;
    top: 9.33333vw;
    width: calc(100% - 10vw);
  }
}
.yxt-SearchBar-container {
  overflow: visible !important;
  z-index: 9999 !important;
}
.yxt-AutoComplete-results {
  background: #fff;
  border: solid 1px #ccc;
}
.yxt-AutoComplete-option + .yxt-AutoComplete-option {
  border-top: solid 1px #ccc;
}
.p-recipe-top-hdg-wrap .p-recipes-nav__search-wrap {
  z-index: 3;
  position: relative;
}
.yxt-AutoComplete-resultsCount {
  display: none !important;
}
.yxt-AutoComplete {
  padding-bottom: 0 !important;
}
.yxt-AutoComplete::before {
  content: none !important;
}
.yxt-SearchBar-input {
  background-color: #f9f9f9 !important;
  border-radius: 30px;
}
@media screen and (min-width: 769px), print {
  .yxt-SearchBar-input {
    height: 50px !important;
  }
}

.p-products-greenkewpie-area {
border: 1px solid #ddd;
border-radius: 14px;
padding: 40px;
text-align: left;
}

.p-products-greenkewpie-area .p-textbox{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 34px;
}

.p-products-greenkewpie-area .p-imgbox{
	width: 280px;
}

.p-products-greenkewpie-flex-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.p-products-greenkewpie-flex-itm {
	background: #f8faee;
	width: 48%;
	padding: 20px 0;
	border-radius: 14px;
}

.p-products-greenkewpie-flex-itm .inner{
	display: flex;
  align-items: flex-start;
  justify-content: center;
}

.p-products-greenkewpie-flex-itm .inner .c-list{
	 margin-left: 40px;
}

.p-products-greenkewpie-flex-itm .arrow {
	width: 60px;
  margin: 14px auto 10px;
  display: block;
}

.p-products-greenkewpie-flex-itm .inner img {
	height: 140px;
}

.p-products-greenkewpie-flex-itm .title {
	color: #e4002b;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.p-products-greenkewpie-flex-itm .txt {
	color: #e4002b;
    text-align: center;
    font-size: 22px;
    line-height: 1.7;
}

.p-products-greenkewpie-area .link {
		position: relative;
	  text-align: right;
    margin-top: 20px;
    font-size: 14px;
}

.p-products-greenkewpie-area .link .link-text {
		padding-right: 18px;
}

.p-products-greenkewpie-area .link .link-text:before {
    right: 2px;
    margin-top: -3px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 8px;
    height: 8px;
}

.p-products-greenkewpie-area .link .link-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 8px;
    height: 8px;
    right: -2px;
    margin-top: -7px;
    border: 1px solid #000;
}

.p-products-greenkewpie-area .link .link-text:hover {
	color: #e4002b;
}

@media screen and (max-width: 768px) {

	.p-products-greenkewpie-area {
		padding: 6.66667vw 4vw 6.66667vw 4vw;
	}
	.p-products-greenkewpie-area .p-textbox {
		    margin: 0;
    border: none;
    padding: 0;
	}

	.p-products-greenkewpie-area .p-imgbox {
		width: 100%;
	}

.p-products-greenkewpie-flex-box {
	display: block;
}

.p-products-greenkewpie-flex-itm {
	width: 100%;
	padding: 3vw;
}

.p-products-greenkewpie-flex-itm .title {
	font-size: 4vw;
}

.p-products-greenkewpie-flex-itm .txt {
	font-size: 4vw;
}

.p-products-greenkewpie-flex-itm .inner .c-list {
	  margin-left: 5vw;
}

.p-products-greenkewpie-flex-itm .inner img {
    height: auto;
    width: 34%;
}

.p-products-greenkewpie-flex-itm .arrow {
    width: 14%;
    margin: 4vw auto;
}

.p-products-greenkewpie-area .link,.p-products-greenkewpie-area .link a {
	 font-size: 3.73333vw;
	 text-align: left;
}

.p-products-greenkewpie-area .link .link-text {
		padding-right: 18px;
		display: block;
}
}

/* mvコントローラ追加 */

@media screen and (min-width: 769px), print {
  .c-mainvisual--top[data-module="mainvisual-carousel"] .r-slider__prevarrow, .c-mainvisual--top[data-module="mainvisual-carousel"] .r-slider__nextarrow, .c-mainvisual--ingredient[data-module="mainvisual-carousel"] .r-slider__prevarrow, .c-mainvisual--ingredient[data-module="mainvisual-carousel"] .r-slider__nextarrow {
    display: block !important;
  }
}
.c-mainvisual--ingredient {
  position: relative;
}
[data-module="mainvisual-carousel"] .slick-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  background: url(/assets/img/common/fig_arrow-02.svg) no-repeat center center;
  top: initial;
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .slick-arrow {
    left: calc(50% + 69px);
    width: 30px;
    height: 30px;
    background-size: 10px;
  }
  [data-module="mainvisual-carousel"] .slick-arrow.r-slider__nextarrow {
    left: calc(50% + 127px);
    width: 30px;
    height: 30px;
    background-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] {
    position: relative;
  }
  [data-module="mainvisual-carousel"] .slick-arrow {
    top: 50%;
    width: 23px;
    width: 6.13333vw;
    height: 23px;
    height: 6.13333vw;
    margin-top: -11.5px;
    margin-top: -3.06667vw;
    background-size: 12px;
    background-size: 3.2vw;
    border: none;
    border-radius: 0;
    display: none !important;/* SPでは矢印表示なしにする*/
  }
  [data-module="mainvisual-carousel"] .slick-arrow::after {
    content: none;
  }
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .slick-arrow.r-slider__nextarrow {
    bottom: 10px;
    margin-left: 0;
  }
  .c-mainvisual--ingredient[data-module="mainvisual-carousel"] .slick-arrow.r-slider__nextarrow {
    bottom: -10px;
    margin-left: 0;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .slick-arrow.r-slider__nextarrow {
    bottom: -10px;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .slick-dots {
    
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .slick-arrow.r-slider__nextarrow {
    right: 7.5px;
    right: 2vw;
  }
}
[data-module="mainvisual-carousel"] .slick-arrow.r-slider__prevarrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .slick-arrow.r-slider__prevarrow {
    bottom: 10px;
    margin-left: 0;
  }
  .c-mainvisual--ingredient[data-module="mainvisual-carousel"] .slick-arrow.r-slider__prevarrow {
    bottom: -10px;
    margin-left: 0;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .slick-arrow.r-slider__prevarrow {
    bottom: -10px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .slick-arrow.r-slider__prevarrow {
    left: 7.5px;
    left: 2vw;
  }
}
[data-module="mainvisual-carousel"] .r-slider__pausebtn.is-pause {
  background: none !important;
}
[data-module="mainvisual-carousel"] .r-slider__pausebtn {
  position: absolute;
  z-index: 3;
  background-color: transparent;
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn {
    bottom: 10px;
    left: calc(50% + 100px);
    width: 26px;
    height: 30px;
    margin-left: 0;
    cursor: pointer;
  }
  .c-mainvisual--ingredient[data-module="mainvisual-carousel"] .r-slider__pausebtn {
    bottom: -10px;
    left: calc(50% + 100px);
    width: 26px;
    height: 30px;
    margin-left: 0;
    cursor: pointer;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .r-slider__pausebtn {
    bottom: -10px;
  }
  [data-module="mainvisual-carousel"] .r-slider__pausebtn::before, [data-module="mainvisual-carousel"] .r-slider__pausebtn::after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #e4002b;
    top: 10px;
    left: -1px;
    position: absolute;
  }
  [data-module="mainvisual-carousel"] .r-slider__pausebtn::after {
    left: initial;
    right: -1px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn {
    bottom: -1.8vw;
    right: 20px;
    right: 5.33333vw;
    width: 23px;
    width: 6.13333vw;
    height: 23px;
    height: 6.13333vw;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .r-slider__pausebtn {
    bottom: -6.8vw;
    right: 20px;
    right: 5.33333vw;
    width: 23px;
    width: 6.13333vw;
    height: 23px;
    height: 6.13333vw;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .r-slider {
    position: static;
  }
  .c-mainvisual--top.r-hasEmergency[data-module="mainvisual-carousel"] .r-slider .slick-dots {
    bottom: -5vw;
  }
}
[data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__start, [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__pause {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
}
[data-module="mainvisual-carousel"] .r-slider__pausebtn:not(.is-pause) .r-slider__pausebtn__start {
  display: none;
}
[data-module="mainvisual-carousel"] .r-slider__pausebtn.is-pause .r-slider__pausebtn__pause {
  display: none;
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__start, [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__pause {
    margin-top: 1px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__start, [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-size: cover;
  }
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__start {
    background-image: url(/assets/img/common/slider-start-btn-01_pc.svg);
    background-size: 7px 10px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__start {
    background-image: url(/assets/img/common/slider-start-btn-01_sp.svg);
  }
}
@media screen and (min-width: 769px), print {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-image: url(/assets/img/common/slider-pause-btn-01_pc.svg);
    background-size: 6px 8px;
  }
}
@media screen and (max-width: 768px) {
  [data-module="mainvisual-carousel"] .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-image: url(/assets/img/common/slider-pause-btn-01_sp.svg);
  }
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .r-slider__prevarrow, .c-bnr-slider-wrap .r-slider__nextarrow {
    display: block !important;
  }
}
.c-bnr-slider-wrap .slick-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  background: url(/assets/img/common/fig_arrow-02.svg) no-repeat center center;
  top: initial;
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .slick-arrow {
    left: calc(50% + 69px);
    width: 30px;
    height: 30px;
    background-size: 10px;
  }
  .c-bnr-slider-wrap .slick-arrow.r-slider__nextarrow {
    left: calc(50% + 127px);
    width: 30px;
    height: 30px;
    background-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap {
    position: relative;
  }
  .c-bnr-slider-wrap .slick-arrow {
    top: 50%;
    width: 23px;
    width: 6.13333vw;
    height: 23px;
    height: 6.13333vw;
    margin-top: -11.5px;
    margin-top: -3.06667vw;
    background-size: 12px;
    background-size: 3.2vw;
    border: none;
    border-radius: 0;
    display: none !important;/* SPでは矢印表示なしにする*/
  }
  .c-bnr-slider-wrap .slick-arrow::after {
    content: none;
  }
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .slick-arrow.r-slider__nextarrow {
    bottom: -10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .slick-arrow.r-slider__nextarrow {
    right: 7.5px;
    right: 2vw;
  }
}
.c-bnr-slider-wrap .slick-arrow.r-slider__prevarrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .slick-arrow.r-slider__prevarrow {
    bottom: -10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .slick-arrow.r-slider__prevarrow {
    left: 7.5px;
    left: 2vw;
  }
}
.c-bnr-slider-wrap .r-slider__pausebtn.is-pause {
  background: none !important;
}
.c-bnr-slider-wrap .r-slider__pausebtn {
  position: absolute;
  z-index: 3;
  background-color: transparent;
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .r-slider__pausebtn {
    bottom: -10px;
    left: calc(50% + 100px);
    width: 26px;
    height: 30px;
    margin-left: 0;
    cursor: pointer;
  }
  .c-bnr-slider-wrap .r-slider__pausebtn::before, .c-bnr-slider-wrap .r-slider__pausebtn::after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #e4002b;
    top: 10px;
    left: -1px;
    position: absolute;
  }
  .c-bnr-slider-wrap .r-slider__pausebtn::after {
    left: initial;
    right: -1px;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .r-slider__pausebtn {
    bottom: -1.8vw;
    right: 20px;
    right: 5.33333vw;
    width: 23px;
    width: 6.13333vw;
    height: 23px;
    height: 6.13333vw;
  }
}
.c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__start, .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__pause {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
}
.c-bnr-slider-wrap .r-slider__pausebtn.is-pause .r-slider__pausebtn__pause {
  display: none;
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__start, .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__pause {
    margin-top: 1px;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__start, .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-size: cover;
  }
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__start {
    background-image: url(/assets/img/common/slider-start-btn-01_pc.svg);
    background-size: 7px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__start {
    background-image: url(/assets/img/common/slider-start-btn-01_sp.svg);
  }
}
@media screen and (min-width: 769px), print {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-image: url(/assets/img/common/slider-pause-btn-01_pc.svg);
    background-size: 6px 8px;
  }
}
@media screen and (max-width: 768px) {
  .c-bnr-slider-wrap .r-slider__pausebtn .r-slider__pausebtn__pause {
    background-image: url(/assets/img/common/slider-pause-btn-01_sp.svg);
  }
}
.c-bnr-slider-wrap {
  position: relative;
}
.c-bnr-slider-wrap .r-slider__pausebtn__pause.is-hide {
  display: none;
}
.c-bnr-slider-wrap .r-slider__pausebtn__start.is-hide {
  display: none;
}
.c-bnr-slider-wrap .r-slider__pausebtn__start.:not(.is-hide) {
  display: block !important;
}

.p-banner.r-blank {
  padding-right: 1.2em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
  background-size: 0.8em auto;

}

/* 世界のマヨネーズのシリーズページ追加 */

.p-products-sekai-mayonnaise-banner-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-products-sekai-mayonnaise-banner-box {
	max-width: 505px;
	width: 100%;
}

.p-products-sekai-mayonnaise-online-shop-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.p-products-sekai-mayonnaise-online-shop-box {
	max-width: 330px;
	width: 100%;
	border: solid 1px #DDDDDD;
}

.p-products-sekai-mayonnaise-sub-title {
	font-size: 30px;
	color: #e4002b;
	text-align: center;
	margin-bottom: 32px;
	font-weight: bold;
  line-height: 1;
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.p-products-sekai-mayonnaise-logo-are {
	text-align: center;
	margin-bottom: 30px;
}

.p-products-sekai-mayonnaise-logo {
	max-width: 300px;
	width: 100%;
}

.p-products-sekai-mayonnaise-map-area {
	background-image: url(/products/cat_assets/img/products/sekai-mayonnaise/world-map-bg.png);
	background-repeat: no-repeat;
  text-align: center;
  background-size: 100%;
  padding: 36px 0 28px;
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.p-products-sekai-mayonnaise-map-title {
	font-size: 25px;
	margin-bottom: 50px;
}

.p-products-sekai-mayonnaise-map-text {
	font-size: 18px;
	margin-bottom: 20px;
}

.p-products-sekai-mayonnaise-release-text {
	max-width: 800px;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	border:solid 3px;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.p-products-sekai-mayonnaise-release-text.pink {
	border-color: #e02f76;
	background: #f5f5a2;
	margin-bottom: 10px;
	color:#e02f76;
}

.p-products-sekai-mayonnaise-release-text.brown {
	border-color: #2F1B08;
	background: #E3B085;
	margin-bottom: 20px;
	color: #2F1B08;
}

.p-products-sekai-mayonnaise-release-text.green {
	border-color: #297C40;
	background: #FCF3C6;
	margin-bottom: 16px;
	color: #297C40;

}

.p-products-sekai-mayonnaise-anniversary-title {
	font-size:  30px;
	color: #E4002B;
	text-align: center;
	margin-bottom: 32px;
	line-height: 1;
	font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.p-products-sekai-mayonnaise-anniversary-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 683px;
	width: 100%;
	margin: 0 auto;
}

.p-products-sekai-mayonnaise-anniversary-box {
	max-width: 325px;
	width: 100%;
}

@media screen and (min-width: 769px), print {

.p-products-sekai-mayonnaise-online-shop-box a,
.p-products-sekai-mayonnaise-banner-box a,
.p-products-sekai-mayonnaise-anniversary-box a {
	display: block;
	overflow: hidden;
}

.p-products-sekai-mayonnaise-online-shop-box img,
.p-products-sekai-mayonnaise-banner-box img,
.p-products-sekai-mayonnaise-anniversary-box img {
	transition: transform .2s;
}

.p-products-sekai-mayonnaise-online-shop-box img:hover,
.p-products-sekai-mayonnaise-banner-box img:hover,
.p-products-sekai-mayonnaise-anniversary-box img:hover {
	transform: scale(1.05);
}

.p-products-sekai-mayonnaise-banner-box.u-hover-none img {
	transition: none;
}

.p-products-sekai-mayonnaise-banner-box.u-hover-none img:hover {
	transform: none;
}
}
@media screen and (max-width: 768px) {

.p-products-sekai-mayonnaise-banner-area {
	display: block;
	margin-bottom: 8vw;
}
.p-products-sekai-mayonnaise-banner-box{
	max-width: 100%;
	width: 100%;
}

.p-products-sekai-mayonnaise-online-shop-box {
	max-width: 100%;
	width: 49%;
	margin-bottom: 2%;
}

.p-products-sekai-mayonnaise-sub-title {
	font-size: 5.2vw;
	line-height: 2;
}

.p-products-sekai-mayonnaise-logo {
    max-width: 100%;
    width: 54%;
}

.p-products-sekai-mayonnaise-map-area {
	padding: 3vw 0 0;
}

.p-products-sekai-mayonnaise-map-title {
	font-size: 4.3vw;
	margin-bottom: 10vw;
}

.p-products-sekai-mayonnaise-logo-are {
	padding: 3vw 0;
}

.p-products-sekai-mayonnaise-map-text {
	font-size: 3.7vw;
	margin-bottom: 5.4vw;
}

.p-products-sekai-mayonnaise-release-text {
	font-size: 3.7vw;
	line-height: 1.5;
  padding: .4vw 0;
  border-radius: 8vw;
}

.p-products-sekai-mayonnaise-anniversary-title {
	font-size: 5vw;
	margin: 17.vw 0 8vw;
	line-height: 2;
}

.p-products-sekai-mayonnaise-anniversary-area {
	display: block;
	max-width: 100%;
	width: 100%;
}

.p-products-sekai-mayonnaise-anniversary-box {
	max-width: 100%;
	width: 100%;
}

}

@media screen and (min-width: 769px), print {
.c-btn-list__itm__link.r-blank .c-btn-list__external__icon.p-customer-icon {
	right: 9px;
}
}