@charset "utf-8";
/* CSS Document */


html, body {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
.sliderArea {
    max-width: 99%;
    margin: 0 auto;
    padding: 0 5px;
}
.sliderArea.w300 {
    max-width: 100px;
}
.slick-slide {
    margin: 0 10px;
}
.slick-slide img {
    width: 320px;
    height: auto;
}

.slick-slide p {
    width: 320px;
    height: auto;
}
.slick-prev, .slick-next {
    z-index: 1;
}
/*.slick-prev:before, .slick-next:before {
    color: #000;
}*/
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.thumb {
    margin: 10px 0 0;
}
.thumb .slick-slide {
    cursor: pointer;
}
.thumb .slick-slide:hover {
    opacity: .7;
}

#item-text{
    width: 99%;
    font-size:11px;

}



.clearfix:after {
    content:" ";
    display:block;
    clear:both;

}

.clearfix {
	
	padding:0; 
	margin:0 auto; 
	width:100%; 
	list-style:none;
	text-align:center;

}

@media screen and (min-width:320px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

.item-category {
	width:50%;
	margin:5px auto 0 auto;
	float:left;
	text-align:center
}
.ctgr-conts_wrap {
	margin:0 auto 0 auto;
	width:100%;
	padding:0;
	list-style:none;
}


#item-text{
	width: 95%;
    font-size:11px;
	
}

#item-text-center {
font-size:0.8em;
text-align:center;
padding-bottom:5px;

}

#slide-text{
	width: 95%;
    font-size:11px;
	
}

.br-sp { display:block; }
.br-pc { display:none; }

.phone_area{
  display:none;
}


}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	
.item-category { 

		width:33.3%;
		margin:0 auto 15px auto;
		float:left;
		text-align:center;

}

.ctgr-conts_wrap {

		margin:0 auto;
		padding:0;
		width:100%;
		list-style:none;
}

.br-pc { display:block; }
.br-sp { display:none; }



#item-text{
	width: 95%;
    font-size:11px;
	
}

#item-text-center {
font-size:0.8em;
text-align:center;
padding-bottom:5px;

}

#slide-text{
	width: 95%;
    font-size:11px;
	
}





}