@charset "utf-8";

body {
	background: url(../img/re_bg_img.png);
}
/*---------------------------------------
	/recipe/ Styles
-----------------------------------------*/
.recipe__list {
	width: 90%;
	max-width: 1200px;
	margin: 40px auto;
	position: relative;
}
.recipe__list--outer {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 50px;
}
.recipe__list::after {
	content: "";
	background: url(../img/recipe/icom_recipe.png) no-repeat;
	background-size: contain;
	height: 420px;
	width: 330px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.recipe__list--innner {
	width: 840px;
	margin: 50px 0 0 0;
}
.recipe__list--innner h2 {
	color: #d73267;
	font-size: 48px;
	font-weight: bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-bottom: 10px;
}
.recipe__list--innner p {
	margin: 28px 0 40px;
	font-size: 24px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.5;
}
.recipe__list--innner ul.flexbox {
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
}
.recipe__list--innner ul.flexbox li:nth-child(1),
.recipe__list--innner ul.flexbox li:nth-child(2),
.recipe__list--innner ul.flexbox li:nth-child(3),
.recipe__list--innner ul.flexbox li:nth-child(4) {
	margin-bottom: 20px;
}
.recipe__list--innner ul.flexbox a {
	display: block;
	background: #d73267;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 30px;
	padding: 3px 30px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.recipe__list--innner ul.flexbox li.active {
	display: block;
	background: #c30d23;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 30px;
	padding: 3px 30px;
	border-radius: 10px;
}
.recipe__list--innner ul.flexbox a:hover {
	background: #f36995;
}
.recipe__list .cl3 {
	flex-wrap: wrap;
}
.recipe__list .cl3 a {
	width: calc((100% - 88px)/3);
	margin-bottom: 50px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.recipe__list .cl3 a li {
	position: relative;
	background: #d73267;
	display: block;
}
.recipe__list .cl3 a:hover li img {
	opacity: .65;
}
/*---------------------------------------
	レシピ一覧 オンマウスレシピ名
-----------------------------------------*/
.recipe__list .cl3 a:hover li#recipe001::after, .recipe__list .cl3 a:hover li#recipe002::after,
.recipe__list .cl3 a:hover li#recipe003::after, .recipe__list .cl3 a:hover li#recipe004::after,
.recipe__list .cl3 a:hover li#recipe005::after, .recipe__list .cl3 a:hover li#recipe006::after,
.recipe__list .cl3 a:hover li#recipe007::after, .recipe__list .cl3 a:hover li#recipe008::after,
.recipe__list .cl3 a:hover li#recipe009::after, .recipe__list .cl3 a:hover li#recipe010::after,
.recipe__list .cl3 a:hover li#recipe011::after, .recipe__list .cl3 a:hover li#recipe012::after,
.recipe__list .cl3 a:hover li#recipe013::after, .recipe__list .cl3 a:hover li#recipe014::after,
.recipe__list .cl3 a:hover li#recipe015::after, .recipe__list .cl3 a:hover li#recipe016::after,
.recipe__list .cl3 a:hover li#recipe017::after, .recipe__list .cl3 a:hover li#recipe018::after,
.recipe__list .cl3 a:hover li#recipe019::after, .recipe__list .cl3 a:hover li#recipe020::after,
.recipe__list .cl3 a:hover li#recipe021::after, .recipe__list .cl3 a:hover li#recipe022::after,
.recipe__list .cl3 a:hover li#recipe023::after, .recipe__list .cl3 a:hover li#recipe024::after,
.recipe__list .cl3 a:hover li#recipe025::after, .recipe__list .cl3 a:hover li#recipe026::after,
.recipe__list .cl3 a:hover li#recipe027::after, .recipe__list .cl3 a:hover li#recipe028::after,
.recipe__list .cl3 a:hover li#recipe029::after, .recipe__list .cl3 a:hover li#recipe030::after,
.recipe__list .cl3 a:hover li#recipe031::after, .recipe__list .cl3 a:hover li#recipe032::after,
.recipe__list .cl3 a:hover li#recipe033::after, .recipe__list .cl3 a:hover li#recipe034::after,
.recipe__list .cl3 a:hover li#recipe035::after, .recipe__list .cl3 a:hover li#recipe036::after,
.recipe__list .cl3 a:hover li#recipe037::after, .recipe__list .cl3 a:hover li#recipe038::after,
.recipe__list .cl3 a:hover li#recipe039::after, .recipe__list .cl3 a:hover li#recipe040::after,
.recipe__list .cl3 a:hover li#recipe041::after, .recipe__list .cl3 a:hover li#recipe042::after,
.recipe__list .cl3 a:hover li#recipe043::after, .recipe__list .cl3 a:hover li#recipe044::after,
.recipe__list .cl3 a:hover li#recipe045::after, .recipe__list .cl3 a:hover li#recipe046::after,
.recipe__list .cl3 a:hover li#recipe047::after, .recipe__list .cl3 a:hover li#recipe048::after,
.recipe__list .cl3 a:hover li#recipe049::after, .recipe__list .cl3 a:hover li#recipe050::after,
.recipe__list .cl3 a:hover li#recipe051::after, .recipe__list .cl3 a:hover li#recipe052::after,
.recipe__list .cl3 a:hover li#recipe053::after, .recipe__list .cl3 a:hover li#recipe054::after,
.recipe__list .cl3 a:hover li#recipe055::after, .recipe__list .cl3 a:hover li#recipe056::after,
.recipe__list .cl3 a:hover li#recipe057::after, .recipe__list .cl3 a:hover li#recipe058::after,
.recipe__list .cl3 a:hover li#recipe059::after, .recipe__list .cl3 a:hover li#recipe060::after,
.recipe__list .cl3 a:hover li#recipe061::after, .recipe__list .cl3 a:hover li#recipe062::after,
.recipe__list .cl3 a:hover li#recipe063::after, .recipe__list .cl3 a:hover li#recipe064::after,
.recipe__list .cl3 a:hover li#recipe065::after, .recipe__list .cl3 a:hover li#recipe066::after,
.recipe__list .cl3 a:hover li#recipe067::after {
	width: 90%;
	text-align: center;
	font-size: 29px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.recipe__list .cl3 a:hover li#recipe001::after {
	content: "レディーボーデン フルーツジュレスープ仕立て";
}
.recipe__list .cl3 a:hover li#recipe002::after {
	content: "材料３つのバスク風チーズケーキ";
	width: 78%;
}
.recipe__list .cl3 a:hover li#recipe003::after {
	content: "爽アイスケーキ";
}
.recipe__list .cl3 a:hover li#recipe004::after {
	width: 78%;
	content: "材料２つの不思議なマフィン";
}
.recipe__list .cl3 a:hover li#recipe005::after {
	width: 76%;
	content: "レディーボーデンのフレンチトースト";
}
.recipe__list .cl3 a:hover li#recipe006::after {
	content: "チョココのアイスサンド";
}
.recipe__list .cl3 a:hover li#recipe007::after {
	content: "レディーボーデンあずき白玉ぜんざい";
}
.recipe__list .cl3 a:hover li#recipe008::after {
	width: 76%;
	content: "キャラメルりんごとカスタードケーキの秋タルト";
}
.recipe__list .cl3 a:hover li#recipe009::after {
	width: 60%;
	content: "つぶつぶいちごシェーキ";
}
.recipe__list .cl3 a:hover li#recipe010::after {
	content: "スノーアイス";
}
.recipe__list .cl3 a:hover li#recipe011::after {
	content: "あじさいプレート";
}
.recipe__list .cl3 a:hover li#recipe012::after {
	content: "さくらカップドルチェ";
}
.recipe__list .cl3 a:hover li#recipe013::after {
	width: 70%;
	content: "ロッテ風ひんやり杏仁豆腐";
}
.recipe__list .cl3 a:hover li#recipe014::after {
	width: 65%;
	content: "ひんやり和風のアイスパフェ";
}
.recipe__list .cl3 a:hover li#recipe015::after {
	content: "のど飴寒天パフェ";
}
.recipe__list .cl3 a:hover li#recipe016::after {
	content: "ホワイトチョコワッフルのアボカドとバニラアイス添え";
}
.recipe__list .cl3 a:hover li#recipe017::after {
	width: 74%;
	content: "抹茶とガーナの和風アフォガード";
}
.recipe__list .cl3 a:hover li#recipe018::after {
	content: "ロッテ風アイスもなか";
}
.recipe__list .cl3 a:hover li#recipe019::after {
	width: 78%;
	content: "ロッテのアイスミルフィーユ　ジンジャーキャラメルソースかけ";
}
.recipe__list .cl3 a:hover li#recipe020::after {
	content: "チョコレートパフェ";
}
.recipe__list .cl3 a:hover li#recipe021::after {
	width: 72%;
	content: "チョコパイ白玉とごまアイス添え";
}
.recipe__list .cl3 a:hover li#recipe022::after {
	width: 84%;
	content: "チョコパイオレンジのコンポートアイスクリーム添え";
}
.recipe__list .cl3 a:hover li#recipe023::after {
	content: "チョコパイキウイアイスのせ";
}
.recipe__list .cl3 a:hover li#recipe024::after {
	width: 84%;
	content: "チョコパイのアップルジンジャーソースがけ";
}
.recipe__list .cl3 a:hover li#recipe025::after {
	width: 84%;
	content: "カスタードケーキアイスエスプレッソがけ";
}
.recipe__list .cl3 a:hover li#recipe026::after {
	width: 78%;
	content: "カスタードケーキのパフェコーン";
}
.recipe__list .cl3 a:hover li#recipe027::after {
	content: "カメカ？";
}
.recipe__list .cl3 a:hover li#recipe028::after {
	content: "ハロウィンちゃんず☆";
}
.recipe__list .cl3 a:hover li#recipe029::after {
	content: "親子コアラ";
}
.recipe__list .cl3 a:hover li#recipe030::after {
	content: "ファンキー・クッキー・ケロ";
}
.recipe__list .cl3 a:hover li#recipe031::after {
	content: "ひまわりーな";
}
.recipe__list .cl3 a:hover li#recipe032::after {
	content: "ハロー！アザラシ";
}
.recipe__list .cl3 a:hover li#recipe033::after {
	content: "どらネコデンデン";
}
.recipe__list .cl3 a:hover li#recipe034::after {
	content: "鯉のぼりのカーピー";
}
.recipe__list .cl3 a:hover li#recipe035::after {
	content: "チョコウィンちゃんず";
}
.recipe__list .cl3 a:hover li#recipe036::after {
	content: "ハロウィンマン";
}
.recipe__list .cl3 a:hover li#recipe037::after {
	content: "フンバルトペンギン";
}
.recipe__list .cl3 a:hover li#recipe038::after {
	content: "猫ちゃんパフェ";
}
.recipe__list .cl3 a:hover li#recipe039::after {
	content: "春のお目覚めパーティー";
}
.recipe__list .cl3 a:hover li#recipe040::after {
	content: "アイスタンゴ団子合唱団";
}
.recipe__list .cl3 a:hover li#recipe041::after {
	width: 78%;
	content: "ハロウィンおばけのアイス";
}
.recipe__list .cl3 a:hover li#recipe042::after {
	width: 70%;
	content: "ベリー・ベリー・マルチーズ";
}
.recipe__list .cl3 a:hover li#recipe043::after {
	content: "イースター・バニー";
}
.recipe__list .cl3 a:hover li#recipe044::after {
	content: "ハロウィンキャット";
}
.recipe__list .cl3 a:hover li#recipe045::after {
	content: "ベリーとガーナのバニラパフェ";
}
.recipe__list .cl3 a:hover li#recipe046::after {
	content: "ベリーとガーナのバニラプレート";
}
.recipe__list .cl3 a:hover li#recipe047::after {
	content: "ユキダーマン";
}
.recipe__list .cl3 a:hover li#recipe048::after {
	content: "ダルゴナ風レディーボーデンアフォガード";
}
.recipe__list .cl3 a:hover li#recipe049::after {
	content: "パパのビール風パフェ";
}
.recipe__list .cl3 a:hover li#recipe050::after {
	content: "コーヒーゼリーパフェ";
}
.recipe__list .cl3 a:hover li#recipe051::after {
	width: 78%;
	content: "蝶ネクタイのレディーボーデンパパ";
}
.recipe__list .cl3 a:hover li#recipe052::after {
	content: "まさかの？！たこ焼きレディーボーデン";
}
.recipe__list .cl3 a:hover li#recipe053::after {
	width: 78%;
	content: "レディーボーデンと卵で作る濃厚クイックプリン";
}
.recipe__list .cl3 a:hover li#recipe054::after {
	width: 70%;
	content: "レディーボーデンでつくる塩レモンアイス";
}
.recipe__list .cl3 a:hover li#recipe055::after {
	content: "縁日コロッケ風アイス";
}
.recipe__list .cl3 a:hover li#recipe056::after {
	width: 70%;
	content: "レディーボーデン カッサータ風";
}
.recipe__list .cl3 a:hover li#recipe057::after {
	content: "３種のレディーボーデンスムージー";
}
.recipe__list .cl3 a:hover li#recipe058::after {
	width: 79%;
	content: "韓国風ティラミス（カップティラミス）";
}
.recipe__list .cl3 a:hover li#recipe059::after {
	width: 70%;
	content: "ハロウィンナイトゴーストドリンク";
}
.recipe__list .cl3 a:hover li#recipe060::after {
	content: "ジャックオーランタンなスイートポテト";
}
.recipe__list .cl3 a:hover li#recipe061::after {
	content: "ハロウィンパイ";
}
.recipe__list .cl3 a:hover li#recipe062::after {
	content: "びっくりドームケーキ";
}
.recipe__list .cl3 a:hover li#recipe063::after {
	content: "ブッシュ・ド・ノエル";
}
.recipe__list .cl3 a:hover li#recipe064::after {
	content: "ホットエッグノック";
}
.recipe__list .cl3 a:hover li#recipe065::after {
	width: 80%;
	content: "レディーボーデンで簡単ガレット・デ・ロワ風";
}
.recipe__list .cl3 a:hover li#recipe066::after {
	content: "マーブルタルトムース";
}
.recipe__list .cl3 a:hover li#recipe067::after {
	content: "トライフルクリスマスパフェ";
}

/*---------------------------------------
	レシピ一覧 アイコン
-----------------------------------------*/
.recipe__list .cl3 li  .new,
.recipe__list .cl3 li .spring,
.recipe__list .cl3 li .summer,
.recipe__list .cl3 li .autumn {
	position: relative;
}
.recipe__list .cl3 li .new::after {
	content: "";
	width: 69px;
	height: 69px;
	background: url(../img/recipe/list_recipe-iconnew.png) no-repeat;
	position: absolute;
	top: -380px;
	right: 10px;
}
.recipe__list .cl3 li .spring::after,
.recipe__list .cl3 li .summer::after,
.recipe__list .cl3 li .autumn::after,
.recipe__list .cl3 li .winter::after {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 0 12px;
	border-radius: 6px;
	position: absolute;
	bottom: 10px;
	right: 10px;

}
.recipe__list .cl3 li .spring::after {
	content: "Spring";
	background: #f77676;
}
.recipe__list .cl3 li .summer::after {
	content: "Summer";
	background: #6fbbeb;
}
.recipe__list .cl3 li .autumn::after {
	content: "Autumn";
	background: #f4984e;
}
.recipe__list .cl3 li .winter::after {
	content: "Winter";
	background: #86aac0;
}
/* // */

/*---------------------------------------
	レシピ詳細ページ
-----------------------------------------*/
.recipe__area {
	font-feature-settings: "palt";
	letter-spacing: .1em;
	position: relative;
}
.recipe__area::after {
	content: "";
	background: url(../img/recipe/recipe_bg_img.png);
	background-repeat: repeat-x;
	background-size: contain;
	height: 295px;
	width: 100%;
	position: absolute;
	top: 150px;
	z-index: 1;
}
.recipe__area--inner {
	position: relative;
	width: 90%;
	max-width: 1140px;
	margin: 40px auto;
	z-index: 10;
}
.recipe__area--inner .flexbox {
	align-items: flex-start;
}
.recipe__area--inner .flexbox li.recipe-ttl img {
	width: 656px;
	margin: 0 130px 0 0;
}
.recipe__area--card {
	position: relative;
	background: #ffffff;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
	padding: 56px 136px 62px;
	margin: 100px auto 0;
}
.recipe__area--card::after {
	content: "";
	background: url(../img/recipe/frame_recipe-top.png) no-repeat;
	background-size: contain;
	height: 81px;
	width: 1097px;
	position: absolute;
	top: 24px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.recipe__area--card::before {
	content: "";
	background: url(../img/recipe/frame_recipe-bottom.png) no-repeat;
	background-size: contain;
	height: 81px;
	width: 1097px;
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.recipe__card {
	position: relative;
	z-index: 999;
}
.recipe__card .credit {
	display: block;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 0;
}
.recipe__card .flexbox {
	justify-content: flex-start;
}
.recipe__card--left {
	font-weight: bold;
	line-height: 1.75;
	margin: 36px 30px 0 0;
	width: 278px;
}
.recipe__card--right {
	font-weight: bold;
	line-height: 1.75;
	margin: 36px auto 0;
	width: 560px;
}
.recipe__card--right .list-flexbox {
	display: flex;
	align-items: start;
	justify-content: space-between !important;
}
.recipe__card--right .list-flexbox li {
	width: calc(( 100% - 10px )/2);
	border-bottom: 0;
	padding: 0;
}
.recipe__card--right .list-flexbox li:last-child {
	text-indent: 0;
}
.recipe__card--right .list-flexbox2 {
	display: flex;
	align-items: center;
}
.recipe__card--right .list-flexbox2 li {
	width: 100%;
	text-indent: 0;
	border-bottom: 0;
	padding: 0;
}
.recipe__card--right .list-flexbox2 li:last-child {
	text-indent: 0;
}
.recipe__card--bottom {
	width: 100%;
	margin: 48px auto 0;
}
.recipe__card--left ul {
	display: block;
	margin: 16px 0 30px 10px;
}
.recipe__card--left li {
	text-align: left;
	text-indent: -.65em;
	padding-left: .65em;
	margin-right: 0 !important;
	margin-bottom: 10px;
	line-height: 1.5;
}
.recipe__card--left li:last-child {
	margin-bottom: 0;
}
.recipe__card--left li a {
	color: #931127;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.recipe__card--left li a:hover {
	color: #f36995;
}
.recipe__card--left .txt,
.recipe__card--bottom .txt {
	margin: 16px 0;
	padding-left: .65em;
	font-weight: bold;
	text-align: justify;
}
.recipe__card--bottom .txt {
	line-height: 2;
	margin: 24px 0 10px;
}
.recipe__card--left .pic,
.recipe__card--bottom .pic {
	padding: 0 0 0 .67em;
}
.recipe__card--right ul {
	display: block;
	width: 100%;
	margin: 16px 0 0 0;
}
.recipe__card--right li {
	position: relative;
	display: block;
	text-align: left;
	border-bottom: 1px #000 solid;
	text-indent: -2em;
	padding-left: 2em;
	padding-bottom: 10px;
	margin-bottom: 6px;
	line-height: 1.5;
}
#re032 .recipe__card--right li:first-child:before {
	content: "";
	background: url(../img/recipe/recipimg_032-1.png) no-repeat;
	background-size: contain;
	height: 90px;
	width: 80px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}
#re033 .recipe__card--right li:first-child::before {
	content: "";
	background: url(../img/recipe/recipimg_033-2.png) no-repeat;
	background-size: contain;
	height: 47px;
	width: 139px;
	position: absolute;
	bottom: 10px;
	right: 60px;
	z-index: 10;
}
#re033 .recipe__card--right li:nth-child(2)::before {
	content: "";
	background: url(../img/recipe/recipimg_033-3.png) no-repeat;
	background-size: contain;
	height: 80px;
	width: 97px;
	position: absolute;
	top: 0;
	right: 8px;
	z-index: 10;
}
#re037 .recipe__card--right li:last-child::before {
	content: "";
	background: url(../img/recipe/recipimg_037-1.png) no-repeat;
	background-size: contain;
	height: 72px;
	width: 75px;
	position: absolute;
	bottom: 8px;
	right: -20px;
	z-index: 10;
}
#re042 .recipe__card--right li:first-child:before {
	content: "";
	background: url(../img/recipe/recipimg_042-1.png) no-repeat;
	background-size: contain;
	height: 74px;
	width: 91px;
	position: absolute;
	top: -30px;
	right: 20px;
	z-index: 10;
}
.recipe__card ul {
	justify-content: flex-end !important;
}
.recipe__card ul li {
	margin-right: 20px;
}
.recipe__card ul li.ttl2 {
	border-bottom: 1px #000 solid;
	font-size: 14px;
	text-align: end;
}
.recipe__card ul li.ttl {
	margin-top: 30px;
	border-bottom: 1px #000 solid;
	font-size: 14px;
	text-align: end;
}
.recipe__card ul li.nop {
	border-bottom: 1px #000 solid;
	padding-left: 20px;
	font-size: 14px;
	text-align: end;
}
.recipe__card ul li.nop2 {
	padding-left: 20px;
	font-size: 14px;
	text-align: end;
}
.recipe__card::after {
	content: "";
	background: url(../img/recipe/icom_recipe.png) no-repeat;
	background-size: contain;
	height: 420px;
	width: 330px;
	position: absolute;
	top: -112px;
	left: -50px;
	z-index: 10;
}
.rexipe__txt--box {
	margin:0 0 65px 287px;
}
.rexipe__txt--box h2 {
	color: #c31414;
	font-size: 40px;
	line-height: 1.25;
	font-weight: bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-bottom: 20px;
}
.rexipe__txt--box p {
	margin-top: 30px;
	font-weight: bold;
	line-height: 1.5;
}
/**/
@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.recipe__area--card::after,
	.recipe__area--card::before {
		height: 74px;
		width: 990px;
	}
	.recipe__list::after {
		width: 270px;
		height: 340px;
	}
	.recipe__list--innner {
		width: 72%;
	}
	.recipe__area--card {
		padding: 56px 90px 74px;
	}
}