@charset "UTF-8";

/* ==================================
	Common
================================== */
#wrap {
	position: relative;
	width: 640px;
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
}

.bg_img {
	background: url(../images/common/content_bg.jpg) repeat-y 0 0;
}

.content {
	width: 640px;
	margin: 0 auto;
}

.content_ttl_bg {
	height: 160px;
	background: url(../images/common/content_ttl_bg.png) no-repeat center top;
}

.content_ttl {
	padding-top: 20px;
}

.content_section {
	margin: 40px 0;
}

.content_img {
	margin-bottom: 15px;
	text-align: center;
}

.content_txt {
	width: 608px;
	margin: 0 auto;
	padding: 40px 30px;
	background-color: #FFF;
	line-height: 1.6em;
}

.txt_hidden {
	text-indent: -9999px;
}


/* ==================================
	Top
================================== */
#header {
	height: 840px;
	background: url(../images/top/top_main.jpg) no-repeat center top;
}

.img_center {
	text-align: center;
	margin-bottom: 20px;
}

#btn_area p {
	margin-bottom: 30px;
}

.btn_senkou {
	margin-bottom: 10px;
}

#news {
	width: 640px;
	margin: 40px auto;
}

#news_btn {
	width: 640px;
	height: 48px;
	margin-bottom: 20px;
	background: url(../images/top/ttl_news.png) no-repeat center 0;
}

#news_btn a {
	display: block;
	width: 100%;
	height: 48px;
	margin: 0 auto;
}

#news li {
	color: #011f72;
	line-height: 2em;
	list-style: none;
}

#news a{
	color:#011f72;
}

#tumblr_widget {
	width: 608px;
	margin: 0 auto;
	padding: 30px 16px;
	list-style: none;
	border: 2px solid #85a5ff;
}

#trailer {
	margin: 40px auto;
}

#ttl_trailer {
	width: 640px;
	height: 48px;
	margin-bottom: 20px;
	background: url(../images/top/ttl_trailer.png) no-repeat center 0;
}

#trailer iframe {
	display: block;
	width: 608px;
	margin: 0 auto;
}

#bnr_area {
	width: 640px;
	margin: 15px auto 0;
}

#bnr_area ul li {
	display: block;
	margin: 0 auto 15px;
	list-style: none;
}

/* ==================================
	Introduction
================================== */
.intro_sprite {
	background: url(../images/intro/intro_head.png) no-repeat 0 0;
}

.intro_head1 { width: 640px; height: 169px; }
.intro_head2 { width: 640px; height: 163px; }
.intro_head3 { width: 640px; height: 164px; }
.intro_head4 { width: 640px; height: 162px; }
.intro_head5 { width: 640px; height: 162px; }

.intro_head1 { background-position: 0 0; }
.intro_head2 { background-position: 0 -180px; }
.intro_head3 { background-position: 0 -362px; }
.intro_head4 { background-position: 0 -540px; }
.intro_head5 { background-position: 0 -718px; }


/* ==================================
	Story
================================== */
.story_head {
	display: block;
	width: 427px;
	height: 118px;
	margin: 0 auto 30px;
	background: url(../images/story/story_head.png) no-repeat 0 0;
}


/* ==================================
	Cast & Staff
================================== */
.content_block {
	width: 608px;
	margin: 0 auto 20px;
}

.cast_thumb {
	margin-bottom: 20px;
}

.prof {
	display: none;
}

.prof_inner {
	padding: 0 15px;
	margin-bottom: 20px;
}

#soukanzu {
	display: block;
	margin: 20px 30px 30px;
	text-align: right;
}

.large {
	font-size: 20px;
	font-weight: 500;
	line-height: 2em;
}

.txt_block {
	margin-bottom: 20px;
	padding: 0 15px;
}

.m40 {
	margin-bottom: 40px;
}

/* ==================================
	Movie
================================== */
.movie_wrap {
	margin: 0 auto 50px;
}

.movie_wrap iframe {
	display: block;
	width: 608px;
	margin: 0 auto;
}

.movie_ttl {
	margin-bottom: 20px;
}


/* ==================================
	Product
================================== */
/*	Common	*/
.products_wrap {
	width: 608px;
	margin: 0 auto 40px;
	padding: 30px 16px;
	background-color: #FFF;
}

.products_txt1 {
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.5em;
}

.products_att {
	display: block;
	width: 544px;
	margin: 50px auto 0;
	line-height: 1.75em;
}

.att_txt {
	font-size: 13px;
}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.products_info {
	margin-bottom: 80px;
	text-align: center;
}


/*	Sell	*/
.products_link {
	display: block;
	width: 640px;
	height: 270px;
	background: url(../images/products/products_head1.png) no-repeat 0 0;
}

.products_head1 {
	display: block;
	height: 50px;
	margin: 50px 0 25px 0;
	padding-left: 15px;
	color: #ff2c90;
	background: url(../images/products/products_line1.png) no-repeat center bottom;
	font-size: 15px;
	font-weight: 400;
	line-height: 45px;
}

.btn_cart a, .btn_cart img {
	display: block;
	width: 400px;
	height: 72px;
	margin: 0 auto 15px;
}

/*	Renatl	*/
.products_txt_box dd {
	display: block;
	width: 544px;
	margin: 0 auto;
	line-height: 1.5em;
}

.products_head2 {
	height: 48px;
	margin-bottom: 20px;
	background: url(../images/products/products_head2.png) no-repeat center top;
}

.release_date {
	margin-top: 50px;
	background: url(../images/products/products_line2.png) no-repeat center center
}

.release_date p {
	margin-bottom: 20px;
}

/*  通常版　*/
.products_head3 {
	height: 155px;
	margin-bottom: 20px;
	background: url(../images/products/products_head3.png) no-repeat center top;
}



/* ==================================
	Special
================================== */
/*     index     */
.sp_wrap {
	width: 624px;
	margin: 0 auto 40px;
}

#btn_sp_wrap {
	width: 624px;
	height: 841px;
	background: url(../images/special/sp_index_nav.png) no-repeat;
}

#btn_sp_wrap li a {
	display: block;
	width: 624px;
	height: 165px;
}

.footer_sp {
	padding-top: 40px;
	text-align: center;
	background: url(../images/special/footer_bg_sp.png) no-repeat center top;
	font-size: 13px;
}

/*     detail - navi     */
.sp_nav_bg {
	padding-top: 15px;
	margin-bottom: 0;
	height: auto;
	background-color: #FFF;
}

#sp_nav_btm {
	margin-top: -7px;
}

#sp_nav_wrap2 {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 20px;
}

.sp_nav_block {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	border-collapse: separate;
	border-spacing: 8px 0;
}

.sp_nav_block li {
	display: table-cell;
}

.sp_nav_block li a {
	display: block;
}


/*     detail - contents     */
#sp2 {
	overflow: hidden;
}

#sp2 img {
	width: 100%;
	height: auto;
}

.bg_img_sp {
	background: url(../images/special/special_bg.gif) repeat-y 0 0;
	background-size: contain;
	overflow: hidden;
}

.bg_img_sp2 {
	background: url(../images/special/special2/special2_bg.gif) repeat-y 0 0;
	background-size: contain;
	overflow: hidden;
}

#flow {
	width: 100%;
}

#oubo {
	width: 95%;
	padding: 15px;
	margin: 0 auto 50px;
	background: #FFF;
}

.oubo_block {
	margin-bottom: 50px;
}

.sp_block {
	margin-bottom: 30px;
	padding: 15px;
	background: rgba(255,255,255,0.7);
	text-align: center;
}

.sp_txt {
	color: #ff2c90;
	background-color: #FFF;
	padding: 30px 20px 10px;
}

.sp2_txt {
	width: 95%;
	margin: 0 auto 30px;
	line-height: 1.6;
}

#oubo a {
	color: #ff8a00;
	text-decoration: underline;
}

.tweet {
	font-size: 16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: italic;
	line-height: 1.6;
}

.account {
	font-size: 12px;
	text-align: right;
}

.account span {
	font-size: 10px;
}

.indent {
	padding-left: 1em;
  text-indent: -1em;
}

.dl_inner {
	display: none;
	width: 95%;
	margin: 0 auto;
	padding: 20px 0 0;
}

.dl_img li {
	display: block;
	float: left;
	width: 49%;
	margin-bottom: 2%;
}

.dl_img li:nth-child(odd) {
	margin-right: 2%;
}

#sp_footer_top {
	margin-top: -15px;
}

#footer_sp2 {
	text-align: center;
}

#sp_sns {
	width: 95%;
	height: 22px;
	margin: 20px auto;
}

#sp_sns li {
	display: block;
	float: left;
	width: 45%;
}