@charset "UTF-8";
/*====================================================================

	ラクうまキッチン

====================================================================*/
.section_kitchen {
}
.section_kitchen .justify p {
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
}
/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}/* for SP max-width: 800px */

/*===============================================================
	
	メインタイトル
	
===============================================================*/
.section_kitchen .main_title {
	position: relative;
	width: 100%;
	height: 480px;
	background: url("../images/kitchen/main_title_bg.png") repeat 0 center #fff000;
	background-size: 425px auto;
	animation: bg_scroll 42.5s linear infinite;
	transform: translateZ(0); /* GPU hack */
}
.section_kitchen .main_title .title {
	position: absolute;
	width: 37.383177570093458%;
	max-width: 400px;
	top: 85px;
	right: 50%;
	padding-top: 28.130841121495327%;
	margin-right: -6.074766355140187%;
	z-index: 10;
}
.section_kitchen .main_title .title svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* SVG */
#logo {
	overflow: visible;
}
#logo path, #logo g {
	opacity: 0;
}
#logo g > path {
	opacity: 1;
}
#logo .cls-1 { fill: #fff; }
#logo .cls-2 { fill: none; }
.is-loaded #logo path#fukidashi  {
	animation: logoAnimeFukidashi 1.0s ease-in-out 0.0s forwards;
}
.is-loaded #logo path#shiro  {
	animation: logoAnime 0.1s ease-in-out 0.1s forwards;
}
.is-loaded #logo g#kawa  {
	animation: logoAnime 0.1s ease-in-out 0.2s forwards;
}
.is-loaded #logo g#shi  {
	animation: logoAnime 0.1s ease-in-out 0.3s forwards;
}
.is-loaded #logo path#e  {
	animation: logoAnime 0.1s ease-in-out 0.4s forwards;
}
.is-loaded #logo path#fu  {
	animation: logoAnime 0.1s ease-in-out 0.5s forwards;
}
.is-loaded #logo g#shoku  {
	animation: logoAnime 0.1s ease-in-out 0.6s forwards;
}
.is-loaded #logo g#den  {
	animation: logoAnime 0.1s ease-in-out 0.7s forwards;
}
.is-loaded #logo g#bikkuri  {
	animation: logoAnime 0.1s ease-in-out 0.8s forwards;
}
.is-loaded #logo g#ra  {
	animation: logoAnime 0.1s ease-in-out 1.0s forwards;
}
.is-loaded #logo g#ku  {
	animation: logoAnime 0.1s ease-in-out 1.1s forwards;
}
.is-loaded #logo g#u  {
	animation: logoAnime 0.1s ease-in-out 1.2s forwards;
}
.is-loaded #logo g#ma  {
	animation: logoAnime 0.1s ease-in-out 1.3s forwards;
}
.is-loaded #logo path#ki  {
	animation: logoAnime 0.1s ease-in-out 1.4s forwards;
}
.is-loaded #logo g#tu  {
	animation: logoAnime 0.1s ease-in-out 1.5s forwards;
}
.is-loaded #logo path#chi  {
	animation: logoAnime 0.1s ease-in-out 1.6s forwards;
}
.is-loaded #logo g#n  {
	animation: logoAnime 0.1s ease-in-out 1.7s forwards;
}
.is-loaded #logo path#nabe  {
	animation: logoAnimeNabe 0.25s ease-in-out 0.8s forwards;
}
.is-loaded #logo path#futa  {
	animation: logoAnimeFuta 0.5s ease-in-out 1.3s forwards;
}
@keyframes logoAnimeFukidashi {
  from { opacity: 0; transform: scale(1.1); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes logoAnime {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes logoAnimeNabe {
  from { opacity: 0; transform: translateX(-10%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes logoAnimeFuta {
  0% { opacity: 0; transform: rotate(5deg) translateY(-10%); }
  40% { transform: rotate(-4deg) translateY(5%); }
  60% { transform: rotate(3deg) translateY(-4%); }
  85% { transform: rotate(-2deg) translateY(2%); }
  95% { transform: rotate(1deg) translateY(-1%); }
  100% { opacity: 1; rotate(0) transform: translateY(0); }
}
.section_kitchen .main_title .copy {
	position: absolute;
	top: 30px;
	left: 50%;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transform: translateX(-50%);
}
.section_kitchen .main_title .chef {
	position: absolute;
	width: 31.308411214953271%;
	max-width: 335px;
	bottom: 0;
	left: 50%;
	opacity: 0;
	margin-left: 8.504672897196262%;
	z-index: 20;
}
.section_kitchen .main_title .name {
	position: absolute;
	bottom: 30px;
	right: 50%;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	text-align: right;
	opacity: 0;
	margin-right: -5.794392523364486%;
}
.section_kitchen .main_title .name .degree {
	display: block;
	font-size: 14px;
}
.is-loaded .section_kitchen .main_title .copy,
.is-loaded .section_kitchen .main_title .name {
	animation: logoAnime 0.8s ease-in-out 0.0s forwards;
}
.is-loaded .section_kitchen .main_title .chef {
	animation: logoAnime 0.2s ease-in-out 0.0s forwards;
}

/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_kitchen .main_title {
	height: 100vw;
	background-size: 100vw auto;
	animation: bg_scroll_sp 50s linear infinite;
}
.section_kitchen .main_title .title {
	width: 69.333333333333333%;
	max-width: auto;
	top: 16%;
	right: auto;
	left: 0;
	padding-top: 52.266666666666667%;
	margin-right: 0;
}
.section_kitchen .main_title .copy {
	width: 100%;
	top: 4vw;
	font-size: 3.5vw;
}
.section_kitchen .main_title .chef {
	width: 47.466666666666667%;
	max-width: auto;
	bottom: 0;
	left: auto;
	right: 0;
	margin-left: 0;
}
.section_kitchen .main_title .name {
	bottom: 4vw;
	right: 50%;
	font-size: 4.0vw;;
	margin-right: 0;
}
.section_kitchen .main_title .name .degree {
	font-size: 3.2vw;
}
}/* for SP max-width: 800px */

@keyframes bg_scroll {
	from { background-position: 0 0; }
    to { background-position: -425px 0; }
}
@keyframes bg_scroll_sp {
	from { background-position: 0 0; }
    to { background-position: -100vw 0; }
}

/*===============================================================
	
	レシピ
	
===============================================================*/
.section_kitchen .recipe {
	padding: 50px 0 80px;
}
.section_kitchen .recipe .color {
	color: #fcc400;
}
.section_kitchen .recipe .recipe_title_wrapper {
	text-align: center;
	margin-bottom: 30px;
}
.section_kitchen .recipe .recipe_title {
	font-size: 30px;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
}
.section_kitchen .recipe .recipe_title .color {
	font-size: 36px;
}
.section_kitchen .recipe .recipe_title_wrapper .caption {
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
.section_kitchen .recipe .recipe_title_wrapper .caption:before,
.section_kitchen .recipe .recipe_title_wrapper .caption:after {
	content: "";
	position: absolute;
	top: 50%;
	height: 100%;
	width: 2px;
	background: #000;
}
.section_kitchen .recipe .recipe_title_wrapper .caption:before {
	left: -1em;
	transform: rotate(-30deg) translateY(-50%);
}
.section_kitchen .recipe .recipe_title_wrapper .caption:after {
	right: -1em;
	transform: rotate(30deg) translateY(-50%);
}
.section_kitchen .recipe .photo {
	float: left;
	width: 71.02803738317757%;
	max-width: 760px;
}

/* 材料 */
.section_kitchen .recipe .ingredients {
	float: right;
	width: 25.233644859813084%;
	max-width: 270px;
}
.section_kitchen .recipe .ingredients .title {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 1px solid #e6e5ca;
	padding-bottom: 5px;
}
.section_kitchen .recipe .ingredients .title .num {
	color: #000;
	font-size: 16px;
	font-weight: normal;
}
.section_kitchen .recipe .ingredients .category {
	margin-top: 10px;
}
.section_kitchen .recipe .ingredients .category .category_name {
	font-size: 18px;
	font-weight: bold;
}
.section_kitchen .recipe .ingredients .category ul {
	margin-top: 10px;
}
.section_kitchen .recipe .ingredients .category ul li {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.5;
	border-left: 5px solid #f3f2e7;
	border-bottom: 1px solid #f3f2e7;
	padding: 8px 10px;
}
.section_kitchen .recipe .ingredients .category ul li .name {}
.section_kitchen .recipe .ingredients .category ul li .quantity {
	text-align: right;
}

/* 作り方 */
.section_kitchen .recipe .make {
	float: left;
	width: 71.02803738317757%;
	max-width: 760px;
	margin-top: 40px;
}
.section_kitchen .recipe .make .title {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 1px solid #e6e5ca;
	padding-bottom: 5px;
}
.section_kitchen .recipe .make ul {}
.section_kitchen .recipe .make ul li {
	display: flex;
	border-bottom: 1px solid #e6e5ca;
	padding: 20px 10px;
}
.section_kitchen .recipe .make ul li .no {
	width: 1.5em;
	flex-basis: 1.5em;
	font-size: 26px;
	line-height: 1;
	font-weight: bold;
}
.section_kitchen .recipe .make ul li .action {
	flex: 1 0;
}
.section_kitchen .recipe .make ul li .action .no {
	font-size: 1.21em;
	font-weight: bold;
	padding: 0 .25em;
}


/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_kitchen .recipe {
	padding: 8vw 0 8vw;
}
.section_kitchen .recipe .content_width {
	padding: 0 4vw;
}
.section_kitchen .recipe .recipe_title_wrapper {
	margin-bottom: 4vw;
}
.section_kitchen .recipe .recipe_title {
	font-size: 5.0vw;
}
.section_kitchen .recipe .recipe_title .color {
	font-size: 5.4vw;
}
.section_kitchen .recipe .recipe_title_wrapper .caption {
	font-size: 3.6vw;
	margin-bottom: 2vw;
}
.section_kitchen .recipe .recipe_title_wrapper .caption .sp {
	line-height: 0;
}	
.section_kitchen .recipe .recipe_title_wrapper .caption:before {
	left: -.25em;
}
.section_kitchen .recipe .recipe_title_wrapper .caption:after {
	right: -.25em;
}
.section_kitchen .recipe .photo {
	float: none;
	width: 100%;
	max-width: 100%;
}

/* 材料 */
.section_kitchen .recipe .ingredients {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-top: 8vw;
}
.section_kitchen .recipe .ingredients .title {
	font-size: 4.0vw;
}
.section_kitchen .recipe .ingredients .title .num {
	font-size: 3.5vw;
}
.section_kitchen .recipe .ingredients .category {
	margin-top: 10px;
}
.section_kitchen .recipe .ingredients .category .category_name {
	font-size: 3.8vw;
}
.section_kitchen .recipe .ingredients .category ul {
	margin-top: 10px;
}
.section_kitchen .recipe .ingredients .category ul li {
	font-size: 3.5vw;
	padding: 1.6vw 2vw;
}

/* 作り方 */
.section_kitchen .recipe .make {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-top: 8vw;
}
.section_kitchen .recipe .make .title {
	font-size: 4.0vw;
}
.section_kitchen .recipe .make ul {}
.section_kitchen .recipe .make ul li {
	padding: 4vw 2vw;
}
.section_kitchen .recipe .make ul li .no {
	font-size: 4.8vw;
}
.section_kitchen .recipe .make ul li .action {
}
.section_kitchen .recipe .make ul li .action .no {
}
}/* for SP max-width: 800px */

/*===============================================================
	
	プロフィール
	
===============================================================*/
.section_kitchen .profile {
	padding-bottom: 80px;
}
.section_kitchen .profile_box {
	display: flex;
	flex-direction: row-reverse;
	max-width: 960px;
	background: #f3f2e7;
	border-radius: 10px;
	padding: 20px 40px;
	margin: 0 auto;
}
.section_kitchen .profile_box .photo {
	position: relative;
	width: 180px;
	flex-basis: 180px;
	margin: 0 0 -20px;
}
.section_kitchen .profile_box .photo img {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
}
.section_kitchen .profile_box .text {
	flex: 1 0;
	margin-left: 20px;
}
.section_kitchen .profile_box .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: .5em;
}

/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_kitchen .profile {
	padding-bottom: 4vw;
}
.section_kitchen .profile .content_width {
	padding: 0 4vw;
}
.section_kitchen .profile_box {
	display: block;
	max-width: 100%;
	border-radius: 10px;
	padding: 4vw;
	margin: 0;
}
.section_kitchen .profile_box .photo {
	width: 50vw;
	flex-basis: 50vw;
	margin: 2vw auto -4vw;
}
.section_kitchen .profile_box .photo img {
	position: static;
}
.section_kitchen .profile_box .text {
	width: 100%;
	margin-left: 0;
}
.section_kitchen .profile_box .title {
	font-size: 3.8vw;
}
}/* for SP max-width: 800px */



/*===============================================================
	
	新フレーム適用
	
===============================================================*/
@media screen and (min-width:801px) and (max-width: 1220px) {
.recipe_list {
	padding: 0 50px;
}	
.section_kitchen .recipe .ingredients .title {
	font-size: 1.8vw;
} 
.section_kitchen .recipe .ingredients .category .category_name {
	font-size: 1.6vw;
}	
.section_kitchen .recipe .ingredients .category ul li .name {
	font-size: 1.4vw;
}
.section_kitchen .recipe .ingredients .category ul li .quantity {
	font-size: 1.2vw;
}	
}/* (min-width:801px) and (max-width: 1220px) */