@charset "utf-8";
#block-cmn-delivery {border-bottom: none;border-top: 1px solid rgba(255, 255, 255, 0.3);}



/* -------------------------------------------------- */
/* cat-link*/
/* -------------------------------------------------- */
.cat-link {margin: 50px 0;}
.cat-link ul {display: flex; font-size: 2rem;line-height: 1;}
.cat-link ul li {flex: 1; margin: 10px 0;}
.cat-link ul li + li {margin-left: 10px;}
.cat-link ul li a {border: 1px solid #fff;display: block;text-align: center;padding: .7em .5em;}

/* -------------------------------------------------- */
/* page-nav*/
/* -------------------------------------------------- */
.page-up {margin: 30px 0 100px ;font-size: 2rem;line-height: 1em;text-align: right;}
.page-up .btn-top:before {content: '';width: 30px;height: 30px;display: inline-block;background: url(/img/icon-arrow-circle.svg) center / cover no-repeat;vertical-align: middle;margin: 0 10px 5px;transform: rotate(90deg)}

/* -------------------------------------------------- */
/* box-menu*/
/* -------------------------------------------------- */
.box-menu {border: 1px solid #403939;background: #1c1616;padding: 30px 50px 60px;margin-bottom: 30px;}
.box-ttl {font-size: 7.2rem;text-align: center;letter-spacing: .05em;}
.box-list li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.3);}
.box-list li {border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 25px 0;}



/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */

@media screen and (min-width:1px) and (max-width:1099px){
}
@media screen and (min-width:1px) and (max-width:999px){
	
	/* -------------------------------------------------- */
	/* cat-link*/
	/* -------------------------------------------------- */
	.cat-link ul {display: flex;flex-wrap: wrap;gap:20px; font-size: 1.6rem;}
	.cat-link ul li {width: calc((100% - 60px) / 4);flex: none;margin: 0;}
	.cat-link ul li + li {margin: 0;}

	/* -------------------------------------------------- */
	/* box-menu*/
	/* -------------------------------------------------- */
	.box-menu {padding: 10px 30px 40px;margin-bottom: 30px;}
	.box-ttl {font-size: 5.2rem;}
	.box-list li {padding: 15px 0;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	
	main .container {padding-left: 5%;padding-right: 5%;}
	/* -------------------------------------------------- */
	/* cat-link*/
	/* -------------------------------------------------- */
	.cat-link {margin: 30px 0;}
	.cat-link ul {gap:10px;}
	.cat-link ul li {width: calc((100% - 10px) / 2);}

	/* -------------------------------------------------- */
	/* page-nav*/
	/* -------------------------------------------------- */
	.page-up {margin-bottom: 60px;}
	
	/* -------------------------------------------------- */
	/* box-menu*/
	/* -------------------------------------------------- */
	.box-menu {padding: 10px 20px 30px;}
	.box-ttl {font-size: 4.2rem;}
	.box-list li {font-size: 1.4rem;}

}