@charset "UTF-8";

@-ms-viewport	{width: device-width;}

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}
	
a{-webkit-tap-highlight-color:rgba(0,0,0,0.40); }

a:link {
	color:#000;
	text-decoration: none;
	font-weight:normal;}
	
a:visited {
	color: #000;
	text-decoration: none;
	font-weight:normal;}
	
a:hover, a:active, a:focus {
	color: #000;
	text-decoration: none;
	font-weight:normal;}
	
img {border: none;}

li {list-style:none;}

p {margin: 0;
	padding: 0;}
	

/* コンテナ 初期設定*/
.container-m	{
	max-width: 100%;
	margin: 0 auto;
	padding: 0 ;}

/* ヘッダー */
.header{padding: 0;
	background-color:#fff;}
	
.header .img-left	{float: left;
	padding:0 0 0 0;
	max-width: 75%;
/*	height: auto;*/
	height:60px;
	margin: 0 0 0 0;
	vertical-align: bottom;}

.header .img-right	{float: right;
	max-width: 22%;
/*	height: auto;*/
	height:60px;
	margin: 0 0 0 0;
	vertical-align: bottom;}

.header:after	{content: "";
	display: block;
	clear: both;}
.header	{*zoom: 1;}


/*画像枠*/
.picture	{padding: 0;
	text-align: center;
	background-color: #000;
}

/*エリア一杯にイメージ表示*/
.img-full	{max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
	vertical-align: bottom;}
	
/*エリア一杯にイメージ表示 常にフル*/
.img-200	{width: 100%;
	height: auto;
	margin: 0 0 0 0;
	vertical-align: bottom;}

/*ブロックタイトル枠*/
.blocktitle	{padding: 5px 0 5px 5px;
	margin: 0 0 0 0;
	color: #000;
	background-color: #e5e5e5;
	border-bottom:solid 2px #ff9900;
	border-left:solid 10px #ff9900;
	font-size: 15px;
	line-height:1;
}
	
/* コンテンツ */
.contents	{margin: 0;
	line-height: 1.2;
	color: #000;
}

.contents p{text-align:left;}

.contents:after	{content: "";
	display: block;
	clear: both;}
	
.contents	{*zoom: 1;}

/*コンテンツ内の文字サイズの指定******/
/*タイトル*/
.title	{font-size: 14px;
	padding:0 0 5px 0;}

/*キャッチ文字サイズ*/
.catch	{font-size: 11px;}
		
/*ジャンル文字サイズ 枠指定*/
.genre	{
	padding: 1px 10px;
	border: solid  1px #787878;
	color: #787878;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
/*	letter-spacing: 0.3em;	*/
	}
	
/*制作年*/	
.year	{font-size: 11px;padding: 3px 0;}

/*スタッフ*/
.staff	{font-size: 12px;}

/*キャスト*/
.cast {font-size: 12px;}

/*あらすじ*/
.outline {font-size: 12px;}

/*動画再生時間*/
.playmin	{font-size: 11px;padding: 2px 0 4px 0;}
.playmin img{vertical-align:-3px;}

/*話数*/
.stories{font-size: 11px;padding: 3px 0;}

/*和番号*/
.story{font-size: 14px;}

/* PC切り替え表示 */
.modo_select	{
	text-align:center;
	font-size: 24px;
	padding:0 0 10px 0;
}

/*type-list 動画リスト表示*******************/
/*右に矢印表示*/
.type-list{
	padding: 5px;
	border-bottom:solid 1px #b1b1b1;
	background-position: right center;
  	background-image: url(../images/arrow_01.png);
    background-repeat: no-repeat;
/*	background-size: cover;*/
	position: relative;
	}
/*矢印なし*/
.type-list-noarrow{
	padding: 5px;
	border-bottom:solid 1px #b1b1b1;
	position: relative;
	}
	
/*type-listの左エリア********/
.list-left	{float: left;
	height: auto;
	margin: 0 0 0 0;
	vertical-align: bottom;}
	
/*type-listの左画像サイズ指定 シネマ詳細用 ジャケ写⑤*/
.list-left-jake5	{width: 71px;}

/*type-listの右テキストサイズ シネマ詳細用 ジャケ写⑤*/
.list-right-jake5	{margin: 0 20px 0 76px;}

/*type-listの左画像サイズ指定 カテゴリー詳細用 ジャケ写⑦*/
.list-left-jake7	{max-width: 113px;}

/*type-listの右テキストサイズ　 カテゴリー詳細用 ジャケ写⑦**/
.list-right-jake7	{margin: 0 20px 0 118px;}

/*type-listの左画像サイズ指定 カテゴリー詳細用 ジャケ写⑦*/
.list-left-bamen5	{max-width: 105px;}

/*type-listの右テキストサイズ　 カテゴリー詳細用 ジャケ写⑦**/
.list-right-bamen5	{margin: 0 20px 0 110px;}


/*リストエリア下部に文字表示********/
.list-bottom{
	position: absolute;
	bottom: 5px;	
}

/*リストエリア下部に文字表示  *******/
.list-bottom-100{
	position: absolute;
	bottom: 5px;	
	width:100%;
}

	
/*type-table　動画テーブル表示　**************************/
.type-table{}

/*段組み　内四段*/
.cols-in-4	{padding:1%;}
.col-in-4	{float: left;
	width: 24.25%;
	margin-left: 1%;
	margin-top:4px;
	*clear: right;}

.col-in-4:first-child	{margin-left: 0;}
.col-in-4:nth-child(4n+1) {margin-left: 0;}

.cols-in-4:after	{content: "";
	display: block;
	clear: both;}
.cols-in-4	{*zoom: 1;}

/*テーブル表示タイトルの設定*/
.type-table .title{
	font-size: 14px;
	padding:0 0 0 0;
	height:60px;
	line-height: 1.1;
	overflow:hidden;
}

/*type-detail　動画詳細表示　**************************/
.type-detail{padding: 5px;
		border-bottom:solid 1px #b1b1b1;}

/*一行に連続項目表示****************************/
.text-box{padding:10px 0 10px 0;}

.text-left {float: left;
	margin:0 10px 0 0;}/*左よせ*/

.text-box:after	{content: "";
	display: block;
	clear: both;}
	
.text-box	{*zoom: 1;}

.type-detail .title	{padding:0 0 10px 0;}

.type-detail .catch	{padding:0 0 10px 0;}

/*fotterのマージン調整*/
.footer-custom{}
.footer-custom li a{padding-right:0;
	padding-left:0;}

/*画面サイズ480px以上640px未満の場合の修正****************/
@media screen and (min-width: 480px){
/*ブロックタイトル*/
.blocktitle	{}

/*タイトル*/
.title	{}
.type-table .title{font-size: 21px;
	height:95px; /*テーブル表示一行の高さ*/
	overflow:hidden;
}

/*キャッチ*/
.catch	{}
		
/*ジャンル*/
.genre	{}	

/*制作年*/
.year	{}

/*スタッフ*/
.staff	{}

/*キャスト*/
.cast {}

/*あらすじ*/
.outline {}


/*動画再生時間*/
.playmin	{}


/*画面サイズ640px以上の場合の修正************************/
@media screen and (min-width: 640px){
/*ブロックタイトル*/
.blocktitle	{}

/*タイトル*/
.title	{}
.type-table .title{font-size: 24px;
	height:90px;/*テーブル表示一行の高さ*/
	overflow:hidden;
}
/*キャッチ*/
.catch	{}
		
/*ジャンル*/
.genre	{}	

/*スタッフ*/
.staff	{}

/*キャスト*/
.cast {}

/*あらすじ*/
.outline {}

/*制作年*/
.year	{}

/*動画再生時間*/
.playmin	{}

}

/*画面サイズ768px以上の場合の修正*/
@media screen and (min-width: 768px){
	
}