.sp{display: none;}
body{
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
}
p{font-size: 16px;}
.wrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
a{text-decoration: none; display: block}
.cont_btn{
	width: 230px;
	text-align: center;
	margin: 0;
	color:#333;
	border:solid 1px #333;
	border-radius: 10px;
	padding:10px ;
	transition: .8s;
}
.cont_btn:hover{
	background-color: #333;
	transition: .8s;
}
.cont_btn:hover a{
	color:#fff;
	transition: .8s;
}
.cont_btn a{
	color:#333;
	transition: .8s;
}

.tab-content-inner02 {
    margin-top: 35px;
}


	/* パクッとモグッとレシピ */
.recipe{
width: 100%;
margin: 0 auto;
position: relative;
}
.recipe_bg01{
	position: absolute;
	z-index: -1;
	width: 50vw;
	top:0;
	left: 0;
}
.recipe_bg02{
	position: absolute;
	z-index: -1;
	width: 50vw;
	top:0;
	right: 0;
}
.recipe_ttl{
	margin: 0 auto 50px;
	padding-top:80px;
}

.recipe_logo{
	width:53.3333vw;
	max-width:440px;
	margin: 0 auto 80px;
}
.recipe_cont{
	margin: 0 auto;
}
.recipe_name{
	width: auto;
	max-width: 750px;
	margin-right: auto;
	margin-bottom: 20px;
}
.recipe_cont_box01{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin: 0 auto;
	width: 100%;
}
.recipe_photo{
	width: 100%;
	max-width: 750px;
	margin: 0 20px 50px 0;
}
.recipe_seibun{
	width: 100%;
	max-width: 230px;
	margin-top:30px;
}
.recipe_seibun tbody tr td{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	text-align: left;
	width: 100%;
	max-width: 230px;
	margin-bottom: 20px;
}
img.seibun_icon{
	width: 30px;
	height: 100%;
	margin-right: 5px;
}
.recipe_seibun td{
	display: contents;
}
.caption{
	font-size: .8rem;
}
.recipe_seibun tbody tr td.seibun_note{
	margin-bottom: 50px;
}

.recipe_cont_box02{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	margin: 0 auto 80px;
}
.recipe_cont_box02 h3{
	font-size:24px;
	color: #70c6d9;
	text-align: left;
	margin-bottom: 20px;
}
.zairyo{
	width: 100%;v
	max-width: 470px;
	margin-right: 30px;
}
.zairyo table{
	width: 100%;
	max-width: 470px;
}
.zairyo table tbody tr{

}
.zairyo table tbody tr td{
	line-height: 2rem;
	border-bottom: dashed 1px #70c6d9;
	padding:5px 0 10px 0;
}
.zairyo table tbody tr td:first-child{
	text-align: left;
}

.cooking_slide{
	width: 100%;
	max-width: 500px;
	margin:0 auto;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
	content: "";
	max-height: 50px;
  max-width: 50px;
  height: 2.604166vw;
  width: 2.604166vw;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev:after,
.swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "" !important;
	max-height: 50px;
  max-width: 50px;
  height: 2.604166vw;
  width: 2.604166vw;
  margin: auto;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev:after {
  background-image: url(../images/recipe_cooking_slide_prev.png);
}
/* 次への矢印カスタマイズ */
.swiper-button-next:after {
  background-image: url(../images/recipe_cooking_slide_next.png);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

.slider1{
	width: 100%;
	max-width: 500px;
	overflow: hidden;
	position: relative;
}
.slider1 > .slider1_swiper-button-prev{
	position: absolute;
	max-height: 50px;
  max-width: 50px;
  height: 2.604166vw;
  width: 2.604166vw;
	top: auto;
	bottom: 1px;
	left: auto;
	right: 3.2vw;
}
.slider1 > .slider1_swiper-button-next{
	position: absolute;
	max-height: 50px;
  max-width: 50px;
  height: 2.604166vw;
  width: 2.604166vw;
	top: auto;
	bottom: 1px;
	right: 0;
}

.cooking_tukurikata{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin-top:20px;
}
.cooking_number{
	width: 80px;
}
.cooking_txt{
	width: 420px;
	text-align: left;
	margin-bottom: 50px;
}
.recipe_other{
	width: 100%;
	margin: 0 auto 100px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.recipe_other_cont01{
	width: 100%;
	max-width: 300px;
	margin-right: 30px;
	position: relative;
}
.recipe_other_txt > p{
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 2.75rem;
	color:#e83828;
}
.recipe_other_img{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.recipe_other_img01{
	width: 90px;
}
.recipe_other_img02{
	width: 120px;
}
.fuwafuwa01{
	animation: fuwafuwa01 1s infinite alternate ease-in-out;
}
.fuwafuwa02{
	animation: fuwafuwa02 1s infinite alternate ease-in-out;
}
.fuwafuwa03{
	animation: fuwafuwa03 1.5s infinite alternate ease-in-out;
}
.fuwafuwa04{
	animation: fuwafuwa04 1.2s infinite alternate ease-in-out;
}

@keyframes fuwafuwa01 {
	0% {
	    transform: translate(0, 45%)rotate(-3deg)translate(0, -45%);
	}
	100% {
	    transform: translate(0, 45%)rotate(3deg)translate(0, -45%);
	}
}

@keyframes fuwafuwa02 {
	0% {
	    transform: translate(0, 45%)rotate(2deg)translate(0, -45%);
	}
	100% {
	    transform: translate(0, 45%)rotate(-4deg)translate(0, -45%);
	}
}

@keyframes fuwafuwa03 {
	0% {
	    transform: translate(0, 45%)rotate(-8deg)translate(0, -45%);
	}
	100% {
	    transform: translate(0, 45%)rotate(8deg)translate(0, -45%);
	}
}
@keyframes fuwafuwa04 {
	0% {
	    transform: translate(0, 45%)rotate(5deg)translate(0, -45%);
	}
	100% {
	    transform: translate(0, 45%)rotate(-15deg)translate(0, -45%);
	}
}

.recipe_other_cont02{
	width: 100%;
	max-width: 670px;
	overflow: hidden;
}
.slider2 .swiper-wrapper{
	width: 670px;
	height: 350px;
	 transition-timing-function: linear;
}
.slider2 .swiper-wrapper .swiper-slide{
	width: 350px;
	height: 350px;
}
.slider2 .swiper-wrapper .swiper-slide img{
	object-fit: cover;
}

/* パクモグチャレンジ～食べもの博士になろう！～ */
.pakumogu{
	width: 100%;
	margin: 0 auto;
	background-color: #fdfad2;
	position: relative;
}
.pakumogu_bg01 {
	position: absolute;
	width: 48vw;
	max-width: 960px;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.pakumogu_bg02 {
	position: absolute;
	width: 48vw;
	max-width: 960px;
	bottom: 0;
	right: 0;
	z-index: 0;
}

.pakumogu_bg03 {
	position: absolute;
	width: 18.6666666vw;
	max-width: 140px;
	top: 2.133333333vw;
	left: 11.0666666666vw;
	z-index: 0;
}
.pakumogu_bg04 {
	position: absolute;
	width: 7.7733333333vw;
	max-width: 58px;
	top: 14.93333333333vw;
	left: 4.26666666666vw;
	z-index: 0;
}
.pakumogu_bg05 {
	position: absolute;
	width: 9.86666666666vw;
	max-width: 74px;
	top: 27.7333333333vw;
	left: 8vw;
	z-index: 0;
}
.pakumogu_bg06 {
	position: absolute;
	width: 6.666666666vw;
	max-width: 50px;
	top: 3.466666666vw;
	right: 15.4666666666vw;
	z-index: 0;
}
.pakumogu_bg07 {
	position: absolute;
	width: 6.666666666vw;
	max-width: 50px;
	top: 11.733333333vw;
	right: 2.266666666vw;
	z-index: 0;
}
.pakumogu_bg08 {
	position: absolute;
	width: 10vw;
	max-width: 75px;
	top: 26.93333333333vw;
	right: 8vw;
	z-index: 0;
}

div.pakumogu .wrap{
	position: relative;
	z-index: 1;
	padding: 100px 0;
}
.pakumogu_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto 30px;
}
.pakumogu_cont_box01 {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}
.pakumogu_cont_box02 {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}
.pakumogu_cont_txt{
	margin-bottom: 30px;
}
.pakumogu_btn {
    margin: 0 auto;
}

@media screen and (max-width: 768px){
	.pakumogu {
    padding: 13.028333vw 0 24vw;
    position: relative;
	}
	div.pakumogu .wrap{
		padding: 0;
	}
	.pakumogu_cont {
	    display: block;
	    margin-bottom: 3.90624vw;
	}
	.pakumogu_cont_box01 {
    width: 61.333333333vw;
    max-width: 460px;
    margin: 0 auto;
	}
	.pakumogu_cont_box02 {
    width: 90%;
    margin: 0 auto;
	}
	.pakumogu_cont_txt{
		margin-bottom: 3.90624vw;
	}
}



/* 知る・食べる・動く 漢方 */
#kanpo{
	background-image: url(../images/kanpo_bg.webp);
	background-size: cover;
}
div.kanpo{
	position: relative;
}
.kanpo_bg01{
	position: absolute;
	width: 28.125%;
	max-width: 540px;
	top:0;
	left: 0;
}
.kanpo_bg02{
	position: absolute;
	width: 25%;
	max-width: 480px;
	top:0;
	right: 0;
}
.kanpo_bg03{
	position: absolute;
	width: 23.4375%;
	max-width: 450px;
	bottom:0;
	left: 0;
}
.kanpo_bg04{
	position: absolute;
	width: 23.958333%;
	max-width: 460px;
	bottom:0;
	right: 0;
}
div.kanpo .wrap{
	position: relative;
	z-index: 1;
	padding: 100px 0;
}
.kanpo_cont{
	display: flex;
	width: 100%;
	margin: 0 auto 30px;
}
.kanpo_cont_box01{
	width: 40%;
	max-width: 400px;
	margin: 0 auto;
	margin-right: 6%;
}
.kanpo_cont_box02{
	width: 54%;
	max-width: 540px;
	margin: 0 auto;
}
.kanpo_cont_siru{
	margin-bottom: 50px;
}
.kanpo_cont_siru_ttl{
	margin-bottom: 15px;
}
.kanpo_cont p{
	text-align: left;
 color: #3c3c3c;
 font-family: 'Zen Maru Gothic', sans-serif;
 line-height: 1.85;
}
.kanpo_cont_box02_wrap{
	position: relative;
}
.kanpo_img01{
	position: absolute;
	width: 33.185185%;
	max-width: 220px;
	top: 150px;
	right: -0.5%;
}
.kanpo_img02{
	position: absolute;
	width: 12.1111111%;
	max-width: 65px;
	top: 145px;
	right: 26.851852%;
}
.kanpo_img03{
	position: absolute;
	width: 11.481481%;
	max-width: 62px;
	top: 295px;
	right: -2%;
}
.kanpo_btn{
	margin: 0 auto;
}
.kurukuru01{
	animation: kurukuru01 4.8s infinite ease-in-out;
}
.kurukuru02{
	animation: kurukuru02 3.6s infinite ease-in-out;
}
.fuwafuwa04{
	animation: fuwafuwa04 4.2s infinite ease-in-out;
}
@keyframes kurukuru01 {
	0% {
		transform: rotate(18deg);
	}
	50% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(18deg);
	}
}
@keyframes kurukuru02 {
	0% {
		transform: rotate(-10deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(-10deg);
	}
}
@keyframes fuwafuwa04 {
	0% {
		transform: translateY(-8px) rotate(1deg);
	}
	50% {
		transform: translateY(5px) rotate(-2deg);
	}
	100% {
		transform: translateY(-8px) rotate(1deg);
	}
}
@media screen and (max-width: 768px){
	.kanpo_cont{
		display: block;
	}
	.kanpo .wrap{
		padding: 18.666667vw;
	}
	.kanpo_cont_box01{
		width: 100%;
		max-width: 750px;
		margin: 0 auto 12vw;
	}
	.kanpo_ttl,.kanpo_logo{
		width: 64%;
	 max-width: 480px;
	 margin: 0 auto;
	}
	.kanpo_cont_box02{
		width: 84.6%;
	 max-width: 650px;
	 margin: 0 auto;
	}
	.kanpo_img01{
		width: 33.75vw;
		max-width: 210px;
		right: -5.8vw;
		top: 12.857143vw;
	}
	.kanpo_img02{
		max-width: 80px;
		width: 16.666667vw;
		right: 18.266667vw;
		top: 16.666667vw;
	}
	.kanpo_img03{
		max-width: 80px;
		width: 13.666667vw;
		right: -7.7vw;
		top: 43.33333vw;
	}
	.kanpo_bg01{
		width: 36vw;
	}
	.kanpo_bg02{
		width: 32.6666667vw;
	}
	.kanpo_bg03{
		width: 30vw;
	}
	.kanpo_bg04{
		width: 33.333333vw;
	}
}


	/* カラダにイイこと習慣 */
.karada{
	width: 100%;
	margin: 0 auto;
	background-color: #f5f7f7;
	position: relative;
}
.karada_bg01{
	position: absolute;
	width: 50vw;
	bottom:0;
	left: 0;
	z-index: 0;
}
.karada_bg02{
	position: absolute;
	width: 50vw;
	top:0;
	right: 0;
	z-index: 0;
}
.karada .wrap{
	position: relative;
	z-index: 1;
	padding:100px 0;
}
.karada_ttl{
	width: 50.6666vw;
	max-width: 380px;
	margin: 0 auto 30px;
}
.karada_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	margin: 0 auto 30px;
}
.karada_cont_box01{
	width: 100%;
	max-width: 300px;
	margin-right: 30px;
}
.karada_cont_ttl{
	width: 100%;
	margin: 0 auto 50px;
}
.karada_cont_box01 p{
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.75;
}
span.karada_cont_introduction{
	font-weight: bold;
}
.karada_cont_box02{
	width: 100%;
	max-width: 670px;
	margin: 0 auto;
	position: relative;
}

.karada__indicator{
	position: absolute;
	z-index: 5;
	right: 1rem;
	bottom: 5rem;
	display: block;
	overflow: hidden;
	width: 4rem;
	height: 0.3rem;
	border-radius: 0.15rem;
	background-color: #fff;
}
.karada__indicator-bar{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.15rem;
	background: linear-gradient(to right,#00a0e8,#8ec31e 50%,#f39700);
	transform:translate3d(100%,0,0);
	animation: indicator-bar 6s infinite ease-in-out;
}
@keyframes indicator-bar {
 0% {
		 transform: translateX(-100%);
		 opacity: 1;
 }
 85%{
	 transform: translateX(0%);
	 opacity: 1;
 }
 96%{
	 opacity: 1;
 }
 97%{
	 transform: translateX(100%);
	 opacity: 0;
 }
 100% {
		 transform: translateX(-100%);
		 opacity: 0;
 }
}

	/* にんじんたろうくんの野菜となかよしレシピ */
.yasai_recipe{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
}
.yasai_recipe_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	margin: 0 auto 30px;
}
.yasai_recipe_cont_box01{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.yasai_recipe_cont_box02{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.yasai_recipe_cont_txt{
	margin-bottom: 30px;
}
.yasai_recipe_btn{
	margin: 0 auto;
}

	/* パクッとモグッとクイズ*/
.quiz{
		width: 100%;
		margin: 0 auto;
		background-color: #fffeee;
		position: relative;
	}
.quiz_bg01{
	position: absolute;
	width: 48vw;
	top:0;
	left: 0;
	z-index: 0;
}
.quiz_bg02{
	position: absolute;
	width: 48vw;
	bottom:0;
	right: 0;
	z-index: 0;
}
.quiz .wrap{
	position: relative;
	padding: 100px 0;
}
.quiz_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	margin: 0 auto 80px;
}
.quiz_cont_box01{
	width: 100%;
	max-width: 400px;
	position: relative;
}
.quiz_img01{
	position: absolute;
	width: 20vw;
	max-width: 200px;
	left: -20px;
	bottom: -50px;
}
.quiz_img02{
	position: absolute;
	width: 13vw;
	max-width: 130px;
	right: 0px;
	bottom:-40px;
}
.quiz_cont_box02{
	width: 100%;
	max-width: 600px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	flex-direction: column-reverse;
}
.quiz_slide_img{
	display: none;
	opacity: 0;
	transition: 0.5s all;
}
.quiz_slide_img.is_active{
	display: block;
	opacity: 1;
	transition: 0.5s all;
}
.quiz_cont_txt{
	margin-bottom: 30px;
}
.quiz_btn{
	margin: 0 auto;
}

.person01 {
    animation: person01 2s infinite ease-in-out;
}
.person02 {
    animation: person02 1.8s infinite .6s ease-in-out;
}

@keyframes person01 {
	0% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
	25% {
    transform: translate(0, 45%)rotate(2deg)scaleY(0.99)translate(0, -45%);
	}
	50% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
	75% {
    transform: translate(0, 45%)rotate(-2deg)translate(0, -45%);
	}
	100% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
}

@keyframes person02 {
	0% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
	25% {
    transform: translate(0, 45%)rotate(-2deg)scaleY(0.99)translate(0, -45%);
	}
	50% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
	75% {
    transform: translate(0, 45%)rotate(2deg)translate(0, -45%);
	}
	100% {
    transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
	}
}


	/* 元気っ子NEWS */
.news{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
}
.news_ttl{
	width: 50.6666vw;
	max-width: 380px;
	margin: 0 auto 30px;
}
.news_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin: 0 auto 30px;
}
.news_cont_box{
	width: 50%;
	max-width: 500px;
	overflow: hidden;
}
.news_cont_box_col1{
	width: 100%;
	max-width: 1000px;
}

.news_article_img img {
    transition-duration: 0.5s;
}
.news_cont_box:hover .news_article_img img {
    transform: scale(1.08);
    transition-duration: 0.5s;
    opacity: 0.8;
}
.news_cont_txt{
	margin-bottom: 30px;
}
.news_btn{
	margin: 0 auto;
}


	/* 食育オンライン教室 */
.online{
	width: 100%;
	margin: 0 auto;
	background-color: #f5f7f7;
	position: relative;
}
.online_bg01{
	position: absolute;
	width: 48vw;
	top:0;
	left: 0;
	z-index: 0;
}
.online_bg02{
	position: absolute;
	width: 48vw;
	bottom:0;
	right: 0;
	z-index: 0;
}
.online .wrap{
	position: relative;
	padding: 100px 0;
}
.online_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
	margin-bottom: 30px;
}
.online_cont_box01{
	width: 100%;
	max-width: 500px;
}
.online_cont_box02{
	width: 100%;
	max-width: 500px;
}
.online_cont_txt{
	margin-bottom: 30px;
}
.online_btn{
	margin: 0 auto;
}

	/* バナー */

.banner_cont{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	justify-content: space-evenly;
}
.banner_cont_box{
	width: 24%;
	overflow: hidden;
}
div.banner_img{
	border-radius: 10px;
	overflow: hidden;
	display: inline-block;
}
.banner_img img{
	object-fit: cover;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	transition-duration: 0.5s;
}
.banner_cont_box:hover .banner_img img{
	transform: scale(1.08);
	transition-duration: 0.5s;
	opacity: 0.8;
}

.banner{
	width: 100%;
	padding: 150px 0 200px;
}

	/*オリジナル商品 */
.product{
	width: 100%;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	line-height: 0;
}
.product_cont{
	width: 50%;
}
.product_cont_lineup{
	padding: 0 4.4427vw;
	line-height:1.5;
}
.product_lineup{
	width: 10.9375vw;
	max-width: 210px;

	margin-top: 4.4427vw;
	margin-bottom: 1.5625vw;
}
.slider3{
	width: 100%;
	max-width: 780px;
	margin: 0 auto 2.22235vw;
	overflow: hidden;
	position: relative;
}
.slider3 .swiper-wrapper{
	padding-bottom: 2.22235vw;
}

.slider3 .swiper-slide{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

.product_cont .slider3 .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    margin-left: 0;
    bottom: -0;
    z-index: 50;
    height: 3px ;
    width: 33.8541666vw ;
		max-width: 650px;
}

.slider3 > .slider3_swiper-button-prev{
	position: absolute;
	width: 2.6042666vw;
	max-width: 50px;
	top: auto;
	bottom: 0.26042666vw;
	left: auto;
	right: 2.9042666vw;
}
.slider3 > .slider3_swiper-button-next{
	position: absolute;
	width: 2.6042666vw;
	max-width: 50px;
	top: auto;
	bottom:  0.26042666vw;
	right: 0;
}


.product_slider_img{
	width: 51.28%;
	max-width: 400px;
	margin-right: 30px;
}
.product_slider_txt{
	width: 44.871%;
	max-width: 350px;
	text-align: left;
}
p.product_category{
	border: solid 1px #333;
	border-radius: 15px;
	display: inline-block;
	padding: 1px 10px;
	margin-bottom: 15px;
}
p.product_name{
	font-size: 24px;
	margin-bottom: 20px;
}
.product_flavor{
	margin-top: 20px;
}
.product_flavor p{
	margin-bottom: 10px;
}
.product_flavor table tbody tr td{
	padding-right: 15px;
}
.protein_flavor01{
	color: #e4287f;
}
.protein_flavor02{
	color: #79230f;
}
.protein_flavor03{
	color: #17984a;
}
.protein_flavor04{
	color: #f7de2c;
}
.gummy_flavor01{
	color: #fff34f;
}
.gummy_flavor02{
	color: #8b00e4;
}
.bcaa_flavor01{
	color: #ffc823;
}
.eaa_flavor01{
	color: #94c923;
}

.product_btn{
	margin: 0 auto 30px;
	color:#002c80;
	border-color: #002c80;
}
.product_btn a{
	color:#002c80;
}
.product_btn:hover{
	background-color: #002c80;
}



/* modal */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.6);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 5;
}
.container{
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
  z-index: 6;
}
.modal_inner {
  display: table-cell;
  vertical-align: middle;
}

.modal {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  background-color: none;
  padding: 0;
  top: 50px;
  right: 0;
}

.modal img {
  margin-bottom: 22px;
}

.modal video {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  outline: none;
}
.modal video:active {
  outline: none;
}
.modal button {
  background: transparent;
  border: none;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -50px;
  right: 30px;
}
.modal button img {
  width: 40px;
  margin-bottom: 0;
}
.modal button {
  outline: none;
}

.modal iframe {
  width: 100%;
  height: auto;
}

.modalopen:hover{
  opacity: 0.8;
}


@media screen and (max-width: 1400px){
		/*オリジナル商品 */
		.product_cont_lineup{
			padding: 0 2.0714285vw;
		}
		.product_slider_img{
			margin-right: 1.0714285vw;
		}
		.product_cont img{
			/*height: 100%;
			object-fit: cover;*/
			height:auto;
		}
		p.product_category{
			font-size: 1.1428571vw;
			margin-bottom: 1.1428571vw;
		}
		p.product_name{
			font-size: 1.7142856vw;
			margin-bottom: 1.4285714vw;
		}
		p.product_txt{
			font-size: 1.1428571vw;
		}
		.product_flavor{
			margin-top: 1.4285714vw;
		}
		.product_flavor table{
			font-size: 1.1428571vw;
		}
}


@media screen and (max-width: 768px){
	.pc{display: none;}
	.sp{display: block;}
	p{font-size: 14px;}
	td{font-size: 14px;}

	.wrap{
		padding: 0;
	}
	.cont_btn{
		width: 58%;
		max-width: 230px;
	}

		/* パクッとモグッとレシピ */
	.recipe_ttl{
		margin-bottom: 6.5104166vw;
	}
	.recipe_logo{
		margin-bottom: 10.416666vw;
	}
	.recipe_name{
		margin-bottom: 2.6041666vw;
	}
	.recipe_cont_box01{
		display: block;
	}
	.recipe_photo{
		margin: 0 auto 6.5104166vw;
	}
	.recipe_seibun{
		max-width: 750px;
    margin:0 auto;
	}
	.recipe_seibun table{
		margin:0 auto;
	}
	.recipe_seibun tbody tr{
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	}
	.recipe_seibun tbody tr td{
		max-width: 750px;
		margin-bottom: 2.6041666vw;
	}
	.recipe_seibun tbody tr td.seibun_note{
		margin-bottom: 6.5104166vw;
	}
	.recipe_btn_movie{
		width: 80%;
		max-width: 230px;
		margin: 0 auto 10.416666vw;
	}
	.recipe_cont_box02{
		display: block;
		margin-bottom: 10.416666vw;
	}
	.zairyo{
		width: 95%;
		max-width: 750px;
		margin: 0 auto 6.5104166vw;
	}
	.zairyo table{
		max-width: 100%;
	}
	.cooking_slide{
		width: 95%;
		max-width: 750px;
	}
	.cooking_txt{
		margin-bottom:  6.5104166vw;
	}
	.slider1{
		max-width: 100%;
	}
	.slider1 > .slider1_swiper-button-next{
		height: 6.5104166vw;
    width: 6.5104166vw;
	}
	.slider1 > .slider1_swiper-button-prev{
		height: 6.5104166vw;
    width: 6.5104166vw;
		right: 7.5104166vw;
	}
	.swiper-button-prev:after, .swiper-button-next:after{
		height: 6.5104166vw;
    width: 6.5104166vw;
	}
	.recipe_other_cont01{
		max-width: 70px;
	  width: 10.7677083vw;
		margin-right:3.90624vw;
	}
	.recipe_other_cont02{
		width: 100%;
	}
	.slider2 .swiper-wrapper{
		width: 100%;
		height: 59.8958333vw;
		max-height: 460px;
	}
	.slider2 .swiper-wrapper .swiper-slide{
		width:  59.8958333vw;
		height:  59.8958333vw;
	}
	.recipe_other{
		margin-bottom: 6.5104166vw;
		position: relative;
	}
	.recipe_btn_other{
		margin: 0 auto 13.028333vw;
	}
	.recipe_other_img01{
		position: absolute;
		width: 15.416666vw;
		max-width: 80px;
		bottom: -5.7vw;
		right: 23.5vw;
		z-index: 5;
	}
	.recipe_other_img02{
		position: absolute;
    width: 19.578125vw;
    max-width: 135px;
    bottom: -5.5vw;
    right: 5vw;
    z-index: 5;
	}

	/* カラダにイイこと習慣 */
	.karada_bg_sp{
		position: absolute;
		width: 100%;
		bottom:0;
		left: 0;
	}
	.karada .wrap{
		padding: 13.028333vw 0 32.5520833vw;
	}
	.karada_ttl{
		width: 70%;
		margin-bottom:3.90624vw;
	}
	.karada_cont{
		flex-direction: column-reverse;
		margin-bottom: 0;
	}
	.karada_cont_box02{
		margin-bottom: 3.90624vw;
	}
	.karada_cont_box01{
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		margin: 0 auto 6.5104166vw;
		width: 90%;
		max-width: 90%;
	}
	.karada_cont_ttl{
		width: 100%;
		max-width: 200px;
		margin: 0;
		margin-bottom: 15px;
	}
	.karada_cont_box01 p{
		margin-bottom: 0;
	}
	.karada_btn{
		margin: 0 auto 3.90624vw;
	}
	.karada__indicator{
		bottom:1rem;
		width: 3rem;
	}

		/* にんじんたろうくんの野菜となかよしレシピ */
	.yasai_recipe{
		padding: 13.028333vw 0;
		position: relative;
	}
	.yasai_recipe_bg01,
	.yasai_recipe_bg02,
	.yasai_recipe_bg03,
	.yasai_recipe_bg04,
	.yasai_recipe_bg05,
	.yasai_recipe_bg06,
	.yasai_recipe_bg07,
	.yasai_recipe_bg08,
	.yasai_recipe_bg09,
	.yasai_recipe_bg10{
		position: absolute;
	}
	.yasai_recipe_bg01{
		width: 7.8125vw;
		max-width: 60px;
		top: 2vw;
		left: 17vw;
	}
	.yasai_recipe_bg02{
		width: 13.02083333vw;
		max-width: 100px;
		top: 15vw;
    left: 3vw;
	}
	.yasai_recipe_bg03{
		width: 5.2083333vw;
		max-width: 40px;
		top: 29vw;
    left: 16vw;
	}
	.yasai_recipe_bg04{
		width: 9.1145833vw;
		max-width: 70px;
		top: 45vw;
    left: 5vw;
	}
	.yasai_recipe_bg05{
		width: 9.1145833vw;
		max-width: 70px;
		top: 56vw;
    left: 17vw;
	}
	.yasai_recipe_bg06{
		width: 10.4166665vw;
		max-width: 80px;
		top: 5vw;
		right: 17vw;
	}
	.yasai_recipe_bg07{
		width: 10.4166665vw;
		max-width: 80px;
		top: 18vw;
    right: 5vw;
	}
	.yasai_recipe_bg08{
		width: 7.8125vw;
		max-width: 60px;
		top: 35vw;
    right: 15.5vw;
	}
	.yasai_recipe_bg09{
		width: 13.671875vw;
		max-width: 105px;
		top: 45vw;
    right: 3vw;
	}
	.yasai_recipe_bg10{
		width: 9.765625vw;
		max-width: 75px;
		top: 59vw;
		right: 15vw;
	}
	.yasai_recipe_cont{
		display: block;
		margin-bottom:3.90624vw;
	}
	.yasai_recipe_cont_box01 {
    width: 48.8828125vw;
    max-width: 375px;
    margin: 0 auto;
	}
	.yasai_recipe_ttl,.yasai_recipe_logo{
		margin-bottom: 6.5104166vw;
	}
	.yasai_recipe_cont_txt{
		margin-bottom:3.90624vw;
	}


	/* パクッとモグッとクイズ*/
	#quiz{
	overflow: hidden;
	}
	.quiz_bg02{
		bottom:auto;
		top:0;
	}
	.quiz .wrap{
		padding: 13.028333vw 0;
	}
	.quiz_cont{
		display: block;
		margin-bottom: 10.416666vw;
	}
	.quiz_cont_box01{
		width: 100%;
    max-width: 768px;
		margin: 0 auto 10.416666vw;
	}
	.quiz_ttl{
		width: 80%;
		margin: 0 auto 10.416666vw;
		max-width: 420px;
	}
	.quiz_img01{
		width: 28.9895833vw;
		max-width: 238px;
		left: 0;
		bottom: -8vw;
	}
	.quiz_img02 {
    width: 27.9947916vw;
    max-width: 215px;
    right: 0;
    bottom: -8vw;
	}
	.quiz_cont_box02{
		max-width: 95%;
		margin: 0 auto;
	}
	.quiz_cont_txt{
		margin-bottom:3.90624vw;
	}


	/* 元気っ子NEWS */
	.news{
		padding: 13.028333vw 0;
	}
	.news_ttl{
		width: 70%;
		margin-bottom:3.90624vw;
	}
	.news_cont{
		margin-bottom:3.90624vw;
	}
	.news_cont_txt{
		margin-bottom:3.90624vw;
	}

	/* 食育オンライン教室 */
	.online .wrap {
    padding: 13.028333vw 0 0;
	}
	.online_cont{
		display:block;
		margin-bottom:3.90624vw;
	}
	.online_cont_box01{
		width: 70%;
		max-width: 400px;
		margin: 0 auto 3.90624vw;
	}
	.online_cont_txt{
		margin-bottom:3.90624vw;
	}
	.online_btn{
		margin-bottom:3.90624vw;
	}
	.online_bg01{
		width: 40vw;
	}
	.online_bg02{
		width: 40vw;
		bottom: auto;
		top:0;
	}

	/* バナー */
	.banner{
		width: 100%;
		padding: 19.53125vw 0 26.0416666vw;
	}
	.banner_cont{
		width: 95%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.banner_cont_box{
		width: 48.5%;
		margin-bottom: 3vw;
	}

	/*オリジナル商品 */
	.product{
		display: block;
	}
	.product_cont{
		width: 100%;
	}
	.product_cont_lineup{
		margin-top:6.5104166vw;
	}
	.product_lineup{
		max-width: 150px;
		width: 23.53125vw;
	}
	.slider3{
		margin-bottom: 6.5104166vw;
	}
	.slider3 .swiper-slide{
		display: block;
		padding-bottom: 10vw;
	}
	.product_slider_img{
		width: 70%;
		max-width: 480px;
		margin: 0 auto;
	}
	.product_slider_txt{
		width: 100%;
		max-width: 100%;
		margin-left: 1vw;
	}
	p.product_category{
		font-size: 12px;
		margin-bottom: 1.953125vw;
	}
	p.product_name{
		font-size: 18px;
		margin-bottom: 2.641666vw;
	}
	p.product_txt{
		font-size: 14px;
	}
	.product_flavor{
		margin-top: 2.641666vw;
	}
	.slider3 > .slider3_swiper-button-prev {
    width: 6.5104166vw;
    bottom: 2.55104166vw;
    right: 8.5104166vw;
	}
	.slider3 > .slider3_swiper-button-next {
    width: 6.5104166vw;
    bottom: 2.55104166vw;
    right: 0;
	}
	.product_cont .slider3 .swiper-scrollbar.swiper-scrollbar-horizontal{
		width: 100%;
	}
	.product_btn{
		margin-bottom: 26.0416666vw;
	}


	/* modal */
			.modal {
				width: 98.5%;
				padding: 20px;
				top: 0;
			}

			.modal button{
				top: -15px;
				right: 30px;
			}
			.modal button img{
				width: 30px;
			}
}

@media screen and (max-width: 540px){
	.kanpo_img01{
		/* top: 0; */
	}
	.kanpo_img02{
		width: 13.666667vw;
    right: 26vw;
    top: 15vw;
	}
	.kanpo_img03{
		width: 9.666667vw;
		top: 44.33333vw;
	}
}

@media screen and (max-width: 460px){
	/* カラダにイイこと習慣 */
	.karada_cont_box01{
		display: block;
	}
	.karada_cont_ttl{
		margin: 0;
		margin-bottom: 6.5217391vw;
	}
	.recipe_ttl {
	  padding-top: 0;
	}
}