/* =========================================================
   このページ専用
   ========================================================= */

#page_content,
#page_content *,
#page_content *::before,
#page_content *::after{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

#page_content{
	width:100%;
	max-width: 1100px;
	display: block;
	margin: 0 auto;
	overflow:hidden;
	background:#f5e1e6;;
}

/* -------------------------
   共通
------------------------- */

#page_content img{
	max-width:100%;
	display: block;
	margin: 0 auto;
	height:auto;
	vertical-align:bottom;
}

#page_content .pc_only{
	display:block;
}

#page_content .sp_only{
	display:none;
}
#page_content a{
	max-width: 640px;
	width: 90%;
	display: block;
	margin: 0 auto;
}


/* -------------------------
   コンテンツ
------------------------- */




/* -------------------------
   SPのみ画像を縮小
------------------------- */

@media (max-width:620px){

	#cookingKids .main{
		width:90%;
		margin-bottom:50px;
	}

	#cookingKids .main img{
		width:100%;
		max-width:100%;
		height:auto;
		display:block;
	}

}



/* -------------------------
   YouTube
------------------------- */

#cookingKids .movie-area{
	width:800px;
	max-width:90%;
	margin:0 auto 100px;
}

#cookingKids .movie-box{
	position:relative;
	width:100%;
	aspect-ratio:16 / 9;
}

#cookingKids .movie-box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

/* -------------------------
   アーカイブ
------------------------- */

#cookingKids .archive{
	padding:0 0 80px;
}

#cookingKids .archive .tit{
	display:block;
	width:368px;
	max-width:80%;
	margin:100px auto 30px;
}

#cookingKids .archive .tit img{
	width:100%;
}

#cookingKids .movie_list{
	width:1100px;
	max-width:90%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#cookingKids .movie_list .movie-box{
	position:relative;
	width:525px;
	margin-bottom:50px;
	aspect-ratio:16 / 9;
}

#cookingKids .movie_list .movie-box.big_box{
	width:100%;
}

#cookingKids .movie_list .movie-box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}


/* -------------------------
   621px以上
------------------------- */

@media (min-width:621px){

	.header_info_inr h1{
		font-size:22px;
		padding:8px 0 0 66px;
		line-height:32px;
	}

}

/* -------------------------
   SP
------------------------- */

@media (max-width:620px){

	#page_content .pc_only{
		display:none;
	}

	#page_content .sp_only{
		display:block;
	}

}