@charset "utf-8";

/*----------------------------------------
    style
-----------------------------------------*/
.section .contents {
	background-color: transparent;
}
/* #panel_a */
#panel_a {
	position: relative;
}
.contents {
	display: none;
}
.js #panel_a .box01,.js  #panel_a .box02,.js  #panel_a .box03 {
	display: none;
}
.js #panel_a .active {
	display: block;
}
.mode_btn .hide {
	display: none;
}
/* mode btn */
.mode_btn img {
	cursor: pointer;
}
#panel_a #mode01 {
	width: 14.1%;
	max-width: 142px;
	position: absolute;
	left: 24.5%;
	bottom: 5.3%;
}
#panel_a #mode02 {
	width: 19.2%;
	max-width: 194px;
	position: absolute;
	left: 60.8%;
	bottom: 9%;
}
#panel_a #mode03 {
	width: 19.2%;
	max-width: 194px;
	position: absolute;
	left: 60.8%;
	bottom: 1.2%;
}

/* movie btn */
#panel_a .box01 .movie,
#panel_a .box02 .movie,
#panel_a .box03 .movie  {
	width: 24.1%;
	max-width: 243px;
	position: absolute;
	top: 23.8%;
	left: 70.2%;
}

/* #panel_b */
#panel_b {
	margin-top: -28px;
	padding-top: 28px;
	background-color: #fff;
	position: relative;
}
#panel_b .movie {
	width: 45.5%;
	max-width: 460px;
	position: absolute;
	top: 42.2%;
	left: 2.9%;
}

/* #panel_c */
#panel_c {
	margin-top: -28px;
	padding-top: 28px;
	background-color: #fff;
	position: relative;
}
#panel_c .movie {
	width: 41.4%;
	max-width: 419px;
	position: absolute;
	top: 15.5%;
	right: 2.9%;
}