@charset 'UTF-8';

#detail #middle_cont_left {
	color: #232323;
	font-size: 13px;
	line-height: 21px;
	padding: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'Noto Sans', '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: #ecd9c7 url('images/bg@2x.jpg') center 90px repeat-y;
	background-size:contain;
}

#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.05em;
}
.spec strong {display: block;}
.sp {display: none;}
.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;}
#detail #middle_cont_left sup {font-size: 50%;top: -0.6em;line-height: 1;}
#detail #middle_cont_left em {color: #ef857d;font-style: normal;}
#detail #middle_cont_left em.purple {color: #a660a3;}
#detail #middle_cont_left em.brown {color: #954d2a;}
#detail #middle_cont_left em.yellow {color: #fff67f;}

.serif{
	font-family:'Hiragino Mincho Pro','ヒラギノ明朝','Noto serif','Yu Mincho','MS Mincho',serif;
	font-weight:bold;
	font-feature-settings:'palt';
}

h3{
	margin: 0 0 1em;
}

.point{
	background:#e3eff6;
	justify-content:flex-start;
	align-items:center;
	padding:0;
}
.point h4{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#a1c5d8;
	height:auto;
	margin:0!important;
	padding:10px;
	flex-shrink:0;
}
.point p{
	font-size:14px;line-height:1.3;margin:0;padding:0 1em;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* c00 */
/* ----------------------------------------------------------------------------------------------------------- */
#c00 {
	background:#fff;
	padding: 30px;
}

#c00 p.lead {
	font-size: 16px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	line-break: strict;
	margin: 0 0 36px;
}

#c00a{justify-content:center;font-size:12px;}
#c00a h4{color:#d4975c;font-size:16px;margin:0 0 0.5em;}
#c00a h4:last-of-type{margin-top:1em;}
#c00a h4 small{color:inherit;font-size:90%;font-weight:inherit;}
#c00a div:first-of-type{text-align:center;flex-shrink:0;}
#c00a div:first-of-type img{margin-bottom:10px;}
#c00a div:last-of-type{border-left:4px solid #d4975c;padding-left:30px;margin-left:30px;}
#c00a div:last-of-type p strong{display:block;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c01 */
/* ----------------------------------------------------------------------------------------------------------- */
#c01 {padding:30px;}
#c01 h3{width:320px;text-align:center;padding-bottom:20px;margin:0 auto 24px;border-bottom:2px solid #c7aa6a;}
#c01>p{text-align:center;margin:0 0 40px;}
#c01a{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:30px;}
#c01a div{background:#d4975c;padding:10px 20px;display:flex;align-items:center;color:#fff;}
#c01a div h4{margin:0 20px 0 0;padding:0 10px;flex-shrink:0;}
#c01a div p{line-height:1.5;margin:0;}
#c01a img{display:block;margin:30px auto;}
#c01b{background:#f5f2e9;padding:20px;}
#c01b>div:not(:last-of-type){margin-bottom:20px;}
#c01b .white{background:#fff;padding:10px;margin-left:15px;min-width:350px;}
#c01b .white p{margin:0;line-height:1;}
#c01b ul{margin:0 0 0 1em;padding:0;font-size:12px;line-height:1.3;}
#c01b ul li:not(:last-of-type){margin-bottom:0.5em;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c02 */
/* ----------------------------------------------------------------------------------------------------------- */
#c02{padding:30px;}
#c02 h3{text-align:center;margin-bottom:30px;}
#c02a{margin-bottom:30px;}
#c02a p{text-align:justify;margin-right:30px;}
#c02b{background:#f5f2e9;padding:15px 20px;margin:0 0 15px;}
#c02b img{margin-top:-25px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c03 */
/* ----------------------------------------------------------------------------------------------------------- */
#c03{padding:30px;margin-bottom:40px;}
#c03 h3{text-align:center;margin-bottom:40px;}
#c03 h4{text-align:center;margin-bottom:30px;}
#c03 h5{font-size:24px;line-height:1;color:#b39354;margin:0 0 20px;text-align:center;}
#c03_fig01{display:block;margin:20px auto 15px;}
#c03a{margin-bottom:40px;}
#c03b h5:last-of-type{margin-top:30px;}
#c03b_fig01{display:flex;margin:20px auto 15px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c04 */
/* ----------------------------------------------------------------------------------------------------------- */
#c04{background:rgba(255,255,255,.8);padding:30px;margin:0 30px 60px;}
#c04 h3{text-align:center;}
#c04a{
	text-align:center;
	background:#fff;
	border:1px solid #365685;
	border-radius:10px;
	padding:15px 0;
	margin-bottom:30px;
}
#c04 .caption{margin:0;line-height:1;}
#c04a h4{color:#365685;margin:-25px auto 10px;background:#fff;width:13em;}
#c04b{align-items:stretch;margin-bottom:20px;}
#c04c{align-items:stretch;margin-bottom:0;}
#c04b h4,#c04c h4{
	position:relative;
	font-size:15px;
	line-height:1.3;
	text-align:center;
	font-weight:500;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#365685;
	writing-mode:tb-rl;//IE
	writing-mode:vertical-rl;
	text-orientation:upright;
	background:#e3eff6;
	width:65px;
	border:1px solid #365685;
	flex-shrink:0;
	margin:0 36px 1em 0;
}
#c04b h4:after,
#c04c h4:after{
	position:absolute;
	right:-10px;
	top:calc(50% - 10px);
	content:'';
	width:0;
	height:0;
	border:10px solid #365685;
	border-left-color:transparent;
	border-bottom-color:transparent;
	transform:rotate(45deg);
}
#c04 h5{
	font-size:13px;
	line-height:1.4;
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 1em;
	line-break:strict;
}
#c04 .beige{
	background:#f5f2e9;
	padding:10px;
	margin-bottom:10px;
}
#c04_fig02{margin-right:-45px;}
#c04_fig03{margin:0 -20px 0 0;}
#c04c h5{width:160px;margin-right:25px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* c05 */
/* ----------------------------------------------------------------------------------------------------------- */
#c05{background:rgba(245, 242, 233, 0.85);padding:20px;margin:0 30px;}
#c05 h3{
	font-size:18px;
	font-weight:500;
	line-height:1.5;
	border-left:7px solid #c7aa6a;
	padding:2px 10px;
	font-feature-settings:'palt';
	margin:0 0 20px;
}
#c05 h3 span{
	display:block;
	font-size:15px;
	font-weight:normal;
}
#c05a{margin-bottom:40px;}
#c05a div{
	line-height:1.4;
}
#c05a strong{color:#c7aa6a;font-weight:500;}
#c05a .exlarge{font-size:30px;border-bottom:1px dotted #c7aa6a;}
#c05a .large{font-size:20px;margin-left:1.5em;}
#c05a_balloon{position:absolute;left:-35px;top:-65px;}
#c05a p{position:relative;margin:20px 10px 0 0;}
#c05a p strong{color:inherit;}
#c05a_fig01{margin-top:10px;flex-shrink:0;}
#c05b{margin-bottom:20px;}
#c05b h4{text-align:center;margin:0 0 1em;}
#c05b ul{margin:0;padding:0;align-items:stretch;}
#c05b ul li{
	justify-content:space-around;
	font-feature-settings:'palt';
	text-align:center;
	width:49%;
	position:relative;
	background:#fff;
	border-radius:10px;
	padding:20px 10px 20px 15px;
	margin-bottom:10px;
}
#c05b ul li h6{margin:0 0 0.5em;}
#c05b ul li p:last-of-type{line-height:1.5;margin:0;}
#c05b ul li .small{font-size:11px;line-height:1.5;}
#c05b_scale{position:absolute;left:24px;bottom:-10px;}
#c05b_balloon{position:absolute;right:-30px;bottom:-20px;}
#c05c{}
#c05c .blue{
	font-weight:500;
	text-align:center;
	padding:10px;
	background:#e3e7ea;
	margin-right:20px;
	margin-bottom:10px;
}
#c05c .blue p:last-child{margin:0;}
#c05c_fig01{}
#c05c_fig02{margin:-20px 0 20px;}
/* ----------------------------------------------------------------------------------------------------------- */
/* 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;}
	#detail #middle_cont_left {padding: 0;}
	#c00 {padding: 20px 15px;text-align:justify;}
	#c00 p.lead {font-size: 14px;line-height: 22px;margin:0 0 20px;}
	#c00a{flex-wrap:wrap;}
	#c00a div:last-of-type{border-left:none;margin:10px 0 0;padding:0;}
	#c00a img{max-width:100%;}
	.serif{line-break:strict;}
	.point{flex-wrap:nowrap;align-items:stretch;padding:0;}
	.point p{font-size:13px;line-height:1.5;text-align:justify;padding:10px;}

	#c01{padding:30px 15px;}
	#c01 h3{width:100%;}
	#c01 h3 img{max-width:100%;}
	#c01>p{text-align:justify;margin-bottom:2em;}
	#c01a{border-radius:10px;}
	#c01a div{padding:10px;}
	#c01a div h4{padding:0;margin:0 0 10px;}
	#c01a div p{text-align:justify;}
	#c01a img{max-width:calc(100% - 20px);margin:10px;}
	#c01b {padding:10px;}
	#c01b h4{font-size:16px;margin:0 0 0.5em;}
	#c01b .white{margin:0 -10px;width:calc(100% + 20px);min-width:0;}
	#c01b .white img{max-width:100%;}
	#c01b .white p{line-height:1.5;}
	#c01b ul{margin:0 0 1em 1em;}

	#c02{padding:0 15px 30px;}
	#c02 h3 img{max-width:100%;}
	#c02a p{margin:0 0 20px;}
	#c02a img{width:100%;}
	#c02b{margin:0 0 20px;padding:10px;}
	#c02b img{margin:5px auto;max-width:100%;}

	#c03{padding:30px 15px;margin:0;}
	#c03 h3{margin-bottom:20px;}
	#c03 h3 img{max-width:100%;}
	#c03 h4{margin-bottom:20px;}
	#c03 h4 img{max-width:100%;}
	#c03 h5{font-size:18px;line-height:1.3;margin-bottom:0.5em;}
	#c03_fig01,#c03b_fig01{max-width:100%;}
	
	#c04{margin:0 0 30px;padding:15px;}
	#c04 h3 img{max-width:100%;}
	#c04a{padding:10px;}
	#c04a h4{font-size:16px;margin:0 0 0.5em;width:auto;}
	#c04a p{text-align:justify;}
	#c04a img{max-width:100%;}
	#c04b h4,#c04c h4{
		writing-mode:horizontal-tb;
		width:100%;
		padding:10px;
	}
	#c04b h4:after,
	#c04c h4:after{
		left:calc(50% - 10px);
		top:auto;
		bottom:-10px;
		transform:rotate(135deg);
	}
	#c04 .beige{width:100%;}
	#c04_fig01{max-width:100%;}
	#c04_fig02{max-width:100%;}
	#c04_fig03{max-width:100%;}
	#c04c h5{width:100%;margin:0 0 1em;}

	#c05{margin:0;padding:15px;}
	#c05 h3{font-size:16px;border-left-width:4px;}
	#c05 h3 span{font-size:12px;}
	#c05a{text-align:center;}
	#c05a_fig01{max-width:100%;margin:10px auto;}
	#c05a_balloon{left:-15px;top:-60px;}
	#c05b ul li{width:100%;}
	#c05b_balloon{right:-14px;}
	#c05c>div:first-of-type{order:2;}
	#c05c>div:last-of-type{order:1;text-align:center;}
	#c05c .blue{margin-right:0;}
	#c05c img{max-width:100%;}
	.sp {display: inherit;}
	.nosp {display: none !important;}
}

@media only screen and (max-width:320px) {
	#detail #middle_cont_left {
		font-size: 12px;
		line-height: 1.5;
	}
}

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