@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #333;
	word-wrap: break-word;
	word-break: break-all;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
}

li {
	list-style: none;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 0;
	width: 100%;
	visibility: hidden;
}

.clear_both {
	clear: both;
}

a,img {
	border: none;
}

.screen_wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}
/*.text_limit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; width:100%;}*/
.hidden {
	display: none;
}

table,th,td {
	border: none;
	vertical-align: top;
}

.al_l {
	text-align: left;
}

.al_r {
	text-align: right;
}

.al_c {
	text-align: center;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.w_max {
	width: 100%;
	display: block;
}

.bg_white {
	background: #fff;
}

.bold {
	font-weight: bold;
}

.disp_b {
	display: block;
}

.m_auto {
	margin: 0 auto;
}

.contents_area {
	background-image: url(../img/sp/bg.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	margin: 0 auto;
}

.con_box {
	border: 1px solid #bbb;
	background: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #666 inset;
}


/*common header*/
#header .header_logo {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#header .header_logo img {
	width: 100%;
	display: block;
}

#header #header_logo_kagura,
#header #header_logo_ps {
	display: block;
}

@media screen and	(max-width:400px) {
	#header #header_logo_kagura,
	#header #header_logo_ps {
		margin-bottom: -20px;
	}
}

@media screen and (min-width:401px) and (max-width:560px) {
	#header #header_logo_kagura,
	#header #header_logo_ps {
		margin-bottom: -30px;
	}
}

@media screen and (min-width:560px) {
	#header #header_logo_kagura,
	#header #header_logo_ps {
		margin-bottom: -40px;
	}
}

#header #header_logo_kagura {
	width: 27%;
}

#header #header_logo_ps {
	width: 60%;
}

#header_main_logo {
	clear: both;
/*	-moz-animation-name: anim_logo_jump;
	-moz-animation-duration: 5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-name: anim_logo_jump;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: anim_logo_jump;
	-o-animation-duration: 5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;
	-ms-animation-name: anim_logo_jump;
	-ms-animation-duration: 5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;
*/}

@-moz-keyframes anim_logo_jump {
	0% {
		-moz-transform: translate(0px,0px);
	}

	90% {
		-moz-transform: translate(0px,0px);
	}

	95% {
		-moz-transform: translate(0px,-20px);
	}

	100% {
		-moz-transform: translate(0px,0px);
	}
}

@-webkit-keyframes anim_logo_jump {
	0% {
		-webkit-transform: translate(0px,0px);
	}

	90% {
		-webkit-transform: translate(0px,0px);
	}

	95% {
		-webkit-transform: translate(0px,-20px);
	}

	100% {
		-webkit-transform: translate(0px,0px);
	}
}

@-o-keyframes anim_logo_jump {
	0% {
		-o-transform: translate(0px,0px);
	}

	90% {
		-o-transform: translate(0px,0px);
	}

	95% {
		-o-transform: translate(0px,-20px);
	}

	100% {
		-o-transform: translate(0px,0px);
	}
}

@-ms-keyframes anim_logo_jump {
	0% {
		-ms-transform: translate(0px,0px);
	}

	90% {
		-ms-transform: translate(0px,0px);
	}

	95% {
		-ms-transform: translate(0px,-20px);
	}

	100% {
		-ms-transform: translate(0px,0px);
	}
}

/*sns buttons*/
.sns_wrap {
	text-align: center;
	width: 300px;
	margin: 0 auto;
}

.sns_list li {
	width: 100px;
	float: left;
}

.sns_list #sns_tw {
	padding-top: 0px;
}

.sns_list #sns_fb {
	margin-top: 0px;
}

.sns_list #sns_hatebu {
	padding-top: 0px;
}

/*page common contents*/
.movie_bg {
	background: #000;
	border-radius: 20px;
	text-align: center;
	position: relative;
}

.movie_bg iframe {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.movie_ico_bekunyu {
	position: absolute;
	top: -15%;
	right: -2%;
	width: 20%;
}

.back_numerb_wrap {
	background: #000;
}

.ico_back_number {
	text-align: center;
	padding: 10px 0;
}

.ico_back_number img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.ico_show_more {
	padding: 10px 0;
	text-align: center;
}

.ico_show_more.no_more {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.ico_show_more img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.back_number .item_cell {
}

.back_number .item_cell .item_thumb {
	width: 45%;
	display: block;
	float: left;
	border: 1px solid #4E4E50;
}

.back_number .item_cell .item_title {
	width: 53%;
	display: block;
	float: right;
}

.back_number .item_cell .date {
	display:none;
	color: #ccc;
}

.back_number .item_cell a {
	display: block;
	color: #fff;
}

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

.back_number .item_cell a {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .back_number .item_cell a {
	height: 1%;
}

.back_number .item_cell a {
	display: block;
}

.youtube_box_wrap {
	position: relative;
	overflow: hidden;
}

.youtube_box_sns {
	width: 300px;
	position: absolute;
	top: 22%;
	left: 10%;
}

/* End hide from IE-mac */

@media screen and	(max-width:400px) {
	.back_number .item_cell {
		padding: 10px;
	}
}

@media screen and (min-width:401px) and (max-width:560px) {
	.back_number .item_cell {
		padding: 15px;
	}
}

@media screen and (min-width:560px) {
	.back_number .item_cell {
		padding: 20px;
	}
}

/*footer*/


#footer,#footer a {
	color: #fff;
	text-align: center;
}

#footer_bnr_list_wrap {
	background: #000;
}

#footer_bnr_list li {
	width: 47%;
	display: block;
}

#footer_bnr_list li:nth-child(2n+1) {
	float: left;
}

#footer_bnr_list li:nth-child(2n) {
	float: right;
}

#footer_copyright {
	margin: 0 auto;
	width:86%;
}

#footer .ps_logo_sprite {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin-bottom: -20px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../img/sp/ps_logo_sprite.png?a=b);
	background-repeat: no-repeat;
}

#footer .ps_logo_sprite.ps_logo_symbol {
	background-position: 0		0;
	width: 20px;
	margin-bottom: -15px;
}

#footer .ps_logo_sprite.ps_logo_typo {
	background-position: 0	-30px;
	width: 71px;
}

#footer .ps_logo_sprite.ps_logo_vita {
	background-position: 0	-60px;
	width: 59px;
}

#footer .ps_logo_sprite.ps_logo_ps4 {
	background-position: 0	-90px;
	width: 50px;
}

#footer_top_back_wrap {
	background-image: url(../img/sp/footer_top_back_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	background-color: #d6d6d6;
}

#footer_top_back {
	height: 1em;
	display: block;
	padding: 10px;
}

iframe[name="google_conversion_frame"] {
	display:none;
}




/*sp top page*/

@charset "utf-8";
/* CSS Document */

#sp_top #header {
	z-index: 2000;
	position: relative;
}

#sp_top #header_main_logo {
	position: relative;
	z-index: 2000;
	width: 92%;
	margin: 0 auto;
}

@media screen and	(max-width:400px) {
	#sp_top #header_main_logo {
		margin-bottom: -34px;
	}
}

@media screen and (min-width:401px) and (max-width:560px) {
	#sp_top #header_main_logo {
		margin-bottom: -51px;
	}
}

@media screen and (min-width:560px) {
	#sp_top #header_main_logo {
		margin-bottom: -68px;
	}
}


/**/#sp_top_main_visual {
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

@media screen and (min-width:560px) {
	#sp_top_main_visual {
		overflow: visible;
	}
}

#top_main_visual_img {
	position: relative;
}

.top_bg_character {
	display: block;
	position: absolute;
}

.top_bg_character img {
	display: block;
	width: 100%;
}

#top_bg_character_01 {
	width: 82%;
	left: -18%;
	top: 4%;
}

#top_bg_character_02 {
	width: 80%;
	left: -35%;
	top: 21%;
}

#top_bg_character_03 {
	width: 75%;
	right: -34%;
	top: 0%;
}

#top_bg_character_04 {
	width: 75%;
	right: -33%;
	top: 15%;
}

#top_movie_hand_left {
	width: 13%;
	display: block;
	position: absolute;
	left: 3%;
	top: 42%;
}

#top_movie_hand_right {
	width: 24%;
	display: block;
	position: absolute;
	right: -7%;
	top: 45%;
}

#top_canvas_wrap {
	width: 73%;
	margin: 0px auto 0 21%;
}

#top_canvas_under {
	width: 137%;
	margin: 0 -22% 0 -15%;
}

@media screen and (max-width:560px) {
	#top_canvas_wrap {
		margin-bottom: -11%;
	}
}

@media screen and (min-width:560px) {
	#top_canvas_wrap {
		margin-bottom: -11%;
	}
}

#top_canvas_under {
	background-image: url(../img/sp/character_right_02.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: -34% 0;
}

#top_movie_wrap {
	background: #000;
	border-radius: 12px;
	width: 60%;
	margin: 0 0 0 18%;
	text-align: center;
}

#top_movie_wrap iframe {
	margin: 0 auto;
}

.top_mv_ico {
	display: block;
	position: absolute;
}

.top_mv_ico#ico_baku_new {
	right: 3%;
	top: 34%;
	width: 18%;
}

.top_mv_ico#ico_homura {
	right: 12%;
	top: 25%;
	width: 20%;
}

#top_menu_wrap {
	width: 70%;
	margin: 0 15% 0 12%;
}

#top_menu_wrap li {
	width: 49%;
	display: block;
}

#top_menu_wrap li:nth-child(2n+1) {
	float: left;
}

#top_menu_wrap li:nth-child(2n) {
	float: right;
}

#top_menu_wrap img {
	display: block;
	width: 104%;
	-webkit-transform: scale(1.03,1.03);
	-moz-transform: scale(1.03,1.03);
	-ms-transform: scale(1.03,1.03);
	-o-transform: scale(1.03,1.03);
	margin: 0 -1%;
}





/*for layout out area scroll*/
.contents_area.right_margin_minus,
#footer.right_margin_minus {
}
/*for layout out area scroll*/
@media screen and	(max-width:400px) {
	.pad_20{padding:10px;}
	.pad_t_20{padding-top:10px;}
	.pad_b_20{padding-bottom:10px;}
	.pad_l_20{padding-left:10px;}
	.pad_r_20{padding-right:10px;}
	.pad_tb_20{padding-top:10px;	padding-bottom:10px;}
	.pad_lr_20{padding-left:10px;	padding-right:10px;}
	.mar_20{margin:10px;}
	.mar_t_20{margin-top:10px;}
	.mar_b_20{margin-bottom:10px;}
	.mar_l_20{margin-left:10px;}
	.mar_r_20{margin-right:10px;}
	.mar_tb_20{margin-top:10px;	margin-bottom:10px;}
	.mar_lr_20{margin-left:10px;	margin-right:10px;}
	.pad_12{padding:6px;}
	.pad_t_12{padding-top:6px;}
	.pad_b_12{padding-bottom:6px;}
	.pad_l_12{padding-left:6px;}
	.pad_r_12{padding-right:6px;}
	.pad_tb_12{padding-top:6px;	padding-bottom:6px;}
	.pad_lr_12{padding-left:6px;	padding-right:6px;}
	.mar_12{margin:6px;}
	.mar_t_12{margin-top:6px;}
	.mar_b_12{margin-bottom:6px;}
	.mar_l_12{margin-left:6px;}
	.mar_r_12{margin-right:6px;}
	.mar_tb_12{margin-top:6px;	margin-bottom:6px;}
	.mar_lr_12{margin-left:6px;	margin-right:6px;}
	.pad_8{padding:4px;}
	.pad_t_8{padding-top:4px;}
	.pad_b_8{padding-bottom:4px;}
	.pad_l_8{padding-left:4px;}
	.pad_r_8{padding-right:4px;}
	.pad_tb_8{padding-top:4px;	padding-bottom:4px;}
	.pad_lr_8{padding-left:4px;	padding-right:4px;}
	.mar_8{margin:4px;}
	.mar_t_8{margin-top:4px;}
	.mar_b_8{margin-bottom:4px;}
	.mar_l_8{margin-left:4px;}
	.mar_r_8{margin-right:4px;}
	.mar_tb_8{margin-top:4px;	margin-bottom:4px;}
	.mar_lr_8{margin-left:4px;	margin-right:4px;}
}
@media screen and (min-width:401px) and (max-width:560px) {
	.pad_20{padding:15px;}
	.pad_t_20{padding-top:15px;}
	.pad_b_20{padding-bottom:15px;}
	.pad_l_20{padding-left:15px;}
	.pad_r_20{padding-right:15px;}
	.pad_tb_20{padding-top:15px;	padding-bottom:15px;}
	.pad_lr_20{padding-left:15px;	padding-right:15px;}
	.mar_20{margin:15px;}
	.mar_t_20{margin-top:15px;}
	.mar_b_20{margin-bottom:15px;}
	.mar_l_20{margin-left:15px;}
	.mar_r_20{margin-right:15px;}
	.mar_tb_20{margin-top:15px;	margin-bottom:15px;}
	.mar_lr_20{margin-left:15px;	margin-right:15px;}
	.pad_12{padding:9px;}
	.pad_t_12{padding-top:9px;}
	.pad_b_12{padding-bottom:9px;}
	.pad_l_12{padding-left:9px;}
	.pad_r_12{padding-right:9px;}
	.pad_tb_12{padding-top:9px;	padding-bottom:9px;}
	.pad_lr_12{padding-left:9px;	padding-right:9px;}
	.mar_12{margin:9px;}
	.mar_t_12{margin-top:9px;}
	.mar_b_12{margin-bottom:9px;}
	.mar_l_12{margin-left:9px;}
	.mar_r_12{margin-right:9px;}
	.mar_tb_12{margin-top:9px;	margin-bottom:9px;}
	.mar_lr_12{margin-left:9px;	margin-right:9px;}
	.pad_8{padding:6px;}
	.pad_t_8{padding-top:6px;}
	.pad_b_8{padding-bottom:6px;}
	.pad_l_8{padding-left:6px;}
	.pad_r_8{padding-right:6px;}
	.pad_tb_8{padding-top:6px;	padding-bottom:6px;}
	.pad_lr_8{padding-left:6px;	padding-right:6px;}
	.mar_8{margin:6px;}
	.mar_t_8{margin-top:6px;}
	.mar_b_8{margin-bottom:6px;}
	.mar_l_8{margin-left:6px;}
	.mar_r_8{margin-right:6px;}
	.mar_tb_8{margin-top:6px;	margin-bottom:6px;}
	.mar_lr_8{margin-left:6px;	margin-right:6px;}
}
@media screen and (min-width:560px) {
	.pad_20{padding:20px;}
	.pad_t_20{padding-top:20px;}
	.pad_b_20{padding-bottom:20px;}
	.pad_l_20{padding-left:20px;}
	.pad_r_20{padding-right:20px;}
	.pad_tb_20{padding-top:20px;	padding-bottom:20px;}
	.pad_lr_20{padding-left:20px;	padding-right:20px;}
	.mar_20{margin:20px;}
	.mar_t_20{margin-top:20px;}
	.mar_b_20{margin-bottom:20px;}
	.mar_l_20{margin-left:20px;}
	.mar_r_20{margin-right:20px;}
	.mar_tb_20{margin-top:20px;	margin-bottom:20px;}
	.mar_lr_20{margin-left:20px;	margin-right:20px;}
	.pad_12{padding:12px;}
	.pad_t_12{padding-top:12px;}
	.pad_b_12{padding-bottom:12px;}
	.pad_l_12{padding-left:12px;}
	.pad_r_12{padding-right:12px;}
	.pad_tb_12{padding-top:12px;	padding-bottom:12px;}
	.pad_lr_12{padding-left:12px;	padding-right:12px;}
	.mar_12{margin:12px;}
	.mar_t_12{margin-top:12px;}
	.mar_b_12{margin-bottom:12px;}
	.mar_l_12{margin-left:12px;}
	.mar_r_12{margin-right:12px;}
	.mar_tb_12{margin-top:12px;	margin-bottom:12px;}
	.mar_lr_12{margin-left:12px;	margin-right:12px;}
	.pad_8{padding:8px;}
	.pad_t_8{padding-top:8px;}
	.pad_b_8{padding-bottom:8px;}
	.pad_l_8{padding-left:8px;}
	.pad_r_8{padding-right:8px;}
	.pad_tb_8{padding-top:8px;	padding-bottom:8px;}
	.pad_lr_8{padding-left:8px;	padding-right:8px;}
	.mar_8{margin:8px;}
	.mar_t_8{margin-top:8px;}
	.mar_b_8{margin-bottom:8px;}
	.mar_l_8{margin-left:8px;}
	.mar_r_8{margin-right:8px;}
	.mar_tb_8{margin-top:8px;	margin-bottom:8px;}
	.mar_lr_8{margin-left:8px;	margin-right:8px;}
}