@charset "utf-8";
/*--------------------------------------------------
      General Setting CSS for ASCII TV
                        Last Modified 2018.1.26
                        http://ascii.jp/
						File Name:jpAsciiTV.css
--------------------------------------------------*/

@import "jpGeneral.css?2024061101";

/*Font-size -----------------------------------------------------------------
77% = 10px	85% = 11px	92% = 12px	100% = 13px	107% = 14px	114% = 15px	122% = 16px	129% = 17px
136% = 18px	144% = 19px	152% = 20px	159% = 21px	167% = 22px 174% = 23px	182% = 24px	189% = 25px
------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img	{	margin: 0;	padding: 0;	}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
figure {
	margin: 0;
	padding: 0;
	text-align: center;
}
/*レイアウト*/
#asciitv #jpWrap {
	border-top: none;
}
#asciitv #jpWrap #container {
	padding-bottom: 10px;
}
#asciitv #jpWrap #mainC {
	width: 728px;
	padding: 0 9px 0 9px;
	float: left;
	margin: 0;
}
#asciitv #jpWrap a:link {
	color: #000;
}
#asciitv #jpWrap a:visited {
	color: #222;
}
#asciitv #jpWrap #mainC a:hover,
#asciitv #jpWrap #mainC .L1pane li a:hover h3 {
	text-decoration: underline;
}
#asciitv #jpWrap #header #jplogo h1 a {
    padding: 48px 0 0;
    display: block;
    width: 260px;
    height: 0;
    overflow: hidden;
}
#asciitv #mainC .ban728 {
	margin: 0 0 10px;
    position:relative;
    height:240px;
}
#asciitv #mainC .ban728 img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#asciitv #mainC .ban728 img.active {
    z-index:10;
}
#asciitv #mainC .ban728 img.last-active {
    z-index:9;
}
#nav {
	clear: both;
}
/*1カラム共通*/
#asciitv .L1list h2,
#asciitv .L1pane h2 {
	background: #ddd;
	color: #333;
	font-weight: bold;
	padding: 7px 15px;
	font-size: 116%;
}
#asciitv .L1list,
#asciitv .L1pane {
	margin: 0 0 5px;
	padding: 0 0 9px;
	background: #fff;
}
/*1列1カラム*/
#asciitv .L1pane .movView {
	padding-top:10px;
	display:table-cell;
	width:400px;
	vertical-align:top;
}
#asciitv .L1pane .movList > div {
	overflow: hidden;
	padding: 10px 0 10px 10px;
}
#asciitv .L1pane .movList > div figure {
	margin: 0 7px 7px 0;
}
#asciitv .L1pane .movList > div h3 {
	font-size: 108%;
	font-weight: bold;
}
#asciitv .L1pane .movList div div{
	float: left;
	margin: 0;
	width: 168px;
}
#asciitv .L1pane  .movList div .lead {
	overflow: hidden;
}

/*右カラム*/
#asciitv #sideR .banSide {
	margin: 10px 5px 10px 7px;
}
#asciitv #sideR .sideBox {
	margin: 0px 5px 10px 7px;
}
#asciitv #sideR .sideBox .inner {
	padding: 10px;
	background: #fff;
	border:1px solid #ccc;
}
#asciitv #sideR .sideBox h4 {
	background: #f7b625;
	font-weight: bold;
	padding: 8px 5px 5px;
	font-size: 114%;
	font-weight:bold;
	text-align: center;
}
#asciitv #sideR .sideBox h5 {
	font-size: 108%;
	font-weight:bold;
}
#asciitv #sideR .sideBox p {
	margin: 0 0 5px;
}
#asciitv #sideR .sideBox ul {
	margin: 0;
}
#asciitv #sideR .sideBox li {
	margin: 5px 0;
	padding: 0;
}
#asciitv #sideR .sideBox.info > * {
	font-size: 116%
}
#asciitv #sideR .sideBox.info ul {
	margin: 10px 0;
	padding: 5px 0 0;
	border-top: 1px dotted #ccc;
}
#asciitv #sideR .sideBox.thumb li {
	margin:0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px #ccc dotted;
}
#asciitv #sideR .sideBox li:last-child {
	margin: 0;
	border:0;
}
#asciitv #sideR .sideBox li .date {
	color: #666;
}

/* player and thumbnails */
figure {
	margin: 0 0 5px;
}
time {
	margin: 0 0 7px;
	color: #aaa;
	display: block;
	font-size:11px;
	text-align:right;
}
.listbtn {
	margin: 0 0 15px;
}
.listbtn a {
      font-weight: bold;
      display: block;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box;
      font-size: 12px;
      color: #000 !important;
      text-align: center;
      padding: 5px;
      border-radius: 8px;
      background: #f7b625;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
}
.listbtn a:hover {
	text-decoration: none !important;
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	-ms-filter: "alpha( opacity=0.8 )";
}
.movTitle {
	font-weight:bold;
	}
#asciitv #largeply {
	margin: 0 0 10px;
}
#asciitv #largeply h2 {
	margin:0 0 3px!important;
	padding:2px 0;
	background-color:#000;
	color:#fff;
	font-size:20px;
}
#asciitv #ytlive {
	margin: 0 0 10px;
}
#asciitv .L1pane section.smallply {
	display:table;
}
#asciitv .L1pane .movView {
	padding-top:10px;
	display:table-cell;
	width:400px;
	vertical-align:top;
}
#asciitv .L1pane .movList {
	display:table-cell;
	vertical-align:top;
}
#asciitv .L1pane .movList li figure {
	float: left;
}
#asciitv .L1pane .horizontal {
	margin: 10px 4px;
}
#asciitv .L1pane .horizontal .movList div,
#asciitv .L1pane .horizontal li {
	padding: 0 7px 15px;
	float: left;
	width: 166px;
}
#asciitv .L1pane .horizontal .movList div figure,
#asciitv .L1pane .horizontal li figure {
	margin: 0 0 5px;
	text-align: center;
}
#asciitv .L1pane .horizontal .movList div h4,
#asciitv .L1pane .horizontal li h4 {
	font-size: 100%;
	font-weight: bold;
}
#asciitv .L1pane .horizontal.triple {
	margin-bottom: 0;
}
#asciitv .L1pane .horizontal.triple li {
	width: 226px;
}
#asciitv .L1pane .horizontal.triple li div {
	margin: 0 0 5px;
	float: none;
}
#asciitv .L1pane .horizontal.quad {
	margin-bottom: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#asciitv .L1pane .horizontal.quad li {
	width: 346px;
}
#asciitv .L1pane .horizontal.quad li div {
	margin: 0 0 5px;
	float: none;
}
#asciitv .L1pane .bcove {
	margin-bottom: 10px;
}
#asciitv .L1pane .bcove .movView {
	padding-top:10px;
	display:table-cell;
	width:520px;
	vertical-align:top;
}
#asciitv .L1pane .bcove .sideTxt {
	padding: 10px;
	display: table-cell;
	vertical-align:bottom;
}
#asciitv .L1pane .movThumb {
	position: relative;
	cursor: pointer;
}
#asciitv .L1pane .movThumb .movPlay {
    margin: 0;
	position: absolute;
	left: 177px;
	top: 99px;
	width: 42px;
	height: 30px;
	background-color: rgba(0,0,0,0.7);
	background-image: url(/img/0910/btn_play_youtube.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-moz-background-size:auto 12px;
	-webkit-background-size:auto 12px;
	background-size: auto 12px;
	-webkit-border-radius: 7px;  
    -moz-border-radius: 7px;
    border-radius: 7px;
	z-index: 5
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
#asciitv .L1pane .movThumb:hover .movPlay {
	background-color: #e62e24;
}
#asciitv .L1pane .horizontal li .movThumb .movPlay {
	margin: 0;
	left: 152px;
	top: 83px;
}