@charset 'utf-8';

/**
 * 【layout】
 * 1.0 - TOP
 * 　　|- content-wrrper_top
 * 　　|- key_visual
 * 　　|- Information
 *  　　|- content
 *  　　|- h2-ttl
 *  　　|- post
 *  　　|- No-image
 *  　　|- To-Archive
 * 　　|- Twiiter
 *  　　|- content
 *  　　|- h2-ttl
 *  　　|- to-Follow
 * 　　|- Release
 *  　　|- content
 *  　　|- h2-ttl
 *  　　|- post
 *
 * 2.0 - common (under-page)
 * 　　|- pankuz
 * 　　|- content-wrapper
 * 　　|- content-post
 * 　　|- page-back
 * 　　|- pager
 * 　　|- list-nav
 *
 * 3.0 - ABOUT
 * 　　|- content_about
 *
 * 4.0 - INFORMATION
 * 　　|- post_info
 * 　　|- date
 *
 * 5.0 - CHARACTER
 * 　　|- content-wrapper_chara
 * 　　|- chara-list
 * 　　|- chara-detail
 *  　　|- content_chara
 *  　　|- content_chara-border
 *   　　|- content_chara-img
 *   　　|- content_chara-txt
 *    　　|- chara-name
 *    　　|- chara-detail
 *
 * 6.0 - STORY
 * 　　|- post_story
 * 　　|- article_story
 * 　　|- story_cat
 *
 * 7.0 - RELEASE
 * 　　|- post_story
 * 　　|- release_detail
 * 　　|- more
 * 　　|- release_btn
 *
 * --------------------------------------------------------------------------------------------------------------------------------------- */

/* 1.0 - TOP
------------------------------------------------------------------------------------------------------------------------------------------ */
/* content-wrrper_top */
.content-wrrper_top {
	width:100%;
	overflow:hidden;
	background:url(../img/top/bg_content.png) repeat;
	margin:29px 0 0 0;
}

/* key_visual */
#key_visual {
	width:1000px;
	margin:0 auto;
}

#key_visual img {
	width:1000px;
	height:auto;
	margin:30px 0 0 0;
}

/* Information */
#top_info-box {
	position:relative;
	width:1000px;
	min-height:680px;
	margin:60px auto;
	background:#fff;
	border-top:11px solid #a0a0a0;
	-moz-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	-webkit-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
}

/* content */
#top_info {
	width:720px;
	margin:30px 0 0 245px;
	padding:0 0 40px 0;
}

/* h2-ttl */
#top_info-h2 {
	position:absolute;
	top:-31px;
	left:0;
}

/* post */
.top_info-post {
	overflow:hidden;
	width:694px;
	min-height:170px;
	border-bottom:1px solid #bfbfbf;
	margin:10px 0;
	padding:10px 0;
}

.top_info-post dt {
	overflow:hidden;
	width:150px;
	clear:left;
	float:left;
	padding:8px 0 20px 0;
}

.top_info-post dt img {
	width:150px;
	height:auto;
}

.top_info-post dd {
	width:694px;
	min-height:130px;
	padding:0 10px 15px 170px;
}

.top_info-post dd a {text-decoration:none;}

.top-info_date:before {
	content:url(../img/top/icon_info.gif);
	margin:0 8px 0 2px;
	position:relative;
	top:-4px;
}

/* NO-IMAGE */
.top_info-no_img {
	overflow:hidden;
	width:150px;
	height:130px;
	line-height:115px;
	background:#d9d9d9;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	text-align:center;
	border:1px solid #bfbfbf;
	margin:10px 0 20px 0;
}

/* To-Archive */
#bt_info-ar a {
	display:block;
	width:170px;
	height:31px;
	margin:20px 0 0 524px;
}

#bt_info-ar:hover {opacity:0.7;}

/* Twitter */
#top_tw-box {
	position:relative;
	width:1000px;
	min-height:430px;
	margin:89px auto 90px auto;
	background:#fff;
	border-top:11px solid #a0a0a0;
	border-bottom:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	-moz-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	-webkit-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
}

/* content */
#top_tw {
	width:685px;
	height:290px;
	margin:40px 0 0 60px;
}

/* h2-ttl */
#top_tw-h2 {
	position:absolute;
	top:-31px;
	right:0;
}

/* to-Follow */
#bt_tw-ar a {
	display:block;
	width:205px;
	height:31px;
	margin:20px 0 0 60px;
}

#bt_tw-ar:hover {opacity:0.7;}

/* Release */
#top_release-box {
	position:relative;
	width:1000px;
	min-height:820px;
	margin:60px auto;
	background:#fff;
	border-top:11px solid #a0a0a0;
	-moz-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	-webkit-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	padding:0 0 30px 0;
}

/* content */
#top_release {
	width:720px;
	margin:30px 0 0 245px;
}

/* h2-ttl */
#top_release-h2 {
	position:absolute;
	top:-31px;
	left:0;
}

/* post */
.top-post_release {
	overflow:hidden;
	width:694px;
	border-bottom:1px solid #bfbfbf;
	margin:10px 0 30px 0;
}

.top-post_release dt {
	width:250px;
	clear:left;
	float:left;
	padding:8px 0 30px 0;
}

.top-post_release dt img {
	width:250px;
	height:auto;
	margin:0 0 15px 0;
}

.top-post_release dt iframe {
	width:250px;
	height:141px;
	margin:0 0 8px 0;
}

.top-post_release dd {
	min-height:130px;
	padding:0 10px 30px 280px;
}

.top-post_release dd  h2 {
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	letter-spacing:1px;
	margin:7px 0 13px 0;
}


/* 2.0 - common (under-page)
------------------------------------------------------------------------------------------------------------------------------------------ */
/* pankuz */
#pankuz {
	overflow:hidden;
	background:url(../img/common/bg_pankz.gif) repeat;
	margin:29px 0 0 0;
}

#pankuz ul {
	overflow:hidden;
	width:1000px;
	min-height:30px;
	margin:0 auto;
	padding:3px 0;
}

#pankuz ul li {
	float:left;
	margin:0 5px 0 0;
	color:#fff;
	font-size:14px;
}

#pankuz ul li a {
	color:#fff;
	text-decoration:none;
}

#pankuz ul li a:hover {color:#ccc;}

/* content_wrapper */
.content_wrapper {
	overflow:hidden;
	width:100%;
	background:url(../img/common/bg_content.png) repeat;
	margin:0 auto;
	padding:60px 0 0 0;
}

/* content_post */
.content_post {
	overflow:hidden;
	width:1000px;
	margin:0 auto 49px auto;
	padding:30px 60px;
	background:#fff;
	border:1px solid #bfbfbf;
	border-top:10px solid #a0a0a0;
	-moz-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	-webkit-box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
	box-shadow:10px 10px 0px 0px rgba(204,204,204,0.5);
}

/* page-back */
.page-back a {
	display:block;
	background:url(../img/common/bt_back.png) no-repeat;
	width:220px;
	height:45px;
	margin:60px auto 50px auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.page-back a:hover {opacity:0.7;}

/* pager */
.wp-pagenavi {
	overflow:hidden;
	width:1000px;
	text-align:center;
	font-size:22px;
	margin:65px auto;
}
.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	color:#333;
	background:#fff;
	width:50px;
	height:50px;
	margin:0 9px;
	text-align:center;
	text-decoration:none;
	border:1px solid#999;
	border-radius:50%;
	line-height:50px;
}

.wp-pagenavi .extend {
	background:none;
	border:none;
	color:#999;
	width:30px !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	color:#333;
	background:#a0a0a0;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	background:none;
	border:none;
	color:#555;
	width:30px !important;
}

.wp-pagenavi a:hover.nextpostslink  ,
.wp-pagenavi a:hover.previouspostslink   {
	background:none !important;
	border:none !important;
	color:#666 !important;
}

.wp-pagenavi .first  ,
.wp-pagenavi .last  {
	line-height:46px;
}

/* list-nav */
#list-nav {
	width:1000px;
	margin:0 auto 40px auto;
	text-align:center;
}

#list-nav li {
	display:inline-block;
	height:45px;
	margin:0 20px 25px 20px;
}

#list-nav li a {
	display:block;
	height:45px;
	min-width:240px;
	line-height:45px;
	letter-spacing:1px;
	border:1px solid #999;
	text-decoration:none;
	padding:0 17px 0 60px;
	background:#fff url(../img/common/bg_list.png) no-repeat left;
}

#list-nav .current-cat a {
	color:#fff;
	background:#000 url(../img/common/bg_list_current.png) no-repeat left;
}

#list-nav .current-cat a:hover,
#list-nav li a:hover {
	color:#c00;
	background:#000 url(../img/common/bg_list_current.png) no-repeat left;
	transition-duration:0.3s;
}


/* 3.0 - ABOUT
------------------------------------------------------------------------------------------------------------------------------------------ */
/* content_about */
.content_about {
	width:100%;
	height:1095px;
	padding:64px 0 0 0;
	margin:0 auto;
	background:url(../img/about/altair-theater.png) no-repeat center bottom;
}

.content_about p {
	text-align:center;
	padding:7px 0;
	font-size:15px;
	letter-spacing:1px;
}

.content_about img {margin:0 auto 55px auto;}


/* 4.0 - INFORMATION
------------------------------------------------------------------------------------------------------------------------------------------ */
/* post_info */
.post_info {position:relative;}

.post_info h2 {
	min-height:80px;
	font-size:24px;
	font-weight:normal;
	padding:0 0 27px 150px;
	margin:0 0 27px 0;
	line-height:1.3;
	border-bottom:1px solid #bfbfbf;
}

.post_info h2 a {
	text-decoration:none;
	color:#666;
}

.post_info h2 a:hover {color:#c00;}

.post_info p {
	font-size:16px;
	line-height:1.9;
	margin:27px 0;
}

.post_info img {
	max-width:880px;
	height:auto;
	margin:0 auto 32px auto;
}

.post_info a:hover img {opacity:0.9;}

.post_info iframe {
	display:block;
	margin:0 auto 30px auto;
}

/* date */
.information_date {
	position:absolute;
	top:7px;
	left:60px;
	width:120px;
	height:55px;
	color:#fff;
	text-align:center;
	font-size:14px !important;
	line-height:1;
	letter-spacing:1px;
	background:url(../img/information/icon-date_info.png) no-repeat;
	margin:-10px 0 0 0;
}

.event_date {
	position:absolute;
	top:7px;
	left:60px;
	width:120px;
	height:55px;
	color:#fff;
	text-align:center;
	font-size:14px !important;
	line-height:1;
	letter-spacing:1px;
	background:url(../img/information/icon-date_event.png) no-repeat;
}


/* 5.0 - CHARACTER
------------------------------------------------------------------------------------------------------------------------------------------ */
/* content-wrapper_chara */
.content-wrapper_chara {
	width:100%;
	overflow:hidden;
	background:url(../img/common/bg_content.png) repeat;
	margin:0 0 140px 0;
}

/* chara-list */
.content-wrapper_chara ul {
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	padding:50px 0 68px 0;
}

.content-wrapper_chara ul li {
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
	width:250px;
	height:350px;
}

.content-wrapper_chara ul li img {
	width:250px;
	height:auto;
}

.content-wrapper_chara ul li a:after {
	content: "";
	position:absolute;
	top:5px;
	left:100%;
	width:240px;
	height:340px;
	opacity:0;
	background:#fff;
}

.content-wrapper_chara ul li a:hover:after {
	top:5px;
	left:5px;
	opacity:0.2;
	transition-duration: 0.3s;
	transition-timing-function:ease-in-out;
}

/* chara-detail */
#body_chara {
	width:100%;
	padding:85px 0 0 0;
}

/* content_chara */
#wrapper_chara {
	width:1000px;
	margin:0 auto 110px auto;
	padding:10px 0;
	color:#fff;
	background:rgba(0,0,0,0.7);
}

/* content_chara-border */
#content_chara {
	position:relative;
	overflow:hidden;
	width:980px;
	margin:0 0 0 10px;
	border:1px solid #ccc;
	min-height:590px;
}

/* content_chara-img */
#content_chara-img {
	width:416px;
	position:absolute;
	left:0;
	bottom:0;
}

#content_chara-txt{padding:0 0 30px 412px;}
#content_chara-txt iframe{ margin:0 0 0 10px; width:526px;}

/* chara-name */
#chara-name {
	overflow:hidden;
	width:550px;
	font-size:21px;
	padding:62px 0 6px 10px;
	line-height:1;
	font-weight:normal;
}

#chara-name h3 {font-weight:normal;}

#chara-name p {
	font-size:19px;
	float:right;
	margin:20px 10px 0 0;
}

.chara-name_jp {
	float:left;
	font-size:33px;
	padding:7px 0 6px 0;
}

/* chara-detail */
#chara-detail {
	font-size:17px;
	padding:50px 20px 35px 10px;
}

#chara-detail dl {
	font-size:18px;
	letter-spacing:1px;
	padding:0 0 30px 0;
}

#chara-detail dl dt {
	float:left;
	clear:left;
	min-width:155px;
	margin:0 10px 0 0;
}

#chara-detail dl dd {padding:0 0 0 165px;}


/* 6.0 - STORY
------------------------------------------------------------------------------------------------------------------------------------------ */
/* post_story */
.post_story {position:relative;}

.post_story-icon {
	position:absolute;
	top:30px;
	left:30px;
	width:65px;
	height:auto;
}

.post_story-icon img {
	width:65px;
	height:auto;
}

/* article_story */
.article_story {
	float:right;
	width:100%;
	padding:0px 0 0 65px;
}

.article_story h2 {
	width:530px;
	font-size:20px;
	line-height:1;
	font-weight:normal;
	margin:0 0 22px 0;
}

.article_story h2:before {
	content:url(../img/top/icon_info.gif);
	margin:0 8px 0 2px;
	position:relative;
	top:-5px;
}

.article_story h2 a {text-decoration:none;}

.story_date {
	font-size:14px;
	margin:0 0 0 1em;
}

/* story_cat */
.story_cat {
	position:absolute;
	top:21px;
	right:30px;
	font-size:15px;
	text-align:center;
	border:1px solid #999;
	line-height:1;
}

.story_cat a {
	display:block;
	height:40px;
	min-width:50px;
	padding:0 20px;
	line-height:40px;
	background:#fff;
	text-decoration:none;
}

.story_cat a:hover {background:#e5e5e5;}


/* 7.0 - RELEASE
------------------------------------------------------------------------------------------------------------------------------------------ */
/* post_story */
.post_release dt {
	width:250px;
	clear:left;
	float:left;
	padding:8px 0 15px 0;
}

.post_release dt img {
	width:250px;
	height:auto;
	margin:0 0 15px 0;
}

.post_release dt iframe {
	width:250px;
	height:141px;
	margin:0 0 8px 0;
}

.post_release dd {
	width:100%;
	min-height:130px;
	padding:0 10px 15px 290px;
}

.post_release dd  h2{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	letter-spacing:1px;
	margin:10px 0 25px 0;
}

/* release_detail */
.release_detail {
	float:right;
	width:590px;
	border-top:1px solid #bfbfbf;
	padding:32px 0 32px 2px;
	margin:15px 0 0 0;
	font-size:16px;
}

.release_detail iframe {
	margin:0 0 27px 0;
}

.release_detail p {margin:0 0 27px 0;}

/* more */
.release_more {
	float:right;
	margin:30px 420px 10px 0;}

.release_more:hover {opacity:0.7;}

/* store_btn */
.store_btn {
	clear:both;
	overflow:hidden;
	width:100%;
	border:1px solid #bfbfbf;
	margin:0 0 30px 0;
}

.store_btn img {
	float:left;
	margin:30px 33px;
}

.store_btn img:hover {opacity:0.7;}