@charset "UTF-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
/*
font-family: "Noto Sans JP", serif;
Regular 400
Medium 500
Bold 700
*/
 
 @font-face {
font-family: "DINNextProBold";
src: url('../font/DINNextProBold/font.woff2') format('woff2'), url('../font/DINNextProBold/font.woff') format('woff');
}
 @font-face {
font-family: "DINNextProMedium";
src: url('../font/DINNextProMedium/font.woff2') format('woff2'), url('../font/DINNextProMedium/font.woff') format('woff');
}
@font-face {
font-family: "DINNextProLight";
src: url('../font/DINNextProLight/font.woff2') format('woff2'), url('../font/DINNextProLight/font.woff') format('woff');
}
@font-face {
font-family: "DINPro-Regular";
src: url('../font/DINPro-Regular.woff2') format('woff2'), url('../font/DINPro-Regular.woff') format('woff');
}

/*
.guide0,
.guide1,
.guide2,
.guide3,
.guide4{opacity: 0.3;z-index: 1000;position: relative;}
body:before{content: '';position: fixed;width: 1px;left: 50%;top: 0;bottom: 0;background: #FF0004;opacity: 0.3;z-index: 1000;}
.guide0:before{content: '';position: fixed;width: 1px;left: 5%;top: 0;bottom: 0;background: #FF0004;}
.guide0:after{content: '';position: fixed;width: 1px;right: 5%;top: 0;bottom: 0;background: #FF0004;}
.guide1:before{content: '';position: fixed;width: 1px;left: 10%;top: 0;bottom: 0;background: #FF0004;}
.guide1:after{content: '';position: fixed;width: 1px;right: 10%;top: 0;bottom: 0;background: #FF0004;}
.guide2:before{content: '';position: fixed;width: 1px;left: 15%;top: 0;bottom: 0;background: #FF0004;}
.guide2:after{content: '';position: fixed;width: 1px;right: 15%;top: 0;bottom: 0;background: #FF0004;}
.guide3:before{content: '';position: fixed;width: 1px;left: 7.5%;top: 0;bottom: 0;background: #00a0e9;}
.guide3:after{content: '';position: fixed;width: 1px;right: 7.5%;top: 0;bottom: 0;background: #00a0e9;}
.guide4:before{content: '';position: fixed;width: 1px;left: 12.5%;top: 0;bottom: 0;background: #00a0e9;}
.guide4:after{content: '';position: fixed;width: 1px;right: 12.5%;top: 0;bottom: 0;background: #00a0e9;}
*/

/* ---------- RESET ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, b, u, i, center, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {margin:0;padding:0;border:0;font-size: 100%;font:inherit;vertical-align: baseline;text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}
input:focus, textarea:focus{-webkit-apparence:none;outline: none;border:none;}
img{border:none;outline:none;vertical-align:top;font-size:0;line-height:0;}
img a{border:none;outline: none;}
a:focus{outline:none;}
hr {height:0;margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration:none;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}

img{width:100%;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);}

*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;   outline:none;box-sizing:border-box;margin:0;padding:0;}
/*----------------------------------*/




html{
	width: 100%;
	height: 100%;
	/*font-size: clamp(11px , 0.94vw ,15px);*/
	font-size:clamp(12px,calc(var(--vw)*1.05),17px);
}

body{
	-webkit-text-size-adjust: 100%;
	font-style: normal;
	color:#16212A;
	line-height: 1;
	background: #EEF2F3;
	width: 100%;
	height: 100%;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-weight: 400;
}


#loading{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    z-index:10000;
	background: #EEF2F3;
}
#loading.is-hide{
	opacity: 0;
	pointer-events: none;
}

.inView{
	position: relative;
	opacity: 0;
	top: 3em;
	-webkit-transition:opacity 1.2s, top 1.0s cubic-bezier(0.33, 1, 0.68, 1);
	transition:opacity 1.2s, top 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.inView.view{opacity: 1;top: 0;}




.sp{display: none;}
.pc{display: block;}

br.res{display: none;}



/*----------------------*/

.cross{
	position: absolute;
	top: 36px;
	z-index: 100;
	width: 40px;
	height: 40px;
}
.hero .cross{top: calc(70px + 37px);}
.cross::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: rgba(22,23,42,0.5);
	top: 32%;
}
.cross::after{
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: rgba(22,23,42,0.5);
	top: 0;
}

.cross.Left{left: 37px;}
.cross.Left::before{left: 0;}
.cross.Left::after{left: 32%;}

.cross.Right{right: 37px;}
.cross.Right::before{right: 0;}
.cross.Right::after{right: 32%;}



/*----------------------*/


.hero{
	width: 100%;
	height: 100vh;
	max-height: 65vw;
	position: relative;
	background: url("../images/hero.webp") center center no-repeat;
	background-size: cover;
}

.hero .titleBox{
	position: absolute;
	top: 53.5%;
	right: 3.5%;
	z-index: 5;
	width: 49.5%;
	text-align: center;
	padding: 4.5em 0;
	background: rgba(255,255,255,0.4);
	transform:translateY(-50%);
}

.hero h1{
	font-family: "DINNextProMedium";
	font-size: 2.5em;
	color: #E60000;
}
.hero h2{
	font-family: "DINNextProMedium","Noto Sans JP";
	font-weight: 700;
	font-size: 1.6em;
	letter-spacing: 0.06em;
	margin-top: 0.5em;
}

.hero .topics{
	display: flex;
	justify-content: center;
	column-gap: 2em;
	margin: 3.5em 0;
}
.hero .topics .to{
	font-family: "DINNextProMedium";
	color: rgba(22,33,42,0.5);
	font-size: 0.86em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.1;
}
.hero .topics em{
	display: block;
	color: #E60000;
	font-size: 2.85em;
	letter-spacing: 0;
}
.hero .topics em span{
	font-size: 0.73em; 
	font-family: "DINPro-Regular";
	padding: 0 0.18em 0.15em;
	display: inline-block;
	vertical-align:middle;
}
.hero h3{
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.1;
}
.hero h3 em{
	font-family: "DINPro-Regular";
	font-size: 2.53em;
	display: block;
}


/*------*/

.navi{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	display: flex;
	padding:0 2.5%;
	align-items: center;
	line-height: 1;
	font-size: max(15px, 1em);
	justify-content:space-between;
	border-bottom: 1px solid rgba(22,33,42,0.5);
	background: rgba(238, 242, 243, 0.55);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.navi .logo{width: 2.7em;top: 0;left: 0;}
.navi nav{
	display: flex;
	column-gap: 3.4em;
	align-items: center;
	/*padding: 16px 0;*/
	padding: 2em 0;
}

.navi nav ul{
	font-family: "DINNextProBold";
	display: flex;
	column-gap: 3.4em;
	font-size: 0.93em;
}
.navi nav ul a{color: #16212A;}

.navi .buy{
	font-size: 0.83em;
}
.navi .buy a{
	color: #FFF;
	background: #E60000;
	padding: 1.1em 2.4em;
	letter-spacing: 0.08em;
	display: flex;
	align-items:center;
	column-gap: 0.7em;
}

.navi .buy a .arrow{
	width: 9px;
	height: 9px;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	position: relative;
}
.navi .buy a .arrow::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0px;
	width: 1px;
	height: 11px;
	background: #FFF;
	transform: rotate(45deg);
	transform-origin: center top;
}





@media(min-width: 769px) {
.navi nav ul a{transition: color 0.3s;}
.navi nav ul a:hover{color: #E60000;}

.navi .buy a{transition: background 0.3s;}
.navi .buy a:hover{background:rgba(230,0,0,0.7);}

}



/*------*/

.wapper{width: 100%;}

.content{
	width: 100%;
	position: relative;
	border-top: 1px solid rgba(22,33,42,0.5);
}
.content.reiser,
.content.collection{border: none;}

.section__wrap.column{display: flex;}
.section__wrap.column.center{align-items: center;}


/*----------------------*/



.areaTitle_set{line-height: 0.95;}
.areaTitle_set.center{text-align: center;}
.areaTitle_set h2{
	font-family: "DINNextProLight";
	font-size: 6.93em;
}
.areaTitle_set h2 span{
	color: #E60000;
	font-size: 1.73em;
	font-family: "DINNextProMedium";
	padding-right: 0.1em;
}
.areaTitle_set h3{
	font-weight: 500;
	color: #E60000;
	letter-spacing: 0.06em;
	padding-left: 3.6em;
	position: relative;
}
.areaTitle_set h3::before{
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	height: 1px;
	width: 2.7em;
	background: #E60000;
}

.areaTitle_set h4{
	font-weight: 500;
	font-size: 1.73em;
	margin-top: 0.6em;
}



/*----------------------*/




.about .section__wrap{
	padding: 8em 0;
	max-width: 1620px;
	margin: 0 auto;
}
.about .element{
	width: 47.3%;
	display: flex;
	justify-content: center;
}
.about .element .element__inner{width: 65%;}

.about .visual{width: 52.7%;}


.about  .element h4.catch{
	font-weight: 500;
	font-size: 2.53em;
	line-height: 1.4;
	letter-spacing: 0.05em;
	margin-top: 1em;
}

.about  .element .bodytext{
	line-height: 2.4;
	margin-top: 2em;
}

/*--------------------*/

.benefit{
	position: relative;
	display: grid;
	grid-template-columns: 40% 60%;
	align-items: start;
	width: 100%;
	background: #E3EAEC;
}
.benefit .sticky_content{
	position: sticky;
	top: 0;
	width: 100%;
}
.benefit .sticky_content .movie{
	width: 100%;
	height: 100vh;
	overflow:hidden;
	position: relative;
}
.benefit .sticky_content .movie video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.mov01 .movieSound{
	position:absolute;
	right:0.8em;
	bottom:0.8em;
	z-index:10;
	width: 3.5em;
	height: 3.5em;
	cursor:pointer;
	background: url("../images/sound_off.svg") center center;
	background-size: cover;
}
.mov01 .movieSound.on{
	opacity:1;
	background: url("../images/sound_on.svg") center center;
	background-size: cover;
}








.benefit .section__wrap{
	width: 100%;
	display: flex;
	justify-content: center;
}
.benefit .section__wrap .element{
	width: 70%;
	max-width: 680px;
	padding: 14em 0;
}
.benefit_item{
	width: 100%;
	margin-top: 8em;
}
.benefit_item .number{
	font-family: "DINNextProBold";
	font-size: 1.2em;
	letter-spacing: 0.15em;
	border-bottom: 1px solid #7d858a;
	padding: 0 0.2em 0.6em;
	display: inline-block;
}
.benefit_item .number span{
	color: #E60000;
	margin-left: 0.6em;
	letter-spacing: 0.1em;
}
.benefit_item h2{
	font-family: "DINNextProMedium";
	font-size: 1.6em;
	margin-top: 1em;
}

.benefit_item h2 .num{
	font-size: 7.5em;
	color: #E60000;
}
.benefit_item h2 .txt{
	letter-spacing: 0.1em;
	margin-left: 0.3em;
	position: relative;
	top: -0.2em;
}

.benefit_item.n03 h2 .num{font-size: 5.4em;letter-spacing: -0.03em;}
.benefit_item.n04 h2 .num{font-size: 4.5em;letter-spacing: -0.03em;}
.benefit_item.n04 h2 .num em{font-family: "DINNextProLight";letter-spacing: 0;}
.benefit_item.n03 h2 .txt{top: 0;}
.benefit_item.n04 h2 .txt{top: 0;margin-left: 0.6em;}

.benefit_item h3{
	font-weight: 700;
	font-size: 1.73em;
	margin-top: 1em;
	letter-spacing: 0.05em;
	line-height: 1.3;
}


.benefit_item p{
	margin-top: 1.4em;
	letter-spacing: 0.02em;
	line-height: 1.8;
}

.benefit_item figure{
	margin-top: 3em;
}



/*-------------------*/



.compartments .section__wrap{padding: 14em 0;}


.compartments .zone{
	width: 84%;
	max-width: 1360px;
	margin: 0 auto;
}
.compartments .zone.n01{margin-top: 6em;}


.zone .visual{width: 100%;}
.zone .visual.column{display: flex;justify-content: space-between;}
.zone .visual.column .main{width: 66.6%;}
.zone .visual.column .sub{width: 30%;}

.zone .note{
	font-weight: 500;
	letter-spacing: 0.03em;
	margin-top: 0.8em;
	line-height: 1.4;
	position: relative;
	padding-left: 1.5em;
}
.zone .note::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1em;
	height: 1px;
	background: #E60000;
}
.zone .under{margin-top: 2em;}

.zone .info{
	width: 100%;
	position: relative;
	z-index: 5;
	margin-top: -3.1em;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.zone .info .number{
	text-align: center;
	width: 15em;
}
.zone .info .number .num{
	font-family: "DINNextProMedium";
	font-size: 12em;
	color: transparent;
    -webkit-text-stroke: 1px #E60000;
}
.zone .info .number p{
	font-family: "DINNextProMedium";
	letter-spacing: 0.09em;
	line-height: 1.1;
}

.zone .info .txt{
	width: calc(100% - 17.5em);
	position: relative;
	padding: 0.5em 0;
	padding-left: 3em;
}
.zone .info .txt::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #7d858a;
}

.zone .info .txt h2{
	font-weight: 700;
	font-size: 1.73em;
	letter-spacing: 0.03em;
}
.zone .info .txt p{
	margin-top: 1.5em;
	letter-spacing: 0.02em;
	line-height: 1.5;
}

.compartments .plus{
	width: 100%;
	text-align: center;
	padding: 6.5em 0 3em;
}
.compartments .plus span{
	width: 1.15em;
	height: 1.15em;
	display: block;
	margin: 0 auto;
	position: relative;
}
.compartments .plus span::before,
.compartments .plus span::after{
	content: '';
	position: absolute;
	background: #7d858a;
}
.compartments .plus span::before{
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
}
.compartments .plus span::after{
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
}

/*-------------------*/



.features{
	background: #E3EAEC;
}
.features .section__wrap .element{
	width: 84%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 14em 0;
}

.features__list{
	width: 100%;
	margin-top: 5em;
}

.features__list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #7d858a;
	border-right: 1px solid #7d858a;
}
.features__list ul li{
	width: 33.3333%;
	border-bottom: 1px solid #7d858a;
	border-left: 1px solid #7d858a;
	padding: 2.2em;
}

.features__list .list__header{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0.8em;
	font-family: "DINNextProMedium";
	color: #5B6A72;
	letter-spacing: 0.1em;
}

.features__list .list__header .num{
	font-size: 2.33em;
	color: #E60000;
	letter-spacing: 0.02em;
}
.features__list figure{
	margin-top: 1.5em;
}

.features__list .info{
	margin-top: 2em;
	line-height: 1.4;
}

.features__list .info h2{
	font-weight: 700;
	font-size: 1.26em;
	letter-spacing: 0.02em;
}

.features__list .info p{
	font-size: 0.87em;
	color: #5B6A72;
	line-height: 1.8;
	margin-top: 1em;
}


.features__list .spec{
	background: #16212A;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.features__list .spec .specInner{width: 100%;}

.features__list .spec .spec__title{
	display: flex;
	justify-content: space-between;
}
.features__list .spec .spec__title h2{
	font-family: "DINNextProMedium";
	font-size: 1.6em;
	letter-spacing: 0.05em;
}
.features__list .spec .spec__title span{
	font-family: "DINNextProBold";
	font-size: 0.67em;
	opacity: 0.6;
	letter-spacing: 0.2em;
}


.features__list .spec .spec__list{
	width: 100%;
	margin-top: 2.5em;
}
.features__list .spec .spec__list .item{
	border-top: 1px solid rgba(255,255,255,0.16);
	font-size: 0.78em;
	display: flex;
	justify-content: space-between;
	padding: 1.6em 0;
	letter-spacing: 0.03em;
	line-height: 1.3;
}
.features__list .spec .spec__list .item em{
	opacity: 0.6;
	font-size: 0.92em;
	width: 7em;
}
.features__list .spec .spec__list .item span{
text-align: right;
}


/*-----------------*/


.reiser{
	background: #16212A;
	color: #FFF;	
}
.reiser .section__wrap{
	width: 84%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 12em 0;
}

.reiser .visual{width: 46.6%;position: relative;}


.reiser .cross::before{background: rgba(255,255,255,0.5);}
.reiser .cross::after{background: rgba(255,255,255,0.5);}

.reiser .cross.topLeft{top: -38px; left:-38px;}
.reiser .cross.topLeft::before{left: 0;}
.reiser .cross.topLeft::after{left: 32%;}
.reiser .cross.topRight{top: -38px; right:-38px;}
.reiser .cross.topRight::before{right: 0;}
.reiser .cross.topRight::after{right: 32%;}

.reiser .cross.bottomLeft{top:auto;bottom: -38px;left:-38px;}
.reiser .cross.bottomLeft::before{left: 0;bottom: 32%;top: auto;}
.reiser .cross.bottomLeft::after{left: 32%;}
.reiser .cross.bottomRight{top:auto;bottom: -38px; right:-38px;}
.reiser .cross.bottomRight::before{right: 0;bottom: 32%;top: auto;}
.reiser .cross.bottomRight::after{right: 32%;}



.reiser .element{
	width: 53.4%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.reiser .element .itemInfo{
	width: 75%;
	margin-left: 11%;
}

.reiser .itemInfo .name{}
.reiser .itemInfo .name .shoulder{
	font-family: "DINNextProBold";
	color: #E60000;
	font-size: 1.2em;
	letter-spacing: 0.13em;
	margin-bottom: 1em;
}
.reiser .itemInfo .name h2{
	font-family: "DINNextProLight";
	font-size: 8.1em;
	text-indent: -0.06em;
}
.reiser .itemInfo .name h3{
	font-family: "DINNextProMedium";
	font-size: 1.85em;
	letter-spacing: 0.04em;
}


.reiser .itemInfo .sizeColor{
	border-top:1px solid rgba(255,255,255,0.18);
	margin-top: 3em;
}

.reiser .itemInfo .sizeColor .list{
	display: flex;
	align-items:flex-end;
	padding: 1.5em 0;
	border-bottom:1px solid rgba(255,255,255,0.18); 
}
.reiser .itemInfo .sizeColor .list .sub{
	font-family: "DINNextProBold";
	font-size: 0.82em;
	color: #5B6A72;
	letter-spacing: 0.1em;
	width: 7em;
}
.reiser .itemInfo .sizeColor .list .size{
	font-family: "DINNextProMedium";
	letter-spacing: 0.05em;
}

.reiser .itemInfo .sizeColor .list .color{
	display: flex;
	font-size: 0.86em;
	letter-spacing: 0.03em;
}
.reiser .itemInfo .sizeColor .list .color div{
	display: flex;
	align-items: center;
}
.reiser .itemInfo .sizeColor .list .color div.c02{margin-left: 1.8em;}
.reiser .itemInfo .sizeColor .list .color span{
	width: 1.6em;
	height: 1.6em;
	border: 1px solid #FFF;
	border-radius: 50%;
	margin-right: 0.6em;
}
.reiser .itemInfo .sizeColor .list .color .c02 span{
	background: #1F2A44;
}

.reiser .itemInfo .buy{
	margin-top: 3em;
}

.reiser .itemInfo .buy a{
	background:rgba(230,0,0,1);
	color: #FFF;
	display: block;
	text-align: center;
	padding: 1.8em;
	font-weight: 500;
}

.reiser .itemInfo .buy .soon{
	background:rgba(230,0,0,0.2);
	font-family: "DINPro-Regular";
	color: #FFF;
	display: block;
	text-align: center;
	padding: 1.7em;
	font-size: 1.1em;
	letter-spacing: 0.03em;
}


.reiser .itemInfo .buy a .arrow{
	width: 0.6em;
	height:0.6em;
	display: inline-block;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	position: relative;
	margin-left: 1em;
	margin-bottom: 0.1em;
}
.reiser .itemInfo .buy a .arrow::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0px;
	width: 1px;
	height: 0.7em;
	background: #FFF;
	transform: rotate(45deg);
	transform-origin: center top;
}


@media(min-width: 769px) {
.reiser .itemInfo .buy a{transition: background 0.3s;}
.reiser .itemInfo .buy a:hover{background:rgba(230,0,0,0.7);}
}



/*------------*/



.collection{
	background: #E3EAEC;
}
.collection .section__wrap .element{
	width: 84%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 14em 0 16em;
}

.collection .item_list{
	width: 102%;
	margin-top: 4em;
	margin-left: -1%;
}
.productSwiper {width: 100%;overflow: visible !important;}
.productSwiper .swiper-wrapper {align-items: flex-start;}
.productSwiper .swiper-slide{padding: 0 1%;}

.sliderProgress {display: none;}


.collection .item_list figure{
	width: 100%;
	overflow: hidden;
}
.collection .item_list figure a{
	display: block;
	pointer-events: none;
}
@media(min-width:769px) {
.collection .item_list figure a{transform:scale(1.0);transition:transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);}
.collection .item_list figure a:hover{transform:scale(1.1);}
}


.collection .item_list .item_spec{
	margin-top: 1.5em;
}
.collection .item_list .item_spec .num{
	font-family: "DINNextProBold";
	font-size: 0.83em;
	color: #E60000;
	letter-spacing: 0.08em;
	position: relative;
}
.collection .item_list .item_spec .num::after{
	content: '';
	position: absolute;
	top: 40%;
	left: 5.3em;
	height: 1px;
	width: 2em;
	background: rgba(22,33,42,0.4);
}
.collection .item_list .item_spec h2{
	font-family: "DINNextProMedium";
	font-size: 1.2em;
	margin: 0.8em 0;
}

.collection .item_list .item_spec .color{
	color: #5B6A72;
	font-size: 0.81em;
	letter-spacing: 0.03em;
}

.collection .item_list .item_spec .price{
	font-family: "DINPro-Regular";
	margin-top: 1em;
}



























/*-------------------*/

.footer{
	width: 100%;
	background: #16212A;
	padding: 3.3em 0;
}

.footer__inner{
	width: 85%;
	margin: 0 auto;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}

.footer .element{}
.footer .element .logo{width: 4.66em;}
.footer .element .copyright{
	color: #FFF;
	opacity: 0.5;
	font-family: "DINNextProBold";
	font-size: 0.73em;
	letter-spacing: 0.1em;
	margin-top: 2em;
}

.footer .sns{
	display: flex;
	column-gap: 2.3em;
}
.footer .sns .instagram{width: 1.6em;}
.footer .sns .youtube{width: 2em;}
.footer .sns .facebook{width: 0.86em;}