@charset "UTF-8";

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, arial, verdana, sans-serif;
  letter-spacing: 0.02rem;
}


#main a:link { 		color:#04c; }
#main a:visited { 	color:#551a8b; }
#main a:hover {		color:#551a8b;background-color:transparent; }
#main a:active {	color:#551a8b;background-color:transparent; }



#body.m #main, #body.m .wrap_ctsBox, #body.m .ctsBox{ 
	width:954px;
	margin:0;
	padding:0;
	border:none;
	background:none;
}


#body.m #main{
	margin-top:175px;
	position:relative;
}

#gmenu{
	margin:0;
	padding:0;
	position:absolute;
	top:266px;
}

#body.m #main #pankuzu{
	width:934px;
	margin:0;
	padding:10px 10px 2px;
	height:14px;
	color:#fcfcfc;
	background:#000;
	overflow:hidden;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    -webkit-text-overflow: ellipsis;
}

#pankuzu a:link,
#pankuzu a:visited{ color:#fffdfd; }
#pankuzu a:hover{ color:#fce166; }
#pankuzu a:active{ color:#fffdfd; }


#pg-header{
	width:954px;
	margin:2px 0 40px;
	padding:0;
	height:250px;
	position:relative;
	overflow:hidden;
}

#pg-header h2{
    float:left;
	width:640px;
	height:250px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:none;
}


.rctBnr{
    width:300px;
    height:250px;
    float:right;
    z-index:100;
}

.rctBnr iframe{
	width:300px;
	height:250px;
	margin:0;
	padding:0;
}

.snsLink{
    width:17em;
    overflow:hidden;
    padding:0.5em;
    position:relative;
    height:21px;
    position:absolute;
    left: 12px;
    text-align:right;
    bottom: 4px;
    background:#000;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

.snsLink li{
	width: 7em;
	float:left;
	height: 21px;
	overflow:hidden;
}

.snsLink li#bt_facebook{
	width: 8.5em;
}

.snsLink iframe{
	display:block;
	width:9em;
    overflow:hidden;
}



#photoList,
#newsList,
#columnList{
	width:934px;
	padding:10px;
	background:#000;
	overflow:hidden;
	zoom:1;
}
	
#photoList h2,
#newsList h2,
#columnList h2{
	width:934px;
	height:46px;
	margin:0 0 3px;
	padding:0;
	border:none;
	overflow:hidden;
}

#photoList{ position:relative; }
#photoList ul{
	overflow:hidden;
	zoom:1;
}


#photoList li{
	float:left;
	width:210px;
	height:210px;
	margin-right:3px;
	padding:5px;
	text-align:center;
	
	opacity:0.8;
	
	background:url(../images/bg_photo.png) no-repeat 0 0;
	background:-moz-linear-gradient(top, #252525, #0b0b0b);
    background:-webkit-gradient(linear, left top, left bottom, from(#252525), to(#0b0b0b));
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
    -moz-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	
	overflow:hidden;
}


.allPhoto#photoList ul{ 
	width:892px;
	margin:21px;
}

.allPhoto#photoList li{ margin-bottom:3px; }


#photoList li:hover {
	opacity:1.0;

	background:url(../images/bg_photo2.png) no-repeat 0 0;
	-webkit-box-shadow: inset 0px 0px 3px rgba(240,184,12,0.1);
    -moz-box-shadow: inset 0px 0px 3px rgba(240,184,12,0.1);
	box-shadow: inset 0px 0px 3px rgba(240,184,12,0.1);
}


#photoList li a{
	display:block;
	display:table-cell;
	width:210px;
	height:210px;
	vertical-align:middle;
	overflow:hidden;
	zoom:1;
}

#photoList li img{ vertical-align:middle; }

#photobox{ height:210px;}


a#link_photo{
	display:block;
	width:42px;
	height:220px;
	margin:0;
	padding:0;
	text-align:right;
	background:none;
	border-radius:0;
	box-shadow:none;
	position:absolute;
	right:10px;
	top:59px;
	zoom:1;
}

#link_photo img{
	width:42px;
	height:220px;
	background:url(../images/bt_link_photo.png);
}

a#link_photo:hover img{
	background-image:url(../images/bt_link_photo2.png);
}

#detail{
	margin:35px 0;
	color:#fffdfd;
	text-align:center;
	font-size:14px;
	zoom:1;
}

#detail p{ 
	position:relative;
	zoom:1;
}

#detail img{
	display:block;
	margin:0 auto 30px;
	text-align:center;
}

span.cr{
	display:block;
	margin-top:10px;
	color:#8e8e8e;
}

#detail a.article{ 
	display:inline-block;
	margin-top:20px;
}

#detail a:link,  
#detail a:visited{ color:#fffdfd;  }
#detail a:hover { 	color:#fce166; }
#detail a:active { color:#fffdfd; }



#prev,
#next{
	width:100px;
	height:350px;
	display:none;
	margin:0;
	padding:0;
	line-height:25;
	position:absolute;
	background:url(../images/bg_bt.png) no-repeat 0 0;
	
	background:-moz-linear-gradient(top, #252525, #0b0b0b);
    background:-webkit-gradient(linear, left top, left bottom, from(#252525), to(#0b0b0b));
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
    -moz-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);

}

#prev{
	left:15px;
	top:0;
}


#next{
	right:15px;
	top:0;
}

a#prev:link,
a#prev:visited,
a#prev:hover,
a#prev:active,
a#next:link,
a#next:visited,
a#next:hover,
a#next:active{ text-decoration:none; }


a#prev:hover,
a#next:hover{
	
	background:url(../images/bg_bt2.png) no-repeat 0 0;
	background:-moz-linear-gradient(top, #252525, #0b0b0b);
    background:-webkit-gradient(linear, left top, left bottom, from(#252525), to(#0b0b0b));

	-webkit-box-shadow: inset 0px 0px 3px rgba(240,184,12,1);
    -moz-box-shadow: inset 0px 0px 3px rgba(240,184,12,1);
	box-shadow: inset 0px 0px 3px rgba(240,184,12,1);
}










#newsList h3{
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:14px;
	font-weight:bold;
}


#newsList h3{
	margin-bottom:7px;
    color:#f5e7e6;
    font-size:14px;
    line-height:1.4;
}

#newsList p{
    font-size:14px;
    line-height:1.4;
	color:#fffdfd;
}


#newsList div{
	margin-bottom:2px;
	padding:14px 18px;
	background:url(../images/bg_newslist.png) no-repeat 0 0;
	background:-moz-linear-gradient(top, #000, #121102);
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#121102));
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
    -moz-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	
	zoom:1;

}

#newsList p.more{
	margin:15px 0 25px;
	text-align:right;
	font-weight:bold;
}

#newsList p.more a{
	padding:0 0 5px 24px;
	background:url(../images/link_arrow01.png) no-repeat 0 0;
}


#newsList a:link{ 	color:#c2b370; }
#newsList a:visited{
	color:#c2b370;
}
#newsList a:hover{	color:#fce166; }
#newsList a:active{	color:#c2b370; }



#columnList div{
	min-height:77px;
	height: auto !important;

	margin-bottom:2px;
	padding:14px 18px;
	
	background:url(../images/bg_columnlist.png) no-repeat 0 0;
	background:-moz-linear-gradient(top, #000, #121102);
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#121102));
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
    -moz-box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	box-shadow: inset 0px 0px 3px rgba(227,226,226,0.5);
	
	overflow:hidden;
	zoom:1;
}

#columnList h3{
	margin:9px 0 5px;
	padding:0;
	border:none;
	background:none;
	font-size:16px;
	font-weight:bold;
	color:#fffdfd;
}


#columnList div img{
	display:block;
	width:278px;
	float:left;
}

#columnList div div{
	width:605px;
	margin:0;
	padding:0;
	float:right;
	border:none;
	background:none;
	border-radius:none;
	box-shadow:none;
}

#columnList li{
	font-size:14px;
	color:#fffdfd;
}


#columnList a:link{	color:#fffdfd; }
#columnList a:visited{	color:#8c8c8c;}
#columnList a:hover{	color:#fce166;}
#columnList a:active{	color:#fffdfd;}




p#linkBack a{
	display:block;
	width:390px;
	height:47px;
	line-height:3;
	margin:40px auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:url(../images/bg_linkback.png) no-repeat 0 0;
	overflow:hidden;
}


p#linkBack a:link,
p#linkBack a:visited{ color:#898989;  }
p#linkBack a:hover { color:#fce166; }
p#linkBack a:active { color:#898989; }



/*cannes2018*/
#body.cannes2018 #main #pankuzu{
	width:934px;
	margin:0;
	padding:10px 0 4px;
	height:14px;
	color:#666;
	background:#fff;
	overflow:hidden;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    -webkit-text-overflow: ellipsis;
    text-decoration: none;
}
#body.cannes2018 #pankuzu a:link,
#body.cannes2018 #pankuzu a:visited,
#body.cannes2018 #pankuzu a:active,
#body.cannes2018 #newsList a:link,
#body.cannes2018 #newsList a:visited,
#body.cannes2018 #newsList a:active,
#body.cannes2018 #movieList .nomination a:link,
#body.cannes2018 #movieList .nomination a:visited,
#body.cannes2018 #movieList .nomination a:active,
#body.cannes2018 #columnList a:link,
#body.cannes2018 #columnList a:visited,
#body.cannes2018 #columnList a:active{ 
	color:#c8a461;
	text-decoration: none;
}
#body.cannes2018 #pankuzu a:hover,
#body.cannes2018 #newsList a:hover,
#body.cannes2018 #movieList .nomination a:hover,
#body.cannes2018 #columnList a:hover{
	color:#dec8a0;
}
.cannes2018 #photoList,
.cannes2018 #newsList,
.cannes2018 #movieList,
.cannes2018 #columnList{
	width:954px;
	padding:0;
	background:#fff;
	overflow:hidden;
	zoom:1;
	margin-bottom: 40px;
}
.cannes2018 #photoList h2,
.cannes2018 #newsList h2,
.cannes2018 #movieList h2,
.cannes2018 #columnList h2{
	background: #252525;
	height: auto;
	font-size: 18px;
	padding: 10px 24px 8px;
	color: #c8a461;
	width: 914px;
	margin: 10px 0 20px;
	font-weight: normal;
}
.cannes2018 #photoList h3,
.cannes2018 #newsList h3,
.cannes2018 #movieList h3,
.cannes2018 #columnList h3{
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-weight:normal;
	margin-bottom:7px;
    color:#252525;
    font-size:16px;
    line-height:1.4;
}
.cannes2018 #photoList p,
.cannes2018 #newsList p,
.cannes2018 #movieList p,
.cannes2018 #columnList p{
    font-size:14px;
    line-height:1.8;
	color:#999;
}
#body.cannes2018 #photoList p.more,
#body.cannes2018 #photoList p#linkBack,
#body.cannes2018 #newsList p.more,
#body.cannes2018 #newsList p#linkBack{
	margin: 30px 0 0;
}
#body.cannes2018 #photoList p.more a,
#body.cannes2018 #photoList p#linkBack a,
#body.cannes2018 #newsList p.more a,
#body.cannes2018 #newsList p#linkBack a{
	font-size: 13px;
	font-weight:bold;
	padding:16px 0;
	background:none;
	border: 1px solid #c8a461;
    color: #c8a461;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    width: 900px;
    text-align: center;
    height: auto;
    line-height: 1;
}
#body.cannes2018 #photoList p.more a:visited,
#body.cannes2018 #photoList p#linkBack a:visited,
#body.cannes2018 #newsList p.more a:visited,
#body.cannes2018 #newsList p#linkBack a:visited{color:#c8a461; }
#body.cannes2018 #photoList p.more a:active,
#body.cannes2018 #photoList p#linkBack a:active,
#body.cannes2018 #newsList p.more a:active,
#body.cannes2018 #newsList p#linkBack a:active,
#body.cannes2018 #photoList p.more a:hover,
#body.cannes2018 #photoList p#linkBack a:hover,
#body.cannes2018 #newsList p.more a:hover,
#body.cannes2018 #newsList p#linkBack a:hover{color:#fff; background: #c8a461;}

#body.cannes2018 .snsLink{
	background:#fff;
}


/*#photoList*/
.cannes2018 #photoList{ position:relative; }
.cannes2018 #photoList ul{
	overflow:hidden;
	zoom:1;
}
.cannes2018 #photoList li{
	margin:0 10px;
	padding: 0;
	opacity:1;
	background:#000;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
	overflow:hidden;
}
.cannes2018 #photoList li:hover {
	opacity:0.8;
	background:#000;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
}
.cannes2018 #photoList li img{ vertical-align:middle; }
.cannes2018 #photobox{ 
	height:210px;
	margin: 30px auto 20px;
}
.cannes2018 #photobox ul{ 
	width: 920px;
	margin: 0 auto;
}
.cannes2018 .allPhoto#photoList ul{ 
	width:920px;
	margin:21px;
}
.cannes2018 .allPhoto#photoList li{ margin-bottom:20px; }

/*#newsList*/
.cannes2018 #newsList div{
	padding:14px 24px;
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
}
.cannes2018 #newsList h3{
	border-left: 3px solid #c8a461;
    padding-left: 11px;
    margin-bottom: 10px;
    font-size: 18px;
}
#body.cannes2018 #newsList h3 a:link,
#body.cannes2018 #newsList h3 a:visited,
#body.cannes2018 #newsList h3 a:active{ 
	color:#252525;
	text-decoration: none;
}
#body.cannes2018 #newsList h3 a:hover{
	color:#666;
}
.cannes2018 #newsList div p{
	padding-left: 16px;
}


/*#movieList*/
.cannes2018 #movieList h3{
	font-size:18px;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding:20px 0;
	margin-bottom: 30px;
	text-align: center;
	background:#f6f6f6;
}
.cannes2018 #movieList .nomination {
	color:#666;
	font-size:15px;
	line-height:1.6;
	float:left;
	width:439px;
	padding:10px 24px;
}
.cannes2018 #movieList .nomination + .nomination {
	padding:10px 24px 10px 0;
}
.cannes2018 #movieList .nomination li{
	padding-left: 1em;
	text-indent: -1em;
}
.cannes2018 #movieList .nomination li + li{
	margin: 12px 0 0 0;
}

/*#columnList*/
.cannes2018 #columnList > div{
	background:#f6f6f6;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
	margin-top: -20px;
	padding: 24px;
}
.cannes2018 #columnList li {
	color: #252525;
	margin-bottom: 5px;
}

/*other*/
.cannes2018 #pgStart a {
	padding: 0 0 5px 21px;
}
.cannes2018 #detail {
	margin: -20px 0 10px;
	background: #252525;
	padding-bottom: 20px;
}