#picMenu { margin: 50px 0; }
#picMenu .fourpic , #picMenu .bottomBox { width: 1000px; margin: 0 auto; text-align: center; overflow: hidden; }
#picMenu .bottomBox .imgBox { border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
#picMenu .fourpic .imgBox { border-radius: 10px; }
#picMenu .imgBox a { position: relative; display: block; }
#picMenu .imgBox a img { width: 100%; }
#picMenu .imgBox a:before { content: ''; width: 0; height: 0; transform: rotate(-180deg); border-top-left-radius: 5px; border-style: solid; border-width: 41px 60px; border-color: rgb(0 0 0 / 50%) transparent transparent rgb(0 0 0 / 50%); position: absolute; right: 0; bottom: 0; z-index: 1; transition: all ease .3s; }
#picMenu .imgBox:hover a:before { border-width: 69px 100px; border-color: rgb(0 0 0 / 80%) transparent transparent rgb(0 0 0 / 80%); }
#picMenu .imgBox a b { position: absolute; bottom: 10px; right: 10px; z-index: 2; color: #fff; font-size: 14px; transition: all ease .3s; }
#picMenu .imgBox:hover a b { font-size: 17px; bottom: 20px; right: 20px; }

.area_title { margin-bottom: .3em; font-size: 22px; }

.casino_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.news_list { margin: 2vmax auto; width: min(95%, 1000px); }
.news_list .item { position: relative; padding: 1em 1.2em; border-bottom: 1px #ccc solid; display: flex; align-items: center; gap: .8em; font-size: 16px; }
.news_list .item * { line-height: 1.7; color: #222; }
.news_list .item h3 { overflow: hidden; width: 1%; height: 1.7em; flex: 1 1 auto; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news_list .item a { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }

@media screen and (max-width: 980px) {
	#picMenu .fourpic, #picMenu .bottomBox { width: 95%; }
}