@charset "utf-8";
/* CSS Document */

/*index*/
@media only screen and (max-width:1085px) {
	.v-container{
		grid-template-columns: repeat(3,1fr);
	}
}
@media only screen and (max-width:1170px) {
	.v-container{
		grid-template-columns: repeat(1, 1fr);		
	}
}
@media only screen and (max-width:870px) {
	.a-container .a-contain{
		width: 100%;
	}
}
@media only screen and (max-width:500px) {
	.v-container{
		grid-template-columns: repeat(1, 1fr);		
	}
}
@media only screen and (max-width:625px) {
	.index-container{
		display: block;
	}
	.index-container .fourm{
		padding: 0 20px;
	}
}
@media only screen and (max-width:365px) {
	.v-container{
		grid-template-columns: repeat(1,1fr);
	}
}

/*watching page*/
@media only screen and (max-width:920px) {
	.header div:nth-child(2){
		display: none;
	}
	.hamburger{
		display: block;
	}	
}

@media only screen and (max-width:965px){
	.watchingVideo{
		display: block;
	}
}
@media only screen and (max-width:1345px){
	#topLike{
		grid-template-columns: repeat(3,1fr);
	}
}
@media only screen and (max-width:575px){
	#topLike{
		grid-template-columns: repeat(2,1fr);
	}
}
@media only screen and (max-width:385px){
	#topLike{
		grid-template-columns: repeat(1,1fr);
	}
	.search div:nth-child(1){
		display: block;
	}
	.search div:nth-child(1) input[type="text"]{
		border-radius:35px;
	}
	.search div:nth-child(1) input[type="submit"]{
		border-radius: 5px;
		padding: 3px 10px;
		margin-top: 5px;
	}
}
@media only screen and (max-width:445px){
	#shareCotent {
		grid-template-columns: repeat(3,1fr);
		grid-row-gap: 10px;
		align-items: center;

	}
}

/*SEARCH*/
@media only screen and (max-width:1065px){
	.search-container{
		grid-template-columns: repeat(4,1fr);

	}
}
@media only screen and (max-width:775px){
	.search-container{
		grid-template-columns: repeat(3,1fr);

	}
}
@media only screen and (max-width:515px){
	.search-container{
		grid-template-columns: repeat(2,1fr);

	}
}
@media only screen and (max-width:350px){
	.search-container{
		grid-template-columns: repeat(1,1fr);
		max-width: 100%;
		overflow: hidden;

	}
}