html{
	height:100%;
	scroll-behavior: smooth;
}
body{
	margin:0;
	padding:0;
	width:100vw;
	min-height: 100%;
	letter-spacing:0.05em;
	background:#fff;
	font-family:'Manrope', sans-serif;
	font-weight:300;
	color:#071A22;
	font-size:16px;
	line-height:1.5;
}
body.blackbg{
	position:relative;
}
body.scroll-lock {
	overflow: hidden; /* スクロール禁止 */
}
body.blackbg::before{
	content:'';
	display:block;
	width:100vw;
	height:100vh;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	background:rgba(0,0,0,.25);
	z-index:888;
}
/*scrollbar setting */
/* width */
body::-webkit-scrollbar {
	width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
body::-webkit-scrollbar-thumb {
	background: #071A22;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
	background: #071A22;
}
header,section,footer,nav,article,div,h1,h2,h3{
	box-sizing: border-box;
	margin:0;
	position:relative;
}
.scroll-fadeup {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-fadeup.active {
	opacity: 1;
	transform: translateY(0);
}
.scroll-fadein {
	opacity: 0;
	transition: opacity 0.6s ease-out;
}
.scroll-fadein.active {
	opacity: 1;
}
header{
	width:100%;
	height:100vh;
	display:flex;
	justify-content: center;
	align-items: top;
	flex-wrap: wrap;
}

header.small{
	height:calc(10vw + 7.569vw);
}
header.header-height-auto{
	height:auto;
}
header .header-container{
	position:fixed;
	top:0;
	flex:0 0 100%;
	width:100%;
	margin:0;
	height:7.638vw;
	z-index:888;
	padding:15px 6.9445%;
	box-sizing: border-box;
	background:rgba(255,255,255,.0);
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap:wrap;
	gap:25px 0;
}
header .header-container .submenu{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:auto;
	top:10px;
	padding:0 6.9444vw;
	display:flex;
	justify-content: flex-end;
	gap:0 15px;
	font-size:81.25%;

}
header .header-container .submenu .submenu-box{
	flex:0 0 auto;
	margin:0;
	padding:0;
	position:relative;
}
header .header-container .submenu .submenu-box .submenu-title{
	display:block;
	position:relative;
	padding:3px 6px;
	box-sizing: border-box;
	margin:0;
	transition:.3s all;
	font-weight:600;
}
header .header-container .submenu .submenu-box:nth-of-type(2) .submenu-title a{
	text-decoration: none;
	color:#071A22;
	font-weight:600;
	transition:.3s all;
	width:100%;
	height:100%;
	display:block;
}
header .header-container .submenu .submenu-box .submenu-title a::before{
	content:'';
	width:100%;
	border:1px solid #071A22;
	bottom:0px;
	display:block;
	position:absolute;
	opacity:0;
}
header .header-container .submenu .submenu-box .submenu-title:hover{
	background:#fff;
}
header .header-container .submenu .submenu-box .submenu-title:hover > ul{
	display:block;
}
header .header-container .submenu .submenu-box ul{
	position:absolute;
	width:200%;
	top:100%;
	left:-100%;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	list-style-position: inside;
	display:none;
	background:#fff;
	border:1px solid #071A22;
}
header .header-container .submenu .submenu-box ul li{
	padding:10px 14px;
	transition:.3s all;
}
header .header-container .submenu .submenu-box ul li a{
	text-decoration: none;
	color:#071A22;
	width:100%;
	height:100%;
	display:block;
	font-weight:400;
}
header .header-container .submenu .submenu-box ul li:first-child{
	padding:20px 14px 10px 14px;
}
header .header-container .submenu .submenu-box ul li:last-child{
	padding:10px 14px 20px 14px;
}
header .header-container .submenu .submenu-box ul li:hover{
	background:rgba(7,26,34,0.05);
}

header .header-container-scrolling{
	background:#fff !important;
	animation: detailopen 0.3s linear 0s forwards;
}

header .header-container .header-functions{
	flex: 0 0 100%;
	max-width:114px;
	display:flex;
	justify-content: flex-end;
	align-items: baseline;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	gap:0px 20px;
}
header .header-container .header-functions span:hover{
	cursor:pointer;
}
header .header-container .header-functions span,
header .header-container .header-functions a{
	text-decoration: none;
	width:19px;
	height:19px;
	display:flex;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
	position:relative;
}
header .header-container .header-functions span::before,
header .header-container .header-functions a::before{
	content:'';
	width:100%;
	display:block;
	height:2px;
	background:#071A22;
	position:absolute;
	bottom:-8px;
	opacity:0;
}
header .header-container .header-functions span:hover::before,
header .header-container .header-functions a:hover::before{
	opacity:1;
	animation: detailopen 0.3s linear 0s forwards;
}
header .header-container .header-functions a.header-functions-fav svg{
	transform:scale(1.0);
}
header .header-container .header-functions a.header-functions-fav svg.anime{
	animation: header-functions-fav .25s ease-in-out 0s forwards alternate;
}
header .header-container .header-functions a.header-functions-fav.anime::after{
	content:'+';
	font-weight:bold;
	font-size:120%;
	color:#071A22;
	display:block;
	position:absolute;
	transform: translate(0%, 0%);
	opacity:0;
	animation: header-functions .6s linear 0s forwards alternate;
}
@keyframes header-functions{
	0% {transform: translate(0%, 0%);opacity:1;}
	50%{transform: translate(0%, -40%);opacity:.5;}
	100% {transform: translate(0%, -80%);opacity:0;}
}
@keyframes header-functions-fav {
	0% {transform: scale(1.0);}
	50%{transform: scale(1.25);}
	100% {transform: scale(1.0);}
}

header .header-container .header-functions span svg,
header .header-container .header-functions a svg{
	width:100%;
	height:100%;
}
header .header-container .header-logo{
	flex: 0 0 1;
	display:flex;
	justify-content: left;
	align-items: baseline;
	flex-wrap: wrap;
	margin:0;
	padding:0;
}
header .header-container .header-logo p{
	font-size:75%;
	margin:0 0 0 15px;
	position:relative;
	bottom:8px;
}
header .header-container .header-logo a{
	text-decoration: none;
	display:block;
	margin:0;
	padding:0;
}
header .header-container .header-logo a img,
header .header-container .header-logo a svg{
	width:100%;
	height:100%;
	max-width:13.8888vw;
	max-height:2.7777vw;
	min-width:calc(283px*0.3968);
	min-height:calc(62px*0.3968);
	margin:0;
	padding:0;
	display:block;
}
header .header-info-mob{
	flex: 0 0 100%;
	width:100%;
	background:#fff;
	display:none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin:0 0 0 0;
	padding:0;
	position:fixed;
	top:50px;
	left:0;
	animation: detailopen 0.3s linear 0s forwards;
	z-index:9999;
}
header .header-info-mob .info-mob-container{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin:0;
	padding:25px;
}
header .header-info-mob .searchbar-close-btn{
	position:absolute;
	top:0px;
	right:10px;
}
header .header-info-mob ul{
	position: relative;
	padding:0;
	margin:0;
	list-style: none;
}
header .header-info-mob ul li{
	padding:0 0 1em 0;
	transition:.3s all;
}
header .header-info-mob ul li a{
	text-decoration: none;
	color:#071A22;
	width:100%;
	height:100%;
	display:block;
	font-weight:400;
}
header .header-searchbar{
	flex: 0 0 100%;
	width:100%;
	height:calc(7.569vw + 25px + 25px);
	background:#fff;
	display:none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin:0;
	padding:25px;
	position:fixed;
	top:0;
	left:0;
	animation: detailopen 0.3s linear 0s forwards;
	z-index:9999;
}
header .header-searchbar .searchbar-container{
	display:flex;
	justify-content: center;
	align-items: center;
	width:50vw;
	height:100%;
	position:relative;
}
.searchbar-close-btn{
	position:absolute;
	top:-10px;
	right:0;
	width:30px;
	height:30px;
	transition:.3s all;
}
.searchbar-close-btn:hover{
	cursor:pointer;
	background:rgba(7,26,34,0.1);
}
.searchbar-close-btn span{
	display:block;
	position:absolute;
}
.searchbar-close-btn span:nth-of-type(1){
	background:#071A22;
	width:60%;
	height:2px;
	display:block;
	transform:rotate(45deg);
	top:calc((100% - 2px)/2);
	left:calc((100% - 60%)/2);
}
.searchbar-close-btn span:nth-of-type(2){
	background:#071A22;
	width:60%;
	height:2px;
	display:block;
	transform:rotate(135deg);
	top:calc((100% - 2px)/2);
	left:calc((100% - 60%)/2);
}
header .header-searchbar form{
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:nowrap;
}
header .header-searchbar form input{
	display:block;
	width:50vw;
	height:38px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:0px solid #ccc;
	border-right:0;
	padding:10px;
	box-sizing: border-box;
	border-radius:0;
}
header .header-searchbar form input:focus{
	border-radius:0;
	color:#071A22;
	border-color:#071A22;
	outline: none;
}
header .header-searchbar form input.default-text {
	color: #999;
}
header .header-searchbar form input.input-text {
	color: #000;
}
header .header-searchbar form .searchbar-button{
	width:100%;
	height:100%;
	max-width:38px;
	max-height:38px;
	position:relative;
	left:-1px;
	top:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid rgba(0,0,0,0);
}
header .header-searchbar form input:focus + .searchbar-button{
	border-top:1px solid #071A22;
	border-bottom:1px solid #071A22;
	border-right:1px solid #071A22;
	border-left:1px solid rgba(0,0,0,0);
}
header .header-searchbar form .searchbar-button a{
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
header .header-searchbar form .searchbar-button a:hover{
	background:rgba(7,26,34,0.1);
	transition:all .3s;
}
header .header-searchbar form .searchbar-button a svg{
	width:62%;
	height:62%;
}
header .header-container nav{
	flex:1 1;
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	margin:0;
	padding:0 30px 0;
	gap:0px 20px;
}
header .header-container nav a{
	text-decoration: none;
	font-weight:600;
	font-size:112.5%;
	color:#071A22;
	position:relative;
}
header .header-container nav a.selected::before{
	content:'';
	background:#071A22;
	width:100%;
	height:2px;
	bottom:-8px;
	position:absolute;
	display:block;
	opacity:0;
	animation: link-border 0.3s linear 0s forwards alternate;
}
header .header-container nav a:hover::before{
	content:'';
	background:#071A22;
	width:100%;
	height:2px;
	bottom:-8px;
	position:absolute;
	display:block;
	opacity:0;
	animation: link-border 0.3s linear 0s forwards alternate;
}
@keyframes link-border {
	0%{opacity:0;}
	100%{opacity:1;}
}
header .header-img{
	background:#ccc;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:111;
	overflow:hidden;
}
header .header-img video {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 16:9の比率を維持しながらフルスクリーン表示 */
	width: 100vw; /* 画面幅を基準に */
	height: 56.25vw; /* 16:9の高さ = 16 ÷ 9 = 56.25% */

	min-height: 100vh; /* 画面の高さを確保 */
	min-width: 177.78vh; /* 16:9 の比率 */

	/* ビデオの表示方法を調整 */
	object-fit: cover;
}

header.child .header-img img{
	aspect-ratio: 16/9;
	width:100%;
	height:auto;
}
header .header-img-small{
	height:calc(20.833vw + 7.638vw);
	padding-top:7.638vw;
	background:#fff;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:111;
}

header.child .header-img-child .header-text,
header .header-img .header-text{
	position:absolute;
	width:86.111%;
	bottom:6.944vw;
	left:calc((100% - 86.111%)/2);
}
header .header-img-small .header-text{
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
}

header .header-text h1{
	color:#fff;
	font-size:200%;
	font-weight:600;
	margin:0 0 25px 0;
	padding:0;
}
header .header-text a{
	font-size:137.5%;
	background:#071A22;
	width:236px;
	height:70px;
	display:flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	box-sizing:border-box;
	border:1px solid #071A22;
	color:#fff;
	font-weight:600;
}
header .header-text a:hover{
	background:rgba(0,0,0,0);
	border:1px solid #fff;
	transition: all 0.3s;
}
header .header-img-small .header-text h1{
	color:#071A22;
	margin-top:7.569vw;
}
header.child{
	width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
	height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
	min-height: 100%;
	min-width: 100%;
	max-height: 100vh;

}
header.child .header-img-child{
	width:100%;
	height:calc(100vw/1.77777777778vw);
	overflow:hidden;
	max-height: 100vh;
}
header.child .header-img-child img{
	position:absolute;
	width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
	height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
	min-height: 100%;
	min-width: 100%;
	max-height: 100vh;
}

.fade-to-black {
	position: relative;
	width: 100%;
}

.fade-to-black::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-image: linear-gradient(0deg, rgba(6,3,12,0.86) 0vh, rgba(0,0,0,0) 50vh);
	z-index: -1;
}

footer{
	width:100%;
	min-height:100px;
	border-top:1px solid #E7E8E9;
	padding-top:100px;
}
footer .footer-container{
	margin:0 auto;
	width:86.111%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:150px 0;
}
footer .footer-container .footer-nav{
	width:calc(100% - 225px);
	flex:0 0 calc(100% - 225px);
	display:flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:0px 50px;
}
footer .footer-container .footer-nav .footer-nav-box{
	flex: 0 1;
	order: 0;
	flex-grow: 0;
}
footer .footer-container .footer-nav .footer-nav-box:nth-of-type(1){
	flex: 0 182px;
}
footer .footer-container .footer-nav .footer-nav-box:nth-of-type(2){
	flex: 0 182px;
}
footer .footer-container .footer-nav .footer-nav-box:nth-of-type(3){
	flex: 0 114px;
}

footer .footer-container .footer-contact p,
footer .footer-container .footer-nav .footer-nav-box p{
	font-weight:600;
	display:inline-block;
	margin: 0 0 50px 0;
	font-size:87.5%;
}
footer .footer-container .footer-contact a,
footer .footer-container .footer-nav .footer-nav-box a{
	color:#071A22;
	text-decoration: none;
	display:inline-block;
	width:100%;
	margin: 0 0 10px 0;
	font-size:87.5%;
}
footer .footer-container .footer-contact{
	width:225px;
	flex: 0 0 225px;
}
footer .footer-container .footer-contact .ico-whatsapp{
	width:45px;
	height:45px;
	background:#38D051;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:25px;
}
footer .footer-container .footer-contact .ico-whatsapp svg{
	width:70%;
	height:70%;
}
footer .footer-container .footer-contact .ico-whatsapp a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
footer .footer-container .footer-contact .ico-whatsapp:hover{
	opacity:.6;
	transition:all .3s;
}
footer .footer-container p.copyright{
	flex: 0 100%;
	width:100%;
	font-size:87.5%;
	display:block;
	color:#6E7477;
}
main{
	width:100%;
	overflow:hidden;
}
main.main-productpage{
	padding-top:6.7784vw;
}
main.margin-50{
	margin:50px 0;
}
main.margin-0{
	margin:0;
}
section{
	width:100%;
	/* height:100%; */
	display:flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:13.888vw 0;
	margin-bottom:13.888vw;
}
section.margin-bottom-0{
	margin-bottom:0;
}
section.padding-bottom-100{
	padding-bottom:6.944vw;
}
section.padding-top-100{
	padding-top:6.944vw;
}
section.padding-bottom-50{
	padding-bottom:3.472vw;
}
section.padding-top-50{
	padding-top:3.472vw;
}
section.background-grey{
	background:#E7E8E9;
}
section.gap-125{
	gap:3vw 0;
}
article{
	width:86.111%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
article.category{
	padding-top:3.4722vw;
}
article.article-100vw{
	width:100vw;
}
article.article-mob-gap-100{
	gap:100px 0;
}
article.article-padding-top-100{
	padding-top:100px;
}
article.article-padding-bottom-100{
	padding-bottom:100px;
}
article.mob-padding-0{
	padding-bottom:0px;
}
article.article-gap-50{
	gap:50px 0;
}
article.article-gap-100{
	gap:100px 0;
}
article.article-padding-bottom-50{
	padding-bottom:50px;
}
article.center{
	justify-content: center;
}
article.width-93{
	width:93.055%;
}
article h1{
	font-size:137.5%;
	font-weight:600;
	flex:0 0 100%;
	padding:0;
}
article h1.child{
	font-size:200%;
}
article h1.slogan{
	font-size:250%;
	font-weight:600;
	flex:0 0 100%;
	padding:0;
}
article h1.h1-center{
	text-align:center
}
article h1.h1-border-bottom{
	border-bottom:1px solid #E7E8E9;
	padding-bottom:50px;
}

article h2{
	font-size:150%;
	font-weight:600;
	flex:0 0 100%;
	padding:0;
}
article h1.h2-center{text-align:center}
article h3{
	font-size:125.0%;
	font-weight:600;
	margin:0;
	padding:0;
	flex:0 0 100%;
}
article h4{
	font-size:100%;
	font-weight:600;
	margin:0;
	padding:0;
}
article .content-button{
	font-size:100%;
	color:#071A22;
	background:#fff;
	padding:0.833vw 0.972vw;
	box-sizing: border-box;
	border:1px solid #071A22;
	transition: all .3s;
	display:flex;
	justify-content: center;
}
article .content-button-100{
	min-width:100%;
	height:100%;
	flex:0 0 100%;
}
article a{
	text-decoration: none;
	display:block;
}
article a.absolute-bottom-0{
	position:absolute;
	top:100%;
	left:0;
}
article a.center{
	margin:0 auto;
}
article a.width-100{
	width:100%;
}
article p{
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
	flex: 0 0 100%;
	hyphens: auto;
}
article p.small{
	font-size:80%;
}
article p b{
	display:inline-block;
	margin-bottom:8px;
}

article p.nofavourites{
	flex:0 0 100%;
	text-align:center;
	padding:100px 0;
}
article p.padding-50{
	padding:0 0 50px 0;
}
article p.padding-25{
	padding:0 0 25px 0;
}
article p.center{
	text-align:center;
}
article .content-button:hover{
	background:#071A22;
	color:#fff;
}
.contentbox{
	margin:0;
	padding:0;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
	flex-wrap: wrap;
	position:relative;
}
.contentbox-office{
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	align-items: flex-start;
	align-content:flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
.contentbox-categorylink{
	flex:0 0 32%;
	gap:1.7361vw;
	height:100%;
	display:flex;
	justify-content: center;
	align-self: stretch;
	align-content:flex-start;
}
.contentbox-categorylink a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.contentbox-categorylink .contentbox-categorylink-img{
	aspect-ratio: 1/1;
	width:100%;
	height:auto;
	max-width:100%;
	max-height:auto;
	height:auto;
	overflow: hidden;
}
.contentbox-categorylink-img img{
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	transition:.6s all ease;
}
.contentbox-categorylink:hover > .contentbox-categorylink-img img{
	transform:scale(1.025);
}
.contentbox-categorylink:hover > .content-button{
	background:#071A22;
	color:#fff;
}
.contentbox-office-img img{
	width:100%;
	height:100%;
	aspect-ratio:1.618/1;
}
.contentbox-office-img video{
	position: relative;
	height: 100%;
	width: 100%;
	aspect-ratio:1.618/1;
	top:0;
}
.contentbox-padding-bottom-50{
	padding-bottom:50px;
}
.contentbox-70{
	flex:0 0 calc(70% - 100px);
	width: calc(70% - 100px);
	gap:25px 0;
	position:relative;
}
.contentbox-50{
	flex:0 0 calc(50% - 25px);
	width: calc(50% - 25px);
	gap:25px 0;
}
.contentbox .line{
	width:100%;
	height:1px;
	border-bottom:1px solid #E7E8E9;
	margin:25px 0;
}
.contentbox-50-ico{
	flex:0 0 100%;
	width:100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:12.5px 0;
}
.contentbox-50-ico svg{
	width:100%;
	height:100%;
	max-width:40px;
	max-height:40px;
}
.contentbox-50-ico h3{
	width:100%;
	flex:0 0 100%;
}
.contentbox-50-img{
	aspect-ratio:1.732/1;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
.contentbox-50-img img{
	width:100%;
	height:100%;
}
.contentbox-padding-50{
	padding:0 0 50px 0;
}
.contentbox-30{
	flex:0 0 30%;
	gap:50px 0;
}
.contentbox-30 .contentbox-30-img{
	flex:0 0 100%;
	margin:0;
	padding:0;
	aspect-ratio: 1/1;
	width:100%;
	height:100%;
	max-width:432px;
	max-height:432px;
	background:#ccc;
	transition:.3s all;
	overflow:hidden;
}
.contentbox-30 .contentbox-30-img img{
	width:100%;
	height:100%;
	transition:.3s all;
}
.contentbox-30:hover > .contentbox-30-img img{
	transform:scale(1.025);
}
.contentbox-30:hover > .content-button{
	background:#071A22;
	color:#fff;
}
.contentbox-60{
	flex:0 0 48.95%;
}
.contentbox-60-img{
	aspect-ratio: 1.732 / 1;
	width:100%;
	height:412px;
	background:#ccc;
	top:-6.944vw;
}
.contentbox-60-img img{
	width:100%;
	height:100%;
	display:block;
	aspect-ratio: 1.732 / 1;
}
.contentbox-40{
	flex: 0 0 30.55%;
	gap:50px 0;
	align-items: flex-start;
	flex-direction: column;
}
.contentbox-100{
	flex: 0 0 100%;
}
.contentbox-100-child{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	align-content:flex-start;
	flex-wrap:wrap;
	gap:50px 50px;
}
.contentbox-100-child-gap-15{
	gap:15px 15px;
}
.contentbox-100-img{
	width:100%;
	height:100%;
	justify-content: center;
	align-items: center;
	align-self: center;
	position:relative;
}
.contentbox-100-img img{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
}
.contentbox-100-img h1{
	width:auto;
	flex: 0 0 auto;

	padding:30px;
	box-sizing: border-box;
}
.contentbox-100-box-50-img{
	order:0;
	aspect-ratio:1.732/1;
	width:100%;
	height:auto;
	background:#ccc;
}
.contentbox-100-box-50-img img{
	aspect-ratio: 1.732/1;
	height:100%;
	width:100%;
}
.contentbox-100-box-50{
	flex:0 0 calc(50% - 25px);
	order:0;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	gap:25px 0;
}
.stepbox{
	width:13.3064%;
	position:relative;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap:4.0322% 0;
}
.stepbox .steps{
	font-size:90%;
	width:100%;
	height:100%;
	min-height:12.96vh;
	aspect-ratio: 1.618/1;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	border:0px solid #071A22;
	background:rgba(7,26,34,0.025);
	display:flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	flex-wrap:wrap;
	padding:0.6944vw;
	box-sizing: border-box;
	text-align:center;
	position:relative;
}
.stepbox .steps::before{
	content:'';
	display:block;
	width:8px;
	height:8px;
	border-top:1px solid #071A22;
	border-left:1px solid #071A22;
	transform:rotate(135deg);
	position:absolute;
	top:calc((100% - 8px)/2);
	right: -2.0138vw;
}
.stepbox:nth-of-type(6) .steps{
	font-weight:600;
	opacity:1;
}
.stepbox:nth-of-type(1) .steps::before{
	opacity:0.25;
}
.stepbox:nth-of-type(2) .steps::before{
	opacity:0.5;
}
.stepbox:nth-of-type(3) .steps::before{
	opacity:0.75;
}
.stepbox:nth-of-type(4) .steps::before{
	opacity:1;
}
.stepbox:nth-of-type(5) .steps::before{
	opacity:1;
}
.stepbox:nth-of-type(6) .steps::before{
	display:none;
}
.stepbox p{
	font-size:90%;
	padding:0 25px;
	display:block;
	box-sizing: border-box;
	margin:0;
}
.productlist-menu{
	width:100%;
	height:100%;
	flex:0 0 100%;
	position:relative;
	display:flex;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin:0;
	padding:0;
	gap:1.7361vw 1.7361vw;
	overflow-x: auto;
}
.productlist-menu::-webkit-scrollbar {
	height:4px;
}

/* Track */
.productlist-menu::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.productlist-menu::-webkit-scrollbar-thumb {
	background: #071A22;
}

/* Handle on hover */
.productlist-menu::-webkit-scrollbar-thumb:hover {
	background: #071A22;
}
.productlist-menu-box{
	flex: 0 1;
	background:#fff;
	position:relative;
	transition: all .3s;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap:0 0;
	flex-wrap:wrap;
}
.productlist-menu-box:hover{
	cursor:pointer;
	background:rgba(7,26,34,0.1);
}
.productlist-menu-box-selected{
	background:rgba(7,26,34,0.1) !important;
	font-weight:600;
}
.productlist-menu-box-ico{
	width:100%;
	height:9.504vw;
	min-height:100px;
	aspect-ratio: 1/1;
	margin:0 auto 0 auto;
}
.productlist-menu-box-ico img{
	width:100%;
	height:100%;
	display:block;
}
.productlist-menu-box span{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:87.5%;
	text-align:center;
	width:100%;
	height:3.472vw;
	min-height:50px;
}
.productlist{
	height:100%;
	position:relative;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-self: stretch;
	align-content: stretch;
	flex-wrap:wrap;
	gap:2.8vw 2.8vw;
}
.productlist-box{
	flex: 0 0 22%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	flex-wrap:wrap;
	gap:10px 0;
	padding:0 0 50px 0;
	transition:.3s all;
}
.productlist-box a{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:8px  0;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#071A22;
	transition:.3s all;
}
.productpage-favourite,
.productlist-box-favourite{
	position:absolute;
	width:38px;
	height:38px;
	padding:4px;
	top:0;
	right:0;
	background:rgba(255,255,255,0);
	z-index:777;
	display:flex;
	justify-content: center;
	align-items: center;
	transition: all .3s;
}
.productpage-favourite{
	width:calc(2.083vw * 1.25);
	height:calc(2.083vw * 1.25);
	background:rgba(255,255,255,0);
	z-index:666;
}
.productpage-favourite:hover,
.productlist-box-favourite:hover{
	background:rgba(255,255,255,0.5);
	cursor:pointer;
}
.productpage-favourite img{
	width:100%;
	height:100%;
}
.productlist-box-favourite img{
	width:85%;
	height:85%;
}

.productlist-box-thumbnail{
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	background:#fff;
	overflow:hidden;
	padding-bottom:15px;
	border:0;
}
.productlist-box-thumbnail img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition: all .3s;
	border:0;
}
.productlist-box-thumbnail:hover img{
	transform:scale(1.07);
}

.productlist-box-text{
	position:relative;
	width:100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin:0;
	padding:0;
	flex-wrap:wrap;
}
.productlist-box .productlist-box-text .productlist-box-name{
	flex:0 0 100%;
	display: block;
	position:relative;
	font-size:87.5%;
	line-height:1.25 !important;
	word-break: break-all;
	overflow-wrap: break-word;

	height:2rem;
	max-height:2rem;
	text-overflow: ellipsis;
}

.productlist-box .productlist-box-text .productlist-box-price{
	flex:0 0 100%;
	width:100%;
	margin:0;
	display:block;
	font-size:87.5%;
}
.productlist-box-hiddentext{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	transition:.3s all;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 0;
	opacity:0;
}
.productlist-box a:hover > .productlist-box-text .productlist-box-hiddentext{
	opacity:1;
	transition:.3s all;
}
.productlist-box-colors{
	flex: 0 0 100%;
	width:100%;
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	align-items: center;
	gap:0 10px;
	position:relative;
}
.productlist-box-message{
	flex: 0 0 auto;
	width:auto;
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	align-items: flex-start;
	gap:0;
	position:relative;
	background:#071A22;
	color:#fff;
	padding:5px 10px;
	font-weight:bold;
}
.productlist-box-message span,
.productlist-box-colors span{
	font-size:81.25%;
	display:inline-block;
	width:auto;
	flex:0 0 auto;
}
.productlist-box-colors i{
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
}
.productlist-box-colors i:nth-of-type(1){
	background:#071A22;
}
.productlist-box-colors i:nth-of-type(2){
	background:#ddd;
}
.productlist-box-colors i:nth-of-type(3){
	background:#634949;
}
.productlist-box-colors i:nth-of-type(4){
	background:#E7DEBC;
}

.pagenum{
	flex:0 0 86.111%;
	width:86.111%;
	height:50px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	margin-top:75px;
}
.pagenum .dotted{
	width:50px;
	height:50px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.pagenum-box{
	width:50px;
	height:50px;
	color:#6E7477;
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	transition: all .3s;
	cursor:pointre;
}
.pagenum-box:hover{
	background:rgba(7,26,34,0.1);
}
.pagenum-box-selected{
	background:rgba(7,26,34,0.1);
	color:#071A22;
	font-weight:600;
}
article.productpage{
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap:wrap;
	height:100%;
	min-height:100%;
	gap:50px 50px;
}
.productpage-detail{
	width:calc(41.666vw + 5.55vw + 3.472vw);
	height:auto;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	flex-direction: row;
	gap:25px 25px;
}
.productpage-left{
	width:calc(41.666vw + 5.55vw + 3.472vw);
	display:flex;
	height:auto;
	align-items: flex-start;
	align-content:flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
	gap:5.208vw 3.472vw;
	flex-direction: row;
}
.productpage-right{
	width: calc(100% - (5.55vw + 3.472vw + 41.666vw + 8.680vw));
	height:100%;
	position:absolute;
	right:0;
	top:0;
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-self: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:15px 0px;
	transition:3s all;
}
.productpage-detail-box{
	flex: 0 0 100%;
	margin:0;
	height:5.555vw; /* 80px */
	border-bottom:1px solid #E7E8E9;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap:wrap;
	gap:0 10px;
}
.productpage-detail-box span{
	font-size:112.5%;
	font-weight:600;
	position:relative;
	cursor:pointer;
}
.productpage-detail-box .review-stars{
	font-size:100%;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	gap:0px 4px;
}
.productpage-detail-box span:hover::before{
	content:'';
	background:#071A22;
	width:100%;
	height:2px;
	bottom:-2px;
	position:absolute;
	display:block;
	opacity:0;
	animation: link-border 0.3s linear 0s forwards alternate;
}
#breadcrumbs{
	flex:0 0 100%;
	height:30px;
	display:flex;
	justify-content: flex-start;
}
#breadcrumbs ul{
	list-style: none;
	margin:0;
	padding:0;
}
#breadcrumbs ul li{
	display:inline-block;
	margin-right:12px;
	padding:0;
	line-height:1.0;
	font-size:75%;
	position:relative;
	color:#071A22;
}
#breadcrumbs ul li a{
	text-decoration:none;
	transition: all .3s;
	position:relative;
	color: #6E7477;
}
#breadcrumbs ul li:last-child{
	color:#071A22;
}
.productpage-left .product-thumbnail{
	flex: 0 0 2.916vw;
	height:auto;
	margin:0;
	padding:0;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	gap:2.441vh 0;
	transition:.6s all;
	position:relative;
}

.productpage-left .product-thumbnail .product-thumbnail-box-all,
.productpage-left .product-thumbnail .product-thumbnail-box-video,
.productpage-left .product-thumbnail .product-thumbnail-box{
	width:100%;
	border:1px solid #071A22;
	margin:0;
	padding:0;
	position:relative;
	transition: all .3s;
	overflow: hidden;
	cursor:pointer;
	display:flex;
	justify-content: center;
	align-items: center;
}
.productpage-left .product-thumbnail .product-thumbnail-box-all img,
.productpage-left .product-thumbnail .product-thumbnail-box-video img,
.productpage-left .product-thumbnail .product-thumbnail-box img{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0;
	left:0;
	transition: all .3s;

}
.productpage-left .product-thumbnail .product-thumbnail-box-all:hover > img,
.productpage-left .product-thumbnail .product-thumbnail-box-video:hover > img,
.productpage-left .product-thumbnail .product-thumbnail-box:hover > img{
	transform:scale(1.08)
}
.productpage-left .product-thumbnail .product-thumbnail-box-all:hover > span.all{
	transform:scale(1.08)
}
.productpage-left .product-thumbnail .product-thumbnail-box-video:hover > span.movie{
	transform:scale(1.08)
}
.productpage-left .product-thumbnail .product-thumbnail-box-all span.all{
	position:relative;
	text-align:center;
	padding:0;
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	display:flex;
	justify-content:center;
	align-items: center;
	background: #071A22;
	color:#fff;
	transition: all .3s;
	font-size:81.25%;
}
.productpage-left .product-thumbnail .product-thumbnail-box-video span.movie{
	position:relative;
	text-align:center;
	aspect-ratio:1/1;
	width:100%;
	height:100%;
	display:block;
	background:rgba(7,26,34,1.0);
	color:#fff;
	transition: all .3s;
}
.productpage-left .product-thumbnail .product-thumbnail-box-video span.movie::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.480vw 0 0.450vw 0.755vw;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: calc((100% - 0.755vw)/2);
	left: calc((100% - 0.480vw)/2);
}
.productpage-mainpic{
	flex: 0 0 41.666vw;
	min-height:600px;
	position:relative;
}
.productpage-mainpic img{
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
}
.productpage-mainpic video,
.productpage-mainpic img{
	width:100%;
	height:100%;
	display:block;
}
.productpage-mainpic span{
	font-size:87.5%;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
}
.product-name{
	flex: 0 0 100%;
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.product-name span.brandname{
	font-size:87.5%;
	font-weight:400;
	margin: 0 0 8px 0;
}
.product-name h1{
	font-size:112.5%;
	font-weight:600;
}
.product-tags{
	flex: 0 0 100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap:0 10px;
}

.product-tags span{
	background:#fff;
	border:1px solid #E7E8E9;
	display:block;
	padding:6px 8px;
	box-sizing: border-box;
	color:#071A22;
	font-weight:600;
	font-size:75%;
	line-height:1.0;
	margin: 0 10px 10px 0;
}
.product-customise{
	flex: 0 0 100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-self: flex-start;
	flex-wrap:wrap;
	gap:10px 25px;
	position:relative;
	transition:.3s all;
	margin-bottom:5px;
}
.product-customise.caution{
	background:rgba(255, 252, 127,1);
}

.product-customise .info-btn{
	background:#2f5354;
	border:0px solid #071A22;
	color:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
	width:39px;
	height:18px;
	box-sizing: border-box;
	font-size:75%;
	line-height:1.0;
	transition:.3s all;
	position:absolute;
	top:0;
	right:0;
}
.product-customise .info-btn:hover{
	background: #fff;
	color:#071A22;
	cursor:pointer;
	border:1px solid #071A22;
}
.product-customise .info-btn span{
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.product-customise p{
	font-weight:400;
	font-size:75%;
	flex: 0 100%;
	height:27px;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.product-customise p small{
	font-size:87.5%;
	color:#6E7477;
	padding-left:8px;
}
.custom-select-tvboard,
.custom-select-coffeetable,
.custom-select-bedframe,
.custom-select-material,
.custom-select-extras,
.custom-select-color{
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	line-height: 1.5;
	box-sizing: border-box;
	background: #fff;
	position:relative;
	cursor:pointer;
}
.tvboard-selected,
.coffeetable-selected,
.bedframe-selected,
.material-selected,
.extras-selected,
.color-selected{
	flex: 0 0 100%;
	color:#6E7477;
	border:1px solid #6E7477;
	height:42px;
	min-height:42px;
	padding:8px 32px 8px 16px;
	transition:.3s all;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.material-selected{
	font-weight:600;
	color:#071A22;
}
.tvboard-selected span.name,
.coffeetable-selected span.name,
.bedframe-selected span.name,
.material-selected span.name,
.color-selected span.name{
	margin-right: 20px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 10px;
}
.coffeetable-selected span.name.active,
.tvboard-selected span.name.active,
.bedframe-selected span.name.active{
	font-weight:600;
	color:#071A22;
}
.material-selected span.name{
	flex: 0 0 calc(100% - 120px - 24px);
	word-break: normal;
}
.tvboard-selected span.price,
.coffeetable-selected span.price,
.material-selected span.price{
	display:block;
	flex:0 0 120px;
	text-align:right;
}
.color-selected span.color{
	flex:1 1;
	display:block;
	position:relative;
	top:0;
	left:0;
	height:40px;
	display:none;


}
.tvboard-selected:hover,
.coffeetable-selected:hover,
.bedframe-selected:hover,
.material-selected:hover,
.extras-selected:hover,
.color-selected:hover{
	border:1px solid #071A22;
}
.tvboard-selected:before,
.coffeetable-selected:before,
.bedframe-selected:before,
.material-selected:before,
.extras-selected:before,
.color-selected:before{
	width:32px;
	height:100%;
	content:'';
	display:block;
	position:absolute;
	background:#fff;
	right:0;
	top:0;
	transition:.3s all;
}
.coffeetable-selected:hover::before,
.tvboard-selected:hover::before,
.bedframe-selected:hover::before,
.material-selected:hover::before,
.extras-selected:hover::before,
.color-selected:hover::before{
	background:rgba(7,26,34,0.05);
}
.coffeetable-selected:after,
.tvboard-selected:after,
.bedframe-selected:after,
.material-selected:after,
.extras-selected:after,
.color-selected:after {
	position: absolute;
	content: "";
	top:calc((100% - 1px - 6px)/2);
	right:10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #071A22;
	border-right:1px solid #071A22;
	transform:rotate(135deg);
	transition:all .3s;
}
.tvboard-selected.active:after,
.coffeetable-selected.active:after,
.bedframe-selected.active:after,
.material-selected.active:after,
.extras-selected.active:after,
.color-selected.active:after {
	transform:rotate(-45deg);
}

.color-list{
	background:#fff;
	display:none;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:10px 10px;
	padding: 10px 10px 10px 10px;
	margin:0;
	border:1px solid #071A22;
	border-top:0;
	position:relative;
	top:0px;
	left:0;
	z-index:333;
	animation: detailopen 0.2s linear 0s forwards;
}

.color-list-title{
	flex: 0 0 100%;
	font-size:100%;
}
.color-list-container{
	flex:0 0 100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	align-items:flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap: 10px 10px;
	padding-right:0px;
	box-sizing: border-box;
	overflow-y:auto;
}
.color-list-container::-webkit-scrollbar {
	width:8px;
}

/* Track */
.color-list-container::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.color-list-container::-webkit-scrollbar-thumb {
	background: #E7E8E9;
}

/* Handle on hover */
.color-list-container::-webkit-scrollbar-thumb:hover {
	background: #E7E8E9;
}
.color-list-box{
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	flex-direction:column;
	width:40px;
	gap:2px 0px;
	padding:4px;
	transition:.3s all;
}
.color-list-box:hover{
	transform:scale(1.08);
	cursor:pointer;
}
.color-list-box .color-sample{
	display:block;
	width:100%;
	max-height:40px;
	background:#ccc;
	aspect-ratio: 1/1;
}
.color-list-box .color-name{
	width:100%;
	font-size:81.25%;
	text-align:center;
	display:none;
}
.tvboard-list,
.coffeetable-list,
.bedframe-list,
.material-list,
.extras-list{
	background:#fff;
	width:100%;
	display:none;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 0;
	padding: 24px 8px 12px 8px;
	margin:0;
	border:1px solid #071A22;
	border-top:0;
	position:relative;
	top:0px;
	left:0;
	z-index:333;
	animation: detailopen 0.2s linear 0s forwards;
}
.coffeetable-list-box,
.tvboard-list-box,
.bedframe-list-box,
.material-list-box,
.extras-list-box{
	flex:0 0 calc(100% - (39px + 15px));
	transition:.3s all;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap:wrap;
	gap:0 15px;
	padding:2px 0;
}
.coffeetable-list-box,
.tvboard-list-box{
	justify-content: flex-start;
}

.bedframe-list-box,
.material-list-box{
	flex: 0 0 100%;
}
.note:hover{
	background:rgba(7,26,34,0);
}
.bedframe-list-box:hover,
.material-list-box:hover,
.extras-list-box:hover{
	background:rgba(7,26,34,0.05);
}

.tvboard-list-box:hover .tvboad-list-checkbox,
.coffeetable-list-box:hover .coffeetable-list-checkbox,
.extras-list-box:hover .extras-list-checkbox{
	border:1px solid #071A22;
}
.extras-list-note{
	width:18px;
	height:18px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.tvboard-list-checkbox,
.coffeetable-list-checkbox,
.extras-list-checkbox{
	width:18px;
	height:18px;
	border:1px solid #E7E8E9;
	transition:.3s all;
}
.tvboard-list-checkbox.checked,
.coffeetable-list-checkbox.checked,
.extras-list-checkbox.checked{
	border:1px solid #071A22;
}
.tvboard-list-checkbox.checked::before,
.coffeetable-list-checkbox.checked::before,
.extras-list-checkbox.checked::before{
	content:'';
	width:10px;
	height:2px;
	position:absolute;
	display:block;
	top:calc((100% - 2px)/2);
	left:3px;
	background:#071A22;
}
.coffee-list-checkbox.checked::after,
.tvboard-list-checkbox.checked::after,
.extras-list-checkbox.checked::after{
	content:'';
	width:2px;
	height:10px;
	position:absolute;
	display:block;
	left:calc((100% - 2px)/2);
	top:3px;
	background:#071A22;
}
.tvboard-list-checkbox.checked + .tvboard-list-name,
.coffeetable-list-checkbox.checked + .coffeetable-list-name,
.extras-list-checkbox.checked + .extras-list-name{
	font-weight:600;
}
.coffeetable-list-checkbox.checked ~ .coffeetable-list-price,
.tvboard-list-checkbox.checked ~ .tvboard-list-price,
.extras-list-checkbox.checked ~ .extras-list-price{
	font-weight:600;
}
.tvboard-list-img,
.coffeetable-list-img{
	width:30px;
	height:30px;
	aspect-ratio: 1/1;
	border:1px solid #071A22;
	box-sizing: border-box;
}
.tvboard-list-img img,
.coffeetable-list-img img{
	width:30px;
	height:30px;
	max-width:2rem;
	max-height:2rem;
	display:block;
}
.tvboard-list-name,
.coffeetable-list-name,
.material-list-name,
.extras-list-name{
	display:block;
	flex:1 1;
	color:#071A22;
}
.tvboard-list-price,
.coffeetable-list-price,
.material-list-price,
.extras-list-price{
	width:auto;
	padding:0;
	margin:0;
	line-height:1.0;
	display:flex;
	justify-content: flex-end;
	position:relative;
	color:#071A22;
	padding:0 0 0 0;
	padding-right:10px;
}
.extras-list-infobtn{
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
	position:absolute;
	right:calc(-39px + -15px);
	top:0px;
	background:#2f5354;
	color:#fff;
	font-size:75%;
	width:39px;
	height:100%;
	transition:.3s all;
}
.extras-list-infobtn:hover{
	background: #fff;
	color:#071A22;
	cursor:pointer;
}

.alignment-btn{
	flex: 0 0 calc(50% - (25px/2));
	height:auto;
	border:1px solid #ccc;
	padding:2px;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	transition:all .3s;
	opacity:1.0;
	background:#fff;
}
.alignment-btn:hover{
	transform:scale(1.02);
	cursor:pointer;
}
.alignment-btn-selected{
	position:relative;
	border:0;
}
.alignment-btn-selected::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
	border:1px solid #071A22 !important;
	z-index:666;
}
.alignment-btn-selected > span{
	color:#071A22 !important;
	font-weight:600;
}
.alignment-btn-thumbnail{
	width:62px;
	height:100%;
	aspect-ratio: 1/1;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:1px;
}
.alignment-btn-thumbnail img{
	width:100%;
	height:auto;
}
.alignment-btn:nth-of-type(2) .alignment-btn-thumbnail img{
	filter: FlipH;
	-ms-filter: "FlipH";
}
.alignment-btn span{
	flex: 0 0 calc(100% - 62px);
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	color:#6E7477;
	padding-left:15px;
	box-sizing: border-box;
}
.product-price{
	width:100%;
	flex:0 0 100%;
	padding-bottom:0;
	display:flex;
	flex-wrap:wrap;
	flex-direction: column;
}
.product-price span.price{
	font-size:150%;
	font-weight:600;
	display:inline-block;
	flex:0 0 100%;
	display:block;
}
.product-price span.price-strikethrough{
	text-decoration: line-through;
	font-size:100%;
	color:#6E7477;
	font-weight:300;
}
.product-price span.price-special-offer{
	color:#D30000;
	font-weight:bold;
	font-size:150%;
}
.product-price span.shipping{
	font-size:75%;
	display:inline-block;
	flex: 0 0 100%;
}
.product-purchase-btn{
	background:#071A22;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	transition:all .3s;
	border:1px #071A22 solid;

}
.product-purchase-btn:hover{
	background:#fff;
	border:1px solid #071A22;
	cursor:pointer;
}
.product-purchase-btn span{
	color:#fff;
	font-weight:600;
	font-size:137.5%;
	text-align: center;
	padding: 0 10px;
}
.product-purchase-btn:hover > span{
	color:#071A22;
}
.product-whatsapp{
	width:100%;
	flex:0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	gap:0 15px;
	transition:all .3s;
}
.product-whatsapp:hover{
	opacity:.7;
	cursor:pointer;
}
.product-whatsapp .whatsapp-ico{
	flex: 0 0 42px;
	width:42px;
	height:42px;
	background:#38D051;
	display:flex;
	justify-content: center;
	align-items: center;
}
.product-whatsapp .whatsapp-ico svg{
	width:70%;
	height:70%;
}
.product-whatsapp  p{
	display:inline-block;
	height:42px;
	flex: calc(100% - (10px + 42px));
	margin:0;
	padding:0;
	line-height:1.4;
	font-size:87.5%;
}
.product-whatsapp p b{
	font-weight:600;
}
.snsshare{
	flex:0 0 100%;
	height:30px;
	display:flex;
	justify-content: flex-end;
	margin-bottom:2.43vw;
}
.snsshare .snsshare-open{
	position:absolute;
	top:0;
	width:400px;
	height:350px;
	background:#fff;
	z-index:999;
	padding:0;
	margin:0;
	box-sizing: border-box;
	box-shadow:0 0 20px rgba(0,0,0,.10);
	display:none;
	animation: detailopen 0.3s linear 0s forwards;
}
.snsshare .snsshare-open .snsshare-btn-container{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index:999;
}
.snsshare-open .snsshare-contents{
	margin:0;
	padding:70px 25px 25px 25px;
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 25px;
}

.snsshare-open .snsshare-contents .snsshare-icons{
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap:0 10px;
	margin:0;
	padding:15px 0;
}
.snsshare-open .snsshare-contents .snsshare-icons-box{
	width:40px;
	height:40px;
	flex:0 0 40px;
}
.snsshare-open .snsshare-contents .snsshare-icons-box svg{
	width:100%;
	height:100%;
}
.snsshare-open .snsshare-contents p small{
	display:inline-block;
	padding:4px 2px;
	font-size:81.25%;
	border:1px solid #071A22;
	padding:4px;
	color:#071A22;
	position:absolute;
	right:25px;
	opacity:0;
}
.snsshare-open .snsshare-contents .snsshare-url{
	padding:5px;
	width:100%;
	border:1px solid #E7E8E9;
	color:#6E7477;
	font-size:87.5%;
	cursor:pointer;
	transition:.3s all;
}
.snsshare-open .snsshare-contents .snsshare-url:hover{
	border:1px solid #071A22;
	color:#071A22;
}
.iconlink{
	width:30px;
	height:30px;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#fff;
	transition: all .3s;
}
.iconlink svg{
	width:62.33%;
	height:auto;
}
.iconlink:hover{
	background:rgba(7,26,34,0.1);
	cursor:pointer;
}
main.modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	margin:0;
	padding:0;
	z-index:999;
	display:none;
}
main.modal-open{
	display:flex !important;
}
#cart-uploaded-pic,
#coffeetable,
#tvboard,
#orderinfo,
#order-customise-pic,
#order-customise--yes,
#order-customise,
#extras,
#productvideo,
#allpic,
#material,
#service,
#review,
#reviewpic,
#information,
#dimension,
#description,
#bulletpoints{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	top:0;
	left:0;
	z-index:999;
	display:none;
	justify-content: center;
	align-items: center;
	background:rgba(0,0,0,0.25);
}
#orderinfo{
	justify-content: flex-end;
	z-index:9999;
}
#order-customise-yes{
	display:block !important;
}
.modal-container{
	background:#fff;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	position:relative;
	gap:0;
	margin:0;
}
#productvideo .modal-container{
	background:rgba(0,0,0,0);
	margin:0;
}
#productvideo .modal-container img{
	width:100%;
	height:100%;
	aspect-ratio: 1/1;
}
#productvideo .modal-container .modal-btn-container{
	height:3.6111vw;
}
#productvideo .iconlink{
	background:rgba(0,0,0,0);
	right:0;
	border:2px solid #fff;
}
#productvideo .iconlink span{
	background:#fff;
}

#order-customise-pic .modal-contents img,
#reviewpic .modal-contents img{
	width:100%;
	height:auto;
	aspect-ratio:1/1;
}
.size-500-1024 .modal-container{
	width:500px;
	height:100%;
	overflow:hidden;
}
.size-500-500 .modal-container{
	width:34.72vw;
	height:34.72vw;
	overflow:hidden;
}
.size-600-600 .modal-container{
	position:relative;
	overflow:hidden;
	width:600px;
	height:600px;
}
.size-800-600 .modal-container{
	position:relative;
	overflow:hidden;
	width:800px;
	height:800px;
}
.size-800-550 .modal-container{
	position:relative;
	overflow:hidden;
	width:800px;
	height:550px;
}
.modal-container .modal-btn-container{
	flex:0 0 100%;
	width:100%;
	height:4.8611vw;
	top:0;
	left:0;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:0;
	box-sizing: border-box;
}
.modal-container article{
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	width:100%;
	height:calc(100% - 70px);
	overflow-y:scroll;
	padding:0 50px 25px 50px;
	box-sizing: border-box;
}

#mob-menu .mob-menu-container nav::-webkit-scrollbar,
.ordertextarea::-webkit-scrollbar,
.modal-container article::-webkit-scrollbar {
	width: 8px;
}
/* Track */
#mob-menu .mob-menu-container nav::-webkit-scrollbar-track,
.ordertextarea::-webkit-scrollbar-track,
.modal-container article::-webkit-scrollbar-track {
	background: #fff;
}
/* Handle */
#mob-menu .mob-menu-container nav::-webkit-scrollbar-thumb,
.ordertextarea::-webkit-scrollbar-thumb,
.modal-container article::-webkit-scrollbar-thumb {
	background: #E7E8E9;
}
/* Handle on hover */
#mob-menu .mob-menu-container nav::-webkit-scrollbar-thumb:hover,
.ordertextarea::-webkit-scrollbar-thumb:hover,
.modal-container::-webkit-scrollbar-thumb:hover {
	background: #E7E8E9;
}
.modal-container article h1{
	font-weight:600;
	font-size:137.5%;
	text-align:center;
	flex: 0 0 100%;
	text-align:center;
}
.modal-btn-close,
.modal-btn-back{
	width:2.083vw;
	height:2.083vw;
	margin:0;
	padding:0;
	position:relative;
}
.modal-btn-close{
	position:absolute;
	right:10px;
	top:10px;
}
.modal-btn-back span{
	display:block;
	position:absolute;
	left:30%;
	top:0;
}
.modal-btn-back span{
	width:30%;
	height:30%;
	border-top:2px solid #071A22;
	border-right:2px solid #071A22;
	transform:rotate(-135deg);
}
.modal-btn-close span{
	display:block;
	position:absolute;
}
.modal-btn-close span:nth-of-type(1){
	background:#071A22;
	width:60%;
	height:2px;
	display:block;
	transform:rotate(45deg);
}
.modal-btn-close span:nth-of-type(2){
	background:#071A22;
	width:60%;
	height:2px;
	display:block;
	transform:rotate(135deg);
}
.modal-contents{
	flex:0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:50px 25px;
	height:auto;
	position:relative;
}
#service .modal-contents{
	gap:25px 25px;
}
#order-customise .modal-contents{
	gap:25px 25px;
}
#order-customise--yes h1,
#order-customise h1{
	flex: 0 0 100%;
	width:100%;
	text-align:left;
}
#order-customise h1{
	font-size:200%;
}
#order-customise--yes h1{
	font-size:137.5%
}

.modal-contents .order-customise{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	gap:25px 50px;
	width:100%;
}
.modal-contents .order-customise-btn-container{
	display:flex;
	bottom:0;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	margin:0;
	padding:0 0 0 0;
	gap:0px 50px;
	width:100%;
}
.modal-contents .order-customise .order-customise-optional{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap:wrap;
	gap:10px 50px;
	height:100%;
}
.modal-contents .order-customise .order-customise-optional .uploadedtext{
	display:block;
	font-size:81.25%;
	color:#071A22;
	font-weight:600;
	flex:0 0 100%;
}
.modal-contents .order-customise .order-customise-optional .upload-btn{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:6px 8px 6px 8px;
	box-sizing: border-box;
	font-weight:600;
	transition:.3s all;
	border:1px solid #071A22;
	background:#fff;
	color:#071A22;
	font-size:81.25%;
	margin:0;
}
.modal-contents .order-customise .order-customise-optional .upload-btn i{
	width:15px;
	height:14px;
	position:relative;
	top:-2px;
	left:-8px;
	display:block;
	margin:0;
	padding:0;
}
.modal-contents .order-customise .order-customise-optional .upload-btn i svg path{
	fill:#071A22;
	transition:.3s all;
}
.modal-contents .order-customise .order-customise-optional .upload-btn:hover{
	background:#071A22;
	color:#fff;
	cursor:pointer;
}
.modal-contents .order-customise .order-customise-optional .upload-btn:hover > i svg path{
	fill:#fff;
}
.modal-contents .order-customise .order-customise-optional .order-customise-optional-btncontainer{
	flex:0 0 calc(30% - 25px);
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:5px 0;
}
.modal-contents .order-customise .order-customise-optional p{
	font-size:81.25%;
	flex: 0 0 calc(70% - 25px)
}
.modal-contents .order-customise .order-customise-optional h4{
	flex:0 0 100%;
	font-size:87.5%;
}
.modal-contents .order-customise .order-customise-nextbtn{
	background:#071A22;
	color:#fff;
	font-weight:600;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#071A22;
	color:#fff;
	height:70px;
	margin-top:10px;
	flex:0 0 100%;
	font-size:137.5%;
	transition:.3s all;
	border:1px solid #071A22;
}
.modal-contents .order-customise .order-customise-nextbtn:hover{
	background:#fff;
	color:#071A22;
	cursor:pointer;
}
.modal-contents .order-customise .thumbnail{
	flex: 0 0 calc(30% - 25px);
	border:1px solid #E7E8E9;
	margin:0;
	padding:0;
	box-sizing: border-box;
	transition:.3s all;
	overflow:hidden;
}
.modal-contents .order-customise .thumbnail span{
	position:absolute;
	width:26px;
	height:26px;
	top:10px;
	right:10px;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#071A22;
	transition:.3s all;
}
.modal-contents .order-customise .thumbnail:hover{
	border:1px solid #071A22;
	cursor:pointer;
}
.modal-contents .order-customise .thumbnail:hover > span,
.modal-contents .order-customise .thumbnail:hover > img{
	transform:scale(1.08);
}
.modal-contents .order-customise .thumbnail img{
	width:100%;
	/*
    height:100%;
    aspect-ratio: 1/1;
    */
	display:block;
	position:relative;
	transition:.3s all;
}
.modal-contents .order-customise textarea{
	flex: 0 0 calc(70% - 25px);
	border:1px solid #071A22;
	min-height:170px;
	resize:none;
	border-radius:0;
	margin:0;
	padding:10px;
	box-sizing: border-box;
}
.modal-contents .order-customise textarea:focus{
	border:1px solid #071A22;
	border-radius:0;
	outline: none !important;
}
.modal-contents .order-customise textarea::placeholder{
	color:#6E7477;
}
.order-customise-btn{
	border:1px solid #071A22;
	height:70px;
	flex: 0 0 calc(50% - 25px);
	display:flex;
	align-items: center;
	justify-content: center;
	background:#fff;
	font-weight:600;
	font-size:137.5%;
	transition:.3s all;
}
.order-customise-btn:hover{
	background:#071A22;
	color:#fff;
	cursor:pointer;
}
.modal-contents .dimensionpic{
	flex:0 0 100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap:wrap;
	flex-direction: column;
}
.modal-contents .dimensionpic p{
	font-size:81.25%;
	height:auto;
	border-top:1px solid #E7E8E9;
	margin-top:3.472vw;
	display:block;

}
.modal-contents .dimensionpic p b{
	display:inline-block;
	width:100%;
	margin:0;
	padding:1.0416vw 0 0 0;
}
.modal-contents .dimensionpic img{
	background:#ccc;
	width:auto;
	height:auto;
	min-height:25.694vw;
	margin:0 auto;
	display:block;
}
.modal-contents ul.bulletpoints{
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
}
.modal-contents ul.bulletpoints li{
	display:block;
	width:100%;
	padding-bottom:3.4722vw;
	padding-top:3.4722vw;
	border-bottom:1px solid #E7E8E9;
}
.modal-contents ul.bulletpoints li:nth-of-type(1){
	padding-top:0px;
}
.modal-contents ul.bulletpoints li:last-child{
	padding-bottom:0px;
	border-bottom:0px solid #E7E8E9;
}
.modal-contents details{
	width:100%;
	margin:0 0 10px 0;
	color:#071A22;
}
.modal-contents details div{
	display:block;
	opacity:0;
	margin:0 0 50px 0;
}
.modal-contents summary{
	border-bottom:1px solid #E7E8E9;
	padding-bottom:25px;
	margin-bottom:25px;
	font-weight:600;
	font-size:112.5%;
	position:relative;
	width:100%;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.modal-contents summary:hover{
	cursor:pointer;

}

.modal-contents summary::before{
	content:'';
	display:block;
	position:absolute;
	width:8px;
	height:2px;
	right:10px;
	top:8px;
	background:#071A22;
	transform:rotate(0deg);
	transition:all .3s;
}
.modal-contents summary::after{
	content:'';
	display:block;
	position:absolute;
	width:8px;
	height:2px;
	right:10px;
	top:8px;
	background:#071A22;
	transform:rotate(90deg);
	transition:all .3s;
}
.modal-contents details[open] summary:after{
	opacity:0;
}
.modal-contents details[open] div{
	animation: detailopen 0.3s linear 0s forwards
}
@keyframes detailopen{
	0%{opacity:0;}
	100%{opacity:1;}
}
.modal-contents summary::-webkit-details-marker{
	display: none;
}
.modal-contents summary span{
	position:relative;
	display:inline-block;
	transition:all .3s;
}
.modal-contents summary span:hover::before,
.modal-contents summary span::before{
	content:'';
	height:2px;
	width:100%;
	background:#fff;
	position:absolute;
	display:blocl;
	bottom:-6px;
	transition:all .3s;
}
.modal-contents summary span:hover::before{
	background:#071A22;
}
.extras-box{
	width:100%;
	flex:0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:50px 25px;
	display:none;
}
.extras-box-thumbnail{
	flex: 0 0 250px;
	height:250px;
}
.extras-box-thumbnail img{
	width:100%;
	/*
    height:100%;
    aspect-ratio: 1/1;
    */
}
.extras-box-text{
	flex:0 0 calc(100% - (25px + 250px));
	display:flex;
	align-items: flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:25px 0;
}
.extras-box-text h4{
	font-weight:600;
	flex:0 0 100%;
}
.extras-box-text p{

}
.review-box{
	width:100%;
	flex:0 0 100%;
	margin:0 0 50px 0;
	padding: 0 0 25px 0;
	border-bottom:1px solid #E7E8E9;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:25px 0;
}
.review-box .review-stars{
	display:flex;
	justify-content: flex-start;
	gap:0 6px;
	width:100%;
	flex: 0 0 100%;
}
.review-box .review-stars svg path{
	fill:#FFD600;
}
.review-reviewer{
	flex:0 0 100%;
	width:100%;
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin:0;
	padding:0;
	gap:0 25px;
}
.review-reviewer label{
	font-size:87.5%;
	display:inline-block;
	margin:0;
	padding:0;
}
.review-box .review-title{
	width:100%;
	flex:0 0 100%;
	font-weight:600;
}

.review-box .review-thumbnails{
	width:100%;
	flex: 0 0 100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:0 25px;
}
.review-box .review-thumbnails .review-thumbnails-box{
	flex: 0 0 80px;
	aspect-ratio: 1/1;
	border:1px solid #071A22;
	position:relative;
	transition:.3s all;
	z-index:222;
	overflow:hidden;
}

.review-box .review-thumbnails .review-thumbnails-box img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:.3s all;
	z-index:-1;
}
.review-box .review-thumbnails .review-thumbnails-box:hover{
	cursor:pointer;
}
.review-box .review-thumbnails .review-thumbnails-box:hover > img{
	transform:scale(1.08);
}
.material-thumbnail{
	flex: 0 0 250px;
}
.material-thumbnail img{
	width:250px;
	height:250px;
	margin:0;
	padding:0;
}
.material-explanation{
	flex: 0 0 calc(100% - 250px - 25px);
	display:flex;
	justify-content: flex-start;
	gap:25px 0;
	flex-wrap:wrap;
}
.material-explanation label{
	font-weight:600;
}
.material-explanation p{
	width:100%;
}
.allpic-box{
	flex:0 0 100%;
}
.allpic-box video,
.allpic-box img{
	width:100%;
}
#whatsapp{
	width:24.64vw;
	height:auto;
	min-height:515px;
	min-width:355px;
	display:none;
	justify-content:space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
	gap:0;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,.10);
	animation: detailopen 0.3s linear 0s forwards;
}
#whatapp .whatsapp-container{
	margin:0;
	padding:0;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
	gap:25px 0;
}
#whatsapp .whatsapp-btn-container{
	position:relative;
	height:52px;
}
#whatsapp .whatsapp-contents{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:25px 0;
	padding:25px 25px 25px 25px;
}
#whatsapp .whatsapp-contents h4{
	font-size:100%;
	font-weight:600;
	padding:0;
	margin:0;
	flex:0 0 100%;
}
#whatsapp .whatsapp-contents p{
	display:block;
	flex:0 0 100;
	margin:0;
	padding:0;
}
#whatsapp .whatsapp-contents .whatsapp-qr{
	border:1px solid #E7E8E9;
	flex:0 0 100%;
	height:180px;
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#whatsapp .whatsapp-contents .whatsapp-qr img{
	max-width: 150px;
}
#whatsapp .whatsapp-contents .whatsapp-btn{
	height:62px;
	background:#071A22;
	color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	flex:0 0 100%;
	transition:.3s all;
	border:1px solid #071A22;

}
#whatsapp .whatsapp-contents .whatsapp-btn:hover{
	background:#fff;
}
#whatsapp .whatsapp-contents .whatsapp-btn a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	color:#fff;
	text-decoration: none;
	display:flex;
	align-items: center;
	justify-content: center;
	transition:.3s all;
}
#whatsapp .whatsapp-contents .whatsapp-btn:hover > a{
	color: #071A22;
}

.order-box,
.cartbox{
	flex:0 0 calc(56.111vw - (10px + 25px));
	background:#fff;
	padding:50px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
.cartbox-btn-container + .cartbox-empty {
	display: none;
}
.cartbox-empty h1{
	font-size:300% !important;
	font-weight:600 !important;
}
.cartbox-empty p{
	color:#071A22 !important;
	font-size:100% !important;
}
.cartbox-empty .moreshopping-btn{
	background:#071A22;
	height:70px;
	border:1px solid #071A22;
	color:#fff;
	font-weight:600;
	transition:.3s all;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	font-size:137.5%;
	padding:0 50px;
	transition:.3s all;
}
.cartbox-empty .moreshopping-btn:hover{
	background:#fff;
	color:#071A22;
	cursor:pointer;
}

.cartbox-empty .moreshopping-btn a{
	text-decoration: none;
	color:#fff;
	transition:.3s;
}
.cartbox-empty .moreshopping-btn:hover > a{
	color:#071A22;
}
.order-box-container .back-btn,
.cartbox .back-btn{
	flex:0 0 100%;
	margin:0;
	padding:0 0 0 20px;
}
.order-box-container a,
.cartbox .back-btn a{
	color:#6E7477;
	display:inline-block;
	position:relative;
	font-size:87.5%;
}
.order-box-container .back-btn a::before,
.cartbox .back-btn a::before{
	content:'';
	display:block;
	position:absolute;
	top:calc((100% - 6px)/2);
	left:-20px;
	height:6px;
	width:6px;
	border-top:1px solid #6E7477;
	border-left:1px solid #6E7477;
	transform:rotate(-45deg);
}
.cartbox h1{
	font-size:150%;
}
.cartbox p{
	font-size:87.5%;
	color:#6E7477;
}
.cartbox .cartbox-product{
	flex:0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	margin:0;
	padding:0 0 50px 0;
	border-bottom:1px solid #E7E8E9;
	gap:10px 10px;
}
.modal-contents .cartbox-product{
	padding-bottom:50px;
	border-bottom:1px solid #E7E8E9;
}
.modal-contents .cartbox-product:last-child{
	border-bottom:0px solid #E7E8E9;
}
.cartbox .cartbox-product:last-child{
	border:0;
}
.cartbox-btn-container{
	flex:0 0 calc(30vw - 25px);
	background:#fff;
	padding:25px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
.cartbox-btn-container .msg-nonproducts{
	flex:0 0 100%;
	color:#D30000;
}
.cartbox-btn-container .cartbox-btn{
	height:8.333vw;
	width:100%;
	background:#071A22;
	border:1px solid #071A22;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:0 25px;
	font-size:200%;
	font-weight:600;
	color:#fff;
	transition:.3s all;
	line-height:1.0;
}
.cartbox-btn-container .cartbox-btn-nonproducts{
	background:#6E7477;
	border:1px solid #6E7477;
}
.cartbox-btn-container .cartbox-btn a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
}
.cartbox-btn-container .cartbox-btn span{
	display:block;
	margin:0;
	padding:0;
	transition:.3s all;
}
.cartbox-btn-container .cartbox-btn:hover{
	opacity:.8;
	cursor:pointer;
}
.cartbox-btn-container .cartbox-btn-nonproducts:hover{
	opacity:1;
	cursor:default;
}
.cartbox-btn-container .cartbox-btn:hover > span{
	transform:translateX(5px);
}
.cartbox-btn-container .cartbox-btn-nonproducts:hover > span{
	transform:translateX(0px);
}
.cartbox-btn-container p{
	font-size:87.5%;
	line-height:1.5;
}
.cartbox-product{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:25px 25px;
	margin:0;
	padding:0;
}

.cartbox-product-btn{
	flex:0 0 100%;
	position:relative;
	display:flex;
	justify-content: flex-start;
	gap:0 20px;
	margin:0 0 15px 0;
}
.cartbox-product-btn .cartbox-select,
.cartbox-product-btn .cartbox-remove{
	flex: 0 0 30px;
	aspect-ratio: 1/1;
	border:#071A22 1px solid;
}
.cartbox-thumbnail{
	flex: 0 0 80px;
	height:80px;
	margin:0;
	padding:0;
	border:1px solid #071A22;
}
.cartbox-thumbnail img{
	width:100%;
	height:100%;
}
.cartbox-detail{
	flex: 0 0 calc(100% - (80px + 25px));
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:15px 10px;
	margin:0;
	padding:0;
}
.modal-contents .cartbox-detail{
	flex: 0 0 100%;

}
.cartbox-producttitle{
	font-weight:600;
	line-height:1.0;
	flex: 0 0 100%;
}
.modal-contents .cartbox-producttitle{
	height:80px;
	flex: 0 0 calc(100% - (80px + 25px));
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.cartbox-price,
.cartbox-material,
.cartbox-maincolor,
.cartbox-accentcolor,
.cartbox-extras,
.cartbox-alignment{
	color:#6E7477;
	line-height:1.0;
	flex:0 0 calc(55% - 25px);
	font-size:87.5%;
}
.cartbox-request{
	color:#6E7477;
	line-height:1.0;
	flex:0 0 100%;
}
.cartbox-price-value,
.cartbox-material-value,
.cartbox-maincolor-value,
.cartbox-accentcolor-value,
.cartbox-extras-value,
.cartbox-alignment-value{
	color:#071A22;
	line-height:1.0;
	flex:0 0 45%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 10px;
	height:100%;
	font-size:87.5%;
}
.cartbox-request-value{
	line-height:1.5;
	flex:0 0 100%;
	color:#071A22;
}
.cartbox-maincolor-value .colorname,
.cartbox-accentcolor-value .colorname{
	flex:0 auto;
}
.cartbox-maincolor-value .colorsample,
.cartbox-accentcolor-value .colorsample{
	display:block;
	flex:1 auto;
	height:16px;
}
.cartbox-extras-value ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
.cartbox-extras-value ul li{
	display:block;
	margin:0;
	padding:0 0 8px 0;
}
.cartbox-alignment-value{
	display:flex;
	justify-content: flex-start;
	gap:10px 10px;
	flex-wrap:wrap;
	align-items: flex-start;
}
.cartbox-alignment-value .alignmentname{
	flex: 0 auto;
}
.cartbox-alignment-value .alignmentimg{
	flex: 0 0 60px;
	height:60px;
	border:1px solid #071A22;
	overflow:hidden;
}
.cartbox-alignment-value .alignmentimg img{
	width:100%;
	height:100%;
}
.cartbox-request-value{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap: 10px 0px;
}
.cartbox-request-value p{
	flex:0 0 100%;
	color:#071A22;
}
.cartbox-request-value .cartbox-request-upload{
	flex:0 0 100%;
	font-weight:600;
}
.cartbox-request-value .cartbox-request-upload:hover{
	cursor:pointer;
}
.checkmark{
	width:30px;
	height:30px;
	border:1px solid #071A22;
	transition:.3s all;
}
.checkmark:hover{
	background:rgba(7,26,34,0.1);
}
.checkmark .check{
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#071A22;
	transition:.3s all;
}
.checkmark .check:hover{
	opacity:.8;
	cursor:pointer;
}
.order-box{
	flex:0 0 calc(65% - 25px);
	padding:0;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
	background:#E7E8E9;
	margin:0;
}
.orderdetail-box{
	flex:0 0 calc(35% - 25px);
	padding:50px;
	background:#fff;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}

.order-box .order-box-steps{
	flex:0 0 100%;
	background:#fff;
	padding:25px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
}
.order-box .order-box-steps::before{
	content:'';
	width:calc(100% - (60px + 60px + 25px + 25px));
	height:1px;
	background:#E7E8E9;
	display:block;
	position:absolute;
	left:calc(25px + 60px);
	top:calc(25px + 9px);
}
.steps-box{
	flex: 0 0 120px;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap:wrap;
}
.steps-box span{
	display:inline-block;
	height:20px;
	width:100%;
}
.completed{
	transition:.3s all;
}
.completed a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.completed:hover > label::before{
	background:#071A22;
}
.completed span,
.notprocessing span,
.processing span{
	position:relative;
}
.completed span::before,
.notprocessing span::before,
.processing span::before{
	content:'';
	position:absolute;
	display:block;
	top:0;
	left:calc((100% - 18px)/2);
	width: 12px;
	height:12px;
	background:#071A22;
	border-radius:50%;
}
.processing span::before{
	border:#071A22 6px solid;
	background:#fff;
	box-sizing: border-box;
	width:18px;
	height:18px;
}
.completed span::before{
	top:4px;
}
.notprocessing span::before{
	height:10px;
	width:10px;
	top:5px;
	background:#E7E8E9;
}
.steps-box label{
	display:inline-block;
	text-align:center;
	width:auto;
	margin:0 auto;
	font-size:81.25%;
	font-weight:600;
}
.notprocessing label{
	color:#E7E8E9 !important;
}
.completed label{
	position:relative;
}
.completed label::before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:2px;
	background:#fff;
	bottom:-3px;
	left:0;
	transition:.3s all;
}
.order-box .order-box-container{
	flex: 0 0 100%;
	background:#fff;
	padding:50px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
.order-nextbtn{
	height:70px;
	flex:0 0 100%;
	width:100%;
	background:#071A22;
	color:#fff;
	font-weight:600;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	border:1px solid #071A22;
	font-size:137.5%;
	transition:.3s all;
}
.order-nextbtn:hover{
	background:#fff;
	color:#071A22;
	cursor:pointer;
}
.order-nextbtn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.informationforms{
	flex: 0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:25px 25px;
}
.informationforms h2{
	flex: 0 0 100%;
	font-size:112.5%;
	font-weight:600;
}
.informationforms-box-50{
	flex:0 0 calc(50% - 12.5px);
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:8px 0;
}
.informationforms-box-100{
	flex: 0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:8px 0;
}
.informationforms-box-50 label,
.informationforms-box-100 label{
	flex: 0 0 100%;
	font-size:87.5%;
	color:#071A22;
}
.informationforms-box-50 input,
.informationforms-box-100 input{
	border:solid 1px #6E7477;
	border-radius:0;
	padding:10px;
	outline:none;
	width:100%;
	min-height:38px;
	box-sizing: border-box;
	transition:.3s all;
	font-weight:300;
	font-size:100%;
}
.informationforms-box-50 input::placeholder,
.informationforms-box-100 input::placeholder {
	color: #E7E8E9;
}
.informationforms-box-50 input:hover,
.informationforms-box-100 input:hover{
	border:solid 1px #071A22;
}
.informationforms-box-50 input:focus,
.informationforms-box-100 input:focus{
	color:#071A22;
}
.order-completed-box{
	flex: 0 0 65%;
	padding:50px;
	background:#fff;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:50px 0;
}
.order-completed-icon{
	flex:0 0 100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	gap:25px 0;
}
.order-completed-box svg{
	display:block;
	margin:0 auto;
}
.order-completed-box h1{
	font-size:200%;
}
.orderdetail-box .headline{
	flex:0 0 100%;
	font-weight:600;
}
.orderdetail-box .headline .info-btn{
	background:#071A22;
	color:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
	width:39px;
	height:21px;
	box-sizing: border-box;
	font-size:75%;
	line-height:1.0;
	transition:.3s all;
	border:2px solid #071A22;
	position:absolute;
	top:0;
	right:0;
	font-weight:600;
}
.orderdetail-box .headline .info-btn:hover{
	background: #fff;
	border:2px solid #071A22;
	color:#071A22;
	cursor:pointer;
}
.orderdetail-box .processingproductlist{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
	gap:10px 0;
}
.orderdetail-box .processingproductlist p, .orderdetail-box .price-explainer p{
	font-size:81.25%;
	color:#6E7477;
}
.orderdetail-box .price-explainer p:first-child {
	margin-bottom: 1.5em;
}
.orderdetail-box .processingproductlist div{
	border:1px solid #E7E8E9;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap:wrap;
	width: 100%;
}
.orderdetail-box .processingproductlist div .thumbnail{
	width:80px;
	height:80px;
	display:block;
	padding:10px;
	border-right:1px solid #E7E8E9;
	box-sizing: border-box;
}
.orderdetail-box .processingproductlist div .thumbnail img{
	width:100%;
	height:100%;
}
.orderdetail-box .processingproductlist div .productname{
	width:calc(100% - 90px);
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	display:block;
	font-size:87.5%;
}
.orderdetail-box .pricecalc{
	flex:0 0 100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 10px;
	letter-spacing:.05em;
}
.orderdetail-box .pricecalc-object{
	flex: 0 0 calc(100% - 110px);
	display:flex;
	justify-content: flex-start;
	font-size:81.25%;
}
.orderdetail-box .pricecalc-price{
	flex: 0 0 100px;
	display:flex;
	justify-content: flex-end;
	font-size:81.25%;
}
.orderdetail-box .pricecalc-total{
	margin:15px 0 0 0;
	border-top:2px solid #071A22;
	flex: 0 0 100%;
	display:flex;
	justify-content: flex-end;
	font-size:87.5%;
	padding:5px 0 0 0;
	font-weight:600;
}
.orderdetail-box .pricecalc-tax{
	flex: 0 0 100%;
	color:#6E7477;
	font-size:81.25%;
	display:flex;
	justify-content: flex-end;
}
.orderdetail-box p{
	font-size:81.25%;
	display:block;
	margin:0;
	padding:0;
}
#mob-menu-btn{
	display:block;
	width:25px;
	height:12px;
	background:#fff;
	position:relative;
}
#mob-menu-btn:hover{
	cursor:pointer;
}
#mob-menu-btn span{
	display:block;
	position:absolute;
	top:0;
	width:100%;
	background:#071A22;
	height:2px;
}
#mob-menu-btn span:nth-of-type(1){
	top:0;
	left:0;
}
#mob-menu-btn span:nth-of-type(2){
	top:50%;
	left:0;
}
#mob-menu-btn span:nth-of-type(3){
	top:100%;
	left:0;
}
#mob-menu-btn.active{
	transition:.3s all;
}
#mob-menu-btn.active span{
	transition:.3s all;
}
#mob-menu-btn.active span:nth-of-type(1){
	top:6px;
	left:0;
	transform:rotate(-45deg);
}
#mob-menu-btn.active span:nth-of-type(2){
	display:none;
}
#mob-menu-btn.active span:nth-of-type(3){
	top:6px;
	left:0;
	transform:rotate(45deg);
}
#mob-menu{
	width:100%;
	height:calc(100% - 50px);
	border-top:1px solid #E7E8E9;
	padding:0;
	background:#fff;
	position:fixed;
	top:50px;
	left:0;
	opacity:0;
	animation: detailopen 0.3s linear 0s forwards;
	z-index:8888;
	display:none;
}
#mob-menu .mob-menu-container{
	width:100%;
	height:100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:10px 0;
	margin:0;
	padding:0;
	position:relative;
}
#mob-menu .mob-menu-container .logo{
	position:fixed;
	bottom:0;
	left:0;
	height:120px;
	width:100%;
	padding:10px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap:wrap;
}
#mob-menu .mob-menu-container .logo a{
	text-decoration: none;
}
#mob-menu .mob-menu-container .logo a img{
	width:200px;
	display:block;
	height:80px;
}
#mob-menu .mob-menu-container nav{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	gap:15px 0;
	margin:0;
	padding:50px 0 0 0;
	height:calc(100% - 120px);
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;

}
#mob-menu .mob-menu-container nav .mob-menu-link{
	flex: 0 0 100vw;
	margin:0;
	position:relative;
	padding:0 10px 15px 10px;
	border-bottom:1px solid #E7E8E9;
}
#mob-menu .mob-menu-container nav .mob-menu-link.last{
	padding-top:25px;
}
#mob-menu .mob-menu-container nav .mob-menu-link a{
	font-size:112.5%;
	font-weight:600;
	color:#071A22;
	text-decoration: none;
	position:relative;
	margin:0;
	padding:0;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	gap:0 10px;
	width:100%;
	height:100%;
}
#mob-menu .mob-menu-container nav .mob-menu-link a span{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right:15px;
	top:calc((100% - 10px)/2);
}
#mob-menu .mob-menu-container nav .mob-menu-link a span::before{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#071A22;
	top:calc((100% - 2px)/2);
	position:absolute;
}
#mob-menu .mob-menu-container nav .mob-menu-link a span::after{
	content:'';
	display:block;
	width:2px;
	height:100%;
	background:#071A22;
	left:calc((100% - 2px)/2);
	position:absolute;
}
#mob-menu .mob-menu-container nav .mob-menu-link a.active span::after{
	opacity:0;
}


#mob-menu .mob-menu-container nav .mob-menu-link-child{
	flex: 0 0 100%;
	font-size:100%;
	font-weight:500;
	color:#071A22;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	padding:0 10px;
	margin-bottom:25px;
	gap:1em 1em;
	display:none;
	animation: detailopen 0.3s linear 0s forwards;
}
.mob-menu-link-child.active {
	display: flex !important;
}
#mob-menu .mob-menu-container nav .mob-menu-link-child a{
	display:block;
	text-decoration: none;
	font-size:90%;
	color:#071A22;
	flex:0 0 calc(100%/3 - 1em);
	width:calc(100%/3 - 1em);
	aspect-ratio:1/1;
	position:relative;
	padding-bottom:2em;
}
#mob-menu .mob-menu-container nav .mob-menu-link-child a img{
	width:100%;
	height:100%;
}
#mob-menu .mob-menu-container nav .mob-menu-link-child a span{
	display:block;
	width:100%;
	max-height:2em;
	line-height:1.0;
	position:absolute;
	top:calc(100% - 2em);
}
#mob-menu .mob-menu-container nav .mob-menu-link-child.smalllink a{
	flex:0 0 100% !important;
	width:100% !important;
	padding-bottom:8px;
	aspect-ratio:auto;
	display:block;
	text-decoration: none;
	font-size:112.5%;
	font-weight:300;
	color:#071A22;
	flex:0 0 100%;
}
.paymentinfo{
	padding:15px;
	border: #E7E8E9 1px solid;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	margin-top:15px;
}
.paymentinfo span{
	flex:0 0 100%;
	width:100%;
	margin:0 0 8px 0;
}
.paymentinfo span:last-child{
	margin:0;
}
.paymentinfo span b{
	font-weight:300;
	color:#6E7477;
	padding-right:8px;
	width:60px;
	display:inline-block;
}
ul{
	padding:0;
	margin:0;
	list-style-position: inside;
	color:#071A22;
}
ul.padding-25{
	padding:0 0 25px 0;
}
ul li{
	padding-bottom:8px;
}
ul li ol{
	padding:16px 0 0 20px;
	margin:0;
}
.contentbox .law{
	background:#F4F6F8;
	padding:25px;
	width:100%;
}
.mailform{
	width:70%;
	flex: 0 0 70%;
	margin:0 auto;
	padding:0;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:0 50px;
}
.mailform form{
	flex:3;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:15px 0;
}
.mailform .mailform-contact{
	flex:1;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap:0;
	font-size:81.25%;
	padding-top:13px;
}
.mailform form label{
	flex: 0 0 100%;
	font-size:81.25%;
	margin-top:10px;
	height:13px;
}
.mailform form textarea{
	resize:none;
	border-radius:0;
	border:1px solid #E7E8E9;
	height:250px;
	flex:0 0 100%;
	width:100%;
	margin:0;
	padding:10px;
	box-sizing: border-box;
	outline:none;
}
.mailform form input{
	flex: 0 0 100%;
	height:38px;
	border-radius:0;
	border:1px solid #E7E8E9;
	margin:0;
	padding:10px;
	box-sizing: border-box;
	outline:none;
}
.mailform form input::placeholder,
.mailform form textarea::placeholder {
	color: #E7E8E9;
	font-size:100%;

}
.mailform form textarea:focus,
.mailform form input:focus{
	color:#071A22;
}
.mailform-submitbtn{
	width:100%;
	flex: 0 0 100%;
	background: #071A22;
	padding:20px 20px;
	color:#fff;
	font-weight:600;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:25px;
	font-size:125%;
	transition:.3s all;
}
.mailform-submitbtn:hover{
	opacity:.85;
	cursor:pointer;
}
.mailform-error{
	color:#D30000;
	font-weight:600;
}
.mailform-completed{
	color:#071A22;
	font-weight:600;
}
.product-swipelist{
	flex: 0 0 100%;
	position:relative;
	order:1;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:nowrap;
	overflow:hidden;
	background:rgba(231, 232, 233,.5);
}
.product-swipelist video,
.product-swipelist img{
	flex-shrink: 0;
	width:100%;
	height:auto;
}
.swipe-container{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:nowrap;
	transition: transform 0.3s ease;
	width: 100%;
	height:auto;
}
.swipe-container img{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:41.666vw;
	aspect-ratio:1/1;
}
.product-swipelist-rightbtn,
.product-swipelist-leftbtn{
	width:30px;
	height:30px;
	display:none;
	justify-content: center;
	align-items: center;
	position:absolute;
	bottom:0;
	background:rgba(7,26,34,0.25);
	z-index:666;
}
.product-swipelist-rightbtn{
	bottom:0;
	left:calc(100% - 30px);
}
.product-swipelist-leftbtn{
	left:0;
}
.product-swipelist-rightbtn span,
.product-swipelist-leftbtn span{
	width:100%;
	height:100%;
	position:relative;
	display:block;
}
.product-swipelist-rightbtn span::before,
.product-swipelist-leftbtn span::before{
	content:'';
	display:block;
	position:absolute;
	top:30%;
	left:38%;
	width:40%;
	height:40%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	transform:rotate(-45deg);
}
.product-swipelist-rightbtn span::before{
	transform:rotate(135deg);
	left:15%;
}
.productlist-index{
	display:flex;
	flex:0 0 100%;
	height:auto;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:nowrap;
	gap:25px 25px;
	margin:0;
	padding:0;
	overflow-x:scroll;
	margin:0 0 0 100px;
	padding: 0 100px 25px 0;
	position:relative;
}

/*scrollbar setting */
/* width */
.productlist-index::-webkit-scrollbar {
	height: 3px;
}

/* Track */
.productlist-index::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.productlist-index::-webkit-scrollbar-thumb {
	background: #071A22;
}

/* Handle on hover */
.productlist-index::-webkit-scrollbar-thumb:hover {
	background: #071A22;
}
.productlist-index-box{
	flex:0 0 25%;
	position:relative;
}
.productlist-index-box:first-child{
	position:sticky;
	top:0;
	left:0;
	background:rgba(231, 232, 233,.25);
	padding:25px;
	aspect-ratio:1/1;
	height:100%;
}
.productlist-index-box:first-child h1{
	color:#071A22;
	font-size:300%
}
.productlist-index-box:first-child a{
	flex: 0 0 auto;
	width:auto;
	display:inline-block;
	position:relative;
	color:#071A22;
	margin-top:25px;
	transition:.3s all;
	padding-bottom:6px;
	border-bottom:rgba(7,26,34,0) solid 3px;
}
.productlist-index-box:first-child a:hover{
	border-bottom:rgba(7,26,34,1) solid 3px;
}
.productlist-index-box img{
	width:100%;
	height:100%;
	transition:.6s all;
}
.productlist-index-box.products{
	overflow:hidden;
	transition:.6s all;
}
.productlist-index-box.products a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
.productlist-index-box.products:hover{
	cursor:pointer;
}
.productlist-index-box.products:hover > img{
	transform:scale(1.05);
}
.productlist-index-box.products .productlist-index-box-detail{
	position:absolute;
	display:flex;
	gap:0;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	bottom:0;
	left:0;
	width:100%;
	transition:.3s all;
	transform:translateY(50%);
	opacity:0;
	padding:10px 0 10px 0;
}
.productlist-index-box.products:hover > .productlist-index-box-detail{
	transform:translateY(0%);
	opacity:1;
	background:#fff;
}
.productlist-index-box-detail span{
	flex: 0 0 100%;
	width:100%;
}
.productlist-index-box-detail span.message{
	flex:0 0 auto;
	width:auto;
	background:#071A22;
	padding:8px 12px;
	font-weight:600;
	color:#fff;
	margin-top:20px;
}
.productlist-index-btn{
	width:60px;
	height:100%;
	background:rgba(255, 255, 255,.75);
	position:absolute;
	top:0;
	right:6.9444vw;
	z-index:999;
	opacity:0;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
.productlist-index-btn:hover{
	opacity:1;
	cursor:pointer
}
.productlist-index-btn span{
	border-top:1px solid #071A22;
	border-right:1px solid #071A22;
	transform:rotate(45deg);
	display:block;
	width:30px;
	height:30px;
}
/* product colors */
.product-customise.product-colors {
	display: none;
}
.tvboard-list-modal,
.coffee-table-list{
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: self-start;
	flex-wrap:wrap;
	gap:1.111vw 1.111vw;
}
.tvboard-list-modal span,
.coffee-table-list span{
	flex:0 0 100%;
	font-weight:500;
}
.tvboard-list-modal-item,
.coffee-table-list-item{
	position:relative;
	flex:1 3 calc((100%/3) - 1.111vw);
	max-width:calc((100%/3) - 1.111vw);
	transition:.3s all;
	cursor:pointer;
	overflow:hidden;
}
.tvboard-list-modal-item:hover > img,
.coffee-table-list-item:hover > img{
	transform:scale(1.05);
}
.tvboard-list-modal-item.selected::before,
.coffee-table-list-item.selected::before{
	border:3px solid #071A22;
	content:'Ausgewählt';
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width:auto;
	z-index:222;
	position:absolute;
	top:0;
	left:0;
	line-height:1.0;
	color:#fff;
	font-weight:500;
	font-size:80%;
	background:#071A22;
	padding:0.5rem;
}
.tvboard-list-modal-item img,
.coffee-table-list-item img{
	width:100%;
	height:100%;
	box-sizing: border-box;
	transition:.3s all;
	aspect-ratio:1/1;
}
.tvboard-list-modal-item span.price,
.coffee-table-list-item span.price{
	flex:0 0 100%;
	font-weight:500;
	text-align:center;
}
.tvboard-btn-container,
.coffee-table-btn-container{
	display:flex;
	justify-content: space-between;
	align-items: self-start;
	width:100%;
	flex:0 0 100%;
	margin:0;
	padding-bottom:1em;
}
.tvboard-btn-container .btn-cancel,
.coffee-table-btn-container .btn-cancel{
	background:#071A22;
	transition:.3s all;
	border:1px solid #071A22;
	width:35%;
	height:42px;
	display:flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.tvboard-btn-container .btn-cancel:hover,
.coffee-table-btn-container .btn-cancel:hover{
	background:#fff;
}
.tvboard-btn-container .btn-cancel:hover > span,
.coffee-table-btn-container .btn-cancel:hover > span{
	color:#071A22;
}
.tvboard-btn-container .btn-cancel span,
.coffee-table-btn-container .btn-cancel span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:500;
	color:white;
	width:auto;
}
.productpage-mainpic .product-swipelist-leftbtn,
.productpage-mainpic .product-swipelist-rightbtn{
	width:calc(30/1440*100vw);
	height:calc(30/1440*100vw);
	background:rgba(255,255,255,.25);
	top:calc((100% - (30/1440*100vw))/2);
	position:absolute;
}
.productpage-mainpic .product-swipelist-leftbtn span:hover,
.productpage-mainpic .product-swipelist-rightbtn span:hover{
	background:#071A22;
	transition:.3s all;
	cursor:pointer;
}
.productpage-mainpic .product-swipelist-leftbtn span::before,
.productpage-mainpic .product-swipelist-rightbtn span::before{
	border-top:1px solid #071A22;
	border-left:1px solid #071A22;
	top:30%;
	width:40%;
	height:40%;
}

.productpage-mainpic .product-swipelist-leftbtn span:hover::before,
.productpage-mainpic .product-swipelist-rightbtn span:hover::before{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

.search-button {
    all: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: background-color 0.2s ease;
}

.search-button:hover {
    background-color: #e5e7e8;
}

.search-button svg {
    display: block;
}

#whatsapp-btn-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#whatsapp-btn-footer:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

#whatsapp-btn-footer .whatsapp-button {
    all: unset;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#whatsapp-btn-footer svg {
    width: 32px;
    height: 32px;
}

.color-black {
    color: black !important;
}