@charset "UTF-8";
/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20150601
/--------------------------------------------------------------------*/
/**********************************************************************
	基本設定
**********************************************************************/





.wrapper {
　min-width:980px;
  color: #333;
  font: 14px/1.6 'Roboto','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-family:Lato, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  *font-size: small;
  *font: x-small;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrapper div, .wrapper span, .wrapper object, .wrapper iframe, 
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, 
.wrapper p, .wrapper blockquote, .wrapper pre, .wrapper abbr, .wrapper address, 
.wrapper cite, .wrapper code, .wrapper del, .wrapper dfn, .wrapper em, .wrapper img, 
.wrapper q, .wrapper samp, .wrapper .wrapper strong, .wrapper sub, .wrapper sup, 
.wrapper var, .wrapper b, .wrapper i, .wrapper dl, .wrapper dt, .wrapper dd, 
.wrapper ol, .wrapper ul, .wrapper li, .wrapper fieldset, .wrapper form, 
.wrapper label, .wrapper legend, .wrapper table, .wrapper caption, .wrapper tbody, 
.wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article, 
.wrapper aside, .wrapper canvas, .wrapper details, .wrapper figcaption, .wrapper figure, 
.wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section, 
.wrapper summary, .wrapper time, .wrapper mark, .wrapper audio, .wrapper video, .wrapper input{ 
	box-sizing:border-box;
}

/**********************************************************************
　外枠の設定
**********************************************************************/

.wrapper {
  margin: 0 auto;
  zoom: 1;
  color:#fafafa;
background: #111;
background: -webkit-linear-gradient(top, #041D29 0%,#0d1b32 100%);
background: linear-gradient(to bottom, #041D29 0%,#0d1b32 100%);
min-width:980px;

}
.wrapper .wrapper_inner {
  width: 980px;
  margin: 0 auto;
}
.wrapper #content_left {
  float: left;
  margin: 15px 20px 0 0;
  width: 660px;
  zoom: 1;
  /* 印刷バグ解決 */
}
.wrapper #content_right {
  float: right;
  margin-top: 15px auto 0 auto;
  width: 300px;
}

/**********************************************************************
　ナビゲーション
**********************************************************************/

.wrapper #nav {

}
.wrapper #nav li {

}
.wrapper #nav li a {

}

/**********************************************************************
　右カラム
**********************************************************************/

.wrapper #content_right .rectangle {
  width: 300px;
  margin-bottom: 15px;
}
.wrapper #content_right .banner {
  margin-bottom: 15px;
}
.wrapper #content_right .banner li {
  margin-bottom: 8px;
}

/**********************************************************************

　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169%　23px→177%　24px→185%
　25px→192%　26px→200%
*/
/**********************************************************************
 スマホサイトへ遷移するボタン
**********************************************************************/

.wrapper .smpBranch {
  padding: 15px 15px 25px 15px;
	background:#fff;
}
.wrapper .smpBranch a {
  display: block;
  background: #1365C8;
  color: #fff;
  font-weight: bold;
  font-size: 54px;
  text-decoration: none;
  padding: 35px 0;
  text-align: center;
  text-shadow: -5px -5px 1px #05378B;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px #05378B;
}

/**********************************************************************
　01.top
**********************************************************************/


.wrapper #contents {
  position: relative;
}



/**********************************************************************
	テキスト
**********************************************************************/

.wrapper .hidetext {
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden;
}
.wrapper .large {
  font-size: 116%;
  *font-size: 15px;
}
.wrapper .small {
  font-size: 85%;
  *font-size: 11px;
}
.wrapper .x-small {
  font-size: 77%;
  *font-size: 10px;
}
.wrapper .attenntion {
  font-size: 85%;
  line-height: 120%;
  text-indent: -1em;
  margin-left: 1em;
}
.wrapper .red {
  color: #F00;
}

/**********************************************************************
	リンクカラー
**********************************************************************/

/*　必要に応じてパーツごとに記載（共通ヘッダ・フッタ・右カラムパーツに影響しないよう注意）
.wrapper a { cursor: pointer; color: #06c; text-decoration: none; }
.wrapper a:link, .wrapper a:visited { color: #06c; text-decoration: none; }
.wrapper a:hover, .wrapper a:focus, .wrapper a:active { color: #06c; text-decoration: underline; }
.wrapper a { cursor: pointer; color: #06c; text-decoration: none; }
*/

/*ソーシャルバー（削除不可）*/

.wrapper #tx_social_bar a {
  color: #fff;
  text-decoration: none;
}

/**********************************************************************
　フロート
**********************************************************************/

.wrapper .float_l {
  float: left;
}
.wrapper .float_r {
  float: right;
}
.wrapper .clearfix:after {
  content: ".";
  display: block;
  height: 0.1px;
  clear: both;
  visibility: hidden;
}
.wrapper .clearfix {
  zoom: 1;
}
.wrapper .clear {
  clear: both;
}

/**********************************************************************
 margin&padding
**********************************************************************/

.wrapper .mt5{margin-top:5px;}
.wrapper .mt10{margin-top:10px;}
.wrapper .mt20{margin-top:20px;}
.wrapper .mt30{margin-top:30px;}
.wrapper .mt40{margin-top:40px;}
.wrapper .mt50{margin-top:50px;}
.wrapper .mt80{margin-top:80px;}
.wrapper .mt100{margin-top:100px;}

.wrapper #contents{
		padding-top:30px;
}

.wrapper #content_left {
  float: none;
  margin: 0 auto;
  width: 980px;
}
.wrapper #content_right {
  float: none;
  width: auto;
  margin-top:40px;
  padding:30px 0 20px 0;
}

.wrapper .roboto{
  font-family:'Roboto',Lato, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#DOMWindow{
	border-radius:5px;
}

.wrapper #content_right{
	background:#050e1b url(../images/bg_dot.png);
}
.wrapper #content_right .col3_box{
	position:relative;
	width:33%;
	float:left;
}

/* #gogo_nav */
/* -----------------------------------*/
.wrapper .gogo_nav ul{
	position:relative;
	width:100%;
}

.wrapper .gogo_nav li{
	position:relative;
	float:left;
	width:50%;
	z-index:0;
}

.wrapper .gogo_nav li a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#7a7d7e;
	font-size:35px;
	font-weight:400;
	padding:5px 0;
	transition:all .3s ease-in-out;
	border-bottom:solid 5px #0d2842;
	letter-spacing:-1px;
	position:relative;
}

.wrapper .gogo_nav.bottom ul li a{
	border-top:solid 5px #0d2842;	
	border-bottom:none;
}

.wrapper .gogo_nav:last-child li a{
	border-top:solid 5px #0d2842;
	border-bottom:none;	
}

.wrapper .gogo_nav li a:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-15px;
	margin-left:-5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0d2842 transparent transparent transparent;
	transition:all .3s ease-in-out;
}

.wrapper .gogo_nav li a.hover:after,
.wrapper .gogo_nav li:hover a:after{
	border-color: #ff9c00 transparent transparent transparent;
}


.wrapper .gogo_nav.bottom ul li a:after{
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent #0d2842 transparent;
	top:-15px;
	bottom:auto;
}

.wrapper .gogo_nav.bottom li a.hover:after,
.wrapper .gogo_nav.bottom li:hover a:after{
	border-color: transparent transparent #ff9c00 transparent;
}





.wrapper .gogo_nav li .nav_year{
	color:#7a7d7e;
	font-size:100%;
	line-height:1em;
}

.wrapper .gogo_nav li .nav_month{
	font-size:120%;
	line-height:1em;
}


.wrapper .gogo_nav li a:hover,
.wrapper .gogo_nav li a.hover{
	color:#ff9c00;
	border-color:#68727b!important;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
}


.wrapper #footer_logo{
	display:block;
	text-align:center;
	padding:70px 0 10px 0;
}

.wrapper #footer_logo a{
	opacity:0.4;
	transition:all .25s ease-in-out;
}

.wrapper #footer_logo a:hover{
	opacity:1;
}




/* #gogo_header */
/* -----------------------------------*/

.wrapper #gogo_header{
	position:relative;
	width:100%;
}

.wrapper #gogo_header .od_date{
	position:absolute;
	top:5px;
	left:440px;
}

.wrapper #gogo_header .tx_social_table{
	margin-top:-5px;
}

.wrapper #gogo_header h2{
	font-size:160%;
	line-height:1em;
}

.wrapper #gogo_header h3{
	font-size:80%;
	font-weight:normal;
	color:#ccc;
}



/* #line_up_header */
/* -----------------------------------*/

.wrapper #line_up_header{
	opacity:0;
	position:relative;
	display:table;
	overflow:hidden;
	transition:all .3s ease-in-out;
}

.wrapper #line_up_header.show{
	opacity:1;
}

.wrapper #line_up_header .other_data div{
	display:inline-block;
	padding-left:10px;
}


.wrapper #oa_img_block{
	width:605px;
	display:table-cell;
	overflow:hidden;
	position:relative;
}

.wrapper #oa_img_block img{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50%;
	width:100%;
}

.wrapper #oa_img_block .g_img:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
	background:#010a10 url(../images/bg_dot.png);
	opacity:0.2;	
}

.wrapper #oa_data_block{
	display:table-cell;
	width:375px;
}

.wrapper #line_up_header #oa_day.roboto{
	position:relative;
	font-weight:100;
	font-size:70px;
	text-align:center;
	line-height:1em;
	padding:26px 0;
}

.wrapper #line_up_header #oa_day .small{
	font-size:40%;
}

.wrapper #line_up_header .bgbox.oaday{
	background:#010a10 url(../images/bg_dot.png);
	position:relative;
}

.wrapper #line_up_header .bgbox.spthema{background:#8e0000 url(../images/bg_dot.png);}

.wrapper #line_up_header .bgbox.title{
background: -webkit-linear-gradient(top, rgba(10,40,60,1) 0%, rgba(15,30,45,1) 100%);
background: linear-gradient(to bottom, rgba(10,40,60,1) 0%, rgba(15,30,45,1) 100%);
height:205px;
position:relative;
}

.wrapper #line_up_header .bgbox.title:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/bg_dot.png);
}

.wrapper #line_up_header #sp_thema{
	font-size:14px;
	padding:10px 0;
	text-align:center;
	line-height:1;
}

.wrapper #line_up_header .country_year{
	font-weight:normal;
}


.wrapper #main_title{
	position:relative;
	text-align:center;
	z-index:2;	
}

.wrapper #main_title span{
	display:block;
}

.wrapper #main_title span.jp{
	font-size:23px;
	font-weight:normal;
	line-height:1.1em;
	padding-top:30px;
}

.wrapper #main_title span.en.roboto{
	font-size:11px;
	font-weight:200;
	color:#c9c9ca;
}

.wrapper #main_title span.other{
	margin-top:10px;
	font-size:12px;
	color:#999;
	font-weight:normal;
	padding:5px 20px;
	border:solid 1px #555;
	border-radius:5px;
	display:inline-block;
}

.wrapper #main_title span.other span{
	display:inline;
}

.wrapper #line_up_header .dot{
	font-size:10px;
	color:#999;
	opacity:0.5;
}

.wrapper #main_title span.red_heading{
	display:inline-block;
	margin:15px 0 0 0;
	background:#920000;
	line-height:1em;
	padding:5px 10px;
	border-radius:2px;
}

.wrapper .bgbox.title .bgbox.movie{
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	height:60px;
	cursor:pointer;
}

.wrapper .bgbox.title .bgbox.movie a:hover{
	opacity:0.9;	
}


.wrapper .bgbox.title #gogo_movie{
	display:table;
	text-decoration:none;
	color:#333;
	position:relative;
	line-height:1.1em;
	background:#ff9c00 url(../images/bg_dot.png);
	padding: 0 20px 0 80px;
	font-size:18px;
	cursor:pointer;
	box-sizing:border-box;
	width:100%;
	border:solid 1px #ff7600;
	border-bottom:solid 5px #92490a;
	border-top:solid 1px #FFFD00;
	border-top:solid 1px rgba(255,255,0,0.5);
	z-index:2;
}

.wrapper .bgbox.title #gogo_movie h3{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height:60px;
	cursor:pointer;
	z-index:1;
}

.wrapper .bgbox.title #gogo_movie:after{
	content:"";
	position:absolute;
	top:25%;
	left:20px;
	width: 	0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 20px;
	border-color: transparent transparent transparent #f6ff00;
	z-index:1;
	border-radius:2px;
}

.wrapper .bgbox.title #gogo_movie:before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	background:#d45f0d  url(../images/bg_dot.png);
	top:0;
	left:0;
	z-index:0;	
}

.wrapper #oa_img_block .mini_data{
	position:absolute;
	z-index:1;
	padding:30px 20px 10px 20px;
	left:0;
	bottom:0;
	width:100%;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.85) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.85) 100%);
	font-size:12px;
	text-align:right;
}


.wrapper .data_title{
	background:#1e6182;
	padding:0 5px;
	border-radius:2px;
	margin-right:0.5em;
	font-size:95%;
}


.wrapper #oa_img_block .mini_data .title{
	font-size:130%;
	font-weight:bold;
	color:#ccc;
	text-shadow:0 0 3px #000;
}



/* lineup_block */
/* -----------------------------------*/

.wrapper .gogo_lineup_block{
	position:relative;
}


.wrapper h2.gogo_lineup{
	font-size:32px;
	line-height:1em;
	color:#ff9c00;
	font-weight:400;
	letter-spacing:-1px;
}

.wrapper .gogo_lineup_table{
	display:table;
}

.wrapper .gogo_cell{
	display:table-cell;
	vertical-align:middle;
}

.wrapper .gogo_cell.nowrap{
	white-space:nowrap;
}

.wrapper h2.gogo_lineup .h2_year{
	color:#7a7d7e;
	font-size:120%;
	line-height:1em;
}

.wrapper h2.gogo_lineup .h2_month{
	color:#eee;
	font-size:120%;
	line-height:1em;
}



.wrapper .gogo_tag ul{
	margin-left:20px;
}

.wrapper .gogo_tag ul li{
	float:left;
}

.wrapper .gogo_tag ul li a{
	color:#111;
	background:#ff9c00;
	padding:2px 10px;
	margin:2px 3px;
	border-radius:2px;
	text-decoration:none;
	display:inline-block;
	transition:all .25s ease-in-out;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:115%;
	cursor:pointer;
}

.wrapper .gogo_tag ul li a.hover,
.wrapper .gogo_tag ul li a:hover{
	background:#4a8ab3;
}



.wrapper .all_lineup .gogo_item{
	width:192px;
	height:300px;
	float:left;
	margin:15px 2px 10px 2px;
	position:relative;
	border:solid 2px #686868;
	overflow:hidden;
	transition:all .3s ease-in-out;
	background:url(../../images/bg_item.jpg) no-repeat  center center;
	background-size:cover;
	cursor:pointer;
}

.wrapper .all_lineup .gogo_item.nextOA{
	border-color:#ff9c00;
}

.wrapper .all_lineup .gogo_item.blank{
	opacity:0.5;
	border:solid 1px #333b42;
	cursor:auto;
}
.wrapper .all_lineup .gogo_item.blank:hover{
	opacity:0.5!important;
}

.wrapper .all_lineup .gogo_item.not_pickup{
	opacity:0.8;
	-webkit-transform: scale(.95);
    transform: scale(.95);
}

.wrapper .all_lineup .gogo_item.oaEND.not_pickup,
.wrapper .all_lineup .gogo_item.oaEND{
	opacity:0.3;
}

.wrapper .all_lineup .gogo_item.not_pickup.pickup{
	box-shadow:0 0 30px rgba(228,163,0,1); 
	border-color:#ff9c00;
	border-color:rgba(228,163,0,0.6);
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
	z-index:5;
	opacity:1;
}

	
.wrapper .all_lineup .gogo_item .g_img img{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-25%;
	width:auto;
	height:100px;
	z-index:0;
	transition:all 1s ease-in-out;
	top:70px;
	margin-left:-137px;
	height:160px;
}

.wrapper .all_lineup .gogo_item .g_red{
	position:absolute;
	top:0;
	left:0;	
	width:70px;
	z-index:1;
	text-align:center;
	background:#920000;
	background:rgba(145,0,0,0.8);
	font-size:12px;
	font-weight:bold;
	transition:all 0.5s ease-in-out;
	border-radius:0 0 5px 0;
}

.wrapper .all_lineup .gogo_item .g_day{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	text-align:center;
	background:#031421;
	background:rgba(5,20,35,0.9);
	width:70px;
	width:100%;
	height:70px;
	line-height:70px;
	font-size:40px;
	font-weight:200;
	letter-spacing:-1px;
	transition:all 0.8s cubic-bezier(.075,.82,.165,1);
}

.wrapper .all_lineup .gogo_item .g_hide{
	display:none;
	transition:all .6s ease-in-out;
}

.wrapper .all_lineup .gogo_item .g_data_block{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:2;
	background: rgba(5,25,40,0.7);
	
	transition:all .3s ease-in-out;
	
	-webkit-transition: ease-out;
	transition: ease-in-out;
		
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-name: anime_g_data_block_out;
	animation-name: anime_g_data_block_out;
	
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	
}

.wrapper .all_lineup .gogo_item .g_data_block .other_data{
	padding:0 10px;
	width:100%;
	letter-spacing:-1px;
	font-size:13px;
}

.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_country_year{
	display:block;
	color:#ccc;
	font-size:90%;
}

.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_country_year .dot{
	font-size:9px;
	color:#103648;
	margin:0 3px;
	line-height:1em;
}

.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_other_data{
	display:block;
	margin-top:5px;
	font-size:90%;
}
.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_other_data .g_t{
	display:table;
	vertical-align:top;
	margin-top:5px;
}

.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_other_data .g_c{
	display:table-cell;
	vertical-align:top;
	line-height:1.2em;
}
.wrapper .all_lineup .gogo_item .g_data_block .other_data .g_other_data .g_t .g_c:first-child{
	white-space:nowrap;
}

.wrapper .all_lineup .gogo_item .g_data_block .g_sp_thema{
	display:block;
	background:#920000;
	background:rgba(145,0,0,0.8);
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:2px 0;
}




.wrapper .all_lineup .gogo_item .g_data_block h3{
	padding:5px 10px 10px 10px;
	font-weight:normal;
}

.wrapper .all_lineup .gogo_item .g_data_block h3 .jp{
	display:block;
	font-size:110%;
	line-height:1.2em;
	letter-spacing:-1px;
}

.wrapper .all_lineup .gogo_item .g_data_block h3 .en{
	display:block;
	font-weight:200;
	font-size:80%;
	line-height:1em;
	color:#ccc;
	margin-top:5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.wrapper #line_up_header .gogo_share,
.wrapper .all_lineup .gogo_item .gogo_share{
	display:block;
	position:absolute;
	z-index:1;
	color:#f6ff00;
	width:25%;
	height:70px;
	text-align:center;
	top:0;
	right:-25%;
	background:#ff9c00;
	background:rgba(5,20,35,0.5);
	font-size:20px;
	cursor:pointer;
	line-height:1em;
	padding-top:20px;
	transition:all .5s ease-out;
}

.wrapper #line_up_header .gogo_share{
	top:0;
	right:0;
	width:60px;
}

.wrapper #line_up_header .gogo_share .roboto,
.wrapper .all_lineup .gogo_item .gogo_share .roboto{
	display:block;
	font-size:60%;
	font-weight:400;
}

.wrapper .all_lineup .gogo_item .gogo_share .roboto{display:none;}

.wrapper #line_up_header .gogo_share:hover,
.wrapper .all_lineup .gogo_item .gogo_share:hover{
	background:#142c44;
}

.wrapper .gogo_share_window{
	position:absolute;
	bottom:-110%;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
	transition:all .6s ease-out;
	background: #041626;
}

.wrapper .gogo_share_window.show{
	bottom:0;
}

.wrapper .gogo_share_window .gogo_social_bar { width: 100%; margin: 0 auto; }
.wrapper .gogo_share_window .gogo_social_bar a { line-height:60px;font-size: 23px; color: #fff; text-decoration: none; display: block; border: none; box-sizing: border-box; text-align: center; outline: none; font-weight: normal; background: #041626; width: 50%;	transition:all .3s ease-out;float:left; }
.wrapper .gogo_share_window .gogo_social_bar a.Twitter{width:100%;}
.wrapper .gogo_share_window .gogo_social_bar span { display: none; }
.wrapper .gogo_share_window .gogo_social_bar a:before { position: static; margin: 0 auto 15px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "tv-tokyo-icons-1" !important; }
.wrapper .gogo_share_window .gogo_social_bar a.Twitter:hover { background: #00b0ed; }
.wrapper .gogo_share_window .gogo_social_bar a.Twitter:before { content: "\5a"; }
.wrapper .gogo_share_window .gogo_social_bar a.Facebook:hover { background: #3c599f; }
.wrapper .gogo_share_window .gogo_social_bar a.Facebook:before { content: "\5b"; }
.wrapper .gogo_share_window .gogo_social_bar a.Google:hover { background: #dd4b39; }
.wrapper .gogo_share_window .gogo_social_bar a.Google:before { content: "\5c"; }
.wrapper .gogo_share_window .gogo_social_bar a.Atode:hover { background: #ee4056; }
.wrapper .gogo_share_window .gogo_social_bar a.Atode:before { content: "\5d"; }
.wrapper .gogo_share_window .gogo_social_bar a.Hatena:hover { background: #2c6ebd; }
.wrapper .gogo_share_window .gogo_social_bar a.Hatena:before { font-family: "tv-tokyo-icons-2" !important; content: "\34"; }
.wrapper .gogo_share_window .gogo_social_bar a.Line:hover { background: #2cbf13; }
.wrapper .gogo_share_window .gogo_social_bar a.Line:before { content: "\5e"; }
.wrapper .gogo_share_window .close{
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	background:#ff9c00;
	text-decoration:none;
	color:#111;
	border-radius:0 0 0 2px;
	font-size:120%;
}

.wrapper .gogo_share_window .gogo_social_bar a.g-calendar{
	padding-top:20px;
	width:100%;
	position:relative;
}
.wrapper .gogo_share_window .gogo_social_bar a.g-calendar:hover{
	background:#C82C2C;
}
.wrapper .gogo_share_window .gogo_social_bar a.g-calendar:before{
	content:"";
	background:url(../images/icon_cal.png) no-repeat center center;
	background-size:auto 100%;
	position:relative;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
}

.wrapper .gogo_share_window .gogo_social_bar a.g-calendar .text{
	margin:0;
	padding-bottom:20px;
	display:block;
	margin-top:5px;
	font-size:11px;
	color:#ccc;
	line-height:1.1em;
  font-family:Lato, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.wrapper #line_up_header .gogo_share_window{
	width:15%;
	right:0;
	left:auto;
	background:rgba(5,20,35,0.6);
}

.wrapper #line_up_header .gogo_share_window .gogo_social_bar a{
	line-height:75px;
	font-size: 30px; 
}


.wrapper .all_lineup .gogo_item:hover .gogo_share,
.wrapper .all_lineup .gogo_item.hover .gogo_share{
	right:0;
}

.wrapper .all_lineup .gogo_item.not_pickup:hover,
.wrapper .all_lineup .gogo_item:hover,
.wrapper .all_lineup .gogo_item.hover{
	/*border-color:#ff9c00;*/
	opacity:1;
}

.wrapper .all_lineup .gogo_item:hover .g_day,
.wrapper .all_lineup .gogo_item.hover .g_day{
	width:75%;
	left:0;
}

.wrapper .all_lineup .gogo_item:hover .g_data_block h3 .en{
	overflow: visible;
	white-space:normal;
}

.wrapper .all_lineup .gogo_item:hover .g_img img,
.wrapper .all_lineup .gogo_item.hover .g_img img{
	opacity:0.2;
	top:-20px;
	height:345px;
	margin-left:-290px;
}

.wrapper .all_lineup .gogo_item .g_day .small{
	font-size:40%;	
}

.wrapper .all_lineup .gogo_item:hover .g_hide,
.wrapper .all_lineup .gogo_item.hover .g_hide{
	display:inline;
	opacity:1;
	
	-webkit-transition: ease-out;
	transition: ease-in-out;
		
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-name: anime_g_hide;
	animation-name: anime_g_hide;
	
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.wrapper .all_lineup .gogo_item:hover .g_data_block .other_data,
.wrapper .all_lineup .gogo_item.hover .g_data_block .other_data{
	display:block;
	opacity:1;
	
	-webkit-transition: ease-out;
	transition: ease-in-out;
		
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-name: anime_g_hide;
	animation-name: anime_g_hide;
	
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes anime_g_hide{
	from {opacity:0;}
	50%{opacity:0;}
	to {opacity:1;}
}


	
@keyframes anime_g_hide {
	from {opacity:0;}
	50%{opacity:0;}
	to {opacity:1;}
}

.wrapper .all_lineup .gogo_item:hover .g_red,
.wrapper .all_lineup .gogo_item.hover .g_red{
	opacity:0;
}

.wrapper .all_lineup .gogo_item:hover .g_data_block,
.wrapper .all_lineup .gogo_item.hover .g_data_block{
	
	height:180px;

	-webkit-transition: ease-out;
	transition: ease-in-out;
		
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	-webkit-animation-name: anime_g_data_block;
	animation-name: anime_g_data_block;
	
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	
}

@-webkit-keyframes anime_g_data_block{
	from {height:70px;}
	to {height:230px;}
}
	
@keyframes anime_g_data_block{
	from {height:70px;}
	to {height:230px;}
}

@-webkit-keyframes anime_g_data_block_1300{
	from {height:70px;}
	to {height:180px;}
}
	
@keyframes anime_g_data_block_1300{
	from {height:70px;}
	to {height:180px;}
}



@-webkit-keyframes anime_g_data_block_out{
	from {height:auto;bottom:100px;}
	to {height:auto;bottom:0;}
}


	
@keyframes anime_g_data_block_out{
	from {height:auto;bottom:100px;}
	to {height:auto;bottom:0;}
}





.wrapper #copylight{
	font-size:10px;
	color:#666;
	text-align: justify;
}

.gogo_week_wrap.hide_WEEK{
	display:none;
}

.wrapper #gogo_hide_WEEK_show,
.wrapper .gogo_hide_WEEK_show{
	text-align:center;
	cursor:pointer;
	margin:20px 0 10px 0;
	padding:10px 0;
	background:#0d2842;
	color:#aaa;
	transition:all 0.8s cubic-bezier(.075,.82,.165,1);
	border:solid 1px #164263;
}

.wrapper #gogo_hide_WEEK_show:hover{
	background:#164263;
}

.wrapper .lineup_header_wrap{
	min-height:375px;
	overflow:hidden;
	background:url(../images/loading.gif) no-repeat center center;
}


.wrapper a.arrow_top{
	text-align:center;
	display:block;
	position:fixed;
	background:rgba(0,0,0,0.5);
	padding:16px 10px;
	border-radius:50px;
	bottom:20px;
	right:30px;
	z-index:5;
	opacity:0.8;
	border-bottom:solid 1px rgba(0,0,0,0.8);
}

.wrapper a.arrow_top img{
	width:70%;
	height:auto;
}

.wrapper a.arrow_top:hover{
	opacity:1;
}





.wrapper #gogo_g_mode_nav{
	display:none;
}

.wrapper #gogo_g_mode_nav .nBlock{
	color:#fafafa;
	background:#111;
	background:rgba(0,0,0,0.2);
	display:table;
	width:100%;
	table-layout:fixed;
	overflow:hidden;
	border-radius:3px;
}

.wrapper #gogo_g_mode_nav .nBlock div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:33.3%;
}

.wrapper #gogo_g_mode_nav .nBlock div a{
	position:relative;
	text-decoration:none;
	color:#7a7d7e;	
	display:block;
	padding:16px 35px;
	line-height:1.1em;
	transition:all .3s ease-in-out;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrapper #gogo_g_mode_nav .nBlock div a .small{
	font-size:50%;
}

.wrapper #gogo_g_mode_nav .nBlock .no_arrow{
	font-weight:bold;
	border-left:solid 1px #222;
	border-right:solid 1px #222;
	line-height:1.1em;
}

.wrapper #gogo_g_mode_nav .nBlock .no_arrow .small{
	font-size:60%;
	line-height:1.1em;
}


.wrapper #gogo_g_mode_nav .nBlock div a:hover{
	background:#4a8ab3;
	color:#111;
}


.wrapper #gogo_g_mode_nav .nBlock div.left a:after,
.wrapper #gogo_g_mode_nav .nBlock div.right a:after{
	content:"";
	position:absolute;
	top:50%;
	right:5%;
	width: 	0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #ff9c00;
	z-index:1;
	border-radius:2px;
	margin-top:-9px;
}

.wrapper #gogo_g_mode_nav .nBlock div.left a:after{
	right:auto;
	left:5%;
	border-style: solid;
	border-width: 8px 10px 8px 0;
	border-color: transparent #ff9c00 transparent transparent ;
}


.wrapper .gogo_show_980{display:block;}
.wrapper .gogo_show_1300{display:none;}






@media screen and (min-width: 1300px) {
.wrapper .gogo_show_980{display:none;}
.wrapper .gogo_show_1300{display:block;}
.wrapper #content_left  {width: 1300px;}
.wrapper #oa_data_block{width:486px;}
.wrapper #oa_img_block{width:810px;}
.wrapper #line_up_header .bgbox.title{height:290px;}
.wrapper #line_up_header #oa_day.roboto{ font-size:90px;}
.wrapper #main_title span.jp{ font-size:30px;padding-top:40px;}
.wrapper #line_up_header #sp_thema{ font-size:18px;}
.wrapper .bgbox.title #gogo_movie h3{ font-size:120%;}
.wrapper #main_title span.en.roboto{ font-size:14px;}
.wrapper .all_lineup .gogo_item .gogo_share .roboto{display:block;}
.wrapper .all_lineup .gogo_item .g_day{font-size:50px;}

.wrapper .all_lineup .gogo_item{
	margin-left:3px;
	margin-right:3px;
	border-width:2px;
	width:253px;
	height:253px;
}

.wrapper .all_lineup .gogo_item:hover .g_data_block,
.wrapper .all_lineup .gogo_item.hover .g_data_block{
	-webkit-animation-name: anime_g_data_block_1300;
	animation-name: anime_g_data_block_1300;
}

.wrapper .all_lineup .gogo_item .g_img img{height:180px;margin-left:-154px;}
.wrapper #line_up_header .gogo_share_window .gogo_social_bar a{line-height:97px;}
.wrapper .gogo_share_window .gogo_social_bar a { line-height:47px;}
.wrapper .lineup_header_wrap{min-height:473px;}
.wrapper #line_up_header #oa_day.roboto{padding:18px 0;}
.wrapper #main_title span.other{margin-top:30px;}

}