/* =========================================================
   クッキンキッズ専用
   ========================================================= */

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

#cookingKids{
	width:100%;
	overflow:hidden;
	background:#fbf0c2;
}

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

#cookingKids img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

#cookingKids .pc_only{
	display:block;
}

#cookingKids .sp_only{
	display:none;
}

/* -------------------------
   メインビジュアル
------------------------- */

#cookingKids .head{
	background:url(../img/background.jpg) center top / cover no-repeat;
}

#cookingKids .head_inner{
	padding-top:94px;
	padding-bottom:120px;
}

#cookingKids .logo{
	width:960px;
	max-width:90%;
	margin:0 auto 40px;
	padding-top:20px;
}

#cookingKids .logo img{
	width:100%;
	display:block;
}

#cookingKids .caption{
	width:880px;
	max-width:90%;
	margin:0 auto;
	display:block;
}

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

#cookingKids .contents{
	position:relative;
	padding:100px 0 20px;
}

/* bk_top（bk_top.pngを使用。画像自体の高さに対する相対値で
   位置を指定することで、画面幅が変わっても背景との間に
   隙間や重なりのズレが出ないようにしている） */
#cookingKids .bk_top{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	max-width:1920px;   /* ← 要調整（下記参照） */
	line-height:0;
	transform:translate(-50%, -92%);
}

#cookingKids .bk_top img{
	width:100%;
	display:block;
}

/* -------------------------
   メインコンテンツ画像
------------------------- */

#cookingKids .main{
	width:100%;
	margin:0 auto 80px;
	text-align:center;
}

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


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

@media (max-width:620px){

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

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

}

/* -------------------------
   応募方法ボタン
------------------------- */

#cookingKids .method{
	text-align:center;
}

#cookingKids .apply_btn{
	display:inline-block;
	min-width:480px;
	padding:32px 40px;
	border-radius:60px;
	background:#85c216;
	box-shadow:0 6px 0 #3c7a20, 0 10px 14px rgba(0,0,0,.15);
	color:#fff;
	font-size:26px;
	font-weight:700;
	letter-spacing:.08em;
	text-decoration:none;
	text-shadow:0 2px 3px rgba(0,0,0,.15);
	transition:transform .15s ease, box-shadow .15s ease;
}

#cookingKids .apply_btn:hover{
	transform:translateY(2px);
	box-shadow:0 4px 0 #3c7a20, 0 6px 10px rgba(0,0,0,.15);
}

/* -------------------------
   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;
}

/* =========================================================
   テキスト化セクション（募集対象・応募条件 / 応募方法 /
   諸費用・衣装について / 注意事項・プライバシーポリシー）
   ========================================================= */

#cookingKids .text-block{
	width:1000px;
	max-width:90%;
	margin:0 auto 60px;
	text-align:left;
}

#cookingKids .section_ttl{
	display:block;
	color:#e1462d;
	font-size:28px;
	font-weight:700;
	line-height:1.5;
	padding-bottom:16px;
	margin-bottom:36px;
	border-bottom:3px solid #e1462d;
}

/* 項目テーブル（募集対象・応募条件 / 諸費用・衣装について） */

#cookingKids .entry_row{
	display:flex;
	align-items:flex-start;
	margin-bottom:28px;
}

#cookingKids .entry_row:last-child{
	margin-bottom:0;
}

#cookingKids .entry_row dt{
	flex:0 0 170px;
	background:#e1462d;
	color:#fff;
	font-weight:700;
	font-size:17px;
	letter-spacing:.05em;
	text-align:center;
	border-radius:6px;
	padding:14px 5px;
	margin-right:30px;
}

#cookingKids .entry_row dd{
	flex:1;
	font-size:18px;
	font-weight: 600;
	line-height:1.8;
	color:#4d4030;
	padding-top:10px;
}

#cookingKids .entry_row dd strong{
	font-size:18px;
}

#cookingKids .entry_row dd .note{
	display:block;
	font-size:15px;
    font-weight: 600;
	line-height:1.8;
	margin-top:8px;
	color:#4d4030;
}

/* 応募方法（見出しは他セクションと同じ左寄せ） */

#cookingKids .method-block .method_lead{
	font-size:18px;
	font-weight:600;
	line-height:1.8;
	color:#4d4030;
	margin-bottom:0;
}

#cookingKids .method_note{
	display:block;
	text-align:center;
	font-size:16px;
    font-weight: 600;
	line-height:1.9;
	color:#4d4030;
	margin-top:24px;
}

/* 注意事項・プライバシーポリシー */

#cookingKids .privacy_list{
	list-style:none;
	font-size:18px;
	line-height:1.9;
	color:#4d4030;
}

#cookingKids .privacy_list li{
	position:relative;
	padding-left:1.2em;
    font-weight:600;
}

#cookingKids .privacy_list li::before{
	content:"・";
	position:absolute;
	left: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){

	#cookingKids .pc_only{
		display:none;
	}

	#cookingKids .sp_only{
		display:block;
	}

	#cookingKids .head{
		background-position:center top;
	}

	#cookingKids .head_inner{
		padding-top:30px;
		padding-bottom:70px;
	}

	#cookingKids .logo{
		width:90%;
		max-width:none;
		margin:0 auto 25px;
		padding-top:0;
	}

	#cookingKids .caption{
		width:90%;
		max-width:none;
	}

	#cookingKids .contents{
		padding:60px 0 10px;
	}

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

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

	#cookingKids .text-block{
		width:90%;
		margin-bottom:40px;
	}

	#cookingKids .section_ttl{
		font-size:21px;
		padding-bottom:12px;
		margin-bottom:24px;
	}

	#cookingKids .entry_row{
		display:block;
		margin-bottom:22px;
	}

	#cookingKids .entry_row dt{
		display:inline-block;
		flex:none;
		width:auto;
		min-width:120px;
		margin-right:0;
		margin-bottom:10px;
		padding:8px 14px;
		font-size:15px;
	}

	#cookingKids .entry_row dd{
		font-size:15px;
		padding-top:0;
	}

	#cookingKids .method-block .method_lead{
		font-size:15px;
	}

	#cookingKids .apply_btn{
		min-width:0;
		width:100%;
		padding:20px 20px;
		font-size:19px;
	}

	#cookingKids .method_note{
		font-size:12px;
	}

	#cookingKids .privacy_list{
		font-size:13px;
	}

	#cookingKids .archive{
		padding-bottom:40px;
	}

	#cookingKids .archive .tit{
		width:56%;
		max-width:none;
		margin:60px auto 25px;
	}

	#cookingKids .movie_list{
		width:90%;
		max-width:none;
		display:block;
	}

	#cookingKids .movie_list .movie-box,
	#cookingKids .movie_list .movie-box.big_box{
		width:100%;
		margin-bottom:35px;
	}

}