@charset "utf-8";

/********** スライダー **********/
#main-visual{
	padding:0 0 7vw;
	overflow:hidden;
}

#main-visual .main-visual-inner{
	width:100%;
	display:block;
}

#main-visual .slick-track{
	height:100vw;
	overflow:hidden;
}
#main-visual .slick-track .slick-slide{
	width:100vw;
}
#main-visual .slick-track img{
	width:100%;
}


/********** 矢印 **********/
#main-visual .control{
	width:100%;
	margin:0 auto;
	position:relative;
}
#main-visual .slick-prev,
#main-visual .slick-next{
	position:absolute;
	display:block;
	margin:-54vw 0 0;
	width:3vw;
	height:8vw;
	border:none;
	opacity:1;
	text-indent:-9999px;
	overflow:hidden;
}
#main-visual .slick-prev{
	left:0;
	background:url('/import/tenant_1/www.stage2.co.jp/images/index/btn-slider-prev.webp') no-repeat 0 50%;
	background-size:100% auto;
}
#main-visual .slick-next{
	right:0;
	background:url('/import/tenant_1/www.stage2.co.jp/images/index/btn-slider-next.webp') no-repeat 0 50%;
	background-size:100% auto;
}

#main-visual .slick-dots{
	padding:15px 0 0;
	text-align:center;
}
#main-visual .slick-dots li{
	margin:0 1vw;
	display:inline-block;
}
#main-visual .slick-dots li button{
	display:block;
	width:1.5vw;
	height:1.5vw;
	border-radius:1.5vw;
	padding:0;
	border:none;
	text-indent:-9999px;
	background:#bfbfbf;
}
#main-visual .slick-dots li.slick-active button{
	background:#003366;
}

/********** 新着情報 **********/
#index .news{
	padding:0 0 7vw;
}
#index .news h2{
	padding:5vw 0 5vw;
}
#index .news .btn-check{
	padding:0 0 5vw;
	text-align:center;
	font-size:3.4vw;
}
#index .news ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width:92%;
	margin:0 auto;
}
#index .news ul li{
	width:46%;
	padding:0 0 5vw;
	word-break:break-all;
}
#index .news ul li:nth-of-type(n+5){
    display:none;
}
#index .news ul li a{
	display:block;
}
#index .news ul li .thumb{
	display:block;
	margin:0 0 2vw;
}
#index .news ul li .category{
	display:inline-block;
	margin:0 0 1vw;
	border-radius:10em;
	padding:0.75vw 1em;
	text-align:center;
	font-size:2.8vw;
	font-weight:bold;
	color:#fff;
	background:#036;
}
#index .news ul li .title{
	display:block;
	font-weight:bold;
	font-size:3.8vw;
}

/********** NEW ITEM **********/
#index .new-item{
	padding:0 0 7vw;
}
#index .new-item h2{
	padding:5vw 0 5vw;
}
#index .new-item .btn-check{
	padding:0 0 5vw;
	text-align:center;
	font-size:3.4vw;
}
#index .new-item ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width:92%;
	margin:0 auto;
}
#index .new-item ul li{
	width:46%;
	padding:0 0 5vw;
	word-break:break-all;
}
#index .new-item ul li a{
	display:block;
}
#index .new-item ul li .thumb{
	display:block;
	margin:0 0 2vw;
}
#index .new-item ul li .title{
	display:block;
	font-weight:bold;
	font-size:3.8vw;
}

/********** RECOMMEND ITEM **********/
#index .recommend-item{
	padding:0 0 7vw;
}
#index .recommend-item h2{
	padding:5vw 0 5vw;
}
#index .recommend-item .btn-check{
	padding:0 0 5vw;
	text-align:center;
	font-size:3.4vw;
}
#index .recommend-item ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width:92%;
	margin:0 auto;
}
#index .recommend-item ul li{
	width:46%;
	padding:0 0 5vw;
	word-break:break-all;
}
#index .recommend-item ul li a{
	display:block;
}
#index .recommend-item ul li .thumb{
	display:block;
	margin:0 0 2vw;
}
#index .recommend-item ul li .title{
	display:block;
	font-weight:bold;
	font-size:3.8vw;
}

/********** お客様の声&装着ギャラリー **********/
#index .voice-gallery{
	padding:0 0 7vw;
}
#index .voice-gallery h2{
	padding:5vw 0 5vw;
}
#index .voice-gallery .btn-check{
	padding:0 0 5vw;
	text-align:center;
	font-size:3.4vw;
}
#index .voice-gallery ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
	width:92%;
	margin:0 auto;
}
#index .voice-gallery ul li{
	width:46%;
	padding:0 0 5vw;
	word-break:break-all;
}
#index .voice-gallery ul li a{
	display:block;
}
#index .voice-gallery ul li .thumb{
	display:block;
	margin:0 0 2vw;
}
#index .voice-gallery ul li .title{
	display:block;
	font-weight:bold;
	font-size:3.8vw;
}

/********** ピックアップバナー **********/
#index .bnrs-pick{
	padding:0 0 10vw;
}
#index .bnrs-pick ul{
	display:flex;
	flex-wrap:wrap;
	
	width:92%;
	margin:0 auto;
}
#index .bnrs-pick ul li{
	float:left;
	width:31.33%;
	padding:0 3% 3% 0;
}
#index .bnrs-pick ul li:nth-child(3n){
	padding:0 0 3%;
	
}