.section_area { padding-top: 3vmax; }

/* news_area */
#news_area:before { position: absolute; width: 100%; height: 80%; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 33%, rgba(0,0,0,1) 68%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 33%,rgba(0,0,0,1) 68%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 33%,rgba(0,0,0,1) 68%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); display: block; top: 0; left: 0; content: ""; }

/* news_list */
#news_list { border: 1px var(--yellow) solid; }
#news_list li .item { margin: 4%; border: 1px var(--g_600) solid; border-radius: .5em; box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2); }
#news_list li .item .img_box img { width: 100%; height: 200px; }
#news_list li .item .info_box .other_box * , #games_area .item .info_box .view_box { font-weight: 300; font-size: 14px; color: var(--g_400); }
#news_list li .item .info_box h3 , #games_area .item .info_box h3 { height: 3.5em; -webkit-line-clamp: 2; }
#news_list li .item .info_box .content { height: 5em; -webkit-line-clamp: 3; }

/* article_area */
#article_area .tabs_btn { border-bottom: 1px var(--g_400) solid; }
#article_area .tabs_btn font { border-bottom: 2px transparent solid; cursor: pointer; }
#article_area .tabs_btn .active font { border-bottom-color: var(--orange); }
#article_area .tab_info { width: 100%; top: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2em); transform: translateY(2em); }
#article_area .tab_info.showBox { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); }
#article_area .tab_info .img_box img { width: 100%; height: 300px; }
#article_area .tab_info .info_box { margin-left: 3%; width: 1%; flex: 1 auto; }
#article_area .tab_info .info_box h3 { height: auto; max-height: 3.5em; font-size: 1.5em; -webkit-line-clamp: 2; }
#article_area .tab_info .info_box .content { height: 5em; -webkit-line-clamp: 3; }

/* ranking_area */
#ranking_area li .item .img_box { padding: 1px; background: rgb(208,168,69); background: -moz-linear-gradient(top,  rgba(208,168,69,1) 0%, rgba(251,225,138,1) 25%, rgba(208,168,69,1) 50%, rgba(251,225,138,1) 78%, rgba(208,168,69,1) 100%); background: -webkit-linear-gradient(top,  rgba(208,168,69,1) 0%,rgba(251,225,138,1) 25%,rgba(208,168,69,1) 50%,rgba(251,225,138,1) 78%,rgba(208,168,69,1) 100%); background: linear-gradient(to bottom,  rgba(208,168,69,1) 0%,rgba(251,225,138,1) 25%,rgba(208,168,69,1) 50%,rgba(251,225,138,1) 78%,rgba(208,168,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0a845', endColorstr='#d0a845',GradientType=0 ); border-radius: 50px; }
#ranking_area li .item .img_box img { border-radius: 50px; }
#ranking_area li .item .fancybox_open { cursor: pointer; }

/* fancybox_wrap */
#fancybox_wrap { overflow: hidden; margin: 0; padding: 0; background: #000; max-height: 100vh; }
#fancybox_wrap .page_title { margin-bottom: 2vmax; padding: .75em 3%; }

/* iframe_wrap */
#iframe_wrap { overflow-x: hidden; overflow-y: overlay; margin: 0; padding-left: 2vw; max-height: 80vh; }
#iframe_wrap::-webkit-scrollbar { width: 13px; }
#iframe_wrap::-webkit-scrollbar-track { background: #000; }
#iframe_wrap::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(255 255 255 / 40%); }
#iframe_wrap::-webkit-scrollbar-thumb:hover { background-color: #fff; }
#iframe_wrap .content_box { margin-bottom: 2%; padding: 2% 2% 2% 5%; width: 1%; flex: 1 auto; }

@media screen and (min-width: 1281px) {
	#news_list li .item:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
}
@media screen and (max-width: 960px) {
	#news_list li .item .img_box img { height: 250px; }
}
@media screen and (max-width: 768px) {
	#article_area .tab_info .img_box img { height: 50vw; }
	#article_area .tab_info .info_box { margin-left: 0; padding: 3%; }
	#article_area .tab_info .info_box .content { margin: 1em 0 2em; }
	#fancybox_wrap .content_box { padding-left: 0; }
	#iframe_wrap .img_box { padding: 0 10%; }
}
@media screen and (max-width: 640px) {
	#news_list li .item .img_box img { height: 55vw; }
}
@media screen and (max-width: 550px) {
	#games_area .item { padding: 0 5vw; }
}
@media screen and (max-width: 480px) {
	#ranking_area li .item { padding: 1.5rem 10vw; }
}