@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

			body.gallery #menu li.menu_gallery{background:transparent url('../img/common/menu_gallery_on.png');}

	/*--------visual---------*/

	body{

	}

	/*--------visualbnr---------*/

	#headline{
		position:relative;
		padding:10px 0;
		border-bottom:1px solid #fff;
	}

	#headline .inner{
		width:950px;
		margin:0 auto 0;
	}

	/*--------contents---------*/

	#tab .tab_list{
		width:550px;
		display:block;
		margin:0 auto 0;
		padding:40px 0 40px;
	}

	#tab .tab_list li{
		width:150px;
		display:block;
		float:left;
		margin-left:10px;
				position:relative;
	}

	#tab .tab_list li p{
		display:block;
		text-align:center;
		margin:10px 0 0;
		color:#666;
		font-weight:bold;
		font-size:13px!important;
	}

	#tab .tab_list li a{
		display:block;
		border:6px solid #fff;
		border-radius:80px;
		overflow:hidden;
		box-shadow:3px 3px 2px rgba(0,0,0,0.1);
	}

	#tab .tab_list li.new a::before{
	position:absolute;
	top:2px;
	left:2px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:45px;
	padding-top:45px;
	background-size:100%;
	background-repeat:no-repeat;
}

	#tab .tab_list li.active a{
		border:6px solid #FA1D90;
	}


	#tab .tab_list li img{
		width:100%;
		display:block;
	}



	.contents{
		position:relative;
		z-index:60;
		background-color:rgba(255,255,255,0.7);
	}



	#contents .inner{
		margin:0 auto 0;padding:40px 0 100px;
		width:950px;
	}

	#ytplayer{
		display:block;
	margin:10px auto 0;
	border:5px solid #09d;
	box-shadow:3px 3px 0 rgba(0,0,0,0.1);
	}

	.iframe{
		position:relative;
		z-index:80;
	}

	.iframe p{
		display:block;
		text-align:center;
		padding:20px 0 60px;
		color:#09d;
		font-size:20px;font-weight:800;
		position:relative;
	}


	.btn_nico{
		display:inline-block;
		position:absolute;
		right:-8px;
		top:15px;
		background-color:#09D;
		color:#fff;
		margin:0 10px 0 0;
		border-radius:3px;
		font-size:18px;
		padding:5px 15px;
		box-shadow:2px 2px 3px rgba(0,0,0,0.1);
	}

	.iframe.new::before{
		position:absolute;
		top:-20px;
		left:-15px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:60px;
		padding-top:60px;
		background-size:100%;
		background-repeat:no-repeat;
		z-index:101;
	}


	.box_thum{
		width:100%;
	}

	.box_thum .box{
		display:block;
		float:left;
		width:32.5%;
		margin-left:1%;
		margin-bottom:1%;
		position:relative;
	}

	.box_thum .box .img:hover{
		opacity:0.6;
	}

	.box_thum .box .img{
		border-radius:20px;
		overflow:hidden;
		display:block;
		position:relative;

	}

	.box_thum .box.new::before{
		position:absolute;
		top:3px;
		left:3px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:40px;
		padding-top:40px;
		background-size:100%;
		background-repeat:no-repeat;
		z-index:20;
	}

	.box_thum .box:after {
		content:'';
		background-image:url('../img/top/movie_icon.png');
		background-size:100%;
		display:block;
		width:66px;height:66px;
		position:absolute;
		pointer-events: none;
		top:55px;
		left:120px;
		opacity:1;
	}

	.box_thum .box.non:after {
		display:none;
		opacity:0.7;
	}

	.box_thum .box.non .img{
		opacity:0.5;
	}
	.box_thum .box.non .img:hover{
		opacity:0.5;
	}

	.box_thum .box p{
		font-size:18px;
		color:#09d;
		text-align:center;
		font-weight:bold;
		padding:10px 5px;
		line-height:1.3;
	}

	.box_thum .box p .btn_nicos{
		font-size:12px;
		color:#069;
		border-bottom:1px solid #069;
		padding-bottom:2px;
	}

	.box_thum .box p .btn_nicos:hover{
		color:#09d;
		border-bottom:1px solid #09d;
	}

	.box_thum .box:first-child{
		margin-left:0;
	}


	.box_thum .box img{
		width:100%;
		display:block;
		z-index:0;
		position:relative;

	}



	#background{
		background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
		background-attachment:fixed;
		min-width:1000px;
	}


	.channel_btn{

		float:right;
		margin:10px 0px 20px 0;
		box-shadow:none;

	}

	#photoArea a{
		width:19.4%;
		display:block;
		float:left;
		margin:0.3%;
		position:relative;
	}

	#photoArea a.new::after{
		position:absolute;
		top:3px;
		left:3px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:40px;
		padding-top:40px;
		background-size:100%;
		background-repeat:no-repeat;
	}

	#photoArea a img{
		width:100%;
		display:block;
	}

	.tit{
		margin:0 0 20px;
	}


	h3{
		display:block;
		clear:both;
		font-weight:800!important;
		font-size:27px;
		color:#09d;
		margin:40px 0 15px;
		border-bottom:1px solid #09d;
		padding-bottom:8px;
	}

	h3 span{
		font-size:20px;
		font-weight:400!important;
	}

	.btn_footer{
		width:100%;
		text-align:center;
		padding:120px 0 0;
	}

	.btn_footer a{
		width:30%;
	}

	.btn_footer a img{
		width:300px;
	}


	/*special*/




	.special h3{
		font-size:28px;
		font-weight:800!important;
		display:block;
		margin:100px 0 15px;
		color:#09d;
		border-bottom:1px solid #09d;
		padding:12px 0px;
	}


	.special h3:nth-of-type(1){
		margin-top:20px;
	}


	.special h4{
		font-size:16px;
		display:block;
		margin:20px 0 5px;
		color:#09d;
	}

	.special h4 a{
		font-size:13px;
		display:inline-block;
		color:#015A8E;
		text-decoration:underline;;
	}

	.special p.text{
		color:#666;
		margin-bottom:20px;
	}

	.special .box.ticon img {
		display:block;
		width:23%;
		margin-left:1%;
		float:left;
	}

	.special .box.ticon img:nth-of-type(4n+1){
		margin-left:0px;
	}

	.special .box_chara{
		width:50%;
		float:left;
	}

	.special .box_miku{
			width:100%;
		}

	.special	.box_miku h4{
			margin-top:20px;
		}

	.special .box_miku img{
			display:block;
			width:100%;
		}

	.special  .dlbtn{
			margin-top:20px;
			color:#666;
			text-align:center;
		}

	 .special .dlbtn a{
			color:#fff;
			display:inline-block;
			margin:0 0 0 5px;
			background-color:#09d;
			border-radius:3px;
			padding:2px 8px;
		}

	.special .dlbtn a:hover{
			opacity:0.8;
		}




}

/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width:480px) {

		body.gallery #menu li.menu_gallery{background:transparent url('../img/common/menu_gallery_on.png');}

		/*--------visual---------*/

		body{

		}

		/*--------visualbnr---------*/

		#headline{
			position:relative;
			padding:10px 0 0;
			border-bottom:1px solid #fff;
			z-index:100;
		}

		#headline .inner{
			width:96%;
			margin:0 auto 0;
			padding:0 2%;
		}

		/*--------contents---------*/

		#tab .tab_list{
			width:94%;
			display:block;
			margin:0 auto 0;
			padding:40px 0 20px;
		}

		#tab .tab_list li{
			width:30%;
			display:block;
			float:left;
			margin-left:3%;
			position:relative;
		}

		#tab .tab_list li.new::before{
		position:absolute;
		top:-10px;
		left:-10px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:45px;
		padding-top:45px;
		background-size:100%;
		background-repeat:no-repeat;
		z-index:100;
		}

		#tab .tab_list li p{
			display:block;
			text-align:center;
			margin:10px 0 0;
			color:#666;
			font-weight:bold;
			font-size:11px!important;
		}

		#tab .tab_list li a{
			display:block;
			border:6px solid #fff;
			border-radius:80px;
			overflow:hidden;
			box-shadow:3px 3px 0px rgba(0,0,0,0.05);
		}

		#tab .tab_list li.active a{
			border:6px solid #FA1D90;
		}


		#tab .tab_list li img{
			width:100%;
			display:block;
		}

		.contents{
			position:relative;
			z-index:60;
			background-color:rgba(255,255,255,0.7);
		}

		#contents .inner{
			margin:0;padding:0;
			width:94%;
			margin:0 auto 0;
			padding:30px 0 80px;
		}

		#contents .inner_ajust{
			margin:0;padding:0;
			margin:0 auto 0;
			width:100%;
		}

		.tit{
			margin:0 0 3% 5%;
			max-width:94%;
			width:auto;
		}

		#ytplayer{
			display:block;
		margin:10px auto 0;
		box-shadow:3px 3px 0 rgba(0,0,0,0.1);
		width:100%;height:100%;
		}

		/*.iframe{
						position:relative;

		}


		.iframe p{
			display:block;
			text-align:center;
			padding:15px 0 60px;
			color:#09d;
			font-size:16px;font-weight:800;
			position:relative;
		}

		.iframe.new::before{
			position:absolute;
			top:-20px;
			left:10px;
			content:'';
			display:block;
			background-image:url('../img/common/icon_newc.png');
			width:50px;
			padding-top:50px;
			background-size:100%;
			background-repeat:no-repeat;
		}*/


		.thum{
			width:100%;
			margin:0 auto 0;
		}

		/*.iframe:after {
			content:'';
			background-image:url('../img/top/movie_icon.png');
			background-size:100%;
			display:block;
			width:20%;padding-top:20%;
			position:absolute;
			top:21%;
			left:42%;
			opacity:1;
			pointer-events: none;
		}*/


		.box_thum .box{
			display:block;
			width:94%;
			margin:0 auto 0!important;
			position:relative;
			padding:5% 0%;
			border-bottom:1px solid #ddd;
		}

		.box_thum .box .img{
			border-radius:20px;
			width:50%;
			overflow:hidden;
			display:block;
			position:relative;
			float:left;
		}

		.box_thum .box.new .img::before{
			position:absolute;
			top:3px;
			left:3px;
			content:'';
			display:block;
			background-image:url('../img/common/icon_newc.png');
			width:40px;
			padding-top:40px;
			background-size:100%;
			background-repeat:no-repeat;
			z-index:20;
		}

		.box_thum .box .img:after {
			content:'';
			background-image:url('../img/top/movie_icon.png');
			background-size:100%;
			background-repeat:no-repeat;
			display:block;
			width:30%;height:52%;
			position:absolute;
			pointer-events: none;
			top:24%;
			left:35%;
			opacity:1;
		}

		.box_thum .box.non .img:after {
display:none;
		}



		.box_thum .box p{
			font-size:16px;
			color:#09d;
			width:45%;
			text-align:left;
			font-weight:bold;
			padding:10px 0px;
			line-height:1.3;
			float:right;
		}

		.box_thum .box::after{
			content:'';
			display:block;
			clear:both;
		}

		.box_thum .box p .btn_nicos{
			font-size:12px;
			color:#069;
			border-bottom:1px solid #069;
			padding-bottom:2px;
			padding-top:10px;
		}

		.box_thum .box p .btn_nicos:hover{
			color:#09d;
			border-bottom:1px solid #09d;
		}

		.box_thum .box:first-child{
			margin-left:0;
		}


		.box_thum .box img{
			width:100%;
			display:block;
			z-index:0;
			position:relative;
		}

		#photoArea a{
			width:32.3%;
			display:block;
			float:left;
			margin:0.5%;
			position:relative;
		}

		#photoArea a.new::after{
			position:absolute;
			top:3px;
			left:3px;
			content:'';
			display:block;
			background-image:url('../img/common/icon_newc.png');
			width:30px;
			padding-top:30px;
			background-size:100%;
			background-repeat:no-repeat;
		}

		#photoArea a img{
			width:100%;
			display:block;
		}

		#background{
			overflow:hidden;
		}

		#background::after{
			display:block;
			position:fixed;top:0px;left:0px;
			background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
			min-width:100%;
			height:100%;
			z-index:-50;
		}


		.channel_btn{
			float:right;
			margin:1% 2% 1% 0;

		}

		h3{
			display:block;
			clear:both;
			font-weight:800!important;
			font-size:20px;
			color:#09d;
			margin:40px 0 15px;
			border-bottom:1px solid #09d;
			padding:0 4% 2%;
		}

		h3 span{
			font-size:13px;
			font-weight:400!important;
		}

		.btn_footer{
			width:100%;
			text-align:center;
			padding:20px 0 0;
		}

		.btn_footer a{
			width:30%;
		}

		.btn_footer a img{
			width:45%;
		}



		/*special*/


		.special h3{
			font-size:20px;
			font-weight:800!important;
			display:block;
			line-height:1.3;
			margin:100px 0 15px;
			color:#09d;
			border-bottom:1px solid #09d;
			padding:5px 0px;
		}


		.special h3:nth-of-type(1){
			margin-top:20px;
		}


		.special h4{
			font-size:15px;
			display:block;
			margin:20px 0 5px;
			color:#09d;
		}

		.special h4 a{
			font-size:13px;
			display:inline-block;
			color:#015A8E;
			text-decoration:underline;;
		}

		.special p.text{
			color:#666;
			margin-bottom:20px;
		}

		.special .box.ticon img {
			display:block;
			width:23%;
			margin-left:1%;
			float:left;
		}

		.special .box.ticon img:nth-of-type(4n+1){
			margin-left:0px;
		}

		.special .box_chara{
			width:100%;
			float:left;
		}

		.special .box_miku{
				width:100%;
			}

		.special .box_miku h4{
				margin-top:20px;
			}

		.special	.box_miku img{
				display:block;
				width:100%;
			}

		.special .dlbtn{
				margin-top:20px;
				color:#666;
				text-align:center;
			}

		.special .dlbtn a{
				color:#fff;
				display:block;
				margin:2% 0 0 2%;
				background-color:#09d;
				border-radius:3px;
				padding:2px 0px;
				font-size:12px;
				width:49%;
				float:left;
			}

		.special .box_miku.package .dlbtn a{
				display:inline-block;
				float:none;
			}

		.special .dlbtn a:nth-of-type(2n+1){
		margin-left:0px;
			}

		.special .dlbtn a:hover{
				opacity:0.8;
			}




}