@charset "utf-8";

#header{
	margin: 0 0 5px;
}

/* --------------------------------------------------------------------------------
slider-pc
-------------------------------------------------------------------------------- */
#slider-pc {
	position: relative;
	overflow: hidden;
}
#slider-pc .flex-viewport {
	padding: 0 0 16px;
}
#slider-pc .slides {
	padding: 0 0 0;
}
#slider-pc .slides li a{ 
	display: block;
}
#slider-pc .slides li a img {
	display: block;
	width: 100%;
	height: auto;
}
#slider-pc .flex-control-paging {
	height: 14px;
	margin: 0 0 25px;
	text-align: center;
	overflow: hidden;
}
#slider-pc .flex-control-paging li {
	display: inline-block;
	padding: 0 5px;
}
#slider-pc .flex-control-paging li a {
	display: inline-block;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	overflow: none;
	box-shadow: none;
	background: #dcdcdc;
}
#slider-pc .flex-control-paging li a.flex-active {
	background: #236db9;
}

/********** 矢印 **********/
#slider-pc .flex-direction-nav-area{
	position: absolute;
	top: 50%;
	width: 100%;
}
#slider-pc .flex-direction-nav{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#slider-pc .flex-nav-prev a,
#slider-pc .flex-nav-next a{
	display: block;
	width:70px;
	height:70px;
	opacity:1;
	top: 50%;
	margin: -62px 0 0;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#slider-pc .flex-nav-prev a{
	left:-10px;
	background-image:url(../images/index/btn-slider-prev.png);
	background-size: 100%;
}
#slider-pc .flex-nav-next a{
	right:-10px;
	background-image:url(../images/index/btn-slider-next.png);
	background-size: 100%;
}

/********** セクション **********/
#index .section-area {
	margin: 0 0 20px;
	padding: 40px;
	background: #fff;
}

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

/********** 商品カテゴリ **********/
#index .category h2 {
	margin: 0 0 23px;
}
#index .category ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .category ul li {
	width: 280px;
	margin: 0 20px 20px 0;
	letter-spacing: -0.03em;
	font-size: 14px;
}
#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 {
	width: 100%;
}
#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 23px;
}
#index .maker ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .maker ul li {
	display: flex;
	width: 172px;
	margin: 0 5px 5px 0;
	letter-spacing: -0.03em;
	font-size: 14px;
}
#index .maker ul li:nth-of-type(5n) {
	margin: 0 0 5px 0;
}
#index .maker ul li a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	
	width: 100%;
	padding: 12px 0;
	text-align: center;
	color: #fff;
	background: #535353;
}
#index .maker ul li a.maker-name2 {
	padding: 6px 0;
}
#index .maker ul li .mark-1 {
	padding: 0 5px;
	line-height: 1.2;
	font-size: 11px;
}

/********** メーカーから選ぶ **********/
#index .new-arrival .new-arrival-wrapper {
	margin: 0 0 0;
}
#index .new-arrival h2 {
	margin: 0 0 35px;
}
#index .new-arrival h3 {
	display: flex;
	margin: 0 0 15px;
	letter-spacing: 0.12em;
	font-weight: bold;
	font-size: 18px;
}
#index .new-arrival h3::before{
	position: relative;
	
    content: '';
    display: block;
	
	width: 8px;
    height: 15px;
    margin: 2px 6px 0 0;
    background: #236db9;
}

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

/********** 新着・注目商品リスト **********/
#index .new-arrival ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .new-arrival ul li {
	display: flex;
	width: 196px;
	margin: 0 32px 0 0;
	letter-spacing: -0.03em;
	font-size: 14px;
}
#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 5px;
}
#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 {
	font-size: 12px;
}