@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

#detail #middle_cont_left {
	color: #232323;
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-family: 'Helvetica Neue','Arial','Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', 'Meiryo', 'MS PGothic', sans-serif;
	letter-spacing: -0.06em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	background-color: #fff;
	background-image:
		url('images/bg_top.png'),
		url('images/bg_bottom.png'),
		repeating-linear-gradient(to bottom, #fcd475 0, transparent 1px,transparent 10px),
		repeating-linear-gradient(to right, #fcd475 0, transparent 1px,transparent 10px);
	background-size: 100% auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: center top, center bottom, left top;
	padding:30px;
}

#detail #middle_cont_left a img {
	border: none;
}

#page-top {
	z-index: 99;
}

#dv_latest_recipe .sq dd.naiyo {
	text-align: justify;
	line-break: strict;
}

#ul_kiji {
	padding: 0 28px;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* 共通 */
/* ----------------------------------------------------------------------------------------------------------- */
/*
橙：#dc5310
土：#a9865f
黄：#fff67f
薄紫：#a2aac6
青緑：#98cac7

*/
.flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.wrap {
	flex-wrap: wrap;
}

.caption,
.spec {
	font-size: 9px;
	line-height: 1.5;
	letter-spacing: 0;
	font-feature-settings:'palt';
}

.spec strong {
	display:block;
	white-space:nowrap;
}

.sp,
.sp5 {
	display: none!important;
}

.alignRight {
	text-align: right !important;
	transform-origin: right bottom;
}

.alignCenter {
	text-align: center !important;
}

#detail #middle_cont_left p {
	hanging-punctuation: allow-end;
	line-break: strict;
	font-feature-settings:'palt';
	letter-spacing:0;
}

#detail #middle_cont_left sup {
	font-size: 80%;
	top: -0.3em;
	line-height: 1;
}

#detail #middle_cont_left em {
	color: #e60012;
	font-style: normal;
}
#detail #middle_cont_left em.blue {
	color:#26b7bc;
	font-style:inherit;
}
#detail #middle_cont_left em.green{
	color:#92ab23;
	font-style:inherit;
}
#detail #middle_cont_left em.orange{
	color:#f08300;
	font-style:inherit;
}
#detail #middle_cont_left em.yellow{
	color:#fff33f;
	font-style:inherit;
}
#detail #middle_cont_left em.violet{
	color:#7d4698;
	font-style:inherit;
}
#detail #middle_cont_left .marker {
	/*color: #fff;*/
	color:inherit;
	background:transparent linear-gradient(to bottom,rgba(255,230,127,0) 45%,rgba(255,230,127,1) 55%,rgba(255,230,127,1) 90%,rgba(255,230,127,0) 95%);
	padding:0;
	margin:0;
}
#detail #middle_cont_left .marker_blue {
	/*color: #fff;*/
	color:inherit;
	background:transparent linear-gradient(to bottom,rgba(84,195,241,0) 45%,rgba(84,195,241,.5) 55%,rgba(84,195,241,.5) 90%,rgba(84,195,241,0) 95%);
	padding:0;
	margin:0;
}
#detail #middle_cont_left .marker_pink {
	/*color: #fff;*/
	color:inherit;
	background:transparent linear-gradient(to bottom,rgba(244,180,208,0) 45%,rgba(244,180,208,.5) 55%,rgba(244,180,208,.5) 90%,rgba(244,188,208,0) 95%);
	padding:0;
	margin:0;
}

.serif {
	font-family: 'Hiragino Mincho Pro', 'Noto Serif JP', 'Kozuka Mincho Pro', 'Yu Mincho', serif;
}

.btn_link{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:11px;
	font-weight:500;
	line-height:1.4;
	color:#fff;
	background:#a674b0;
	transition:.2s linear;
	white-space:nowrap;
	padding:8px 15px;
	border-radius:6px;
}
.btn_link:hover{
	color:#fff;
	text-decoration:none;
	filter:brightness(1.2);
}

div.box{
	background:white;
	padding:30px 20px;
	margin:0 0 30px;
	border-radius:20px;
	border:2px solid #f08437;
}


/* ----------------------------------------------------------------------------------------------------------- */
/* c00 */
/* ----------------------------------------------------------------------------------------------------------- */
#c00 {
	padding:50px 30px 40px;
	margin:0;
}
#c00_lead{
	font-weight:400;
	text-align:justify;
	font-size:15px;
	line-height:26px;
	margin:0;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* c01 */
/* ----------------------------------------------------------------------------------------------------------- */
#c01 {
}
#c01 h3{
	text-align:center;
	margin:0 0 20px;
}
#c01 h3 img{
	max-width:100%;
}
#c01 h4{
	display:flex;
	color:#f08437;
	font-size:21px;
	font-weight:bold;
	margin:0 0 0.5em;
	gap:10px;
	align-items:center;
}
#c01 h4 img{flex-shrink:0;}
#c01 h5{
	color:#f08437;
	font-size:18px;
	line-height:1.4;
	font-weight:600;
	margin:0 0 .5em;
	line-break:strict;
}
#c01 h6{
	color:#f08437;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	padding-left:1em;
	text-indent:-1em;
}
#c01a{
	margin-bottom:20px;
}
#c01a_wrap{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-right:20px;
}
#c01a_wrap p{
	font-size:12px;
	line-height:18px;
	margin:.5em 0 0;
}
#c01b_wrap{
	margin-top:20px;
	margin-bottom:30px;
}
#c01b_fig03{
	margin:20px 0;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* c02 */
/* ----------------------------------------------------------------------------------------------------------- */
#c02{
}
#c02 h3{
	text-align:center;
	margin:0 0 30px;
}
#c02 h3 img{max-width:100%;}
#c02 h4{
	color:#f08437;
	font-size:18px;
	line-height:1.4;
	font-weight:600;
	margin:0 0 .5em;
	padding-left:1em;
	text-indent:-1em;
	line-break:strict;
	font-feature-settings:'palt';
}
#c02 h4:nth-of-type(2){margin-top:1em;}
#c02_fig01{
	margin:-10px -10px 0 10px;
}
#c02_fig02{
	margin:20px 0 30px;
}
#c02_wrap{
	align-items:center;
	gap:10px;
}
#c02_wrap p{margin:0;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c03 */
/* ----------------------------------------------------------------------------------------------------------- */
#c03{}
#c03_fig01{
	display:block;
	margin:0 auto 10px;
	max-width:100%;
}
#c03_fig02{
	display:block;
	margin:0 auto 40px;
	max-width:100%;
}
#c03_fig03{
	margin:-30px 0 0 -10px;
}
#c03_wrap .spec{
	margin:10px 0 0;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* c04 */
/* ----------------------------------------------------------------------------------------------------------- */
#c04{
	padding-bottom:0;
	margin-bottom:80px;
}


/* ----------------------------------------------------------------------------------------------------------- */
/* retina */
/* ----------------------------------------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio:2) and (min-width:641px),
(min-resolution:2dppx) and (min-width:641px) {}

/* ----------------------------------------------------------------------------------------------------------- */
/* iPad */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {}

/* ----------------------------------------------------------------------------------------------------------- */
/* iPhone */
/* ----------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:640px) {
	.flex {
		flex-wrap: wrap;
	}

	.caption,
	.spec {
		transform: scale(1);
		font-size: 9px;
		line-height: 13px;
		letter-spacing: -0.05em;
	}
	.btn_link{font-size:14px;margin:10px 0;}
	div.box{
		padding:20px 15px;
	}

	#detail #middle_cont_left {padding:10px;}
	#c00{padding:15px 10px;}
	#c00_lead{font-size:14px;line-height:1.8;}
	#c01 h4{
		font-size:20px;
		line-height:1.3;
	}
	#c01a_wrap{
		margin:0 0 20px;
	}
	#c01a img{
		max-width:100%;
	}
	#c01b_wrap{
		flex-direction:column;
		gap:20px;
	}
	#c01b_wrap img{
		max-width:100%;
	}
	#c01b_figure{
		overflow:scroll;
		margin-right:-15px;
		padding-right:15px;
	}
	
	#c02_fig01{
		margin:0 auto;
	}
	.c02_figure{
		overflow:scroll;
		margin-right:-15px;
		padding-right:15px;
	}
	
	#c03_wrap{
		align-items:center;
		flex-direction:column;
		gap:20px;
	}
	#c03_wrap div{
		width:100%;
		display:flex;
		align-items:center;
		gap:10px;
	}
	#c03_fig03{
		max-width:100%;
		margin:-20px 0 0 -40px;
	}


	.sp {
		display: revert !important;
	}

	.nosp {
		display: none !important;
	}
}

@media only screen and (max-width:320px) {
	.sp5 {
		display:inherit!important;
	}

	#detail #middle_cont_left {
		font-size: 12px;
		line-height: 1.5;
		width: 95vw;
		padding:5px;
	}
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Android4 Legacy */
/* ----------------------------------------------------------------------------------------------------------- */