@charset "utf-8";

/*==============================================
  MENU
==============================================*/

/**
 * BASE.............ベースの設定
 * link.............リンクの設定
 * font.............フォントの設定
 * layout...........基本レイアウト
 * gnav.............グローバスナビ調整
 * header...........ヘッダの設定
 * navi.............ナビの設定
 * theme............テーマアイコン
 * link_btn.........リンクボタン箇所の設定
 * pagetop..........ページトップへの設定
 * footer...........フッターの設定
 * leaf_inner.......リーフのみで使用
 * interview........リーフのインタビュー用に調整
 * print............印刷のみで使用
 */


 /* ================================================
  BASE
================================================  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;	padding:0; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
abbr,fieldset{ border:0; }
li{ list-style-type: none; }
body{ background:#fff; color:#000; line-height:1.5; }
a img{ border:none; }
#contents p a:link{ text-decoration:none; color:#000; }
#contents p a:hover{ text-decoration:underline; color:#a51926; }


/*==============================================
  link
==============================================*/

a:link{ text-decoration:none; color:#000; }
a:visited{ text-decoration:none; color:#000; }
a:hover{ text-decoration:none; color:#a51926 }
a.blank{
	padding-right: 25px;
	background: url(/awards/2019/arrow_link.png) no-repeat right center;
}
a.pdf{
	padding-right: 25px;
	background: url(/awards/2019/arrow_pdf.png) no-repeat right center;
}
a.self{
	padding-left: 15px;
	background: url(/awards/2019/arrow02.png) no-repeat left center;
}
a.self:not(:target) {
	background: url(/awards/2019/arrow02.png) no-repeat left 5px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	a.self:not(:target) {
	    background: url(/awards/2019/arrow02.png) no-repeat left 5px;
	}
}/* IE10,11 */


/*==============================================
  font
==============================================*/
@font-face{
	font-family: "Yu Gothic";
	src: local("游ゴシック Medium"),
		 local("Yu Gothic Medium");
	font-weight: normal;
}
@font-face{
	font-family: "Yu Gothic";
	src: local("游ゴシック Bold"),
		 local("Yu Gothic Bold");
	font-weight: bold;
}


/*==============================================
  layout
==============================================*/

body{
	margin: 0;
	padding: 0;
	background: url(bg.png) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	color: #000;
	font-family: YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
body.singlePane{
	background: url(bg.png) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
}
img{
	vertical-align: bottom;
}
#area{
	width: 100%;
	border: none;
}
#contents{
	position: relative;
	top: -14px!important;
	padding: 0 !important;
}
#spheaderOnePaneNoImage,
#naviBottom,
.nextPagePreview{
	display: none;
}


/*==============================================
  gnav
==============================================*/

div.gnav-201601{
	width: 100%;
}


 /*==============================================
  header
==============================================*/

#header{
	position: relative;
	width: 100%;
	margin: 0 auto 45px;
	border-bottom: solid 1px #999;
}
#header .inner{
	width: 100%;
	margin-top: 33px;
	padding-bottom: 23px;
	border-bottom: solid 1px #ccc;
}
#header .logo{
	width: 1000px;
	margin: 0 auto;
}


 /*==============================================
  nav
==============================================*/

#nav{
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	background: rgba(255,255,255,0.5);
}
#nav .main{
	width: 1000px;
	margin: 0 auto;
	font-size: 0;
}
#nav .main > li{
	display: inline-block;
	height: 61px;
	margin-left: 2px;
	padding: 0 1px;
	border-bottom: solid 2px transparent;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	vertical-align: middle;
	/*position: relative;*/
}
#nav .main li.top{
	width: 100px;
	background: url(/awards/2019/bg_nav01.png) no-repeat left top;
}
#nav .main li.grandprix{
	width: 132px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.creative{
	width: 158px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.strategic{
	width: 158px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.natgeo{
	width: 156px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.judge{
	width: 108px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.about{
	width: 160px;
	background: url(/awards/2019/bg_nav02.png) no-repeat right top;
}
#nav .main li.active{
	border-bottom: 2px solid #a51926;
}
#nav .main > li:hover{
	border-bottom: 2px solid #a51926;
}

#nav .main > li > a{
	display: block;
	height: 100%;
	margin-bottom: 5px;
	color: #000;
}
#nav .main li.top > a,
#nav .main li.grandprix > a{
	height: 43px;
	padding-top: 18px;
}
#nav .main li.creative > a,
#nav .main li.strategic > a,
#nav .main li.judge > a{
	/*height: 51px;*/
	padding-top: 10px;
}
#nav .main li.natgeo > a,
#nav .main li.about > a{
	font-size: 12px;
	line-height: 1.4;
}
#nav .main li .sub_inner{
	position: absolute;
	top: 131px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 1px 6px rgba(153,153,153,.8);
	visibility: hidden;
	opacity: 0;
	z-index: 50;
}
#nav .main li:hover .sub_inner{
	visibility: visible;
	opacity: 1;
}
#nav .main .sub_inner ul{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#nav .main .sub_inner ul li{
	display: block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	white-space: nowrap
}
#nav .main .sub_inner ul li:first-child{
	margin-top: 0 !important;
}
#nav .main .sub_inner ul li a{
	display: inline-block;
	padding-left: 10px;
	background: url(/awards/2019/arrow03.png) no-repeat left 3px;
}
#nav .main .sub_inner ul li a:hover{
	color: #a51926;
}
#nav .main li.creative .sub_inner ul li{
	margin-left: 240px;
}
#nav .main li.innovative .sub_inner ul li{
	margin-left: 345px;
}
#nav .main li.strategic .sub_inner ul li{
	margin-left: 402px;
}
#nav .main li.judge .sub_inner ul li{
	margin-top: 15px;
	margin-left: 725px;
}
#nav .main li.judge .sub_inner ul li a{
	height: auto;
	padding-top: 0;
}


 /*==============================================
  theme
==============================================*/

.theme01{
	background: #eee3e7;
}


 /*==============================================
  link_btn
==============================================*/

.box_link_btn{
	margin: 40px auto 0;
	padding: 30px 0 ;
	background: #eff0f4;
	text-align: center;
}
ul.link_btn{
	display: inline-block;
	overflow: hidden;
}
ul.link_btn li{
	margin: 0 15px;
	float: left;
	font-size: 14px;
}
ul.link_btn li:not(:only-of-type){
    min-width: 370px;
}
ul.link_btn + ul.link_btn{
	margin-top: 10px;
}
ul.link_btn li a{
	display: block;
	padding: 15px 50px 14px 29px;
	background: #fff;
	border: solid 2px #d6d6d6;
}
ul.link_btn li a span{
	display: block;
	padding-left: 36px;
	background: url(/awards/2019/arrow01.png) no-repeat left 6px;
	text-align: left;
}
ul.link_btn li a span:not(:target) {
	background: url(/awards/2019/arrow01.png) no-repeat left 4px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	ul.link_btn li a span:not(:target) {
	    background: url(/awards/2019/arrow01.png) no-repeat left 4px;
	}
}/* IE10,11 */
ul.link_btn li a span.rev{
	background: url(/awards/2019/arrow05.png) no-repeat left 6px;
}
ul.link_btn li a span.rev:not(:target) {
	background: url(/awards/2019/arrow05.png) no-repeat left 4px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	ul.link_btn li a span.rev:not(:target) {
	    background: url(/awards/2019/arrow05.png) no-repeat left 4px;
	}
}/* IE10,11 */
ul.link_btn li a span b{
	font-size: 18px;
	text-shadow: 0 2px 0 #fff;
}
ul.link_btn li a:hover{
	color: #000;
	opacity: 0.6;
}
.box_wh{
	margin: 60px 0 50px;
	text-align: center;
}
.box_wh ul.link_btn li a{
	padding: 15px 40px 14px;
}
.box_wh ul.link_btn li a span{
	background: url(/awards/2019/arrow01.png) no-repeat left 3px;
}
.box_wh ul.link_btn li a span:not(:target) {
	background: url(/awards/2019/arrow01.png) no-repeat left 1px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.box_wh ul.link_btn li a span:not(:target) {
	    background: url(/awards/2019/arrow01.png) no-repeat left 1px;
	}
}/* IE10,11 */
.box_wh ul.link_btn li a span.rev{
	background: url(/awards/2019/arrow05.png) no-repeat left 3px;
}
.box_wh ul.link_btn li a span.rev:not(:target) {
	background: url(/awards/2019/arrow05.png) no-repeat left 1px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.box_wh ul.link_btn li a span.rev:not(:target) {
	    background: url(/awards/2019/arrow05.png) no-repeat left 1px;
	}
}/* IE10,11 */
.box_wh ul.link_btn li a span b{
	font-size: 15px;
}


/*==============================================
  pagetop
==============================================*/

#pagetop{
	display: none;
	position: fixed;
	right: 80px;
	bottom: 110px;
	z-index: 100;
}
#pagetop a:hover{
	opacity: 0.6;
}


 /*==============================================
 footer
==============================================*/

#footer{
	margin: 0 auto;
	border-bottom: none;
}
.globalFooter{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.globalFooter a:hover{
	text-decoration: underline;
}
div.globalFooter{
	padding: 15px 0 !important;
}
.localFooter{
	display: none;
}


 /*==============================================
 footer_navi
==============================================*/

#footer_navi{
	width: 100%;
	padding: 40px 0 20px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #333;
	overflow: hidden;
}
#footer_navi .inner{
	width: 1000px;
	margin: 0 auto;
}
#footer_navi .inner .logo{
	float: left;
	margin: 0;
}
#footer_navi .inner h2{
	margin: 40px 0 10px 0;
	padding-bottom: 6px;
	border-bottom: solid 1px #ccc;
	font-size: 16px;
	font-family: YuMincho, "Yu Mincho", "游明朝";
}
#footer_navi .inner h3{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 13px;
}
#footer_navi .inner dl{
	margin-bottom: 25px;
	overflow: hidden;
}
#footer_navi .inner dl dt,
#footer_navi .inner dl dd{
	color: #333;
	font-size: 13px;
}
#footer_navi .inner dl dd ul li{
	float: left;
	margin-right: 15px;
	font-weight: bold;
}
#footer_navi .inner ul li{
	margin: 5px 0 3px;
	font-size: 13px;
}
#footer_navi .inner ul li a{
	padding-left: 15px;
	background: url(/awards/2019/arrow01.png) no-repeat left 2px;
	background-size: 13px 13px;
	color: #333;
}
#footer_navi .inner ul li a:hover{
	color: #a51926;
}
#footer_navi .inner ul li a:not(:target) {
	background: url(/awards/2019/arrow01.png) no-repeat left 1px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer_navi .inner ul li a:not(:target) {
	    background: url(/awards/2019/arrow01.png) no-repeat left 1px;
	}
}/* IE10,11 */
#footer_navi .inner .footer_navi_list{
	float: right;
	width: 742px;
}
#footer_navi .inner .footer_navi_list .column{
	float: left;
	width: 226px;
	margin-left: 32px;
}
#footer_navi .inner .footer_navi_list .column:first-of-type{
	margin-left: 0;
}
#footer_navi .inner .footer_navi_list .column h2:first-of-type{
	margin: 0 0 10px 0;
}


/*==============================================
  leaf_inner
==============================================*/

#leaf_inner{
	width: 940px;
	margin: 0 auto;
}

/* h1-5 */
#leaf_inner h1{
	margin: 0 0 20px;
	color: #000;
	font-family: YuMincho, "Yu Mincho", "游明朝";
	font-size: 28px;
	line-height: 1.4;
	text-shadow: 0 1px 0 #fff;
}
#leaf_inner h1.gol,
#leaf_inner h1.sil{
	display: inline-block;
}
#leaf_inner h1.gol::before{
	margin-right: 10px;
	content: "●";
	color: #dfc87a;
}
#leaf_inner h1.sil::before{
	margin-right: 10px;
	content: url(icon_h1.png);
	color: #9c9c9c;
}
#leaf_inner h1.bro::before{
	margin-right: 10px;
	content: "●";
	color: #b8917a;
}
#leaf_inner h1 span{
	margin-left: 20px;
	font-size: 14px;
}
#leaf_inner h2{
	margin: 0 20px 25px 0;
	font-size: 20px;
	line-height: 1.4;
	text-shadow: 0 2px 0 #fff;
}
#leaf_inner h2 span{
	display: block;
	color: #333;
	font-weight: normal;
}
#leaf_inner h2 span.theme01{
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    border: solid 1px #fff;
    color: #333;
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    vertical-align: text-top;
}
#leaf_inner h2 span.theme01:not(:target) {
	padding: 8px 10px 4px 10px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leaf_inner h2 span.theme01:not(:target) {
	    padding: 8px 10px 4px 10px;
	}
}/* IE10,11 */
#leaf_inner h3{
	margin: 0 0 20px 0;
	padding: 8px 0 8px 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: solid 2px #b5b5b5;
	font-size: 18px;
	line-height: 1.4;
}
#leaf_inner h4{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	color: #333;
	border-bottom: none;
	border-left: none;
}
#leaf_inner h5{
	margin-bottom: 5px;
	font-size: 15px;
}
#leaf_inner p{
	text-shadow: 0 1px 0 #fff;
}
#leaf_inner .interview_link{
	display: inline-block;
	position: relative;
	top: -5px;
	margin: 0 0 0 40px;
	font-size: 14px;
	font-weight: bold;
}

/* box */
#leaf_inner .box{
	margin-bottom: 40px;
	overflow: hidden;
}
#leaf_inner .box .thumb{
	float: left;
	width: 310px;
}
#leaf_inner .box .thumb img{
	border: solid 1px #e0e0e0;
	max-width: 308px;
}
#leaf_inner .box .thumb.noBorder img{
	border: none;
}
#leaf_inner .box .text{
	float: right;
	width: 600px;
}
#leaf_inner .box .text p{
	margin: 0 0 1em;
	font-size: 14px;
	line-height: 1.8;
}

/* point */
#leaf_inner .box_bor{
	margin-bottom: 60px;
	padding: 30px;
	background: rgba(255, 255, 255, 0.8);
	border: solid 2px #dbdbdb;
	overflow: hidden;
}
#leaf_inner .point{
	float: left;
	width: 550px;
}
#leaf_inner .point p{
	margin: 0 0 20px 0;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
#leaf_inner .point ul{
	overflow: hidden;
}
#leaf_inner .point ul li{
	margin-bottom: 8px;
	color: #333;
	font-size: 16px;
	text-indent: -1em;
	padding-left: 1em;
}
#leaf_inner .point ul li:before{
	content: "●";
}
#leaf_inner .fig{
	float: right;
	width: 310px;
}
#leaf_inner .fig img{
	border: solid 1px #dbdbdb;
}

/* thumb_list */
#leaf_inner .box_gr{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    padding: 40px 0 30px;
	background: #eff0f4;
}
#leaf_inner .thumb_list{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
#leaf_inner .thumb_list img{
	width: 290px;
	border: solid 1px #e0e0e0;
}
#leaf_inner .thumb_list img:hover{
	opacity: 0.8;
}
#leaf_inner .thumb_list ul{
	width: 972px;
	margin-left: -32px;
	overflow: hidden;
}
#leaf_inner .thumb_list ul li{
	float: left;
	width: 292px;
	margin: 0 0 20px 32px;
}
#leaf_inner .thumb_list ul li span{
	display: block;
}
#leaf_inner .thumb_list ul li .caption{
	margin: 5px 0 0 0;
	font-size: 13px;
}
#leaf_inner .thumb_list ul li .caption a.blank{
    padding-right: 20px;
}
#leaf_inner .thumb_list ul li .zoom{
	display: inline-block;
	padding-right: 18px;
	background: url(/awards/2019/arrow_zoom.png) no-repeat right center;
}

/* media */
#leaf_inner .media{
	width: 940px;
	margin: 10px auto 30px;
	padding: 16px 0 14px;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
}

/* project */
#leaf_inner .project{
	width: 940px;
	margin: 0 auto;
}
#leaf_inner .project p{
	color: #333;
    font-size: 13px;
    line-height: 1.7;
}
#leaf_inner .project p span{
    margin-right: 1em;
}

/* next_info */
#leaf_inner .next_info{
	position: relative;
	width: 600px;
	margin: 60px auto;
	background: #f5f5f5;
	border-bottom: solid 1px #ccc;
}
#leaf_inner .next_info dl{
	overflow: hidden;
}
#leaf_inner .next_info dl dt{
	float: left;
	width: 400px;
	padding: 20px 20px 15px;
}
#leaf_inner .next_info dl dt span{
	display: block;
}
#leaf_inner .next_info dl dt .interview{
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #a51926;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
#leaf_inner .next_info dl dt .interview:not(:target) {
	padding: 8px 10px 4px\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leaf_inner .next_info dl dt .interview:not(:target) {
	    padding: 8px 10px 4px;
	}
}/* IE10,11 */
#leaf_inner .next_info dl dt .category{
	margin-bottom: 10px;
	font-family: YuMincho, "Yu Mincho", "游明朝";
	font-size: 14px;
	font-weight: bottom: ;;
}
#leaf_inner .next_info dl dt .category b{
	color: #9c9c9c;
}
#leaf_inner .next_info dl dt .title{
	font-size: 16px;
	font-weight: bold;
}
#leaf_inner .next_info dl dd{
	padding-left: 440px;
}
#leaf_inner .next_info a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
#leaf_inner .next_info a:hover{
	background: #fff;
	opacity: 0.4;
}
#leaf_inner .next_link{
	margin: 0 0 45px;
	font-weight: bold;
	text-align: center;
}

/* photo */
#leaf_inner .photo_r{
	float: right;
	margin: 0 0 30px 30px;
}
#leaf_inner .photo_l{
	float: left;
	margin: 0 30px 30px 0;
}
#leaf_inner .photo_c{
	clear: both;
	margin: 50px auto;
	text-align: center;
}

/* other */
.txt_right{
	text-align: right;
}
.w200{
	width: 200px;
}
.mb0{
	margin-bottom: 0 !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb20{
	margin-bottom: 20px !important;
}

 /*==============================================
  interview
==============================================*/

#leaf_inner.interview h2{
	display: block;
	margin: 0 0 30px 0;
}
#leaf_inner.interview h2 span{
	margin-bottom: 5px;
	font-size: 16px;
}
#leaf_inner.interview h3{
	margin: 30px 0;
}
#leaf_inner.interview p{
	margin: 0 0 1.2em;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}
#leaf_inner.interview p.name{
	margin: -5px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
}
#leaf_inner.interview p.name span{
	font-size: 18px;
	font-weight: bold;
}
#leaf_inner.interview .movie{
	margin: 50px auto;
	text-align: center;
}
#contents .bpimage_caption{
	font-size: 16px;
}

 /*==============================================
  print
==============================================*/

@media print {
	body,
	body.singlePane {
		background: none;
		width:1000px;
	}
	#leaf_inner .box_gr {
		width:1000px;
	}
}