@charset "utf-8";

/*==============================================
  MENU　※TOPのみで使用するスタイル
==============================================*/

/**
 * layout...........基本レイアウト
 * header...........ヘッダーの設定
 * awards...........作品紹介一覧の設定
 * top..............共通スタイルをTOP用に調整
 */


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

div.gnav-201406{
    background: url(/common/images/gnavi/gnav-bg-201406.gif);
}

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

#header{
	margin: 0 auto 50px;
}
#header h1{
	margin: 0 auto;
	padding-bottom: 30px;
	border-bottom: solid 1px #ccc;
	text-align: center;
}
#header h1 img{
	width: 360px;
	max-width: 360px;
}


 /*==============================================
  awards
==============================================*/

#awards{
	width: 1000px;
	margin: 0 auto;
}
#awards .lead{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}

/* h1-4 */
#awards h2{
	margin-top: 60px;
	padding: 2px 0 0;
	background: rgba(115,116,134,0.8);
	color: #fff;
	font-family: YuMincho, "Yu Mincho", "游明朝";
	font-size: 26px;
	text-align: center;
	text-shadow: 0 1px 0 #4f5359;
}
#awards .box_grandprix h2{
	background: rgba(187,0,0,0.8);
}
#awards .box_gold h2{
	background: rgba(154, 122, 1, 0.8);
}
#awards .box_silver h2{
	background: rgba(153, 153, 153, 0.8);
}
#awards .box_natgeo h2{
	background: rgba(0, 0, 0, 0.8);
}
#awards h2:not(:target) {
	padding: 10px 0 0\9;
}/* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#awards h2:not(:target) {
	    padding: 10px 0 0;
	}
}/* IE10,11 */
#awards h3{
	display: inline-block;
	margin: 0 15px 15px 0;
	font-size: 18px;
	text-shadow: 0 2px 0 #fff;
}
/*#awards h3.sil::before{
	margin-right: 5px;
	content: "●";
	color: #9c9c9c;
}
#awards h3.bro::before{
	margin-right: 5px;
	content: "●";
	color: #b8917a;
}*/
#awards h4{
	clear: both;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 1.3;
	text-shadow: 0 2px 0 #fff;
}
#awards h4 span{
	display: block;
	color: #333;
	font-weight: normal;
}

/* box */
#awards .box{
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
#awards .box_inner{
	padding: 35px 40px 30px;
	font-size: 14px;
	line-height: 1.6;
	overflow: hidden;
	background: rgba(245,245,250,0.8);
}
#awards .box_grandprix .box_inner{
	background: rgba(255, 255, 255, 0.8);
}
#awards .box_gold .box_inner{
	background: rgba(255, 253, 245, 0.8);
}
#awards .box_silver .box_inner{
	background: rgba(240, 240, 240, 0.8);
}
#awards .box_natgeo .box_inner{
	background: rgba(255, 255, 255, 0.8);
}
#awards .box_inner p{
	clear: both;
	margin-bottom: 15px;
	color: #333;
	text-shadow: 0 2px 0 #fff;
}
#awards .box_inner.left{
	border-right: solid 1px #c9ccd1;
}
#awards .thumb{
	float: left;
	width: 230px;
	height: auto;
}
#awards .thumb img:hover{
	opacity: 0.8;
}
#awards .thumb {
	overflow: hidden;
	width: 230px;
}
#awards .thumb img {
	display: block;
	transition-duration: 0.3s;
}
#awards .thumb img:hover {
	opacity: 0.8;
	transform: scale(1.1);
	transition-duration: 0.3s;
}
#awards .text{
	float: right;
	width: 670px;
}
#awards ul.more{
	overflow: hidden;
}
#awards .more li{
	float: left;
	margin-right: 27px;
	font-size: 14px;
	font-weight: bold;
}

/* 下2列 */
#awards .twocolumn{
	display: table;
	overflow: hidden;
}
#awards .twocolumn h3{
	margin-bottom: 8px;
}
#awards .twocolumn h4{
	font-size: 15px;
}
#awards .twocolumn .thumb{
	width: 150px;
	height: auto;
}
#awards .twocolumn .text{
	width: 250px;
	margin-bottom: 10px;
}
#awards .twocolumn .text .theme{
	margin-bottom: 0 !important;
}
#awards .twocolumn .left,
#awards .twocolumn .right{
	display: table-cell;
	width: 420px;
	border-top: solid 1px #c9ccd1;
	vertical-align: top;
}

/* pdf */
#awards .box_pdf{
	margin-top: 50px;
	font-size: 14px;
	line-height: 1.6;
	overflow: hidden;
}
#awards .box_pdf img {
	float: left;
	border: solid 1px #e0e0e0;
}
#awards .box_pdf .text {
	width: auto;
	float: left;
	margin-left: 20px;
	line-height: 153px;
}
#awards .box_pdf img:hover{
	opacity: 0.8;
}


/*==============================================
  top
==============================================*/

/* theme */
#top #awards .text .theme{
	position: relative;
	top: -2px;
	left: 0;
	display: inline-block;
	margin-bottom: 15px;
	text-shadow: none;
}
#top #awards .text .theme span{
	display: inline-block;
	margin: 0 2px 1px 0;
	padding: 3px 7px 1px;
	border: solid 1px #fff;
	color: #333;
	font-size: 13px;
}
#top #awards .text .theme span:not(:target) {
	padding: 4px 7px 0px\9;
}/* IE9 */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#top #awards .text .theme span:not(:target) {
	    padding: 4px 7px 0px;
	}
}*//* IE10,11 */

/* nav */
#top #nav .main li .sub_inner{
	top: 402px;
}

/* link_btn */
#top .box_gr{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    padding: 0px 0 0;
	background: #eff0f4;
}
#top ul.link_btn li a span b{
	font-size: 15px;
}

/* footer */
#top #footer{
	margin: 70px auto 0;
}
#top .globalFooter{
	padding: 25px 10px 15px!important;
}

@media (min-width: 1001px) {
	#awards .box_pdf img{
		max-width: 119px;
	}
}
@media (max-width: 1024px) {
	#top #nav .main li .sub_inner{
		top: 292px;
	}
}

/* 銀賞 */
@media (min-width: 1011px) {
	#awards .box_silver .thumb {
		width: 150px;
		margin-bottom: 30px;
	}
	#awards .box_silver .text {
		width: 750px;
	}
	#top #awards .box_silver .text .theme{
		margin-bottom: 10px;
	}
	#top #awards .box_silver h3{
		margin: 0 15px 10px 0;
	}
	#top #awards .box_silver h4{
		font-size: 15px;
	}
}