@charset "utf-8";
/* STEEL FURNITURE 2 (event) - PC (width:design 1000px ->694px) */
/* system event title */
.event_name_ {
	display: none;
}
/* layout wrapper (694) */
#main_ {
	position: relative;
	max-width:694px;
	margin:0 auto;
}
.main_box_ {
	position: relative;
	width:694px;
	margin:0 auto;
	overflow:hidden;
}
.main_box_ img {
	display:block;
	max-width:100%;
}
section {
	position:relative;
	z-index:1;
}
section.main_sec {
	background-color: #0B122C;
}
/* top title / main visual */
.content_top_logo_ {
	width:100%;
}
.content_top_logo_ h1 {
	margin:calc(43px/1000*694) auto calc(40px/1000*694);
	width:calc(854px/1000*694);
}
.content_top_MV_ {
	width: 100%;
}
/* intro text */
.introduction_text_box_ {
	text-align:center;
	margin:0 auto calc(60px/1000*694);
}
.introduction_text_1_ {
	font-family:'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
	font-weight:bold;
	color:#FFFCEE;
	font-size:calc(20px/1000*694);
	line-height: 2em;
}
/* product block */
.sf_block_ {
	position:relative;
	width:100%;
	padding-top:calc(200px/1000*694);
	margin-top: calc(-150px/1000*694);
}
.sf_block_.last_sf_block_ {
	padding-bottom: calc(158px/1000*694);
}
/* main visual:product image (parent)+title text overlaid (absolute) */
.sf_main_ {
	position:relative;
	width:calc(600px/1000*694);
	margin:0 auto calc(42px/1000*694);
}
.sf_main_img_ {
	position:relative;
	z-index:2;
	width:100%;
	display:block;
}
.sf_main_text_ {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:calc(640px / 1000 * 694);
	z-index: 1;
}
/* description (lead+sub) */
.sf_desc_ {
	margin:0 auto;
	font-size:calc(25px/1000*694);
	line-height:calc(35px/1000*694);
	text-align:center;
	font-family:'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
	color: #0B122C;
	font-weight: 700;
}
.sf_desc_sub_ {
	font-size:calc(16px/1000*694);
	line-height:calc(30px/1000*694);
	margin-top: calc(27px/1000*694);
	color: #000;
	font-weight: 400;
	font-family: '源ノ角ゴシック', 'Noto Sans JP';
}
/* static images row (3,not a slider) */
.sf_imgs_ {
	display:flex;
	justify-content:space-between;
	margin:calc(60px / 1000 * 694) calc(25px/1000*694) calc(70px / 1000 * 694);
	gap: calc(40px/1000*694);
}
.sf_imgs_ img {
	width: calc(290px/1000*694);
	height: calc(250px/1000*694);
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}
/* name+price */
.sf_sub_ {
	text-align:center;
	margin: calc(40px/1000*694) auto 0;
}
.sf_sub_ img {
	height: calc(56px/1000*694);
	margin:0 auto;
}
.sf_sub_ .sf_price_ {
	font-size:calc(20px/1000*694);
	line-height: calc(39px/1000*694);
	margin-top:calc(10px/1000*694);
	color: #000000;
	font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}
/* BUY NOW */
.sf_buy_ {
	display:block;
	width:calc(276px / 1000 * 694);
	margin:calc(60px / 1000 * 694) auto 0;
}
.sf_buy_ img {
	width:100%;
}
.sf_buy_:hover {
	opacity:.85;
	transition: opacity .3s;
}
/* product slider (swiper) */
.swiper {
	width:100%;
	overflow:hidden;
}
.sf_slider_ {
	width:100%;
	margin:calc(30px / 1000 * 694) auto 0;
}
/* centered slide : visible(center) 81.8% , gap 2% , side peek 7.1% (= 71/1000) */
.sf_slider_ .swiper-slide { width: 81.8%; }
.sf_slider_ .swiper-slide img {
	width:100%;
	border-radius:calc(16px / 1000 * 694);
}
.content_top_MV_ .swiper-slide img {
	width: 100%;
}
/* color sections (Living & Dining / Garage) */
.livingdining_content {
	position:relative;
	background:#0B122C;
	margin:0 auto calc(70px/1000*694);
}
.livingdining_content .livingdining_1 {
	position:absolute;
	width:calc(700px/1000*694);
	left:0;
	bottom:calc(-55px/1000*694);
	text-align:center;
	z-index:2;
}
.livingdining_content .livingdining_1 img {
	width:100%;
	margin:0 auto;
}
.livingdining_content .livingdining_2 {
	width:95%;
	margin:0 auto;
	z-index: 1;
}
.garage_content {
	position:relative;
	background:#0B122C;
	padding-bottom:calc(88px/1000*694);
}
.garage_content .garage_1 {
	position:absolute;
	width:calc(700px/1000*694);
	right:0;
	bottom:calc(-12px/1000*694);
	z-index:2;
}
.garage_content .garage_1 img {
	width:100%;
	margin:0 auto;
}
.garage_content .garage_2 {
	width:95%;
	margin:0 auto;
	z-index: 1;
}
/* section-end downward arrow (height = 150 scaled / base = full width,each side 50% to center);set color:to upper section bg */
.tri_bottom_ {
	position:relative;
	z-index:2;
	/* overlap onto the next section */
	width:100%;
	height:calc(150px / 1000 * 694);
	background:currentColor;
	clip-path: polygon(0 -1px, 100% -1px, 50% 100%);
}
/* the section under an arrow:pull up by arrow height,push content below the overlap */
.sf_overlap_ {
	margin-top:calc(-150px / 1000 * 694);
	padding-top: calc(200px / 1000 * 694);
}

/* scroll animations (class "ani"+direction;JS adds "animated") */
.fadeUp_main .ani.delay1 {
	animation-delay:.3s;
}
.fadeUp_main .ani.delay2 {
	animation-delay:.6s;
}
.fadeUp_main .ani.delay3 {
	animation-delay:.9s;
}
.fadeUp_main .ani.fadeIn {
	opacity:0;
}
.fadeUp_main .ani.fadeUp {
	opacity:0;
	transform:translateY(50px);
}
.fadeUp_main .ani.fadeDown {
	opacity:0;
	transform:translateY(-50px);
}
.fadeUp_main .ani.fadeRight {
	opacity:0;
	transform:translateX(-60px);
}
.fadeUp_main .ani.fadeLeft {
	opacity:0;
	transform:translateX(60px);
}
.fadeUp_main .ani.animated.fadeIn {
	animation:sf_fadeIn 1.6s both;
}
.fadeUp_main .ani.animated.fadeUp {
	animation:sf_fadeUp 1s both;
}
.fadeUp_main .ani.animated.fadeDown {
	animation:sf_fadeDown 1s both;
}
.fadeUp_main .ani.animated.fadeLeft {
	animation:sf_fadeLeft 1s both;
}
.fadeUp_main .ani.animated.fadeRight {
	animation:sf_fadeRight 1s both;
}
@keyframes sf_fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes sf_fadeUp {
	0% {
		opacity:0;
		transform:translateY(50px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes sf_fadeDown {
	0% {
		opacity:0;
		transform:translateY(-50px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes sf_fadeRight {
	0% {
		opacity:0;
		transform:translateX(-60px);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}
@keyframes sf_fadeLeft {
	0% {
		opacity:0;
		transform:translateX(60px);
	}
	100% {
		opacity:1;
		transform: translateX(0);
	}
}

.swiper svg {
	display: none !important;
}

.lineup_fixed_ {
	display: none;
}
.lineup_fixed_.show_ {
	position: fixed;
    left: calc(50vw + 292px);
    bottom: 50px;
    display: block;
    z-index: 22;
}
.lineup_fixed_ .lineup_fixed_close_ {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	background: unset;
	border-radius: 30px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	cursor: pointer;
}
.lineup_fixed_ .lineup_fixed_close_ img {
	width: 100%;
}
.lineup_fixed_ a {
	width: 170px;
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index22 {
	z-index: 22;
}
.index21 {
	z-index: 21;
}
.index20 {
	z-index: 20;
}
.index19 {
	z-index: 19;
}
.index18 {
	z-index: 18;
}
.index17 {
	z-index: 17;
}
.index16 {
	z-index: 16;
}
.index15 {
	z-index: 15;
}
.index14 {
	z-index: 14;
}
.index13 {
	z-index: 13;
}
.index12 {
	z-index: 12;
}
.index11 {
	z-index: 11;
}
.index10 {
	z-index: 10;
}
.index9 {
	z-index: 9;
}
.index8 {
	z-index: 8;
}
.index7 {
	z-index: 7;
}
.index6 {
	z-index: 6;
}