@charset "utf-8";

/* --------------------------------------------------------------------------------
slider-sp
-------------------------------------------------------------------------------- */
#slider-sp {
	overflow: hidden;
}
#slider-sp .flex-viewport {
	padding: 0 0 4vw;
}
#slider-sp .slides {
	padding: 0 0 4vw;
}
#slider-sp .slides li a{ 
	display: block;
}
#slider-sp .slides li a img {
	display: block;
}
#slider-sp .flex-control-paging {
	height: 2.8vw;
	margin: 0 0 8vw;
	text-align: center;
	overflow: hidden;
}
#slider-sp .flex-control-paging li {
	display: inline-block;
	padding: 0 1vw;
}
#slider-sp .flex-control-paging li a {
	display: inline-block;
	border-radius: 100%;
	width: 2.8vw;
	height: 2.8vw;
	text-indent: -9999px;
	overflow: none;
	box-shadow: none;
	background: #dcdcdc;
}
#slider-sp .flex-control-paging li a.flex-active {
	background: #236db9;
}


/* --------------------------------------------------------------------------------
index
-------------------------------------------------------------------------------- */
#index .section-area {
	margin: 0 0 10vw;
	padding: 8vw 4vw;
	border-top: solid 1vw #236db9;
	background: #fff;
}

/********** 見出し **********/
#index .section-area h2 {
	display: flex;
	align-items: center;
}
#index .section-area h2 span {
	display: flex;
	align-items: center;
	min-height: 7vw;
	padding: 0 13.8vw 0 0;
	letter-spacing: 0.12em;
	font-size: 5vw;
	font-weight: bold;
	background: url(../images/index/icon-heading.png) no-repeat 100% 50%;
	background-size: 7.6vw auto;
}

/********** 商品カテゴリ **********/
#index .category {
}
#index .category h2 {
	margin: 0 0 5.5vw;
}
#index .category ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .category ul li {
	width: 48%;
	margin: 0 0 3vw;
	letter-spacing: -0.03em;
}
#index .category ul li:nth-of-type(3n) {
	margin: 0 0 20px 0;
}
#index .category ul li a {
	display: block;
	text-decoration: none;
}
#index .category ul li a .thumb {
	display: block;
	padding: 0 0 5px;
}
#index .category ul li a .thumb img {
	display: block;
}
#index .category ul li .mark-1 {
	display: inline-block;
	padding: 0 5px;
	line-height: 1.2;
	color: #fff;
	background: #535353;
}

/********** メーカーから選ぶ **********/
#index .maker h2 {
	margin: 0 0 5.5vw;
}
#index .maker ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .maker ul li {
	display: flex;
	width: 32%;
	margin: 0 2% 3vw 0;
	letter-spacing: -0.03em;
}
#index .maker ul li:nth-of-type(3n) {
	margin: 0 0 3vw 0;
}
#index .maker ul li a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-decoration: none;
	
	width: 100%;
	height: 22vw;
	padding: 3vw 1vw;
	text-align: center;
	color: #fff;
	background: #535353;
}
#index .maker ul li .mark-1 {
	padding: 0 0;
	line-height: 1.2;
	font-size: 3vw;
}

/********** メーカーから選ぶ **********/
#index .new-arrival .new-arrival-wrapper {
	margin: 0 0 0;
}
#index .new-arrival h2 {
	margin: 0 0 8.5vw;
}
#index .new-arrival h3 {
	display: flex;
	margin: 0 0 5vw;
	padding: 0 0 0 0.1vw;
	line-height: 1.25;
	letter-spacing: 0.12em;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .new-arrival h3::before{
	position: relative;
	
    content: '';
    display: block;
	
	width: 2vw;
    height: 4vw;
    margin: 2px 6px 0 0;
    background: #236db9;
}

/********** 新着・注目商品リスト **********/
#index .new-arrival .new-arrival-box{
	margin: 0 0 32px;
	padding: 0 0 18px;
}
#index .new-arrival .new-arrival-box:last-child{
	margin: 0 0 5px;
	border-bottom: none;
}

/********** 新着・注目商品リスト **********/
#index .new-arrival ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .new-arrival ul li {
	display: flex;
	width: 45%;
	margin: 0 0 8vw;
	letter-spacing: -0.03em;
}
#index .new-arrival ul li:nth-of-type(4) {
	margin: 0;
}
#index .new-arrival ul li a {
	display: block;
	text-decoration: none;
}
#index .new-arrival ul li a .thumb {
	display: block;
	padding: 0 0 3vw;
}
#index .new-arrival ul li a .thumb img {
	display: block;
	width: 100%;
}
#index .new-arrival ul li a .price {
	display: block;
}
#index .new-arrival ul li a .price-yen {
	font-weight: bold;
}
#index .new-arrival ul li a .price-tax {
}