/* 10s colors */
#logo-10s,
#logo-10s-red,
#logo-10s-smaller,
#timeline-10s-wrapper h4,
#timeline-10s h5,
#timeline-10s .timeline-trigger:hover {
	color: #CB3A27;
}
#timeline-10s .timeline-trigger:hover svg {
	fill: #CB3A27;
}

/* LOGO */
#logo-10s {
	overflow: hidden;
	position: absolute;
	left: 5%;
	top: 30px;
	color: #FFF;
}
#logo-10s.scrolled {
	position: fixed;
}
#logo-10s-red {
	position: absolute;
	left: 5%;
	top: 20px;
}

/* BACKGROUND IMAGES */
#chapter-10s_bg-img-0 {
	background-image: url("../img/10s-00-Overview.jpg");
}
#chapter-10s_mobile-background {
	background: url("../img/10s-00-Overview.jpg") repeat 0 0;
		background-size: cover;
}

#chapter-10s_bg-img-1 {
	padding: 32% 0 0;
	position: relative;
	overflow: hidden;
	background: #000;
	color: #FFF;
}

#chapter-10s_bg-img-2 {
	border: 5px solid #CB3A27;
		border-left: none;
		border-right: none;
	background: #FFF;
}

#chapter-10s_bg-img-3 {
	padding: 5% 0 10%;
	background: #000;
}

#chapter-10s_bg-img-5 {
	padding: 10% 0;
	background: url("../img/10s-03-Taka-wave.png") no-repeat -5% center;
		background-size: 110% auto;
}

#chapter-10s_bg-img-6 {
	padding: 0 0 10%;
	background: #000;
}

#chapter-10s_bg-img-7 {
	padding: 10% 0;
	background: url("../img/10s-05-Taka-edit.png") no-repeat 10% center;
		background-size: 140% auto;
}

#chapter-10s_bg-img-8 {
	border-top: 5px solid #000;
	background: url("../img/10s-06-Taka-Art.png") no-repeat 0 0;
	background-color: #fff; 
	background-size: 100% auto;
	overflow: hidden;
}
#chapter-10s_bg-img-8_takahiro-stripes {
	background: url("../img/10s-06-Taka-Stripe.png") repeat 0 0;
		background-size: 100% auto;
}
#chapter-10s_bg-img-8_takahiro-mask {
	background: url("../img/10s-06-A-Crop.png") no-repeat 0 0;
		background-size: 100% auto;
}



/* IMAGES */
#chapter-10s_img-1 {
	width: 45%;
	left: 14%;
	top: 10%;
}
#chapter-10s_img-2 {
	width: 30%;
	float: right;
	margin: 7% 0 0;
}
#chapter-10s_img-3 {
	width: 70%;
	margin: 13.5% 0 0;
	position: relative;
}
#chapter-10s_img-4 {
	width: 32%;
	left: 25%;
	top: 28%;
}
#chapter-10s_img-5 {
	width: 94%;
	margin: 5% 0 10%;
}
#chapter-10s_img-6 {
	width: 40%;
	left: 16%;
	top: 55%;
}
#chapter-10s_img-7 {
	width: 42%;
	right: 9%;
	top: 60%;
}
#chapter-10s_img-8 {
	width: 21%;
	left: 22%;
	top: 40%;
}
#chapter-10s_img-9 {
	width: 20%;
	top: 65%;
	left: 31%;
}
#chapter-10s_img-10 {
	width: 24%;
	right: 7%;
	top: 50%;
}
#chapter-10s_img-11 {
	width: 25%;
	margin: 11% 0 10% 37.5%;
	position: relative;
	z-index: 11;
}
#chapter-10s_img-12 {
	width: 23%;
	left: 18%;
	top: 0;
}
#chapter-10s_img-13 {
	width: 23%;
	right: 17%;
	top: 37%;
	z-index: 12;
}
#chapter-10s_img-14 {
	width: 27%;
	left: 21%;
	top: 53%;
	z-index: 12;
}
#chapter-10s_img-15 {
	width: 18%;
	left: 50%;
	top: 20%;
	z-index: 12;
}
#chapter-10s_img-16 {
	width: 27%;
	right: 14%;
	top: 32%;
	z-index: 12;
}
#chapter-10s_img-17 {
	width: 24%;
	left: 32%;
	top: -3%;
}
#chapter-10s_img-18 {
	width: 100%;
	margin: 0;
}
#chapter-10s_img-19 {
	width: 35%;
	left: 23%;
	top: 19%;
}
#chapter-10s_img-20 {
	width: 35%;
	right: 22%;
	top: 40%;
}
#chapter-10s_img-21 {
	width: 20%;
	margin: 0 0 0 18%;
}
#chapter-10s_img-22 {
	width: 20%;
	margin: 10% 1% 0;
}
#chapter-10s_img-23 {
	width: 20%;
	margin: 18% 0 0;
}
#chapter-10s_img-24 {
	width: 28%;
	left: 22%;
	top: 13%;
}
#chapter-10s_img-25 {
	width: 24%;
	left: 16%;
	top: 32%;
}
#chapter-10s_img-26 {
	width: 28%;
	top: 52%;
	left: 29%;
}
#chapter-10s_img-27 {
	width: 24%;
	top: 70%;
	right: 19%;
}
#chapter-10s_img-28 {
	width: 90%;
	margin: 15% 5% 10%;
}
#chapter-10s_img-29 {
	width: 36%;
	left: 15%;
	top: 13%;
}
#chapter-10s_img-30 {
	width: 27%;
	right: 17%;
	top: 13%;
}
#chapter-10s_img-31 {
	width: 40%;
	right: 25%;
	top: 42%;
}
#chapter-10s_img-32 {
	width: 20%;
	margin: 0 0 0 18%;
}
#chapter-10s_img-33 {
	width: 20%;
	margin: 0 2%;
}
#chapter-10s_img-34 {
	width: 20.2%;
}
#chapter-10s_img-35 {
	width: 40%;
}
#chapter-10s_img-36 {
	width: 45%;
	margin: -13% 0 0 24%;
	clear: both;
}
#chapter-10s_img-37 {
	width: 35%;
	left: -10%;
	top: 23%;
}
#chapter-10s_img-38 {
	width: 48%;
	margin: -10% 0 0 35%;
	clear: both;
}
#chapter-10s_img-39 {
	width: 48%;
	margin: -7% 0 0 17%;
	clear: both;
}
#chapter-10s_img-40 {
	width: 53%;
	margin: -10% 0 0;
	clear: both;
}
#chapter-10s_img-41 {
	width: 40%;
	top: 48%;
	left: auto;
	right: 0;
}
#chapter-10s_img-42 {
	width: 45%;
	margin: -15% 0 0 23%;
	clear: both;
}
#chapter-10s_img-43 {
	width: 55%;
	margin: -8% 10% 0 0;
	float: right;
	clear: both;
}
#chapter-10s_img-44 {
	width: 50%;
	margin: -4% 0 0 15%;
	clear: both;
}
#chapter-10s_img-45 {
	width: 40%;
	padding: 30px 50px;
	margin: -3px 0 0 35%;
	clear: both;
}
#chapter-10s_img-46 {
	width: 30%;
	margin: 4% 0 0 29%;
}
#chapter-10s_img-47 {
	width: 27%;
	margin: 2% 0 0 16%;
	clear: left;
}
#chapter-10s_img-48 {
	width: 30%;
	margin: 2% 0 0 6%;
}
#chapter-10s_img-49 {
	width: 25%;
	margin: -5% 0 0 26%;
}
#chapter-10s_img-50 {
	width: 35%;
	left: 23%;
	top: 46%;
}
#chapter-10s_img-51 {
	width: 55%;
	margin: 16% 0 0;
	clear: both;
}
#chapter-10s_img-52 {
	width: 28%;
	right: 12%;
	top: 58%;
}
#chapter-10s_img-53 {
	width: 20%;
	left: 60%;
	top: 66%;
}
#chapter-10s_img-54 {
	width: 50%;
	float: right;
	margin: -10% 10% 15% 0;
}

/* TEXTBOXES */
#chapter-10s_tb-1 {
	color: #FFF;
}
#chapter-10s_tb-1 p {
	width: 65%;
}
#chapter-10s_tb-2 {
	left: 15%;
	top: 46.5%;
}
#chapter-10s_tb-3 {
	width: 24%;
	left: 22%;
	top: -6%;
}
#chapter-10s_tb-4 {
	width: 35%;
	right: 18%;
	bottom: -7%;
}
#chapter-10s_tb-5 {
	left: 25%;
	top: 86%;
}
#chapter-10s_tb-6 {
	width: 45%;
	right: 17%;
	top: 100%;
}
#chapter-10s_tb-7 {
	width: 24%;
	left: 22%;
	top: 6%;
}
#chapter-10s_tb-8 {
	width: 30%;
	left: 43%;
	top: 65%;
}
#chapter-10s_tb-9 {
	width: 31%;
	right: 20%;
	top: 80%;
}
#chapter-10s_tb-10 {
	width: 26%;
	left: 38%;
	bottom: -3%;
}
#chapter-10s_tb-11 {
	margin: 0 0 3%;
}
#chapter-10s_tb-12 {
	width: 45%;
	left: 40%;
	top: 7%;
}
#chapter-10s_tb-13 {
	width: 42%;
	left: 29%;
	top: 62%;
}
#chapter-10s_tb-14 {
	width: auto;
	left: 23%;
	bottom: -1%;
}
#chapter-10s_tb-15 {
	width: auto;
	left: 46%;
	bottom: -1%;
}
#chapter-10s_tb-16 {
	width: auto;
	left: 66%;
	bottom: -1%;
}
#chapter-10s_tb-17 {
	margin: 10% 0 0;
}
#chapter-10s_tb-17 p {
	width: 60%;
}
#chapter-10s_tb-18 {
	width: 24%;
	left: 44%;
	top: 80%;
}

/* TAKAHIRO */
#chapter-10s_takahiro-1 {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#chapter-10s_takahiro-1_img-1 {
	width: 130%;
	left: 55%;
	top: 70%;
	transform: translate(-50%, -50%);
}
#chapter-10s_takahiro-1_img-2 {
	width: 100%;
	left: 5%;
	bottom: 0;
}
#chapter-10s_takahiro-1 .takahiro-stripes {
	background-image: url("../img/10s-02-Taka1-STRIPE.png");
	background-size: 130%;
}