@charset "utf-8";
body {
    background-image: url(background.jpg);
    background-size: auto;
	background-repeat: no-repeat;
	background-color: #000000;
    justify-content: center;
    align-items: center;	
}
.carousel-inner .navbar.navbar-expand-lg.navbar-light.bg-light .navbar-brand {

}




@media (max-width: 576px) {
    .banner {
      align-items: flex-start;
      height: 400px;
    }
  }




.card-sp {
margin-top: 20px;
padding: 0px;
border-radius: 0rem;
border: 0px solid rgba(0, 0, 0, 0.125);
	

}


.card-img-top {
border-radius: 0rem;
border: 0px solid rgba(0, 0, 0, 0.125);
margin: 0px;

}


.card-title  {
	color: #FFF;
	font-family: 'Bebas Neue', sans-serif;
    font-family: 'Saira', sans-serif;
	text-transform: Uppercase;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	
	
}


.bio {	color: #FFF;
	font-family: 'Bebas Neue', sans-serif;
    font-family: 'Saira', sans-serif;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	font-size: 0.9rem;
	
}



.bio .trigger {
  color: #c00;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}
.bio .trigger:hover { opacity: 0.8; }

.expandable {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.6s ease, padding 0.6s ease;
  padding-top: 0;
  padding-bottom: 0;
}
.expandable[aria-hidden="false"] {
  max-height: 3000px; /* valeur largement suffisante */
  padding-top: 1.5em;
  padding-bottom: 1em;
}






video {
	
	width: 100%;
	margin-bottom: -7px;
	padding: 0px;
}

.carousel-indicators{
	z-index:3;
}


.carousel-caption {
	
	z-index:5;
	right: 10%;
	left: 10%;
}


.carousel-caption h5 {
	
	color: #FFF;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 11vw;
	text-align: left;
	margin: 0px;
padding: 0px;
	text-shadow: #000 1px 2px 100px;
	
}

.carousel-caption p {
	
	color: #FFF;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 2vw;
	margin-top: -3%;
	line-height: 1.2em;
	letter-spacing: -0.02em;
	
}




.navbar {
	
	z-index: 10;
    font-family: 'Saira', sans-serif;
	text-transform: Uppercase;
	
}




/** "Hack"Change la couleur du BG, menu mobile */
@media(max-width:991px){
.navbar li{
padding-left: 20px;
	padding-right: 20px;
background-color: #600000;
}
}
/** "Hack" margin-bottom 10px, seulement mobile */
@media(max-width:1200px){

	.card-body {
		margin-bottom: 10px;
		
	}
	
	.card-img-top {
		
		margin-bottom: -10px;
	}
	
	
	}




/**  right: 10%;
  bottom: 20px;
  left: 10%; 
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: justify;
  text-align-last: right; 


*/




.english {
	font-size: 3vw;
	background-color: #000;
	padding-left: 1.4%;
	padding-right: 1.4%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	position: absolute;  
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	color:#fff;
	margin-left: 18%;
	margin-top: 30%;
	z-index: 5;
	
}


.vidpage {
	
	
	position: absolute;
	color: #fff;
	text-align: justify;
	margin: 0px;
 	left: 0%; 
	right: 0%;
	margin-top: 10%;
	

}

.thegreat {
	
	
	position: absolute;
	margin: 30px;
	color: #fff;
	text-align: justify;
	margin: 0px;
	text-align-last: left; 
	padding-top: 22%;
 	left: 6%; 
	right: 6%;
	

}

.thegreat h5{
	
	
	font-size: 15vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow: #000 1px 2px 100px;
	
}

.thegreat p{
	
	
	font-size: 1.8vw;
	font-family: 'Bebas Neue', sans-serif;
	color: white;
	text-transform: Uppercase;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 1.2em;
	letter-spacing: -0.02em;
	text-shadow: #000 1px 1px 1px;
	padding-bottom: 0.5%;
	
}



.navbar-nav {
	
	background-color: transparent;
}

.card-text {
	color: #FFF;
	 font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	text-align: justify;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-weight:lighter;
	
	
}

/* wrapper pour les card-body */
.card-body {
	
	background-color: #600000;
	padding: 0px;
	
}
/* wrapper pour les card-body */

.card-body-margin-home {
	
	margin-top: 20px;
}



/* Label original */

.profile-sns-photo {
	
	width: 150px;
	height: 150px;
	background-image: url("images/sns-profile.png");
	background-position: center;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	box-shadow: #000 1px 2px 50px;
	border-radius: 50%;
	
}

.profile-sns-photo2 {
	
	width: 150px;
	height: 150px;
	background-image: url("images/sns-profile2.png");
	background-position: center;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	box-shadow: #000 1px 2px 50px;
	border-radius: 50%;
	
}

.SNS-label {
	text-transform: Uppercase;
	font-size: 25px;
	color: white;
	
}



.liens {
	
	
	padding: 1vw;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	width: 100%;
	text-align: center;
	margin-top: 18%;
/* Label original */
}

.books {
	
	padding: 1vw;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	width: 100%;
	
}




.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
padding-bottom: 15px;
	padding-top: 15px;
}

.liens li {
	
	
background-color: #600000;
	list-style-type: none;
 	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-top: 15px;
	 padding: 10px;
box-shadow: #000 0px 0px 1px;
	color:white;
	font-size: 25px;
	
	
}


.liens li:hover {
	background-color: #540000;
	color: white;
}	

.liens a:hover {
	color: white;
}
.liens a:visited {
	color: white;
}

.liens a {
	color: white;
	 text-decoration: none;
}
/* Label original */
.original {
	
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:10px;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 25px;
	
}
/* Label original */



/* Label original slider */
.originalslider {
	
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 15%;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 25px;
	
}
/* Label original slider*/



/* Label original */
.serie {
	
	background-color: #600000;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 100px;
	margin-top:10px;
	position: absolute;  
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 25px;
	color:#fff;
	
}
/* Label original */

/* Label photobook */
.photobook {
	
	background-color: #600000;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:50px;
	margin-left: 50px;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 25px;
	
}
/* Label photobook */
/* Label photobook */
.episode {
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:-45px;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 25px;
	color:black;
}
/* Label photobook */

h5 {
	
font-size: 35px;
	
}

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar {
      top: 0;
      left: 0;
      right: 0;
z-index: 10;
	position: absolute;

    }

.carousel-inner {
	
	
	
}

.bg-light {
  background-color: transparent;
}
    /* Downsize the brand/project name a bit */
    .navbar-brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	/* background-image: url(logo.png); */
		background-size: 100px;
		background-repeat: no-repeat;
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar-nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }

.carousel-item {
	
	min-height: 300px;
}

.carousel-item img {
	
	width: 100%;
   margin: auto;
	
	  
	   
}








 h1  {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #FFF;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 70px;
	}


@media (max-width: 650px) {
    .carousel-item img {
	vertical-align: middle;
     min-height: 300px;
		min-width: 632px;
      
    }
	
	video {
		vertical-align: middle;
     min-height: 300px;
		min-width: 632px;
		
	}
	
	
	
		/* ----------------------650---------------------- */
	@media  (max-width: 650px) {
			
		
/* THE GREAT SHINJUKU */
		
.carousel-caption2 h5 {
			
	font-size: 50px;
	}
.carousel-caption2 p {
			
font-size: 10px;
	
}
		
.carousel-caption2 {
		
	
right: 10%;
  bottom: 20px;
  left: 10%;
}
		
		.photobook {
	
	background-color: #600000;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top:30px;
	margin-left: 30px;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 15px;
	
}
		
/* THE GREAT SHINJUKU */
			

		
		
	}
	
		/* ----------------------650---------------------- */


	/* ---------------------500----------------------- */
	
	@media (max-width: 500px) {


			
		.photobook {
	
	background-color: #600000;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:30px;
	margin-left: 30px;
	position: absolute;   
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 10px;
	
}
		
		
		
	}
	
	/* ---------------------500----------------------- */
	

	
	

	
	
	

	
		.btn-sv {
			
			font-size: 10px;
		}
	
		.img-sv {
			
			width: 200px;
		}
		
		
	}

.container .footer {
	
	margin-top:20px;
}

.footer h4 {
	font-family: 'Bebas Neue', sans-serif;
	text-transform: Uppercase;
	font-size: 20px;
	color: #FFFFFF;
	padding: 5px;

	
}





.card-img-top-vid {
	
	
	width: 100%;

}


.containervidtop {
	
	margin-right:10%;
	margin-left: 10%;
}


.abscenter {
	
margin-top: 30%;
}