@charset "UTF-8";



/*共通項目

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



/*■ハック関連*/

/*段落ち回避用ハック*/

.cfix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.cfix { display: inline-block;}



/*段落ち回避用ハック*/

.cfixH::after { content: "."; display: block; clear: both; visibility: hidden;}



.cfixH { display: inline-block;}



.fl-left{ float: left; }



.fl-right{ float: right;}



/*グーグルフォント さわらび明朝*/

.mincho{

	font-family: "Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;

	font-weight: normal;

}

/*共通項目

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



html{ font-size: 10px;}



body{

	font-family: "NotoSansCJKjp","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

	-webkit-text-size-adjust: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	background: #fff;

	overflow: hidden;

}



#container{

	background: #000;

}



#container *{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



#content {

overflow: visible;

}



#special-netflix p{

	color:#fff;

	line-height: 1.9em;

}

/*ページトップへ*/

#special-netflix .wrap-page-top{

	padding: 20px 0 25px;

	display: block;

	text-align: right;

	cursor:pointer;

}

.hover{

	display: block;

	cursor: pointer;

	-webkit-transition: opacity .4s ease;

	   -moz-transition: opacity .4s ease;

	    -ms-transition: opacity .4s ease;

	     -o-transition: opacity .4s ease;

	        transition: opacity .4s ease;

}

.hover:hover{

	opacity: 0.5;

}



#special-netflix .page-top span{

	display: inline-block;

	line-height: 50px;

	padding-right: 10px;

	color: #fff;

	font-weight: bold;

	font-size: 1.4rem;

}

#special-netflix .page-top{

	display: inline-block;

}



/*レイアウト

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

#special-netflix{

	max-width: 1200px;

	margin:0 auto;

	color: #fff;

}

#special-netflix .wrap{

	max-width: 990px;

	margin: 0 auto;

}

#special-netflix #section-intro,

#special-netflix #section,

#special-netflix #section-adv,

#special-netflix #section-prd{

	width: 100%;

}



#special-netflix .pd-inner{

	padding:0 33px;

}



/*logo*/

#special-netflix .logo{

	padding: 40px 25px 20px 0 ;

	text-align: right;

}

/*main-visual*/

#special-netflix #main-visual{

	position: relative;

}

	/*SNS*/

	#special-netflix #main-visual .sns{

		position: absolute;

		top:15px;

		right:0;

		width: 100%;

		text-align: right;

	}



	#special-netflix #main-visual .sns li{

		display: inline-block;

		text-align: center;

	}



		#special-netflix #main-visual .sns li:nth-child(1){

			margin-right:8px;

		}



		#special-netflix #main-visual .sns li:nth-child(2){

			margin-right:26px;

		}



			#special-netflix #main-visual .sns li a{

				position: relative;

				display: block;

				font-weight: bold;

				font-size: 1.3rem;

				color:#fff;

				padding:0 0 0 15px;

				height: 26px;

				line-height: 26px;

				-webkit-border-radius: 3px;

				-moz-border-radius: 3px;

				-ms-border-radius: 3px;

				-o-border-radius: 3px;

				border-radius: 3px;

			}



				#special-netflix #main-visual .sns li a img{

					position: absolute;

					display: inline-block;

					top:4px;

					left:4px;

					width: 18px;

					height: 18px;

					margin-right:3px;

					line-height: 26px;

				}



				#special-netflix #main-visual .sns li:nth-child(1) a{

					width: 74px;

					background: #4A65B6;

				}



				#special-netflix #main-visual .sns li:nth-child(2) a{

					width: 92px;

					background: #1B95E0;

				}



/* #section-intro

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

#special-netflix #section-intro p{

	padding: 45px 0 32px;

	font-size: 1.6rem;

	    text-align: justify;

    text-justify: inter-ideograph;

}



#special-netflix #section-intro p span{

	padding-left: 0.5em;

}



#special-netflix #section-intro .clumbox{

	width: 100%;

	display: table;

	table-layout: fixed;

	margin-bottom: 0px;

}

	#special-netflix #section-intro .clumbox li{

		display: table-cell;

	}

		#special-netflix #section-intro .clumbox li img{

			width: 100%;

			height: auto;

		}



/* .section

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

 #special-netflix .bar-left { background: url(../img/bar-left.png) 0 0 no-repeat;}

 #special-netflix .bar-right { background: url(../img/bar-right.png) 0 0 no-repeat;}



/*背景レイヤー*/

#special-netflix .framebox{

	position: relative;

	z-index: 0;

}



#special-netflix .bg-layer{

	position: absolute;

	z-index: -1;

	width: 100%;

	height: 100%;

}



#special-netflix .ct-layer{

	z-index: 20;

	width: 100%;

	height: 100%;

}



#special-netflix .section .animebox-head{ position: relative;}



#special-netflix .section .animebox-head .line{

	position: absolute;

	width: 100%;

	bottom:4px;

	height: 1px;

	background: #CF0226;

}



#special-netflix .section .headline{

	font-size: 3.6rem;

	line-height: 1.3em;

	text-align: center;

	padding: 68px 0 34px;

	clear:both;

}



#special-netflix #section03 .headline { padding: 58px 0 30px;}



#special-netflix .section .dmy{ position: relative;}



#special-netflix .section .dmy .line{

	position: absolute;

	width: 100%;

	top:23px;

	left:0;

	height: 1px;

	background: #CF0226;

}



#special-netflix .section .clumbox {

	display: block;

	margin: 0 0 20px;

	padding: 40px;

}



#special-netflix .section .animebox{

	position: relative;

	width: 100%;

}



#special-netflix #section01 .animebox.item01{

	margin-bottom:50px;

}



#special-netflix #section01 .clumbox.item02{

	padding-top:70px;

}



	#special-netflix .section .animebox .layer{

		position: absolute;

		width: 100%;

		top:0;

		left: 0;

	}



	#special-netflix .section .fig-wide{

		text-align: center;

		background: #b40019;

		overflow: hidden;

	}



	#special-netflix .section .fig-mid{

		margin-top:72px;

		text-align: center;

	}



		#special-netflix .section .clumbox li{

			display:block;

			width: 50%;

		}

			#special-netflix .section .clumbox li:nth-child(1){

				float: right;

				padding-left: 25px;

			}

			#special-netflix .section .clumbox li:nth-child(2){

				float: left;

				padding-right: 25px;

			}

				#special-netflix .section .clumbox li:nth-child(1) figure{

					margin-bottom: 8px;

				}

				#special-netflix .section .clumbox li figure.pd-ajst{

					padding-top: 50px;

				}



				#special-netflix .section .clumbox li img{

					width: 100%;

					height: auto;

				}

				#special-netflix .section .clumbox li p.mg-while{

					margin-bottom:35px;

				}

/*float-clum*/

#special-netflix .section div.clumbox{

	display: block;

	column-count: 2;

    column-gap: 40px;

    text-align: justify;

    text-justify: inter-ideograph;

}



/* #section-adv

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

#special-netflix #section-adv{

	margin-top:0px;

	padding:0px 0 0 0;

}



#special-netflix #section-adv .wrap.bgc{

	background: #fff;

	border:1px solid #404040;

}



#special-netflix #section-adv .box{

	width: 100%;

	margin: 0 auto;

	text-align: center;

}

	#special-netflix #section-adv .box figure{

		width:100%;

		height:auto;

	}



	#special-netflix #section-adv .box p{

		color:#000;

		text-align: left;

		padding:22px 57px 30px;

	}



#special-netflix #section-adv .box em{

	display: block;

	padding-top: 25px;

	font-weight: bold;

	font-size: 2.1rem;

	line-height: 1.4em;

	text-align: center;

	color: #000;

}



	#special-netflix #section-adv .box a{

		margin:23px 0;

		display: inline-block;

	}

	#special-netflix #section-adv .notes{

		padding: 7px 55px 68px;

	}



	#special-netflix #section-adv .notes span{

		position: relative;

		display: block;

		font-size: 1.4rem;

		font-weight: bold;

		color: #000;

		text-align: left;

		overflow: hidden;

	}

	#special-netflix #section-adv .notes span::after{

		position: absolute;

		content:'';

		height: 1px;

		width: 93%;

		left: 4em;

		bottom: 8px;

		border-bottom: 1px solid #aba7a6;

	}



		#special-netflix #section-adv .notes p{

			padding-top:5px;

			font-size: 1.2rem;

			line-height: 1.3em;

			color: #000;

		}

			#special-netflix #section-adv .notes p em{

				font-weight: bold;

			}



/* #section-prd

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

#special-netflix #section-prd .wrap{

		padding:35px 20px;

		margin-top: 69px;

		margin-bottom: 30px;

		background: #fff;

	}



	#special-netflix #section-prd .headline{

		display: block;

		font-size: 3.9rem;

		line-height: 1em;

		text-align: center;

		color:#000;

		font-weight:nor;

		letter-spacing: 0.5em;

	}

	#special-netflix #section-prd figure{

		display: block;

		width:100%;

		font-size: 1rem;

		padding-top: 5.2em;

		padding-bottom: 4.6em;

		margin-bottom: 0px;

		text-align: center;

	}



	#special-netflix #section-prd .button-box{

		text-align: center;

	}



	#special-netflix #section-prd .prd-btn{

		position: relative;

		display: inline-block;

		width: 158px;

		padding: 14px 14px;

		font-size: 1.6rem;

		cursor: pointer;

		background: #94804D;

		color: #fff;

		text-align: left;

	}



		#special-netflix #section-prd .prd-btn span{

			position: absolute;

			top:20px;

			right:14px;

			width: 0;

			height: 0;

			border-style: solid;

			border-width: 7px 0 7px 10px;

			border-color: transparent transparent transparent #ffffff;

		}



/* #section-notes

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

#special-netflix #section-notes ul{

	padding: 35px 0 95px;

}

	#special-netflix #section-notes ul li{

		display: block;

		font-size: 1.2rem;

	}



#special-netflix #section-notes small {

	display: block;

	font-size: 1.2rem;

}