.magazine_preview_body {padding-top:52px;}
.magazine_preview_bar {position:fixed; left:0; top:0; right:0; z-index:10000; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; min-height:52px; padding:10px 24px; background:rgba(0,0,0,0.8); color:#fff;}
.magazine_preview_bar p {margin:0; font-size:14px; line-height:1.5; color:#fff;}
.magazine_preview_bar strong {font-weight:700; color:#fff;}
.magazine_preview_bar button {width:auto; height:auto; padding:0; border:0; background:transparent; color:#fff; font-size:20px; line-height:1; text-align:center; cursor:pointer;}

h1, h2, h3 {
	font-weight: 700;
}
h1 b, h2 b, h3 b {
	font-weight: unset;
}

.magazineView .magazine_head {
	max-width: 1180px;
	margin: 60px auto;
	text-align: center;
}
.magazineView .magazine_head h2 {
	max-width: 900px;
	margin: 0 auto 22px;
	font-size: 32px;
	line-height: 1.34;
	color: #111;
	font-weight: 700;
	letter-spacing: 0;
}
.magazineView .magazine_head .date {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #999;
}
.magazineView .magazine_cover {
	max-width: 1180px;
	margin: 0 auto 80px;
}
.magazineView .magazine_cover img {
	display: block;
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.magazineView .magazine_cover.placeholder {
	height: 430px;
	background: repeating-linear-gradient(45deg, #f4f4f4, #f4f4f4 2px, #e7e7e7 2px, #e7e7e7 4px);
}
.magazineView .magazine_article {
	max-width: 1180px;
	margin: 0 auto;
}
.magazineView .magazine_block {
	position: relative;
	margin: 0 0 100px;
}
.magazineView .magazine_block.magazine_faq {
	margin-bottom: 20px;
}
.magazineView .magazine_editor {
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: -0.6px;
	color: #333;
}
.magazineView .magazine_editor h1 {
	font-size: 35px;
	line-height: 1.35;
	letter-spacing: -0.6px;
	margin: 0 0 30px;
	color: #111;
	font-weight: 700;
}
.magazineView .magazine_editor h2 {
	font-size: 30px;
	line-height: 1.45;
	margin: 40px 0 20px;
	color: #222;
	font-weight: 700;
}
.magazineView .magazine_editor h3 {
	font-size: 24px;
	line-height: 1.45;
	margin: 30px 0 15px;
	color: #333;
	font-weight: 700;
}
.magazineView .magazine_editor p {
	margin: 0 0 20px;
}
.magazineView .magazine_editor a{
	text-decoration:underline;
}
.magazineView .magazine_editor table {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	font-size: 18px;
	line-height: 1.6;
	border-top: 2px solid #333;
}
.magazineView .magazine_editor table.has_head_row tr:first-child > * {
	background: #f4f4f4;
	font-weight: 600;
}
.magazineView .magazine_editor table.has_head_col tr > *:first-child {
	background: #f4f4f4;
	font-weight: 600;
}
.magazineView .magazine_editor th,
.magazineView .magazine_editor td {
	border: 1px solid #e1e1e1;
	padding: 14px 16px;
	vertical-align: top;
}
.magazineView .magazine_editor th {
	background: #f4f4f4;
	font-weight: 600;
}
.magazineView .magazine_editor hr {
	display: block;
	border: 0;
	margin: 42px 0;
}
.magazineView .magazine_editor hr.editor_line_light {
	width: 100%;
	height: 1px;
	background: #eee;
}
.magazineView .magazine_editor hr.editor_line_strong {
	width: 100%;
	height: 0;
	border-top: 1px dotted #999;
	background: none;
}
.magazineView .magazine_editor .editor_image_block {
	margin: 30px 0;
}
.magazineView .magazine_editor .editor_image_wrap {
	display: inline-block;
	position: relative;
	max-width: 100%;
	line-height: 0;
	vertical-align: top;
}
.magazineView .magazine_editor .editor_image_wrap img {
	display: block;
	max-width: none;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.magazineView .magazine_image figure {
	margin: 0;
}
.magazineView .magazine_image img {
	display: block;
	width: auto;
	max-width: 1180px;
}
.magazineView .magazine_section_title {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 0 32px;
	border: 1px solid #333;
	background: #333;
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1.2;
	letter-spacing: 0;
	font-weight: 700;
}
.magazineView .magazine_faq .faq_item {
	padding: 32px 0;
}
.magazineView .magazine_faq .faq_item + .faq_item {
	border-top: 1px solid #ddd;
}
.magazineView .magazine_faq .faq_item:first-of-type {
	padding-top: 0;
}
.magazineView .magazine_faq h2 {
	font-size: 24px;
	line-height: 1.45;
	letter-spacing: -0.6px;
	color: #333;
}
.magazineView .magazine_faq .answer {
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: -0.6px;
	color: #444;
	white-space: pre-line;
}
.magazineView .recipe_title h2 {
	font-size: 36px;
	line-height: 1.35;
	letter-spacing: -0.6px;
	color: #222;
	margin: 0 0 30px;
}
.magazineView .recipe_main_img {
	margin: 0 0 40px;
}
.magazineView .recipe_main_img img {
	display: block;
	width: 100%;
}
.magazineView .recipe_meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 14px 40px;
	padding: 24px 0;
	margin: 24px 0;
	border-top: 2px solid #333;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	line-height: 1.6;
}
.magazineView .recipe_meta dt {
	display: inline;
	font-weight: 700;
	color: #333;
	margin-right: 18px;
}
.magazineView .recipe_meta dd {
	display: inline;
	margin: 0;
}
.magazineView .recipe_ingredient {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: -0.6px;
	margin: 0 0 24px;
}
.magazineView .recipe_ingredient strong {
	font-weight: 700;
	margin-right: 18px;
}
.magazineView .recipe_steps {
	padding-top: 40px;
	border-top: 1px solid #bdbdbd;
}
.magazineView .recipe_step {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.82fr);
	gap: 38px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	margin: 0 0 60px;
}
.magazineView .recipe_step.no_image {
	display: block;
}
.magazineView .recipe_step.no_image h3 {
	margin: 0 0 12px;
}
.magazineView .recipe_step .step_img {
	max-width: 600px;
	height: 380px;
	overflow: hidden;
}
.magazineView .recipe_step .step_img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.magazineView .recipe_step h3 {
	font-size: 22px;
	line-height: 1.4;
	margin: 12px;
	color: #333;
	font-weight: 600;
}
.magazineView .recipe_step p {
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: -0.6px;
	margin: 0;
	color: #444;
	white-space: pre-line;
}
.magazineView .recipe_tip {
	margin: 60px 0 0;
	padding: 30px;
	border-left: 5px solid #008bd2;
	background: #f7fbfd;
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: -0.6px;
	color: #444;
}
.magazineView .recipe_tip h2 {
	font-size: 22px;
	line-height: 1.4;
	margin: 0 0 10px;
	color: #111;
	font-weight: 700;
}
.magazineView .magazine_product {
	margin: 30px auto 80px;
	text-align: center;
}
.magazineView .magazine_product a {
	display: inline-block;
	min-width: 420px;
	padding: 22px 34px;
	background: #333;
	color: #fff;
	font-size: 22px;
	line-height: 1.35;
	font-weight: 600;
}
.magazineView .magazine_btns {
	max-width: 1180px;
	margin: 0 auto 100px;
	padding: 0 20px;
	text-align: right;
}
.magazineView .magazine_btns .btn_list {
	display: inline-block;
	min-width: 120px;
	padding: 18px 28px;
	background: #008bd2;
	color: #fff;
	font-size: 16px;
	line-height: 1.35;
	text-align: center;
}
.magazineView .not_found {
	max-width: 1180px;
	margin: 0 auto;
	padding: 90px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	.magazineView .magazine_head {
		padding: 0 3.90625vw;
		margin: 7.8125vw auto;
	}
	.magazineView .magazine_head h2 {
		font-size: 6.25vw;
		margin-bottom: 4.1666666667vw;
	}
	.magazineView .magazine_head .date {
		font-size: 3.6458333333vw;
		text-align: center;
	}
	.magazineView .magazine_cover {
		margin-bottom: 10.4166666667vw;
	}
	.magazineView .magazine_cover.placeholder {
		height: auto;
		aspect-ratio: 380/194;
	}
	.magazineView .magazine_article {
		padding: 0 3.90625vw;
	}
	.magazineView .magazine_block {
		margin-bottom: 13.0208333333vw;
	}
	.magazineView .magazine_block.magazine_faq {
		margin-bottom: 2vw;
	}
	.magazineView .magazine_image img {
		width: 100%;
	}
	.magazineView .magazine_editor {
		font-size: 3.90625vw;
		line-height: 1.75;
		letter-spacing: -0.6px;
	}
	.magazineView .magazine_editor h1 {
		font-size: 6.25vw;
		margin: 0 0 3.90625vw;
	}
	.magazineView .magazine_editor h2 {
		font-size: 5.7291666667vw;
		margin: 5.2083333333vw 0 2.6041666667vw;
	}
	.magazineView .magazine_editor h3 {
		font-size: 4.6875vw;
		margin: 3.90625vw 0 1.953125vw;
	}
	.magazineView .magazine_editor table {
		font-size: 3.90625vw;
		display: block;
		overflow-x: auto;
	}
	.magazineView .magazine_editor p {
		margin: 0 0 2.6041666667vw;
	}
	.magazineView .magazine_section_title {
		font-size: 4.1666666667vw !important;
		margin-bottom: 2.6041666667vw;
		min-height: 9.375vw;
		padding: 0 5.2083333333vw;
	}
	.magazineView .magazine_faq h2 {
		font-size: 4.6875vw;
		margin-bottom: 2.6041666667vw;
	}
	.magazineView .magazine_faq .answer {
		font-size: 4.1666666667vw;
	}
	.magazineView .recipe_title h2 {
		font-size: 5.7291666667vw;
		margin-bottom: 3.90625vw;
	}
	.magazineView .recipe_main_img {
		margin: 0 0 5.2083333333vw;
	}
	.magazineView .recipe_ingredient,
	.magazineView .recipe_meta,
	.magazineView .recipe_tip {
		font-size: 3.90625vw;
	}
	.magazineView .recipe_tip {
		font-size: 3.90625vw;
		padding: 3.90625vw;
		margin-top: 7.8125vw;
	}
	.magazineView .recipe_tip h2 {
		font-size: 4.6875vw;
		margin-bottom: 2.6041666667vw;
	}
	.magazineView .recipe_meta {
		padding: 3.125vw 0;
		margin: 3.125vw 0;
		gap: 6.5104166667vw;
	}
	.magazineView .recipe_meta div {
		margin-bottom: unset;
	}
	.magazineView .recipe_meta dt {
		margin-right: 1.8229166667vw;
	}
	.magazineView .recipe_ingredient {
		margin: 0 0 3.125vw;
	}
	.magazineView .recipe_ingredient strong {
		margin-right: 1.8229166667vw;
	}
	.magazineView .recipe_steps {
		padding-top: 7.03125vw;
	}
	.magazineView .recipe_step {
		display: block;
		margin: 0 0 10.4166666667vw;
	}
	.magazineView .recipe_step.no_image h3 {
		margin: 0 0 2.6041666667vw;
	}
	.magazineView .recipe_step .step_img {
		max-width: 100%;
		height: 52.0833333333vw;
	}
	.magazineView .recipe_step .step_text {
		margin-top: 2.6041666667vw;
	}
	.magazineView .recipe_step h3 {
		font-size: 4.6875vw;
		margin: 5.2083333333vw 0 2.6041666667vw;
	}
	.magazineView .recipe_step p {
		font-size: 3.90625vw;
	}
	.magazineView .magazine_product {
		padding: 0 5.2083333333vw;
	}
	.magazineView .magazine_product a {
		display: block;
		min-width: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 4.6875vw;
		padding: 3.90625vw;
	}
	.magazineView .magazine_btns {
		margin-bottom: 13.0208333333vw;
	}
	.magazineView .magazine_btns .btn_list {
		min-width: 31.25vw;
		font-size: 4.1666666667vw;
		padding: 3.90625vw;
	}
}
.magazineView .custom {
	position: relative;
	width: 1180px;
	margin: 0 auto;
}
.magazineView .custom .magazine_head {
	position: absolute;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
	width: 100%;
	margin: 0;
}
.magazineView .custom .magazine_head h2 {
	color: #fff;
	font-size: 48px;
	text-align: center;
}
.magazineView .custom .magazine_head .date {
	color: #dadada;
	font-size: 16px;
}
.magazineView .custom .left, .magazineView .custom .right {
	color: #fff;
	position: absolute;
	top: 40px;
	z-index: 5;
	margin: 0;
	line-height: 1;
}
.magazineView .custom .left {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -2px;
	left: 40px;
	text-decoration: underline;
	text-underline-offset: 10px;
}
.magazineView .custom .right {
	right: 40px;
	font-size: 20px;
	font-weight: 400;
	padding-top: 10px;
}
.magazineView .custom .magazine_cover {
	position: relative;
	overflow: hidden;
	height: 600px;
}
.magazineView .custom .magazine_cover img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.magazineView .custom .magazine_cover::before, .magazineView .custom .magazine_cover::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.magazineView .custom .magazine_cover::before {
	top: 0;
	height: 30%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.magazineView .custom .magazine_cover::after {
	bottom: 0;
	height: 80%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}