@charset "utf-8";

/*----------------------------------------------------
  script
----------------------------------------------------*/
.or_mask{
  display:none;
  width:100%;
  height:150%;
  background-color:rgba(0,0,0,0.8);
  position:fixed;
  left:0;
  top:0;
  z-index:20000;
}	
.or_modal{
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:30000;
}	
.or_modalBox{ display:none;}



/*----------------------------------------------------
  common
----------------------------------------------------*/
/* none */
#tu_10th .tu_pc{
	display: block !important;
}
#tu_10th .tu_sp{
	display: none !important;
}

/* indent */
#tu_10th .or_close,
#tu_10th .or_msPrev,
#tu_10th .or_msNext{
	text-indent:-9999px;
	padding:0;
	display:block;	
}

/* modal */
#tu_10th .or_modalBox{ position:relative;}
#tu_10th .or_close,
#tu_10th .or_msPrev,
#tu_10th .or_msNext{ position:absolute;}


#tu_10th #or_mo1 .mo_box{ border:1px solid #c40012;}
#tu_10th #or_mo2 .mo_box{ border:1px solid #de3f74;}
#tu_10th #or_mo3 .mo_box{ border:1px solid #008bdd;}
#tu_10th #or_mo4 .mo_box{ border:1px solid #64e220;}
#tu_10th #or_mo5 .mo_box{ border:1px solid #8d1bcf;}
#tu_10th #or_mo6 .mo_box{ border:1px solid #d5e200;}
#tu_10th #or_mo7 .mo_box{ border:1px solid #00dba8;}
#tu_10th #or_mo8 .mo_box{ border:1px solid #ff6059;}
#tu_10th #or_mo9 .mo_box{ border:1px solid #a2b185;}
#tu_10th #or_mo10 .mo_box{ border:1px solid #1d3eff;}
#tu_10th #or_mo11 .mo_box{ border:1px solid #c60000;}




/*----------------------------------------------------
  mediaquery
----------------------------------------------------*/
/* ヘッダー切り替え */
@media screen and (max-width: 990px) {
	/* common */
	#tu_10th{
		width:100%;
		padding-top:45px; /* ヘッダー固定分 */
	}

}


@media screen and (min-width: 769px) {
	
/* PC
----------------------------------------------------*/
/* BG */
#tu_10th{
	background:url(../img/pc/bg1.jpg) #000000 no-repeat;
	color:#ffffff;
}

/* font pc: 18px/32px/#ffffff */
#tu_10th p{
	font-size:18px;
	line-height:1.77em;
	color:#ffffff;
}

/* title */
#tu_10th .tu_title{
	max-width:1000px;
	margin:0 auto 33px;
	padding-bottom:18px;
	border-bottom:1px solid #b9b9b9;
}
#tu_10th .tu_title h2{ padding-bottom:18px;}

/* player btn */
#tu_10th .tu_player{
	max-width:1000px;
	margin:0 auto;
	position:relative;
	padding-bottom:1324px;
}
#tu_10th .tu_player li{ position:absolute;}
	#tu_10th .tu_player li.tu_player1{ top:0; left: -3px;}
	#tu_10th .tu_player li.tu_player2{ top:24px; left: 254px;}
	#tu_10th .tu_player li.tu_player3{ top:29px; right: 253px;}
	#tu_10th .tu_player li.tu_player4{ top:10px; right: -20px;}
	#tu_10th .tu_player li.tu_player5{ top:427px; left: 39px;}
	#tu_10th .tu_player li.tu_player6{ top:428px; left: 307px;}
	#tu_10th .tu_player li.tu_player7{ top:445px; right: 27px;}
	#tu_10th .tu_player li.tu_player8{ top:873px; left: -34px;}
	#tu_10th .tu_player li.tu_player9{ top:850px; left: 244px;}
	#tu_10th .tu_player li.tu_player10{ top:861px; right: 230px;}
	#tu_10th .tu_player li.tu_player11{ top:842px; right: -21px;}

#tu_10th .tu_player li span{ display: block; width:160px; height:160px;}
#tu_10th .tu_player li a{ position:absolute;}
	#tu_10th .tu_player li.tu_player1 a{ bottom: 39px; right: -12px;}
	#tu_10th .tu_player li.tu_player2 a{ top:186px; left: 154px;}
	#tu_10th .tu_player li.tu_player3 a{ top:-14px; right: 89px;}
	#tu_10th .tu_player li.tu_player4 a{ top:133px; left: -16px;}
	#tu_10th .tu_player li.tu_player5 a{ top:169px; left: -18px;}
	#tu_10th .tu_player li.tu_player6 a{ top:39px; left: -19px;}
	#tu_10th .tu_player li.tu_player7 a{ top:165px; right: -1px;}
	#tu_10th .tu_player li.tu_player8 a{ top:156px; left: 10px;}
	#tu_10th .tu_player li.tu_player9 a{ top:-20px; left: 127px;}
	#tu_10th .tu_player li.tu_player10 a{ top:117px; left: -13px;}
	#tu_10th .tu_player li.tu_player11 a{ bottom:24px; left: -15px;}

	#tu_10th .tu_player li.tu_player1 span{ background:url(../img/pc/btn1_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player2 span{ background:url(../img/pc/btn2_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player3 span{ background:url(../img/pc/btn3_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player4 span{ background:url(../img/pc/btn4_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player5 span{ background:url(../img/pc/btn5_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player6 span{ background:url(../img/pc/btn6_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player7 span{ background:url(../img/pc/btn7_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player8 span{ background:url(../img/pc/btn8_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player9 span{ background:url(../img/pc/btn9_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player10 span{ background:url(../img/pc/btn10_off.png) no-repeat;}
	#tu_10th .tu_player li.tu_player11 span{ background:url(../img/pc/btn11_off.png) no-repeat;}

	#tu_10th .tu_player li.tu_player1 span:hover{ background:url(../img/pc/btn1_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player2 span:hover{ background:url(../img/pc/btn2_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player3 span:hover{ background:url(../img/pc/btn3_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player4 span:hover{ background:url(../img/pc/btn4_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player5 span:hover{ background:url(../img/pc/btn5_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player6 span:hover{ background:url(../img/pc/btn6_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player7 span:hover{ background:url(../img/pc/btn7_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player8 span:hover{ background:url(../img/pc/btn8_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player9 span:hover{ background:url(../img/pc/btn9_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player10 span:hover{ background:url(../img/pc/btn10_on.png) no-repeat;}
	#tu_10th .tu_player li.tu_player11 span:hover{ background:url(../img/pc/btn11_on.png) no-repeat;}
	
/* modal */
#tu_10th .or_modal{ width:100%;}
#tu_10th .or_modalBox{
	max-width:740px;
	margin:0 auto;
	padding-top:100px;
}
#tu_10th .mo_box{}
#tu_10th .mo_box h4{ padding-bottom:25px;}
#tu_10th .mo_box p{ padding:0 50px;}


/* modal 個別 */
#tu_10th #or_mo1 .mo_box{ background:url(../img/pc/mo_img1.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo1 .mo_box h4{ padding-top:89px; padding-left:50px;}
#tu_10th #or_mo1 .mo_box p{ padding-right:370px; padding-bottom:93px;}

#tu_10th #or_mo2 .mo_box{ background:url(../img/pc/mo_img2.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo2 .mo_box h4{ padding-top:57px; padding-left:370px;}
#tu_10th #or_mo2 .mo_box p{ padding-left:370px; padding-bottom:56px;}

#tu_10th #or_mo3 .mo_box{ background:url(../img/pc/mo_img3.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo3 .mo_box h4{ padding-top:72px; padding-left:50px;}
#tu_10th #or_mo3 .mo_box p{ padding-right:370px; padding-bottom:75px;}

#tu_10th #or_mo4 .mo_box{ background:url(../img/pc/mo_img4.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo4 .mo_box h4{ padding-top:70px; padding-left:370px;}
#tu_10th #or_mo4 .mo_box p{ padding-left:370px; padding-bottom:75px;}

#tu_10th #or_mo5 .mo_box{ background:url(../img/pc/mo_img5.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo5 .mo_box h4{ padding-top:106px; padding-left:50px;}
#tu_10th #or_mo5 .mo_box p{ padding-right:370px; padding-bottom:106px;}

#tu_10th #or_mo6 .mo_box{ background:url(../img/pc/mo_img6.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo6 .mo_box h4{ padding-top:74px; padding-left:370px;}
#tu_10th #or_mo6 .mo_box p{ padding-left:370px; padding-bottom:74px;}

#tu_10th #or_mo7 .mo_box{ background:url(../img/pc/mo_img7.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo7 .mo_box h4{ padding-top:57px; padding-left:50px;}
#tu_10th #or_mo7 .mo_box p{ padding-right:370px; padding-bottom:62px;}

#tu_10th #or_mo8 .mo_box{ background:url(../img/pc/mo_img8.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo8 .mo_box h4{ padding-top:122px; padding-left:370px;}
#tu_10th #or_mo8 .mo_box p{ padding-left:370px; padding-bottom:120px;}

#tu_10th #or_mo9 .mo_box{ background:url(../img/pc/mo_img9.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo9 .mo_box h4{ padding-top:106px; padding-left:50px;}
#tu_10th #or_mo9 .mo_box p{ padding-right:370px; padding-bottom:107px;}

#tu_10th #or_mo10 .mo_box{ background:url(../img/pc/mo_img10.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo10 .mo_box h4{ padding-top:90px; padding-left:370px;}
#tu_10th #or_mo10 .mo_box p{ padding-left:370px; padding-bottom:88px;}

#tu_10th #or_mo11 .mo_box{ background:url(../img/pc/mo_img11.png) #000000 bottom left no-repeat;}
#tu_10th #or_mo11 .mo_box h4{ padding-top:106px; padding-left:50px;}
#tu_10th #or_mo11 .mo_box p{ padding-right:370px; padding-bottom:106px;}

/* modal ctl */
#tu_10th .or_close{ top:24px; right:0;}
#tu_10th .or_msPrev{ top:52%; left:-69px;}
#tu_10th .or_msNext{ top:52%; right:-69px;}

#tu_10th .or_close:hover,
#tu_10th .or_msPrev:hover,
#tu_10th .or_msNext:hover{
	filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;
}

#tu_10th .or_close{ background:url(../img/pc/mo_btnC.png) no-repeat; width:57px; height:56px;}
#tu_10th .or_msPrev{ background:url(../img/pc/mo_btnL.png) no-repeat; width:29px; height:56px;}
#tu_10th .or_msNext{ background:url(../img/pc/mo_btnR.png) no-repeat; width:29px; height:56px;}


/* tu_staff */
#tu_10th .tu_staff{
	color:#b4b4b4;
	font-size:10px;
	text-align:right;
	padding:0% 4% 10px;
}


}



@media screen and (max-width: 768px) {
/* none */
#tu_10th .tu_pc{
	display: none !important;
}
#tu_10th .tu_sp{
	display: block !important;
}

#tu_10th img{
	width:100% !important;
}


/* スマートフォン（タブレット含む）
----------------------------------------------------*/
/* BG */
#tu_10th{
	background:url(../img/sp/bg1.png) #000000 no-repeat;
	background-size: cover;
	color:#ffffff;
}

/* font pc: 12px/36px/#ffffff */
#tu_10th p{
	font-size:12px;
	line-height:1.5em;
	color:#ffffff;
}

/* title */
#tu_10th .tu_title{
	padding-bottom:4%;
}
#tu_10th .tu_title h2{ padding-bottom:2%;}
#tu_10th .tu_title p{ padding:0 4%;}

/* player btn */
#tu_10th .tu_player{ padding:0 4%;}
#tu_10th .tu_player li{}
	#tu_10th .tu_player li.tu_player1{ padding-right:37.1875%;}
		#tu_10th .tu_player li.tu_player1 a{ width:62.8125%;}
	#tu_10th .tu_player li.tu_player2{ padding-left: 46.875%; margin-top:-46.875%;}
		#tu_10th .tu_player li.tu_player2 a{ width:53.125%;}
	#tu_10th .tu_player li.tu_player3{ padding-right: 47.8125%; margin-top:-24.6875%;}	
		#tu_10th .tu_player li.tu_player3 a{ width:52.1875%;}
	#tu_10th .tu_player li.tu_player4{ padding-left: 50%; margin-top:-39.0625%;}
		#tu_10th .tu_player li.tu_player4 a{ width:50%;}
	#tu_10th .tu_player li.tu_player5{ padding-right: 52.5%; margin-top:-29.6875%;}	
		#tu_10th .tu_player li.tu_player5 a{ width:47.5%;}
	#tu_10th .tu_player li.tu_player6{ padding-left: 45.3125%; margin-top:-51.25%;}
		#tu_10th .tu_player li.tu_player6 a{ width:54.6875%;}
	#tu_10th .tu_player li.tu_player7{ padding-right: 43.75%; margin-top:-4.375%;}
		#tu_10th .tu_player li.tu_player7 a{ width:56.25%;}
	#tu_10th .tu_player li.tu_player8{ padding-left: 52.5%; margin-top:-41.25%;}
		#tu_10th .tu_player li.tu_player8 a{ width:47.5%;}
	#tu_10th .tu_player li.tu_player9{ padding-right: 40%; margin-top:-20.9375%;}	
		#tu_10th .tu_player li.tu_player9 a{ width:60%;}
	#tu_10th .tu_player li.tu_player10{ padding-left: 46.25%; margin-top:-29.6875%;}
		#tu_10th .tu_player li.tu_player10 a{ width:53.75%;}
	#tu_10th .tu_player li.tu_player11{ padding-right: 37.5%; margin-top:-15%;}
		#tu_10th .tu_player li.tu_player11 a{ width:62.5%;}
	
/* modal */
#tu_10th .or_modal{ width:100%;}
#tu_10th .or_modalBox{
	max-width:100%;
	padding:40% 4% 0;
}
#tu_10th .mo_box{}
#tu_10th .mo_box h4{ padding-bottom:0px;}
#tu_10th .mo_box p{ padding:0 4% 4%;}


/* modal 個別 */
#tu_10th #or_mo1 .mo_box{
	background:url(../img/sp/mo_img1.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo1 .mo_box p{ padding-right:42%;}

#tu_10th #or_mo2 .mo_box{
	background:url(../img/sp/mo_img2.png) #000000 bottom left no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo2 .mo_box p{ padding-left:42%;}

#tu_10th #or_mo3 .mo_box{
	background:url(../img/sp/mo_img3.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo3 .mo_box p{ padding-right:51%;}

#tu_10th #or_mo4 .mo_box{
	background:url(../img/sp/mo_img4.png) #000000 bottom left no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo4 .mo_box p{ padding-left:44%;}

#tu_10th #or_mo5 .mo_box{
	background:url(../img/sp/mo_img5.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo5 .mo_box p{ padding-right:41%;}

#tu_10th #or_mo6 .mo_box{
	background:url(../img/sp/mo_img6.png) #000000 bottom left no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo6 .mo_box p{ padding-left:44%;}

#tu_10th #or_mo7 .mo_box{
	background:url(../img/sp/mo_img7.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo7 .mo_box p{ padding-right:40%;}

#tu_10th #or_mo8 .mo_box{
	background:url(../img/sp/mo_img8.png) #000000 bottom left no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo8 .mo_box p{ padding-left:45%;}

#tu_10th #or_mo9 .mo_box{
	background:url(../img/sp/mo_img9.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo9 .mo_box p{ padding-right:48%;}

#tu_10th #or_mo10 .mo_box{
	background:url(../img/sp/mo_img10.png) #000000 bottom left no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo10 .mo_box p{ padding-left:44%;}

#tu_10th #or_mo11 .mo_box{
	background:url(../img/sp/mo_img11.png) #000000 bottom right no-repeat;
	background-size: auto 100%;
}
#tu_10th #or_mo11 .mo_box p{ padding-right:41%;}

/* modal ctl */
#tu_10th .or_close{ top:100px; right:4%;}
#tu_10th .or_msPrev,
#tu_10th .or_msNext{ display:none;}

#tu_10th .or_close{
	background:url(../img/sp/mo_btnC.png) top right no-repeat;
	background-size: contain;
	width:8.75%;
	height:0;
	padding-bottom:8.75%;
}

/* pagetop */
#tu_10th .tu_pagetop{
	width:17.1875%;
	display:block;
	margin:-17% 0 0 79% ;
}

/* tu_staff */
#tu_10th .tu_staff{
	color:#b4b4b4;
	font-size:9px;
	text-align:right;
	padding:4% 4%;
}

}



/* iPhone5（機種個別対応） */
@media only screen
 and (min-device-width: 600px)
 and (max-device-width: 768px) {
	#tu_10th .or_close{ top:250px;}
	#tu_10th .or_modalBox{
		max-width:60%;
		margin:0 auto;
	}


}


/* iPhone5（機種個別対応） */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 374px) {
	/* modal ctl */
	#tu_10th .or_close{ top:80px;}

}