@charset "utf-8";
/* ============================================================================================== */
/* 《CUSTOMIZE》CMD_CHILD_HEADLINE                                                                */
/* ============================================================================================== */
body#meijitokachi #main #cmd_child_headline {
	background-image: url('../../../images/brandsite/recipe/common/headline_bg.jpg');
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #cmd_child_headline {
		background-image: url('../../../images/brandsite/recipe/common/headline_bg_sp.jpg');
	}
}
/* ============================================================================================== */
/* RECIPE_MENU:MenuTitle                                                                          */
/* ============================================================================================== */
body#meijitokachi #main #recipe_menu  #recipe_menu___title {
	text-align: center;
	color: #214928;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #recipe_menu  #recipe_menu___title {
		font-size: 5.3vw;
	}
}
/* ============================================================================================== */
/* SeasonRecommendRecipe                                                                          */
/* ============================================================================================== */
body#meijitokachi #main #season_recommend_recipe {
	padding: 40px 0 20px;;
}
body#meijitokachi #main #season_recommend_recipe dl {
	width: 980px;
	margin: 0 auto;
}
body#meijitokachi #main #season_recommend_recipe dl dt {
	text-align: center;
	color: #214928;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}
body#meijitokachi #main #season_recommend_recipe dl dd {
	margin-top: 15px;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul {
	letter-spacing: -.40em;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul li {
	display: inline-block;
	width: 185px;
	letter-spacing: normal;
	vertical-align: top;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul li:nth-child(n + 2) {
	margin-left: 13.75px;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(1) {
	background: #ffffff;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(1) img {
	width: 100% !important;
}
body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(2) {
	margin-top: 8px;
	color: #000000;
	font-size: 14px;
}
body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area {
	display: none;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #season_recommend_recipe {
		padding: 6.5vw 0 2.5vw;

		/* For Flipsnap */
		overflow: hidden;
		-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
	}
	body#meijitokachi #main #season_recommend_recipe dl {
		width: 88vw;
		margin: 0 auto;
	}
	body#meijitokachi #main #season_recommend_recipe dl dt {
		font-size: 5.3vw;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd {
		margin-top: 3.5vw;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul {
		width: 232.5vw; /* (41.5 + 5)vw * 5 JSで自動調整します。 */
		margin: 0 auto;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul li {
		box-sizing: border-box;
		width: 46.5vw;
		padding-right: 5vw;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul li:nth-child(n + 2) {
		margin-left: 0;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(1) {
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(1) img {
		width: 100% !important;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd ul li div:nth-child(2) {
		margin-top: 1.5vw;
		font-size: 3.3vw;
		line-height: 1.2;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area {
		display: block;
		position: relative;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area img {
		width: 2.13vw;
		height: 6.82vw;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .prev,
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .next {
		cursor: pointer;
		position: absolute;
		top: 17.3vw;
		z-index: 10;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .prev.disabled,
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .next.disabled {
		display: none;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .prev {
		left: -4.8vw;
	}
	body#meijitokachi #main #season_recommend_recipe dl dd .ctrl_area .next {
		right: -4.8vw;
	}
}
/* ============================================================================================== */
/* bannerArea_A                                                                                   */
/* ============================================================================================== */
body#meijitokachi #main #bannerArea_A {
	padding-bottom: 35px;
}
body#meijitokachi #main #bannerArea_A ul {
	width: 980px;
	margin: 0 auto;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #bannerArea_A {
		padding-bottom: 4vw;
	}
	body#meijitokachi #main #bannerArea_A ul {
		display: block;
		width: auto;
		text-align: center;
	}
	body#meijitokachi #main #bannerArea_A ul li:nth-child(n + 2) {
		margin-top: 3vw;
	}
	body#meijitokachi #main #bannerArea_A ul li img {
		width: 80vw !important;
	}
}
/* ============================================================================================== */
/* RecipeMenuShowModalSp                                                                          */
/* ============================================================================================== */
body#meijitokachi #main #recipe_menu_show_modal_sp {
	display: none;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #recipe_menu_show_modal_sp {
		cursor: pointer;
		position: fixed;
		top:   17.4vw;
		right: 1.4vw;
		z-index: 5000;
	}
	body#meijitokachi #main #recipe_menu_show_modal_sp img {
		width:  10.6vw;
		height: 10.6vw;
	}
}
/* ============================================================================================== */
/* RecipeList                                                                                     */
/* ============================================================================================== */
body#meijitokachi #main #recipe_list {
	padding: 26px 0 50px;
	overflow: hidden;
}
body#meijitokachi #main #recipe_list .inner {
	width: 980px;
	margin: 0 auto;
}
body#meijitokachi #main #recipe_list ul {
	width: calc(100% + 28px);
	margin-top: -35px;
	letter-spacing: -.40em;
}
body#meijitokachi #main #recipe_list ul li {
	box-sizing: border-box;
	display: inline-block;
	width: 224px;
	margin-top: 35px;
	margin-right: 28px;
	letter-spacing: normal;
	vertical-align: top;
}
body#meijitokachi #main #recipe_list ul li .image {
  position: relative;
}
body#meijitokachi #main #recipe_list ul li .image img {
	width: 100% !important;
}
body#meijitokachi #main #recipe_list ul li[data-label="high_school"] .image::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../../../images/brandsite/recipe/common/list_label_high_school_collabo.png');
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
body#meijitokachi #main #recipe_list ul li .text {
	margin-top: 5px;
	color: #000000;
	font-size: 14px;
	line-height: 1.286;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #recipe_list {
		padding: 2.5vw 0 5vw;
	}
	body#meijitokachi #main #recipe_list .inner {
		width: auto;
	}
	body#meijitokachi #main #recipe_list ul {
		width: calc(100vw + 2vw);
		margin-top: 2vw;
	}
	body#meijitokachi #main #recipe_list ul li {
		width: 32vw;
		margin-top: 2vw;
		margin-right: 2vw;
	}
	body#meijitokachi #main #recipe_list ul li .image img {
	}
	body#meijitokachi #main #recipe_list ul li .text {
		margin-top: 1.5vw;
		padding: 0 0.5vw;
		font-size: 3.3vw;
		line-height: 1.2;
	}
}
/* ============================================ */
/* RecipeList:Li(遅延読み込み)                  */
/* ============================================ */
body#meijitokachi #main #recipe_list ul li.delay_load {
	display: none;
	transition: all 0.6s ease;
	opacity: 1;
}
body#meijitokachi #main #recipe_list ul li.delay_load.state_wait {
	opacity: 0;
}