@charset "UTF-8";
/* CSS Document */




/*--TV------------------*/

/*--局表記------------------*/

.skaper-title {
	background-color: #33ffff;
	color:#000;
	font-size:90%;
	font-weight:600;
	padding:10px;	
}

.title1   {
    font-size: 150%; 
    font-weight: 800; 
}

.title2 {
	color:#000;
	font-size:90%;
}
	
.title3 {
	color:#000000;
	font-size:90%;
	margin-bottom:-10px;
}

.qu {
	color: #F33;
}

/*--リスト------------------*/

.skaper-list table{
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  table-layout: fixed;
}

.skaper-list table tr { 
  border: 1px solid #666;
  padding: .35em;
  font-size:95%;
  font-weight:300;
}

.skaper-list table th {
　font-size:100%;
　font-weight:600;
}


.skaper-list table th,
.skaper-list table td {
  padding:10px 8px 10px 8px;
  border-right: 1px solid #666;
}

#contents_wrapper .skaper-list a:link,
#contents_wrapper .skaper-list a:visited {
	color:#FFF;
}

#list {
	margin-top:-24px;
	font-size:90%;
	line-height:140%;
}

.midashi1 {
	color: #000000;
	font-size:100%;
        font-weight: 600;
	background-color:#FF9;
}

.list-a {
	width:60px;
}

.list-b {
	width:100%;
}

.list-c {
	width:80%;
}

.list-d {
	width:50px;
}

.list-e {
	width:80px;
}

.list-f {
	width:80px;
}

.list-g {
	width:60%;
}

  
.channel {
   color:#0000FF;
   background-color:#F9F;
   font-size:110%;
   font-weight:600;
   line-height:140%;
  }  

#contents_wrapper .channel a:link {color:#0000FF;}
#contents_wrapper .channel a:hover {color:#FFF;}
#contents_wrapper .channel a:visited {color:#0000FF;}

.channel2 {
   color:#0000FF;
   background-color:#FFCC99;
   font-size:110%;
   font-weight:600;
   line-height:140%;
  }
#contents_wrapper .channel2 a:link {color:#0000FF}
#contents_wrapper .channel2 a:hover {color:#FFF}
#contents_wrapper .channel2 a:visited {color:#0000FF}

.colred {
	color: #F33;
	font-weight:600;
   }   

.colbla {
   color: #000000
   }

.colbk {
	color:#000;
	font-weight:100;
}

.colpink {
	color: #F9F;
	font-weight:100;
   }   

.small {
	font-weight:100;
}

#footer {
   color:#FF0000;
   background-color:#CCFFFF;
   font-weight:400;
}

#contents_wrapper #footer a:link {color:#FF0000}
#contents_wrapper #footer a:hover {color:#FFFFFF}
#contents_wrapper #footer a:visited {color:#FF0000}

#footer_2 {
   color:#FFFFFF;
   background-color:#000000;
   border-style: none;
   }

#archive {
	font-size: 100%;
	margin:15px 10px 0px 10px;
}

#archive a:hover {
	color:#FFF;
	text-decoration:none;
}

#archive a:visited {
	color:#CCC;
}

#contents_wrapper .insert-ad-tv {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}

}


/*-----------------------------------------------------	*/
/*	for - 1049px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 920px) {


/*---------------------------------------------
	#wrapper
  ---------------------------------------------*/

.skaper-list table{
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size:90%;
}

.skaper-list table tr {  
  font-size:95%;
  font-weight:200;
}

.skaper-list table th,
.skaper-list table td {
  font-size:90%;
  padding:8px 6px 8px 6px;
}

.skaper-headder{
	width: 100%;
	margin:auto;
	margin-bottom:10px;
	padding:10px;
	color:#FFF;
	background-color:#000;
}

.skaper-headder h1 {	
	margin-bottom:10px;
}

.skaper-headder h2 {	
	text-align:left;
}

.skaper-area {
	width:100%;
	margin:auto;
	margin-top:10px;
	margin-bottom:5px;
	padding:10px;
	color:#FFF;

}
}





/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px){


/*--TV----------------*/

/*--メーカー表記------------------*/

.skaper-title {
	line-height:140%;
	margin-bottom:20px;
}

/*--リスト------------------*/
  .skaper-list table {
    border: 0;
    width:100%;
	margin-top:-30px;
	margin-bottom:30px;
  }
  
  .skaper-list table th{
    font-size:100%;
	line-height:160%;
    display: block;
	border-right: none;
  }
  
  .skaper-list table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .skaper-list table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .skaper-list table td {
    border-bottom: 1px solid #333;
    display: block;
    font-size: 1em; 
    text-align: left;
    position: relative;
    padding: .425em .500em .425em 1em;
    border-right: none;
  }

 .skaper-list table td::before {
    content: attr(data-label);
    color:#999;
	font-size:90%;
    position: relative;
    left: 0px;
  }  
  
  
  .skaper-list table td:last-child {
    margin-bottom:10px;
  }



#list {
	margin-top:-24px;
	font-size:90%;
	line-height:140%;
}

#list .midashi1 {
	display:none;
}

.colred {
	border:none;
}


#footer {
  margin-bottom:-2px; 
}

#archive {
  font-size:80%; 
}
  
      /* セルに見出し代わりの文字を付加 */
   .skaper-list td:nth-child(2) {
        font-size:110%;
　　　　font-weight: bold;
		padding-left:10px;
    }
 
    .skaper-list td:nth-child(1):before {
        content: '画質：';
    }
	
	.skaper-list td:nth-child(2):before {
        content: '';
    }
 
    .skaper-list td:nth-child(3):before {
        content: '劇場初公開タイトル：';
    }
 
    .skaper-list td:nth-child(4):before {
        content: '年度：';
    }
	 .skaper-list td:nth-child(5):before {
        content: '監督：';
    }
 
    .skaper-list td:nth-child(6):before {
        content: '主演：';
    }
	.skaper-list td:nth-child(7):before {
        content: '放送日：';
    }

	
}

/***** Basic Styles END*****/