@charset "utf-8";
/* reset */
/* layout.css : 87 ; */

/* webfont */
@font-face {
font-family: 'gotham';
src:url('/sites/default/files/shared_contents/award/cmn/font/gothamNS_light.woff') format('woff'),
	url('/sites/default/files/shared_contents/award/cmn/font/gothamNS_light.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
font-family: 'gotham';
src:url('/sites/default/files/shared_contents/award/cmn/font/gothamNS_medium.woff') format('woff'),
	url('/sites/default/files/shared_contents/award/cmn/font/gothamNS_medium.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
font-family: 'GT';
src:url('/sites/default/files/shared_contents/award/cmn/font/GT-Cinetype-Regular.woff') format('woff'),
	url('/sites/default/files/shared_contents/award/cmn/font/GT-Cinetype-Regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
font-family: 'GTBOLD';
src:url('/sites/default/files/shared_contents/award/cmn/font/GT-Cinetype-Bold.woff') format('woff'),
	url('/sites/default/files/shared_contents/award/cmn/font/GT-Cinetype-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

body {
	-webkit-text-size-adjust: 100%;

/*2021フォント*/
	/*font-family: 'A+EqpB-游ゴシック体 Pr6N M','游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;*/
	font-weight: normal;
}
a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.gpu {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.article a:active {
	text-shadow:none !important;
}
@media screen and (min-width: 768px){
.pcOnly { display: block; }
.spOnly { display: none; }
    .contNav .index-navi li:first-child a { padding: 5px 10px 5px 0px;}
}
@media screen and (max-width: 767.98px){
body { min-width: 100%; }
body.prizepast { min-width: 655px; }
body.fixed { position: fixed; width: 100%; }
.pcOnly { display: none; }
.spOnly { display: block; }
}

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

共通

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

#header {
	border-bottom-width: 0;
}
#contents {
	/**font-family: 'A+EqpB-游ゴシック体 Pr6N M','游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;*/
    /*font-family: 'A+EqpB-游ゴシック体 Pr6N M','游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;*/
    font-family: 'A+EqpB-游ゴシック体 Pr6N M',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	line-height: 175%;
	word-break: normal;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-top: #999 7px solid;
	padding-top: 0px;
}
#contents p { line-height: 1.8; }
#contents p.ws { line-height: 2.0; }
#contents p.ivtop { line-height: 1; }
#contents p.center { line-height: 1.8; text-align:center; }
#contents a { color: #000000; }
#contents a:hover {	color: #231815; }
#contents {	background: #FFF; }
#overlay { width: 100%; height: 100%; position: fixed; top:0; z-index: 100; background-color: rgba(0,0,0,0.5); display: none;}
#contents .pane2 .contHeader.fixed {

}

@media screen and (min-width: 768px) {
	#header .menu-megadrop {
		min-width: 970px;
	}
    .contHeader { margin-top: -1px;}
}

@media screen and (max-width: 767.98px) {
	/* #header {
		position: fixed;
	} */
	#contents {
		border-top: 0;
		padding-top: 0;
	}
	#contents .contHeader {
		border-top-width: 0;
		padding-top: 0;
		-webkit-transform: none !important;
		transform: none !important;
	}
	#contents .contHeader .contHeader-box {
		border-top: #5C768D 5px solid;
		background: #5C768D;
	}
	#contents .contHeader .contHeader-box .nav-logo {
		/*position: static !important;*/
		padding-right: 0px; 
        position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); text-align: left; padding-left: 10px;
	}
    #contents .contHeader .contHeader-box .nav-logo img.spOnly { width: 90%; display: inline;}
	.award-top #contents .wrap-outer-outer {
		padding-top: 106px !important;
	}
	#contents .contHeader .contNav .contNav-inner {
		max-height: calc(100vh - 106px);
		background: #fff;
	}
	#contents > .wrap {
		padding-top: 121px !important;
		margin-top: 0 !important;
	}
}

.cnPage #contents .contHeader,.cnPage .contNav,.language #contents .contHeader,.language .contNav { height: auto!important;}
.language .contHeader { padding: 7px 0;}
/* 汎用クラス */
.clearfix {
  width: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.left { float: left;}
.right { float: right;}

.aligncenter { text-align: center!important; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.afauto {
	overflow:auto;
	}

.pl20 { padding-left: 20px;}
.mtm10 { margin-top: -10px;}
.mtm20 { margin-top: -20px;}
.mt20 { margin-top: 20px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 30px;}
.ml110 { margin-left: 110px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.mr120 { margin-right: 120px;}
.mr100 { margin-right: 100px;}
.mr80 { margin-right: 80px;}
.mr50 { margin-right: 50px;}
.mr30 { margin-right: 30px;}
.mr20 { margin-right: 20px;}
.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs17 { font-size: 17px !important;}
.fs18 { font-size: 18px !important;}
.fs24 { font-size: 20px !important;}
.fs24 { font-size: 24px !important;}
.bold { font-weight: 700 !important;}
.normal { font-weight: 500 !important;}
.wb-keep { word-break: keep-all !important; }
.txt-color-red { color: #e60012 !important; }

.frame-437 .inner {
/*	background: url( /award/img/frame-top-437.jpg ) center top no-repeat #fff;*/
	background-image:none !important;
	background-color:#ffffff;
}


/* box 余白ごとのクラス */

/* 上下50px padding */
.tb50p{ padding-top: 50px; padding-bottom: 50px;}
/* 上下30px padding */
.tb30p{ padding-top: 30px; padding-bottom: 30px;}
/* 上20px 下30px padding */
.t20b00p{ padding-top: 20px; padding-bottom: 0px;}
/* 上20px 下30px padding */
.t20b10p{ padding-top: 20px; padding-bottom: 10px;}
/* 上20px 下30px padding */
.t20b30p{ padding-top: 20px; padding-bottom: 30px;}
/* 上20px 下30px padding */
.t20b50p{ padding-top: 20px; padding-bottom: 50px;}
.t20b20p{ padding-top: 20px; padding-bottom: 20px;}
.t20b40p{ padding-top: 20px; padding-bottom: 40px;}
.t15b00p{ padding-top: 15px; padding-bottom: 0px;}
.t10b00p{ padding-top: 10px; padding-bottom: 0px;}
.t20b00p{ padding-top: 20px;}
.t0b20p{ padding-bottom: 20px;}
.t28b20p{ padding-top: 28px; padding-bottom: 20px;}
.tm0bm30{ position:relative; float:left; margin-bottom: 30px;}

.award-top .section { padding: 10px 0 0; margin: 0; }
.award-top #main { padding:0 !important; }

/* ドラッグドロップ禁止 */
.no-contextmenu { pointer-events: none; }

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

TOP

==============================================*/
/* 総合トップナビゲーション */
.index-gn ul li {
	float: left;
}
.index-gn li a{
	display: block;
	margin-right: 40px;
	font-weight: 700;
	text-decoration: none;
	/*color: #333 !important;*/
	border-bottom: 3px solid #fff;
}
.index-gn li a:hover,
.index-gn li.award a {
	border-bottom-color: #ce3d1c;
}

.index-gn li.facebook-top {
	width: 14px;
	height: 14px;
	padding-top:1px;
}

.index-gn li.right {
	float:right;
}

.index-gn li.right a {
	margin-right: 0;
}

/*==========================
総合トップ表示ブロック
============================*/

.main-box {	padding: 50px 0; border-bottom: 3px solid #000; }
.main-box:first-child {	padding: 0 0 50px; }
.main-box.last { border-bottom: none!important; padding: 50px 0 80px; }

.main-box h2 {
	font-size: 12px;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.main-box h3 {
	font-size: 12px;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.main-box h2 span {
	font-size: 16px;
	padding: 3px 30px;
	margin-bottom:5px;
	display:inline-block;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #5C768D;
	color: #5C768D;
}

.main-box .sub-h2 {
	font-size: 12px;
	font-weight: 700;
	font-family: Arial;
	text-align: center;
}
#contents .wrap { padding: 0; }


@media screen and (max-width: 767.98px) {
	#contents .wrap { width: 100%; padding: 0; }
	.index .main-box { padding: 0 0 30px 0; margin-bottom: 30px; }
	.index .main-box.last { margin-bottom: 0; }
	p, ul, ol { margin: 0; }
	h2 { padding-left: 0; }
	h2:before { background:none;}
	.main-box .inner { padding: 0 4%; }
	.main-box h2 { padding-left: 0; }
	.main-box h2 span { padding: 3px 25px; }
	.spOnly .link_list { padding-bottom: 5px; position: relative; z-index: 1; background: #FFF; margin: 0!important; padding: 20px 0 0;}
}

/*TOPページ　ナビ*/
.contHeader .contHeader-box { /*top: -100px;
-webkit-transition: top 0.7s ease 0s;
-moz-transition: top 0.7s ease 0s;
-o-transition: top 0.7s ease 0s;
-ms-transition: top 0.7s ease 0s;
transition: top 0.7s ease 0s;*/}

.award-top .contHeader .contHeader-box .sns-lang-wrapsns-lang-wrap.pcOnly { display: none;}
.contHeader.fixed .contHeader-box .nav-logo { display: block; z-index: 200; }

.contHeader { background: #5C768D; padding-top: 7px; }
.award-add-top .contHeader { padding-top: 0px; }
.cnPage .contHeader { padding-bottom: 7px;}
.pane2 .contHeader.fixed { position: fixed; z-index: 40; width: 100%; top: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;}
.pane2 .contHeader.fixed .contNav-inner { width: 950px; margin: auto; }
.pane2 .contHeader .sns-lang-wrap.pcOnly { width: 100%; position: relative; z-index: 150; margin-bottom: 10px; }
.pane2 .contHeader .sns-lang-wrap.pcOnly.fixed { position: fixed; top:0; left: 0; right: 0; }
.contHeader .sns-lang-wrap.pcOnly .sns-lang-box { width: 950px; margin: auto; }
.contHeader .sns-lang-wrap .sns-lang { float: right; width: 312px; height: 18px; padding: 10px 0; }
.contHeader .sns-lang-wrap .sns-lang > div { float: left; display: flex;}
.contHeader .sns-lang-wrap .sns-lang > div span { height: 18px; vertical-align: top; display: inline-block; }
.contHeader .sns-lang-wrap .sns-lang > div span img { height: 100%; }
.contHeader .sns-lang-wrap .sns-lang > div.sns span { padding: 0 8px; }

/* .award-top .contHeader .sns-lang-wrap .sns-lang > div.sns span { margin-right: -4.9px; } */

.contHeader .sns-lang-wrap .sns-lang > div.contact { border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 8px; padding: 0 16px; }
.contHeader .sns-lang-wrap .sns-lang > div.language span { height: 18px; padding-left: 8px;}
.contHeader .sns-lang-wrap .sns-lang > div.language span img { height: 100%; }

.contHeader .contHeader-box { width: 950px; margin: auto;/* padding: 10px 0 0;*/ position: relative; z-index: 1; }
.contHeader .contHeader-box.fixed { padding: 20px 0; }
.contNav .naviBox {text-align:center; display:block; }
.contNav .index-navi { width: 938px; margin: auto; background: #FFF;padding-left: 12px;}
.contNav .index-navi li { float:left; margin:0; font-weight: 700; font-size: 13.5px; text-align: left; }
.contNav .index-navi li p a { height: 28px; line-height: 28px !important; font-weight: 700; white-space: nowrap; color: #231815;}
.contNav .index-navi li a{ padding: 5px 10px; }
.contNav .index-navi li .child { display: none; }
.contNav .index-navi li .naviBox07 a{
	padding: 0;
}

@media screen and (max-width: 767.98px) {
	.contNav .index-navi li a{
		background: none;
		padding: 0;
	}
}

@media screen and (max-width: 767.98px) {
	.contNav .index-navi li a:hover {
		background: none;
	}
}


.contNav .index-navi li .naviBox01 { width: 67px; margin-left: -12px;}

@media screen and (max-width: 767.98px) {
	.contNav .index-navi li .naviBox01 {
		margin-left: 0;
	}
}

.contNav .index-navi li .naviBox02 { width: 206px;}
/* safariのみ値変更 */
_::-webkit-full-page-media, _:future, :root .contNav .index-navi li .naviBox02 { width: 215px; }
.contNav .index-navi li .naviBox03 { width: 142px;}
.contNav .index-navi li .naviBox04{width: 108px;}
.contNav .index-navi li .naviBox05 {width: 138px; }
.contNav .index-navi li .naviBox06 {  }
.contNav .index-navi li .naviBox07 { width: 108px; text-align: center; }
.contNav .index-navi li.last { padding-right: 0; float: right; }
.contNav .index-navi li.last a { border: 1px solid #231815; width: 108px; box-sizing: border-box; display: block; }
#contents .contNav .index-navi li a { color: #231815;}
.contNav .index-navi li a { text-decoration:none; padding-bottom: 5px; }

.contNav .index-navi li.last a { background: none; }

@media screen and (min-width: 767.98px) {
	#contents .index-navi a:hover {
		color: #ACB4BE !important;
		/*background: #000;*/
	}

	.news .index-navi li .naviBox01 a,
.about .index-navi li .naviBox02 a,
.award2018 .index-navi li .naviBox03 a,
.prizepast .index-navi li .naviBox04 a,
.making_report .index-navi li .naviBox05 a,
.aw_interview .index-navi li .naviBox06 a
{ /*background: #000;*/ color: #ACB4BE !important; white-space: nowrap;}
}
#contents .contNav .index-navi li.last a:hover { color: #5C768D !important; border: 1px solid #ACB4BE; background-color: #ACB4BE; }
@media screen and (max-width: 767.98px) {
	.contNav .index-navi li.last a:hover { background: none; }
}

.award-top .contHeader .pcOnly .sns-lang-wrap { width: 950px; margin: auto; }
.award-top #contents a{
	white-space: nowrap;
}
.award-top #contents,
.award-top #contents a { color: #231815; }

/*.award-top #contents .index-navi .last a:hover { background: none; color: #000; }*/
.award-top .main-box h2 span { color: #5C768D; /*border-bottom: 1px solid #787878;*/ letter-spacing: 0.1em; }
.award-top .main-box { border-bottom: 1px solid #5C768D; color: #787878;}

.award-top .contHeader .mainImg { position: fixed; top: 0; width: 100%; height: 130vh; }
.contHeader .mainImg p.mainImg-logo { height: auto; width: 10%; max-width: 950px; margin: 0 auto; position: fixed; top: 50%; left: 0; right: 0; }
.contHeader .mainImg img { width: 100%; }
.contHeader .mainImg .logo01 { width: 100%;  box-sizing: border-box; margin-top: 15px; }

.award-top .wrap-outer-outer.changeT { padding-top: 85px; }
.award-top .wrap-outer { margin-top: calc(100vh - 130px);  background:#fff; position: relative; }

/*PC*/
@media screen and (min-width: 768px){
	/* .award-top .contHeader { overflow: hidden; } */
	.award-top .contNav { height: 90px; position: relative; width: 100%; z-index: 2; background-color: #5C768D; padding-top: 7px; /*box-sizing: border-box;*/ }
	.award-top .contNav.fixed { position: fixed; top:0; left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;}
	.award-top .contHeader .nav-logo { width: 464px; height: 38px; float: left; margin: 10px 0 0;}
	.pane2 .contHeader .nav-logo { position: absolute; top:10px; left: 0; width: 464px; height: 38px; z-index: 210; }
	.contHeader .nav-logo a { display: inline-block; }
	.contHeader .nav-logo a img { width: auto; height: 20px; }
    
    .award-add-top .contHeader .nav-logo a img { margin-top: 0px;}
}
@media screen and (max-width: 950px) and (min-width: 768px) {
	.award-top.award-topB .contHeader .changeBg{  background:url("/sites/default/files/shared_contents/award/img/cmn/main_bg-red03.jpg") no-repeat left -12px; background-size: 950px;}
}

/*SP*/
@media screen and (max-width: 767.98px) {
	.contHeader { position: relative; }
	.contHeader .contHeader-box.spOnly .nav-logo { display: block;}
	.contHeader .contHeader-box.spOnly.fixed { padding: 0; position: fixed; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;}
	.pane2 .contHeader.fixed .contNav-inner { width: 100%; }
    
    .contHeader .sns-lang-wrap .sns-lang > div { margin-left: 12.275px;}
	.contHeader .sns-lang-wrap .sns-lang > div.sns span { padding: 0 15px 0 0; }
	.contHeader .sns-lang-wrap .sns-lang > div.language { float: right; }

	.contHeader .contHeader-box { width: 100%; padding: 0; z-index: 120; position: relative; top:0; background: #fff; }
	.pane2 .contHeader .contHeader-box .contHeader-inner { position: relative; width: 100%; height: 50px; z-index: 100;  box-sizing: border-box; }
	.contHeader .contHeader-box .contHeader-inner { position: relative; width: 100%; padding: 20px 25px 0; height: 50px; z-index: 100;  box-sizing: border-box;}
	.contHeader .contHeader-box .contHeader-inner.active { border-bottom: 1px solid #bebebe; }
	.contHeader .contHeader-box.changeBg { z-index: 130;}
	.contHeader.fixed { width: 100%; position: fixed !important; top: 0; padding: 0; }
	.pane2 .contHeader { background:none;  }
	.contHeader .contHeader-box .menu { position: absolute; top: 0; right: 0; width: 20px; cursor: pointer; padding: 16px 4%; }
	.contHeader .contHeader-box .menu img { width: 100%;}
	.contHeader .contHeader-box .nav-logo { display: block; text-align: center; }
	.contHeader .contHeader-box .nav-logo > a { display: inline-block; max-width: 280px; }
	.pane2 .contHeader .contHeader-box .nav-logo { opacity: 1; }
	.contHeader .contHeader-box .nav-logo img { width: 100%; }
	.contHeader .contHeader-box.fixed .nav-logo { top:18px; position: absolute; }
	.contHeader .contHeader-box.fixed .sns-lang-wrap.pcOnly { display: none;}
	.contHeader .contHeader-box.fixed .sns-lang-wrap.spOnly { display: block;}
	.contHeader .contHeader-box.fixed .contNav .sns-lang-wrap { position:relative; top: 0; right: 0; width: 100%; }
	.contHeader .contHeader-box .contNav { width: 85%; position: absolute; left: auto !important; right: 0 !important; top:50px!important; background: #FFF; z-index: 100; display: none;}
	.contHeader .contNav .contNav-inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%; }
	.contHeader .contNav .naviBox { width: 100%; text-align:left; margin-top: 0; }
	.contHeader .contNav .index-navi { width: 100%; }
	.contHeader .sns-lang-wrap .sns-lang { float: left; padding: 10px 4%; width: 92%; }

	.contHeader .contNav .sns-lang-wrap { position: relative; top: 0; right: 0; }
	.contHeader .contNav .index-navi li { padding:0; float:none; border-bottom: 1px solid #bebebe; }
	.contHeader .contNav .index-navi li.last { float:none; }
	#contents .contHeader .contNav .index-navi li p { height: 40px; line-height: 40px; width: 100%; }
	.contHeader .contNav .index-navi li a { display: block; width: 100%; height: 100%; line-height: 40px!important; padding: 0 4%; box-sizing: border-box; background-image: none; color: #444!important;  }
	.contHeader .contNav .index-navi li p a { height: 100%; line-height: 40px!important; }
	.contHeader .contNav .index-navi li a:hover { color: #444!important; }
	.news .index-navi li .naviBox01 a,
	.about .index-navi li .naviBox02 a,
	.award2017 .index-navi li .naviBox03 a,
	.prizepast .index-navi li .naviBox04 a,
	.making_report .index-navi li .naviBox05 a,
	.aw_interview .index-navi li .naviBox06 a{ color: #444!important; }
	.contHeader .contNav .index-navi li .naviBox03,
	.contHeader .contNav .index-navi li .naviBox04,
	.contHeader .contNav .index-navi li .naviBox05,
	.contHeader .contNav .index-navi li .naviBox06 { background:url("/sites/default/files/shared_contents/award/img/cmn/nav_arrow_off.png") no-repeat 96% center #fff; background-size: 11px; }
	.contHeader .contNav .index-navi li .naviBox03.active,
	.contHeader .contNav .index-navi li .naviBox04.active,
	.contHeader .contNav .index-navi li .naviBox05.active,
	.contHeader .contNav .index-navi li .naviBox06.active { background:url("/sites/default/files/shared_contents/award/img/cmn/nav_arrow_on.png") no-repeat 96% center #fff; background-size: 11px; }
	.contHeader .contNav .index-navi li .naviBox03 a,
	.contHeader .contNav .index-navi li .naviBox04 a,
	.contHeader .contNav .index-navi li .naviBox05 a,
	.contHeader .contNav .index-navi li .naviBox06 a { display: inline-block; width: auto; }
	.contHeader .contNav .index-navi li.last a { padding: 0 4%; border: none; width: 100%; text-align: left;}
	.contHeader .contNav .index-navi li a:hover{ border-bottom:none; }
	.contHeader .contNav .index-navi li.last a:hover { border: none; }
	.contHeader .contNav .index-navi li .child li { height: 40px; line-height: 40px; border-top: 1px solid #bebebe; border-bottom: none; width: 100%; }
	.contHeader .contNav .index-navi li .child li a { padding: 0 8%; }

	.award-top .contHeader .mainImg { height: 100vh; }
	.contHeader .mainImg p.mainImg-logo { width: 50%; left: 0; right: 0; top: 300px; top: 45%; margin: auto; }

	.award-top .wrap-outer-outer.changeT { padding-top:40px; }
	.award-top .wrap-outer { margin-top: 100vh; position: relative;/* z-index: 120;*/}
}

/* 総合トップ　テーマ */
.kda-theme-top p { text-align: center; line-height: 200%!important; }
.award-top .btn_detail {  margin: 50px auto 0!important; width: 188px; text-align: center; }
.award-top .btn_detail a { display: block; }

/* 総合トップ　ニュース */
.news-top-wrapper { text-align: center; }
.news-top { max-width:780px; display: inline-block;	text-align: left; overflow:hidden; }

.news-top dl {
	margin:auto;
	padding:0;
	font-size:14px;
	line-height: 1.8;
}
.news-top dl dt {
	margin:0;
	padding:0;
	}

.news-top dl dt .none {	margin-left:2.2em; padding:0; }
.news-top dl dt .new01 { margin:0 0.6em 0 0; padding:0 0.4em; color:#fff; background: #000; }
.news-top dl dd { margin:-1.8em 0 7px 8em; }
.news-top dl dd a { text-decoration: none; }
.news-top dl dd a:hover { opacity: 0.7; }

.news-top .btn_detail {
 margin-top: 40px;
 text-align: center;
}

@media screen and (max-width: 767.98px) {
.news-top { margin-top: 30px; max-width:none; display: block; }
.news-top dl { width:100%; margin-bottom: 12px; }
.news-top dl dd { margin:0 0 7px 2em; }
    .contHeader .contNav .index-navi { box-sizing: border-box;}
}

/* 総合トップ　コクヨデザインアワードとは */

.about-top {
	overflow:hidden;
	position:relative;
}

#contents .about-top p {
	font-size:14px;
	line-height: 2.5;
}


.about-top .btn_detail {
	text-align:center;
	}

/* 総合トップ　2017テーマ */

.theme-top {
	overflow:hidden;
	position:relative;
}
.theme-top .btn_detail {
	text-align:center;
}
.theme-top p { width: 220px; margin: 45px auto 0 auto; }
.theme-top p img { width: 100%; }

/* 総合トップ　審査員 */
.index .judge {float:left; width:180px; /*margin:0 12px 8px 0;*/margin:0 12px 20px 0;  padding:0px; color: #000;}
.index .judge img { width: 100%; }
.index .judge.last { margin:0 0 8px 0; }

.judge-top { overflow:hidden; }
.main-box .judge-top h3 { font-size: 16px; margin-bottom: 5px; font-weight: 500; }
.judge-top .btn_detail {
	text-align:center;
}

.judge-top h4 {
	text-align:center;
	font-size:14px;
	font-weight: 700;
	line-height:1.8;
	margin-top:8px;
}


.judge-top p {
	text-align:left;
	font-size:10px;
	line-height:1.6;
}

.judge-top .section {
	width:950px;
	margin-bottom:30px; margin: 0 auto 30px;
}

@media screen and (max-width: 767.98px) {
	.main-box .judge-top h3 { font-size: 14px; }
	.judge-top .section { width: 100%; }
	.judge-top .judge {float:none; margin:0 auto 30px; }
	.judge-top .judge.last {float:none; margin:0 auto; }
}


/* 総合トップ　応募要項 */
.requirements-top {
	overflow:hidden;
	position:relative;
}
.requirements-top .entryBox { width:475px; float:left; text-align: center;}
.requirements-top .entryBox h2 { margin-bottom: 30px; }
.requirements-top .entryBox .entryInner { height: 270px; margin: auto; }
.requirements-top .entryBox .entryInner svg { fill: #000; width: 100%; }
.requirements-top .entryBox.entryBox01 .entryInner { width: 410px; color: #000; }
.requirements-top .entryBox.entryBox02 .entryInner { width: 240px; }
.requirements-top .entryBox .entryInner img { width: 100%;}
#contents .requirements-top p {
	font-size:13px;
	line-height:2.2;
	text-align:center;
	margin-top: 22px;
}

.requirements-top strong {
	font-size:13px;
	line-height:1.8;
	color:#444;
	}

.requirements-top .btn_detail {
 margin-top: 40px;
	text-align:center;
}
@media screen and (max-width: 767.98px) {
.requirements-top .entryBox { width: 100%; float:none; }
.requirements-top .entryBox.entryBox01 .entryInner { width: 94%; max-width:325px; margin: auto; }
.requirements-top .entryBox .entryInner { height: auto;}
.requirements-top .entryBox .entryInner img { width: 100%; }
.requirements-top .entryBox.entryBox02 { margin-top: 30px; padding-top: 30px; border-top: 1px solid #787878; }
.requirements-top .entryBox.entryBox02 .entryInner { height: auto; width: 190px; margin: auto; }
}


/* 総合トップ　アーカイブ */
.archive-top {overflow:hidden;}
.archive-top .btn_detail { text-align:center; margin: 50px 0 0; }
.archive-top .col001,
.archive-top .col002 {float:left; width:300px; margin:20px 25px 0 0; }
.archive-top .col003 {float:left; width:300px; margin:20px 0 0 0; }
.archive-top img { width: 100%;}

@media screen and (max-width: 767.98px) {
.archive-top .btn_detail { margin: 30px 0 0; }
.archive-top .col001,
.archive-top .col002 {float:none; margin:0 auto 60px; }
.archive-top .col003 {float:none; margin:0 auto; }
}


/* 総合トップ　FOLLOW US */
.follow-top ul { text-align: center; margin: auto; letter-spacing: -.4em;}
.follow-top li { display: inline-block; margin: 0 18px; }
.follow-top li img { height: 36px; width: auto; }

@media screen and (max-width: 767.98px) {
.follow-top li { margin: 0 12px; }
.follow-top li img { height: 30px; }
}

/* 下層共通パーツ =========================================== */
/* FOLLOW US */
.follow-wrap,
.index .follow-wrap{ clear: both; border-bottom: none; border-top: 1px solid #5C768D; padding: 50px 0 80px; margin-bottom: 0; }

/* リンク関連 */

.news .btn_detail {width: 190px; margin: auto; }
a.detail-dotline {
	padding: 14px 49px 13px 49px;
	/*background:url("/sites/default/files/shared_contents/award/img/arrow-circle2-w.png") no-repeat right center;*/
	border: 2px solid #5C768D; color: #5C768D!important;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	display:inline-block;
	white-space:nowrap;
	font-weight: 700;
	letter-spacing: 0.05em;
	min-width: 70px;
}
a.detail-dotline:hover { text-decoration:none; opacity: 0.6; border-color:#5C768D;}

.judge a.detail-dotline { width: auto;padding: 8px 49px 8px 49px;}

.award-top a.detail-dotline { font-size: 15px; width: auto; }
.news .btn_detail a.detail-dotline,
.news .btn_detail a.detail-dotline3 { width: 190px; box-sizing: border-box; }

@media screen and (max-width: 767.98px) {
	a.detail-dotline { width: auto;	}
}

a.detail-dotline.type-close {
	padding: 14px 29px 14px 29px;
	/*background:url("/sites/default/files/shared_contents/award/img/button-close.png") no-repeat 6px center;*/
}

a.detail-dotline2 {
	padding: 14px 49px 13px 29px;
	background:url("/sites/default/files/shared_contents/award/img/icon-link-newwindow2.png") no-repeat right center;
	border: 1px dotted #333;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	display:inline-block;
	font-weight: 700;
	white-space:nowrap;
}

a.detail-dotline2:hover {
	text-decoration:none;
	border: 1px dotted #ce3d1c;
}

a.detail-dotline3 {
	padding: 14px 29px 14px 29px;
	/*background:url("/sites/default/files/shared_contents/award/img/arrow-circle3.png") no-repeat left center #fff;*/
	border: 1px solid #000; color: #000!important;
	font-size:12px;
	line-height:1em;
	text-decoration:none !important;
	display:inline-block;
	font-weight: 700;
	white-space:nowrap;
	letter-spacing: 0.05em;
	width: 70px;
}
.news a.detail-dotline3 {
width: 190px; box-sizing: border-box;
}

@media screen and (max-width: 767.98px) {
	a.detail-dotline3 { width: auto; }
}

a.detail-dotline3:hover {
	text-decoration:none;
	/*opacity: 0.6;*/
    background-color: #5C768D;
    color: #FFF!important;border-color:#5C768D;
}

a.detail-dotline4 {
	padding: 14px 50px 13px 18px;
	background:url("/sites/default/files/shared_contents/award/img/arrow-circle2.png") no-repeat right -10px center #fff;
	border: 1px dotted #333;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	display:inline-block;
	font-weight: 700;
	white-space:nowrap;
	letter-spacing: 0.05em;
}

a.detail-dotline4:hover {
	text-decoration:none;
	opacity: 0.6;
}



a.go-to-detail {
	display: block;
	height: 12px;
	/*padding: 0 0 1px 8px;*/
	margin: 4px 0;
	/*border-left: 6px solid #ce3d1c;*/
	line-height: 1 !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	color: #000 !important;
}

a.go-to-detail img {
	padding: 0 0 2px 8px;
}

a.newwindow {
	padding-right:15px;
	background:url("/sites/default/files/shared_contents/award/img/icon-link-newwindow.png") no-repeat right center;
	}



/* 基本パーツ */
.pane2 #main {
	/*background: url(/sites/default/files/shared_contents/award/img/line-main-675.png) top left repeat-x #fff;*/
	width: 725px !important;
	float: left;
}

.pane2 #main .article {
	width: 670px;
	margin-left: 55px;
	margin-bottom: 70px;
}

.pane2 #main .prize,
.pane2.prizepast #main .article{
	width: 615px;
	margin-left: 75px;
	margin-right: 35px;
}
/*.pane2.prizepast #main .article > div { width: 615px; }*/
.pane2 #main .lead{
	overflow:hidden;
	padding:20px 0 50px;
	}

.pane2 #main .number{
	overflow:hidden;
	width:670px;
}

.pane2 #main .inquiry{
	overflow:hidden;
	width:545px;
	padding-left:70px;
}

.pane2 #main .inquiry table{
	width:450px;
	}
.pane2 #main .inquiry table, tr, td{
	border-left:none;
	border-top:none;
	border-right:none !important;
	border-bottom:none !important;
	background-color:#fff;
	margin:0;
	padding:0;
}


.pane2 #main .number .oubo{
	float:left;
	width:230px;
	margin:0 ;
}
.pane2 #main #entry.number,
.pane2 #main #prize.number,
.pane2 #main #eligibility.number{ margin-top:-110px; padding-top:110px; }

@media screen and (max-width: 767.98px) {
.pane2 #contents #main { width: 100% !important; float: none; background: #FFF; padding: 0; }
.pane2 #main .article { width: 100%; margin: 0 0 40px!important; }
.pane2.gp{ width: 655px; }
.pane2 #main .prize,
.pane2.prizepast #main .article,
.pane2.gp #main .article{ width: 655px!important; margin: 0!important; padding: 0 20px; box-sizing: border-box; }
.pane2 #main .number,
.pane2.news #main .article,
.pane2 #main .inquiry{ width: 100%; padding-left: 4%; padding-right: 4%; box-sizing: border-box; }

.pane2.news.newsTop { width: 100% !important;  }
.pane2.news.newsTop #main .article { width: 100%; margin: 0 0 40px; padding: 0; }
.pane2 #main .inquiry table { width: 100%; }
.pane2 #main #entry.number,
.pane2 #main #prize.number,
.pane2 #main #eligibility.number{ margin-top:-50px; padding-top:50px; }
}

#main .article h1 {
	/*width: 120px;*/
	margin: 0 auto 40px;
	padding:7px 0 6px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #FFF;
	border-bottom: none;
}

#main .prize h1 {
	/*width: 120px;*/
	margin: 0 auto 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #FFF;
	border-bottom: none;
}

#main .article h1 span {
	padding:0 20px 2px;
	border-bottom: 5px solid #5C768D;
	line-height: 2;
}

#main .prize h1 span {
	padding:0 20px 2px;
	border-bottom: 5px solid #5C768D;
}

#main .article h2 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}
#main .article .rightjudgebox h2 { font-size: 22px; }

#main .article h2.news {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}

#main .article h2.center {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	text-align: center;
}

#main .article h2.centeriv {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	text-align: center;
}

#main .article h2.large {
	font-size: 20px;
	line-height:1.75;
	font-weight: 500;
	margin-bottom: 30px;
}


#main .article h2.largepro {
	font-size: 24px;
	line-height:1.5;
	font-weight: 500;
	padding-top:10px;
	margin-bottom: 20px;
	position:relative;
	text-align:center;
}

#main .article h2.largeprole {
	font-size: 20px;
	line-height:1.5;
	font-weight: 500;
	padding-top:10px;
	margin-bottom: 20px;
	position:relative;
	text-align:left;
}

#main .article h2.largecenter {
	font-size: 30px;
	line-height:1.2;
	font-weight: 500;
	margin-bottom: 40px;
	position:relative;
	text-align:center;
}

#main .article h2 span {
	font-size: 12px;
	font-weight: 500;
}

#main .article h2.large span {
	font-size: 14px;
	line-height:1.5;
	display:block;
	text-align:right;
}

#main .article h3 {
	font-size: 14px;
	font-weight: 700;

}

#main .article h3.padding-ad {
	line-height: 130%;
}

#main .article h3.goods {
	font-size: 13px;
	font-weight: 700;
	text-align:left;

}

#main .article h3.project {
	font-size: 14px;
	font-weight: 700;

}

#main .article h3.goodscap {
	font-size: 15px;
	font-weight: 700;
	line-height:2.0;
}

#main .article h3.goodstitle {
	font-size: 18px;
	font-weight: 700;
	line-height:1.4;
}

#main .article h3.goodsmaintitle {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
#main .article h3.submission {
   margin:0 0 3px 0;
   padding:0;
   line-height:1.2;
   font-size:14px;
   font-weight: 700;
   color:#444;
   border-bottom:1px solid #333;
}

#main .article h2.largecentertit {
	font-size: 24px;
	padding: 3px 30px;
	margin-bottom:5px;
	display:inline-block;
	border-bottom: 1px dotted #333;
}


#main .article h2.iv {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 2px;
}

#main .article h2.ivtop {
	font-size: 14px;
	line-height:0.8;
	font-weight: 700;
	padding-bottom:2px;
}

/*   応募要項 DL.DD.DT ========================================================*/
.pane2 #main .number dl { text-align: center; padding: 30px 0;}

.pane2 #main .number dt {
	font-size: 16px;
	padding: 3px 30px;
	margin-bottom:5px;
	display:inline-block;
	border-bottom: 1px dotted #333;
	letter-spacing: 0.1em;
	}

.pane2 #main .number dd {
	margin:20px 0 0 0;
	padding:0;
}
.pane2 #main .number dd .pan { display: inline-block; margin: 0 20px; }
.pane2 #main .number dd .pan img { border:1px solid #ccc; box-sizing: border-box;}
#contents p.theme {
	line-height: 2.4;
	font-size: 15px;
	font-weight: 500;
	margin-top: 30px;
}
.pane2 #main .number .lh01 { line-height: 1.8; }
.pane2 #main .number dd p { font-size: 14px; line-height: 2.5; margin-bottom: 10px; }
.pane2 #main .number dd p a:hover img { opacity: 0.7;}
.pane2 #main .number dd p.img01 { width: 340px; margin: 60px auto; }
.pane2 #main .number dd p.img02 { width: 360px; margin: 0 auto 10px; }
.pane2 #main .number dd p.img01 img,
.pane2 #main .number dd p.img02 img { width: 100%; }
.pane2 #main .number dd small { font-size: 12px; }
.pane2 #main .number.prize-box dd { padding-top: 25px; }
.pane2 #main .number.prize-box dd .txt01 { /*width: 440px;*/ margin:35px auto 10px; }
.pane2 #main .number.prize-box dd .txt01 p { margin-bottom:0; text-align: left; font-size: 12px; text-indent: -1em; padding-left: 1em;}
.pane2 #main .number dd .btn_detail { margin-top: 25px; }
.pane2 #main .number dd .ttl01 { width: 620px; height: 26px; line-height: 26px; font-size: 16px; font-weight: 700; color: #FFF; background: #5C768D; margin: 0 auto 20px; }
.pane2 #main .number dd .schedule-ddl { margin-top: 20px; }
.pane2 #main .number dd .schedule-ddl .schedule-ddl-inner { margin-bottom: 30px; }
.pane2 #main .number dd .schedule-ddl .schedule-ddl-inner .data01 { margin-bottom: 0; font-size: 22px; font-weight: 700; line-height: 1.6; }
.pane2 #main .number dd .schedule-ddl .schedule-ddl-inner .ttl02 { line-height: 1.75; font-size: 16px; font-weight: 700; }
.pane2 #main .number dd .linkWrap { margin: 20px 0 40px; font-size: 14px; }
.pane2 #main .number.panph dd .linkWrap { margin: 20px 0; }
.pane2 #main .number dd .linkWrap span { /*padding-right: 30px;*/ }
.pane2 #main .number dd .linkWrap span.last { padding-right: 0; }
.pane2 #main .number ul {
	margin:0;
	padding:0;
	width:100%;
	clear:both;
}
.pane2 #main .number ul li {
	margin:0 0 0 0.5em;
	padding:0 ;
	list-style:none;
	text-indent:-0.5em;
	line-height: 1.8;
	font-size:10px;
	text-align: left;
}


.pane2 #main .number dl.submissions {
	border-bottom:1px dotted #444 !important;
}
.pane2 #main .number dt.submissions {
	float:left;
	display:block;
	width:10em;
	clear:both;
	margin:5px 0 5px 0;
	font-weight: 700;
}

.pane2 #main .number dd.submissions {
	float:left;
	display:block;
	width:375px;
	margin:5px 0 5px 0;
	padding:0;
}

.top-border-solid { border-top: 1px solid #d0d0d0;}
.bottom-border-solid { border-bottom: 1px solid  #d0d0d0;}
.bottom-border-dotted { border-bottom: 1px dotted #d0d0d0;}
.top-border-dotted { border-top: 1px dotted #d0d0d0;}
.bottom-border-solidgreen { border-bottom: 3px solid #ce3d1c;}

@media screen and (max-width: 767.98px) {
.pane2 #main .number dl { padding: 30px 0 20px;}
.pane2 #main .number.theme-box .img01 { width: 280px;     margin: 40px auto; }
.pane2 #main .number.theme-box .img02 { width: 100%; max-width: 520px; margin: 15px auto 0; box-sizing: border-box; }
.pane2 #main .number dd p.img01 img { width: 100%; }
.pane2 #main .number dd p.img02 { width: 90%; }
.pane2 #main .number.prize-box .img01 { width: 100%; max-width: 300px; margin: 0 auto; }
.pane2 #main .number.prize-box dd .txt01 { width: 100%; margin:25px auto 10px; }
.pane2 #main .number dd .btn_detail { margin-bottom: 10px; }
.pane2 #main .number dd .ttl01 { width: 100%; }
}


/* トップへ戻る */
.award-top .pagetop {
	/*width:930px;*/
	width:900px;
}

.pagetop a.btn_pagetop {
	background:none;
	padding:0;
	margin:0 20px;
	display:inline-block;
}

.pagetop a.btn_pagetop img {
	vertical-align:middle;
}



/* 注釈 */

ul.notes {
	margin:10px 0 0 0;
	padding:0;

}

ul.notes li {
	margin:0 0 0 1em;
	padding:0;
	list-style:none;
	text-indent:-1em;
	line-height: 1.8;
	font-size:12px;
}





/* 開催概要 =========================================== */

.horizontal_dl {
	margin-top: 20px;
}

.horizontal_dl dt{
	float: left;
	clear: left;
}

.horizontal_dl dd{
	margin-left: 40px;
}

/* happy x design */
.happydesign {
	padding: 20px 0;
}

.happydesign p{
	margin-bottom: 20px;
}

.happydesign .category .inner {
	padding: 20px 0 30px;
	margin: 0 20px;
	border-top: 1px dotted #222;
}

.category p {
	margin-bottom: 0;
}

/* 担当者が語る3カラム */

.sponsor .from-staff {
	margin:0 20px 50px;
	padding:20px 0;
	border-top:1px dotted #222;
	border-bottom:1px dotted #222;
}

.from-staff ul {
	overflow:hidden;
	margin:0 -20px 0 0;
	width:595px;
}
.from-staff ul li {
	width: 178px;
	float: left;
	margin-right: 20px;
	position:relative;
}
.from-staff ul li div {
	padding-bottom:40px;
	width:178px;
}
.from-staff img {
	margin-bottom: 5px;
}
.from-staff ul li p{ text-align: center; font-size: 12px;}

.from-staff ul li p.staff-name {
	margin-bottom:10px;
	}

.from-staff ul li .btn_detail {
	position:absolute;
	bottom:0;
	left:0;
	padding:0;
	min-height:1px;
}

/* 各賞と賞金 */

.prize table,
.prize th,
.prize td {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f9f9f9;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 500;
}
.prize table { width: 400px; margin-bottom: 10px;}
.prize th{ width: 200px;}
.prize th span {
	/*margin-right: 3px;*/
	color: #ce3d1c;
	font-size: 25px;
	vertical-align: middle;
}
.prize .w30 {
	width: 35px;
	text-align: left;
	letter-spacing: -10px;
}
.prize .amount{ width: 130px; text-align: right; font-size: 24px; }

.prize ul li { line-height: 1.8;}

/* 開催スケジュール */

.schedule table  {
	margin: 30px 0 0px 0;
	border-collapse: collapse;
	width: 600px;
	border: 0;
	background: #f9f9f9;
	padding: 0 !important;
	display:table;
}

.schedule th {
	vertical-align:middle;
	text-align:center;
	border:none;
	background: #f9f9f9;
	padding:0;
	overflow:visible;
}

.schedule th .flow-circle {
	display:inline-block;
	width: 122px;
	height: 122px;
	text-align: center;
	vertical-align: middle;
	position:relative;
}

.schedule th .flow-circle span {
	font-size:12px;
	line-height:1.3em;
}

.schedule th .flow-circle .arrow{
	width:25px;
	height:26px;
	background:url("/sites/default/files/shared_contents/award/2014/outline/img/arrow-double-down.png") no-repeat;
	display:block;
	position:absolute;
	top:150px;
	left:46px;
	z-index:1000;
}

.schedule tr.flow4 th,
.schedule tr.flow4 td {
	padding-bottom:60px;
	}

.schedule tr.flow5 th,
.schedule tr.flow5 td {
	padding-bottom:60px;
	}

.schedule tr.flow6 th,
.schedule tr.flow6 td {
	padding-bottom:0;
	}

.schedule td {
	vertical-align:middle;
	width: 425px;
	border:none;
	background: #f9f9f9;
	padding:0 0 80px 0;
}

.schedule td h3 {
	vertical-align: middle;
	font-weight: 700;
	margin:0 0 5px;
	padding:0;
}

.schedule td .flow-detail {
	vertical-align: top;
	line-height: 1.8;
	font-size:12px;
	padding-top: 6px !important;
}

.schedule td ul.flow-note {
	margin:10px 0 0 0;
	padding:0;

}

.schedule td ul.flow-note li {
	margin:0 0 0 1em;
	padding:0;
	list-style:none;
	text-indent:-1em;
	line-height: 1.8;
	font-size:12px;
}

.schedule .period {
	width: 425px;
	border-bottom: 1px dotted #000;
	padding-bottom: 6px !important;
	padding-top: 0 !important;
	line-height: 1;
	font-size: 16px;
	vertical-align: bottom;
}

.schedule .arrow img {
	display: block;
	width: 25px;
	height: 26px;
	margin: 30px 0 0 70px;
}



/* 担当者が語る　個別ページ =========================================== */

.outline .sponsor .lead .text {
	float:left;
	width:350px;
	padding-top:20px;
	text-align:center;
	}

.outline .sponsor .lead .text p {
	text-align:left;
	font-size:18px;
	padding:0 40px;
	background-image:url("/sites/default/files/shared_contents/award/2014/outline/img/quotation1.png"),url("/sites/default/files/shared_contents/award/2014/outline/img/quotation2.png");
	background-position:top left,bottom right;
	background-repeat:no-repeat,no-repeat;
	display:inline-block;
	margin:0 0 0 10px;
	}

.outline .sponsor .lead .photo {
	text-align:right;
	float:right;
	margin-top:-35px;
	font-size:12px;
	}

.outline .sponsor .lead .photo strong {
	color:#444;
	}



/* Q&Aパーツ（担当者が語る＆よくある質問で使用） =========================================== */
.qa {
	clear:both;
	}
#main .qa h2 {
 font-size: 16px;
 padding: 3px 30px;
 margin-bottom: 25px;
 display:inline-block;
 border-bottom: 1px dotted #333;
 letter-spacing: 0.1em;
}

.qa dl {
 margin:0;
 padding: 0;
 font-size: 14px;
 text-align: center;
 border-bottom:1px solid #cfcfcf;
 }

.qa dl dt {
 /*background:url("/sites/default/files/shared_contents/award/2017/faq/img/q.png") no-repeat left 20px;*/
 padding:30px 0 15px 0;
 font-weight: 700;
 border-top:1px solid #cfcfcf;
 text-align: left;
 }

.qa dl dd {
 padding:0 0 30px 0;
 text-align: left;
 line-height: 1.8;
 }

.qa dl dd p {
 padding:0 0 10px 0;
 line-height: 1.8;
 }
.qa dl dd.last { border-bottom:1px solid #cfcfcf; margin-bottom: 60px; }

@media screen and (max-width: 767.98px) {
.qa dl dt { padding:25px 4% 15px; }
.qa dl dd { padding:0 4% 25px; }
.qa dl dd.last { margin-bottom: 30px; }
}

/* 応募要項 =========================================== */

.requirements .theme-box--about { margin-top: 35px; }
.requirements .theme-box--about p { font-size: 12px!important; }

.requirements .period h3 {
 background:#ce3d1c;
 color:#fff;
 font-size:15px;
 font-weight: 700;
 border-radius:5px;
 padding:12px 20px 10px 20px;
 margin:0 0 20px 0;
 }

.requirements .period .text1 {
 padding:0 0 0 60px;
 height:130px;
 background:url("/sites/default/files/shared_contents/award/2014/requirements/img/arrow-double-down-x3.png") no-repeat left top;
 }

.requirements .period .text2 {
 padding:0 0 0 60px;
 }

.requirements .provisions ul {}

.requirements .provisions ul li {
 list-style:disc;
 margin-left:1.5em;
 }

.requirements #main .scroll-inner { height: 400px; overflow-y: scroll; padding-right: 1em; }

@media screen and (max-width: 767.98px) {
.requirements #main .scroll-inner { height: 300px; border: 1px solid #ddd; padding: 6px 10px; }
.requirements #main .scroll-inner::-webkit-scrollbar{ width: 3px; }
.requirements #main .scroll-inner::-webkit-scrollbar-thumb{ background: #ddd; border-radius: 2px; }
.requirements #main .scroll-inner::-webkit-scrollbar-track-piece:start,
.requirements #main .scroll-inner::-webkit-scrollbar-track-piece:end { background: #fff; }
}


/* 提出物について =========================================== */
.submissions #main .ps { width: 640px; margin: 40px 0 40px 25px; text-align: left;}
.submissions #main .ps .ps-inner01 { float: left; width: 240px; }
.submissions #main .ps .ps-inner02 { float: left; width: 400px; }
.submissions #main .ps .ps-ttl01 { font-size: 12px; font-weight: 700; line-height: 1.8; margin-bottom: 2px; }
.submissions #main .ps .ps-txt01 { font-size: 12px !important; line-height: 1.8; display: flex; flex-wrap: wrap;}
.submissions #main .ps .ps-txt01 span { font-size: 14px; width: 10em; }
@media screen and (max-width: 767.98px) {.submissions #main .ps .ps-txt01 span { width: 9.9em; }}
.submissions #main .ps .ps-txt01-ttl { font-weight: 700; }
.submissions #main .ps .ps-txt01-ttl_1line { width: 100% !important; }
.submissions #main .ps .ps-txt01-desc_1line { width: 100% !important; padding-left: 10em;}
.submissions #main .ps .ps-txt02 { font-size: 12px; margin-top: 40px; }

.submissions #main .number .framewide { width: 476px; padding: 25px 70px 15px; margin: 0 auto 15px; text-align: left; border: 2px solid #444; }
.submissions #main .number .framewide p { line-height: 2;}
.submissions #main .number .framewide p.txt01 { margin-bottom: 0 !important; }
.submissions #main .number .framewide p span { width: 6em; font-weight: 700; }
.submissions #main .number .framewide p.txt02 { padding-left: 8.5em; margin-bottom: 0; }
.submissions #main .number .framewide p.txt03 { padding-left: 5em; margin-bottom: 0; }
.submissions #main .number .framewide p.txt04 { text-indent: 5em; margin-bottom: 0; }

.submissions #main .number .ant01 { padding: 0 25px; text-align: left; font-size: 12px; margin-bottom: 40px; }

/*提出物　必須要素*/
.submissions #main .number .boxTable {
 border:none;
 border-bottom:dotted 1px #cecece;
 margin: 0 0 15px;
}
.submissions #main .number .boxTable tr {
width:100%;
border-top:dotted 1px #cecece;
text-align: left;
}
.submissions #main .number .boxTable tr th {
 border:none;
 padding:10px 0 6px 10px;
 width:108px;
 font-weight: 700;
 background: #A6AEBC;
}
.submissions #main .number .boxTable tr td {
padding:10px 0 6px 20px;
width:532px;
line-height:1.8;
}
.submissions #main .ps2 { padding-top: 30px; }
.submissions #main .ps2 .ps2-inner { margin-bottom: 30px; }
.submissions #main .ps2 .ps2-inner.last { margin-bottom: 0; }

@media screen and (max-width: 767.98px) {
.submissions #main .ps { width: 100%; margin: 20px 0; }
.submissions #main .ps .ps-inner01 { float: none; width: 213px; margin: 0 auto 30px; }
.submissions #main .ps .ps-inner02 { float: none; width: 100%; }
.submissions #main .ps .ps-txt02 { margin-top: 20px; }

.submissions #main .number .framewide { width: 100%; padding: 15px 4%; box-sizing: border-box; }
.submissions #main .number .framewide p { line-height: 1.8;}
.submissions #main .number .framewide p.txt02 { padding-left: 3.5em; }
.submissions #main .number .framewide p.txt03 { padding-left: 3.5em; text-indent: -3.5em; }
.submissions #main .number .framewide p.txt04 { text-indent: 0em; }
.submissions #main .number .ant01 { padding: 0; margin-bottom: 30px; line-height: 2; }

.submissions #main .number .boxTable tr th { width: 30%; min-width: 108px; }
.submissions #main .number .boxTable tr td { width: 70%; }
.submissions #main .ps2 { padding-top: 0; }
.submissions #main .ps2 .ps2-inner { margin-bottom: 20px; }

}

/* 画像ポップアップ =========================================== */

.submissionsPresen{
	margin-top: 72px;
}

.submissionsPresen-img-wrap{
	display: flex;
	flex-wrap: wrap;
}

.submissionsPresen-img{
	margin: 10px;
	width: calc((100% / 3) - 22px);
  border: 1px solid #666666;
}

@media screen and (max-width: 767.98px) {
	.submissionsPresen-img {
		margin: 5px;
		width: calc((100% / 3) - 12px);
	}
}

.submissionsPresen-img img{
	width: 100%;
}

/* 審査員メッセージ =========================================== */

.judge {}
.judge .profile-box {
	padding:40px 30px 30px;
	position:relative;
	}

.judge #main .leftjudgebox {
	display:block;
	width: 200px;
	margin-right: 40px;
	float:left;
}
.judge #main .leftjudgebox img { width: 100%; }
.judge #main .leftjudgebox img+p { font-size: 12px; margin-top: .3em;}

.judge #main .rightjudgebox {
	display:block;
	width: 370px;
	margin: 0;
	float:right;
}
.judge #main .rightjudgebox h2 { margin-bottom: 10px; }
.judge #main .rightjudgebox p { margin-bottom: 20px; }

.judge .profile-box .message {
	padding-top:30px;
	}

.judge .profile-box .profile {
	padding-top:30px;
	}

.judge .profile-box .profile h3 {
	font-weight: 700;
	line-height:1;
	margin-bottom:5px;
	font-size:13px;
	}
.judge #main .profile-box .profile p { line-height: 2.2; }

/*モーダル*/
.judge .judge-popup { position: relative; margin:10px auto;	max-width: 700px; background: #fff;	padding: 30px; word-break: normal!important; font-family: 'gotham', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif; font-size: 14px; }
.judge .judge-popup h2 { font-weight: 700; margin-bottom: 10px; font-size: 14px; }
.judge .judge-popup p.prof-text { margin-bottom: 20px;}
.judge .judge-popup a,
.judge .judge-popup a:hover { color: inherit; text-decoration: underline;}

/*表示のエフェクト*/
.mfp-fade.mfp-bg { opacity: 0.001;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

@media screen and (max-width: 767.98px) {
	.judge .profile-box { padding:40px 4% 30px; }
	.judge .profile-box.last { padding:40px 4% 0; }
	.judge #main .leftjudgebox { width: 200px; margin: 0 auto 30px; float:none; }
	.judge #main .rightjudgebox { width: 100%; float: none; text-align: center; }
	.judge #main .rightjudgebox p { margin-bottom: 15px; }
	.judge .profile-box .profile { padding: 10px 0 0; }
	/*モーダル*/
	.judge .judge-popup { padding: 20px 5%; font-size: 14px; }
	.mfp-container { padding-left: 4%; padding-right: 4%; }
}

/* コクヨデザインアワードとは =========================================== */
.about #main .lead { margin-bottom: 70px;}
.about #main h2 { font-size: 20px; line-height: 2.5; margin-bottom: 40px; text-align: center; font-weight: 500; }
.about #main .lead p { font-size: 14px; text-align: center; line-height: 3; }
.about #main .lead p span { display: inline-block; }
.about #main .lead02 p { font-size: 14px; line-height: 3; margin-bottom: 40px; }
.about #main .lead02 p.last { margin-bottom: 10px;}

@media screen and (max-width: 767.98px) {
.about #main .lead { padding: 10px 4% 0; margin-bottom: 50px !important; }
.about #main h2 { margin-bottom: 20px; }
.about #main .lead02 { padding: 0 4%; }
.about #main .lead02 p { margin-bottom: 30px; }
}


/* お問い合わせ =========================================== */

.contact-frame {
	width:360px;
	border:2px solid #444;
	background:#fff;
	padding:10px 15px;
	margin-top:0;
	font-size:12px !important;
	}

.contact-framewide {
	width:460px;
	border:2px solid #444;
	background:#fff;
	padding:10px 15px;
	margin-top:20px;
	font-size:12px !important;
	}

.contact-frame h3 {
	color:#ce3d1c;
	margin-bottom:5px !important;
	font-weight: 700;
	font-size:16px;
	}

.contact-frame p {
	font-size:14px;
	}
.contact-frame2nd {
	width:360px;
	border:2px solid #444;
	background:#fff;
	padding:10px 15px;
	margin-top:0px;
	font-size:12px !important;
	}

.contact-frame2nd h3 {
	color:#ce3d1c;
	margin-bottom:5px !important;
	font-weight: 700;
	font-size:16px;
	}

.contact-frame2nd p {
	font-size:14px;
	}

/*20160412追加*/
/* form */
/* お問い合わせフォーム */

textarea {
	font-size: 12px !important;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}


.wide {
	width: 485px;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:solid 1px #ccc;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.middle {
	width: 280px;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:solid 1px #ccc;
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

}

.narrow {
	width: 180px;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:solid 1px #ccc;
	font-size: 12px;
}

.capcha {
	width: 180px;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:solid 1px #ccc;
	font-size: 12px;
	text-align:left;
}

.error {
	margin-top: 6px;
}

.inqbtn {
	padding: 14px 39px 13px 49px;
	background:url("/sites/default/files/shared_contents/award/img/arrow-circle3.png") no-repeat left center #fff;
	border: 1px dotted #333;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	display:inline-block;
	white-space:nowrap;
	letter-spacing: 0.05em;
}

.inqbtn:hover {
	text-decoration:none;
	opacity: 0.6;
	cursor:pointer;
}
.inqbtn2-wrap { margin: auto; text-align: center; }
.inqbtn2 {
	padding: 14px 49px 13px 39px;
	background:url("/sites/default/files/shared_contents/award/img/arrow-circle2.png") no-repeat right center #fff;
	border: 1px dotted #333;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	display:inline-block;
	white-space:nowrap;
	letter-spacing: 0.05em;
}

.inqbtn2:hover {
	text-decoration:none;
	opacity: 0.6;
	cursor:pointer;
}

em,
.caution {
	color: #f00;
}


@media screen and (max-width: 767.98px) {
.wide,
.middle,
.narrow,
.capcha { width: 100%; box-sizing: border-box; }
}

/* ニュース =========================================== */

.news-list {
	overflow:hidden;
	}


.news-list ul {
	margin:0 -35px 21px 0;
	padding:0;
	width:650px;
	clear:both;
	overflow:hidden;
	}

.news-list ul li {
	margin:0 21px 0 0;
	padding:0 0 61px 0;
	float:left;
	list-style:none;
	width:191px;
	position:relative;
}

.news-list ul li h2 {
	margin:0 0 5px !important;
	padding:0;
	font-size:12px !important;
	}

.news-list ul li .date {
	margin:0;
	padding:0;
	}

.news-list ul li .excerpt {
	margin:0 0 5px;
	padding:0;
	}

.news-list ul li .thumbnail {
	margin:0;
	padding:0 0 10px;
	}

.news-list ul li .btn_detail {
	position:absolute;
	bottom:20px;
	left:0;
	padding:0;
	min-height:1px;
	width:191px;
}



/* 2014.10.30 news style */
.news-detail {
	margin-bottom:50px;
	}
.news-detail .date {
	margin:-10px 0 20px;
	text-align:right;
	}
.news-detail p {
	margin-bottom:20px;
	}
body.news h3.grandprix {
	border-left:5px solid #ce3d1c;
	padding-left:10px;
	font-weight: 700;
	line-height:1;
	margin-bottom:20px;
	font-size:18px;
	}
/*body.news h3 {
	border-left:5px solid #ce3d1c;
	padding-left:10px;
	font-weight: 700;
	line-height:1;
	margin-top:40px !important;
	margin-bottom:20px;
	font-size:14px;
	}*/
body.news h3 {
	margin-bottom: 6px;
	font-size:14px;
	}
body.news .leftBox {
	display:block;
	width:294px;
	float:left;
	}
body.news .rightBox {
	 display:block;
	 width:294px;
	 float:right;
	 }
body.news .leftBoxImg {
	display:block;
	width:180px;
	float:left;
	}
body.news .rightBoxTxt {
	 display:block;
	 width:416px;
	 float:right;
	 }
body.news dl {
	}
body.news dl.large dt {
	float:left;
	display:block;
	width:7em;
	clear:both;
	margin-bottom:3px;
	background:url(/sites/default/files/shared_contents/award/news/img/bg_colon.gif) no-repeat;
	background-position:right;
	}
body.news dl.large dd {
	float:right;
	display:block;
	width:520px;
	margin-bottom:3px;
	}
body.news dl dt {
	float:left;
	display:block;
	width:7em;
	clear:both;
	margin-bottom:3px;
	background:url(/sites/default/files/shared_contents/award/news/img/bg_colon.gif) no-repeat;
	background-position:right 6px;
	}
body.news dl dd {
	float:right;
	display:block;
	width:200px;
	margin-bottom:3px;
	}

body.news dl.talk {
display: table;
width: 100%;
	}

body.news dl.talk dt {
	display:table-cell;
	width:60px;
	clear:both;
	margin-bottom:3px;
	background:none;
	line-height: 1.8;
	}
body.news dl.talk dd {
	display:table-cell;
	width: 90%;
	max-width:610px;
	margin-bottom:3px;
	line-height: 1.8;
	}
@media screen and (max-width: 767.98px) {
body.news dl.talk dd { width: 86%;}
}
@media screen and (max-width: 480px) {
body.news dl.talk dd { width: 78%;}
}

body.news .rightBoxTxt dl dd {
	width:320px;
	}
body.news p.explain {
	margin-bottom:0 !important;
	}
.mrgT5 { margin-top:5px !important; }
.mrgT10 { margin-top:10px !important; }
.mrgT15 { margin-top:15px !important; }
.mrgT20 { margin-top:20px !important; }
.mrgT25 { margin-top:25px !important; }
.mrgB20 { margin-bottom:20px !important }
.mrgB30 { margin-bottom:30px !important }

.txtEm { font-weight: 700; font-size:16px !important; }
.txtEm2 { font-weight: 700; font-size:12px !important; }
.txtSmall { font-size:12px !important; }


/* 2017　ニュース一覧 =========================================== */
.news-ichiran { overflow:hidden; }

.news-ichiran {
	position:relative;
	width:670px;

}
.news-ichiran a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

.news-ichiran a:hover {
	background-color:#fff;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.pane2 #main .news-ichiran dl {
background:url("/sites/default/files/shared_contents/award/img/arrow-circle.png") no-repeat #fff;
	background-position:98% center;
	background-size: 20px;
}
.pane2 #main .news-ichiran dl dt {
	float:left;
	display:block;
	width:7em;
	clear:both;
	margin:10px 0 13px 0;
	padding-top:6px;
	background-image:none;
}

.pane2 #main .news-ichiran dl dd {
	float:left;
	display:block;
	width:526px;
	margin:10px 0 13px 0;
	padding-top:6px;
	padding-right: 32px;
	font-size:14px;
	font-weight: 500;
	/*background-position:right 16px;*/
}

.pane2 #main .ichiran dl dd .btnews {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 196px;
	right: 57px;
}

@media screen and (max-width: 767.98px) {
.news-ichiran { width: 100%; }
.pane2 #main .news-ichiran dl { padding: 10px 4%; box-sizing: border-box; background-position:96% center; }
.pane2 #main .news-ichiran dl dt { float:none; margin: 0; padding: 0; line-height: 1.8; }
.pane2 #main .news-ichiran dl dd { float: none; width: 100%; margin: 0; padding: 0 25px 0 0; line-height: 1.8; box-sizing: border-box; }
}




/* 製品化リポート =========================================== */


.making_report-list {
	margin:0;
	padding:0;
	overflow:hidden;
	}

.making_report-list ul {
	margin:0;
	padding:0;
	overflow:hidden;
	}

.making_report-list ul li {
	margin:0;
	padding: 20px 0;
	overflow:hidden;
	list-style:none;
	border-bottom:1px dotted #d0d0d0;
	}

.making_report-list ul li .afauto {
	min-height:145px;
	}

.making_report-detail_link {
	padding:20px 0 0;
	margin:0 ;
	height:50px;
	font-weight: 700
	}

.making_report-detail_link li {
	float:left;
	margin-right:50px;
}

.making_report-detail_link li span,
.making_report-detail_link li a {
	display: block;
	padding: 0;
	/*font-weight: 700;*/
	font-size:12px;
	text-decoration:underline;

}


.making_report-detail_link li span,
.making_report-detail_link li a:hover{
	border-bottom:3px solid #ce3d1c;
}


.making_report-detail {
	clear:both;
	padding-bottom:50px;
	}

.making_report-detail p {
	margin-bottom:20px;
	}

.making_report-detail .image img {
	margin-bottom:5px;
	}

.making_report-detail .image p {
	font-size:10px;
	}


/* award top*/


.archive-top2clm{
	border-bottom: 3px solid #ce3d1c;
/*	margin-bottom: 30px;*/
}

.archive-top2clm h2 {
	font-size: 12px;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
}

.archive-top2clm h2 span {
	font-size: 16px;
	padding: 3px 30px;
	margin-bottom:5px;
	display:inline-block;
	border-bottom: 1px dotted #333;
}

.inner2clm h3 {
	margin-bottom:20px;
	font-size:13px;
	font-weight: 700;
	text-align:center;
}

.archive-top-inner{ width:900px; padding:0px; }
.archiveBox{width:407px; margin-bottom:20px;}
.archiveBox3col{width:240px; margin-bottom:20px;}
.archiveBoxleft{width:180px; float:left; margin-right:20px; display:block;}
.archiveBoxright{float:left; width:187px; display:block;}

.bdccc{ border-bottom:#ccc 1px solid; }


/*2014.1210 MEME 追加*/

.pane2 #main .lefttxtbox {
	display:block;
	width: 435px;
	margin-top: 0;
	margin-left: 12px;
	margin-right: 20px;
	float:left;
}

.pane2 #main .lefttxtbox2015 {
	display:block;
	width: 430px;
	margin-top: 0;
	margin-left: 15px;
	margin-right: 20px;
	float:left;
}


.pane2 #main .lefttxtbox294 {
	display:block;
	width: 294px;
	margin-left: 12px;
	margin-right: 10px;
	float:left;
}

.pane2 #main .lefttxtbox250 {
	display:block;
	width: 250px;
	margin-left: 0;
	margin-right: 10px;
	float:left;
}

.pane2 #main .lefttxtbox300 {
	display:block;
	width: 300px;
	margin-left: 12px;
	margin-right: 10px;
	float:left;
}

.pane2 #main .lefttxtbox200 {
	display:block;
	width: 200px;
	margin-left: 12px;
	margin-right: 10px;
	float:left;
}

.pane2 #main .lefttxtbox410 {
	display:block;
	width: 410px;
	margin-right: 35px;
	float:left;
}
.pane2 #main .rightbox170 {
	display:block;
	width: 170px;
	margin: 0;
	float:right;
}


.pane2 #main .rightmenu {
	display:block;
	width: 213px;
	margin-top: 5px;
	margin-right: 13px;
	float:left;
	text-align:left;
}

.pane2 #main .namebox {
	display:block;
	width: 195px;
	margin: 0px;
	float:left;
	text-align:left;
}

.pane2 #main .namebox2015 {
	display:block;
	width: 354px;
	margin: 0px;
	float:left;
	text-align:left;
}

.pane2 #main .namebox2015 img {
	float:right;
}

.pane2 #main .nameboxprizepast {
	display:block;
	width: 295px;
	margin: 0px;
	float:left;
	text-align:left;
}

.pane2 #main .nameboxprizepast2nd {
	display:block;
	width: 340px;
	margin: 0px;
	float:left;
	text-align:left;
}


.pane2 #main .nameboxprizepast3rd {
	display:block;
	width: 290px;
	margin: 0px;
	float:left;
	text-align:left;
}

.pane2 #main .nameboxprizepast4th {
	display:block;
	width: 390px;
	margin: 0px;
	float:left;
	text-align:left;
}

.pane2 #main .rightphotobox {
	display:block;
	width: 103px;
	margin:0;
	float:right;
	text-align:center;
}

.pane2 #main .rightphotobox2015 {
	display:block;
	width: 150px;
	margin:0;
	float:left;
	text-align:center;
}

.pane2 #main .rightphotoboxy {
	display:block;
	width: 103px;
	margin:0;
	padding-top:64px;
	float:left;
	text-align:center;
}

.pane2 #main .rightphotoboxy2015 {
	display:block;
	width: 110px;
	margin:0;
	padding-top:0;
	float:left;
	text-align:center;
}


.mrgT10B30 { margin:10px 0 30px 0 !important; }
.mrgT30B30 { margin:30px 0 30px 0 !important; }
.mrgT10B0 { margin:10px 0 0 0 !important; }
.mrgT0B0 { margin:0 !important; }

.mrgcoment { width:591px; padding:10px 12px 10px 12px !important; }

.kouhyoT10B50 {
	width: 594px !important;
	margin:10px 0 50px 0 !important;
	padding:10px;
	/*border:1px dotted #d0d0d0;*/
	border:1px dotted #000;
}
/* アコーディオン switchHat.js 用の指定 20170203追加
=================================================================== */
.toggle{position:relative;}
div.grad{
	position:absolute;
	top:0;
	z-index:2;
	width:617px;
	height:140px;
}

div.grad img{
	position:absolute;
	top:10px;
	left:0px;
	width:617px;
	height:140px;
}

.txtright {	text-align:right; }

.pane2 #main .article .btn{
	text-align: center;
	padding-right: 0;
	color:#fff;
	position: relative;
	z-index: 4;

}

.pane2 #main .article .btn a{
	color: #fff;
	background: #5C768D;
	display: inline-block;
	width:140px;
	padding:4px 0 2px 0;
	text-align: center;
	text-decoration: none;
}

.pane2 #main .article .btn a:hover{
	background: #5C768D;
}

.kugiri-border-dotted {
	border-bottom: 1px dotted #d0d0d0;
	margin:10px 0;
}

.kugiri-border-solid {
	border-bottom: 1px solid #d0d0d0;
	margin:10px 0;
}

.kugiri-border-solid-mb30 {
	border-bottom: 1px solid #d0d0d0;
	margin:10px 0 30px 0;
}

.kugiri-border-solid-mb10 {
	border-bottom: 1px solid #d0d0d0;
	margin:10px 0 10px 0;
}


.pane2 #main .leftprisebox {
	display:block;
	width: 125px;
	margin-right: 12px;
	float:left;
}

.pane2 #main .rightprisebox {
	display:block;
	width: 465px;
	margin: 0px;
	margin-right: 5px;
	float:right;
}


.pane2 #main .rightprisebox h2 {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
#main .article h2.prise {
	font-size: 14px;
	line-height:1.4;
	font-weight: 700;
	margin: 0;
}

#main .article h2.prisehyo {
	font-size: 13px;
	line-height:1.6;
	font-weight: 700;
	margin: 0;
}
#main .article h2.menu {
	font-size: 14px;
	line-height:1.2;
	font-weight: 700;
	margin: 0;
}


body.result h3.grandprix {
	border-left:5px solid #ce3d1c;
	padding-left:10px;
	font-weight: 700;
	line-height:1;
	margin-bottom:20px;
	font-size:18px;
	}
body.result h3 {
	border-left:5px solid #ce3d1c;
	padding-left:10px;
	font-weight: 700;
	line-height:1;
	margin-top:40px !important;
	margin-bottom:20px;
	font-size:14px;
	}

.pane2 #main .rightprisebox h2 {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}


/* アコーディオン switchHat.js 用の指定
=================================================================== */
.allOpenBtn,
.switchHat {
	display: none;
	margin-left:15px;
	padding-left:0px;
	font-weight: 700;
}

.switchOn {
	display: block;
}

span.switchOn {
	display: inline;
}

.closeBtnHat {
	margin: 30px 0 20px;
}

.allOpenBtn,
.closeBtnHat span,
.switchHat {
	color: #444;
}

.closeBtnHat span {
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color:#ccc;
	color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.allOpenBtn:after,
.switchHat:after {
	content: "審査員講評を見る";
	text-decoration:underline;
	background:url("/sites/default/files/shared_contents/award/img/swich_allow_past.png") no-repeat left center;
	padding-left:17px;
}

.allOpenBtn:hover,
.closeBtnHat span:hover,
.switchHat:hover {
	color: #444;
}

.nowOpen {
	color: #444;
}

.nowOpen:after {
	content: "審査員講評 ×閉じる";
	text-decoration:underline;
}

/* コクヨデザインアワードとは =========================================== */
/*リンク色*/
body.news dl a {
	color:#444 !important;
}

body.news dl a:hover {
	color:#888 !important;
	opacity:0.5 !important;
}

/*商品化された作品*/

.pane2 #main .article .leftsam {
	position:relative;
	float:left;
	width: 276px;
	margin: 0 35px 50px 0;
	text-align:center;
	line-height:1.6;
}

.pane2 #main .article .rightsam {
	position:relative;
	float:right;
	width: 276px;
	margin: 0 20px 50px 0;
	text-align:center;
	line-height:1.6;
}

/*過去の受賞作品*/

.pane2 #main .prize .leftsam {
	position:relative;
	float:left;
	width: 276px;
	margin: 0 35px 50px 0;
	text-align:center;
	line-height:1.6;
}

.pane2 #main .prize .rightsam {
	position:relative;
	float:right;
	width: 276px;
	margin: 0 20px 50px 0;
	text-align:center;
	line-height:1.6;
}



/*プロジェクト*/

.project-detail {
	clear:both;
	padding:0 10px 20px 10px;
}

.project-detail p {
	margin-bottom:20px;
}

.project-detail .image img {
	margin-bottom:5px;
}

.project-detail .image p {
	font-size:10px;
}

.project-detail dl {
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 1.4;
	float:left;
	width:540px;
}
.project-detail dl dt {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight: 700;
	line-height:1.4;
}

.project-detail dl dd {
	margin:-1.6em 0 7px 7.2em;
	padding:0;
	font-size:14px;
	font-weight: 700;
	line-height:1.8;
}

.project-detail dl dd p {
	font-size:12px;
	font-weight: 500!important;
	line-height:1.8;
}

/*受賞者インタビュー*/
.ls {letter-spacing: -3px;}

.copy {
	text-align:right
}

.copyproject {
	clear:both;
	text-align:right;
	padding-right:3px;

}

/*テキスト色*/
.red {color:#fd0000; }

.blue {color:#ce3d1c; }


.goodshyou  {
 	position:relative;
	width:320px;
}

p.goodshyou {
 	position:relative;
	width:280px;
	padding: 5px 10px 0 30px;
	font-size: 10px;
	text-indent: -20px;
	line-height: 1.2;
}
.pane2 #main .goodshyou dl {
	width: 320px;
	border-bottom: 1px dotted #333;
}

.pane2 #main .goodshyou dl dt {
	clear: left;
	float: left;
	width: 90px;
	padding:10px 0 10px 10px;
}

.pane2 #main .goodshyou dl dd {
	background: #fff;
	border-top: 1px dotted #333;
	margin-left: 5px;
	padding:10px 0;
}

/*プロジェクト*/




.pane2 #main .article .image p {
	font-size:10px;
}


/* NEWS ファイナリスト */

.news-detail table  {
	margin: 50px 0 0 0;
	border-collapse: collapse;
	width: 100%;
	border:none!important;
	background: #fff;
	padding: 10px ;
	display:table;
}

.news-detail th {
	vertical-align:middle;
	text-align:left;
	border-bottom:solid #999 1px;
	border-right:none;
	background: #fff;
	padding:12px 12px 8px 2px;
	font-size:12px;
	font-weight: 700;
}

.news-detail td {
	vertical-align:middle;
	text-align:left;
	border-bottom:solid #CCC 1px !important;
	border-right:none;
	background: #fff;
	padding:10px 12px 8px 2px;
	font-size:12px;

}

.news-detail td.last {
	vertical-align:middle;
	text-align:left;
	border-bottom:solid #999 1px !important;
	border-right:none;
	background: #fff;
	padding:10px 12px 8px 2px;;
	font-size:12px;
}

#creative .mr02 { margin-right:2px; }

#enpty {
	width:500px;
	height:400px;
	/*display:none;*/
}

/*2015アーカイブページ　ナビ*/

.arc_naviBox {text-align:center; display:block; width:616px; margin: 10px 0 15px 0;}
.arc-navi li {background:url("/sites/default/files/shared_contents/award/img/img_top_navi_dotline.gif") no-repeat right top; padding:0 5px; float:left; margin:0;}
.arc-navi li.last {background-image:none;}
.arc-naviBox01{ display:block; width:69px; height:29px; margin-left:70px;}
.arc-naviBox02{ display:block; width:90px; height:29px; }
.arc-naviBox03{ display:block; width:271px; height:29px; }
.arc-navi li a { text-decoration: none; font-weight: 700; }
.arc-navi li a:hover { border-bottom: 2px solid #000; }
.prizepast2022 .arc-navi li a:hover { border-bottom: 2px solid #000; }

.arc-navi01{ display:block; width:69px; height:29px; }
.arc-navi02{ display:block; width:90px; height:29px; }
.arc-navi03{ display:block; width:271px; height:29px; }


.arc-navi li.none{ background-image:none !important; }

.arc-navi01:hover{ background-image:none !important; }
.arc-navi02:hover{ background-image:none !important; }
.arc-navi03:hover{ background-image:none !important; }


.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info h4{color:#3a87ad}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}

/*行間調整*/

.lh20 { line-height: 2.0;}
.lh22 { line-height: 2.2;}
.lh24 { line-height: 2.4;}

.linkmenu {
  width: 100%;
  padding-top:10px;
  font-size:13px;
  font-weight: 700;
  color:#444;
}
.linkmenu a {
  width: 100%;
  font-size:13px;
  color:#444;
  text-decoration:underline;
}

.linkmenu a:hover {
  width: 100%;
  font-size:13px;
  color:#b2b2b2!important;
}

.goods264 {
	width:264px;
	float:left;
	margin-right:20px;
}

.goods330 {
	width:330px;
	float:left;
}

@media screen and (min-width: 768px) and ( max-width:950px) {
.award-top .section {margin-top:-1px; }
.award-top .contHeader .sns-lang-wrap .sns-lang { margin-right: 10px; }
.contHeader .sns-lang-wrap.pcOnly { width: 100%; }
.contHeader .contNav .index-navi li { }
.contHeader .mainImg.pcOnly.fixed,
.contHeader .contHeader-box.fixed .contNav{ left: 10px;}

#contents { width: 970px;}
#contents .wrap { padding: 0 10px; }
}


/* ニュース詳細
=================================================================== */
.news .news-detail .bxsliderWrap { width: 100%; margin-bottom: 20px; }

.mB00 { margin-bottom: 0px!important; }
.mB10 { margin-bottom: 10px!important; }
.mB20 { margin-bottom: 20px!important; }
.mB40 { margin-bottom: 40px!important; }
.mT10 { margin-top: 10px!important; }
.mT15 { margin-top: 20px!important; }
.mT20 { margin-top: 20px!important; }
.mT30 { margin-top: 30px!important; }
.mT40 { margin-top: 40px!important; }
.news-detail .txt01 { margin-bottom: 5px; }
.news-detail .bold { font-size: 16px; text-align: bold;  }
.news-detail .image { margin: 40px 0 20px;}
.news-detail .image img { width: 100%; }
.news-detail .image .left { float: left; width: 50%; padding-right: 1px; box-sizing: border-box; }
.news-detail .image .right { float: right; width: 50%; padding-left: 1px; box-sizing: border-box;}
.news-detail .bold { font-weight: 700; }
.news-detail .idt01 { text-indent: -1em; padding-left: 1em;}
.news-detail .news-sub-title { font-size: 16px !important; margin-bottom: 20px; }
@media screen and (max-width: 767.98px) {
	.news-detail .image .left,
	.news-detail .image .right{ float: none; width: 100%; padding: 0px; margin-bottom: 2px;}
}

/*191225*/
.news191225 .news-detail .bold { font-size: inherit; }
.news191225 .news-detail table { margin:0 0 50px; }
.news191225 .news-detail td:nth-child(2) { width: 30%; }
.news191225 .news-detail .news-sub-title { margin-top: 70px; }
.news191225 .news-detail .news-sub-title + .image { margin-top: 0; }

/*200114*/
.news200114 .news-detail .img01 { margin: 20px auto 15px;}
.news200114 .news-detail .img01 img { width: 100%; }
.news200114 .news-detail h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.news200114 .news-detail dl { display: table; }
.news200114 .news-detail dl > * { display: table-cell; float: none; width: auto; }
.news200114 .news-detail dl dt { white-space: nowrap }
.news200114 .news-detail dl a:hover { color: #444!important; opacity: 1!important; }
.news200114 .news-detail .txt01 { font-size: 12px; }

/*200309*/
.news200309 .news-detail .img01 { margin: 0 auto 15px auto; }
.news200309 .news-detail .img01 img { width: 100%; }
.news200309 .news-detail .sm-txt01 { font-size: 12px; }
.news200309 .news-detail .tbl01 { margin: 0; padding: 0; background: none; }
.news200309 .news-detail .tbl01 th,
.news200309 .news-detail .tbl01 td { border: none !important; padding: 0; font-size: inherit; font-weight: inherit; vertical-align: baseline; }
.news200309 .news-detail .tbl01 td { padding-bottom: 15px; }
.news200309 .news-detail .tbl01 tr:last-child td { padding-bottom: 0 !important; }
.news200309 .news-detail .tbl01 th { width: 1%; white-space: nowrap; }
.news200309 .news-detail .tbl01 td { width: 100%; }
.news200309 .news-detail h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.news200309 .news-detail dl { display: table; width: 100%; }
.news200309 .news-detail dl > * { display: table-cell; float: none; width: auto; }
.news200309 .news-detail dl dt { width: 1%; white-space: nowrap; }
.news200309 .news-detail dl dd { width: 100%; }
.news200309 .news-detail dl a:hover { color: #444!important; opacity: 1!important; }
.news200309 .news-detail dl + dl { margin-top: 10px; }
.news200309 .news-detail .txt01 { font-size: 12px; }
.news200309 .news-detail .txt02 { font-weight: bold; margin-bottom: 6px; }
@media screen and (max-width: 767.98px) {
	.news200309 .news-detail .tbl01,
	.news200309 .news-detail .tbl01 tr,
	.news200309 .news-detail .tbl01 th,
	.news200309 .news-detail .tbl01 td { display: block; }
	.news200309 .news-detail .tbl01 th,
	.news200309 .news-detail .tbl01 td { width: 100%; }
	.news200309 .news-detail dl.sm-block,
	.news200309 .news-detail dl.sm-block dt,
	.news200309 .news-detail dl.sm-block dd { display: block; }
	.news200309 .news-detail dl.sm-block dt,
	.news200309 .news-detail dl.sm-block dd { width: 100%; }
}

/*200324*/
.news200324 .news-detail .sm-txt01 { font-size: 12px; }
.news200324 .news-detail .list01 { list-style: disc outside; padding-left: 1.5em; margin-top: 15px; }
.news200324 .news-detail .list01 li { list-style: inherit; }
.news200324 .news-detail .list01 li + li { margin-top: 15px; }
.news200324 .news-detail .list01 p { margin-bottom: 0; }
.news200324 .news-detail .list02 {
	display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-bottom: 30px;
}
.news200324 .news-detail .list02 li {
	width: 100%;
	-ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.news200324 .news-detail .list02 li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767.98px) {
	.news200324 .news-detail .list02 li {
		-ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}
}

/*200330*/
.news200330 .news-detail .sm-txt01 { font-size: 12px; }
.news200330 .news-detail .list01 { list-style: disc outside; padding-left: 1.5em; margin-top: 15px; }
.news200330 .news-detail .list01 li { list-style: inherit; }
.news200330 .news-detail .list01 li + li { margin-top: 15px; }
.news200330 .news-detail .list01 p { margin-bottom: 0; }
.news200330 .news-detail .list02 {
	display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-bottom: 30px;
}
.news200330 .news-detail .list02 li {
	width: 100%;
	-ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.news200330 .news-detail .list02 li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767.98px) {
	.news200330 .news-detail .list02 li {
		-ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}
}

/*200605*/
.news200605 .news-detail .yt-movie {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
.news200605 .news-detail .yt-movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* コクヨデザインアワード2017 受賞作品
=================================================================== */
.prizepast2017 #main{ width: 100%;}
.prizepast2017 #main .article h2.large { margin-top: 40px; }
.prizepast2017 #main .article h3.grandprix { border-left: 5px solid #ce3d1c; padding-left: 10px; }
.pane2.prizepast2017 #main .article { width: 670px; margin-left: 55px; }

.prizepast2017 #main #gp { position: relative; z-index: 3; padding-top: 50px; margin-top: -50px;}
.prizepast2017 #main #sinsa { position: relative; z-index: 2; padding-top: 50px; margin-top: -50px;}
.prizepast2017 #main #lasttalkshow { position: relative; z-index: 1; padding-top: 50px; margin-top: -50px;}
.prizepast2017 .kouhyoT10B50 { width: 100%!important; box-sizing: border-box; }
.prizepast2017 #main .lefttxtbox2015 { width: 500px; margin-left: 0; }
.prizepast2017 div.grad { width: 100%; }
.prizepast2017 #main .article img { width: 100%; }
.prizepast2017 #main .article .linkIcon { width: 10px; }
.prizepast2017 #main .lefttxtbox250 { margin-right: 20px;}
.prizepast2017 #main .lefttxtbox250 img { width: 250px; }
.prizepast2017 #main .namebox2015 { width: 400px; }
.prizepast2017 #main .namebox2015 img { width: 110px; margin-left: 15px; }
.prizepast2017 .allOpenBtn, .prizepast2017 .switchHat { margin-left: 0;}
.prizepast2017 .allOpenBtn:after,
.prizepast2017 .switchHat:after { background: none; padding-left:4px; }
.prizepast2017 .allOpenBtn:before,
.prizepast2017 .switchHat:before { content: "→"; }
.prizepast2017 #main .shinsa-box { display: table; margin: 10px 0 40px; }
.prizepast2017 #main .shinsa-box > * { display: table-cell; vertical-align: top;  }
.prizepast2017 #main .shinsa-box .shinsa-box-l { width: 120px; padding-right: 20px; }
.prizepast2017 #main .shinsa-box .shinsa-box-r { width: 530px; }
.prizepast2017 #main .shinsa-box .shinsa-box-r > p { clear: both; margin-top: 15px;}
.prizepast2017 #main .message { width: 100%; max-width: 670px; position: relative;  padding-top: 56.25%; margin: 10px 0 40px; }
.prizepast2017 #main .message iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.prizepast2017 #main #lasttalkshow .image p { width: 100%; }
.prizepast2017 #main #lasttalkshow .image .clm3 li { float: left; width: 222px; margin: 0 2px 2px 0; }
.prizepast2017 #main #lasttalkshow .image .clm3 li.child-3n { margin: 0 0 2px 0; }
.prizepast2017 #main #lasttalkshow .image .clm3 li { float: left; width: 222px; margin: 0 2px 2px 0; }
.prizepast2017 #main #lasttalkshow .image .clm2 li { width: 50%; margin-top: 2px; box-sizing: border-box; }
.prizepast2017 #main #lasttalkshow .image .clm2 li.left { padding-right: 1px; }
.prizepast2017 #main #lasttalkshow .image .clm2 li.right { padding-left: 1px; }

.prizepast2017 #main #lasttalkshow .grandprix { margin-bottom: 10px!important;}


@media screen and (max-width: 767.98px) {
	body.prizepast.prizepast2017,
	body.prizepast.aw_iv_responsive{ min-width: 100%; }
	.pane2.prizepast2017 #main .article,
	body.prizepast.aw_iv_responsive #main .article{ width: 100% !important; padding: 0 4% 30px; box-sizing: border-box; }
	.pane2.prizepast2017 #main .arc_naviBox { width: 100%; }
	.pane2.prizepast2017 #main .arc_naviBox li { display: inline-block; float: inherit; padding: 0 5px; }
	.pane2.prizepast2017 #main .arc_naviBox li p { margin: 0;}
	/*.prizepast2017 #main .table01 { display: table; }*/
	.prizepast2017 #main .lefttxtbox2015 { width: 100%;  /*display: table-cell; padding-right: 15px;*/ margin-right:0; box-sizing: border-box;  }
	/*.prizepast2017 #main .rightphotobox2015 { display: table-cell; float: none; }*/
	.prizepast2017 #main .lefttxtbox2015 img.spOnly { width: 150px; float: right; padding-left: 15px; }
	.prizepast2017 #main .namebox2015 { margin-top: 10px; }
	.prizepast2017 #main .lefttxtbox250 { width: 100%; margin-right: 0;}
	.prizepast2017 #main .lefttxtbox250 img { width: 100%; }
	.prizepast2017 #main .namebox2015 { width: 100%; }
	.prizepast2017 #main .toggleWrap { position: relative; }
	.prizepast2017 .toggleWrap .toggle { position: initial; }
	.prizepast2017 .toggleWrap div.grad { bottom: 0; top: auto; height: auto; }
	.prizepast2017 .toggleWrap div.grad img { bottom: 0; top: auto; height: auto; }
	.prizepast2017 #main .article .linkIcon { vertical-align: middle; }

	.prizepast2017 #main .shinsa-box { display: block; }
	.prizepast2017 #main .shinsa-box .shinsa-box-l { display: none;  width: 100px; }
	.prizepast2017 #main .shinsa-box .shinsa-box-r { width: 100%; display: block; }
	.prizepast2017 #main .shinsa-box .shinsa-box-r > img {  float: left; width: 100px; }
	.prizepast2017 #main .shinsa-box .shinsa-box-r > div { padding-left: 120px; box-sizing: border-box; }
	.prizepast2017 #main .shinsa-box .shinsa-box-r > p { clear: both; margin-top: 10px;}

	.prizepast2017 #main #lasttalkshow .image .clm3 li{ width: 50%; padding: 0 1px; margin: 0 0 2px; box-sizing: border-box; }
}

/*gp2017*/
.gp2017 #main .article { width: 670px!important; margin-left: 55px!important; }
.gp2017 #main .article h2.centeriv { line-height: 175%; text-align: left!important; padding-top: 20px; }
.gp2017 .boxDetailtxt { width: 100%; margin-bottom: 40px; }
.gp2017 .boxDetailtxt p { margin-bottom: 20px; }
.gp2017 .boxDetailtxt .txt01 { margin-bottom: 5px; }
.gp2017 .boxDetailtxt .image { margin: 25px 0 25px;}
.gp2017 .boxDetailtxt .image img { width: 100%; }
.gp2017 .boxDetailtxt .image .left { float: left; width: 50%; padding-right: 1px; box-sizing: border-box; }
.gp2017 .boxDetailtxt .image .right { float: right; width: 50%; padding-left: 1px; box-sizing: border-box;}
.gp2017 .boxDetailtxt .image .column03 { margin: 0 -1px;}
.gp2017 .boxDetailtxt .image .column03 .left { float: left; width: 33.3%; padding: 0 1px; box-sizing: border-box; }
.gp2017 .boxDetailtxt div.image p { font-size: 12px!important; margin-top: 5px; }
@media screen and (max-width: 767.98px) {
	body.prizepast.gp2017 { min-width: 100%; }
	.pane2.gp2017 #main .article { width: 100% !important; padding: 0 4%; box-sizing: border-box; }
	.gp2017 #main .article h1 { border-bottom: 5px solid #ce3d1c; padding: 7px 0 6px 0; width: 250px; }
	.gp2017 #main .article h1 span { border: none; padding: 0!important;}
	.gp2017 .boxDetailtxt .image .column03 { margin: 0;}
	.gp2017 .boxDetailtxt .image .left,
	.gp2017 .boxDetailtxt .image .right,
	.gp2017 .boxDetailtxt .image .column03 .left{ float: none; width: 100%; padding: 0px; margin: 0 0 2px;}
}

/*gp2020-override*/
.gp2020-override #main .article h1 { border-bottom-color: #000 !important; }
.gp2020-override .boxDetailtxt .image02 { width: 72%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 767.98px) {
	.gp2020-override .boxDetailtxt .image02 { width: 100%; }
}

/* コクヨデザインアワード2018 受賞作品
=================================================================== */
.prizepastRwd #main{ width: 100%;}
.prizepastRwd #main .article h2.large { margin-top: 40px; }
.prizepastRwd #main .article h3.grandprix { border-left: 5px solid #5C768D; padding-left: 10px; }
.prizepastRwd #main .article h3.grandprix02 { position: relative; padding-left: 30px; }
.prizepastRwd #main .article h3.grandprix02:before { position: absolute; top: 50%; left:0; transform:translateY(-50%); content: ''; width: 20px; height:4px; background-color: #ce3d1c;}
.pane2.prizepastRwd #main .article { width: 670px; margin-left: 55px; }

.prizepastRwd #main #gp { position: relative; z-index: 3; padding-top: 50px; margin-top: -50px;}
.prizepastRwd #main #sinsa { position: relative; z-index: 2; padding-top: 50px; margin-top: -50px;}
.prizepastRwd #main #lasttalkshow { position: relative; z-index: 1; padding-top: 50px; margin-top: -50px;}
.prizepastRwd .kouhyoT10B50 { width: 100%!important; box-sizing: border-box; }
.prizepastRwd #main .lefttxtbox2015 { width: 500px; margin-left: 0; }
.prizepastRwd div.grad { width: 100%; }
.prizepastRwd #main .article img { width: 100%; }
.prizepastRwd #main .article .linkIcon { width: 10px; }
.prizepastRwd #main .lefttxtbox250 { margin-right: 20px;}
.prizepastRwd #main .lefttxtbox250 img { width: 250px; }
.prizepastRwd #main .namebox2015 { width: 400px; }
.prizepastRwd #main .namebox2015 img { width: 110px; margin-left: 15px; }
.prizepastRwd .allOpenBtn, .prizepastRwd .switchHat { margin-left: 0;}
.prizepastRwd .allOpenBtn:after,
.prizepastRwd .switchHat:after { background: none; padding-left:4px; }
.prizepastRwd .allOpenBtn:before,
.prizepastRwd .switchHat:before { content: "→"; }
.prizepastRwd #main .shinsa-box { display: table; margin: 10px 0 40px; }
.prizepastRwd #main .shinsa-box > * { display: table-cell; vertical-align: top;  }
.prizepastRwd #main .shinsa-box .shinsa-box-l { width: 120px; padding-right: 20px; }
.prizepastRwd #main .shinsa-box .shinsa-box-r { width: 530px; }
.prizepastRwd #main .shinsa-box .shinsa-box-r > p { clear: both; margin-top: 15px;}
.prizepastRwd #main .message { width: 100%; max-width: 670px; position: relative;  padding-top: 56.25%; margin: 10px 0 40px; }
.prizepastRwd #main .message iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.prizepastRwd #main #lasttalkshow .image p { width: 100%; }
.prizepastRwd #main #lasttalkshow .image .clm3 li { float: left; width: 222px; margin: 0 2px 2px 0; }
.prizepastRwd #main #lasttalkshow .image .clm3 li.child-3n { margin: 0 0 2px 0; }
.prizepastRwd #main #lasttalkshow .image .clm3 li { float: left; width: 222px; margin: 0 2px 2px 0; }
.prizepastRwd #main #lasttalkshow .image .clm2 li { width: 50%; margin-top: 2px; box-sizing: border-box; }
.prizepastRwd #main #lasttalkshow .image .clm2 li.left { padding-right: 1px; }
.prizepastRwd #main #lasttalkshow .image .clm2 li.right { padding-left: 1px; }
.prizepastRwd #main #lasttalkshow .grandprix,
.prizepastRwd #main #lasttalkshow .grandprix02{ margin-bottom: 10px!important;}
.prizepastRwd .kugiri-border-solid-mb10 { margin: 35px 0 10px 0;}
.prizepastRwd #main .gpinfo > dd { font-weight: 700; }

@media screen and (min-width: 768px) {
	.prizepastRwd #main .gpinfo { display: flex; }
	.prizepastRwd #main .gpinfo > * { display: table-cell; }
	.prizepastRwd #main .gpinfo > dt { width: 4em; }
}
@media screen and (max-width: 767.98px) {
	body.prizepast.prizepastRwd,
	body.prizepast.aw_iv_responsive{ min-width: 100%; }
	.pane2.prizepastRwd #main .article,
	body.prizepast.aw_iv_responsive #main .article{ width: 100% !important; padding: 0 4% 30px; box-sizing: border-box; }
	.pane2.prizepastRwd #main .arc_naviBox { width: 100%; }
	.pane2.prizepastRwd #main .arc_naviBox li { display: inline-block; float: inherit; padding: 0 5px; }
	.pane2.prizepastRwd #main .arc_naviBox li p { margin: 0;}
	/*.prizepastRwd #main .table01 { display: table; }*/
	.prizepastRwd #main .lefttxtbox2015 { width: 100%;  /*display: table-cell; padding-right: 15px;*/ margin-right:0; box-sizing: border-box;  }
	/*.prizepastRwd #main .rightphotobox2015 { display: table-cell; float: none; }*/
	.prizepastRwd #main .lefttxtbox2015 img.spOnly { width: 150px; float: right; padding-left: 15px; }
	.prizepastRwd #main .namebox2015 { margin-top: 10px; }
	.prizepastRwd #main .lefttxtbox250 { width: 100%; margin-right: 0;}
	.prizepastRwd #main .lefttxtbox250 img { width: 100%; }
	.prizepastRwd #main .namebox2015 { width: 100%; }
	.prizepastRwd #main .toggleWrap { position: relative; }
	.prizepastRwd .toggleWrap .toggle { position: initial; }
	.prizepastRwd .toggleWrap div.grad { bottom: 0; top: auto; height: auto; }
	.prizepastRwd .toggleWrap div.grad img { bottom: 0; top: auto; height: auto; }
	.prizepastRwd #main .article .linkIcon { vertical-align: middle; }

	.prizepastRwd #main .shinsa-box { display: block; }
	.prizepastRwd #main .shinsa-box .shinsa-box-l { display: none;  width: 100px; }
	.prizepastRwd #main .shinsa-box .shinsa-box-r { width: 100%; display: block; }
	.prizepastRwd #main .shinsa-box .shinsa-box-r > img {  float: left; width: 100px; }
	.prizepastRwd #main .shinsa-box .shinsa-box-r > div { padding-left: 120px; box-sizing: border-box; }
	.prizepastRwd #main .shinsa-box .shinsa-box-r > p { clear: both; margin-top: 10px;}

	.prizepastRwd #main #lasttalkshow .image .clm3 li{ width: 50%; padding: 0 1px; margin: 0 0 2px; box-sizing: border-box; }
}

/* 中国語ページ共通
=================================================================== */
.cnPage #contents { font-family: 'A+EqpB-游ゴシック体 Pr6N M','游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif; }
.cnPage.pane2 #contents #main { width: 100% !important; float: none; background-image: none; }
.cnPage.pane2 #main .article { width: 100%; margin-left: 0; }
.cnPage .contHeader .contHeader-box .contNav { width: 100%; }

/* 中国語　案内ページ
=================================================================== */
.cnPage.inductionPage #main .main-title { font-size: 18px; line-height: 2; margin-bottom: 100px; }
.cnPage.inductionPage .qr-link-wrap { margin-bottom: 70px; text-align: center; }
.cnPage.inductionPage .qr-link { display: inline-block; height: 150px; margin: 0 70px; }
.cnPage.inductionPage .qr-link > img { width: auto; height: 100%; }
.cnPage.inductionPage .btn_detail { text-align: center; }

@media screen and (max-width: 767.98px) {
	.cnPage.inductionPage .article { width: 100%; padding-left: 4%; padding-right: 4%; box-sizing: border-box; }
	.cnPage.inductionPage #main .main-title { font-size: 16px; line-height: 1.8; margin-bottom: 40px; }
	.cnPage.inductionPage .qr-link-wrap { margin-bottom: 40px; }
	.cnPage.inductionPage .qr-link { display: block; height: 130px; margin: 0 0 30px; }
}

/* コクヨデザインアワード2020 受賞作品
=================================================================== */
.prizepast2020 .ib-txt {
	display: inline-block;
	max-width: 100%;
}
.prizepast2020-summary {
	margin-bottom: 45px;
}
.prizepast2020-summary_kv {
	margin-bottom: 30px;
}
.prizepast2020-summary_txt1 {
	margin-bottom: 20px;
}
.prizepast2020-summary_hl2 {
	text-align: center;
	margin-bottom: 5px;
}
.prizepast2020-summary_schedule {
	display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
	-ms-flex-pack: center;
  justify-content: center;
	margin-bottom: 20px;
}
.prizepast2020-summary_schedule .schedule_inner {
	-ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
}
.prizepast2020-summary_schedule table,
.prizepast2020-summary_schedule th,
.prizepast2020-summary_schedule td {
	background: none;
	border: 0;
	font-weight: inherit;
}
.prizepast2020-summary_schedule th,
.prizepast2020-summary_schedule td {
	padding: 0;
	line-height: 1.8;
}
.prizepast2020-summary_schedule table {
	width: 100%;
	margin-bottom: 0;
}
.prizepast2020-summary_schedule th {
	width: 100%;
	padding-left: 1.5em;
}
.prizepast2020-summary_schedule td {
	width: 1%;
	white-space: nowrap;
}
.prizepast2020-gp .gp_item:last-child .kugiri-border-solid-mb10 {
	display: none !important;
}
.prizepast2020-gp-isFinalist .namebox2015 img {
	display: none;
}
.prizepast2020-gp .gp_item .icon-img img {
	display: inline !important;
	margin: 0 !important;
	float: none !important;
}
.prizepast2020-gp-isFinalist .gp_item {
	counter-increment: finalistNum;
}
.prizepast2020-gp-isFinalist .gp_item .grandprix::before {
	content: 'Finalist ' counter(finalistNum);
}
.prizepast2020-gp-isFinalist .gp_item:nth-child(-n+9) .grandprix::before {
  content: 'Finalist 0' counter(finalistNum);
}
.prizepast2020-audiencePrize dt h3 {
	border-left: 0;
	padding-left: 0;
}
.prizepast2020 .toggleWrap {
	position: relative;
}
.prizepast2020 .toggleWrap .toggle {
	position: static;
}
.prizepast2020 .toggleWrap .toggle + div {
	min-height: 140px;
}
.prizepast2020 .toggleWrap div.grad {
	height: 100%;
	left: 0;
	overflow: hidden;
}
.prizepast2020 .toggleWrap div.grad span {
	display: block;
	height: 100%;
}
.prizepast2020 .toggleWrap div.grad img {
	display: block;
	width: 100%;
	height: auto;
}
.prizepast2020 .mvIframeWrap {
	width: 100%;
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
}
.prizepast2020 .mvIframeWrap-inner {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.prizepast2020 .mvIframeWrap-inner iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
}
.prizepast2020 #main .article h3.isNoBorder {
	border-left: 0 !important;
	padding-left: 0 !important;
}
@media screen and (max-width: 767.98px) {
	.prizepast2020 .toggleWrap .toggle + div {
		min-height: 0;
	}
	.prizepast2020 .toggleWrap div.grad {
		top: 0;
		bottom: auto;
	}
	.prizepast2020 .toggleWrap div.grad img {
		top: 100%;
		bottom: auto;
		margin-top: -20.86438%;
	}
}


/* コクヨデザインアワード2020 受賞作品
=================================================================== */
.prizepast2021 .ib-txt {
	display: inline-block;
	max-width: 100%;
}
.prizepast2021-summary {
	margin-bottom: 45px;
}
.prizepast2021-summary_kv {
	margin-bottom: 30px;
}
.prizepast2021-summary_txt1 {
	margin-bottom: 20px;
}
.prizepast2021-summary_hl2 {
	text-align: center;
	margin-bottom: 5px;
}
.prizepast2021-summary_schedule {
	display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
	-ms-flex-pack: center;
  justify-content: center;
	margin-bottom: 20px;
}
.prizepast2021-summary_schedule .schedule_inner {
	-ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
}
.prizepast2021-summary_schedule table,
.prizepast2021-summary_schedule th,
.prizepast2021-summary_schedule td {
	background: none;
	border: 0;
	font-weight: inherit;
}
.prizepast2021-summary_schedule th,
.prizepast2021-summary_schedule td {
	padding: 0;
	line-height: 1.8;
}
.prizepast2021-summary_schedule table {
	width: 100%;
	margin-bottom: 0;
}
.prizepast2021-summary_schedule th {
	width: 100%;
	padding-left: 1.5em;
}
.prizepast2021-summary_schedule td {
	width: 1%;
	white-space: nowrap;
}
.prizepast2021-gp .gp_item:last-child .kugiri-border-solid-mb10 {
	display: none !important;
}
.prizepast2021-gp-isFinalist .namebox2015 img {
	display: none;
}
.prizepast2021-gp .gp_item .icon-img img {
	display: inline !important;
	margin: 0 !important;
	float: none !important;
}
.prizepast2021-gp-isFinalist .gp_item {
	counter-increment: finalistNum;
}
.prizepast2021-gp-isFinalist .gp_item .grandprix::before {
	content: 'Finalist ' counter(finalistNum);
}
.prizepast2021-gp-isFinalist .gp_item:nth-child(-n+9) .grandprix::before {
  content: 'Finalist 0' counter(finalistNum);
}
.prizepast2021-audiencePrize dt h3 {
	border-left: 0;
	padding-left: 0;
}
.prizepast2021 .toggleWrap,.prizepast2022 .toggleWrap {
	position: relative;
}
.prizepast2021 .toggleWrap .toggle,.prizepast2022 .toggleWrap .toggle {
	position: static;
}
.prizepast2021 .toggleWrap .toggle + div,.prizepast2022 .toggleWrap .toggle + div {
	min-height: 140px;
}
.prizepast2021 .toggleWrap div.grad,.prizepast2022 .toggleWrap div.grad {
	height: 100%;
	left: 0;
	overflow: hidden;
}
.prizepast2021 .toggleWrap div.grad span,.prizepast2022 .toggleWrap div.grad span {
	display: block;
	height: 100%;
}
.prizepast2021 .toggleWrap div.grad img,.prizepast2022 .toggleWrap div.grad img {
	display: block;
	width: 100%;
	height: auto;
}
.prizepast2021 .mvIframeWrap,.prizepast2022 .mvIframeWrap,.prizepast2022 .mvIframeWrap,.prizepast2022 .mvIframeWrap {
	width: 100%;
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
}
.prizepast2021 .mvIframeWrap-inner ,.prizepast2022 .mvIframeWrap-inner{
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.prizepast2021 .mvIframeWrap-inner iframe ,.prizepast2022 .mvIframeWrap-inner iframe{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
}
.prizepast2021 #main .article h3.isNoBorder,.prizepast2022 #main .article h3.isNoBorder {
	border-left: 0 !important;
	padding-left: 0 !important;
}
@media screen and (max-width: 767.98px) {
	.prizepast2021 .toggleWrap .toggle + div,.prizepast2022 .toggleWrap .toggle + div {
		min-height: 0;
	}
	.prizepast2021 .toggleWrap div.grad,.prizepast2022 .toggleWrap div.grad {
		top: 0;
		bottom: auto;
	}
	.prizepast2021 .toggleWrap div.grad img,.prizepast2022 .toggleWrap div.grad img {
		top: 100%;
		bottom: auto;
		margin-top: -20.86438%;
	}
}



/* layout-goods追加 - 2020.06.16 */
.layout-goods #main .boxDetailtxt .imageCaptions {
	width: 100%;
	display: table;
	table-layout: fixed;
	clear: both;
	padding-top: 5px;
}
.layout-goods #main .boxDetailtxt .imageCaptions::after {
	content: none !important;
}
.layout-goods #main .boxDetailtxt .imageCaptions .imageCaptions_txt {
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
	padding: 0 .5em;
}
.pane2.videoTop #main .prize .leftsam img ,.pane2.videoTop #main .prize .rightsam img { margin-bottom: 1em; width: 100%; height: auto; border:1px solid #ccc; box-sizing: border-box;}

#yokoku {
	padding-top: 50px;
    margin-top: -50px;
}
@media screen and (max-width: 767.98px) {
     .pane2.videoTop #main .prize .leftsam { float: none; width: auto; margin-right: 0;}  
     .pane2.videoTop #main .prize .rightsam{ float: none; width: auto; margin-right: 0;}
    .pane2.videoTop #main .prize .leftsam img ,.pane2.videoTop #main .prize .rightsam img { width: 100%; height: auto;}
    .pane2.videoTop #main .prize, .pane2.videoTop.prizepast #main .article, .pane2.videoTop.gp #main .article { width: auto!important;}
    }


#overlays { width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; top:0; left: 0; z-index: 100; transform: scale(0); opacity: 0;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;}
.videoOpen #overlays { transform: scale(1); opacity: 1; }

#videoModal { width: 980px; position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; z-index: 100; 
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;}
.videoOpen #videoModal {transform: translate(-50%,-50%) scale(1); opacity: 1; }

.videoModal {position: relative; margin-top: 60px;
  width: 100%;
  padding-top: 56.25%;}

.videoModal iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#modalClose { width: 50px; height: 50px; position: absolute; top:0; right: 0; cursor: pointer; background-image: url("/sites/default/files/shared_contents/award/img/cmn/close.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center;}

@media screen and (max-width: 767.98px) {
    #videoModal { width: 100%;}  
}

.detail-dotline3.goods { width: auto; font-size: 115%; box-sizing: border-box; background-image: url("/sites/default/files/shared_contents/award/archive/goods/img/arrow.svg"); background-repeat: no-repeat; background-position: right 29px center; background-size: 20px; padding-right: 60px; margin-left: 12px; margin-right: 49px;}
.detail-dotline3.goods:hover {background-image: url("/sites/default/files/shared_contents/award/archive/goods/img/arrow2.svg");}

.embossed.embossednotebook #main .boxDetailtxt {padding-top: 25px;}

@media screen and (max-width: 767.98px) {
    .detail-dotline3.goods { margin: 0;}
}

_::-webkit-full-page-media, _:future, :root .contNav .index-navi li a { font-size: 95%; }


main {
	font-size-adjust: none;
}