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

img{
	max-width: 100%;
}




/*カタログページ*/


.z_b{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto ;
	z-index: 100;
	width: 80px;
	height: 80px;
}

.z_b img{
	width: 80px;
	max-width: 80px;
		position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto ;
	opacity: 0.5;
		z-index: 1;
}

.scroll{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto ;
	z-index: 200;
	width: 100%;
	height: 100%;
	
}

.scroll img{
	opacity: 0.6;
	position: absolute;
	left: 0;
	right: 0;
	top: 800px;
	bottom: 0;
	margin: auto ;
	z-index: 200;
	width: 100px;
	height:100px;
	
}

.scroll p{

	position: absolute;
	opacity: 0.5;
	left: 0;
	right: 0;
	top: 50px;
	bottom: 0;
	margin:0 auto;
	text-align: center;
	z-index: 200;
	width: 400px;
	height: 50px;
	background: #5C5C5C;
	color: #FFFFFF;
	border-radius: 6px;
}


.region{
	display: none;
}


/*カテゴリ切り替えリスト*/


.category_list{
    width: 1000px;
    margin: 0 auto;
}



.category_list ul{
    width: 100%;
    display: flex;
    list-style: none;
}


.category_list li{
    width: 20%;
    margin: 60px 4% 4% 4%;
    
}


.category_list li {
    width: 20%;
    margin: 50px auto;
}

.category_list li img{
  width: 100%;  
}

.category_list li span{
    font-size: 12px;
    text-align: center;
}


.category_list h4 {
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    color: #EF7E36;
    letter-spacing: 0.3em;
    padding: 150px 0 6px;
    border-bottom: 1px solid #EF7E36;
    display: block;
}