@charset "utf-8";

main {padding-bottom: 150px;}
main h2 {background: rgba(255, 255, 255, 0.1);line-height: 1;padding:10px 20px;margin-top: 100px;margin-bottom: 30px;}
main h2 .en {font-size: 4rem;margin-right: .5em;}
main .lead {font-size: 1.8rem;line-height: 2;}
main .lead span {color: #b9a75f;}
main .shop {display: flex;flex-wrap: wrap;gap:40px;margin: 30px 0;}
main .shop .box {width: calc((100% - 40px)/2);border: 1px solid rgba(255, 255, 255, 0.3);}
main .shop .box h3 {font-size: 2.4rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom: 20px;text-align: center;}
main .shop .box ul {display: flex;flex-wrap: wrap;gap:20px;margin: 0 30px 20px;justify-content: center;}
main .shop .box ul li {width: calc((100% - 20px)/2);text-align: center;}

/* -------------------------------------------------- */
/* cat-link*/
/* -------------------------------------------------- */

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

@media screen and (min-width:1px) and (max-width:1099px){
}
@media screen and (min-width:1px) and (max-width:999px){
	
	main {padding-bottom: 70px;}
	main h2 {margin-top: 60px;margin-bottom: 20px;}
	main h2 .en {font-size: 3rem;}
	main .lead {font-size: 1.6rem;}
	main .shop {display: block;}
	main .shop .box {width: 100%;}
	main .shop .box + .box {margin-top: 20px;}
	main .shop .box h3 {font-size: 2rem;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
  

}