@charset "utf-8";

/*
============================ category CSS ============================

				受賞作品

====================================================================
*/

/* 受賞作品一覧
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


.listPdf {
	margin: 5px;
	text-align: right;
}
.listPdf img {
	margin-right: 5px;
	vertical-align: top;
}
th.prizeName {
	width: 15%;
}
td.prizeName {
	border-right: solid 1px #999;
}
table.itiranData th.winner {
	width: 25%;
}
table.itiranData th.brandName {
	width: 25%;
}
table.itiranData th.winner2 {
	width: 50%;
}
table.itiranData td.division {
	background: #efefef;
	border-right: solid 1px #999;
}
table.itiranData td {
	padding: 5px 3px;
	vertical-align: middle;
	border-bottom: solid 1px #999;
}
table.itiranData td.link {
	width: 46px;
}
table#event .winner2 {
	width: 29%!important;
}



/* 受賞作品一覧テーブル */
table.prizeList{
	width:98%;
	margin:10px auto 30px auto;
	border-collapse:collapse;
	border-right:#7b796c 1px solid ;
	border-bottom:#7b796c 1px solid ;
}
table.prizeList th{
	color: #fff;
	padding:5px;
	text-align:center;
}
table.prizeList td{
	background-color: rgba(233,241,249,0.3); 
	padding:5px;
/*font-size:90%;*/
}
*html table.prizeList td{
	/*line-height:140%;
	font-size:75%;*/
}
.prizeList th.prizeName {
	width: 13%;
}
.prizeList th.prizeName {
	border-right: solid 1px #999;
}
.prizeList th.winner {
	width: 26%;
}
.prizeList th.brandName {
	width: 22%;
}
.prizeList td.shosai {
	width: 7%;
}



/* 受賞作品詳細
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

table.prizeData {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-top: solid 1px #b3b3b3;
	border-right: solid 1px #b3b3b3;
}
table.prizeData th {
	background: #C5C5C5;
	border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
	/*color:#fff;*/
	width: 15%;
	padding: 5px!important;
	text-align: left;
}
table.prizeData td {
	background: #f5f5f5;
	border-bottom: solid 1px #b3b3b3;
	font-size: 110%;
	font-weight: bold;
	padding: 3px 5px;
	text-align: left;
}

table tr:nth-child(1n) td {
    background: #f5f5f5 none repeat scroll 0 0;
}

/* 受賞の言葉・制作スタッフ 
.commentStaff {
	height:30px;
	margin-bottom: 20px;
	position:relative;
}
.commentStaff .btn.message{
	position: absolute;
	right: 170px;
	padding:0.25em 1.25em;
}
.commentStaff .btn.staff{
	position: absolute;
	right:0;
	padding:0.25em 1.25em;
}*/

/*受賞の言葉・制作スタッフ */
.commentStaff {
	height:30px;
	width:100%;
	margin:0 auto 20px auto;
}
.commentStaff .btn.message{
	float:right;
	margin-left:1em;
	width:10em;
}
.commentStaff .btn.staff{
	float:right;
	width:10em;
}

/*ボタン*/


.division{
	margin:0 2% 1% 2%;
	width: 96%;
	text-align: center;
}
.division img{
	margin:0.3%;
}
.divisionL,.divisionR{
	float: left;
	margin:0 2% 3% 2%;
	width: 46%;
}
.divisionS{
	margin:0 auto 1% auto;
	width: 46%;
}
.workPhoto{
	margin:0 10px 5px 0;
}
.workCaption{
	text-align: right;
	font-size: 90%;
	margin:0 2% 1px 0;
}

/*テレビ*/
table.scenario{
	border-top: #b9b0a0 solid 1px;
	margin-bottom: 30px;
	width: 100%;
}
/*table.scenario th{
	text-align:right;
	width:20%;
	vertical-align: top;
}
table.scenario th,table.scenario td{


}
table.scenario .noBorder{
	border-bottom: none;
}*/

.scenario th{
	text-align:right;
white-space:nowrap;
min-width:25%;

	border-bottom: #b9b0a0 solid 1px;
	vertical-align: top;
	padding:0.5em 0;
	}

.scenario td{
	border-bottom: #b9b0a0 solid 1px;
	padding:0.5em 0;
}


.column{
padding:10px;
-webkit-column-count:2;
-moz-column-count:2;
}


/* 審査委員一覧
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

table.shinsainList {
	width: 98%;
	margin: 10px auto 20px auto;
	border-collapse: collapse;
	border-top: solid 1px #b9b0a0;
}
table.shinsainList th {
	font-weight: normal;
	width: 15%;
	padding: 10px 15px;
	text-align: left;
	border-bottom: solid 1px #b9b0a0;
}
table.shinsainList td {
	padding: 10px 15px;
	/*background: #fff;*/
	text-align: left;
	border-bottom: solid 1px #b9b0a0;
}
p.iincho{
	font-weight: bold;
	margin: 0 10px 15px 10px!important;
}
p.iincho strong{ font-size: 130%;}

.table-responsive tbody tr td.winner:before {
}
.table-responsive tbody tr td.brand:before {
}
.table-responsive tbody tr td.worktitle:before {
}
.table-responsive tbody tr td.shosai:before {
}
.table-responsive tbody tr td.event:before {
}


/* 贈賞式
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

p.ceremonyComment {
	font-size:90%;
	line-height: 1.6;
}

ul#ceremonyPhoto {
	list-style-type:none;
	margin: 0 0 2em 0;
	padding: 0;
}
ul#ceremonyPhoto li{
	list-style-type:none;
	float: left;
	width: 33%;
	height: 350px;
	margin: 2% 0.16%;
	text-align: center;
}
ul#ceremonyPhoto li p{
}





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

/*.table-responsive,
  tbody,
  th,
  tr,
  tr {
    display: block;

}*/
.table-responsive,
.table-responsive tbody,
.table-responsive th,
.table-responsive tr,
.table-responsive td,
.shinsainList tbody,
.shinsainList th,
.shinsainList tr,
.shinsainList td
/*.prizeData tbody,*//* 詳細ページ*/ 
/*.prizeData th,*/ 
/*.prizeData tr,*/ 
/*.prizeData td*/ {
    display: block;
}

.table-responsive thead {
    display: none;
}
.table-responsive tbody tr + tr {
    margin-top: 20px;
}
.table-responsive tbody tr th,
.table-responsive tbody tr td {
    border: none;
}
.table-responsive tbody tr th {
    font-size: 240%;
    line-height: 1em;
}
.table-responsive tbody tr td {
    display: list-item;
	list-style-type:none;
   /* margin-left: 0.5em;*/
    padding-left: 0;
    text-align: left;
 }

.table-responsive tbody tr td {
    border: none;
	border-bottom: 1px dotted #ccc;
    position: relative;
    padding-left: 25%;
    text-align: left;
}
.table-responsive tbody tr td:before {

    color: #555;
    position: absolute;
    top: 6px;
    left: 6px;
   width:100%;
    padding-right: 10px;
    white-space: nowrap;
}
.brand{
}

.table-responsive tbody tr td.winner:before {
    content: "受賞";
}
.table-responsive tbody tr td.brand:before {
    content: "商品名";
}
.table-responsive tbody tr td.worktitle:before {
    content: "作品名";
}
.table-responsive tbody tr td.shosai:before {
    content: "詳細";
}
.table-responsive tbody tr td.event:before {
    content: "イベント名";
}


table.prizeList{
	border:none!important;
}
table.prizeList td.prize{
	background:#525558;
	border: none;
	color:#fff!important;
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em!important;
}
/*table.prizeList td.media{
	background:#E2BA76;
    margin: 0 0 0.5em 0;
    padding-left: 1em!important;
}*/
table.prizeList td.media{
	font-weight:bold;
	font-size: 120%;
    margin: 0;
    padding-left: 0!important;
				background:none;
				border-bottom:none;
}
.prizeList td.shosai {
	width: auto;
}

.cmImage img {
	width:320px;
	margin:0 auto;
}

table.shinsainList th {
	background:#cdd2d8;
	background-color: rgba(205,210,216,0.3); 
	width:auto;
}
table.shinsainList,table.shinsainList th,table.shinsainList td {
	border: none;
}


/*受賞作品詳細*/
/*table.prizeData {
	border: none;
}
table.prizeData th {
	border: none;
	background:#E2BA76;
	background-color: rgba(226,186,118,0.5); 
 	color: #000;
	width: auto;
}
table.prizeData td {
	border: none;
	padding-bottom:10px;
}
.commentStaff {
	margin-bottom: 30px;
	text-align:center;
}
.commentStaff .w20 {
	width:47%;
	margin:1%!important;
}
.commentStaff .btn.message{
	left:0;
}
.commentStaff .btn.staff {
	left:50%;
}
.divisionL,.divisionR{
	float: none;
	margin:0 .5%;
	width: 99%;
}
.scenario th,
.scenario tr,
.scenario td, {
    display:inline;

}
*/


/*贈賞式*/
ul#ceremonyPhoto li{
	float: none;
	width: 100%;
	height: auto;
	margin: 2% 0;
}
ul#ceremonyPhoto li p{
	width: 260px;
}

.add{
	font-size: 130%;
	margin: 0 0 1em 0;
	padding: .4em .4em .4em .5em;

}

}
/* END */