@charset "utf-8";

/* ---------------------------------------------
*   common
--------------------------------------------- */
p, h1, h2, h3, h4, h5, h6, span, a, li, caption, td, th, dt, dd, input, textarea, select, address {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* ---------------------------------------------
*   shop-menu
--------------------------------------------- */
.shop-menu {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: 2000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: calc(15/ 750 * 100vw) calc(35/ 750 * 100vw);
	width: 100%;
	background: url(/smartphone/health/amicolla/drink/images/bg_online-shop.png) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: auto;
}

.shop-menu__head {
	display: flex;
	justify-content: center;
	align-items: center;
}

.shop-menu__img {
	width: calc(48 / 750 *100vw);
	line-height: 0;
}

.shop-menu__body {
	margin-top: 0;
}

.shop-menu__ttl {
	width: calc(222 / 750 *100vw);
	border-bottom: 1px solid #fff;
}

.shop-menu__ttl img {
	width: calc(182 / 750 *100vw);
}

.shop-menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin-top: calc(5 / 750 * 100vw);

	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	line-height: 0;
}

.shop-menu__item {
	margin-top: 0;
	width: calc(219 / 750 *100vw);
}

.shop-menu__item img {
	width: 100%;
}

/* ---------------------------------------------
*   section-1
--------------------------------------------- */
.section-1 {
	background-color: #f6adb8;
}

.section-1_inner {
	position: relative;
	background: url(/smartphone/health/amicolla/drink/images/bg_1.png) 0 0 no-repeat;
	background-size: 100%;
	height: 30.4vw;
}

.section-1_cap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 65.6vw;
	line-height: 1;
}

/* ---------------------------------------------
*   mv
--------------------------------------------- */
.mv {
	background-color: #fad9e7;
}

.mv .mv_inner {
	width: 100%;
	text-align: center;
	line-height: 0;
}

/* ---------------------------------------------
*   section-2
--------------------------------------------- */
.section-2 {
	position: relative;
	background-color: #f6adb8;
}

.section-2_inner {
	background: url(/smartphone/health/amicolla/drink/images/bg_2.png) 0 0 no-repeat;
	background-size: 100%;
	height: 76.4vw;
}

.section-2_cap {
	margin: 0 auto;
	padding-top: 2.9vw;
	width: 56.67vw;
}

.section-2_box {
	margin: 1vw auto 0;
}

.section-2_label {
	position: absolute;
	right: 4vw;
	bottom: 16vw;
	width: 14.93vw;
	z-index: 100;
}

.section-2_txt-box {
	text-align: center;
}

.section-2_txt {
	display: block;
	color: #000;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	font-size: 3.6vw;
	letter-spacing: 0.04em;
	line-height: 1.7;
}

.section-2_txt.skin_margin {
	margin-top: 3.5vw;
	letter-spacing: 0;
}

.section-2_txt.skin_lh {
	line-height: 1.2;
}

.section-2_txt-img {
	display: block;
	margin: 0 auto;
	width: 84.67vw;
	line-height: 1;
}

/* ---------------------------------------------
*   section-3
--------------------------------------------- */
.section-3 {
	background-color: #fad9e7;
}

.section-3_inner {
	background: url(/smartphone/health/amicolla/drink/images/bg_3.png) 0 0 no-repeat;
	background-size: 100%;
	height: 137.2vw;
}

.section-3_cap {
	margin: 0 auto;
	padding-top: 5.33vw;
	width: 83.33vw;
}

.section-3_graph {
	margin: 3.7vw auto 0;
	width: 72.67vw;
}

.section-3_txt-box {
	margin-top: 2.7vw;
	text-align: center;
}

.section-3_txt {
	display: block;
	color: #000;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	letter-spacing: -0.04em;
}

.section-3_txt.skin_l {
	display: inline-block;
	font-size: 5.33vw;
	letter-spacing: 0.17em;
}

.section-3_txt.skin_ls {
	display: inline-block;
	letter-spacing: 0.01em;
}

.section-3_txt.skin_m {
	display: inline-block;
	font-size: 3.73vw;
	line-height: 1.6;
	letter-spacing: 0.09em;
}

.section-3_txt.skin_s {
	margin-top: 4.4vw;
	font-size: 3.46vw;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

/* ---------------------------------------------
*   section-4
--------------------------------------------- */
.section-4 {
	position: relative;
	background-color: #f6adb8;
}

.section-4_inner {
	background: url(/smartphone/health/amicolla/drink/images/bg_4.png) 0 0 no-repeat;
	background-size: 100%;
	height: 85.06vw;
}

.section-4_cap {
	margin: 0 auto;
	padding-top: 1.73vw;
	width: 88.8vw;
}

.section-4_fig {
	margin: 5.33vw auto 0;
	width: 87.2vw;
}

.section-4_note {
	position: absolute;
	bottom: 2vw;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.73vw;
	color: #000;
	text-align: center;
	font-weight: bold;
}

/* ---------------------------------------------
*   section-5
--------------------------------------------- */
.section-5 {
	position: relative;
	background-color: #fad9e7;
}

.section-5_inner {
	background: url(/smartphone/health/amicolla/drink/images/bg_5.png) 0 0 no-repeat;
	background-size: 100%;
	height: 80vw;
}

.section-5_cap {
	margin: 0 auto;
	padding-top: 4.4vw;
	width: 71.46vw;
}

.section-5_txt {
	margin-top: 3.9vw;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	font-size: 4.26vw;
	line-height: 1.41;
	text-align: center;
	color: #000;
}

.section-5_note {
	position: absolute;
	bottom: 1.73vw;
	left: 50%;
	transform: translateX(-50%);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.2vw;
	color: #000;
	font-weight: bold;
}

/* ---------------------------------------------
*   section-6
--------------------------------------------- */
.section-6 {
	background-color: #f6adb8;
}

.section-6_inner {
	background: url(/smartphone/health/amicolla/drink/images/bg_6.png) 0 0 no-repeat;
	background-size: 100%;
	height: 85.73vw;
	text-align: center;
}

.section-6_cap {
	margin: 0 auto;
	padding-top: 3.33vw;
	width: 71.46vw;
}

.section-6_txt {
	margin-top: 1.46vw;
	width: 100%;
	color: #000;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	font-size: 3.73vw;
	letter-spacing: -0.03em;
	line-height: 1.54;
}

.section-6_fig {
	margin: 2.93vw auto 0;
	width: 21.06vw;
}






/* ---------------------------------------------
*   mv
--------------------------------------------- */
.mv .mv_inner {
	width: 100%;
}

.mv .mv_inner img {
	width: 100%;
}

/* ---------------------------------------------
*   message
--------------------------------------------- */
.message {
	background: url(/smartphone/health/amicolla/matcha/images/bg_woman.png) 0 0 no-repeat;
	background-size: 100% auto;
}

.message .message_inner {
	width: 86.6vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6vw;
	padding-bottom: 2.1vw;
	box-sizing: border-box;
}

.message .message_tit-outer {
	margin-bottom: 4vw;
	padding-top: 4vw;
	padding-bottom: 4vw;
	background: url(/smartphone/health/amicolla/matcha/images/label_green.png) 0 0 no-repeat;
	background-size: cover;
	text-align: center;
}

.message .message_tit {
	font-size: 4vw;
	color: #005422;
	line-height: 1.6;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_tit-bold {
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_tit-big {
	font-size: 4.4vw;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_txt {
	width: 75.33vw;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------
*   merit
--------------------------------------------- */
.merit {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
	text-align: center;
}

.merit .merit_inner {
	width: 91.86vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8vw;
	padding-bottom: 7.3vw;
}

.merit .merit_product {
	position: absolute;
	bottom: 28.8vw;
	left: 0;
	width: 29vw;
}

.merit .merit_pattern {
	position: absolute;
	top: 0;
	right: 0;
	width: 36.8vw;
}

.merit .merit_tit {
	display: block;
	margin-bottom: 4.8vw;
	font-size: 6vw;
	font-weight: bold;
	color: #005422;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_message {
	font-size: 4vw;
	font-weight: bold;
	color: #005422;
	line-height: 1.3;
	letter-spacing: 0.14em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_message-bold {
	font-weight: bold;
	font-size: 5.93vw;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_txt {
	font-size: 4vw;
	color: #005422;
	line-height: 1.3;
	white-space: nowrap;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/*  merit-list
--------------------------------------------- */
.merit-list {
	position: relative;
	margin-top: 7vw;
	margin-bottom: 7.33vw;
	z-index: 10;
}

.merit-list .merit-list_item {
	margin-bottom: 4.86vw;
}

.merit-list .merit-list_item:last-of-type {
	margin-bottom: 0;
}

.merit-list .merit-list_ico {
	margin-right: auto;
	margin-bottom: 2vw;
	margin-left: auto;
}

.merit-list .merit-list_ico-first {
	width: 9.33vw;
}

.merit-list .merit-list_ico-second {
	width: 7.46vw;
}

.merit-list .merit-list_ico-third {
	width: 6vw;
}

.merit-list .merit-list_label {
	display: flex;
	align-items: center;
	background: url(/smartphone/health/amicolla/matcha/images/label.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 42.13vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1.46vw;
	padding-bottom: 1.46vw;
	box-sizing: border-box;
}

.merit-list .merit-list_num {
	display: inline-block;
	margin-top: 0.2vw;
	padding-left: 4vw;
	font-size: 6.66vw;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	transform: skew(-15deg);
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit-list .merit-list_num-first {
	margin-right: 9.1vw;
}

.merit-list .merit-list_num-second {
	margin-right: 4vw;
}

.merit-list .merit-list_num-third {
	margin-right: 5.33vw;
}

.merit-list .merit-list_txt {
	font-size: 5.33vw;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit-list .merit-list_txt--first {
	letter-spacing: 0.5em;
}

.merit-list .merit-list__desc {
	font-size: 4vw;
	color: #990000;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   label-01
--------------------------------------------- */
.label-01 {
	background: url(/smartphone/health/amicolla/matcha/images/bg_label-01.png) 0 0 no-repeat;
	background-size: cover;
}

.label-01 .label-01_inner {
	width: 80vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5vw;
	padding-bottom: 5vw;
	box-sizing: border-box;
}

.label-01 .label-01_tit {
	display: block;
	margin-bottom: 2.33vw;
	font-size: 5.33vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.label-01 .label-01_txt {
	display: block;
	font-size: 3.33vw;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   data
--------------------------------------------- */
.data {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
}

.data .data_inner {
	width: 80.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7.33vw;
	padding-bottom: 5.33vw;
	box-sizing: border-box;
}

.data .data_product {
	position: absolute;
	top: 0;
	right: 0;
	width: 20.66vw;
}

.data .data_img {
	position: absolute;
	right: 12vw;
	bottom: 2vw;
	width: 19.53vw;
}

.data .data_graph {
	width: 74vw;
	margin-bottom: 3.2vw;
}

.data .data_tit {
	margin-bottom: 4vw;
	font-size: 4vw;
	font-weight: bold;
	color: #000;
	line-height: 1.83;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.data .data_txt {
	margin-left: 1vw;
	font-size: 3.33vw;
	color: #000;
	line-height: 1.6;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.data .data_pattern {
	position: absolute;
	left: 0;
	bottom: -2vw;
	width: 53.33vw;
}

.data .data_item {
	position: absolute;
	bottom: 30.66vw;
	right: 0;
	width: 14vw;
}

/* ---------------------------------------------
*   label-02
--------------------------------------------- */
.label-02 {
	background: url(/smartphone/health/amicolla/matcha/images/bg_label-02.png) 0 0 no-repeat;
	background-size: cover;
}

.label-02 .label-02_inner {
	width: 91.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5.33vw;
	padding-bottom: 5.33vw;
	text-align: center;
	box-sizing: border-box;
}

.label-02 .label-02_tit {
	display: block;
	font-size: 5.33vw;
	color: #fff;
	line-height: 1.3;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   progress
--------------------------------------------- */
.progress {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
}

.progress .progress_inner {
	width: 89.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7vw;
	padding-bottom: 6vw;
	box-sizing: border-box;
	text-align: center;
}

.progress .progress_item-right {
	position: absolute;
	top: -20.33vw;
	right: 0;
	width: 13vw;
}

.progress .progress_txt {
	margin-bottom: 4.83vw;
	font-size: 4vw;
	color: #005422;
	line-height: 1.5;
	white-space: nowrap;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.progress .progress_desc {
	width: 80vw;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_illust {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_item-left {
	position: absolute;
	bottom: -11.66vw;
	left: 0;
	width: 16vw;
	z-index: 10;
}

/* ---------------------------------------------
*   howto
--------------------------------------------- */
.howto {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-koushi.png) 0 0 repeat;
	background-size: cover;
}

.howto .howto_inner {
	width: 89.33vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6vw;
	padding-bottom: 7vw;
	box-sizing: border-box;
	text-align: center;
}

.howto .howto_item-right {
	position: absolute;
	top: 3vw;
	right: 0;
	width: 26vw;
}

.howto .howto_item-left {
	position: absolute;
	bottom: 11vw;
	left: 0;
	width: 11.66vw;
}

.howto .howto_tit-outer {
	width: 100%;
	margin-bottom: 1vw;
	padding-top: 5.6vw;
	padding-bottom: 4.3vw;
	background: url(/smartphone/health/amicolla/matcha/images/label_ribbon.png) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	box-sizing: border-box;
}

.howto .howto_tit {
	font-size: 5.1vw;
	color: #005422;
	line-height: 1.15;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_catch {
	position: absolute;
	top: 46vw;
	right: 7vw;
	font-size: 6vw;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.2em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_img {
	width: 86.66vw;
}

.howto .howto_txt {
	white-space: nowrap;
	font-size: 4.53vw;
	color: #fff;
	line-height: 1.45;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_txt-bold {
	font-size: 6vw;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_txt-skew {
	display: inline-block;
	font-size: 6vw;
	font-weight: bold;
	transform: skew(10deg);
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.newamic_footer_lower .item_linkarea .item_text {
	font-family: sans-serif !important;
}


/* ---------------------------------------------
*   js_fadein
--------------------------------------------- */
.js_fadein_1,
.js_fadein_2,
.js_fadein_3,
.js_fadein_4,
.js_fadein_5,
.js_fadein_6,
.js_fadein_7,
.js_fadein_8,
.js_fadein_9 {
    opacity: 0;
}

/*  l-footer-container
--------------------------------------------- */
.is-drink .l-footer-container {
    padding-bottom: 24.8vw;
}