@charset "utf-8";

#shop-list .inner-sct { padding: 20px 0 200px;}
#shop-list .ctn { width: 84%; max-width: 800px; margin: 0 auto;}
#shop-list .ctn { padding: 100px 0 160px;}
#shop-list .ctn p.soon { color: #d38d78; font-size: 30px; text-align: center;}
#shop-list .ctn p.soon br { display: none;}
#shop-list .ctn ul { margin-bottom: 50px; font-size: 0;}
#shop-list .ctn ul li { position: relative; display: inline-block; width: 33.333334%; padding: 30px 0; padding-left: 15px; font-size: 22px; font-weight: 700; line-height: 1.2;}
#shop-list .ctn ul li:before { content: ''; display: block; width: 5px; height: 5px;
 background: #d38d78; border-radius: 50%;
 position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
#shop-list .ctn ul li a { color: #d38d78; text-decoration: none;}
#shop-list .ctn ul li a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
#shop-list .ctn p { color: #666; font-size: 10px;}
@media (max-width: 801px) {
	#shop-list .ctn ul li { font-size: 18px;}
	#shop-list .ctn p.soon { font-size: 20px;}
}
@media (max-width: 641px) {
	#shop-list .ctn ul li { width: 50%; padding: 20px 0; padding-left: 15px; font-size: 16px;}
}
@media (max-width: 481px) {
	#shop-list .inner-sct { padding: 20px 0 120px;}
	#shop-list .ctn ul li { padding: 15px 0; padding-left: 15px; font-size: 14px;}

	#shop-list .ctn { padding: 60px 0 80px;}
	#shop-list .ctn p.soon { font-size: 18px;}
	#shop-list .ctn p.soon br { display: block;}
}