@charset "utf-8";

/* ---------------------------------------------
*   premium_main
--------------------------------------------- */



/* ---------------------------------------------
*   premium_section
--------------------------------------------- */


/*  premium_section_bg
--------------------------------------------- */
.premium_section_bg {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*  premium_section_head
--------------------------------------------- */
.premium_section_head {
	position: relative;
}

/* item_title */
.premium_section_head .item_title {
	text-align: center;
}

/* item_text */
.premium_section_head .item_text {
	text-align: center;
}

/* item_image */
.premium_section_head .item_image {
	text-align: center;
}

/* item_note */
.premium_section_head .item_note {
	color: #fff;
}


/*  premium_section_lead
--------------------------------------------- */


/* item_title */
.premium_section_lead .item_title {
	text-align: center;
}

/* item_note */
.premium_section_lead .item_note {
	padding-left: 2em;
	text-indent: -2em;
	color: #e89e00;
	font-size: 2.1vw;
}


/*  premium_section_body
--------------------------------------------- */
.premium_section_body.lists {
	background: #fff;
}
/* item_title */
.premium_section_body .item_title {
	text-align: center;
}

/* item_image */
.premium_section_body .item_image {
	text-align: center;
}

/* item_note */
.premium_section_body .item_note {
	text-align: center;
	color: #fff;
	font-size: 2.4vw;
}



/* ---------------------------------------------
*   premium_section(skin_num)
--------------------------------------------- */
.premium_section.skin_1 {
	background-color: #320102;
}
.premium_section.skin_1 .premium_section_head {
	width: 90.1%;
	margin-right: auto;
	margin-left: auto;
}
.premium_section.skin_1 .premium_section_bg {
	padding: 8.46667vw 0 4.26667vw;
	background: url(/smartphone/health/amicolla/premium/images/bg_section1.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.premium_section.skin_1 .premium_section_lead .item_title {
	text-align: left;
	margin-bottom: 4vw;
}
.premium_section.skin_1 .premium_section_lead .item_caption {
	line-height: 1;
	width: 72.69939%;
	max-height: 20px;
	margin-bottom: 3.33333vw;
}
.premium_section.skin_1 .premium_section_image {
	position: relative;
	padding-top: 7.2vw;
	margin-right: 5.92824%;
}
.premium_section.skin_1 .premium_section_image .item_icon {
	position: absolute;
	top: -4.8vw;
	left: -11.73333vw;
}
.premium_section.skin_1 .special_list {
	margin-top: 3.73333vw;
}

.premium_section.skin_2 {
	background-color: #010000;
}
.premium_section.skin_2 .premium_section_bg {
	height: 153.33333vw;
	padding-top: 2.66667vw;
	background: url(/smartphone/health/amicolla/premium/images/bg_section2.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.premium_section.skin_2 .premium_section_lead .item_title {
	position: relative;
	z-index: 2;
	width: 82.53334%;
	line-height: 1;
	margin-right: auto;
	margin-left: auto;
}
.premium_section.skin_2 .premium_section_body .item_title {
	position: relative;
	top: .4vw;
	z-index: 2;
	width: 48.93334%;
	line-height: 1;
	margin-right: auto;
	margin-left: auto;
}
.premium_section.skin_2 .premium_section_head .item_image {
	line-height: 1;
	margin-top: .13333vw;
}
.premium_section.skin_2 .premium_section_head .item_image img {
	width: 100%;
}
.premium_section.skin_2 .premium_section_body {
	position: relative;
}
.premium_section.skin_2 .premium_section_body .item_image {
	position: relative;
	z-index: 1;
	bottom: 9.86667vw;
	line-height: 1;
	margin-right: auto;
	margin-left: auto;
}
.premium_section.skin_2 .premium_section_body .item_image img {
	width: 100%;
}

.premium_section.skin_3 {
	background-color: #320102;
}
.premium_section.skin_3 .premium_section_bg {
	padding: 8vw 0 7.06667vw;
	background: url(/smartphone/health/amicolla/premium/images/bg_section3.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.premium_section.skin_3 .premium_section_lead .item_title {
	width: 36%;
	margin-right: auto;
	margin-bottom: 9.06667vw;
	margin-left: auto;
}

.premium_section.skin_4 {
	background: -moz-linear-gradient(left, #d3aa1c 0%, #d3aa1c 50%, #dab434 51%, #dab434 100%);
	background: -webkit-linear-gradient(left, #d3aa1c 0%, #d3aa1c 50%, #dab434 51%, #dab434 100%);
	background: linear-gradient(to right, #d3aa1c 0%, #d3aa1c 50%, #dab434 51%, #dab434 100%);
}
.premium_section.skin_4 .premium_section_bg {
	height: 202vw;
	padding-top: 7.33333vw;
	background: url(/smartphone/health/amicolla/premium/images/bg_section4.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.premium_section.skin_4 .premium_section_lead .item_title {
	width: 35.86667%;
	margin-right: auto;
	margin-bottom: 4.66667vw;
	margin-left: auto;
}
.premium_section.skin_4 .premium_section_body .item_note {
	color: #804e21;
}
.premium_section.skin_4 .premium_section_body .item_image {
	width: 89.46667%;
	margin-right: auto;
	margin-bottom: 5.33333vw;
	margin-left: auto;
}

.premium_section.skin_5 {
	background: -moz-linear-gradient(left, #010101 0%, #010101 50%, #000000 51%, #000000 100%);
	background: -webkit-linear-gradient(left, #010101 0%, #010101 50%, #000000 51%, #000000 100%);
	background: linear-gradient(to right, #010101 0%, #010101 50%, #000000 51%, #000000 100%);
}
.premium_section.skin_5 .premium_section_bg {
	height: 95.06667vw;
	padding-top: 3.73333vw;
	background: url(/smartphone/health/amicolla/premium/images/bg_section5.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.premium_section.skin_5 .premium_section_lead .item_title {
	width: 73.33333%;
	margin-right: auto;
	margin-left: auto;
}
.premium_section.skin_5 .premium_section_lead .item_text {
	text-align: center;
	position: relative;
	top: -8px;
	width: 44.8%;
	margin-right: auto;
	margin-left: auto;
}




/* ---------------------------------------------
*   ingredient_list
--------------------------------------------- */
.ingredient_list {
	position: absolute;
	right: 0;
	bottom: 4.26667vw;
	left: 0;
	z-index: 1;
}

/* item_list(skin_num) */
.ingredient_list .item_list.skin_1 {
	width: 20.26777%;
	margin-right: 2.66667%;
	margin-left: 2%;
}
.ingredient_list .item_list.skin_1 .item_title {
	width: 55.27233%;
}
.ingredient_list .item_list.skin_1 .item_text {
	position: relative;
	top: 0.26667vw;
}

.ingredient_list .item_list.skin_2 {
	width: 22.26777%;
	margin-right: 2.66667%;
}
.ingredient_list .item_list.skin_2 .item_title {
	width: 73.06312%;
}
.ingredient_list .item_list.skin_2 .item_text {
	position: relative;
	top: 0.26667vw;
}

.ingredient_list .item_list.skin_3 {
	position: relative;
	right: .93333vw;
	width: 22.66777%;
}
.ingredient_list .item_list.skin_3 .item_title {
	width: 91.17888%;
}
.ingredient_list .item_list.skin_3 .item_text {
	position: relative;
	top: 0;
}



/* ---------------------------------------------
*   graph_list
--------------------------------------------- */
.graph_list {}

/* item_list */
.graph_list .item_list {
	border-right: 2px solid #d29d31;
}
.graph_list .item_list:last-child {
	border-right: none;
}

/* item_caption */
.graph_list .item_list .item_caption {
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 1.86667vw;
}

/* item_list(skin_first) */
.graph_list .item_list.skin_first {
	width: 44.93334%;
	padding-right: 6.4%;
	margin-right: 6.66667%;
}
.graph_list .item_list.skin_first .item_image {
	margin-top: -2.4vw;
}
.graph_list .item_list.skin_first .item_text {
	position: relative;
	top: -2.93333vw;
	width: 100%;
	margin-right: auto;
	margin-bottom: .26667vw;
	margin-left: auto;
}
.graph_list .item_list.skin_first .item_caption {
	position: relative;
}

/* item_list(skin_second) */
.graph_list .item_list.skin_second {
	width: 38%;
}
.graph_list .item_list.skin_second .item_image {
	margin-top: 1vw;
}
.graph_list .item_list.skin_second .item_text {
	position: relative;
	top: -1.46667vw;
	width: 92.06391%;
	margin-right: auto;
	margin-bottom: 2.53333vw;
	margin-left: auto;
}
.graph_list .item_list.skin_second .item_caption {
	position: relative;
	top: -0.93333vw;
}



/* ---------------------------------------------
*   special_list
--------------------------------------------- */
.special_list {
	width: 62.80119%;
	margin-right: auto;
	margin-left: auto;
}

/* item_list */
.special_list .item_list {
	margin-right: 5.30786%;
}
.special_list .item_list:last-child {
	margin-right: 0;
}



/* ---------------------------------------------
*   sort_list
--------------------------------------------- */
.sort_list {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}



/* ---------------------------------------------
*   sort_list_align
--------------------------------------------- */
.sort_list_align {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}


/*  magnific popup
--------------------------------------------- */
.movie_modal {
	padding-right: 2.66667%;
	padding-left: 2.66667%;
	padding-bottom: 5%;
}
.movie_modal .title {
	padding-bottom: 2.6vw;
}

.mfp-close {
	top: -8vw !important;
	right: 1vw !important;
	width: 6vw !important;
	height: 6vw !important;
	font-size: 0 !important;
	background: url("../images/btn_close.png") no-repeat 100% 0 !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}
button.mfp-arrow{
	display: none;
}

body.popup-open {
	position: relative;
}
