.product_mobile {display: none;}

section.product_mobile .swiper-horizontal {width: 100%;}

/* for ver. ipad 20-12-24 */
@media screen and (max-width: 844px) {
	svg {display: none;}
	
	section.product_mobile .swiper-horizontal {padding: 0 12vw;}

	.swiper-button-prev {left: 5vw;}

	.swiper-button-next {right: 5vw;}

	.products-new,
	.pd_swip_new {
		display: none;
	}

	.product_mobile {
		display: block;
		height: fit-content;
		padding: 10em 1em 1em 1em;
		background-image: url(../img/PRODUCT/bg--3242.webp) !important;
		background-position: center;
		background-size: cover;
	}

	.con_pd_mobile {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0;
	}

	.product_mobile .title {width: 100%;}

	.product_mobile h1.o-title_line {text-align: center;}

	.product_mobile .nav>li>a {padding: 10px 5px;}

	.product_mobile .o-title_line span {
		text-align: center;
		font-size: 4rem;
		letter-spacing: normal;
	}

	.product_mobile .nav-pills {
		display: flex;
		justify-content: center;
		margin-top: 1rem;
	}

	.product_mobile .nav-pills>li>a {font-size: 12px;}

	.product_mobile .tab-content>.tab-pane {
		padding-right: 1em;
		padding-left: 1em;
	}

	.product_mobile .box-content {justify-content: center;}

	.product_mobile .carousel-frame {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.carousel-hidden,
	.carousel-prev,
	.carousel-next,
	.carousel-dots,
	.download {
		position: relative !important;
	}

	.download {top: -3em;}

	.download img {width: 27vw;}

	:root {
		--50vw: 100vw;
	}

	.np_mobile {
		position: absolute;
		width: 100%;
		top: 40%;
		display: flex;
		justify-content: space-between;
	}

	.carousel-dots {
		z-index: auto;
		width: 100%;
		transform: none;
	}

	.product_mobile .carousel-dots li {
		font-family: "Coinage Caps Kruger Gray";
		text-transform: uppercase;
	}

	.carousel-prev,
	.carousel-next,
	.carousel-frame .download {
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
	}

	.carousel-prev:before,
	.carousel-next:before {
		display: none;
	}

	.carousel-frame .download {padding-top: 4rem;}

	.carousel-frame .download img {
		width: 60vw;
		margin: 0;
	}

	section.product_mobile .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		left: 0;
		transform: none;
		max-width: none;
		min-width: none;
		width: 100%;
		margin-top: 3em;
		margin-bottom: 3em;
	}

	section.product_mobile .tabs label {
		order: 1;
		display: block;
		padding: 0 0.5rem;
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		transition: color ease 0.2s;
		font-family: Arial, Helvetica, sans-serif;
		border-right: 1px solid #fff;
		text-transform: uppercase;
		z-index: 555;
	}

	section.product_mobile .tabs label:nth-last-child(2) {
		border-right: none;
	}

	section.product_mobile .tabs .tab {
		order: 99; // Put the tabs last
		flex-grow: 1;
		width: 100%;
		display: none;
		padding: 1rem;
	}

	section.product_mobile .tabs input[type="radio"] {
		display: none;
	}

	section.product_mobile .tabs input[type="radio"]:checked+label {
		color: #D2B16A;
	}

	section.product_mobile .tabs input[type="radio"]:checked+label+.tab {
		display: block;
	}

	@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

	section.product_mobile .container {
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
	}

	section.product_mobile .swiper {
		position: relative;
		width: 100%;
		overflow: visible;
		height: 100%;
	}

	section.product_mobile .swiper-slide {
		position: relative;
		transform: scale(.84);
		transition: all .3s ease-in-out;
		overflow: visible;
		border-radius: 0.4285rem;
		width: 100%; // 120724
	}

	section.product_mobile .swiper-backface-hidden .swiper-slide {
		transform: scale(.84) translateZ(0);
	}

	section.product_mobile .swiper-slide.swiper-slide-active {
		transform: scale(1) !important;
	}

	section.product_mobile .swiper-backface-hidden .swiper-slide.swiper-slide-active {
		transform: scale(1) translateZ(0) !important;
	}

	section.product_mobile .swiper-image {
		position: relative;
		width: 100%;
		height: 65vh;
	}

	section.product_mobile .swiper-image .image {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #929ec9;
	}

	.product_mobile .flip_img {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.product_mobile .wrapper,
	.product_mobile .ingree {
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		/*transition effects */
		-webkit-transition: -webkit-transform 0.6s ease-in-out;
		-moz-transition: -moz-transform 0.6s ease-in-out;
		-o-transition: -o-transform 0.6s ease-in-out;
		transition: transform 0.6s ease-in-out;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.product_mobile .ingree {z-index: -1;}

	.product_mobile .ingree img {
		-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-moz-transition: -moz-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-o-transition: -o-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		transform: scale(0.5);
	}

	.product_mobile .swiper-slide.swiper-slide-active .ingree img {
		transform: scale(1);
	}

	.product_mobile .txt_title {
		text-align: center;
		color: #D2B16A;
		font-size: 1.79em;
		opacity: 0;
		transform: translateY(-100%);
		transition: opacity 300ms ease-in;
		transition-delay: 300ms;
	}

	.product_mobile .swiper-slide.swiper-slide-active .txt_title {
		opacity: 1;
	}
}

@media (max-width: 430px) {

	.swiper-button-next {right: 0;}
	.swiper-button-prev {left: 0;}

	section.product_mobile .swiper-horizontal {padding: 0;}

	.products-new,
	.pd_swip_new {
		display: none;
	}

	.product_mobile {
		display: block;
		height: fit-content;
		padding: 10em 1em 1em 1em;
		background-image: url(../img/PRODUCT/bg--3242.webp) !important;
		background-position: center;
		background-size: cover;
	}

	.con_pd_mobile {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0;
	}

	.product_mobile .title {width: 100%;}

	.product_mobile h1.o-title_line {text-align: center;}

	.product_mobile .nav>li>a {padding: 10px 5px;}

	.product_mobile .o-title_line span {
		text-align: center;
		font-size: 4rem;
		letter-spacing: normal;
	}

	.product_mobile .nav-pills {
		display: flex;
		justify-content: center;
		margin-top: 1rem;
	}

	.product_mobile .nav-pills>li>a {font-size: 12px;}

	.product_mobile .tab-content>.tab-pane {
		padding-right: 1em;
		padding-left: 1em;
	}

	.product_mobile .box-content {justify-content: center;}

	.product_mobile .carousel-frame {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.carousel-hidden,
	.carousel-prev,
	.carousel-next,
	.carousel-dots,
	.download {
		position: relative !important;
	}

	.download {top: 3em;}

	.download img {width: 60vw;}

	:root {
		--50vw: 100vw;
	}

	.np_mobile {
		position: absolute;
		width: 100%;
		top: 40%;
		display: flex;
		justify-content: space-between;
	}

	.carousel-dots {
		z-index: auto;
		width: 100%;
		transform: none;
	}

	.product_mobile .carousel-dots li {
		font-family: "Coinage Caps Kruger Gray";
		text-transform: uppercase;
	}

	.carousel-prev,
	.carousel-next,
	.carousel-frame .download {
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
	}

	.carousel-prev:before,
	.carousel-next:before {
		display: none;
	}

	.carousel-frame .download {padding-top: 4rem;}

	.carousel-frame .download img {
		width: 60vw;
		margin: 0;
	}

	section.product_mobile .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		left: 0;
		transform: none;
		max-width: none;
		min-width: none;
		width: 100%;
		margin-top: 3em;
		margin-bottom: 3em;
	}

	section.product_mobile .tabs label {
		order: 1;
		display: block;
		padding: 0 0.5rem;
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
		transition: color ease 0.2s;
		font-family: Arial, Helvetica, sans-serif;
		border-right: 1px solid #fff;
		text-transform: uppercase;
	}

	section.product_mobile .tabs label:nth-last-child(2) {
		border-right: none;
	}

	section.product_mobile .tabs .tab {
		order: 99; // Put the tabs last
		flex-grow: 1;
		width: 100%;
		display: none;
		padding: 1rem;
	}

	section.product_mobile .tabs input[type="radio"] {
		display: none;
	}

	section.product_mobile .tabs input[type="radio"]:checked+label {
		color: #D2B16A;
	}

	section.product_mobile .tabs input[type="radio"]:checked+label+.tab {
		display: block;
	}

	@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

	section.product_mobile .container {
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
	}

	section.product_mobile .swiper {
		position: relative;
		width: 100%;
		overflow: visible;
		height: 100%;
	}

	section.product_mobile .swiper-slide {
		position: relative;
		transform: scale(.84);
		transition: all .3s ease-in-out;
		overflow: visible;
		border-radius: 0.4285rem;
		width: 100%; // 120724
	}

	section.product_mobile .swiper-backface-hidden .swiper-slide {
		transform: scale(.84) translateZ(0);
	}

	section.product_mobile .swiper-slide.swiper-slide-active {
		transform: scale(1) !important;
	}

	section.product_mobile .swiper-backface-hidden .swiper-slide.swiper-slide-active {
		transform: scale(1) translateZ(0) !important;
	}

	section.product_mobile .swiper-image {
		position: relative;
		width: 100%;
		height: 50vh;
	}

	section.product_mobile .swiper-image .image {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #929ec9;
	}

	.product_mobile .flip_img {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.product_mobile .wrapper,
	.product_mobile .ingree {
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		/*transition effects */
		-webkit-transition: -webkit-transform 0.6s ease-in-out;
		-moz-transition: -moz-transform 0.6s ease-in-out;
		-o-transition: -o-transform 0.6s ease-in-out;
		transition: transform 0.6s ease-in-out;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.product_mobile .ingree {z-index: -1;}

	.product_mobile .ingree img {
		-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-moz-transition: -moz-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-o-transition: -o-transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		transform: scale(0.5);
	}

	.product_mobile .swiper-slide.swiper-slide-active .ingree img {
		transform: scale(1);
	}

	.product_mobile .txt_title {
		transform: translateY(0);
		text-align: center;
		color: #D2B16A;
		font-size: 1.79em;
		opacity: 0;
		transition: opacity 300ms ease-in;
		transition-delay: 300ms;
	}

	.product_mobile .swiper-slide.swiper-slide-active .txt_title {
		opacity: 1;
	}
}