@media all and (max-width : 480px)  {

#screen {
	display : none;
}


/********************************************* BACKGROUND *********************************************/

img.background_image {
	position : absolute;
	right : 0px;
	width : 100%;
}

div.background_shadow {
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
}


/************************************************ INFO ************************************************/

section#information {
	position : relative;
	z-index : 3;
	margin-top : 58vw;
	padding-top : 2vw;
	padding-bottom : 6vw;
	padding-left : 2vw;
	padding-right : 2vw;
	background-color : rgb(var(--main-color));
	box-shadow : 0vw -1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
}

div#my_content_display {
	position : absolute;
	top : 18vw;
	left : 2vw;
}

		img#like_mobile, img#later_mobile, img#alert_mobile, img#reco_mobile {
			display : none;
			position : relative;
			width : 8vw;
			/*padding-right : 2vw;*/
		}

		img#like_pc, img#later_pc, img#alert_pc, img#reco_pc {
			display : none;
		}

div#information_header {
	margin-top : 1vw;
	width : 100vw;
}

		img.logo_image {
			float : left;
			width : 10vw;
			margin-right : 2vw;
		}

		#info_title {
			float : left;

			overflow-x : scroll;
			overflow-y : hidden;
			white-space : nowrap;
		}

		a.info_title {
			opacity : 0.8;
		}

		a.info_title_more {
			opacity : 0.5;
		}
		
		h1.name {
			display : block;
			font-weight : normal;
			margin : 0vw;
			margin-left : 0vw;
			margin-top : 2vw;
			color : rgb(var(--font-color));
			text-decoration : none;
			font-size : calc(var(--font-size) * 1.4);
			line-height : calc(var(--font-size) * 1);
		}

		a.author {
			display : block;
			color : white;
			margin-top : 1vw; 
			margin-left : 0vw;
			font-size : calc(var(--font-size) * 1.2);
			opacity : 0.4;
		}

		img.author_image {
			display : none;
		}

div#information_body {
	font-size : calc(var(--font-size) * 1.1);
	line-height : calc(var(--font-size) * 1.4);
}

div.description {
	display : relative;
	margin-top : 18vw;
	width : 96vw;
	text-align : justify;
}

a.description {
	opacity : 0.7;
}

div.number {
	padding-top : 4vw;
}

a.year, a.number, a.duration, a.category, a.data {
	text-decoration : none;
	color : white;
	opacity : 0.4;
}

a.more_info {
	text-decoration : underline;
}

div#note_1 {
	padding-top : 4vw;
}

div.note_title {
	float : left;
	width : 70vw;
}

img.note_image {
	width : 3.5vw;
}

a.title, a.thumbnail_title {
	font-size : calc(var(--font-size) * 1.4);
	opacity : 0.4;	
}


/*********************************************** DONATION **********************************************/

div#hat_teaser {
	position : absolute;
	margin-top : -40vw;
	margin-left : 70vw;
	width : 25vw;
	color : white;
	text-align : center;
}

		img#hat_teaser {
			width : 25vw;
		}

		a#hat_info {
			display : block;
			position : relative;
			margin-top : -16vw;
			font-size : calc(var(--font-size) * 1);
			line-height : calc(var(--font-size) * 1);
		}

		a#hat_teaser {
			display : block;
			position : relative;
			margin-top : 1vw;
		}


/*********************************************** SAISONS **********************************************/

div#season_list {
	position : relative;
	z-index : 10;
	padding-left : 0vw;
	width : 67vw;

	overflow-x : scroll;
	overflow-y : hidden;
	white-space : nowrap;
}

		div.season {
			display : inline;
			margin-left : 2vw;
			font-size : calc(var(--font-size) * 1.2);
			text-decoration : none;
			opacity : 0.5;
		}

	.mode {
		position : absolute;
		z-index : 4;	
		width : 9vw;
		top : 20vw;
	}

			div.mode { top : 143vw }

			div#list { right : 14vw }
			div#grid { right : 3vw }


/*********************************************** THUMBNAIL **********************************************/

section#video_thumbnail {
	position : relative;
	z-index : 10;
	margin-top : 2vw;
	margin-left : 1vw;
	margin-bottom : 8vw;
}

		div.thumbnail.list {
			width : 95vw;
			height : 21vw;
			box-shadow : 1vw 1vw 1vw 0vw rgba(var(--shadow-color), var(--header-opacity));
			background-color : rgb(var(--main-color));
		}

/*		div.thumbnail.list:hover {	
			box-shadow : 10px 10px 5px rgba(var(--shadow-color), var(--header-opacity));

 			-webkit-transform : scale(1); 
			-moz-transform : scale(1); 
			-ms-transform : scale(1); 
			-o-transform : scale(1); 
			transform : scale(1);
		}*/

		img.thumbnail.list {
			box-shadow : 0vw 0vw 0vw 0vw rgba(var(--shadow-color), var(--header-opacity));
		}

				img.list {
					margin-top : 0.2vw;
					margin-left : 0vw;
					margin-right : 0vw;
					margin-bottom : 0.2vw;
					height : 20.2vw;
				}

						img.panorama.list { width : 36vw }
						img.squared.list { width : 20.2vw }


				img#play.list {
					position : absolute;
					top : 25%;
					width : 11%;
					height : 50%;
				}

						img#play.panorama.list { left : 12% }
						img#play.squared.list { left : 5.5% }


		div.info.list {
			position : absolute;
			margin-top : -21vw;
			font-size : calc(var(--font-size) * 1);
			text-align : left;
		}

				div.info.panorama.list {
					margin-left : 38vw;
					width : 55vw;
				}

				div.info.squared.list {
					margin-left : 22vw;
					width : 75vw;
				}

		div.line.list {
			position : relative;
			left : -1vw;
			width : 72vw;
			line-height : calc(var(--font-size) * 1.3);
		}

		div._1.list {
			font-size : calc(var(--font-size) * 1);
		}

		div._2.list {
			opacity : 0.7;
		}

		div._3.list, div._4.list, div._5.list {
			display : none;		
		}

/************************************************ RELATED ************************************************/

section#related_thumbnail {
	position : relative;
	padding-top : 6vw;
	background-color : rgb(var(--main-color));
}

/*div.more_content {
	position : relative;
	width : 94vw;
	height : 1px;
	top : 0vw;
	left : 2vw;
	background-color : white;
	opacity : 0.4;
}*/


/*************************************** DONATION POP UP **************************************/

/*div#donation {
	top : 85vw;
	z-index : 600;
}*/


div#viewable {
	display : none;
}

}