/* reset */
html, body, div, span, p, a, img, ul, li, section {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
ul {
	list-style: none;
}
.container {
	width: 100% !important;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
a:link {
	color: #333;
}
a:hover {
	text-decoration: none;
}
/* global */
section {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ff {
	font-family: 'Cochin', "GFS Didot", Arial, sans-serif;
}
.fs {
	font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fs2 {
	font-family: Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif;
}
section img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}
/* common */
#pageTop {
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	z-index: 9;
}
#pageTop a {
	display: block;
	z-index: 9;
	padding: 8px;
	border-radius: 0;
	width: 35px;
	height: 35px;
	background-color: #231815;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 767px) {
   /* SP */
	.pc {
		display: none !important;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.sp {
		display: none !important;
   }
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
   }
}
/* FS_page_init */
#header {
   /*はじめの高さを設定*/
	height: 7vw;
	width: 100%;
   /*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
	position: fixed;
	z-index: 999;
   /*最前面へ*/
	height: 0px;
	animation: DownAnime 0.5s forwards;
	margin-top: -7vw !important;
}
@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-14vw);
   }
	to {
		opacity: 1;
		transform: translateY(0);
   }
}
main {
	height: 100%;
	padding: 0 0px;
	background-color: #fff;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	main {
		margin-top: 12vw !important;
   }
}
@media screen and (min-width: 768px) {
	main {
		margin-top: 0vw !important;
   }
}
@media screen and (min-width: 768px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
   }
}
@media screen and (max-width: 767px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 0vw;
   }
	#line_frds_add_pdct img {
		width: 100vw;
		height: auto;
   }
}
@media screen and (min-width: 768px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 0vw;
   }
	#line_frds_add_pdct img {
		width: 70vw;
		height: auto;
   }
}
/* blackfriday */
/* section */
@media screen and (max-width: 767px) {
   /* SP */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
   }
	.sec03 {
		padding: 0 0 12vw;
   }
	.item_list_ttl {
		padding: 0 0 5vw;
		margin-top: 24vw;
   }
	.item_list {
		padding: 0 2vw;
   }
	.item_list.row-1 li {
		position: relative;
   }
	.item_list.row-1 li {
		margin-bottom: 7vw;
   }
	.item_list.row-1 li .data-info {
		position: relative;
   }
	#pageTop a {
		display: block;
		width: 12vw;
		height: 12vw;
		border-radius: 50px;
		background-image: url(https://st-medical.jp/wrw9fj/rktn/mytrex/ny2022/pagetop.png);
		background-color: #3E3A39;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
   }
	#pageTop a img {
		display: none;
   }
	.icon_new {
		width: 20vw;
		position: absolute;
		right: -1vw;
		top: 58.5vw;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
   }
	.sec03 {
		padding-bottom: 6vw;
   }
	.item_list_ttl {
		padding: 0 0 0;
		margin-top: 11vw !important;
		margin-bottom: 7vw;
   }
	#beauty_item {
		margin-top: 0 !important;
   }
	.item_list.row-1 li {
		position: relative;
   }
	.item_list.row-1 li:not(:last-child) {
		margin-bottom: 7vw;
   }
	.item_list.row-1 li .data-info {
		position: relative;
   }
	.icon_new {
		width: 10vw;
   }
	#hfb_coupon .icon_new {
		position: absolute;
		left: 1.25vw;
		bottom: -1.25vw;
		z-index: 100;
   }
	#pageTop a {
		display: block;
		width: 5vw;
		height: 5vw;
		border-radius: 50px;
		background-image: url(https://st-medical.jp/wrw9fj/rktn/mytrex/ny2022/pagetop.png);
		background-color: #3E3A39;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
   }
	#pageTop a img {
		display: none;
   }
}
/* foot */
/* coupon */
.coupon_data, .pre_coupon_data, .point_data {
	display: none;
}
.coupon_data.activate, .pre_coupon_data.activate, .point_data.point_activate {
	display: block;
	background: #000000;
	background-size: cover;
}
.container img {
	vertical-align: bottom;
}
.shop_point.p0 {
	display: none;
}
@media screen and (min-width: 768px) {
	.coupon_data {
		position: relative;
   }
	.coupon_data a {
		text-decoration: none;
		display: flex;
		justify-content: space-between;
		width: 100%;
   }
	.coupon_data a:hover {
		opacity: 0.8;
		text-decoration: none;
		transition: 0.8s;
   }
	.coupon_ttl {
		width: 20vw;
		display: flex;
		justify-content: center;
		color: #ffffff;
		font-size: 2.2vw;
		text-align: center;
		font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
   }
	.coupon_link_wrap {
		background: #000000;
		background-size: cover;
		width: 100%;
		height: 10vw;
		width: 60vw;
   }
	.coupon_link {
		color: #fff;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: center;
   }
	.coupon_link.p0 {
		justify-content: flex-start;
   }
	.point_data > div {
		display: flex;
		width: 100%;
		padding: 0.9vw;
   }
	.point_up > div:nth-child(2) {
		margin: auto;
   }
	.point_data .coupon_link {
		justify-content: center;
   }
	.coupon_time, .pre_coupon_time, .point_time {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.point_time p:before, .point_time p:after {
		border-top: 1px solid;
		content: "";
		width: 10vw;
   }
	.point_time p:before {
		margin-right: 2vw;
   }
	.point_time p:after {
		margin-left: 2vw;
   }
	.pre_coupon_time {
		background-color: #000000;
		padding: 1vw 0;
   }
	.coupon_time p, .pre_coupon_time p, .point_time p {
		color: #ffffff;
		font-size: 1.68vw;
		letter-spacing: .2vw;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.coupon_time p:before, .coupon_time p:after {
		border-top: 1px solid;
		content: "";
		width: 12.25vw;
   }
	.coupon_time p:before {
		margin-right: 2vw;
   }
	.coupon_time p:after {
		margin-left: 2vw;
   }
	.pre_coupon_time p {
		color: #fff;
   }
	.coupon_off {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #ffffff;
		padding-right: 6vw;
		background: url(https://st-medical.jp/wrw9fj/rktn/mytrex/tbc11/icon_plus.png) no-repeat right 5% top 65%;
		background-size: 3vw 3vw;
   }
	.p0 .coupon_off {
		width: 100%;
		background-image: none;
		padding-right: 0;
   }
	.shop_point {
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.shop_point_txt {
		font-size: 2.5vw;
		line-height: 1.1;
   }
	.point_up .shop_point_txt {
		font-size: 4.0vw;
		font-weight: bold;
		padding-right: 1.8vw;
		letter-spacing: inherit;
   }
	.shop_point_num {
		font-size: 8.3vw;
		line-height: 0.8;
		letter-spacing: -0.1vw;
   }
	.point_up .shop_point_num {
		font-size: 8vw;
		line-height: 1;
		letter-spacing: -0.1vw;
   }
	.shop_point_num .num {
		font-weight: 600;
   }
	.shop_point_unit {
		font-size: 4.5vw;
		font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
   }
	.coupon_num {
		font-size: 8.4vw;
		line-height: 0.9;
		letter-spacing: -0.1vw;
		padding-right: 1vw;
   }
	.coupon_num .num {
		font-weight: bold;
   }
	.coupon_yen {
		font-size: 4.8vw;
		font-family: "GFS Didot";
   }
	.coupon_unit {
		font-family: "GFS Didot";
		line-height: 1;
   }
	.coupon_unit span:nth-child(1) {
		font-size: 1.6vw;
		display: block;
   }
	.coupon_unit span:nth-child(2) {
		font-size: 1.6vw;
		display: block;
   }
	.coupon_link.p0 .coupon_unit {
		padding-top: 0;
		display: flex;
		width: 100%;
   }
	.coupon_link.p0 .coupon_unit span:nth-child(1) {
		font-size: 4.3vw;
		line-height: 0.9;
		display: block;
   }
	.coupon_link.p0 .coupon_unit span:nth-child(1).coupon_with {
		font-size: 1.3vw;
		width: 7.5vw;
		height: 7.5vw;
		display: flex;
		align-items: center;
		letter-spacing: initial;
		justify-content: center;
		margin-left: 1.5vw;
   }
	.coupon_link.p0 .coupon_unit span:nth-child(2) {
		font-size: 4.3vw;
		line-height: 0.9;
		display: block;
   }
	.coupon_data.activate {
		padding: 0.9vw;
   }
	.coupon_with_flag {
		display: block;
		font-size: 1.3vw;
		letter-spacing: 0.14em;
		line-height: 1;
		color: #000000;
		text-align: center;
   }
	.coupon_with {
		background-color: #5177c0;
		color: #ffff00;
		padding: 0.5vw;
   }
	.page_link {
		background-color: #525252;
		font-size: 1.5vw;
		letter-spacing: 0.1em;
		color: #fff;
		text-align: center;
   }
	.page_link a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1vw 0;
   }
	.page_link .icon_link {
		width: 2vw;
		margin-left: 1vw;
   }
	.new_bg {
		overflow: hidden;
		background-color: #f6f6f6;
		padding: 4.5vw 0 8vw;
   }
	.tv_cm {
		margin-bottom: 4vw;
   }
}
@media screen and (max-width: 767px) {
	.coupon_data {
		position: relative;
   }
	.coupon_data a {
		text-decoration: none;
   }
	.coupon_data a:hover {
		opacity: 0.8;
		text-decoration: none;
		transition: 0.8s;
   }
	.coupon_data a {
		width: 100%;
		display: flex;
		flex-flow: column;
		padding: 4vw 0;
   }
	.coupon_ttl {
		width:82vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2vw;
   }
	.coupon_link {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
   }
	.coupon_link.p0 {
		justify-content: center;
   }
	.point_data .coupon_link {
		justify-content: center;
   }
	.coupon_time, .pre_coupon_time, .point_time {
		width: 100%;
		min-height: 6.3vw;
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.pre_coupon_time {
		background-color: #000000;
		padding: 3vw 0;
   }
	.coupon_time p, .pre_coupon_time p, .point_time p {
		color: #ffffff;
		font-size: 3.0vw;
		letter-spacing: .2vw;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.coupon_time p:before, .coupon_time p:after, .point_time p:before, .point_time p:after {
		border-top: 1px solid;
		content: "";
		width: 15vw;
   }
	.coupon_time p:before, .point_time p:before {
		margin-right: 2vw;
   }
	.coupon_time p:after, .point_time p:after {
		margin-left: 2vw;
   }
	.pre_coupon_time p {
		color: #fff;
   }
	.coupon_off {
		display: flex;
		align-items: flex-start;
		justify-content: space-evenly;
		color: #ffffff;
		padding-right: 8vw;
		background: url(https://st-medical.jp/wrw9fj/rktn/mytrex/tbc11/icon_plus.png) no-repeat right 3.5% top 65%;
		background-size: 5vw 5vw;
   }
	.p0 .coupon_off {
		background-image: none;
		padding-right: 0;
   }
	.shop_point {
		display: flex;
		align-items: flex-end;
   }
	.point_up .shop_point {
		align-items: center;
   }
	.shop_point_txt {
		font-size: 2.8vw;
		text-align: left;
		letter-spacing: .3vw;
   }
	.point_up .shop_point_txt {
		font-size: 5vw;
		padding-top: 0;
		margin-right: 2.5vw;
   }
	.shop_point_num {
		font-size: 12vw;
		line-height: 0.8;
   }
	.shop_point_num .num {
		display: inline-block;
		line-height: 0.8;
   }
	.shop_point_unit {
		font-size: 8vw;
		font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
   }
	.coupon_num {
		font-size: 12vw;
		line-height: 1;
   }
	.coupon_yen {
		font-size: 9vw;
		font-family: "GFS Didot";
   }
	.coupon_unit {
		font-size: 5.317vw;
		font-family: "GFS Didot";
		line-height: 1;
		padding-left: 1vw;
		padding-top: 2vw;
   }
	.coupon_unit span:nth-child(1) {
		font-size: 2.8vw;
		letter-spacing: .3vw;
		display: block;
   }
	.coupon_unit span:nth-child(2) {
		font-size: 2.8vw;
		letter-spacing: .3vw;
		display: block;
   }
	.coupon_link.p0 .coupon_unit {
		display: flex;
   }
	.coupon_link.p0 .coupon_unit span {
		font-size: 6vw;
   }
	.coupon_with_flag {
		display: block;
		letter-spacing: 0.14em;
		line-height: 1;
		color: #000000;
		text-align: center;
   }
	.coupon_link.p0 .coupon_unit span.coupon_with {
		font-size: 1vw;
		line-height: 1.3;
		display: flex;
		align-items: center;
		justify-content: center;
   }
	.coupon_link.p0 .coupon_unit span.coupon_with br {
		display: block;
   }
	.coupon_with {
		background-color: #5177c0;
		color: #ffff00;
		padding: 0.6vw 0.4vw;
   }
	.coupon_with br {
		display: none;
   }
	.coupon_link.p0 .coupon_with {
		width: 11vw;
		height: 11vw;
		border-radius: 50%;
   }
	.page_link {
		background-color: #525252;
		font-size: 4vw;
		letter-spacing: 0.1em;
		color: #fff;
		text-align: center;
   }
	.page_link a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3vw 0;
   }
	.page_link .icon_link {
		width: 5.5vw;
		margin-left: 2vw;
   }
	.point_data.point_activate {
		padding: 3vw 0;
   }
}
@media screen and (min-width: 768px) {
	.pt_up_camp {
		background-color: #fcfaf5;
		padding: 8vw 0 8vw;
   }
	.pt_up_camp2 {
		position: relative;
		margin-bottom: 2vw;
   }
	.pt_up_camp3 {
		font-size: 1.4vw;
		letter-spacing: 0.03em;
		line-height: 1.9;
		text-align: center;
		margin-bottom: 2vw;
   }
	.pt_up_camp4 a {
		display: block;
		text-align: center;
		background-color: #525252;
		color: #fff;
		line-height: 3vw;
		font-size: 1.5vw;
		letter-spacing: 0.1em;
   }
	.xmas_bnr {
		width: 100%;
		position: relative;
		margin-top: 8vw !important;
		margin-bottom: 2vw;
   }
	.xmas_link a {
		display: block;
		text-align: center;
		background-color: #525252;
		color: #fff;
		line-height: 3vw;
		font-size: 1.5vw;
		letter-spacing: 0.1em;
   }
	.nav_link {
		padding: 10vw 0;
   }
	.nav1 {
		width: 50VW;
		margin: 0 auto 4vw;
   }
	.nav2 ul {
		display: flex;
		justify-content: center;
		gap: 0 1vw;
   }
	#new_item {
		margin-top: 0 !important;
		margin-bottom: 0;
   }
	.select_item {
		background-color: #fff;
		border: 5px solid #000;
		padding: 0;
		/* width: 74vw; */
		margin: 0 auto 0 !important;
   }
	.select_item_head {
		display: block;
		max-width: fit-content;
		margin: 0 auto 1.5vw;
   }
	.select_item_body {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1.5vw;
   }
	.select_item_body_child {
		width: 47.574%;
   }
	.select_item_body_child_ttl {
		width: 38.35%;
		margin: auto;
   }
}
@media screen and (max-width: 767px) {
	.pt_up_camp {
		background-color: #fcfaf5;
		padding: 12vw 7.0vw;
   }
	.pt_up_camp2 {
		position: relative;
		margin-bottom: 5.5vw;
   }
	.pt_up_camp3 {
		font-size: 2.8vw;
		font-weight: bold;
		letter-spacing: 0.03em;
		line-height: 1.9;
		text-align: center;
		margin-bottom: 5.5vw;
   }
	.pt_up_camp4 a {
		display: block;
		text-align: center;
		background-color: #525252;
		color: #fff;
		line-height: 8.5vw;
		font-size: 3.5vw;
		font-weight: bold;
		letter-spacing: 0.14em;
   }
	.xmas_wrap {
		padding: 10vw 7.0vw;
   }
	.xmas_bnr {
		position: relative;
		margin-bottom: 5.5vw;
   }
	.xmas_link a {
		display: block;
		text-align: center;
		background-color: #525252;
		color: #fff;
		line-height: 8.5vw;
		font-size: 3.5vw;
		font-weight: bold;
		letter-spacing: 0.14em;
   }
	.nav_link {
		padding: 18vw 7vw 18vw !important;
   }
	.nav1 {
		width: 57VW;
		margin: 0 auto 9.5vw;
   }
	.nav2 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 4.5vw 0;
   }
	.nav2 ul > li {
		width: 40vw;
   }
	#new_item {
		margin-top: 0 !important;
		margin-bottom: 0;
   }
	.select_item {
		background-color: #fff;
		border: 5px solid #000;
		padding: 0;
		margin: 0 0 0 !important;
   }
	.select_item_head {
		width: 68vw;
		margin: 0 auto 4.0vw;
   }
	.select_item_body {
		display: flex;
		align-items: center;
		gap: 0 2.5vw;
		margin-bottom: 5.0vw;
   }
	.tvcm {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
   }
}
.select_item.beauty_bg {
	background-color: #fff;
	border: 5px solid #000;
}
.select_item.health_bg {
	background-color: #fff;
	border: 5px solid #000;
}
.select_item.heat_bg {
	background-color: #fff;
	border: 5px solid #000;
}