/* wrap */
#wrap { min-height: calc(100vh - 199px); padding-bottom: 3vmax; }
#wrap .page_title { margin-bottom: 2vmax; }

/* breadcrumb */
.breadcrumb , .breadcrumb .breadcrumb_item { display: flex; justify-content: flex-end; align-items: center; }
.breadcrumb .breadcrumb_item * { line-height: 1; font-weight: 300; font-size: 14px; }
.breadcrumb .breadcrumb_item:after { margin: 0 1em; content: "/"; line-height: 1; font-size: 12px; }
.breadcrumb .breadcrumb_item:last-child:after { margin: 0; content: ""; }

/* content_wrap */
#content_wrap .title_item { border-bottom: 1px var(--g_300) solid; }
#content_wrap .title_item .other_box * { font-weight: 300; font-size: 14px; color: var(--g_400); }
#content_wrap .content_box .item article * { font-size: initial; color: unset; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* category_nav */
#category_nav li a { border-bottom: 2px transparent solid; }
#category_nav li.action a { border-bottom-color: var(--orange); }

/* news_list */
#news_list ul , #games_list ul , #ranking_list ul { grid-template-columns: repeat(4, 1fr); grid-gap: 2em; }
#news_list li .item { 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_list .item .info_box .view_box { font-weight: 300; font-size: 14px; color: var(--g_400); }
#news_list li .item .info_box h3 , #games_list .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_list */
#article_list .img_box img { width: 100%; height: 300px; }
#article_list .info_box { margin-left: 3%; width: 1%; flex: 1 auto; }
#article_list .info_box h3 { height: auto; max-height: 3.5em; font-size: 1.5em; -webkit-line-clamp: 2; }
#article_list .info_box .content { height: 5em; -webkit-line-clamp: 3; }

/* community */
#community { border-bottom: 1px var(--g_300) solid; }
#community .share_txt { font-size: 14px; }
#community .share_button { height: 20px; }
#community .fb-share-button { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

/* further_reading_box */
.further_reading_box { border: 1px var(--orange) solid; }

/* ranking_list */
#ranking_list 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_list li .item .img_box img { border-radius: 50px; }
#ranking_list li .item .fancybox_open { cursor: pointer; }

/* fancybox_iframe */
#wrap[data-action="fancybox_iframe"] { min-height: auto; padding-bottom: 0; }
#wrap[data-action="fancybox_iframe"] .page_title { padding: .75em 3%; }

/* 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; }

/* faq_list */
#faq_list li { border-bottom: 2px dashed var(--g_500); }
#faq_list li .title { cursor: pointer; }

/* pagination */
#pagination { margin-top: 3vmax; }
#pagination >* { padding: .375rem .75rem; border: 1px var(--g_400) solid; display: flex; align-items: center; }
#pagination >*:not(:first-child) { margin-left: -1px; }
#pagination a:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
#pagination a:last-child { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }
#pagination .number_hit { background: var(--blue); border-color: var(--blue); color: #fff; }

@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: 1024px) {
	#news_list ul , #games_list ul , #ranking_list ul { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
	#news_list ul , #games_list ul , #ranking_list ul { grid-template-columns: repeat(2, 1fr); }
	#news_list li .item .img_box img { height: 30vw; }
	#article_list .img_box img { height: 50vw; }
	#article_list .info_box { margin-left: 0; padding: 3%; }
	#article_list .info_box .content { margin: 1em 0 2em; }
	#wrap[data-action="fancybox_iframe"] #content_wrap , #fancybox_wrap .content_box { padding-left: 0; }
	#iframe_wrap .img_box { padding: 0 10%; }
}
@media screen and (max-width: 550px) {
	#news_list ul { padding: 0 10vw; grid-template-columns: repeat(1, 1fr); }
	#news_list li .item .img_box img { height: 50vw; }
}
@media screen and (max-width: 450px) {
	#games_list ul , #ranking_list ul { grid-template-columns: repeat(1, 1fr); }
	#ranking_list ul { padding: 0 10vw; }
}