/*------------------------------------------------------------
	メイン画像スライド
------------------------------------------------------------*/

.main {
	width: 100%;
}

.main .slick-slide img {
	max-width: 100%;
	margin: 0;
	cursor: pointer;
}

.main div.carusel-top .my-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.main div.carusel-top .my-dots li {
	display: inline-block;
	margin: 0 5px;
	opacity: 0.65;
}

.main div.carusel-top .my-dots li.slick-active {
	opacity: 1;
}

.main div.carusel-top .my-dots li button {
	background: #999;
	width: 50px;
	height: 3px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.main .slick-prev,
.main .slick-next {
	display: none!important;
}

@media only screen and (min-width: 813px) {
	
	.main {
		max-width: 1180px;
		margin: 0 auto;
	}
	
	.main div.carusel-top .my-dots {
	    bottom: -20px;
    }
	
	.main .slick-slide a:hover img {
		opacity: 0.9;
	}
	
	.main .slick-prev,
	.main .slick-next {
		display: block!important;
		margin-top: -10px;
	
	}
	
}

@media only screen and (min-width: 813px) {
	
	.main {
		max-width: 1180px;
		margin: 0 auto;
	}
	
	.main div.carusel-top .my-dots {
	    bottom: -20px;
    }
	
	.main .slick-slide a:hover img {
		opacity: 0.9;
	}
	
	.main .slick-prev,
	.main .slick-next {
		margin-top: -10px;
	
	}
	
}



/*------------------------------------------------------------
	トップページバナー
------------------------------------------------------------*/


	
/*バナー 2点*/
#top-bnr .top-bnr-inner {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px 0;
}

@media only screen and (max-width: 812px) {
	
	#top-bnr .top-bnr-inner figure:not(:last-child) {
		margin-bottom: 15px;
	}
	
}

@media only screen and (min-width: 813px) {

	/*バナー 2点*/
	#top-bnr .top-bnr-inner {
		padding: 50px 0;
	}
	
	#top-bnr .top-bnr-inner .one-half {
		width: 47.458%;
		height: auto;
	}
	
	#top-bnr .top-bnr-inner .one-half:not(:nth-child(2n)) {
		margin-right: 5.084%;
	}
	

}

/*フッターは非表示*/
#foot-bnr {
	display: none;
}


/*------------------------------------------------------------
	おススメ・商品一覧
------------------------------------------------------------*/

#item-list {
	padding: 20px 0 0;
	margin-bottom: 20px;
}

#item-list div.one-fourth {
	margin-bottom: 20px;
}

#item-list div.one-fourth figure {
	margin-bottom: 10px;
}

	
#item-list div.one-fourth dl {
	text-align: center;
}

#item-list div.one-fourth dl dt a {
	display: block;
	font-size: 1rem;
	line-height: 1.7;
	color: #000;
	margin-bottom: 3px;
}

/*カラーミーのNEWアイコンなど*/
#item-list div.one-fourth dl dt a img {
	vertical-align: middle
}
	

#item-list div.one-fourth dl dd {
	font-size: 1rem;
	color: #666;

}

@media only screen and (min-width: 831px) {
	
	#item-list {
		padding: 20px 0;
		margin-bottom: 0;
	}
	
	#item-list div.one-fourth {
		margin-bottom: 30px;
	}
	
	#item-list div.one-fourth figure {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 15px;
	}
	
	#item-list div.one-fourth figure img {
		transition:0.2s ease-in-out;
	}
	
	#item-list div.one-fourth figure img:hover {
		transform:scale(1.1,1.1);
		opacity:0.8;
		cursor: pointer;
	}

	
	#item-list div.one-fourth dl dt a {
		font-size: 1.5rem;
		line-height: 1.8;
		margin-bottom: 5px;
	}
	
	#item-list div.one-fourth dl dd {
		font-size: 1.2rem;
	}
	
}


/*------------------------------------------------------------
	特集
------------------------------------------------------------*/

#special-area {
	background: #f3f3f3;
}

#recommend-list {
	padding-bottom: 25px;
}

@media only screen and (min-width: 831px) {
	
	#special-area {
		padding-top: 60px;
	}
	

	#special-ttl div.one-half {
		padding-left: calc(50% - 590px);
		
	}
	
	#special-ttl {
		margin-bottom: 60px;
	}
	
	#recommend-list {
		padding-bottom: 50px;
	}

}


/*------------------------------------------------------------
	カテゴリー
------------------------------------------------------------*/

#category-list {
	padding: 20px 0 0;
}

#category-list figure {
	margin-bottom: 15px;
	position: relative;
}

#category-list figure figcaption {
	font-size: 1.5rem;
	font-family: 'Roboto';
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1px;
	color: #fff;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}

#category-list figure figcaption span {
	display: block;
	font-size: 1.2rem;
	margin-top: 7px;
}

#category-list figure figcaption:after {
	content: '';
	background: #fff;
	width: 20px;
	height: 1px;
	position: absolute;
	bottom: -14px;
	left: 0;
}

@media only screen and (min-width: 831px) {
	
	#category-list figure {
		margin-bottom: 40px;
	}
	
	#category-list figure figcaption {
		font-size: 2.2rem;
		top: 25px;
		left: 25px;
	}
	
	#category-list figure figcaption span {
		font-size: 1.6rem;
		margin-top: 12px;
		
	}
	
	#category-list figure figcaption span:after {
		width: 30px;
		bottom: -20px;
	}

	
}


/*------------------------------------------------------------
	最近見た商品
------------------------------------------------------------*/


#category-list + .h6-holder {
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

@media only screen and (min-width: 831px) {
	
	#category-list + .h6-holder {   
	padding-top: 55px;
    margin-top: 40px;
	}
}