@media screen and (min-width:421px) { 
/* ----------------------------------------------- */
/*html {
		scroll-behavior:smooth;
	}*/
	body {
	font-family: "Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ", sans-serif;
	width: 100%;
	margin:0 auto;
	}
	li { list-style-type: none; }
	.pc {display: block!important;}
	.sp { display: none !important; }
	
    }


	/* --------------------------------------- */

	#wapper {
		width:100%;
		min-width: 768px;
		margin:0 auto;
	}

	#animation {
	margin: 50px 0;
	font-size: 40px;
	font-weight: bold;
	color: #ff0000;
	}

	.fadeInDown {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:1s;
	 -ms-animation-duration:1s;
	 animation-duration:1s;
	 -webkit-animation-name: fadeInDown;
	 animation-name: fadeInDown;
	 visibility: visible !important;
	}
	
/*繧ｹ繝励Λ繝�す繝･縲悟虚逕ｻ縲�---------------------*/
	#MovieContents{width:100%; min-width: 664px; height:100%; z-index:100; position:absolute; top:0px;}
	#MovieContents { background-color:rgba(0,0,0,0.7); z-index:10000; }
	#MovieContents .mainImg{ width:720px; height:auto; margin:auto; }
	#MovieContents .controls { min-height:120px; position: relative; }
	#MovieContents .controls .logos { margin:auto; display:block; position:absolute; bottom:0; }
	#MovieContents .controls .btnClose { width:59px; height:24px; position:absolute; bottom:62px; right:0px; z-index:100; }
	#movieBox { display:block; width: 100%; margin:0 auto; }
	#movieBoxpv { display:block; width: 100%; height: 450px; margin:0 auto; }

/*繧ｹ繝励Λ繝�す繝･縲後う繝｡繝ｼ繧ｸ縲�--------------*/
	.lineLive {
		display: block;
		background-image: url(../image/img42_pc.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 454px;
	}
	.btnBox {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
		padding-top: 47%;
	}
	.btnBox a {
		display: inline-block;
		width: 44%;
		margin-left: 4%;
	}
	.btnBox a img {
		width: 100%;
	}
	

	/* 繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ ------------------------------- */
	.mainBox {
		width: 100%;
		height: auto;
		background-image: url(../image/img01_pc.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		position: relative;
		overflow: hidden;
	}
	.decoration {
		position: absolute;
    	   bottom: -5px;
    	right: -260px;
    	display: block;
	}
	.mainImg {
		display: block;
		width: 100%;
		max-width: 1400px;
		min-width: 1024px;
		height: auto;
		margin: 0 auto;
		vertical-align: bottom;
		position: relative;
	}
	
	.mainImg img {
		height: auto;
		vertical-align: bottom;
	}
	.mainImage { width: 100%; }
	.infoBand {
		width: 100%;
		height: auto;
		background-image: url(../image/img03_pc.jpg);
		background-repeat: repeat-x;
		background-size: contain;
	}
	
	.infoBand img {
		display: block;
		width: 100%;
		max-width: 920px;
		/*min-width: 812px;*/
		height: auto;
		margin: 0 auto;
	}
	

	.event	{
	position: absolute;
    bottom: 18%;
    left: 8%;
    width: 100%;
    max-width: 200px;
    height: 100%;
    max-height: 200px;
	}
.event img { width: 100%; height: auto;}
	
/* 繧ｳ繝ｳ繝�Φ繝Цapper --------------------------- */
	.contWapper {
		width: 100%;
		height: auto;
		background-image: url(../image/img05_pc.jpg);
		background-repeat: repeat;
		overflow: hidden;
	}
	
	.contBox {
		width: 100%;
		max-width: 920px;
		height:auto;
		margin: 0 auto;
		padding:68px 0 90px;
	}
	.contBox2 {
		width: 100%;
		max-width: 1260px;
		height:auto;
		margin: 0 auto;
	}
	
	.contBox3 {
		width: 100%;
		max-width: 920px;
		height:auto;
		margin: 0 auto;
		padding:40px 0 50px;
	}
	.contBox h3 img { width: 100%;}
	.contBox2 h3 img { width: 100%;}
	.contBox3 h3 img { width: 100%;}
	.contBox2 h3{ max-width: 920px; width: 100%; margin: 0 auto;}
	
	/* news��banner ------------------- */
	.topcotBox {
		display: inline-block;
		width: 100%;
		min-width: 812px;
		height: auto;
		vertical-align: top;
		margin-bottom: 92px;
	}
			.newsBox {
				display: inline-block;
				width: 50%;
				max-width: 457px;
				height: auto;
				vertical-align: top;
				/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
				margin-top : -40px;
 				padding-top : 40px;
				/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
			}
			.twitter {
				width: 386px!important;
				height: 270px;
				margin: 0 auto;
				margin-top: 40px;
			}
			#twitter-widget-0 {
				height: 270px!important;
			}
	
	
			.bannerBox {
				display: inline-block;
				width: 49%;
				max-width: 457px;
				height: auto;
				vertical-align: top;
			}
					.bannerBox ul { margin: 40px 0 20px 14px; }
					.bannerBox ul li { display: inline-block; width: 45%; margin-right: 10px;}
					.bannerBox ul li img {
						width: 100%;
						max-width: 208px;
						height: auto;
					}
			.mt10 { margin-top: 10px;}

	/* Story ------------------- */
	.storyBox {
		display: inline-block;
		width: 100%;
		max-width: 920px;
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
		margin-bottom: 90px;
	}
		.storyBox img {
			display: block;
			width: 920px;
			height: auto;
			margin: 0 auto;
		}
	
	/* character ------------------- */
	.characterBox {
		display: inline-block;
		width: 100%;
		max-width: 960px;
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
		margin-bottom: 63px;
	}
	.characterBox ul {
			display: inline-block;
			width: 100%;
			max-width: 960px;
    		min-width: 762px;
			height: auto;
			margin: 0 auto;
			padding: 4% 1% 0 1.3%;
		}
	.characterBox ul li {
		display: inline-block;
		width: 31%;
		max-width: 300px;
		height: auto;
		margin: 0 2.3% 3% 0;
	}
	.characterBox ul li img {
		width: 100%;
	}
	/* Staff&Cast ------------------- */
	.staffandcastBox {
		display: inline-block;
		width: 100%;
		max-width: 960px;
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
	}
		.staffandcastBox img {
			display: block;
			width: 560px;
			height: auto;
			margin: 0 auto;
		}
	
	/* Castcome ------------------- */
	.castcomeBox{
		display: block;
		width: 100%;
		max-width: 1260px;
		height: auto;
		vertical-align: top;
	}
	.castcomeBox h3 img { width: 100%;}
		.castcomeBox ul {
			width: 100%;
			max-width: 1260px;
    		min-width: 762px;
			height: auto;
			margin: 0 auto;
			margin-bottom: 40px;
			padding: 4% 2% 0 2%;
		}
	.castcomeBox ul li {
		display: inline-block;
		width: 31%;
		max-width: 380px;
		height: auto;
		margin: 0 2% 2% 0;
	}
	.castcomeBox ul li img {
		width: 100%;
	}
	
	/* 髻ｳ讌ｽ諠��ｱ ---------------- */
	.songinformationBox {
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
		margin-bottom: 100px;
	}
	
	.songinformationBox h3 {
		margin-bottom: 40px;
	}
	.songInfo01 {
		width: 100%;
	}	
	.songInfo02 {
		width: 100%;
		padding-top: 30px;
	}
	.infoBtn {
		display: block!important;
		width: 360px;
		height: auto;
		margin: 40px auto 30px ;
	}
	.infoBtn img {
		display: block;
		width: 360px;
    	height: 60px;
    	margin: 0 auto;
	}

	.infoBtn2 {
		display: block!important;
		width: 360px;
		height: auto;
		margin: 0px auto 30px ;
	}
	.infoBtn2 img {
		display: block;
		width: 360px;
    	height: 60px;
    	margin: 0 auto;
	}

	/* 譏�蜒乗ュ蝣ｱ ---------------- */
	.videoinformationBox {
		display: block;
		width: 100%;
		max-width: 1260px;
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
	}
	.videoinformationBox .videoinformationImg { margin: 40px 0 0 0; }
	.videoinformationBox h5 { font-size: 20px; font-weight: bold; font-style: italic; line-height: 1.4; margin: 30px 0 16px 0; color:#1d2088; }
	.deliveryList { }
	.deliveryList li {
		display: inline-block;
		width: 31%;
		height: auto;
		background-color: #fff;
		margin: 0 0.5% 1% 1%;
		border: #7686cb 1px solid;
		vertical-align: top;
	}
	.deliveryList li a  p {padding: 16px;}
	.deliveryList li a {display: block; background-image: url(../image/img50_pc.png); background-position: right; background-size: contain; background-repeat: no-repeat; text-decoration: none; width:100%; height:100%; color: #1d2088;}
	.deliveryList li a:hover {display: block; width:100%; height:100%; background-image: url(../image/img50on_pc.png); background-position: right; background-size: contain; background-repeat: no-repeat; background-color:#1d2088; color: #fff;}
	
	.deliveryListBtn {
		padding: 16px;
		color: #1d2088;
	}

	.deliveryList02 { margin-bottom: 80px;}
	.deliveryList02 li {
		display: inline-block;
		width: 31%;
		height: auto;
		background-color: #fff;
		margin: 0 0.5% 1% 1%;
		border: #7686cb 1px solid;
		color: #1d2088;
	}
	.deliveryList02 li p {padding: 16px;}


	/* DVD BOX ------------------- */
	.dvdBox{ display:block; background-color: #fff; padding: 3%; margin: 4% 0; border: #1d2088 1px solid;}
	.dvdLinkbtn {display: block;
		width: 100%;
		max-width: 325px;
		height: auto;
		background-color: #e7e7e7;
		padding: 2%;
		text-align: center;
		text-decoration: none;
		font-style: italic;
		font-weight: bold;
		color: #000;
		margin: 4% auto;
		line-height: 1.5;}
		.dvdImg { display: inline-block; width: 24%; vertical-align: top;}
		.dvdImg img { display: block; width: 100%; border: #dcdcdc 1px solid; margin: 3% 0;}
		.dvdInfo{ display: inline-block; width: 71%; vertical-align: top; margin: 1% 0 0 4%;}
		.dvdInfo h4 {font-size: 20px; font-weight: bold; margin: 0 0 4% 0; border-bottom: #999 1px solid; padding: 0 0 4% 0; color:#1d2088; }
		.dvdInfo p { line-height: 1.6;}

	/* Movie ------------------- */
	.movieBox {
		display: inline-block;
		width: 100%;
		max-width: 1260px;
		height: auto;
		vertical-align: top;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� */
		margin-top : -40px;
 		padding-top : 40px;
		/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝ｪ繝ｳ繧ｯ繧ｺ繝ｬ蟇ｾ蠢� END */
	}
		.movieBox h3 { 
			margin-bottom: 40px;
		}
	    .movieBox h3 img { width: 100%;}
	
		/*.movieBox iframe { display: block; width: 720px; height: 480px; margin: 0 auto; margin-bottom: 40px;}*/
		.movieBox ul {
			width: 100%;
			/*max-width: 1230px;
    		min-width: 762px;*/
			height: auto;
			margin: 0 auto;
			margin-left: 12px;
			
		}
		.movieBox ul li {
			display: inline-block;
			width: 46%;
			height: auto;
			overflow: hidden;
			margin-right: 20px;
			margin-bottom: 40px;
		}
		.movieBox ul li iframe {
			width: 100%;
			max-width: 584px;
			height: 241px;
		}
		
		.pvName {
	    	display: block;
    		width: 100%;
    		margin: 0 auto 16px;
		}

		/* padding-top縺ｯ陦ｨ遉ｺ繧ｵ繧､繧ｺ縺ｮ鬮倥＆ﾃｷ蟷��100*/
		.pvBtn01 { display: block; height: 0; padding-top: 55.5%;  background-image: url(../image/imgPv01off_pc.png); background-size: contain; background-repeat: no-repeat; }
		.pvBtn01:hover { background-image: url(../image/imgPv01on_pc.png); }
		.pvBtn02 { display: block; height: 0; padding-top: 55.5%; background-image: url(../image/imgPv02off_pc.png); background-size: contain; background-repeat: no-repeat; }
		.pvBtn02:hover { background-image: url(../image/imgPv02on_pc.png); }
		.pvBtn03 { display: block; height: 0; padding-top: 55.5%; background-image: url(../image/imgPv02off_pc.png); background-size: contain; background-repeat: no-repeat; }
		.pvBtn03:hover { background-image: url(../image/imgPv02on_pc.png); }

	/* 繝輔ャ繧ｿ繝ｼWapper ------------------------------- */
	.footerWapper {
		width: 100%;
		height: 192px;
		background-image: url(../image/img12_pc.jpg);
		border-top: #fff 4px solid;
		text-align: center;
	}
	
	.footerWapper p {
		display: block;
		color: #fff;
		margin-top: 98px;
		font-size: 12px;
	}
	
	/*繝壹�繧ｸ繝医ャ繝励∈繝懊ち繝ｳ--------------------------- */
	#page-top { 
    	position: fixed;
    	bottom: 30px;
    	right: 40px;
	}
	

	/*繝九Η繝ｼ繧ｹ繝壹�繧ｸ -------------------------------- */
	.contBox4 {
		width: 100%;
		max-width: 920px;
		height:auto;
		margin: 0 auto;
		padding:120px 0 62px;
	}
	
	.contBox4 h3 img { width: 100%;}
	.newsInfobox {
		width: 100%;
		max-width: 880px;
		height: auto;
		background-color: #fff;
		padding: 20px;
		margin-top: 40px;
		border: #1d2088 1px solid;
		overflow: hidden;
	}
	.newsInfotitle { padding-bottom: 36px; margin-bottom: 30px; border-bottom:#999 1px solid; }
	.newsInfotitle li {
		display: inline-block;
		overflow: hidden;
		vertical-align: bottom;
	}
	.newsInfotitle .title { float: left; width: 86%;}
	.newsInfotitle .day { float: right; width: 14%;}
	.newsInfotitle .day span { font-size: 90%;}
	.newsInfotitle li h4 { display: block; left: 0; font-size: 22px;}
	.newsInfotitle li span { display: block; right: 0; margin-top: 5px;}
	.newsInfocont img {
		display: block;
		width: 100%;
    	margin: 0 auto;
		margin-bottom: 10px;
		border: #d3d3d3 1px solid;
	}
	.newsInfocont p {
		font-size: 16px;
		line-height: 1.6;
	}
	
	h4 br { display: none;}
	
	.twoLinetitle {  font-size: 19px!important; line-height: 1.3;}
	.brB { display: block!important;}
	.paddingB58{ padding-bottom: 58px;}
	.mb01 { margin-bottom: 16px;}
	.imgWauto { width: auto!important;}

	/*繝励Ο驥守帥驕ｸ謇九さ繝｡繝ｳ繝� --------------------------------- */
	.newsInfocont ul li {
		display: inline-block;
		vertical-align: top;
		width: 48.4%;
	}
	.newsInfocont ul li p .bold {
		display: block;
		font-weight: bold;
		font-size: 110%;
		background-color: #eeeeee;
		padding: 6px;
		margin-bottom: 10px
	}
    .ques { display: block; border-bottom: #d3d3d3 1px solid; padding-bottom: 6px; }
	.playerImg { float: right;}
	.caption { display: block;  font-size: 70%; text-align: center}
	.answer { display: block; font-size: 180%; line-height: 1.3; font-weight: bold; color:#0068b6;}

	.width100 { width: 100%!important; }


@media screen and (max-width: 768px){
	#wapper { min-width:auto;}
	
	/*繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ --------------------------------------- */
	#menuList { min-width: 600px!important;}
	#menuList ul { width: 60%!important;}
	
	.mainBox{ padding-top: 60px;}
	.mainImg { max-width: none; min-width:inherit; }
	.mainImg img { width: 100%; }
	.decoration {display: none!important;}
	/*.infoBand img { width: 642px; max-width: 768px; min-width: 642px;}*/
	.contBox  {
		width: 92%;
		padding: 46px 0 30px;
	}
	.contBox4 {
		width: 92%;
		padding:120px 0 62px;
	}
	
	
	/*繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ */
	.event{
	max-width: 100px;
    max-height: 100px;
    bottom: 19%;
    left: 2%;
	}
	/*繧ｹ繝励Λ繝�す繝･ --------------------------------------*/
	#movieBoxpv {height: 290px;}

	/*news banner --------------------------------------*/
	.topcotBox {
		min-width: 420px;
		margin-bottom: 50px;
	}
	
	.newsBox {
		width: 49%;
		max-width: none;
	}	
	.twitter {
		width: 100%!important;
		margin-top: 30px;
	}
	
	.bannerBox {
		width: 49%;
		max-width: none;
	}
	.bannerBox ul { margin: 30px 0 20px 14px;}
	.bannerBox ul li img{
		width: 100%;
	}
	
	/*story --------------------------------------*/
	.storyBox { margin-bottom: 50px;}
	.storyBox img {
		width: 100%;
	}
	
	/*character --------------------------------------*/
	.characterBox { margin-bottom: 50px;}
	.characterBox ul { min-width: 100%;}
	
	/*staff --------------------------------------*/
	.staffandcastBox {
	}
	.staffandcastBox img {
		width: 430px;
	}
	
	/*cast --------------------------------------*/
	.contBox2 { width: 100%; max-width: 920px; height: auto; margin: 0 auto;}
	.contBox2 h3{ width: 100%; margin: 0 auto;}
	.contBox2 h3 img { width: 100%; }
	
	.castcomeBox{
		width: 92%;
		margin: 0 4%;
	}
	.castcomeBox ul {
		width: 100%;
		min-width: 420px;
		padding: 40px 0 0px 16px;
	}
	.castcomeBox ul li {
		width: 30%;
		margin: 0 2.3% 2.3% 0;
	}
	.castcomeBox ul li img {
		width: 100%;
	}
	
	/*song --------------------------------------*/
	.songinformationBox { margin-bottom: 70px;}
	.songInfo01 { width: 100%!important;}
	.songInfo02 { width: 100%!important;}
	.infoBtn img { width: 360px!important;}
	
	/*譏�蜒乗ュ蝣ｱ ----------------------------------- */
	.videoinformationBox .videoinformationImg { width: 100%; margin: 0px 0 0 0;}
	.videoinformationBox h5 { font-size: 16px; }
	.deliveryList li { width: 30.5%; vertical-align: top; margin: 0 0.5% 1.6% 0.5%;}
	.deliveryList li a { background-size: 13%;}
	.deliveryList li a:hover { background-size: 13%;}
	.deliveryList li a p { line-height: 1.4; font-size: 80%; padding:16px 26px 16px 6px;}
	.cautionText { font-size: 12px;}
	.deliveryList02 li { width: 30.5%; font-size: 80%; vertical-align: top; margin: 0 0.5% 1.6% 0.5%; }
	.deliveryList02 { margin-bottom: 60px;}
	
	.deliveryListBtn { font-size: 80%; padding: 16px 16px 16px 6px;	}
	
	/* DVD BOX ------------------- */
		.dvdBox{ width: 90%; padding: 6% 3%; margin: 4% auto;}
		.dvdLinkbtn {max-width: 283px; margin: 4% auto!important; font-size: 78%;}
		.dvdImg { display: block; width: 90%; vertical-align: top; margin: 0 auto;}
		.dvdImg img { display: block; width: 100%; border: #dcdcdc 1px solid; margin: 3% 0 10% 0;}
		.dvdInfo{ display: block; width: 90%; vertical-align: top;  margin: 0 auto;}
		.dvdInfo h4 {font-size: 20px; font-weight: bold; margin: 0 0 4% 0; border-bottom: #dcdcdc 1px solid; padding: 0 0 4% 0; color:#1d2088; }
		.dvdInfo p { line-height: 1.6;}
	
	/*movie -------------------------------------- */
	.contBox3 { width: 92%; max-width: 920px; height: auto; margin: 0 auto; padding: 10px 0 10px;}
	.contBox3 h3{ width: 100%; margin: 0 auto; margin-bottom: 40px;}
	.contBox3 h3 img { width: 100%; }
	
	.movieBox ul li { width: 44.6%; }
	.movieBox iframe { display: block; width: 574px; height: 324px; margin: 0 auto; padding-bottom: 40px;}
	
	
	/*繝九Η繝ｼ繧ｹ繝壹�繧ｸ ---------------------------------- */
	.newsInfobox { max-width: fit-content;}
	.newsInfotitle { display: inline-block; width: 100%; height: auto; padding-bottom: 14px; }
	.newsInfotitle li h4 { margin-bottom: 10px;}
	.newsInfotitle .title { float: left; width: 100%;}
	.newsInfotitle .day { float: right; width: 100%;}
	
}

@media screen and (max-width:420px) {
	body { font-family: "Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ", sans-serif; width: 100%; margin:0 auto; font-feature-settings : "palt"; }
	li { list-style-type: none; }
	#wapper {width:100%; min-width: 320px; height: auto; }
	.pc { display: none; }
	.sp { display: block; }
	
	/*繧ｹ繝励Λ繝�す繝･ --------------------------------------*/
	#movieBoxpv {height: 160px;}
	
	/*繧ｹ繝励Λ繝�す繝･縲後う繝｡繝ｼ繧ｸ縲�--------------*/
	#movieBg {
		width: 280px;
		height: auto;
	}
	.lineLive {
		display: block;
		background-image: url(../image/img42_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 280px;
		height: 430px;
	}
	.btnBox {
		display: block;
		width: 320px;
		height: auto;
		margin: 0 auto;
		padding-top: 334px;
	}
	.btnBox a {
		display: block;
		width: 100%;
		margin: 0 0 8px 0;
		
	}
	.btnBox a img {
		display: block;
		width: 88%;
		height: auto;
		margin: 0 auto;
	}
	.layer_board {
		top: -420px!important;
	}
	
	
	/* 繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ ------------------------------- */
	.mainBox {
		width: 100%;
		height: auto;
		background-image: url(../image/img01_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.mainImg img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.infoBand {
		width: 100%;
		height: auto;
		background-image: url(../image/img03_sp.jpg);
		background-repeat: repeat-x;
		background-size: contain;
	}
	.infoBand img {
		display: block;
		width: 100%;
		max-width: 920px;
		min-width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	/* 繧ｳ繝ｳ繝�Φ繝Цapper --------------------------- */
	.contWapper {
		width: 100%;
		height: auto;
		background-image: url(../image/img05_pc.jpg);
		background-repeat: repeat;
	}
	.contBox { padding: 36px 0 40px; }
	.contBox3 { padding: 10px 0;}
	.contBox3 h3{  margin-bottom: 0px;}
	
	.topcotBox { width: 100%; min-width: inherit;  padding: 0 0; margin-bottom: 0;}
	.newsBox { width: 100%; padding-bottom: 30px;}
	.newsBox h3 img { width: 100%;}
	.twitter { height: 364px; margin: 0 auto; padding: 4% 0;}
	.twitter #twitter-widget-0 { height: 364px!important;}
	
	.bannerBox { width: 100%;}
	.bannerBox h3 img { width: 100%;}
	.bannerBox ul { margin: 0; padding: 18px 2% 40px 4%;}
	.bannerBox ul li { display: inline-block; width: 48%; margin-right: 2%;}
	.bannerBox ul li img { width: 100%;}
	
	.storyBox { margin-bottom: 40px;}
	.storyBox img {width: 100%;}
	
	/* character ------------------- */
	.characterBox {
		margin-bottom: 20px;
	}
	.characterBox ul {
		width: 100%;
		max-width: 100%;
		min-width: auto;
		padding: 20px 20px 10px 15px;
		}
	.characterBox ul li {
		width: 44.6%;
		margin-bottom: 4%;
	}
	
	.staffandcastBox { width: 100%; }
	.staffandcastBox h3 img { width: 100%;}
	.staffandcastBox img { width: 100%;}
	
	.castcomeBox{ width: 100%; margin: 0 0;}
	.castcomeBox h3 img { width: 100%;}
	.castcomeBox ul {width: 92%; min-width: 92%; height: auto; margin: 0 auto; margin-left: 6%; padding:4% 0; }
	.castcomeBox ul li { display: inline-block; width: 96%;  margin-right: 4%; margin-bottom: 4%;}
	
	/*髻ｳ讌ｽ諠��ｱ ------------------------------------- */
	.songinformationBox { margin-bottom: 50px;}
	.songInfo01 { width: 100%; }
	.songInfo02 { width: 100%; }
	.infoBtn { margin: 0 0 0 0; }
	.infoBtn img { width: 300px!important; height: auto;}
	.infoBtn2 { margin: 0 0 0 0; }
	.infoBtn2 img { width: 300px!important; height: auto;}
	.marginB01{ margin-bottom: 12px;}
	.movieBox { width: 100%; min-width: 294px; padding-bottom: 16px; margin-bottom: 0px;}
	.movieBox h3 img { width: 100%;}
	.movieBox iframe { display: block; width: 320px; height: 180px; margin: 0 auto; margin-top: 3%; padding-bottom: 16px;}
	
	/* 譏�蜒乗ュ蝣ｱ ------------------------------------- */
	.videoinformationBox .videoinformationImg { margin: 24px 0 0 0; }
	.videoinformationBox h5 { font-size: 16px; margin: 30px 0 16px 0}
	.deliveryList li { width: 47%; font-size: 80%; vertical-align: top; margin: 0 0.5% 2.6% 0.5%; }
	.deliveryList li a { background-size: 12%;}
	.deliveryList li a:hover { background-size: 12%;}
	.deliveryList li a p { padding: 16px 16px 16px 6px; }
	.deliveryList02 { margin-bottom: 40px;}
	.deliveryList02 li { width: 47%; font-size: 80%; vertical-align: top; margin: 0 0.5% 2.6% 0.5%;  }
	.deliveryList02 li p { padding: 16px 16px 16px 6px; font-size: 80%; }
	
	
	/*movie ----------------------------------------- */
	.movieBox ul {
		margin-top: 20px;			
	}
	.movieBox ul li {
		width: 94%;
		height: auto;
		margin-bottom: 24px;
	}
	.movieBox ul li iframe {
		width: 100%;
		height: 193px;
	}
	
	
	/* 繝輔ャ繧ｿ繝ｼWapper ------------------------------- */
	.footerWapper {
		width: 100%;
		height: 54px;
		background-image: url(../image/img12_sp.jpg);
		background-size: auto;
		text-align: center;
	}
	
	.footerWapper p {
		display: block;
		color: #fff;
		margin-top: 7px;
		padding-top: 18px;
		font-size: 12px;
	}
	
	/*繝壹�繧ｸ繝医ャ繝励∈繝懊ち繝ｳ--------------------------- */
	#page-top2 {
	display: block!important;
	width: 100%;
	text-align: center;
	text-decoration-line: none;
		margin-bottom: -2px;
	}
	#page-top2 a img { width: 100%;}
	
	/*繝九Η繝ｼ繧ｹ繝壹�繧ｸ ---------------------------------- */
	.contBox4 { padding: 90px 0 30px 0;}
	.newsInfobox { width: auto;  margin-top: 20px;}
	.newsInfotitle { padding-bottom: 20px;}
	.newsInfotitle .title { float: none; line-height: 1.4; margin-bottom: 10px; }
	.newsInfotitle .day { float: none; }
	.newsInfotitle li h4 { display: block; left: 0; font-size: 22px; }
	.newsInfotitle li span { display: block; right: 0;}
	.newsInfocont img {
		display: block;
		width: 100%;
	}
	.newsInfocont p {
		font-size: 16px;
		line-height: 1.6;
	}
	h4 br { display: block;}
	.imgWauto { width: 100%!important;}
	
	/*繝励Ο驥守帥驕ｸ謇九さ繝｡繝ｳ繝� --------------------------------- */
	.newsInfocont ul li {
		width: 100%;
	}
	.playerImg { margin-top: 20px;}
}

@media screen and (max-width:320px) {
	.twitter { width: 300px!important;}
	.characterBox { margin-bottom: 10px;}
	.characterBox ul { min-width: 280px;}
	.songinformationBox { margin-bottom: 30px;}
	.movieBox { padding-bottom: 10px;}
	.movieBox iframe { width: 280px; height: 160px; }
	
	.lineLive {
		display: block;
		background-image: url(../image/img42_sp.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 280px;
	}
	.btnBox {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-top: 104%;
	}
	.btnBox a {
		display: block;
		width: 100%;
		margin: 0 0 8px 0;
	}
	.btnBox a img {
		display: block;
		width: 88%;
		height: auto;
		margin: 0 auto;
	}
	
	/*髻ｳ讌ｽ諠��ｱ ------------------------------------- */
	.songinformationBox div a { width: 100%;}
	.songinformationBox div a img { width: 240px!important; }
}