@charset "utf-8";
/* common.css */

/*再定義
////////////////////////////////////////////////////*/
html {
}
body {
	position: relative;
	/*width: 100%;*/
	color: #333;
	font-family: HiraKakuProN-W3 ,HiraKakuProN-W6 , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	min-width: 1000px;
}

img {
	vertical-align: top;
	border: none;
}

/*フォントの登録
////////////////////////////////////////////////////*/
@font-face {
	font-family: 'rb5px';
	src: url("../fonts/rb5px.eot?") format("eot"),
	     url("../fonts/rb5px.woff") format("woff"),
	     url("../fonts/rb5px.ttf") format("truetype");
}

/*デフォルトリンクカラー
////////////////////////////////////////////////////*/
a:link {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
}
a:visited {
	color: #333;
}

/*レイアウト
////////////////////////////////////////////////////*/
#wrapper {
	border-top: 8px solid #000;
	background-color: #fff;
}
#contents {
	clear: both;
	background-color: #f2f2f2;
}

.contents_inner_wrapper{
	background: url(../../aj2015/img/title_aj2015_bg.png) no-repeat top left;
	background-size: 100% auto;
	overflow: hidden;
}

header, nav, #cover_inner, .contents_inner, #footer_inner {
	width: 980px;
	margin: 0 auto;
	/*padding: 0 10px;*/
	margin-bottom: 20px;
}

.aj2015_title_area{
	padding-bottom: 0;
	margin-top: 0;
}

.sp_mode {
	display: none;
}
.rb5px {
	font-family: rb5px, sans-serif;
	font-size: 10px;
}
.photo {
	margin-bottom: 14px;
}
.left {
	float: left;
}
.photo.left {
	margin-right: 14px;
}



/*------------------ カバー画像など黒背景のエリア ---------------------*/
#cover_box {
	background-color: #000;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
	color: #fff;
}
#cover_inner {
	padding: 30px 0;
}


/*------------------ contents ---------------------*/
#contents {
	overflow: hidden;
}
.contents_inner {
	overflow: hidden;
	padding-bottom: 30px;
}

.contents_inner > h2 {
	overflow: hidden;
	font-family: Montserrat, sans-serif;
	padding-bottom: 30px;
	font-size:18px;
	font-weight: bold;
}

.contents_inner > h1 {
	height: 32px;
	line-height: 100px;
	padding-top: 32px;
	margin-bottom: 100px;
	font-family: Montserrat, sans-serif;
	font-size: 42px;
	white-space:nowrap;
}
.contents_inner > h1 >img {
	margin-right: 20px;
}
.contents_inner h1.text_only {
	height: auto;
	line-height: 1.7;
}
.contents_inner > article {
	overflow: hidden;
	margin-top: 30px;
}
.contents_inner > article h1 {
	font-weight: bold;
	font-family: Montserrat, sans-serif;
}
.contents_inner > article > h1 {
	margin-bottom: 20px;
}
.contents_inner p > a.url {
	text-decoration: underline;
}
.contents_introduction {
	margin: 14px;
}
.contents_introduction h2 {
	font-size: 1rem;
	font-weight: bold;
}
.contents_introduction h2 span {
	font-size: 0.8rem;
	margin-bottom: 10px;
	display: -webkit-box
}
.bnr_lineup {
        margin: 0 auto;
}
.bnr_lineup p {
	    text-align: center;
}
.bnr_lineup img  {
    width: 80%;
    margin-left: -10px;
}
.attention {
	color:#fa382e;
}
.inner_box {
	float: left;
	overflow: hidden;
	width: 483px;
	margin-bottom: 14px;
}
.inner_box_ondemand {
	float: left;
	overflow: hidden;
	width: 483px;
	margin-bottom: 14px;
}


.inner_box_left {
	margin-right: 14px;
}


.normal_text_box {
	overflow: hidden;
}
.normal_text_box h2 {
	margin: 10px 0;
	font-weight: bold;
	font-size: 120%;
}
.normal_text_box p + p {
	margin-top: 1em;
}
.img_overlay img:hover {
	opacity: 0.5;
}


/*------------------ contents 2カラム ---------------------*/
.layout2 > article {
}
.layout2 > article > h1 {
	float: left;
}
.layout2 > article > div,
.layout2 > article > section {
	margin-left: 194px;
}

.layout2 .inner_box {
	width: 385px;
}
.layout2 .inner_box.one {
	width: 100%;
}


/*------------------ 強調するタイトル ---------------------*/
.important_title {
	padding: 5px 10px;
	background-color: #000;
	font-family: Montserrat, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: relative;
}
.important_title > span {
	/*margin-right: 2em;*/
	font-weight: normal;
	position: absolute;
	left: 10px;
	top: 13px;
}
.title_nowonair {
	background-color: #fa382e;
}
/*------------------ ボタン ---------------------*/
.leading_link {
	position: relative;
}
.leading_link a {
	display: block;
	background-color: #D1D1D1;
	padding: 10px 0;
	margin-top: 4px;
	text-align: center;
}
.leading_link a:hover {
	background-color: #000;
	color: #fff;
}
.leading_link span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 127px;
	padding-top: 10px;
	border-top: 4px solid #000;
}
.leading_link a:hover span {
	border-top-color: #fff;
}
.navbtn {
	display: none;
}

.link{
	text-align: right;
	margin: 30px 0;
}
.link a{
	background: #999;
	border-bottom: 3px solid #333;
	text-decoration: none;
	padding: 10px 20px;
	color: #fff;
}
.link a:hover{
	background: #666;
}




/*------------------ NOW ON AIR ---------------------*/
.onair_box {
	overflow: hidden;
}
.onair_box .program_box {
	overflow: hidden;
}
.onair_box .program_box.bg_black{
	background-color: #000;
}
.onair_box > div,
.onair_box > article,
.onair_box > section {
	overflow: hidden;
	float: left;
	width: 476px;
}
.onair_box .program_box {
	overflow: hidden;
	width: 476px;
	height: 322px;
	line-height: 322px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}
.onair_box .onair_box_left {
	margin-right: 14px;
}

.onair_box .program_box dl > * {
	float: left;
	overflow: hidden;
}

.onair_box .program_box span > *

.2width-wrapper > * {
	float: left;
	overflow: hidden;
	width: 100%;
}

.2width > * {
	float: left;
	overflow: hidden;
	width: 100%;
}


.onair_box .program_box  img {
	vertical-align: middle;
}



/*------------------ contents 2カラム NOW ON AIR ---------------------*/
.layout2 .onair_box > div,
.layout2 .onair_box > section {
	width: 385px;
}
.layout2 .onair_box .program_box {
	width: 385px;
	height: 256px;
	line-height: 256px;
}

.layout2 .onair_box .program_box dt,
.layout2 .onair_box .program_box .2width dt img {
	width: 385px;
}

.layout2 .onair_box .program_box dt,
.layout2 .onair_box .program_box dt  img {
	width: 189px;
}

.layout2 .onair_box .program_box dd {
	height: 256px;
}
.layout2 .onair_box .program_box dd,
.layout2 .onair_box .program_box dd img {
	width: 196px;
	vertical-align: top;
}

.layout2 .onair_box .one > div,
.layout2 .onair_box .one > section {
	width: 100%;
}
.layout2 .onair_box .one .program_box {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-family: Montserrat, sans-serif;
}



/*------------------ lineup ---------------------*/
.program_box {
	position: relative;
	padding-bottom: 6px;
}
.program_box:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	display: block;
	width: 100%;
	height: 6px;
	background-color: #000;
}
.program_box.no:after{
	height: 0;
}
.program_box img:nth-child(2){
	background: #fff;
}
.program_box.nolink:hover:after{
	background-color: #000 !important;
}

/* hoverの色 */
.red:hover:after {
	background-color: #fa382e;
}
.spink:hover:after {
	background-color: #e74291;
}
.bpink:hover:after {
	background-color: #de8fac;
}
.yellow:hover:after {
	background-color: #fff100;
}
.lemonyellow:hover:after {
	background-color: #f2f6bb;
}
.yamabuki:hover:after {
	background-color: #f7ad00;
}
.orange:hover:after {
	background-color: #ff9700;
}
.green:hover:after {
	background-color: #30a03b;
}
.bgreen:hover:after {
	background-color: #b3e7c1;
}
.bluegreen:hover:after {
	background-color: #6ac2cf;
}
.moegi:hover:after {
	background-color: #b7d5a6;
}
.emerald:hover:after {
	background-color: #3bd4cf;
}
.blue:hover:after {
	background-color: #2592e1;
}
.gray:hover:after {
	background-color: #7e7e94;
}
.lbrown:hover:after {
	background-color: #dbae80;
}
.lpurple:hover:after {
	background-color: #bbc9ed;
}
.purple:hover:after {
	background-color: #9c5bfa;
}
.wine:hover:after {
	background-color: #94252e;
}
.gold:hover:after {
	background-color: #a4916c;
}

#contents.lineup_bg{
	background: black url(../../lineup/img/lineup2014_autumn_bg.gif) 0 -20px repeat;
	color: white;
}
#contents.aj2015_bg{
	background: white url(../../lineup/img/aj2015_bg.gif) 0 -20px repeat;
	color: black;
}
#lineup_title{
}
#lineup_title img {
	vertical-align: bottom;
}
#aj2015_title{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
#aj2015_title img {
	vertical-align: bottom;
}
.title_main {
	margin-right: 30px;
}
.title_sub {
	margin-bottom: 2px;
}
.lineup_list ul li{
	/*margin-bottom: 23px;*/
	margin-bottom: 1em;
}

.lineup_list ul li h1{
	font-size:120%;
}

.lineup_list ul li ul {
	margin-top: 1em;
}

.lineup_list ul li ul li {
	margin-bottom: 1.5em;
	font-size: 12px;
}
.lineup_list ul li ul li:before {
	content: "◆";
	margin-right: 0.5em;
}
.lineup_list .guest_box .ruby {
	color: #fefefe;
}
.lineup_list ul.lineup_guest{
	border: solid 1px white;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	width: 610px;
	/*margin-bottom: 1em;
	margin-left: 0.5em;*/
}
.lineup_list ul li .lineup_guest li{
	margin-bottom: 1em;
}
.lineup_list ul li .lineup_guest li:before{
	content: none;
}
.oubo_baner img{
	display: block;
	width: 592px;
	height: 106px;
	background-image: url(../../lineup/img/oubo_baner_hover.png);
}
a.oubo_baner{
	display: block;
	width: 592px;
	height: 106px;
	margin: 25px auto 55px;
	background-image: url(../../lineup/img/oubo_baner_hover.png);
}
.oubo_baner img:hover{
	opacity: 0;
}
#lineup_youtube{
	padding: 30px 0 30px 0;
	background-color: #000;
}
#lineup_youtube_pink{
	padding: 30px 0 30px 0;
	background: url(../../aj2015/img/player_bg.gif) repeat-x top left;
}
.youtube_inner {
	width: 960px;
	margin: auto;
}
.youtube_inner2 {
	width: 786px;
}
.s_guest_table{
	margin: 1em 0;
}
.s_guest_table,
.s_guest_table th,
.s_guest_table td{
	border: 1px white solid;
	border-collapse: collapse;
	padding: 0.5em;
}

/*新作ラインナップ追加分*/
/*.new_lineup_detail{
	width: 786px;
	height: 93px;
	padding: 2em 0;
}
.new_lineup_detail:after{
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.new_lineup_detail_img{
	float: left;
	width: 238px;
	line-height: 93px;
}
.new_lineup_detail_img img{
	display: inline-block;
	vertical-align: middle;
}
.new_lineup_detail_detail{
	float: right;
	width: 500px;
	padding-left: 1em;
}
.new_lineup_detail_detail h1{
	margin-bottom: 1em;
}
.new_lineup_detail_detail p{
	font-size: 12px;
}*/
.new_lineup {
	margin: 30px 0;
}
.new_lineup_detail {
	margin-bottom: 20px;
}
.new_lineup_detail figure {
	float: left;
	width: 385px;
	margin: 0 20px 0 0;
}
.new_lineup_detail_detail h1{
	margin-bottom: .5em;
	font-size: 120%;
}
.new_lineup_detail figure img {
	width: 100%;
}
.new_lineup_detail:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}


/* 2015発表会後のニコ生などのスタイル */
.lineup2015_after {
	width: 960px;
	margin: auto;
}
.lineup2015_after:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.lineup2015_after .youtube_inner {
	float: left;
	width: 520px;
}
.lineup2015_after .tweet_box {
	float: right;
}
.lineup2015_after .tweet_box .twitter-timeline {
	min-width: 400px!important;
}
.nico_sp {
	display: none;
}

/*--- aj2015用 ---*/
.s_guest_table_bk{
	margin: 1em 0;
}

.s_guest_table_bk,
.s_guest_table_bk th,
.s_guest_table_bk td{
	border: 1px black solid;
	border-collapse: collapse;
	padding: 0.5em;
}

.mt_14{
	margin-top: 14px;
}

.mt_0{
	margin-top: 0 !important;
}

.underline{
	text-decoration: underline !important;
}

/*--- サイトTOP ---*/
@media screen and (min-width:768px) {
	.lineup_bnr_sp {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.lineup_bnr_pc {
		display: none;
	}
	.lineup_bnr_sp {
		margin: 0 auto;
		text-align: center;
		line-height: 1!important;
		margin-bottom: 8px!important;
		max-width: 476px;
		margin: 0 auto;
		float: none;
	}
	.lineup_bnr_sp img {
		width: 100%;
	}
}

/*------------------ news ---------------------*/
.news_box section {
	margin-bottom: 7px;
}
.news_box a dl {
	overflow: hidden;
	background-color: #fff;
}
.news_box a:hover dl {
	background-color: #000;
	color: #fff;
}
.news_box a dt {
	float: left;
	width: 107px;
	padding: 10px;
	background-color: #000;
	vertical-align: top;
	font-family: Montserrat, sans-serif;
	color: #fff;
}
.news_box a:hover dt {
	background-color: #fff;
	color: #000;
}
.news_box a dt span {
	display: inline-block;
	margin-left: 10px;
}
.news_box a .news_label {
	float: left;
	padding-right: 15px;
}
.news_box a .news_label p {
	height: 24px;
	line-height: 24px;
	margin-top: 0.5em;
	margin-left: -10px;
	padding: 0px 1.7em 0px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../img/bg_news_label_off.png);
	color: #fff;
}
.news_box a:hover .news_label p {
	background-image: url(../img/bg_news_label_on.png);
}
.news_box a .news_label .official {
	background-color: #3B95D4;
}
.news_box a .news_label .program {
	background-color: #999999;
}
.news_box a .news_label .shop {
	background-color: #98D431;
}
.news_box a .news_label .anime {
	background-color: #999;
}
.news_box a .news_text {
	padding: 10px;
}
.top .news_box a .news_text {
	padding-top: 7px;
	line-height: 2.0;
}
.news_box a .over_text .news_text:before {
	content: "...";
	display: block;
	float: right;
}



/*------------------ guest ---------------------*/
.guest_box .inner_box h1 {
	font-size: 120%;
}
.guest_box .ruby {
	margin-bottom: 8px;
	color: #808080;
}
.guest_box .inner_box:after{
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.guest_box .photo{
	float: left;
	margin-right: 10px;
	width: 200px;
}
.guest_box .photo img{
	width: 100%;
}

.live_box .photo{
	width: 200px;
}
.live_box .photo img{
	width: 200px;
}



/*------------------ ラインナップ ---------------------*/

.archive_box {
	margin-left: -14px;
}

.archive_box h1 {
	margin-left: 14px;
	margin-top: 30px;
}

.archive_box .inner_box {
	margin: 0 0 28px 14px;
	/*background-image: url(../../archive/img/bg_none.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

.archive_box .inner_box.box_1 {
	width: 234px;
}

.archive_box .inner_box h1 {
	margin: 0 0 14px;
}

.archive_box .important_title > span {
	margin: 0 165px 0 0;
}

.archive_box .inner_box.box_1 .important_title > span {
	margin: 0 40px 0 0;
}

.archive_box .inner_box div {
	margin: 0 0 0 -13px;
}

.archive_box .inner_box article {
	width: 235px;
	float: left;
	margin: 0 0 0 13px;
}

.archive_box .inner_box article img {
	width: 235px;
}

.archive_header{
	position: relative;
}
.archive_header h1{
	height: 32px;
	line-height: 32px;
	padding-top: 32px;
	margin-bottom: 45px;
	font-family: Montserrat, sans-serif;
}
.archive_header h1 img{
	margin-right: 20px;
}
.archive_header .link{
	position: absolute;
	top: 10px;
	right: 0;
	font-family: Montserrat, sans-serif;
}

.aftervideo_container {
	width: 640px;
	margin: auto;
}
.aftervideo_container video {
	width: 100%;
}

/*------------------ ラインナップ en ---------------------*/
.archive_box.en .important_title {
	text-align: center;
}


/*------------------ credit ---------------------*/
.credit_box {
	display: table;
	font-family: Montserrat, sans-serif;
}
.credit_box > div {
	position: relative;
	display: table-cell;
	width: 380px;
}
.credit_box > div:first-child {
	width: 180px;
	padding-right: 30px;
}
.credit_box h1 {
	float: right;
}
.credit_box h1 span {
	display: inline-block;
	padding-top: 20px;
	border-top: 4px solid #000;
}
.credit_box section {
	overflow: hidden;
	margin-bottom: 40px;
}
.credit_box section h2 {
	float: left;
	width: 160px;
	padding-top: 21px;
	text-align: right;
}
.credit_box section ul {
	margin-left: 180px;
}
.credit_box section ul:before {
	content: " ";
	display: block;
	width: 85px;
	height: 1px;
	margin-bottom: 20px;
	background-color: #000;
}


/*------------------ ondemand ---------------------*/
.ondemand_box .program_box {
	width: 346px;
	margin: 20px 0;
}


/*------------------ overlay ---------------------*/
#overlay {
	display: none;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	background: rgba(255,255,255,0.9);
}
#overlay_header {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-top: 50px;
}
#overlay_header .title {
	float: left;
	padding-top: 0.5em;
	margin-right: 30px;
}
#overlay_header h1 {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}
#overlay_header .overlay_close {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
	width: 57px;
	height: 0;
	padding-top: 57px;
	background-image: url(../img/close_off.png);
}
#overlay_header .overlay_close:hover {
	background-image: url(../img/close_on.png);
}
#overlay_contents {
	padding-top: 20px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
}
#overlay_contents > article {
	width: 980px;
	margin: 0 auto;
}
#overlay_image {
	text-align: center;
}
#overlay_image.scroll {
	overflow-x: scroll;
}

/*------------------ Loading ---------------------*/

.loading {
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	-webkit-flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100px;
	background-color: #fff;
}

.loading::before {
	display: inline-block;
	content: "読み込み中…";
	text-align: center;
}
.loading::after {
	display: block;
	content: url(../img/icon_loading.gif);
	width: 32px;
	height: 32px;
}

/*------------------ 20140605追記 ---------------------*/

.tit_txt {
	font-size: 40px!important;
	color: #111!important;
}

/*------------------ 20160317追記 ---------------------*/

#twitter_text {
	font-size: 5px;
}

.2width {
width:385px;
}