@charset "utf-8";
/*=====================================================
 * Style URL: /common/css/contents.css
 * Version: 1.0
 * Last Up Date: 2021/06/xx
 *
 * Markup Reference:
 *
=====================================================*/

/*
===== index (top page) ===========================*/

/* loading
--------------------*/
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #FFF33F;
	text-align: center;
	z-index: 10000;
}

.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 170px;
	transform: translate(-50%,-50%);
}

.l-main #index {
	background: #FFF33F;
	opacity: 0;
	z-index: 10001;
	transition: all .5s ease;
}

.l-main #index.show {
	opacity: 1;
}

/* sec_main
--------------------*/
.l-main #index .sec_main {
	position: relative;
	width: 100%;
}

.l-main #index .sec_main h1 {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 250px;
	z-index: 2;
}

@media only screen and (max-width: 1200px) {
.l-main #index .sec_main h1 {
	width: 20.833%;
}
}

.l-main #index .sec_main .sec_slide {
	padding: 0 0 10px;
}

.l-main #index .sec_main .sec_slide .slick-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.l-main #index .sec_main .sec_slide .slick-dots li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 7.5px !important;
	padding: 0 !important;
	background: #ffffff;
	border-radius: 50%;
	text-indent: -9999px;
	outline: 0;
	cursor: pointer;
}

.l-main #index .sec_main .sec_slide .slick-dots li.slick-active {
	background-color: #005EAD;
}

.l-main #index .sec_main .sec_slide .slick-disabled span {
	display: none !important;
}

/* sec_01
--------------------*/
.l-main #index .sec_01 {
	position: relative;
	margin: 25px 0 0;
}

.l-main #index .sec_01 .ms + h2 {
	margin: 35px 0 0;
}

.l-main #index .sec_01 .ms {
	position: relative;
	margin: 25px 6.666% 0;
	padding: 30px 4%;
	background: #ffffff;
	border-radius: 10px;
}

.l-main #index .sec_01 .ms_01 li + li {
	margin: 20px 0 0;
}

.l-main #index .sec_01 .ms_01 li span {
	display: block;
	margin: 10px 0 0;
	color: #005EAD;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #index .sec_01 .ms_01 ul + p {
	margin: 22px 0 0;
	padding: 21px 0 0;
	border-top: 1px solid #CCDFEF;
	color: #005EAD;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #index .sec_01 .ms_01 ul + p i {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

.l-main #index .sec_01 .ms_01 ul + p i.red { color: #EA66A1; }
.l-main #index .sec_01 .ms_01 ul + p i.green { color: #75BC3E; }
.l-main #index .sec_01 .ms_01 ul + p i.blue { color: #08A9E3; }
.l-main #index .sec_01 .ms_01 ul + p i.orange { color: #F39800; }

.l-main #index .sec_01 .ms_01 nav {
	padding: 26px 0 0;
}

.l-main #index .sec_01 .ms_02 {
	padding: 15px 4.615% 25px;
}

.l-main #index .sec_01 .ms_02 figure + figure {
	padding: 10px 0 0;
}

.l-main #index .sec_01 .ms_02 ul {
	padding: 13px 0 0;
	color: #005EAD;
	font-size: 10px;
	line-height: 14px;
}

.l-main #index .sec_01 .ms_02 ul li {
	margin: 0 0 0 2em;
	text-indent: -2em;
}

.l-main #index .sec_01 .ms_02 ul li span {
	display: inline-block;
	width: 2em;
	text-indent: 0;
}

.l-main #index .sec_01 .ms_03 dl + dl {
	margin: 25px 0 0;
	padding: 25px 0 0;
	border-top: 1px solid #CCDFEF;
}

.l-main #index .sec_01 .ms_03 dl dt {
	margin: 0 -5px 0 0;
}

.l-main #index .sec_01 .ms_03 dl dd {
	margin: 5px 0 0;
	color: #005EAD;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #index .sec_01 .ms_03 dl + dl dd {
	margin: 17px 0 0;
}

.l-main #index .sec_01 .ms_03 dl dd.has_img {
	position: relative;
	padding: 0 64px 0 0;
}

.l-main #index .sec_01 .ms_03 dl dd.has_img img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 54px;
}

.l-main #index .sec_01 .ms_03 dl figure {
	margin: 20px 0 0;
}

/* hr_01
--------------------*/
.l-main #index .hr_01 {
	margin: 50px 0 0;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
}

/* sec_02
--------------------*/
.l-main #index .sec_02 {
	position: relative;
	background: #ffffff;
}

.l-main #index .sec_02 h2 {
	padding: 40px 0 0;
}

.l-main #index .sec_02 figure {
	padding: 13px 0 0;
}

.l-main #index .sec_02 p {
	margin: 26px 0 0;
	color: #005EAD;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-align: center;
}

.l-main #index .sec_02 p span {
	font-size: 14px;
	font-weight: bold;
}

.l-main #index .sec_02 p span.blue { color: #00B1ED; }
.l-main #index .sec_02 p span.red { color: #EA609E; }
.l-main #index .sec_02 p span.navy { color: #005EAD; }
.l-main #index .sec_02 p span.brown { color: #6D0000; }

/* hr_02
--------------------*/
.l-main #index .hr_02 {
	padding: 50px 0 0;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
}

/* sec_03
--------------------*/
.l-main #index .sec_03 .h {
	position: relative;
	padding: 25px 0;
	background: #FFF33F;
	z-index: 2;
}

.l-main #index .hr_03 {
	position: relative;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

.l-main #index .sec_03 .ms {
	padding: 60px 6.666% 0;
}

.l-main #index .sec_03 .ls,
.l-main #index .sec_03 .rs {
	float: none;
}

.l-main #index .sec_03_01 .rs,
.l-main #index .sec_03_03 .rs {
	margin: 30px 0 0;
}

.l-main #index .sec_03_02 .ls,
.l-main #index .sec_03_04 .ls {
	margin: 30px 0 0;
}

.l-main #index .sec_03_01 {
	position: relative;
	margin: -5.6% 0 0;
	padding: 0 0 10%;
	background: #ffffff url(/products/brand/meijimiraful/viet/img/bg_03_sp.png) no-repeat 50% 0;
	background-size: cover;
}

.l-main #index .sec_03_02 {
	position: relative;
	margin: -10% 0 0;
	padding: 0 0 10%;
	background: url(/products/brand/meijimiraful/viet/img/bg_12_sp.png) no-repeat 50% 0;
	background-size: cover;
}

.l-main #index .sec_03_03 {
	position: relative;
	margin: -10% 0 0;
	padding: 0 0 10%;
	background: url(/products/brand/meijimiraful/viet/img/bg_13_sp.png) no-repeat 50% 0;
	background-size: cover;
}

.l-main #index .sec_03_04 {
	position: relative;
	margin: -10% 0 0;
	padding: 0 0 7%;
	background: url(/products/brand/meijimiraful/viet/img/bg_04_sp.png) no-repeat 50% 0;
	background-size: cover;
}

.l-main #index .sec_03 nav {
	position: relative;
	width: 80.307%;
	margin: 0 auto;
	padding: 30px 0 50px;
	z-index: 2;
}

/* hr_04
--------------------*/
.l-main #index .hr_04 {
	position: relative;
	margin: -5.6% 0 0;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* hr_05
--------------------*/
.l-main #index .hr_05 {
	position: relative;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* sec_04
--------------------*/
.l-main #index .sec_04 {
	position: relative;
	margin: -5.6% 0 0;
	padding: 0 0 37px;
	background: url(/products/brand/meijimiraful/viet/img/bg_05_sp.png) no-repeat 50% 0;
	background-size: 100% auto;
}

.l-main #index .sec_04 h2 {
	position: relative;
	padding: 60px 0 0;
}

.l-main #index .sec_04 h2 + ul {
	padding: 25px 6.666% 0;
}

.l-main #index .sec_04 h2 + ul li + li {
	margin: -4% 0 0;
}

.l-main #index .sec_04 h2 + ul li dl {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.l-main #index .sec_04 h2 + ul li:nth-child(2) dl,
.l-main #index .sec_04 h2 + ul li:nth-child(4) dl {
	flex-direction: row-reverse;
}

.l-main #index .sec_04 h2 + ul li dt {
	width: 38.461%;
}

.l-main #index .sec_04 h2 + ul li dd {
	flex: 1;
	color: #0060b3;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #index .sec_04 figure {
	padding: 25px 4.615% 0;
}

.l-main #index .sec_04 p {
	margin: 22px 6.666% 0;
	color: #005EAD;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

.l-main #index .sec_04 p + ul {
	padding: 2px 6.666% 0;
}

.l-main #index .sec_04 p + ul li {
	margin: 20px 0 0;
}

.l-main #index .sec_04 p + ul + figure {
	padding: 25px 10.666% 0;
}

.l-main #index .sec_04 .sec_desc {
	position: relative;
	margin: 20px 6.666% 0;
	padding: 30px 0 0;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
}

.l-main #index .sec_04 .sec_desc p {
	margin: 22px 5% 0;
	color: #005EAD;
	font-size: 11px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #index .sec_04 .sec_desc p sup {
	font-size: 8px;
}

.l-main #index .sec_04 .sec_desc p i {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.l-main #index .sec_04 .sec_desc p i.red { color: #EA66A1; }
.l-main #index .sec_04 .sec_desc p i.green { color: #75BC3E; }
.l-main #index .sec_04 .sec_desc p i.blue { color: #08A9E3; }
.l-main #index .sec_04 .sec_desc p i.orange { color: #F39800; }

.l-main #index .sec_04 .sec_desc p.note {
	margin: 10px 4% 0;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}

.l-main #index .sec_04 .sec_desc figure {
	margin: 12px 0 0;
	padding: 0;
}

/* hr_06
--------------------*/
.l-main #index .hr_06 {
	position: relative;
	background: #FDFACD;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* sec_06
--------------------*/
.l-main #index .sec_06 {
	position: relative;
	padding: 37px 0 110px;
	background: #ffffff;
}

.l-main #index .sec_06 .sec_slide ul {
	padding: 25px 0 0;
}

.l-main #index .sec_06 .sec_slide ul li {
	padding: 0 0 0 6.666%;
}

.l-main #index .sec_06 .sec_slide ul li + li {
	margin: 2.666% 0 0;
}

.l-main #index .sec_06 .sec_slide ul li:nth-child(even) {
	padding: 0 6.666% 0 0;
}

.l-main #index .sec_06 .sec_slide ul li dl {
	display: table;
	width: 100%;
}

.l-main #index .sec_06 .sec_slide ul li dt {
	display: table-cell;
	padding: 0 4.285%;
	border-radius: 18px;
	vertical-align: middle;
}

.l-main #index .sec_06 .sec_slide ul li.red dt { background: #E73371; }
.l-main #index .sec_06 .sec_slide ul li.blue dt { background: #08A9E3; }
.l-main #index .sec_06 .sec_slide ul li.orange dt { background: #F18B00; }

.l-main #index .sec_06 .sec_slide ul li dt em {
	display: block;
	padding: 5.579% 0 0;
	color: #ffffff;
	font-size: 3.2vw;
	font-weight: 500;
	line-height: 1.3;
}

.l-main #index .sec_06 .sec_slide ul li dt span {
	display: block;
	padding: 2.325% 0 5.579%;
	color: #ffffff;
	font-size: 2.666vw;
	font-weight: 500;
	line-height: 1.3;
}

.l-main #index .sec_06 .sec_slide ul li dd {
	display: table-cell;
	width: 32.666%;
	vertical-align: middle;
}

.l-main #index .sec_06 .sec_slide .nav_prev {
	position: absolute;
	left: 42px;
	bottom: -75px;
	cursor: pointer;
	z-index: 10;
}

.l-main #index .sec_06 .sec_slide .nav_next {
	position: absolute;
	right: 42px;
	bottom: -75px;
	cursor: pointer;
	z-index: 10;
}

.l-main #index .sec_06 .sec_slide .nav_prev span,
.l-main #index .sec_06 .sec_slide .nav_next span {
	display: block;
	width: 50px;
	height: 50px;
	background-size: 50px auto !important;
}

.l-main #index .sec_06 .sec_slide .nav_next span {
	background: url(/products/brand/meijimiraful/viet/img/nav_next.png) no-repeat 50% 50%;
}

.l-main #index .sec_06 .sec_slide .nav_prev span {
	background: url(/products/brand/meijimiraful/viet/img/nav_prev.png) no-repeat 50% 50%;
}

.l-main #index .sec_06 .sec_slide .slick-dots {
	position: absolute;
	left: 0;
	bottom: -55px;
	width: 100%;
	height: 6px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.l-main #index .sec_06 .sec_slide .slick-dots li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 7.5px !important;
	padding: 0 !important;
	background: #ccdff0;
	border-radius: 50%;
	text-indent: -9999px;
	outline: 0;
	cursor: pointer;
}

.l-main #index .sec_06 .sec_slide .slick-dots li.slick-active {
	background-color: #0060b3;
}

.l-main #index .sec_06 .sec_slide .slick-disabled span {
	display: none !important;
}

/* hr_07
--------------------*/
.l-main #index .hr_07 {
	position: relative;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* hr_10
--------------------*/
.l-main #index .hr_10 {
	position: relative;
	padding: 50px 0 0;
	background: #FDFACD;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* hr_08
--------------------*/
.l-main #index .hr_08 {
	position: relative;
	background: #005EAD;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* sec_07
--------------------*/
.l-main #index .sec_07 {
	position: relative;
	margin: 48px 0 0;
	padding: 0 0 50px;
}

.l-main #index .sec_07 h2 + p {
	margin: 38px 6.666% 28px;
	color: #0060b3;
	font-size: 3.5vw;
	font-weight: 500;
	line-height: 2.076;
	text-align: center;
}

/* hr_09
--------------------*/
.l-main #index .hr_09 {
	position: relative;
	margin: 40px 0 0;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* sec_08
--------------------*/
.l-main #index .sec_08 {
	padding: 38px 0 0;
}

.l-main #index .sec_08 h2 + p {
	margin: 7px 0 0;
	color: #005ead;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.l-main #index .sec_08 ul {
	padding: 2px 6.666% 0;
}

.l-main #index .sec_08 ul li {
	margin: 20px 0 0;
}

.l-main #index .sec_08 nav {
	width: 49.333%;
	margin: 0 auto;
	padding: 30px 0 50px;
}

/* hr_11
--------------------*/
.l-main #index .hr_11 {
	position: relative;
	margin: 0;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

/* sec_09
--------------------*/
.l-main #index .sec_09 {
	position: relative;
	padding: 40px 0 27px;
	background: #fff33f;
}

.l-main #index .sec_09 h2 + p {
	margin: 20px 0 0;
	color: #005ead;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.l-main #index .sec_09 figure {
	margin: 22px 0 0;
}

.l-main #index .sec_09 nav {
	width: 41.733%;
	margin: 30px auto 0;
}

/* sec_news
--------------------*/
.l-main #index .sec_news {
	position: relative;
	padding: 25px 6.666%;
}

.l-main #index .sec_news p {
	padding: 9px 12px;
	background: #ffffff;
	border: 3px solid #EA3739;
	border-radius: 10px;
}

.l-main #index .sec_news p a {
	display: block;
	padding: 0 0 0 19px;
	background: url(/products/brand/meijimiraful/viet/common/img/bullet_arrow_01.png) no-repeat 0 50%;
	background-size: 9px auto;
	color: #005EAD;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}

/* modal
--------------------*/
.modal_news_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
}

.modal_news_wrapper .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.4);
	z-index: 1000;
}

.modal_news_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 30px);
	max-width: 1280px;
	max-height: calc(100vh - 100px);
	z-index: 1001;
}

.modal_news_inner .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url(/products/brand/meijimiraful/viet/img/nav_close.png) no-repeat 50% 50%;
	background-size: 40px auto;
	cursor: pointer;
}

.modal_news_content {
	background: #ffffff;
	border: 3px solid #EA3739 !important;
	border-radius: 10px;
}

.modal_news_content .wrapper {
	max-height: calc(100vh - 100px);
	margin: 10px;
	overflow: hidden;
	overflow-y: auto;
}

.modal_news_content h3 {
	width: fit-content;
	margin: 0 auto;
	padding: 50px 0 0;
}

.modal_news_content h3 img {
	max-width: 257px;
	margin: 0 20px;
}

.modal_news_content h3 + p {
	margin: 25px 0 0;
	color: #005EAD;
	font-size: 12px;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
}

.modal_news_content figure {
	padding: 20px 0 50px;
	text-align: center;
}


/*
===== feature ===========================*/

/* sec_01
--------------------*/
.l-main #feature .sec_01 {
	padding: 0 0 34px;
	background: #fff33f url(/products/brand/meijimiraful/viet/feature/img/bg_01_sp.png) no-repeat 50% 0;
	background-size: 100% auto;
}

.l-main #feature .sec_01 p {
	margin: 17px 0 0;
	color: #0060b3;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-align: center;
}

/* sec_02
--------------------*/
.l-main #feature .sec_02 {
	padding: 50px 0;
	background: #ffffff url(/products/brand/meijimiraful/viet/feature/img/bg_02_sp.png) no-repeat 50% 0;
	background-size: 100% auto;

}

.l-main #feature .sec_02 .ms .ls,
.l-main #feature .sec_02 .ms .rs {
	float: none;
}

.l-main #feature .sec_02 .ms .rs p {
	margin: 22px 0 0;
	color: #0060b3;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-align: center;
}

.l-main #feature .sec_02 .ms .rs nav {
	width: 59.066%;
	margin: 27px auto 0;
}

/* sec_03
--------------------*/
.l-main #feature .sec_03 {
	padding: 50px 0;
	background: #fff33f;
}

.l-main #feature .sec_03 .ms figure {
	margin: 25px 0 0;
}

.l-main #feature .sec_03 .ms figure + figure {
	margin: 30px 0 0;
}

.l-main #feature .sec_03 .ms + nav {
	width: 59.066%;
	margin: 30px auto 0;
}


/*
===== nutrition ===========================*/

/* sec_01
--------------------*/
.l-main #nutrition h1 {
	background: #fff33f;
}

.l-main #nutrition .sec_01 {
	padding: 0 0 50px;
	background: #fff33f;
}

.l-main #nutrition .sec_01 p.desc {
	margin: 0 6.666%;
	color: #0060b3;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #nutrition .sec_01 nav {
	margin: 21px 5.333% 0;
}

.l-main #nutrition .sec_01 nav li {
	float: left;
	width: 33.333%;
}

.l-main #nutrition .sec_01 nav li:nth-child(4) {
	margin: 6px 0 0 16.666%;
}

.l-main #nutrition .sec_01 nav li:nth-child(5) {
	margin: 6px 0 0;
}

.l-main #nutrition .sec_01 .item {
	position: relative;
}

.l-main #nutrition .sec_01 .item figure {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.l-main #nutrition .sec_01 .item#anc_01 figure img {
	margin-bottom: -10.533%;
}

.l-main #nutrition .sec_01 .item#anc_02 figure img {
	margin-bottom: -13.066%;
}

.l-main #nutrition .sec_01 .item#anc_03 figure img {
	margin-bottom: -8.533%;
}

.l-main #nutrition .sec_01 .item#anc_04 figure img {
	margin-bottom: -13.066%;
}

.l-main #nutrition .sec_01 .item > div {
	margin: 0 6.666%;
	padding: 30px 4.615%;
	background: #ffffff;
	border-radius: 8px;
}

.l-main #nutrition .sec_01 .item.second {
	margin-top: 15px;
}

.l-main #nutrition .sec_01 .item div h3 {
	position: relative;
	margin: -3px 0;
	color: #0060b3;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	text-align: center;
	z-index: 3;
}

.l-main #nutrition .sec_01 .item h3 + figure {
	position: relative;
	margin: 0 0 -5px;
}

.l-main #nutrition .sec_01 .item div p {
	position: relative;
	color: #0060b3;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
	z-index: 3;
}

.l-main #nutrition .sec_01 .item div p i {
	font-style: italic;
	font-weight: 500;
}

.l-main #nutrition .sec_01 .item_02 {
	position: relative;
	color: #0060b3;
	font-weight: 500;
}

.l-main #nutrition .sec_01 .item_02 div.ms {
	margin: 0 6.666%;
	background: #ffffff;
	border-radius: 8px;
}

.l-main #nutrition .sec_01 .item_02 div.ms .note {
	font-size: 10px;
	line-height: 14px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 {
	padding: 30px 4.615% 28px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 h3 + p {
	display: flex;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: center;
	margin: 22px 0;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 h3 + p em {
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 h3 + p span {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 figure {
	margin: 0 -5.084%;
}

.l-main #nutrition .sec_01 .item_02 div.ms_01 p.note {
	margin: 10px 0 0;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 {
	margin-top: 15px;
	padding: 9.230% 4.615%;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls h4 {
	margin: 25px 0 12px;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls dt {
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls dd {
	margin: 10px 0 0;
	text-align: right;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls dd img {
	width: 105px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 + .ms_02 .ls dd img {
	width: 62px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .ls .note {
	margin: 10px 0 0;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs {
	margin: 22px 0 0;
	padding: 22px 5.084% 23px;
	background: #FDEBEC;
	border-radius: 10px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 + .ms_02 .rs {
	background: #D9F1FB;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs dl {
	display: flex;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: center;
	margin: 0 auto;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs dd {
	margin: 0 0 0 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs dd em {
	color: #E73371;
	font-weight: 500;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs figure {
	margin: 12px 0 0;
}

.l-main #nutrition .sec_01 .item_02 div.ms_02 .rs .note {
	margin: 8px 0 0;
}

.l-main #nutrition .sec_01 .kurakihoikuen {
	padding: 40px 0 0;
}

.l-main #nutrition .sec_01 .kurakihoikuen h3 {
	font-size: 0;
	line-height: 0;
}

.l-main #nutrition .sec_01 .kurakihoikuen nav {
	margin: 25px 6.666% 0;
}

/* sec_02
--------------------*/
.l-main #nutrition .sec_02 {
	padding: 0 0 55px;
	background: #ffffff;
}

.l-main #nutrition .sec_02 nav {
	width: 68.533%;
	margin: 0 auto;
}


/*
===== product ===========================*/

/* sec_01
--------------------*/
.l-main #product h1 {
	background: #fff33f;
}

.l-main #product .sec_01 {
	padding: 0 0 47px;
	background: #fff33f;
}

.l-main #product .sec_01 h2 img {
	margin: 0 0 -15px;
}

.l-main #product .sec_01 .ms .ls,
.l-main #product .sec_01 .ms .rs {
	float: none;
}

.l-main #product .sec_01 h3 {
	margin: 40px 0 0;
}

.l-main #product .sec_01 h3 + p {
	margin: 22px 6.666% 0;
	color: #0060b3;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
}

.l-main #product .sec_01 .ms .ls {
	margin: 40px 0 0;
}

.l-main #product .sec_01 p + .ms .ls {
	margin: 15px 0 0;
}

.l-main #product .sec_01 .ms .rs dd {
	margin: 27px 6.666%;
	color: #0060b3;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0.05em;
	letter-spacing: 0.05em;
}

.l-main #product .sec_01 .note {
	margin: 8px 6.666% 0;
	color: #0060b3;
	font-size: 10px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",YuGothic,"Yu Gothic","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	line-height: 14px;
	letter-spacing: 0.05em;
}

.l-main #product .sec_01 hr {
	height: 0;
	margin: 37px 6.666% 0;
	padding: 1px 0 0;
	background: #ccd656;
	border: none;
	font-size: 0;
	line-height: 0;
}


/*
===== recipe ===========================*/
.l-main #recipe .sec_headline h1 {
	background: #fff33f;
}

/* pnav
--------------------*/
.l-main #recipe .pnav {
	padding: 15px 0 5.714%;
	background: #fff33f;
}

.l-main #recipe .pnav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
}

.l-main #recipe .pnav ul li {
	width: 33.333%;
	margin: 0 -2.280% -4.5%;
}

.l-main #recipe .pnav ul li:nth-child(1) {
	width: 38.333%;
	margin: 0 0 -3%;
	padding: 0 30%;
}

.l-main #recipe .pnav ul li:nth-child(2) {
	padding: 0 0 0 10%;
}

.l-main #recipe .pnav ul li:nth-child(3) {
	padding: 0 10% 0 0;
}

/* sec_01
--------------------*/
.l-main #recipe .sec_01 {
	background: #fff33f;
}

.l-main #recipe .sec_01 h2 img {
	margin: -1.416% 0 0;
}

.l-main #recipe .sec_01 h2 + p {
	margin: 3px 0 0;
	color: #005ead;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

/* sec_02
--------------------*/
.l-main #recipe .sec_02 {
	padding: 0 0 5.6%;

}

.l-main #recipe .sec_02_01,
.l-main #recipe .sec_02_03,
.l-main #recipe .sec_02_04,
.l-main #recipe .sec_02_06,
.l-main #recipe .sec_f .hr {
	background: #fff33f;
}

.l-main #recipe .hr_01 {
	margin: -5.6% 0 0;
	background: #fff33f;
	font-size: 0;
	line-height: 0;
}

.l-main #recipe .hr_02 {
	margin: -5.6% 0 0;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
}

.l-main #recipe .sec_02 ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: -20px 0 0;
	padding: 0 0 50px;
}

.l-main #recipe .sec_02 ul li {
	width: 41.333%;
	margin: 20px 4% 0 6.666%;
}

.l-main #recipe .sec_02 ul li:nth-child(even) {
	margin: 20px 6.666% 0 0;
}

.modal_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 10000;
}

.modal_wrapper .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0, 0.4);
	z-index: 10
}

.modal_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100vw - 30px);
	padding: 0 15px;
	text-align: center;
	z-index: 20;
}

.modal_content {
	display: inline-block;
	position: relative;
}

.modal_content .zoom_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 95vh;
}

.modal_content .close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	visibility: hidden;
}

.modal_content .close img {
	width: 40px;
}

.modal_content .insta {
	display: none;
}

.modal_content .insta.insta_show {
	display: block;
}

.modal_content .insta a {
	display: block;
	position: absolute;
	top: 68.908%;
	left: 35.457%;
	width: 43.490%;
	height: 8.361%;
}

.modal_content .insta.col1 a {
	top: 66.808%;
}


/*
===== faq ===========================*/

.l-main #faq {
	background: #fff33f;

}

.l-main #faq h2 {
	margin: 40px 0 0;

}

.l-main #faq .sec_faq {
	margin: 25px 6.666% 0;
	padding: 0 0 50px;

}

.l-main #faq .sec_faq li {
	background: #ffffff;
	border-radius: 20px;
}

.l-main #faq .sec_faq li + li {
	margin: 15px 0 0;
}

.l-main #faq .sec_faq .q {
	padding: 0 35px 0 0;
	background: url(/products/brand/meijimiraful/viet/faq/img/icon_down.png) no-repeat right 15px center;
	background-size: 9px auto;
	cursor: pointer;
}

.l-main #faq .sec_faq .q.open {
	background: url(/products/brand/meijimiraful/viet/faq/img/icon_up.png) no-repeat right 15px center;
	background-size: 9px auto;
}

.l-main #faq .sec_faq .a {
	display: none;
	position: relative;
}

.l-main #faq .sec_faq .a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 30px);
	height: 1px;
	background: #CCDFEF;
	font-size: 0;
	line-height: 0;
}

.l-main #faq .sec_faq dl {
	display: flex;
	align-items: center;
	width: 100%;
}

.l-main #faq .sec_faq dt {
	width: 50px;
	padding: 20px 0;
	text-align: center;
}

.l-main #faq .sec_faq dt img {
	width: 24px;
}

.l-main #faq .sec_faq dd {
	flex: 1;
	padding: 15px 0;
	color: #0060b3;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0.05em;
}

.l-main #faq .sec_faq .a dl {
	align-items: inherit;
}

.l-main #faq .sec_faq .a dt {
	padding: 15px 0;
}

.l-main #faq .sec_faq .a dt img {
	width: 20px;
}

.l-main #faq .sec_faq .a dd {
	padding: 17px 15px 25px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",YuGothic,"Yu Gothic","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	line-height: 18px;
}

.l-main #faq .sec_faq .a figure {
	margin: 7px 0 0;
}

.l-main #faq .sec_faq .a nav {
	margin: 7px 0 0;
}

.l-main #faq .sec_faq .a nav img {
	width: 208px;
}

.l-main #faq .sec_faq .a sup {
	font-size: 9px;
	vertical-align: 2px;
}

.l-main #faq .sec_faq .a .note {
	padding: 12px 0 0;
}

.l-main #faq .sec_faq .a .note li {
	margin: 0 0 0 2.5em;
	font-size: 10px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",YuGothic,"Yu Gothic","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	line-height: 14px;
	text-indent: -2.5em;
}

.l-main #faq .sec_faq .a .note li span {
	display: inline-block;
	width: 2.5em;
	text-indent: 0;
}