@charset "UTF-8";
/* -----------------------------------------------------------
   PART 
------------------------------------------------------------*/

.Part #tBlock h1{
	text-indent:-9999px;
	}
.Part #tBlock ul{
	list-style:none;
	}
.Part #tBlock li{
	position:absolute;
	}
.Part #tBlock a{
	display:block;
	text-indent:-9999px;
	box-sizing:border-box;
	}

.Part .box{
	background:url(../img/part_bg.jpg);
	}

.Part .box ul{
	list-style:none;
	margin-bottom:20px;
	}
.Part .photo{
	float:left;
	color:#fff;
	text-align:center;
	line-height:140%;
	position:relative;
	}
.Part .photo p{
	background-position:center center;
	}

.Part #ph1-1 p{background-image:url(../part/img/ph1-1a.jpg?) ;}
.Part #ph1-1 .ver2{background-image:url(../part/img/ph1-1b.jpg?) !important;}
.Part #ph1-2 p{background-image:url(../part/img/ph1-2a.jpg?) ;}
.Part #ph1-2 .ver2{background-image:url(../part/img/ph1-2b.jpg?) !important;}
.Part #ph1-3 p{background-image:url(../part/img/ph1-3a.jpg?) ;}
.Part #ph1-3 .ver2{background-image:url(../part/img/ph1-3b.jpg?) !important;}
.Part #ph1-4 p{background-image:url(../part/img/ph1-4a.jpg?) ;}
.Part #ph1-4 .ver2{background-image:url(../part/img/ph1-4b.jpg?) !important;}
.Part #ph1-5 p{background-image:url(../part/img/ph1-5a.jpg?) ;}
.Part #ph1-5 .ver2{background-image:url(../part/img/ph1-5b.jpg?) !important;}
.Part #ph1-6 p{background-image:url(../part/img/ph1-6a.jpg?) ;}
.Part #ph1-6 .ver2{background-image:url(../part/img/ph1-6b.jpg?) !important;}
.Part #ph1-7 p{background-image:url(../part/img/ph1-7a.jpg?) ;}
.Part #ph1-7 .ver2{background-image:url(../part/img/ph1-7b.jpg?) !important;}
.Part #ph1-8 p{background-image:url(../part/img/ph1-8a.jpg?) ;}
.Part #ph1-8 .ver2{background-image:url(../part/img/ph1-8b.jpg?) !important;}
.Part #ph2-1 p{background-image:url(../part/img/ph2-1a.jpg?) ;}
.Part #ph2-1 .ver2{background-image:url(../part/img/ph2-1b.jpg?) !important;}
.Part #ph2-2 p{background-image:url(../part/img/ph2-2a.jpg?) ;}
.Part #ph2-2 .ver2{background-image:url(../part/img/ph2-2b.jpg?) !important;}
.Part #ph2-3 p{background-image:url(../part/img/ph2-3a.jpg?) ;}
.Part #ph2-3 .ver2{background-image:url(../part/img/ph2-3b.jpg?) !important;}
.Part #ph3-1 p{background-image:url(../part/img/ph3-1a.jpg?) ;}
.Part #ph3-1 .ver2{background-image:url(../part/img/ph3-1b.jpg?) !important;}
.Part #ph3-2 p{background-image:url(../part/img/ph3-2a.jpg?) ;}
.Part #ph3-2 .ver2{background-image:url(../part/img/ph3-2b.jpg?) !important;}
.Part #ph3-3 p{background-image:url(../part/img/ph3-3a.jpg?) ;}
.Part #ph3-3 .ver2{background-image:url(../part/img/ph3-3b.jpg?) !important;}
.Part #ph3-4 p{background-image:url(../part/img/ph3-4a.jpg?) ;}
.Part #ph3-4 .ver2{background-image:url(../part/img/ph3-4b.jpg?) !important;}
.Part #ph4-1 p{background-image:url(../part/img/ph4-1a.jpg?) ;}
.Part #ph4-1 .ver2{background-image:url(../part/img/ph4-1b.jpg?) !important;}
.Part #ph4-2 p{background-image:url(../part/img/ph4-2a.jpg?) ;}
.Part #ph4-2 .ver2{background-image:url(../part/img/ph4-2b.jpg?) !important;}
.Part #ph4-3 p{background-image:url(../part/img/ph4-3a.jpg?) ;}
.Part #ph4-3 .ver2{background-image:url(../part/img/ph4-3b.jpg?) !important;}
.Part #ph4-4 p{background-image:url(../part/img/ph4-4a.jpg?) ;}
.Part #ph4-4 .ver2{background-image:url(../part/img/ph4-4b.jpg?) !important;}
.Part #ph5-1 p{background-image:url(../part/img/ph5-1a.jpg?) ;}
.Part #ph5-1 .ver2{background-image:url(../part/img/ph5-1b.jpg?) !important;}
.Part #ph5-2 p{background-image:url(../part/img/ph5-2a.jpg?) ;}
.Part #ph5-2 .ver2{background-image:url(../part/img/ph5-2b.jpg?) !important;}
.Part #ph5-3 p{background-image:url(../part/img/ph5-3a.jpg?) ;}
.Part #ph5-3 .ver2{background-image:url(../part/img/ph5-3b.jpg?) !important;}
.Part #ph5-4 p{background-image:url(../part/img/ph5-4a.jpg?) ;}
.Part #ph5-4 .ver2{background-image:url(../part/img/ph5-4b.jpg?) !important;}
.Part #ph6-1 p{background-image:url(../part/img/ph6-1a.jpg?) ;}
.Part #ph6-1 .ver2{background-image:url(../part/img/ph6-1b.jpg?) !important;}
.Part #ph6-2 p{background-image:url(../part/img/ph6-2a.jpg?) ;}
.Part #ph6-2 .ver2{background-image:url(../part/img/ph6-2b.jpg?) !important;}
.Part #ph6-3 p{background-image:url(../part/img/ph6-3a.jpg?) ;}
.Part #ph6-3 .ver2{background-image:url(../part/img/ph6-3b.jpg?) !important;}
.Part #ph7-1 p{background-image:url(../part/img/ph7-1a.jpg?) ;}
.Part #ph7-1 .ver2{background-image:url(../part/img/ph7-1b.jpg?) !important;}
.Part #ph7-2 p{background-image:url(../part/img/ph7-2a.jpg?) ;}
.Part #ph7-2 .ver2{background-image:url(../part/img/ph7-2b.jpg?) !important;}
.Part #ph8-1 p{background-image:url(../part/img/ph8-1a.jpg?) ;}
.Part #ph8-1 .ver2{background-image:url(../part/img/ph8-1b.jpg?) !important;}
.Part #ph8-2 p{background-image:url(../part/img/ph8-2a.jpg?) ;}
.Part #ph8-2 .ver2{background-image:url(../part/img/ph8-2b.jpg?) !important;}
.Part #ph8-3 p{background-image:url(../part/img/ph8-3a.jpg?) ;}
.Part #ph8-3 .ver2{background-image:url(../part/img/ph8-3b.jpg?) !important;}
.Part #ph9-1 p{background-image:url(../part/img/ph9-1a.jpg?) ;}
.Part #ph9-1 .ver2{background-image:url(../part/img/ph9-1b.jpg?) !important;}
.Part #ph9-2 p{background-image:url(../part/img/ph9-2a.jpg?) ;}
.Part #ph9-2 .ver2{background-image:url(../part/img/ph9-2b.jpg?) !important;}
.Part #ph9-3 p{background-image:url(../part/img/ph9-3a.jpg?) ;}
.Part #ph9-3 .ver2{background-image:url(../part/img/ph9-3b.jpg?) !important;}
.Part #ph9-4 p{background-image:url(../part/img/ph9-4a.jpg?) ;}
.Part #ph9-4 .ver2{background-image:url(../part/img/ph9-4b.jpg?) !important;}
.Part #ph10-1 p{background-image:url(../part/img/ph10-1a.jpg?) ;}
.Part #ph10-1 .ver2{background-image:url(../part/img/ph10-1b.jpg?) !important;}
.Part #ph11-1 p{background-image:url(../part/img/ph11-1a.jpg?) ;}
.Part #ph11-1 .ver2{background-image:url(../part/img/ph11-1b.jpg?) !important;}

@media all and (min-width: 768px) {

.Part #tBlock #Percussion a{ width:114px; height:24px;}
.Part #tBlock #Trp a{ width:94px; height:24px;}
.Part #tBlock #Horn a{ width:60px; height:24px;}
.Part #tBlock #Trombone a{ width:100px; height:24px;}
.Part #tBlock #Euphonium a{ width:114px; height:24px;}
.Part #tBlock #Tuba a{ width:76px; height:24px;}
.Part #tBlock #Flute a{ width:68px; height:24px;}
.Part #tBlock #Clarinet a{ width:96px; height:24px;}
.Part #tBlock #Sax a{ width:92px; height:24px;}
.Part #tBlock #Oboe a{ width:68px; height:24px;}
.Part #tBlock #Fagott a{ width:80px; height:24px;}

.Part #tBlock #Percussion{ top:403px; left:26px;}
.Part #tBlock #Trp{ top:224px; left:245px;}
.Part #tBlock #Horn{ top:293px; left:261px;}
.Part #tBlock #Trombone{ top:224px; left:403px;}
.Part #tBlock #Euphonium{ top:293px; left:397px;}
.Part #tBlock #Tuba{ top:418px; left:480px;}
.Part #tBlock #Flute{ top:411px; left:258px;}
.Part #tBlock #Clarinet{ top:437px; left:131px;}
.Part #tBlock #Sax{ top:360px; left:270px;}
.Part #tBlock #Oboe{ top:463px; left:307px;}
.Part #tBlock #Fagott{ top:468px; left:397px;}

.Part #tBlock{
	width:580px;
	height:580px;
	background:url(../img/part_top.png) no-repeat;
	position:relative;
	}
.Part #tBlock a:hover{
	border:1px solid #fff;
	}
.Part .box{
	padding:24px;
	}
.Part .box p.txt{
	font-size:85%;
	color:#fff;
	line-height:140%;
	padding:0 8px;
	margin-bottom:15px;
	letter-spacing:0.04em;
}
.Part .box strong{
	color:#fcd9c2;
	font-size:110%;
	letter-spacing:0.04em
	}
.Part .box .ti{
	background:url(../img/part_ti.jpg) no-repeat;
	height:54px;
	margin-bottom:15px;
	}
.Part .box .ti h2{
	color:#fff;
	font-size:110%;
	padding:20px 15px;
	letter-spacing:0.06em;
	}
.Part .box .ti .click{
	font-weight:normal;
	font-size:75%;
	float:right;
	padding-top:4px;
	letter-spacing:0.04em;
	color:#abc3b9;
	}
.Part .photo{
	margin-right:20px;
	margin-bottom:20px;
	font-size:85%;
	}
.Part .photo:nth-child(3n){
	margin-right:0;
	}
.Part .photo p{
	width:164px;
	height:164px;
	margin-bottom:5px;	
	box-sizing:border-box;
	border:3px solid #fff;
	background-size:cover;
	}

.Part .photo img{
	position:absolute;
	top:0;
	left:0;
	width:164px;
	height:164px;
	}
.Part .movieBtn a{
	display:block;
	text-indent:-9999px;
	background:url(../img/part_btn.png) no-repeat;
	width:124px;
	height:34px;
	margin:10px auto;
	}
.Part .movieBtn a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80
	}
}
@media all and (max-width: 767px) {
.Part #tBlock #Percussion a{ width:150px; height:34px;}
.Part #tBlock #Trp a{ width:128px; height:34px;}
.Part #tBlock #Horn a{ width:86px; height:34px;}
.Part #tBlock #Trombone a{ width:133px; height:34px;}
.Part #tBlock #Euphonium a{ width:144px; height:34px;}
.Part #tBlock #Tuba a{ width:94px; height:34px;}
.Part #tBlock #Flute a{ width:94px; height:34px;}
.Part #tBlock #Clarinet a{ width:124px; height:34px;}
.Part #tBlock #Sax a{ width:126px; height:34px;}
.Part #tBlock #Oboe a{ width:95px; height:34px;}
.Part #tBlock #Fagott a{ width:100px; height:34px;}

.Part #tBlock #Percussion{ top:396px; left:8px;}
.Part #tBlock #Trp{ top:219px; left:217px;}
.Part #tBlock #Horn{ top:288px; left:238px;}
.Part #tBlock #Trombone{ top:219px; left:398px;}
.Part #tBlock #Euphonium{ top:288px; left:392px;}
.Part #tBlock #Tuba{ top:408px; left:469px;}
.Part #tBlock #Flute{ top:438px; left:245px;}
.Part #tBlock #Clarinet{ top:489px; left:96px;}
.Part #tBlock #Sax{ top:356px; left:238px;}
.Part #tBlock #Oboe{ top:501px; left:315px;}
.Part #tBlock #Fagott{ top:456px; left:416px;}

.Part .box{
	width:100%;
	padding:20px 0;
	}
.Part .box p.txt{
	font-size:85%;
	color:#fff;
	line-height:140%;
	width:88%;
	margin:0 auto 15px;
}
.Part .box strong{
	color:#fcd9c2;
	font-size:110%;
	letter-spacing:0.04em;
	}
.Part #tBlock{
	background:url(../img/part_top_smp.png) no-repeat;
	position:relative;
	background-size:cover;
	height:0;
	padding-top:100%;
	}
.Part #tBlock .tInner{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.Part .box .ti{
	width:91%;
	background:url(../img/part_ti.jpg) no-repeat;
	background-size:cover;
	margin:0 auto 10px;
	}
.Part .box .ti h2{
	color:#fff;
	font-size:90%;
	line-height:150%;
	padding:10px 10px 5px;
	letter-spacing:0.04em;
	}
.Part .box .ti .click{
	font-weight:normal;
	font-size:75%;
	padding-top:3px;
	color:#abc3b9;
	}
.Part .box ul{
	width:90%;
	margin:0 auto 20px;
	}
.Part .photo{
	width:48%;
	margin-right:4%;
	margin-bottom:10px;
	font-size:85%;
	margin-bottom:10px;
	}
.Part .photo p{
	width:100%;
	height:0;
	overflow:hidden;
	padding-top:100%;
	background-size:cover;
	background-repeat:no-repeat;
	box-sizing:border-box;
	border:3px solid #fff;
	margin-bottom:5px;
	}
.Part .photo:nth-child(2n){
	margin-right:0;
	}
.Part .photo img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	}
.Part .movieBtn{
	width:80%;
	margin:10px auto;
	}
.Part .movieBtn a{
	display:block;
	background-color:#cf7e47;	
	color:#fff;
	letter-spacing:0.06em;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	border-radius:4px;	
	padding:8px 0;
	}
}