@charset "UTF-8";
.left {
	float: left;
}
.right {
	float: right;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
冊子連動TOPページ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper.booklet {
	background-image: none;
}
.booklet #main {
	width: 100%;
	height: 600px;
	position: relative;
	margin-top: 0px;
	overflow: hidden;
	background: no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.booklet #main .main_pic {
	min-width: 1200px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
@media (max-width:1200px){
	.booklet #main .main_pic {
		left: calc((100vw - 1200px)/2);
	}
}
@media (max-width:980px){
	.booklet #main .main_pic {
		left: -110px;
	}
}
.booklet #main .main_pic > img {
	display: inline-block;
	font-size: 0;
	width: 100%;
	height: auto;
}
.booklet #main .title img {
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.booklet .main_text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 34px 0 44px;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: -0.09em;
	text-align: center;
}

.booklet .color_box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 37px 0 46px;
	background: #736b53;
}
.booklet .r_box {
	width: 660px;
	margin: 0 auto;
}
.booklet .l_box {
	width: 220px;
	height: 220px;
	background: #fff;
	margin-top: 6px;
}
.booklet .textarea_s + .textarea_s {
	margin-top: 39px;
}
.booklet .textarea_s .h3 {
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: inline-block;
}
.booklet .textarea_s .h3 span {
	background: #fff;
}
.booklet .textarea_s .textarea_s_text {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	margin-top: 23px;
}
.booklet .l_box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 34px 29px;
}
.booklet .l_box .department {
	font-size: 14px;
	line-height: 22px;
}
.booklet .l_box .name {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.booklet .l_box .age {
	font-size: 12px;
	font-weight: normal;
	margin-top: 4px;
}

.booklet .feature {
	margin-top: 78px;
}
.booklet .feature .list {
	margin-left: -13px;
}
.booklet .feature .list:after {
	content: "";
	display: block;
	clear: both;
}
.booklet .feature .list li {
	/*width: 308px;	*/
  float: left;
  width: 324px;
  margin-left: 13px;
  margin-bottom: 13px;
}
.booklet .feature .list li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 3px;
	padding-bottom: 3px;
	background-image: url(../images/season/booklet/shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.booklet .feature .number {
	width: 88px;
	height: 73px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.booklet .feature .number img {
	width: 100%;
	height: auto;
	font-size: 0;
}
.booklet .feature .information {
  height: 92px;
  display: block;
  padding: 10px 0px 0px 0px;
  background-position: bottom right !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  text-align: center;
}
.booklet .feature .information:after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;	
	right: 0;	
	bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.booklet .feature .thumbnail {
  height: 308px;
}
.booklet .feature .information .title {
	font-size: 20px;
	font-weight: bold;
}
.booklet .feature .information .title.mt15 {
	margin-top: 15px;
}
.booklet .feature .information .sub_title {
	font-size: 12px;
	font-weight: bold;
}
.booklet .feature .season_booklet .information {
	background: -webkit-linear-gradient(-45deg, transparent 14.07px, #736b53 14.07px);
	background: linear-gradient(-45deg, transparent 14.07px, #736b53 14.07px);
	background: -ms-linear-gradient(135deg, transparent 14.07px, #736b53 14.07px);
}
.booklet .feature .season_booklet .information.recipe {
	background: -webkit-linear-gradient(-45deg, transparent 14.07px, #FF7142 14.07px);
	background: linear-gradient(-45deg, transparent 14.07px, #FF7142 14.07px);
	background: -ms-linear-gradient(135deg, transparent 14.07px, #FF7142 14.07px);
}
.booklet .feature .season_booklet .information.producer {
	background: -webkit-linear-gradient(-45deg, transparent 14.07px, #21DB56 14.07px);
	background: linear-gradient(-45deg, transparent 14.07px, #21DB56 14.07px);
	background: -ms-linear-gradient(135deg, transparent 14.07px, #21DB56 14.07px);
}

.booklet #bottomText {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.booklet #bottomText,
.booklet #bottomText a {
	color: #736b53;
}

.booklet .ranking .titleBox {
	color: #736b53;
}


@media (max-width:750px){
	.booklet #main {
		height: 420px;
	}
	.booklet #main .main_pic {
		min-width: auto;
		width: 100%;
		height: 131.25vw;
		left: 0;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
	}
	.booklet .main_text {
		padding: 34px 0 24px;
		font-size: 16px;
		line-height: 32px;
		text-align: left;
	}
	.booklet .main_text br {
		display: none;
	}

	.booklet .color_box {
	padding: 37px 0 44px;
	}

	.booklet .r_box,
	.booklet .l_box {
		float: none;
	}
	.booklet .r_box {
		width: 100%;
	}
	.booklet .l_box {
		width: 220px;
		height: 220px;
		margin-top: 55px;
		margin-left: auto;
		margin-right: auto;
	}

	.booklet .textarea_s + .textarea_s {
		margin-top: 23px;
	}
	
	.booklet .feature .list li {
	margin-bottom: 13px;
	width: calc((100% - 26px)/2);
	}
	.booklet .feature .list li a {
		padding-right: 0;
		padding-bottom: 0;
		background-image: url(../images/season/booklet/shadow.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: cover;
	}

	.booklet .feature .thumbnail {
	height: auto !important;
	overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 1px;
	background-image: url(../images/season/booklet/shadow_sp.gif);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: cover;
	}
	.booklet .feature .information {
	padding: 10px 1px 1px 0px;
	height: 56px;
	position: relative;
	}
/*	.booklet .feature .information:before {
		content: "";
		width: 100%;	
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	background: url(../images/season/booklet/shadow_sp.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto 96px;
		position: absolute;
		right: 0;	
		bottom: 0;
	}*/
	.booklet .feature .information .title {
		font-size: 14px;
	}
	.booklet .feature .information .title.ls {
		letter-spacing: -0.1em;
	}
	.booklet .feature .information .title.mt6 {
		margin-top: 6px;	
	}
	.booklet .feature .information .sub_title {
		font-size: 10px;
	}

	.booklet .feature .information:after {
	width: 4px;
	height: 4px;
	bottom: 6px;
	}
	.booklet .feature .season_booklet .information{
/*		background: -webkit-linear-gradient(-45deg, transparent 7.07px, #736b53 7.07px);
	background: linear-gradient(-45deg, transparent 7.07px, #736b53 7.07px);
	background: -ms-linear-gradient(135deg, transparent 7.07px, #736b53 7.07px);*/
		background: url(../images/season/booklet/shadow01.png), url(../images/season/booklet/shadow02.png);
	background-size: calc(100% - 66px) 56px, 68px auto !important;
	background-position: bottom left, bottom right !important;
	background-repeat: no-repeat !important;
	}
	.booklet .feature .season_booklet .information.recipe {
		background: url(../images/season/booklet/shadow01_recipe.png), url(../images/season/booklet/shadow02_recipe.png);
		background-size: calc(100% - 66px) 56px, 68px auto !important;
		background-position: bottom left, bottom right !important;
		background-repeat: no-repeat !important;
	}
	.booklet .feature .season_booklet .information.producer {
		background: url(../images/season/booklet/shadow01_producer.png), url(../images/season/booklet/shadow02_producer.png);
		background-size: calc(100% - 66px) 56px, 68px auto !important;
		background-position: bottom left, bottom right !important;
		background-repeat: no-repeat !important;
		padding-top: 0;
	}
	.booklet .feature .season_booklet .information.producer .title {
		line-height: 16px;
	}
}

@media (max-width:320px){
	.booklet #main .main_pic {
		height: 100%;
	}
	.booklet #main .main_pic img {
		height: 100%;
		width: auto;
	}
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
北海道の旬野菜
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper.vegetables #interview {
	margin-bottom: 100px;
}
#wrapper.vegetables {
	background: #434344;
}

.vegetables #mainVis {
	position: relative;
}
.vegetables #slide .slide {
	background: no-repeat center top;
}
.vegetables #mainVis #mainInfo {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: -0.15em;
}
.vegetables #mainVis #mainInfo dt {
	line-height: 0;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.vegetables #mainVis #mainInfo dt.border img {
	border: 3px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.vegetables #mainVis #mainInfo img {
	height: auto;
	max-width: 100%;
	filter: drop-shadow(0 0 3px rgba(0,0,0,1));
}

.vegetables .ranking .titleBox {
	color: #cdc03f;
}

@media (min-width:751px), print{
	#wrapper.vegetables #interview {
		margin-bottom: 62px;
	}
	.vegetables #slide .slide {
		height: 800px;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}
	.vegetables #slide .slick-dots {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.vegetables #mainVis #mainInfo {
		top: 206px;
		left: 0;
		right: 0;
		width: 240px;
		margin: 0 auto;
		position: absolute;
	}
	.vegetables #mainVis #mainInfo dt {
		margin-bottom: 40px;
	}
	.vegetables #mainVis #mainInfo dd {
		text-shadow: 0 0 10px rgba(0,0,0,1);
	}
}

@media (max-width:750px){
	.vegetables #slide .slide {
		height: 500px;
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-webkit-background-size: auto 100%;
	}
	.vegetables #mainVis #mainInfo dt {
		width: 134px;
		top: 178px;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
	}
	.vegetables #mainVis #mainInfo dd {
		padding: 9px 20px 21px;
	}
}

.vegetables #theme {
	background: #fff;
	text-align: center;
	letter-spacing: 0;
}
.vegetables #theme dl {
	font-size: 16px;
	text-align: center;
}
.vegetables #theme dt {
	letter-spacing: .15em;
	display: inline-block;
	border-bottom: 1px solid #000;
}
.vegetables #theme dt:before {
	content: "［ ";
	display: inline;
}
.vegetables #theme dt:after {
	content: " ］";
	display: inline;
}
.vegetables #theme dd {
	font-size: 30px;
	font-weight: medium;
	letter-spacing: -0.05em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.vegetables #theme img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.vegetables #info {
	color: #b7b9bb;
	max-width: 600px;
	line-height: 30px;
	margin: 25px auto 82px;
}
.vegetables #info a {
	color: inherit;
	text-decoration: underline;
}

@media (min-width:751px), print{
	.vegetables #theme {
		font-size: 0;
		width: 600px;
		height: 300px;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 65px;
	}
	.vegetables #theme > * {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}
	.vegetables #theme dt {
		margin-bottom: 30px;
		padding-bottom: 17px;
	}
}

@media (max-width:750px){
	.vegetables #theme {
		margin: 0 20px 23px;
	}
	.vegetables #theme dt {
		margin-bottom: 27px;
		padding-bottom: 14px;
	}
	.vegetables #theme dl {
		padding: 39px 0 37px;
	}
	.vegetables #info {
		padding: 0 20px;
		margin-bottom: 30px;
	}
}


.vegetables #interview .box {
	color: #fff;
	font-size: 16px;
	line-height: 2;
}
.vegetables #interview * + .box {
	margin-top: 4em;
}
.vegetables #interview .box img {
	height: auto;
	max-width: 100%;
}
.vegetables #interview .text {
	margin: 0 auto;
	max-width: 600px;
}
.vegetables #interview .text .title {
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 0.3em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.vegetables #interview .text p img {
	margin: 25px 0 20px;
}
.vegetables #interview .text a {
	color: inherit;
	text-decoration: underline;
}
.vegetables #interview .img {
	line-height: 0;
	text-align: center;
}
.vegetables #interview .links {
	color: #cabc00;
	font-size: 16px;
	line-height: 32px;
	max-width: 600px;
	margin: 40px auto 52px;
}
.vegetables #interview .links a {
	color: #cabc00;
	text-decoration: underline;
}
.vegetables #interview .links li:before {
	content: "＞ ";
	display: inline;
}

@media (min-width:751px), print{
	.vegetables #interview h1 {
		line-height: 0;
		text-align: center;
		padding: 35px 0 40px;
	}
	.vegetables #interview .box + .box {
		margin-top: 68px;
	}
	.vegetables #interview .text .horizontal:after {
		content: "";
		display: block;
		clear: both;
	}
	.vegetables #interview .text .horizontal > * {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.vegetables #interview .text .horizontal > *:nth-child(1) {
		float: right;
		padding-left: 10px;
	}
	.vegetables #interview .text .horizontal > *:nth-child(2) {
		float: left;
		padding-right: 10px;
	}
	.vegetables #interview .text .horizontal > *:nth-child(2) img {
		margin: 8px 0;
	}
	.vegetables #interview .img {
		margin-bottom: 64px;
	}
}

@media (max-width:750px){
	.vegetables #interview h1 {
		display: none;
	}
	.vegetables #interview .img {
		margin-bottom: 40px;
	}
	.vegetables #interview .text .title {
		font-size: 24px;
		line-height: 42px;
		margin-bottom: 28px;
	}
	.vegetables #interview .links {
		margin: 32px auto 38px;
	}
}

.vegetables #series {
	color: #fff;
	margin: 0 auto;
	max-width: 600px;
	border-top: 1px solid #fff;
}
.vegetables .box + #series {
	margin-top: 52px;
}
.vegetables #series dt {
	color: #cabc00;
	font-weight: bold;
	text-align: center;
	font-feature-settings: "palt";
}
.vegetables #series dt * {
	display: block;
}
.vegetables #series dd {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.2em;
	font-feature-settings: "palt";
}
.vegetables #series img {
	height: auto;
	max-width: 100%;
}
@media (min-width:751px), print{
	.vegetables #series dt {
		font-size: 26px;
		line-height: 42px;
		margin: 46px 0 17px;
		letter-spacing: 0.25em;
	}
	.vegetables #series dt small {
		font-size: 20px;
		letter-spacing: 0.3em;
	}
	.vegetables #series dt .sub {
		font-size: 18px;
		margin-top: 3px;
		letter-spacing: 0.3em;
	}
	.vegetables #series .column2:after {
		content: "";
		display: block;
		clear: both;
	}
	.vegetables #series .column2 > * {
		width: 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.vegetables #series .column2 > *:first-child {
		padding-right: 10px;
	}
	.vegetables #series .column2 > *:last-child {
		padding-left: 10px;
	}
}
@media (max-width:750px){
	.vegetables .box + #series {
		margin-top: 38px;
	}
	.vegetables #series dt {
		font-size: 20px;
		letter-spacing: 0.2em;
		margin: 44px 0 18px;
	}
	.vegetables #series dt small {
		font-size: 12px;
		margin-bottom: 6px;
	}
	.vegetables #series dt .sub {
		font-size: 16px;
		margin-top: 13px;
	}
	.vegetables #series .column2 > * + * {
		margin-top: 13px;
	}
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
冊子連動 下層
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu #content nav {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: -90px;
	z-index: 0;
}
.menu #content nav div a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	background: #736B53;
	position: relative;
	min-width: 220px;
	/*max-width: 350px;*/
	min-height: 40px;
	line-height: 40px;
	padding: 10px 25px;
	box-sizing: border-box;
}
.menu #content nav div a span {
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	max-width: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.menu #content nav div a:after {
	content: "";
	width: 21px;
	height: 21px;
	background: url(../images/season//booklet/menu/nav_icon.gif) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.menu #content nav div a img {
	width: 100%;
	height: auto;
}
.menu #content nav .left {
	float: left;
}
.menu #content nav .right {
	float: right;
}
.menu #content .menu-return {
	width: 120px;
	position: relative;
	text-align: center;
	margin: 46px auto 0;
	z-index: 1;
}
.menu #content .menu-return a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 120px;
	height: 120px;
	padding-top: 33px;
	border-radius: 50%;
	border: 2px solid #736B53;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	position: relative;
	line-height: 18px;
	background: #736B53;
	color: #fff;
}
.menu #content .menu-return a:after {
	content: "";
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu #content .subt {
	font-size: 24px;	
	font-weight: bold;
	text-align: center;
}
.menu #content h1 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 42px;
}
.menu #content .main-img img {
	width: 100%;
	height: auto;
}
.menu #content #mainText {
	font-size: 16px;
	line-height: 32px;
	margin-top: 25px;
}
.main-detail {
	margin-top: -17px;
}
.main-detail.nonav {
	margin-top: 50px;
}
.menu #content .menu-detail h2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 42px;
	clear: both;
}
.menu #content .menu-detail * + h2 {
	padding-top: 100px;
}
.menu #content .menu-detail {
	overflow: hidden;
	margin-top: 68px;
}
.menu #content .menu-detail .contWrap {
	overflow: hidden;
}
.menu #content .menu-detail .contWrap + .contWrap {
	padding-top: 80px;
}
.menu #content .menu-detail .det-cont01 {
	float: left;
	width: 540px;
	font-size: 16px;
	line-height: 32px;
	clear: both;
}
.menu #content .menu-detail .noImg .det-cont01 {
	width: auto;
	float: none;
}
.menu #content .menu-detail .det-cont02 {
	float: right;
	width: 415px;
}
.menu #content .menu-detail .det-cont02 ~ .det-cont01,
.menu #content .menu-detail .det-cont02 ~ .det-cont02 {
	padding-top: 80px;
}
.menu #content .menu-detail .det-cont02-txt {
	font-size: 14px;
	line-height: 24px;
	color: #8E9093;
	margin-top: 11px;
}
.menu #content .menu-detail .det-cont02 li + li {
	margin-top: 10px;
}
.menu #content .menu-detail .det-cont02 li img {
	width: 100%;
	height: auto;
}
.menu #content .special-recipe {
	margin-top: 50px;
}
.menu #content .special-recipe h3 {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 39px;
}
.menu #content .special-img img {
	width: 100%;
	height: auto;
}
.menu #content .special-cont {
	overflow: hidden;
	margin-bottom: 80px;
}
.menu #content .special-img {
	float: left;
	width: 500px;
}
.menu #content .special-cont-detail {
	float: right;
	width: 430px;
	padding: 28px;
	background: #ECECED;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.menu #content .special-cont-detail .material-tit,
.menu #content .special-cont-detail .make-tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #000;
}
.menu #content .special-cont-detail .material-tit span {
	font-weight: normal;
}
.menu #content .special-cont-detail .material-tit-detail + table th {
	padding-left: 1em;
}
.menu #content .special-cont-detail .material-tit-detail {
	color: #000;
	line-height: 32px;
}
.menu #content .special-cont-detail .material-notes-detail {
	color: #58595B;
	line-height: 32px;
}
.menu #content .special-cont-detail{
	font-size: 18px;
}
.menu #content .special-cont-detail table {
	width: 100%;
	font-size: 16px;
}
.menu #content .special-cont-detail table tr {
	line-height: 32px;
}
.menu #content .special-cont-detail table td {
	color: #58595B;
	text-align: right;
}
.menu #content .special-cont-detail .material + .make {
	margin-top: 28px;
	font-size: 16px;
	color: #58595B;
}
.menu #content .special-cont-detail .make li,
.menu #content .special-cont-detail .make .point {
	line-height: 32px;
}
.menu #content .special-cont-detail .make .point span {
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #000;
	letter-spacing: 0px;
}
.menu #content .special-cont-detail .make .point {
	margin-top: 25px;
	letter-spacing: -1px;
}
.menu #content .special-cont-detail .make li {
	padding: 0px 0px 0px 23px;
	position: relative;
	letter-spacing: -1px;
}
.menu #content .special-cont-detail .make li span {
	top: 0;
	left: 0;
	color: #000;
	position: absolute;
}
@media (min-width:751px), print{
	/*.menu h1 br,*/
/*	.menu .menu-detail h2 br { display: none; }*/
}
@media (max-width:750px){ 
	.menu #content .menu-return a {
		width: 96px;
		height: 96px;
		padding-top: 33px;
		font-size: 13px;
		line-height: 14px;
	}
	.menu #content .menu-return {
		margin: 25px auto;
	}
	.menu #content nav {
		width: auto;
		top: 0;
		margin: 0 20px;
	}
	.menu #content nav div {
		width: 46.5%;
	}
	.menu #content nav div a {
		font-size: 10px;
		min-width: auto;
		max-width: 100%;
		min-height: auto;
		padding: 10px 15px;
		line-height: inherit;
	}
	.menu #content nav div a:after {
		width: 12px;
		height: 12px;
	}
	.menu #content nav div a span {
		width: 79px;
		line-height: 13px;
	}
	.menu #content .menu-return a:after {
		width: 9px;
		height: 9px;
		bottom: 19px;
	}
	.menu #content h1 {
		font-size: 22px;
		margin-bottom: 32px;
		line-height: 36px;
	}
	.menu #content .main-detail {
		margin-top: 30px;
	}
	.menu #content .menu-detail h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.menu #content .menu-detail * + h2 {
		padding-top: 45px;
	}
	.menu #content .menu-detail {
		margin-top: 33px;
	}
	.menu #content .menu-detail .contWrap + .contWrap {
		padding-top: 30px;
	}
	.menu #content .menu-detail .det-cont01 {
		width: auto;
		float: none;
	}
	.menu #content .menu-detail .det-cont02 {
		float: none;
		width: auto;
		margin-top: 27px;
	}
	.menu #content .menu-detail .det-cont02 ~ .det-cont01,
	.menu #content .menu-detail .det-cont02 ~ .det-cont02 {
		padding-top: 0 !important;
	}
	.menu #content .menu-detail .det-cont02 li + li {
		margin-top: 30px;
	}
	.menu #content aside {
		margin-top: 50px;
	}
	.menu #content .special-recipe h3 {
		margin-bottom: 29px;
	}
	.menu #content .special-recipe {
		margin-top: 50px;
		padding: 0;
	}
	.menu #content .special-cont {
		margin-bottom: 0px;
	}
	.menu #content .special-img {
		float: none;
		width: auto;
		background: #ECECED;
		padding: 28px 20px 0;
	}
	.menu #content .special-cont-detail {
		float: none;
		width: auto;
		padding: 22px 20px 28px;
	}
	.menu #content .special-cont-detail .material-tit span {
		vertical-align: top;
		display: inline-block;
	}
	.menu #content .special-cont-detail .make li {
		letter-spacing: -1.5px;
	}
}

/* 190326追加 - */
#mfr {
	padding: 0;
	margin-top: 60px;
	overflow: hidden;
	background: #e6e9ea;
}
#mfr figure {
	float: left;
	line-height: 0;
	margin-right: 25px;
}
#mfr figure img {
	width: 230px;
}
#mfr dl{
	line-height: 30px;
	padding: 15px 25px 10px;
}
#mfr dt {
	font-size: 15px;
	font-weight: bold;
}
#mfr dt span {
	font-size: 14px;
	padding-left: 1em;
	font-weight: normal;
	display: inline-block;
}
#mfr dd {
	font-size: 14px;
	margin-top: 15px;
}
@media (max-width:750px){
	#mfr {
		margin-top: 40px;
	}
	#mfr figure {
		padding: 20px;
		margin-right: 0;
	}
	#mfr figure img {
		width: 100%;
	}
	#mfr dl {
		padding-bottom: 20px;
	}
	#mfr dt span {
		display: block;
		padding-left: 0;
	}
}
/* - 190326追加 */