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

/* ==================================================
   Table共通=背景色(ページ背景色に合わせる)
================================================== */
table {background-color: #191A30;}

table tbody th {
	background-color: #191A30;
	font-weight: normal; /*変更(bold)*/
}

/* ==================================================
   List Title
================================================== */
.title-page {
	text-align: center;
	margin-bottom: 50px;
}

.title-page .title {
	font-family: 'Modern Antiqua', cursive;
	font-size: 30px;
	margin: 0 0 10px 0
}

.title-page .title-j {
	font-family: 'Font-01';
	font-size: 30px;
	margin: 0 0 10px 0
}

.title-page .title-description {
	font-size: 21px;
	font-weight: 200;
	margin: 0;
}

.title-page .works {
	font-family: 'Modern Antiqua', cursive;
	font-size: 30px;
	margin: 0 0 10px 0
}

.title-page .works-j {
	font-family: 'Font-01';
	font-size: 30px;
	margin: 0 0 10px 0
}

.title-page .works-description {
	font-size: 21px;
	font-weight: 200;
	margin: 0;
}

/* ==================================================
   List1 Table
================================================== */

.list1_table {
	border: 1px solid #333;
	border-top: none;
	display: table;
	width: 100%;
}

.list1_tr {
	display: table-row;
}

.list1_th_head,
.list1_td_head,
.list1_th,
.list1_td {
	display: table-cell;
	padding: 2px;
}

.list1_th_head {
	background: #e7e7e7;
	border-top: 1px solid #333;
	font-size:16px;
	color:#666666;
	padding: 0 0.5em;
}

.list1_td_head {
	background: #e7e7e7;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
}
.list1_th {
	background: #fff;
	border-top: 1px solid #333;
	font-size:16px;
	color:#666666;
	padding: 0 0.5em;
}

.list1_td {
	background: #fff;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
}

/* ==================================================
   List2 Table (6:4)
================================================== */

.list2_table {
	border: 1px solid #333;
	border-top: none;
	display: table;
	width: 100%;
}

.list2_tr {
	display: table-row;
}

.list2_th_1,
.list2_td_1,
.list2_th_2,
.list2_td_2 {
	display: table-cell;
	padding: 2px;
}

.list2_th_1 {
	background: #e7e7e7;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 40%;
}

.list2_td_1 {
	background: #e7e7e7;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 60%;
}
.list2_th_2 {
	background: #fff;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 40%;
}

.list2_td_2 {
	background: #fff;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 60%;
}

/* ==================================================
   List3 Table (7:3)
================================================== */

.list3_table {
	border: 1px solid #333;
	border-top: none;
	display: table;
	width: 100%;
}

.list3_tr {
	display: table-row;
}

.list3_th_1,
.list3_td_1,
.list3_th_2,
.list3_td_2 {
	display: table-cell;
	padding: 2px;
}

.list3_th_1 {
	background: #e7e7e7;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 70%;
}

.list3_td_1 {
	background: #e7e7e7;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 30%;
}
.list3_th_2 {
	background: #fff;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 70%;
}

.list3_td_2 {
	background: #fff;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 30%;
}

/* ==================================================
   List4 Table (2:8)
================================================== */

.list4_table {
	border: 1px solid #333;
	border-top: none;
	display: table;
	width: 100%;
}

.list4_tr {
	display: table-row;
}

.list4_th_1,
.list4_td_1,
.list4_th_2,
.list4_td_2 {
	display: table-cell;
	padding: 2px;
}

.list4_th_1 {
	background: #e7e7e7;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 20%;
}

.list4_td_1 {
	background: #e7e7e7;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 80%;
}
.list4_th_2 {
	background: #fff;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	padding: 0 0.5em;
	width: 20%;
}

.list4_td_2 {
	background: #fff;
	border-left: 1px dotted #333;
	border-top: 1px solid #333;
	font-size:14px;
	color:#666666;
	width: 80%;
}

/* ==================================================
   List5 Table (2セルレスボンシブ)
================================================== */
section table	{ width: 100%; }
section th, section td	{ padding: 3px; border: 1px solid #555; }
section th	{
	background:#666;
	color: #e7e7e7;
}
section td	{
	color: #cccccc;
}

/*----------------------------------------------------
	.two-cells1 filmoスタッフ・キャスト用
----------------------------------------------------*/
.two-cells1 { text-align: left; font-size:16px; }
.two-cells1 th	{ width: 35%; text-align: left; padding-left: 8px; border-left: 2px solid #dc143c; /*--プライマリー色変更--*/border-right: none; border-top:none; border-right:none; }
.two-cells1 td	{ text-align: left; padding-left: 8px; border-left: none; border-top:none; border-right:none; }
@media only screen and (max-width:480px){
	.two-cells1	{ margin: 10 -10px; font-size:14px; border-bottom: none;}
    .two-cells1 th,
    .two-cells1 td{
		width: 100%;
        display: block;
		border-top: none;
		padding-bottom: 7px
    }
	.two-cells1 td{
	background: none;
	color: #ccc;
	margin-bottom: 10px;
	border: none;
	}
	/*.two-cells1 tr:first-child th	{ border-top: 1px solid #555; }*/
}

/*----------------------------------------------------
	.two-cells2 filmoソフト用
----------------------------------------------------*/
.two-cells2 { text-align: left; font-size:14px; }
.two-cells2 th	{ width: 30%; text-align: left; }
@media only screen and (max-width:480px){
	.two-cells2	{ margin: 10 -10px; font-size:14px; }
    .two-cells2 th,
    .two-cells2 td{
		width: 100%;
        display: block;
    }
	.two-cells2 th{
	background: none;
	color: #ccc;
	border: 1px solid #555;
	}
	.two-cells2 td{
	background: none;
	color: #ccc;
	margin-bottom: 5px;
	border: none;
	}
	/*.two-cells2 tr:first-child th	{ border-top: 1px solid #555; }*/
}

/*----------------------------------------------------
	.two-cells3 filmo映画祭・受賞歴
----------------------------------------------------*/
.two-cells3 { text-align: left; font-size:16px; }
.two-cells3 th	{ width: auto; text-align: left; padding: 8px; border-left: 2px solid #dc143c; /*--プライマリー色変更--*/border-right: none; border-top:none; border-right:none; }
.two-cells3 td	{ text-align: left; padding: 8px; border-left: none; border-top:none; border-right:none; }
@media only screen and (max-width:480px){
	.two-cells3	{ margin: 10 -10px; font-size:14px; }
    .two-cells3 th,
    .two-cells3 td{
		width: 100%;
        display: block;
    }
	.two-cells3 td{
	background: none;
	color: #ccc;
	margin-bottom: 10px;
	border: none;
	}
	/*.two-cells3 tr:first-child th	{ border-top: 1px solid #555; }*/
}

/*----------------------------------------------------
	テーブル色指定、レスポンシブ指定
----------------------------------------------------*/
/* IEではメディアクエリは表示されない */

/* table1はフィルモグラフィ=監督・脚本作品 */
/* table2はフィルモグラフィ=原作・脚本作品 */
/* table2はフィルモグラフィ=PV・メイキング作品 */
/* table4はビブリオグラフィ=劇画単行本 */
/* table5はビブリオグラフィ=未単行本 */
/* table6はビブリオグラフィ=原作提供 */
/* table7はビブリオグラフィ=画集・写真集 */
/* table8はビブリオグラフィ=ムック他 */
/* table9はビブリオグラフィ=装幀・挿絵 */

#table1,
#table2,
#table3,
#table4,
#table5,
#table6,
#table7,
#table8,
#table9,
#table10{
	width: 98%;
	border-collapse: collapse;
}
#table1 th,
#table1 td,
#table2 th,
#table2 td,
#table3 th,
#table3 td,
#table4 th,
#table4 td,
#table5 th,
#table5 td,
#table6 th,
#table6 td,
#table7 th,
#table7 td,
#table8 th,
#table8 td,
#table9 th,
#table9 td,
#table10 th,
#table10 td{
	padding: 5px;
	border: 1px solid #555;
	font-size: 16px;
}
#table1 thead th,
#table2 thead th,
#table3 thead th,
#table4 thead th,
#table5 thead th,
#table6 thead th,
#table7 thead th,
#table8 thead th,
#table9 thead th,
#table10 thead th{
	font-weight: normal; /*変更(bold)*/
}
#table1 thead th,
#table2 thead th,
#table3 thead th,
#table4 thead th,
#table5 thead th,
#table6 thead th,
#table7 thead th,
#table8 thead th,
#table9 thead th,
#table10 thead th{
	background: #191A30; /*ヘッダーBG色変更(#666--ページ背景色に合わせる)*/
	color: #e7e7e7;
	font-size: 16px;
}

@media only screen and (max-width:480px){
	#table1,
	#table2,
	#table3,
	#table4,
	#table5,
	#table6,
	#table7,
	#table8,
	#table9,
	#table10{
		display: block;
	}
		#table1 thead,
		#table2 thead,
		#table3 thead,
		#table4 thead,
		#table5 thead,
		#table6 thead,
		#table7 thead,
		#table8 thead,
		#table9 thead,
		#table10 thead{
			display: none;
		}
		#table1 tbody,
		#table2 tbody,
		#table3 tbody,
		#table4 tbody,
		#table5 tbody,
		#table6 tbody,
		#table7 tbody,
		#table8 tbody,
		#table9 tbody,
		#table10 tbody{
			display: block;
		}
			#table1 tbody tr,
			#table2 tbody tr,
			#table3 tbody tr,
			#table4 tbody tr,
			#table5 tbody tr,
			#table6 tbody tr,
			#table7 tbody tr,
			#table8 tbody tr,
			#table9 tbody tr,
			#table10 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table1 tbody th,
			#table1 tbody td,
			#table2 tbody th,
			#table2 tbody td,
			#table3 tbody th,
			#table3 tbody td,
			#table4 tbody th,
			#table4 tbody td,
			#table5 tbody th,
			#table5 tbody td,
			#table6 tbody th,
			#table6 tbody td,
			#table7 tbody th,
			#table7 tbody td,
			#table8 tbody th,
			#table8 tbody td,
			#table9 tbody th,
			#table9 tbody td,
			#table10 tbody th,
			#table10 tbody td{
				display: list-item;
				border: none;
				background: none;
			}
			#table1 tbody th,
			#table2 tbody th,
			#table3 tbody th,
			#table4 tbody th,
			#table5 tbody th,
			#table6 tbody th,
			#table7 tbody th,
			#table8 tbody th,
			#table9 tbody th,
			#table10 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: none;
				border: 1px solid #555;
			}
			#table1 tbody td,
			#table2 tbody td,
			#table3 tbody td,
			#table4 tbody td,
			#table5 tbody td,
			#table6 tbody td,
			#table7 tbody td,
			#table8 tbody td,
			#table9 tbody td,
			#table10 tbody td{
				margin-left: 0; /*変更前(5px)*/
				padding: 5px; /*変更前(0)*/
				background: none;
				list-style-type: none;
				background-color:  #191A30; /*BG色変更(ページ背景色に合わせる)*/
				color:#fff; /*文字色変更(#FFF)*/
			}
			#table1 tbody td:nth-of-type(1):before { content: "[初回公開日] "; }
			#table1 tbody td:nth-of-type(2):before { content: "[製作] "; }
			#table1 tbody td:nth-of-type(3):before { content: "[配給] "; }
			#table2 tbody td:nth-of-type(1):before { content: "[初回公開日] "; }
			#table2 tbody td:nth-of-type(2):before { content: "[製作] "; }
			#table2 tbody td:nth-of-type(3):before { content: "[配給] "; }
			#table3 tbody td:nth-of-type(1):before { content: "[リリース日] "; }
			#table3 tbody td:nth-of-type(2):before { content: "[ジャンル] "; }
			#table3 tbody td:nth-of-type(3):before { content: "[製作] "; }
			#table4 tbody td:nth-of-type(1):before { content: "[初版発行日] "; }
			#table4 tbody td:nth-of-type(2):before { content: "[判型] "; }
			#table4 tbody td:nth-of-type(3):before { content: "[発行] "; }
			#table5 tbody td:nth-of-type(1):before { content: "[初版発行日] "; }
			#table5 tbody td:nth-of-type(2):before { content: "[判型] "; }
			#table5 tbody td:nth-of-type(3):before { content: "[発行] "; }
			#table6 tbody td:nth-of-type(1):before { content: "[発表年] "; }
			#table6 tbody td:nth-of-type(2):before { content: "[掲載誌] "; }
			#table6 tbody td:nth-of-type(3):before { content: "[話数] "; }
			#table7 tbody td:nth-of-type(1):before { content: "[共著者] "; }
			#table7 tbody td:nth-of-type(2):before { content: "[初版発行日] "; }
			#table7 tbody td:nth-of-type(3):before { content: "[判型] "; }
			#table7 tbody td:nth-of-type(4):before { content: "[発行] "; }
			#table8 tbody td:nth-of-type(1):before { content: "[初版発行日] "; }
			#table8 tbody td:nth-of-type(2):before { content: "[判型] "; }
			#table8 tbody td:nth-of-type(3):before { content: "[発行] "; }
			#table9 tbody td:nth-of-type(1):before { content: "[初版発行日] "; }
			#table9 tbody td:nth-of-type(2):before { content: "[判型] "; }
			#table9 tbody td:nth-of-type(3):before { content: "[発行] "; }
			#table10 tbody td:nth-of-type(1):before { content: "[担当画] "; }
			#table10 tbody td:nth-of-type(2):before { content: "[著者] "; }
			#table10 tbody td:nth-of-type(3):before { content: "[初版発行日] "; }
			#table10 tbody td:nth-of-type(4):before { content: "[判型] "; }
			#table10 tbody td:nth-of-type(5):before { content: "[発行] "; }
}

/*--- Hover/Active/Focus State ---*/

#table1 tbody th:hover,
#table1 tbody th:active,
#table1 tbody th:focus,
#table2 tbody th:hover,
#table2 tbody th:active,
#table2 tbody th:focus,
#table3 tbody th:hover,
#table3 tbody th:active,
#table3 tbody th:focus,
#table4 tbody th:hover,
#table4 tbody th:active,
#table4 tbody th:focus,
#table5 tbody th:hover,
#table5 tbody th:active,
#table5 tbody th:focus,
#table6 tbody th:hover,
#table6 tbody th:active,
#table6 tbody th:focus,
#table7 tbody th:hover,
#table7 tbody th:active,
#table7 tbody th:focus,
#table8 tbody th:hover,
#table8 tbody th:active,
#table8 tbody th:focus,
#table9 tbody th:hover,
#table9 tbody th:active,
#table9 tbody th:focus,
#table10 tbody th:hover,
#table10 tbody th:active,
#table10 tbody th:focus {
	background-color: #333;
	color:#FFFFFF;
}

#table1 tbody th a:hover,
#table2 tbody th a:hover,
#table3 tbody th a:hover,
#table4 tbody th a:hover,
#table5 tbody th a:hover,
#table6 tbody th a:hover,
#table7 tbody th a:hover,
#table8 tbody th a:hover,
#table9 tbody th a:hover,
#table10 tbody th a:hover{color: #fff}