@charset "utf-8";




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


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

			body.movie #menu li.menu_movie{background:transparent url('../img/common/menu_movie_on.png');background-size:100%;}

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

	body{

	}

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

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

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

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

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

	.content .inner{width:900px;margin:0 auto;padding:50px 0;}

	.iframe_box{width:100%;padding-bottom:56.25%;position:relative;border-radius:14px;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
	.iframe_box iframe{position: absolute;top: 0;width: 100%;height: 100%;}

	h3{color:#046475;font-size:24px;font-weight:bold!important;border-bottom:1px solid #046475;padding:8px;margin-bottom:20px;}
	h3:nth-of-type(2n+2){margin-top:60px;}

	.box-pv{margin-bottom:70px;}
	.box-pv .text{color:#046475;text-align:center;font-size:20px;padding-top:10px;}

	.wrap-flex02{width:100%;display:flex;}
	.wrap-flex02 .box-flex{width:48%;position:relative;}
	.wrap-flex02 .box-flex .text{font-size:16px;color:#046475;padding-top:8px;text-align:center;}
	.wrap-flex02 .iframe_box{}

	.box-pv{position:relative;}
	.box-pv.new:after{position:absolute;top:-15px;left:-15px;content:'';display:block;background-image:url('../img/common/icon_newc.png');width:45px;padding-top:45px;background-size:100%;background-repeat:no-repeat;}




}

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

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

		body.movie #menu li.menu_movie{background:transparent url('../img/common/menu_movie_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;
			}



				.content .inner{width:90%;margin:0 auto;padding:0px 0;}

				.iframe_box{width:100%;padding-bottom:56.25%;position:relative;border-radius:14px;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
				.iframe_box iframe{position: absolute;top: 0;width: 100%;height: 100%;}

					.box-pv .text{color:#046475;text-align:center;font-size:14px;padding-top:10px;}


}