@charset "UTF-8";

#container .contents {
	width: auto;
	max-width: 1280px;
	padding-bottom: 0 !important;
}
.fixedserch {
	position: sticky;
	top: 90px;
	height: 100%;
	z-index: 500;
	margin: 0 !important;
	background-color: #FFFFFF;
}
@media screen and (max-width: 979px) {
	.fixedserch {
		top: 60px;
		padding: 0 20px;
	}
}
ul.video_search {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 1280px;
}
	ul.video_search .btn_search {
		position: relative;
		margin-top: 10px;
		margin-right: 15px;
	}
		ul.video_search .freetext {
			padding: 5px 15px;
			border: 1px solid #000000;
			border-radius: 19px;
			font-size: 1.6rem;
			width: 350px;
		}
@media screen and (max-width: 600px) {
	ul.video_search > li {
		width: 100%;
	}
	ul.video_search .freetext {
		width: 100%;
	}
}
		#btn_click {
			position: absolute;
			top: 1px;
			right: 1px;
			display: block;
			width: 40px;
			height: 34px;
			background: url(../images/common/icon_search01.png) top 7px left 8px no-repeat #DCDCDC;
			background-size: 20px;
			border-radius: 0 18px 18px 0;
			cursor: pointer;
		}
	ul.video_search ul.video_btn {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px;
	}
		ul.video_search ul.video_btn > li {
			position: relative;
			margin-bottom: 10px;
			margin-right: 7px;
		}
		ul.video_search ul.video_btn > li:last-child {
			margin-right: 0;
		}
			ul.video_search ul.video_btn li .btn_category,
			ul.video_search ul.video_btn li #reset {
				padding: 5px 10px;
				height: 40px;
				background-color: #000000;
				cursor: pointer;
				color: #FFFFFF;
				border-radius: 10px;
				font-size: 1.6rem;
			}
			ul.video_search ul.video_btn li .btn_category a {
				color: #FFFFFF;
				text-decoration: none;
			}
			ul.video_search ul.video_btn li .tagmenu {
				position: absolute;
				top: 40px;
				left: 0;
				display: none;
				padding: 10px;
				border: 1px solid #999999;
				text-wrap: nowrap;
				z-index: 100;
				background-color: #FFFFFF;
				font-size: 1.8rem;
			}
				ul.video_search ul.video_btn li .tagmenu .tochbtn {
					display: none;
				}
				ul.video_search ul.video_btn li .tagmenu > li label {
					cursor: pointer;
				}

.category-container {
	padding-bottom: 20px;
	overflow: hidden;
}
.category-container.hidebox {
	padding-bottom: 0
}
	.category {
		font-weight: bold;
		text-align: left;
		font-size: 24px;
	}
.scroll-container::-webkit-scrollbar{
	height: 10px;
}
.scroll-container::-webkit-scrollbar-track{
	background-color: #ccc;
}
.scroll-container::-webkit-scrollbar-thumb{
	background-color: #DE0925;
}
/*FireFox‚Ě‚Ý“K—p*/
@-moz-document url-prefix() {
	.scroll-container {
		scrollbar-width: thin;
		scrollbar-color: #DE0925 #ccc;
	}
}
	.scroll-container {
		width: 100%;
		max-width: 1280px;
		overflow-x: auto;
		white-space: nowrap;
		margin: 0 auto;
	}
		.scroll-container > div {
			display: inline-block;
			width: 33.15%;
			padding: 5px;
			vertical-align: top;
			aspect-ratio: 16 / 9;
		}
			iframe {
				width: 100%;
				height: 100%;
			}
@media screen and (max-width: 979px) {
		.scroll-container > div {
			width: 100%;
			max-width: 300px;
		}
}
			.video-info {
				text-align: center;
			}
				.tags {
					text-align: center;
					margin-top: 5px;
				}
					.tag {
						display: inline-block;
						padding: 2px 5px;
						margin: 2px;
						border-radius: 3px;
					}
					.tag.New {
						background-color: #e4190e;
						color: #FFFFFF;
					}
					.tag:not(.New) {
						background-color: white;
						color: #e4190e;
						border: 1px solid #e4190e;
					}