@charset "UTF-8";@import url('https://fonts.googleapis.com/css?family=Josefin+Sansdisplay=swap');@import url('msg.css');/********** browser default initialization **********/body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td,section, nav, article, aside, hgroup, header, address,figure, figcaption {	margin: 0;}address, caption, cite, code, dfn, em, strong, th, var {	font-style: normal;	font-weight: normal;}table {	border-collapse: collapse;	border-spacing: 0;}caption, th {	text-align: left;}q:before ,q:after {	content: '';}object, embed {	vertical-align: top;}hr, legend {	display: none;}h1, h2, h3, h4, h5, h6 {	font-size: 100%;	font-weight: normal;}img, abbr, acronym, fieldset {	border: 0;}img {	vertical-align: top;	-ms-interpolation-mode: bicubic;}ul li {	list-style-type: none;}@media print {	body	{ display: none }}/* =========================================================	basic style========================================================= */html{	height:	100%;	font-size:	62.5%;	overflow-x:	hidden;	}body{	margin:	0;	padding:	0;	height:	100%;	background:	#fff;	color:	#666;	font-size:	16px;	font-size:	1.6rem;	line-height:	1.6;	letter-spacing:	2px;	font-family: 'Noto Sans JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;	text-align:	center;	-webkit-text-size-adjust:	100%;	}	.pc{	display:	block;	}	.pc_tablet{	display:	block;	}	.tablet_phone	{	display:	none;	}	.tablet	{	display:	none;	}	.phone	{	display:	none;	}ul{	margin:	0;	padding:	0;	}p	{		margin:	1.2em 0 1.2em 0;		line-height:	1.5;		text-align:	left;}a	{	overflow: hidden;	outline: none;	border:	none;	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}a:focus	{	outline:none;}a:link	{		color:#eb7a00;		text-decoration: none;	}a:visited	{		color:#eb7a00;		text-decoration: none;		}a:hover	{		color:#ebab00;		text-decoration: none;		}a:active	{		color:#ebe300;		text-decoration: none;		}img	{		margin:	0;		border:	0;		}a img	{		margin:	0;		border:	0;		}a:hover img{	opacity:	0.7;	-moz-opacity:	0.7;	filter: alpha(opacity=70);	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}/* animation--------------------------------------------------------- */.fade1,.fade2 {	animation-name: fade-in1;	animation-duration: 2s;	animation-timing-function: ease-out;	animation-delay: 1s;	animation-iteration-count: 1; 	animation-direction: normal;	animation-fill-mode: forwards;	}@keyframes fade-in1 {	0% {	opacity: 0;	}	100% {	opacity: 1;	}	}.fade2 {	animation-delay: 2.0s;	}/* header--------------------------------------------------------- */header	{	position:	relative;	overflow:	hidden;	width:	100%;	height:	620px;	margin:	0 0 20px 0;	background:	url(../img/bg.jpg) no-repeat top center;	background-size:	cover;	text-align:	center;}h1	{	overflow: hidden; 	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translateY(-90%) translateX(-50%);	transform: translateY(-90%) translateX(-50%);	width:	500px;	height:	330px;	background:	url(../img/title.png) no-repeat top center;	background-size:	100% 100%;	text-indent:	100%; 	white-space:	nowrap; 	opacity: 0;}.header_navigator_area	{	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translateY(35%) translateX(-50%);	transform: translateY(35%) translateX(-50%);	width:	300px;}.header_navigator_area li	{	float:	left;	margin:	0 50px 0 0;}.header_navigator_area li:last-child	{	margin:	0;}.header_navigator_area img	{	width:	125px;	height:	auto;	opacity: 0;}main	{	text-align:	center;}h2	{	font-size:	3.0rem;	font-family:	tbudgothic-std, sans-serif;	font-weight:	700;	font-style:	normal;	margin:	0 0 30px 0;}img.netflix_logo	{	width:	400px;	height:	auto;	margin:	0 0 30px 0;}/* =========================================================    gigya area========================================================= */#jme	{	margin:	0 auto;	width:100%;	padding:	20px 0 10px 0;	text-align:center;}#gigyaShare	{	display:	inline-block;}#gigyaShare a > img {	margin:	0 10px 0 0 !important;	transform:	translateY(-1px);}.gig-bar-container	{	display:	inline-block;}/* =========================================================    contents========================================================= */.contentes_area	{	overflow:	hidden;	width:	100%;	margin:	0 0 50px 0;	padding:	30px 0;}.contentes_area.orange	{	background:	#fb9b03;	color:	#fff;}.contentes_area.pink	{	background:	#fd8798;	color:	#fff;}.contentes_inner	{	overflow:	hidden;	width:	1000px;	margin:	 0 auto;	text-align:	left;}.contentes_inner p{	font-size:	2.0rem;	text-align:	center;}.contentes_txt	{	width:	800px;	margin:	 0 auto;}.contentes_inner h3	{	margin:	0 0 30px 0;}/********** oshifli **********/.contentes_inner.oshifli_area a	{	color:	#1da1f2;}.contentes_inner.oshifli_area a:hover	{	color:	#73c7fa;}.contentes_inner.oshifli_area h3	{	padding:	20px 0;	width:	100%;	font-size:		3.2rem;	letter-spacing:	0;	color:	#1da1f2;	font-family:	tbudgothic-std, sans-serif;	font-weight:	700;	font-style:	normal;	text-align:	center;	border-top:	6px solid #1da1f2;	border-bottom:	6px solid #1da1f2;}.oshifli_explain	{	overflow:	hidden;	width:	800px;	margin:	0 auto 40px auto;}.oshifli_explain .left	{	float:	left;	width:	500px;}.oshifli_explain .left p	{	text-align:	left;	font-size:	1.6rem;}.oshifli_explain .right	{	float:	right;	width:	280px;}.oshifli_explain .right img	{	margin:	20px 0 0 0;	width:	100%;}a .btn_oshifli	{	width:	475px;	margin:	0 auto 70px auto;	padding:	20px;	color:	#fff;	text-align:	center;	font-size:	2.0rem;	font-family:	tbudgothic-std, sans-serif;	font-weight:	700;	font-style:	normal;	background:	#1da1f2;	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}a:hover .btn_oshifli	{	background:	#73c7fa;}/********** oshifuri_embedsocial.embedsocial_area	{	text-align:	center;}/********** message area **********/.contentes_inner.msg_area h3	{	padding:	20px 0;	width:	100%;	text-align:	center;	letter-spacing:	0;	border-top:	6px solid #fff;	border-bottom:	6px solid #fff;}.contentes_inner.msg_area h3 img{	width:	310px;}p.present	{	margin:	40px 0;	text-align:	center;}p.present img	{	width:	30%;	height:	auto;}a .btn_msg	{	padding:	20px;	color:	#fb9b03;	text-align:	center;	font-size:	2.8rem;	font-family:	tbudgothic-std, sans-serif;	font-weight:	700;	font-style:	normal;	background:	#fff;	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}a:hover .btn_msg	{	color:	#fabe5e;}/********** battle_area **********/.contentes_inner.battle_area h3	{	padding:	20px 0;	width:	100%;	font-size:		3.2rem;	letter-spacing:	0;	color:	#fff;	font-family:	tbudgothic-std, sans-serif;	font-weight:	700;	font-style:	normal;	text-align:	center;	letter-spacing:	0;	border-top:	6px solid #fff;	border-bottom:	6px solid #fff;}.contentes_inner.battle_area h3 img{	width:	310px;}p.present	{	margin:	40px 0;	text-align:	center;}p.present img	{	width:	30%;	height:	auto;}.battle	{	box-sizing:	border-box;	position: relative;	width:	800px;	margin:	65px auto;	padding:	30px 20px 30px 20px;	border:	2px solid #fff;	text-align:	center;}.battle h4	{	position: absolute;	top: 0;	left: 50%;	width:	235px;	height:	auto;	padding:	0 10px;	z-index: 90;	transform: translate(-50%, -50%);	background:	#fd8798;	}.battle h4	 img{	width:	235px;	height:	auto;	}.battle p	{	margin:	20px 0 10px 0;}img.battle_card	{	width:	80%;	height:	auto;}.battle iframe	{	width:	100%;	height:	200px;	margin:	20px auto 0 auto;	border:	0;}div.soundBtn {	width:250px;	margin:	0 auto;	padding:	4px;	xtext-indent: 100%;	xwhite-space: nowrap;	xoverflow: hidden;	cursor: pointer;	text-align:	center;	font-size:1.2rem;	letter-spacing:	0;	color:	#fff;	background: #81172b;	-moz-border-radius:	6px;	-webkit-border-radius:	6px;	border-radius:	6px;}div.clicked {	color:	#fff;	background: #bc2542;}div.soundBtn i.fas	{	color:	#fff;}.battle_sound	{	overflow:	hidden;	width:	644px;	margin:	20px auto 0 auto;	xbackground:	#fff;}.battle_sound_inner1	{	float:	left;	width:	300px;	text-align:	center;}.battle_sound_inner2	{	float:	right;	width:	300px;	text-align:	center;}/********** guests **********/.contentes_inner.guests_area h3,.contentes_inner.photo_area h3,.contentes_inner.djtato_area h3	{	text-align:	center;	border-top:	none;	border-bottom:	none;}.contentes_inner.guests_area h3 img,.contentes_inner.photo_area h3 img,.contentes_inner.djtato_area h3 img	{	width:	325px;	height:	auto;}.guests_container	{	overflow:hidden;	margin: -30px 0 0 0;}.guests_img	{	float:	left;	width:	24%;	margin:	0 1% 1% 0;	text-align:	center;	font-size:	1.4rem;	line-height:	1.2;	letter-spacing:	1px;}.guests_img figcaption	{	padding:	1rem 0;}.guests_img figcaption span	{	font-size:	1.0rem;	color:	#b3afb1;}.guests_img:nth-child(5n){	margin-right: 0;}.guests_img img	{	max-width:	100%;	height:	auto;}/********** dj taro **********/.contentes_inner.djtato_area figure	{	width:	250px;	margin:	0 auto;	text-align:	center;}.contentes_inner.djtato_area figure img	{	width:	250px;	height:	auto;	-moz-border-radius:	200px;	-webkit-border-radius:	200px;	border-radius:	200px;}.contentes_inner.djtato_area figcaption	{	padding:	8px 0 0 0;	font-size:	1.4rem;}/********** arrow **********/.arrow1 {	display: inline-block;	position: relative;	padding: 10px 192px 30px 192px ;	color: #fff;	text-decoration: none;}.arrow1::after {	content: "";	display: block;	position: absolute;	top: 0;	bottom: 0;	right: 10%;	margin: auto;	width: 350px;	height: 10px;	border-bottom: 2px solid #1da1f2;}.arrow1::before {	content: "";	display: block;	position: absolute;	top: 0;	bottom: -12px;	right: 10%;	margin: auto;	width: 50px;	height:	20px;	border-top: 2px solid #1da1f2;	-webkit-transform: rotate(20deg);	transform: rotate(20deg);}.arrow2{    position: relative;    display: inline-block;    padding: 0 0 0 16px;    color: #000;    vertical-align: middle;    text-decoration: none;    font-size: 15px;}.arrow2::before,.arrow::after{    position: absolute;    top: 0;    bottom: 0;    left: 0;    margin: auto;    content: "";    vertical-align: middle;}.arrow2::before{    left:	2px;    box-sizing: border-box;    width:20px;    height:	10px;    border: 	10px solid transparent;    border-left:	15px solid #fff;}.arrow3{    position: relative;    display: inline-block;    padding: 0 20px 0 16px;    color: #000;    vertical-align: middle;    text-decoration: none;    font-size: 15px;}.arrow3::before,.arrow::after{    position: absolute;    top: 0;    bottom: 0;    left: 0;    margin: auto;    content: "";    vertical-align: middle;}.arrow3::before{    left:	2px;    box-sizing: border-box;    width:20px;    height:	10px;    border: 	10px solid transparent;    border-left:	15px solid #fb9b03;}a:hover .arrow3::before{    border-left:	15px solid #fabe5e;}/* footer--------------------------------------------------------- */footer	{	overflow:	hidden;	width:	100%;	margin:	100px 0 0 0;	padding:	0 0 100px 0;}footer ul	{	overflow:	hidden;	margin:	0 0 70px 0;	width:	470px;	margin:	0 auto;}#footer_home	{	float:	left;	height:	60px;	margin:	0 40px 0 0;}#footer_home a img	{	background:	#fff;		margin:	0;		border:	0;		}#footer_j-wave	{	float:	left;}#footer_j-wave img	{	width:	auto;	height:	43px;	background:	#fff;}#footer_copyright	{	overflow:	hidden;	width:	100%;	text-align:	center;	font-size:	1.0rem;	font-family:	'Josefin Sans', sans-serif;}/* =========================================================	media queries for tablet========================================================= */@media only screen and (max-width : 1000px){	.pc{	display:	none;	}	.pc_tablet{	display:	block;	}	.tablet_phone	{	display:	block;	}	.tablet	{	display:	block;	}	.phone	{	display:	none;	}h2	{	width:	95%;	margin:	0 auto;	font-size:	2.0rem;	text-align:left;}/* =========================================================    contents========================================================= */.contentes_area	{	overflow:	hidden;	width:	100%;	margin:	0 auto 50px auto;	padding:	15px 0;}.contentes_inner	{	overflow:	hidden;	width:	95%;}.contentes_inner h3	{	margin:	0 0 50px 0;}.contentes_txt	{	width:	100%;}.contentes_inner p{	font-size:	1.6rem;	text-align:	center;}/********** oshifli **********/.contentes_inner.oshifli_area h3	{	font-size:		2.2rem;}.oshifli_explain .left	{	float:	none;	width:	100%;}.oshifli_explain .right	{	float:	none;	width:	100%;	text-align:	center;}.oshifli_explain .right img	{	width:	60%;}a .btn_oshifli	{	width:	70%;	font-size:	1.8rem;}/********** message area **********/.contentes_inner.msg_area h3 img{	width:	280px;}/********** battle_area **********/.battle	{	box-sizing:	border-box;	position: relative;	width:	90%;	margin:	50px auto;	padding:	30px 20px 30px 20px;	border:	2px solid #fff;	text-align:	center;}.battle p	{	text-align:	center !important;}img.battle_card	{	width:	90%;	height:	auto;}/********** guests **********/.guests_img	{	float:	left;	width:	23%;	margin:	0 1.5% 0 0;	text-align:	center;	font-size:	1.4rem;	line-height:	1.2;	letter-spacing:	1px;}.guests_img:nth-child(5n){	margin-right: 1.5%;}.guests_img:nth-child(2n){	margin-right: 1.5%;}.guests_img figcaption	{	height:	4.4rem;}/* j-wave common--------------------------------------------------------- */#commonFooter	{	height:	auto !important;	position:	relative !important;}#commonFooterInner {	width:	100% !important;	background:	none #282828;}}/* =========================================================	media queries for smartphone========================================================= */@media only screen and (max-width : 768px){body{	font-size:	1.4rem;	}p{	font-size:	1.4rem;	}	.pc{	display:	none;	}	.pc_tablet{	display:	none;	}	.tablet_phone	{	display:	block;	}	.tablet	{	display:	none;	}	.phone	{	display:	block;	}a:hover img{	opacity:	1.0;	-moz-opacity:	1.0;	filter: alpha(opacity=100);}/* header--------------------------------------------------------- */header	{	position:	relative;	overflow:	hidden;	width:	100%;	height:	100vh;	margin:	0 0 20px 0;	background:	url(../img/bg.jpg) no-repeat top center;	background-size:	cover;	text-align:	center;}h1	{	overflow: hidden; 	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translateY(-120%) translateX(-50%);	transform: translateY(-120%) translateX(-50%);	width:	280px;	height:	185px;	background:	url(../img/title.png) no-repeat top center;	background-size:	100% 100%;}.header_navigator_area	{	-webkit-transform: translateY(-10%) translateX(-50%);	transform: translateY(-10%) translateX(-50%);	width:	220px;}.header_navigator_area li	{	float:	left;	margin:	0 20px 0 0;}.header_navigator_area img	{	width:	100px;	height:	auto;	opacity: 0;}h2	{	font-size:	1.6rem;	line-height:	1.4;}img.netflix_logo	{	width:	70%;	height:	auto;	margin:	0 0 20px 0;}/* =========================================================    contents========================================================= */.contentes_inner h3	{	margin:	0 0 15px 0;}.contentes_inner p{	font-size:	1.4rem;	text-align:	left;}/********** oshifli **********/.contentes_inner.oshifli_area h3	{	padding:	10px 0;	margin:	0 0 -5px 0;	font-size:		1.4rem;	border-top:	4px solid #1da1f2;	border-bottom:	4px solid #1da1f2;}.oshifli_explain	{	overflow:	hidden;	width:	100%;	margin:	0 auto 20px auto;}.oshifli_explain .right img	{	margin:	20px 0 0 0;	width:	80%;}a .btn_oshifli	{	width:	80%;	font-size:	1.4rem;	text-align:	left;}/********** message area **********/.contentes_inner.msg_area h3	{	padding:	10px 0;	width:	100%;	margin:	0 0 -5px 0;	border-top:	4px solid #fff;	border-bottom:	4px solid #fff;}.contentes_inner.msg_area h3 img{	width:	200px;}p.present	{	margin:	20px 0;	text-align:	center;}p.present img	{	width:	60%;	height:	auto;}/********** battle_area **********/.contentes_inner.battle_area h3	{	padding:	10px 0;	width:	100%;	margin:	0 0 -5px 0;	font-size:		1.8rem;	letter-spacing:	0;	border-top:	4px solid #fff;	border-bottom:	4px solid #fff;}.battle	{	width:	100%;}.battle h4	{	width:	180px;	}.battle h4	 img{	width:	180px;	height:	auto;	}img.battle_card	{	width:	100%;	height:	auto;}div.soundBtn {	width:250px;	margin:	0 auto;	padding:	4px;	xtext-indent: 100%;	xwhite-space: nowrap;	xoverflow: hidden;	cursor: pointer;	text-align:	center;	font-size:1.2rem;	letter-spacing:	0;	color:	#fff;	background: #81172b;	-moz-border-radius:	6px;	-webkit-border-radius:	6px;	border-radius:	6px;}div.clicked {	color:	#fff;	background: #bc2542;}div.soundBtn i.fas	{	color:	#fff;}.battle_sound	{	width:	100%;	margin:	20px auto 0 auto;}.battle_sound_inner1	{	float:	none;	width:	100%;	text-align:	center;	margin:	0 auto 10px auto;}.battle_sound_inner2	{	float:	none;	width:	100%;	text-align:	center;}/********** guests **********/.contentes_inner.guests_area h3,.contentes_inner.photo_area h3,.contentes_inner.djtato_area h3	{	width:	100%;	text-align:	center;	border-top:	none;	border-bottom:	none;}.contentes_inner.guests_area h3 img,.contentes_inner.photo_area h3 img,.contentes_inner.djtato_area h3 img	{	width:	250px;	height:	auto;}figure.guests_img	{	float:	left;	width:	31%;	margin:	0 0 20px 0;	text-align:	center;	font-size:	1.2rem;	line-height:	1.2;	letter-spacing:	0;}figure.guests_img:nth-child(3n){	margin-right: 1.5%;}figure.guests_img figcaption span	{	font-size:	0.8rem;}/********** arrow **********/.arrow1 {	display:none;}.arrow2{    position: relative;    display: inline-block;    padding: 0 0 0 16px;    color: #000;    vertical-align: middle;    text-decoration: none;    font-size: 10px;}.arrow2::before,.arrow::after{    position: absolute;    top: 0;    bottom: 0;    left: 0;    margin: auto;    content: "";    vertical-align: middle;}.arrow2::before{    left:	2px;    box-sizing: border-box;    width:8px;    height:	5px;    border: 	6px solid transparent;    border-left:	8px solid #fff;}.arrow3{    position: relative;    display: inline-block;    padding: 0 20px 0 16px;    color: #000;    vertical-align: middle;    text-decoration: none;    font-size: 10px;}.arrow3::before,.arrow::after{    position: absolute;    top: 0;    bottom: 0;    left: 0;    margin: auto;    content: "";    vertical-align: middle;}.arrow3::before{    left:	2px;    box-sizing: border-box;    width:20px;    height:	10px;    border: 	6px solid transparent;    border-left:8px solid #fb9b03;}a:hover .arrow3::before{    border-left:	8px solid #fabe5e;}.battle p	{	margin:	20px 0 10px 0;}.battle iframe	{	height:	230px;	margin:	30px auto 0 auto;}/********** dj taro **********/.contentes_inner.djtato_area figure	{	width:	140px;	margin:	0 auto;	text-align:	center;}.contentes_inner.djtato_area figure img	{	width:	140px;	height:	auto;	-moz-border-radius:	200px;	-webkit-border-radius:	200px;	border-radius:	200px;}.contentes_inner.djtato_area figcaption	{	padding:	8px 0 0 0;	font-size:	1.6rem;}/* j-wave common--------------------------------------------------------- */#rating_common_bnr	{	display:	none;}/* footer--------------------------------------------------------- */footer	{	overflow:	hidden;	width:	100%;	margin:	80px 0 0 0 ;}footer ul	{	overflow:	hidden;	margin:	0;	width:	auto;	margin:	0 0  0 10px;}#footer_home	{	float:	none;	height:	30px;	margin:	0 20px 30px 0;}#footer_home img	{	width:	auto;	height:	30px;}#footer_j-wave	{	float:	none;	height:	auto;}#footer_j-wave img	{	width:	70%;	height:	auto;}#footer_copyright	{	overflow:	hidden;	width:	100%;	text-align:	center;	letter-spacing:	0;	font-size:	8px;}}