@charset "utf-8";
/* CSS Document */
.cate_wrap .cate .box_wrap .box{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.cate_wrap .cate .box_wrap .box .num{
	position: relative;
	z-index: 3;
	padding: 0 30px;
	margin-bottom: -5%;
}
.cate_wrap .cate .box_wrap .box .num p{
	font-weight: 700;
	text-shadow: 3px 3px 0 #fff;
	line-height: 1;
	font-size: 8vw;
}
.cate_wrap .cate .box_wrap .box .more{
	justify-content: flex-start;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate_wrap .cate .box_wrap .box{
		margin-top: 80px;
	}
	.cate_wrap .cate .box_wrap .box .num p{
		text-shadow: 3px 3px 0 #fff;
		font-size: 10vw;
	}

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
  #cate1 .pd_wrap_side{
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate_wrap .cate .box_wrap .box .num{
		margin-bottom: -8%;
	}
	.cate_wrap .cate .box_wrap .box .num p{
		text-shadow: 2px 2px 0 #fff;
		font-size: 15vw;
	}
	.cate_wrap .cate h2,.cate_wrap .cate .default_cinzel,.cate_wrap .cate h3{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	flex-direction: row;
	}
.cate_wrap .cate .box_wrap .box .more{
	justify-content: center;
}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
  #cate1 .pd_wrap_side{
    padding-left: 20px;
    padding-right: 20px;
  }
  #cate1 .default_title{font-size: 17px;}
  .cate_wrap .cate .box_wrap .box{
		margin-top: 50px;
	}
	.cate_wrap .cate .box_wrap .box .num{
		padding: 0 20px;
		margin-bottom: -10%;
	}
	.cate_wrap .cate .box_wrap .box .num p{
		text-shadow: 2px 2px 0 #fff;
		font-size: 20vw;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}