/*********************************
	SP用CSS
*********************************/
@media screen and (max-width: 640px){

#container{
	margin-top:0 !important;
}

#special-netflix .ct-layer{
margin-top: -10px;
}

/*背景レイヤー*/
 #special-netflix .bar-left { background: url(../img/bar-left.png) 89% 0 no-repeat;
	-webkit-background-size: 350% auto;
	background-size: 350% auto;
}


#special-netflix .pdsp{ padding:0 18px;}

#special-netflix .logo{
	padding-right: 5px;
	padding-bottom:10px;
}

#special-netflix .logo img{
width: 100px;
height: auto;
}

/*SNS*/
#special-netflix #main-visual .sns{
	position: static;
	width: 100%;
	left:0;
	right:0;
	padding: 0 5px 10px 0;
}
	#special-netflix #main-visual .sns li{
		padding-left: 0;
	}
		#special-netflix #main-visual .sns li:nth-child(2) {
			margin-right: 0px;
		}
/* #section-intro
---------------------------*/
#special-netflix .pd-inner {
    padding: 0 18px;
}
/* .section
---------------------------*/
#special-netflix .section .headline,
#special-netflix #section03 .headline {
	font-size: 2.4rem;
	padding:50px 50px 20px;
	text-align: left;
}

#special-netflix .section .headline .br{ display: none;}

	#special-netflix .section .animebox-head .line{
		bottom:10px;
		background: #CF0226;
	}


#special-netflix .section .dmy{
	display: none;
}

	#special-netflix .section .fig-wide{
		text-align: center;
	}
	#special-netflix .section .fig-mid{
		text-align: center;
	}
		#special-netflix .section .clumbox li{
			display:block;
			width: 100%;
		}
		#special-netflix #section01 .clumbox.item02 {
			padding-top: 0;
		}
			#special-netflix .section .clumbox li:nth-child(1){
				float: none;
				padding-left: 0px;
			}
			#special-netflix .section .clumbox li:nth-child(2){
				float: none;
				padding-right: 0px;
			}
				#special-netflix .section .clumbox li:nth-child(1) figure{
					padding-top: 0;
					margin-bottom: 30px;
				}

				#special-netflix .section .clumbox li img{
					width: 100%;
					height: auto;
				}

/*float-clum*/
#special-netflix .section div.clumbox{
	display: block;
	column-count: 1;
	column-gap: none;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* #section-adv
---------------------------*/

#special-netflix #section-adv {
	 padding: 28px 18px 0;
	 margin-top:30px;
	 margin-bottom: 40px;
}
#special-netflix #section-adv .box{
	text-align: center;
}
	#special-netflix #section-adv .box p {
	    color: #000;
	    text-align: left;
	    line-height: 1.4em;
	    padding: 20px 18px 30px;
	}
		#special-netflix #section-adv .box a img {
		    margin: 0;
		    padding:0 18px;
		    display: inline-block;
		}
		#special-netflix #section-adv .box em {
		    padding: 25px 2em;
		}
		#special-netflix #section-adv .box em .spbr {
			display: block;
		}

		#special-netflix #section-adv .box a {
			margin: 0 0 23px;
		}

		#special-netflix #section-adv .notes {
			padding: 7px 18px 30px;
			margin-bottom: 20px;
		}

/* #section-prd
---------------------------*/
	#special-netflix #section-prd .wrap{
		padding:35px 20px;
		margin-top: 0px;
		margin-bottom: 30px;
		background: #fff;
	}
		#special-netflix #section-prd .headline {
			display: block;
			font-size: 2.5rem;
			line-height: 1em;
			text-align: center;
			color: #000;
		}

		#special-netflix #section-prd figure{
			display: block;
			width:100%;
			font-size: 1rem;
			padding-top: 3em;
			padding-bottom: 3em;
			margin-bottom: 0px;
			text-align: center;
		}

/* #section-notes
---------------------------*/
	#special-netflix #section-notes ul small,
	#special-netflix #section-notes ul li{
		font-size: 1.2rem;
		line-height: 1.4em;
	}
}
@media screen and (max-width: 425px){
	#special-netflix #section03 .headline ,
	#special-netflix .section .headline {
    	font-size: 1.8rem;
    	padding: 50px 20px 20px;
	}
	#special-netflix #section-adv .box em {
    	font-size: 1.8rem;
    	padding: 25px 1.5em;
	}
	#special-netflix .section .clumbox {
    display: block;
    margin: 0 0 20px;
    padding:40px 18px;
	}
}