/* ========================================================
　
　【 第2階層以下のレイアウト(layout.css) 】

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

/* レイアウト
---------------------------------------------------- */
.preparation {
	text-align: center;
}

.contents_area {
	margin: 0 auto;
}
.contents_not_area {
	margin: 0 auto;
	width: 60%;
}
.show {
	margin: 0 0 30px;
}
.show_date {
	margin: 0 0 15px;
}
.inner {
	margin: 0 auto 10vh;
}

/* float */
.col_l {
	float: left;
}
.col_r {
	float: right;
}
.col_l20 {
	float: left;
	margin-right: 2%; 
	width: 20%;
}
.col_l35 {
	float: left;
	margin-right: 5%; 
	width: 35%;
}
.col_l50 {
	float: left;
	margin-right: 1%; 
	width: 50%;
}
.col_l55 {
	float: left;
	margin-right: 1%; 
	width: 55%;
}
.col_l60 {
	float: left;
	margin-right: 5%; 
	vertical-align: middle;
	width: 60%;
}
.col_r35 {
	float: right;
	width: 35%;
}
.col_r40 {
	float: right;
	text-align: center;
	width: 40%;
}
.col_r45 {
	float: right;
	width: 45%;
}
.col_r45 {
	float: right;
	width: 60%;
}
.col_r50 {
	float: right;
	width: 49%;
}
.col_r75 {
	float: right;
	width: 75%;
}
.col_r80 {
	float: right;
	width: 78%;
}
.col_map_l {
	float: left;
	margin-right: 2%;
	width: 40%;
}
.col_map_r {
	float: right;
	width: 58%;
}

.main {
	margin: 20px auto;
	padding: 0 10px;
	width: 1080px;
}

/* contents サブタイトル */
.main h3 {
	color: #E60012;
	font-size: 20px;
	text-align: center;
	margin: 0 auto 20px;
}
.category h3 {
	padding: 5px 10px;
	text-align: left;
}
.why_exhibit h3 {
	font-size: 24px;
}
.report h3 {
	margin: 0 0 40px;
}
.nextshow h4 {
	font-size: 16px;
	margin: 0 0 1em 0;
	padding: 5px 0 5px 0.5em;
	
	border-left: 5px solid #558AC9;
	border-bottom: 1px solid #558AC9;	
}
.primary h4 {
	background: #004C88;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding: 0.65em 1em 0.65em 1.5em;
	margin: 0 0 1em;
}
.primary h4:after {
	background: #fcff43;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;	
}


h5 em {
	color: #E60012;
}
.subt p {
	background: #17365D;
	color: #FFFFFF;
	padding: 8px 10px;
}
.subt p {
	margin-bottom: -10vh;
}

/* contents 複数画像 */
.container .slider {
	width: 100%;
}


/* icon */
.icon p {
	color: #ffffff;
	display: inline-block;
	padding: 0.2em 1em;	
}
.icon_week p {
	background: #F79C0C;
}
.icon_first p {
	background: #D60051;
}
.icon_second p {
	background: #0A6EB0;
}
.icon_red p {
	background: #C9151E;
}
.icon_black p {
	background: #999999;
}
.icon_lightblue p {
	background: #1993a0;
}

.icon_blue p {
	background: #0a62ad;
}


/* アクセス追加*/

.routename{
	padding-bottom: 5px;
	border-bottom: double #a6a6a6;
	margin-bottom: 15px;
	font-size: 18px;
}

.accessroot{
	margin: 15px 0;
}

.accessroot dt{
	font-weight: bold;
	color: #333333;
}

.accessroot dd{
	text-indent:1em;
	margin-bottom: 5px;
}

.btn_tsukishima{
	max-width: 60%;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
	display: inline-block;
    color:#fff;
}

.btn_tsukishima a{
    background-color:#EF850C;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius: 30px;
	 color:#fff;
	display: inline-block;
    padding:8px 35px;
}

.btn_tsukishima a:hover{
	background-color:#FFA95C;
}

.photo_pc80{
	text-align: center;
}
.photo_pc80 li img{
	width: 80%;
}



/* hall
---------------------------------------------------- */
.hall {
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	padding: 8px 15px;
}
.hall_orange {
	background: #F03406;
}
.hall_purple {
	background: #AE228F;
}
.hall_yellow {
	background: #F08600;
}
.hall_green {
	background: #00A77B;
}
.hall_blue {
	background: #018ED5;
}
.hall_navy {
	background: #00416E;
}
.hall_red {
	background: #C50202;
}
.hall_orange_text {
	color: #F03406;
	font-size: 20px;
	font-weight: bold;
}
.hall_purple_text {
	color: #AE228F;
	font-size: 20px;
	font-weight: bold;
}
.hall_yellow_text {
	color: #F08600;
	font-size: 20px;
	font-weight: bold;
}
.hall_green_text {
	color: #00A77B;
	font-size: 20px;
	font-weight: bold;
}
.hall_blue_text {
	color: #018ED5;
	font-size: 20px;
	font-weight: bold;
}
.hall_blue_text span {
	font-size: 16px;
}
.hall_navy_text {
	color: #00416E;
	font-size: 20px;
	font-weight: bold;
}


/* merit 展示会の特色
---------------------------------------------------- */
.merit ol { 
	counter-reset: title;
	list-style: none;
	padding: 0;
}
.merit ol li {
	position: relative;
	margin-bottom: 1.5em;
	counter-increment: title;
}
.merit ol li .merit_tt {
	background: #fbf0b2;
	font-size: 18px;
	padding: 0.3em 0.5em 0.3em 3em;
	margin: 0 0 1em;
}
.merit ol li .merit_tt:before {
	background-color: #004C88;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
	content: counter(title);
	color: #fff;
	display: block;
	line-height: 30px;
	margin: 0 0.5em 0 0;
	padding: 0.3em 0 0 0;
	text-align: center;
	position: absolute;
	top: -1px;
	left: 5px;
	
	height: 40px;
	width: 40px;
}
.merit ol li dl dt {
	float: right;
	width: 30%;
}
.merit ol li dl dd {
	margin: 0 2% 0 0;
	width: 68%;
}
.merit .merit_promo {
	list-style: decimal;
	margin: 0 0 0 1.5em;
}
.merit .merit_promo li {
	margin: 0;
}
.merit .visual {
	margin: 0 auto 40px;
	text-align: center;
}

/* genre 出展対象出展エリア
---------------------------------------------------- */
p.indentback{
  text-indent: -1em;
  padding-left: 2em;
  margin-bottom: 5px;
}

/*
.boxarea {
    margin: 0 0 3em;
    background: #fdfdfd;
	font-size: 16px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.boxarea .boxarea-title {
    font-size: 20px;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.area-title1 {
	background: #CCBB40;
}

.area-title2 {
	background: #00AFEC;
}

.area-title3 {
	background: #F39800;
}

.area-title4 {
	background: #41B25D;
}

.area-title5 {
	background: #924898;
}

.area-title6 {
	background: #E85298;
}

.area-title7 {
	background: #E60012;
}
.area-title8 {
	background: #007973;
}

.area-title9 {
	background: #000000;
}

.area-title10 {
	background: #7d4e26;
}

*/

.area-point {
	 color:#E60012;
	 font-weight: bold;
    margin: 10px 0px 0px 15px;
}

.boxarea dl.dl1 {
	padding: 15px 20px;
}
.boxarea dl.dl1 dt {
	float: right;
	margin-left: 20px;
	text-align: center;
	width: 120px;
}

.boxarea dl.dl1 > p { padding: 15px 20px;}

.boxarea p {
    padding: 0 20px;
}


.boxarea a{
	text-decoration: underline;
	color: #2048cc;
}
.boxarea a:hover{
	opacity: 0.8;
}



/* voice 出展社から期待の声
---------------------------------------------------- */
.voice dl.dl1 dt {
	float: right;
	margin-left: 20px;
	width: 40%;
}
/*
.boxarea .voice_txt {
	padding:2rem;
	text-indent:1em;
	margin-left:-1em;
	display: inline-block;
	text-align: left;
	background :#fffdda;
	margin:0 0 30px;
}

.arrow_u{
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #d9cc00;
	margin:10px auto 20px;
}
*/

/* 吹き出しコメント
---------------------------------------------------- */

dl.fuki_box {
	position: relative;
	margin:30px 0 0;
	max-width: 100%;
	width: 100%;
}

dl.fuki_box dt {
	clear: both;
}
dl.fuki_box dt img {
	float: left;
	margin:0 20px 0 15px;
}


dl.fuki_box dd span{
	position: relative;
	display: inline-block;
	text-align: left;
	padding: 20px 10px;
	border-radius: 10px;
	box-shadow: 3px 4px 5px 3px #bdbdbd;
	background-color: #fff;
	margin-bottom:2rem;
	width:82%;
}

dl.fuki_box dd span:after{
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border-width: 10px 0 10px 10px;
	border-top: 10px solid transparent;
	border-right: 10px solid #007973;
	border-bottom: 10px solid transparent;
	top: 50%;
	left:-10px;
	margin-top: -10px;
}

/* Q&A
---------------------------------------------------- */
/*
.qanda{
	padding:30px 10px;
}

.qanda dt,
.qanda dd { text-align: center;}

.qanda dt span,
.qanda dd span {
	padding:2px 10px;
	color:#FFF;
	margin:0 0.8em 0.5em 0;
	clear: both;
	font-weight:bold;
}

.qanda dt {
	color:#000;
	font-size:20px;
}
.qanda dd {
	clear:both;
	color:#9b0000;
	margin:1.2em 0;
}

.qanda dt span {
	color: #000;
}

.qanda dd span {
	color:#9b0000;
	font-size:24px;
}
.qanda dd span.em {
	color: #FFF;
	border-radius: 50%;
	background: #9b0000;
	width:50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top:6px;
}
*/


/* dates 重要日程
---------------------------------------------------- */
.dates h4 {
	background: #e2f1ff;
	border-left: 2em solid #498dd8;
	font-size: 20px;
	padding: 0.25em 0.5em;
	position: relative;
	margin: 0 0 1em;
}
.dates h4:before {
	font-family: "icomoon";
	content: "\e90f";
	position: absolute;
	padding: 0;
	color: #ffffff;
	font-weight: normal;
	left: -1.5em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dates ul li {
	text-indent: -1em;
	margin-left: 1em;
}
.dates ol {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.dates .schedule dt {
	background: #222222;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-ms-border-radius: 20px;
		-moz-border-radius: 20px;
	color: #ffffff;
	float: left;
	clear: left;
	margin: 0 1em 1em 0;
	padding: 0.2em 1em;
}
.dates .schedule dd {
	float: left;
}
.dates .schedule dt {
	float: left;
	clear: left;
	margin: 0 1em 1em 0;
	padding: 0.2em 1em;
}
.dates .schedule dd {
	float: left;
	padding: 0.2em 0;
}
.dates .schedule02 dt {
	float: left;
	clear: left;
	margin: 0 1em 1em 0;
	padding: 0.2em 1em;
}
.dates .schedule02 dd {
	float: left;
	padding: 0.2em 0;
}
.dates .deadline dl dd {
	color: #CC0202;
	font-weight: bold;
}


/* guide
---------------------------------------------------- */
.fee h5:before {
	content: "▼";
	margin-right: 0.5em;
}
.fee h6 {
	margin: 0 0 0.5em;
}
.fee h6:before {
	content: "■";
	margin-right: 0.5em;
}
.fee ol {
	margin-left: 1.5em;
}
.fee .icon {
	margin: 0 0 0.5em;
}
.fee figure {
	text-align: center;
}
.fee figure figcaption {
	color: #E60004;
	font-size: 18px;
	font-weight: bold;
}

.guidebox1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #004C88;
}


/* 初回出展の方へ */
.first_time {
	border: 3px solid #aaaaaa;
	padding: 20px 10px 10px;
	
	position: relative;
}
.first_time p {
	font-weight: bold;
	background: #FFFFFF;
	padding: 0 10px 5px;
	font-size: 20px;
	position: absolute;
	top: -0.8em;
	left: 0.5em;
}
.first_time ol {
	margin: 0 0 10px 10px;;
}
.first_time ol li {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.9;
}

.first_time ol li:before {
	color: #e60004;
	content: "\e909";
	font-size: 18px;
	font-family: "icomoon";
	margin-right: 0.5em;
}


/* meeting
---------------------------------------------------- */
.meeting .explanation .explan_box dl {
	margin: 0 0 1em;
}
.meeting .explanation .explan_box dl dt {
	background: #067c4f;
	color: #ffffff;
	float: left;
	padding: 0.5em 1em;
	margin: 0 2% 0 0;
	text-align: center;
	width: 50%;
}
.meeting .explanation .explan_box:first-of-type:after {
	color: #f6001c;
	content: "\e914";
	display: block;
	font-family: "icomoon";
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 10px 22%;
}
.meeting .explanation .explan_box dl dd {
	margin: 0 0 0 51%;
}


/* attention
---------------------------------------------------- */
.note {
  counter-reset: number 0; 
}

.note h6 {
	border-bottom: 3px solid #308aca;
	margin: 0 0 1em;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 18px;
}
.note h6:before {	
	background: #308aca;
	color: #ffffff;
	content: "■";
	text-align: center;
	padding: 2px 5px;
	margin: 0 0.5em 0 0;
	
	counter-increment: number 1; 
	content: counter(number) " ";
}
.note ul li {
	text-indent: -1em;
	margin: 0 0 0 1em;
}
.note ul li:before {
	content: "●";
}

/* 20200603追記　コロナ注意事項↓ */

.corona_boxred {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e90000;
    border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
	
}
.corona_boxred .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #e90000;
    font-weight: bold;
}

.corona_boxred  ul li{
    text-indent: -1em;
    margin: 0.7em 0 0.5em 1em;
	}

.corona_boxred  ul li:before {
	content: "■";
}



/* contest
---------------------------------------------------- */
.contest dl dt,
.contest dl dd {
	float: none;
	width: 100%;
}
.contest dl dt {
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1em;
}
.contest dl dt:before {
	content: "■";
}
.contest dl dd {
	margin-bottom: 1em;
}
.contest ol {
	margin-left: 1.5em;
}



/* visitors
---------------------------------------------------- */
.visitors .catch {
	margin: 0 0 10px;
}
.visitors h4 {
	background: #a98729;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0 0 10px;
}

/* 企業一覧 */
.company_list {
	margin: 0 0 2em;
}

.company_list h5 {
  border-bottom: 1px solid #87bec4;
  position: relative;
  padding: 0.2em .5em 0.2em 2em;
	margin: 0 0 0.5em;
}
.company_list h5::before,
.company_list h5::after {
  position: absolute;
  content: '';
  border-radius: 100%;
}
.company_list h5::before {
  background: rgba(16, 126, 138, 0.5);
  top: 0.2em;
  left: 0.2em;
  height: 18px;
  width: 18px;
  z-index: 2;
}
.company_list h5::after {
  background: rgba(82, 164, 173, 0.5);
  top: 0.7em;
  left: 0.7em;
  height: 13px;
  width: 13px;
}


/* 続きを読む */
.grad-wrap {
	position: relative;
}
.grad-wrap + .grad-wrap {
	margin-top: 40px;
}
.grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 148px;
	margin: auto;
	padding: .5em 0;
	border-radius: 2px;
	background: #006a9e;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
	transition: .2s ease;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn:hover {
	background: #fff;
	color: #006a9e;
}
.grad-btn .fa {
	margin-right: .5em;
}
.grad-item {
	font-size: 14px;
	position: relative;
	overflow: hidden;
	height: 160px;
}
.grad-item p + p {
	margin-top: 1em;
}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px; /*グラデーションで隠す範囲*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
	display: none;
}
.grad-trigger:checked + .grad-btn {
	display: none;
}
.grad-trigger:checked ~ .grad-item {
	height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
	display: none;
}


/* 来場者プロモーション */
.visitors .promotion dl dt {
	float: right;
	margin-left: 10px;
}



/* event
---------------------------------------------------- */
.tt_special_event {
	background: #00A77B;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 8px 10px;
	
	position: relative;
}
.hall_a {
	position: absolute;
	left: 0;
	top: 0;
}

/* outline
---------------------------------------------------- */
.outline_date_tt {
	background: #147780;
	border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
	color: #FFFFFF;
	font-size: 20px;
	padding: 8px 10px;
	text-align: center;
	margin: 0;	
}
.outline_date_tt:before,
.outline_date_tt:after {
	content: "▼";
	padding: 0 1em;
}
.outline table {
	margin: 0 0 30px;
	width: 100%;
}
.outline table tr {
	border-bottom: 1px solid #6c6c6c;
}
.outline table tr:first-child {
}
.outline table th {
	width: 25%;
}
.outline table th,
.outline table td {
	padding: 2% 3%;
}
.outline table th {
	text-align: left;
}
.outline table td {
	vertical-align: middle;
}
.outline table td a {
	text-decoration: underline;
}
.outline p strong {
	color: #E60012;
	font-size: 20px;
}

/* テーマ */
.outline .theme {
	margin: 0 0 40px;
}
.outline .theme dl dt {
	background: #DF070A;
	color: #ffffff;
	display: inline-block;
	float: left;
	padding: 0.2em 1em;
	margin: 0 1em 0 0;
}
.outline .theme dl dd {
	font-weight: bold;
	padding: 0.2em 0;
	margin: 0 0 1em;
}
/* 各展示会サイト */
.outline .site a {
	background: #333333;
	border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	padding: 3px 5px;
	text-decoration: none;
}


/* 出展エリア（.exhibition_area） ----------------------- */
.exhibition_area p {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 1em;
}
.exhibition_area {
	margin: 0 0 20px;
}
.exhibition_area ol {
	counter-reset: my-counter;
}
.exhibition_area ol li {	
	background: #FDECDC;
	border: 1px solid #000000;
	display: inline;
	float: left;
	font-weight: bold;
	vertical-align: middle;
	padding: 8px 10px;
	text-align: center;
	margin: 0 1% 1% 0;
	min-height: 60px;
	width: 24%;
	
	position: relative;
}
.exhibition_area ol li:nth-of-type {
	margin: 0 0 1% 0;
}
.exhibition_area ol li:before {
	  content: counter(my-counter);
	  counter-increment: my-counter;
	  background-color: #000000;
	  color: #ffffff;
	  display: block;
	  float: left;
	  line-height: 22px;
	  text-align: center;
	  height: 24px;
	  width: 24px;
}

.outline figure:last-of-type {
	text-align: center;
}

/* sametime
---------------------------------------------------- */
.sametime dl dd p {
	margin: 0 0 8px;
}
.sametime dl dd p em {
	font-size: 18px;
	font-weight: bold;
}


/* buyersguidebook
---------------------------------------------------- */
.buyers .buyers_info dl {
	background: #fffee9;
	border: 1px solid #dedede;
	padding: 10px;
	margin: 0 0 1em;
}
.buyers .buyers_info dl dt {
	border-bottom: 1px solid #ea8300;
	color: #ea8300;
	display: inline-block;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0.2em 0.5em 0.2em 2em;
	
	position: relative;
}
.buyers .buyers_info dl dt::before,
.buyers .buyers_info dl dt::after {
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
	content: '';
	position: absolute;
}
.buyers .buyers_info dl dt::before {
	background: rgba(109, 189, 37, 0.5);
	top: 0.2em;
	left: 0.2em;
	height: 18px;
	width: 18px;
	z-index: 2;
}
.buyers .buyers_info dl dt::after {
	background: rgba(130, 220, 101, 0.5);
	top: 0.7em;
	left: 0.7em;
	height: 13px;
	width: 13px;
}

.buyers .point dl {
	margin: 0 0 1em;
}
.buyers .point dl dt {
	font-weight: bold;
}
.buyers .point dl dt:before {
	content: "■";
}
.buyers .point dl dd {
	margin: 0 0 0.5em;
}

/* 広告掲載プラン例 */
.buyers .ad {
	float: left;
	margin: 0 2% 2% 0;
	width: 32%;
}
.buyers .ad:last-of-type {
	margin: 0;
}
.buyers .ad dl {
	float: left;
	margin: 0 2% 0 0;
	width: 68%;
}
.buyers .ad dl dt {
	background: #231816;
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #ffffff;
	padding: 3px 0;
	text-align: center;
	margin: 0 0 10px 0;
}
.buyers .ad dl dd {
	color: #E60004;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
.buyers .ad dl span {
	font-size: 12px;
	line-height: 10px;
	text-align: left;
}
.buyers .ad p {
	display: inline-block;
	width: 28%;
}
.buyers .contact dt {
	margin: 0 0 0.2em;
}
.buyers .contact dd {
	margin: 0 0 1em;
}


.buyers .example figure p {
	color: #f08600;
	font-weight: bold;
}
.buyers .example figure figcaption {
	font-size: 12px;
	margin-top: 3px;
}


/* 締切 */
.buyers .deadline {
	text-align: center;
	margin: 0 auto 5px;
}
.buyers .deadline p {
	background: #C00000;
	color: #ffffff;
	display: inline-block;
	padding: 8px 15px;
}




/* -----------------------------------------------------
　アコーディオン
----------------------------------------------------- */
/*ボックス全体*/
.accbox {
    margin: 1em 0 1em;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #000000;
    font-weight: bold;
    background: #efdfe7;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\e90a';
    font-family: "icomoon";
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#e1c5d3;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.accbox .accshow a {
	display: inline-blocki;
	text-decoration: underline;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 1.5em;
    border: 1px solid #d2f7bf;
    opacity: 1;
}


/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\e90e';
}




/* highlight
---------------------------------------------------- */
.hall_info .area_tt {
	font-size: 20px;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0 0 20px;
}
.hall_info .area_tt_green {
	color: #00A77B;
	border-left: 5px solid #00A77B;
	border-bottom: 1px solid #00A77B;
}
.hall_info .area_tt_orange {
	color: #E76C00;
	border-left: 5px solid #E76C00;
	border-bottom: 1px solid #E76C00;
}
.hall_info .area_tt_yellow {
	color: #F08600;
	border-left: 5px solid #F08600;
	border-bottom: 1px solid #F08600;
}
.hall_info .area_tt_purple {
	color: #AE228F;
	border-left: 5px solid #AE228F;
	border-bottom: 1px solid #AE228F;
}
.hall_info .area_tt_blue {
	color: #018ED5;
	border-left: 5px solid #018ED5;
	border-bottom: 1px solid #018ED5;
}
.hall_info h3 {
	text-align: left;
	position: relative;
	padding: 0 .5em .5em 2em;
	margin: 0 0 15px;
}
.hall_info h3 span {
	font-size: 16px;
}
.hall_info h3::before,
.hall_info h3::after {
	position: absolute;
	content: '';
	border-radius: 100%;
}
.hall_info h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
.hall_info h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
}
.hall_info_green h3 {
	color: #2FA680;
}
.hall_info_green h3::before {
	  background: rgba(29, 166, 124, 0.5);
}
.hall_info_green h3::after {
	  background: rgba(138, 213, 190, .5);
}
.hall_info_yellow h3 {
	color: #F08600;
}
.hall_info_yellow h3::before {
	  background: rgba(231, 108, 0, 0.5);
}
.hall_info_yellow h3::after {
	  background: rgba(251, 192, 141, 0.5);
}
.hall_info_purple h3 {
	color: #AE228F;
}
.hall_info_purple h3::before {
	  background: rgba(174, 34, 143, 0.5);
}
.hall_info_purple h3::after {
	  background: rgba(226, 153, 210, 0.5);
}

.hall_info dl{
	margin: 0 0 20px;
}
.hall_info dl dt {
	float: right;
	width: 30%;
}
.hall_info dl dt img {
	width: 100%;
}
.hall_info dl dd {
	float: left;
	margin: 0 2% 0 0;
	width: 68%;
}

/* font
---------------------------------------------------- */
.date em {
	color: #C9161E;
	font-size: 18px;
	font-weight: bold;
}

span.week {
	background: #1C2A56;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 8px;
	margin: 0 0.8em 0 0;
}
span.circle_number {
	color: #FFFFFF;
	background: #ff602c;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
	padding: 5px 10px;
}


/* ul,li 装飾
---------------------------------------------------- */
.check_list ul li:before {
	content: "\e90f";
	color: #209DED;
    font-family: "icomoon";
	margin-right: 0.5em;
}
.check_list ul li {
	margin: 0 0 10px 1.5em;
	text-indent: -1.5em;
}
.photo_img {
}
.photo_img li {
	float: left;
	margin: 0 1% 10px 0;
	width: 32%;
}
.photo_img li:last-of-type {
	margin: 0;
}	
.photo_img li img {
	width: 100%;
}



/* BOX (.border_box)
---------------------------------------------------- */
.border_box {
	border: 1px solid #999999;
	padding: 10px;
}
.border_box_red {
	border: 1px solid #FF0000;
	padding: 10px;
}


/* BOX (.item_box)
---------------------------------------------------- */
.item_box {
	margin: 12vh 0;
}


/* fair
---------------------------------------------------- */
.map_data {
	margin: 0 0 2em;
}
.map_data ul li {
	float: left;
	margin: 0 2% 0 0;
	width: 32%;
}
.map_data ul li:last-child {
	margin: 0;
}
.map_data ul li:hover {
	opacity: 0.8;
}
.map_data ul li img {
	width: 100%;
}

/* 全体図拡大ボタン */
.btn_map {
	margin: 0 auto 30px;
	text-align: center;
}
.btn_map p a {
	background: #000000;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
	color: #ffffff;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
}
.btn_map p a:after {
	font-family: "icomoon";
	content: "\e90b";
	margin-left: 5px;
}
.btn_map p a:hover {
	opacity: 0.8;
}

/* フェア表 -------------------- */
.drawing {
  	width: auto;
  	border-spacing: 0;
  	font-size: 14px;
}
.drawing th {
	background: #ffeedc;
	background: -moz-linear-gradient(#ffeedc, #ffdd9e 50%);
	background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#ffeedc), to(#ffdd9e));
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	color: #000000;
	font-weight: bold;
	line-height: 120%;
	padding: 8px 15px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.9);
}
.drawing th:first-child {
	border-left: 1px solid #aaaaaa;
	width: 4em;
}
.drawing th:last-child {
	border-right: 1px solid #aaaaaa;
}
.drawing th:nth-of-type(2){
	width: 40%;
}
.drawing th:nth-of-type(3){
}
.drawing tr td {
	padding: 8px 10px;
}
.drawing tr td:first-child {
	border-left: 1px solid #aaaaaa;
	text-align: center;
}
.drawing tr td:last-child {
	border-right: 1px solid #aaaaaa;
	text-align: left;
}
.drawing tr {
	background: #ffffff;
}
.drawing tr:nth-child(2n+1) {
	background: #fffce5;
}
.drawing tr:last-child td {
	border-bottom: 1px solid #aaaaaa;
}
.btn_detail {
	background: #0F0F0F;
    border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	text-align: center;
	margin: 5px 0 0;
	width: 130px;
}
.btn_detail a {
	color: #FFFFFF;
	display: block;
	padding: 5px 10px;
}
.btn_detail a:after {
	font-family: "icomoon";
	content: "\ea7e";
	margin-left: 5px;

}
/* アイコン -------------------- */
.contact_icon ul li a,
.hotel_map .col_map_r ul li a{
	display: block;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0;
	color: #fff;
	background: #000;
	width:35px;
	height: 35px;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
	position: relative;
	margin-top:0.2em;
}

.hotel_map .col_map_r ul li a {
	margin:0;
	width: 30px;
	height: 30px;
}

.contact_icon ul li a span.icomoon{
	position: absolute;
	top: 8px;
	right:9px;
	text-align: center;
}

.hotel_map .col_map_r ul li a span.icomoon {
	position: absolute;
	top: 7px;
	left:7px;
	text-align: center;
}




/* video
---------------------------------------------------- */
.movie {
	margin: 0 0 40px;
	text-align: center;
}
.movie_tt {
	margin: 0 0 10px;
	text-align: center;
}
.movie_tt:before,
.movie_tt:after {
	content: "◆";
	margin: 0 5px;
}
.movie_copy {
	margin: 0 0 20px;
	text-align: center;
}


/* contest_pre
---------------------------------------------------- */
.contest_pre figure,
.contest_pre figure figcaption {
	display: inline-block;
}
.contest_pre .award figure img {
	width: 50%;
}
.contest_pre figcaption {
	margin-left: 5px;
}

/* gather
---------------------------------------------------- */
.gather .item h3 {
	background: #FEFAE9;
	color: #000000;
	font-size: 18px;
	padding: 6px 10px;
	margin: 0 0 10px;
	text-align: left;
}

/* -----------------------------------------------------
　FAQ　
----------------------------------------------------- */
/* 特に多くいただく質問 */
.faq h3 {
    border-bottom: 2px solid #ea6727;
	position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.3em;
	text-align: left;
	width: 100%;
}
.faq h3:before{
    content: "■";
    font-size: 150%;
    position: absolute;
    color: #e62a2d;
    top: 0.3em;
    left: 0.3em;
    height: 5px;
    width: 5px;
}
.faq h3:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #ff973c;
    top: -0.1em;
    left: 0;
    height: 8px;
    width: 8px;
}

.faq_menu {
	margin: 0 0 20px;
}
.faq_menu ul li {
	background: #171717;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
	float: left;
	margin: 0 2% 0 0;
	text-align: center;
	width: 49%;
}
.faq_menu ul li:nth-child(2n) {
	margin: 0;
}
.faq_menu ul li a {
	color: #FFFFFF;
	display: block;
	padding: 10px 15px;
}

.faq .accordion ul > li > ul > li .address {
	margin: 10px 0 0;
}

.faq .accordion ul > li > ul > li dl {
	margin: 15px 0 0;
}
.faq .accordion ul > li > ul > li dl dt {
	font-weight: bold;
}
.faq .accordion ul > li > ul > li dl dd {
	margin: 0 0 15px;
}


/* アコーディオン
----------------------------------------------------- */
.pickup .accordion {
	margin: 0 auto 5%;
	width: 100%;
}
div.accordion {
	 width: 100%;
}
div.accordion span a {
	color: #FFFFFF;
	font-size: 16px;
	padding: 10px 5px;
}
div.accordion > ul > li {
	margin: 0 0 10px;
}
div.accordion > ul > li > a {
	display: block;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	background-color: #dcdbdb;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	line-height: 22px;
	padding: 10px 25px 10px 45px;
	position: relative;
}
div.accordion > ul > li > a:hover {
	background-color: #A9A9A9;
}
div.accordion > ul > li > a:after,
div.accordion > ul > li > a.active:after {
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 10px;
	color: #181818;
}
div.accordion > ul > li > a:before {
	border-radius: 50%;
	background: #f11848;
	color: #FFFFFF;
	content: "Q";
	display: block;
	position: absolute;
	top: 22%;
	left: 1.3%;
	padding: 2px 6px;
	height: 24px;	
	width: 24px;
}

div.accordion > ul > li > a:after {
	content: "▼";
}
div.accordion > ul > li > a.active:after {
	content: "▲";
}
div.accordion > ul > li > ul {
	display: none;
	font-size: 16px;
	line-height: 22px;
	position: relative;
}
div.accordion > ul > li > ul > li {
	margin: 20px 20px 20px 40px;
	
}
div.accordion > ul > li > ul >li:before {
	border-radius: 50%;
	background: #ff8402;
	color: #FFFFFF;
	content: "A";
	display: block;
	position: absolute;
	top: -3px;
	left: 1.3%;
	padding: 2px 6px;
	height: 24px;	
	width: 24px;
}
div.accordion > ul > li > ul > li > a {
	display: block;
	font-size: 16px;
} 
div.accordion > ul > li > ul > li > a:hover {
}


/* access
----------------------------------------------------- */
.btn_google_map {
	margin: 0 auto 20px;
	text-align: center;
}
.btn_google_map p {
	background: rgb(72,129,175);
	background: -moz-linear-gradient(top, rgba(72,129,175,1) 0%, rgba(21,99,156,1) 100%);
	background: -webkit-linear-gradient(top, rgba(72,129,175,1) 0%,rgba(21,99,156,1) 100%);
	background: linear-gradient(to bottom, rgba(72,129,175,1) 0%,rgba(21,99,156,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4881af', endColorstr='#15639c',GradientType=0 );
	border: 1px solid #2e86c7;
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 auto 30px;
}
.btn_google_map p a {	
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #ffffff !important;
	display: inline-block;
	padding: 10px 15px;
}
.st_access {
	background: #026C47;
	color: #ffffff;
	padding: 10px 15px;
	margin: 0 0 20px;
}
.access .map_sunshine figure {
	margin: 0 auto;
	width: 80%;
}

.guide {
	margin-bottom:50px;
	padding:20px 30px;
}
.guide:nth-child(2n) {
	background: #f9ffe8;
}
.guide:nth-child(2n+1) {
	background: #e8f6ff;
}

.guide h3 {
	position: relative;
	padding-bottom: 30px;
	font-size: 22px;
	text-align: center;
	margin-bottom:30px;
}

.guide h3:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #b99a00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.guide h3 span.h3_s {
	font-size:16px;
	color:#000;
}

.movie {
	float: left;
	width:50%;
}

.youtube_guid {
    position: relative;
    width: 100%;
    padding-top: 60.25%;
    margin-bottom: 10px;
}

.youtube_guid iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.guide_txt {
	float: right;
	width:48%;
}

.guide_txt > p {
	margin-bottom:0.5em;
}

.guide_cap {
	font-size:0.8rem;
	clear: both;
	font-weight:bold;
	text-align: center;
}

	 
/* nextshow
---------------------------------------------------- */

.nextshow table {
	margin: 0 0 0 1.2em;
	width: 97%;
}
.nextshow table tr {
	border: 5px solid #FFFFFF;
}
.nextshow table tr th {
    background: #558ac9;
	color: #FFFFFF;
	font-weight: normal;
	padding: 3px 10px;
	vertical-align: middle;
    overflow: visible;
	width: 20%;
}
.nextshow table th,
.nextshow table td {
	padding: 5px 10px;
}
.nextshow table tr td {
	line-height: 30px;
    padding-left: 20px;
}

.nextshow .show p {
    padding: 10px;
	margin: 0 0 0 1.2em;
}


/* -----------------------------------------------------
　グラフ　
----------------------------------------------------- */
.graph {
	margin: 5vh auto;
}
p.title_graph {
	font-weight: bold;
	margin: 0 auto 30px;
	text-align: center;
}
.graph figure {
	text-align: center;
}


/*
###########################################################
　
【 ここから来場者サイト向けcss ↓ 】

########################################################### 
*/

/* ご挨拶  outline
------------------------------------------------------------- */

.outline .person {
	margin: 0 0 20px;
	position: relative;
}
.outline .person dl dt,
.outline .person dl dt {
	float: left;
	margin: 0 10px 0 0;
}
.outline .person dl dt {
	width: 150px;
}
.outline .person dl dd {
	font-size: 14px;
	margin: 0 0 0 160px;
	
	position: absolute;
	bottom: 0;
}


/* 企業一覧  list
------------------------------------------------------------- */
.list .list_menu {
	margin: 0 auto 30px;	
	text-align: center;
}
.list .company_list .list_line {
	background: #16A085;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 1em;
	line-height: 20px;
	padding: 5px 10px;
}
.list .company_list:nth-of-type(2n) .list_line {
	background: #2273b5;
}
.list .company_list:last-of-type .list_line {
	background: #E9693D;
}
.list #list_oversea .list_line {
	background: #e0417c;
}
.list .list_menu ul {
	display: inline-block;
}
.list .list_menu ul li {	
	background: #2273b5;
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}
.list .list_menu ul li:nth-of-type(2n) {
	background: #00A4B5;
}

.list .list_menu ul li:last-of-type {	
	background: #e0417c;
}
.list .list_menu ul li a {
	color: #ffffff;
	display: block;
	padding: 0.3em 0.8em;
}
	
.list .company_list {
	margin: 0 0 2em;
}
.list .company_list ul li {
	/* float: left; */
	font-size: 14px;
	margin-bottom:0.5em;
	/* width: 50%; */
}

/* 会場案内図ボタン */
.list .btn_layout_map {
	margin: 0 auto 3em;
	text-align: center;
}
.list .btn_layout_map p {
	display: inline-block;
}

.list .btn_layout_map p a {
	background: #FF6D00;
	border-radius: 15px;
		-webkit-border-radius: 15px;
		-ms-border-radius: 15px;
		-moz-border-radius: 15px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
}

/* topics
------------------------------------------------------------- */
.topics h3 {
	background: #0067AD;
	color: #ffffff;
	padding: 0.3em 1em;
	text-align: left;
}
.topics h3:before {
	content: "\e912";
	font-family: "icomoon";
	margin-right: 0.5em;
}

.topics .innner dl {
	margin: 0 0 20px;
}
.topics .innner dl dt {
	float: right;
	width: 30%;
}
.topics .innner dl dt img {
	width: 100%;
}
.topics .innner dl dd {
	float: left;
	margin: 0 2% 0 0;
	width: 68%;
}
/* 新製品コンテスト */
.topics .contest dl dt {
	color: #E60004;
	font-size: 18px;
	font-weight: bold;
}
.topics .contest dl dt:before {
	content: "\e913";
	font-family: "icomoon";
	margin-right: 0.5em;
}
.topics .contest dl dd {
	margin: 0 0 1em;
}
.topics .contest .contest_list {
	position: relative;
}
.topics .contest .contest_list p {
	background: #E60013;
	border-radius: 15px;
		-webkit-border-radius: 15px;
		-ms-border-radius: 15px;
		-moz-border-radius: 15px;
	color: #ffffff;
	font-weight: bold;
	padding: 2em 1em;
	
	position: absolute;
	right: 20px;
	top: 0;
}
.topics .contest .contest_list p:after {
	border-top: 15px solid #E60013;
	border-left: 15px solid transparent;
	
	content: " ";
	position: absolute;
	right: 100%;
	top: 15%;
	height: 0;
	width: 0;
}
.topics p {
	margin: 0 0 1em;
}
.topics footer p {
	margin: 0;
}

/* promocon
------------------------------------------------------------- */
.promocon .title {
	font-weight: bold;
	display: inline-block;
	margin: 0 auto 1.5em;
}

.promocon .title dt {
	float: left;
	margin: 0 20px 0 0;
}
.promocon .title dd {
	font-size: 20px;
	display: inline-block;
	padding: 0.5em 0 0;
}
.promocon .title span {
	font-size: 30px;
}

/* 投票の種類 */
.promocon .vote {
	background: #efefef;
	padding: 1.5em 2.5em;
	text-align: center;
	margin: 0 0 1.5em;
	display: inline-block;
}
.promocon .vote p {
	margin: 0 0 0.5em;
}
.promocon .vote ul {
	margin: 0 auto;
	text-align: center;
}
.promocon .vote ul li {
	background: #121212;
	/*
    border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	*/
	color: #ffffff;
	display: inline;
	float: left;
	
	padding: 5px 10px;
	margin: 0 5px;
}
.promocon .vote_now {
	color: #F40000;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}


/* 受賞企画概要 ----------------------- */
.promocon .plan_outline {
	border-bottom: 2px solid #DA7C17;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding: 2px 5px 2px 1.5em;
	margin: 0 0 1.5em 15px;
}

.promocon .plan_outline:before {
	color: #ffffff;
	font-family: "icomoon";
	content: "\e904";
	display: inline-block;

	line-height: 40px;
	position: absolute;
	padding: 0em;
	background: #DA7C17;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -1em;
	top: 50%;
	transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
}
.promocon .plan {
	border-bottom: 1px dashed #999999;
	padding: 0 0 1em;
	margin: 0 0 1.5em;
}
.promocon .plan_tt {
	color:#1c885c;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.5em;
	text-indent: -1em;
	margin-left: 1em;
}
.promocon .plan_tt:before {
	color:#1c885c;
	content: "\e916";
	font-family: "icomoon";
}
.promocon .plan dl dt {
	float: left;
}

/*
.promocon .plan .explanation ul li {
	text-indent: -1em;
	margin-left: 1em;
}
*/
.plan .ribbon {
  display: inline-block;
  position: relative;
  text-align: center;
  padding:0.3em 1em; 
  background: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}



/* 投票ボタン */
.btn_vote {
	margin: 20px auto;
	text-align: center;
}

.btn_vote ul li {
    display: inline-block;
}

.btn_vote ul li a,
.btn_vote ul li span{
    position: relative;
    display: inline-block;
    width: 250px;
    margin-bottom:0.5em;
	padding: 1.5rem 2em;
	text-align: center;
    border:3px solid #009278;
    background: #FFF;
	border-radius: 15px;
	transition: .4s;
    font-weight: bold;
}

.btn_vote ul li a {
    color:#444;
}

.btn_vote ul li a:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #009278;
	border-image: none;
	border-style: solid;
	border-width: 15px;
	content: "";
	height: 0;
	position: absolute;
	right: -5px;
	bottom: -5px;
	transform: rotate(45deg);
	width: 0;
}

.btn_vote ul li a:hover:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #FFF;
}


.btn_vote ul li a:hover {
	background: #009278;
	color: #FFF;
}


/* 発表 */
.announcement {
	color: #0168d5;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}
.promo_info {
	color: #ff8e00;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 30px;
	text-align: center;
}
.promo_info:before,
.promo_info:after {
	content: "\e917";
	font-family: "icomoon";
	margin: 0 0.5em;
}

/* 企業一覧 */
.company_list {
	margin: 0 0 2em;
}

.company_list h5 {
  border-bottom: 1px solid #87bec4;
  position: relative;
  padding: 0.2em .5em 0.2em 2em;
	margin: 0 0 0.5em;
}
.company_list h5::before,
.company_list h5::after {
  position: absolute;

  content: '';
  border-radius: 100%;
}
.company_list h5::before {
  background: rgba(16, 126, 138, 0.5);
  top: 0.2em;
  left: 0.2em;
  height: 18px;
  width: 18px;
  z-index: 2;
}
.company_list h5::after {
  background: rgba(82, 164, 173, 0.5);
  top: 0.7em;
  left: 0.7em;
  height: 13px;
  width: 13px;
}


/* 続きを読む */
.grad-wrap {
	position: relative;
}
.grad-wrap + .grad-wrap {
	margin-top: 40px;
}
.grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 148px;
	margin: auto;
	padding: .5em 0;
	border-radius: 2px;
	background: #006a9e;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
	transition: .2s ease;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn:hover {
	background: #fff;
	color: #006a9e;
}
.grad-btn .fa {
	margin-right: .5em;
}
.grad-item {
	font-size: 14px;
	position: relative;
	overflow: hidden;
	height: 160px;
}
.grad-item p + p {
	margin-top: 1em;
}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px; /*グラデーションで隠す範囲*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
	display: none;
}
.grad-trigger:checked + .grad-btn {
	display: none;
}
.grad-trigger:checked ~ .grad-item {
	height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
	display: none;
}


/* リテールプロモーションアワード retail
------------------------------------------------------------- */


.retail h3 {
	background: #E60012;
	color: #ffffff;
	padding: 0.3em 1em;
	text-align: left;
}
.retail h3:before {
	content: "\e912";
	font-family: "icomoon";
	margin-right: 0.5em;
}

.retail .plan_outline.mb0 { margin-bottom:0;}

.retail_lasttime {
	background: #ffffe4;
	margin:0;
	padding:20px 40px;
}
/*
.retail_lasttime {
font-family: "icomoon";
position: relative;
border-top: solid 1px #575f60;
border-bottom: solid 1px #575f60;
background: #fafafa;
line-height: 1.4;
padding: 15px 12px 0 12px;
margin:0 0 50px;
}
*/
/*
.retail_lasttime:after {
position: absolute;
font-weight: bold;
content: '\f0a7\ 前回（第3回）表彰企画';
background: #575f60;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
		-webkit-border-radius:  5px 5px 0 0;
		-ms-border-radius:  5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;	
padding: 5px 10px 5px;
line-height: 1;
letter-spacing: 0.05em;
  }
*/
.retail_lasttime dl dt{
	font-weight: bold;
	color: #062F4F;
	margin-bottom: 3px;
	text-indent: -1em;
	margin-left: 1em;
}

.retail_lasttime dl dd{
	color: #2c2c2c;
	text-indent: 1em;
}

/* リテールプロモーションアワード */
 .retail_info {
	margin: 0 0 40px;
}
 .retail_info dl dt {
	float: right;
	width: 20%;
}
.retail_info dl dd {
	margin-right: 2%;
	width: 78%;
}

.retail .title,
.topics .title{
    font-weight: bold;
    display: inline-block;
    margin: 0 auto 1.5em;
}

.retail .title dt,
.topics .title dt{
    float: left;
    margin: 0 10px 0 0;
}

.retail .title dd,
.topics .title dd,
.topics .title p.tpcttl{
    font-size: 24px;
    display: inline-block;
    padding: 1em 0 0;
}

.retail .title span,
.topics .title span{
    font-size: 30px;

}



/* 受賞企画概要 */
.retail .plan_outline {
	border-bottom: 3px solid #0b9bb4;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding: 2px 5px 2px 1.5em;
	margin: 0 0 1.5em 15px;
}

.retail .plan_outline:before {
	color: #ffffff;
	font-family: "icomoon";
	content: "\e915";
	display: inline-block;

	line-height: 40px;
	position: absolute;
	padding: 0em;
	background: #0b9bb4;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -1em;
	top: 50%;
	transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
}
.retail .plan {
	border-bottom: 1px dashed #999999;
	padding: 0 0 1em;
	margin: 0 0 1.5em;
}
.retail .plan_tt {
	color:#05a77b;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.5em;
	text-indent: -1em;
	margin-left: 1em;
}
.retail .plan_tt:before {
	color:#00a77b;
	content: "\e916";
	font-family: "icomoon";
}
.retail .plan dl dt {
	float: left;
}


.retail .plan .explanation ul li {
	text-indent: -1em;
	margin-left: 1em;
}


/* 発表 */
.announcement {
	color: #DE0303;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}
.promo_info {
	color: #01a97c;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 30px;
	text-align: center;
}
.promo_info:before,
.promo_info:after {
	content: "\e917";
	font-family: "icomoon";
	margin: 0 0.5em;
}

/* セミナー（プロモコンのみ） ----------------------- */
.seminar .seminar_category {
	color: #ffffff;
	background: #1d1d1d;
	margin: 0 0 1em;
	padding: 5px 10px;
	
	position: relative;
}
.seminar .seminar_special {
	font-size: 18px;
	font-weight: bold;
	padding: 5px 100px 5px 10px;
	
}
.seminar .seminar_special span {
	font-size: 14px;	
}
.seminar .seminar_category .pay {
	background: #db0202;
	padding: 5px 10px;
	
	position: absolute;
	top: 6px;
	right: 10px;
}


/* seminar
---------------------------------------------------- */
/* 締切 */
.deadline {
	text-align: center;
	margin: 0 auto 30px;
}
.deadline p {
	background: #C00000;
	color: #ffffff;
	display: inline-block;
	padding: 8px 15px;
}

.seminar ul.seminar_info {
	margin: 0 0 30px;
}
.seminar_btn_date {
	margin: 0 auto 30px;
}
.seminar_btn_date ul {
}
.seminar_btn_date ul li {
	float: left;
	margin: 0 2% 0 0;
	width: 23%;
}
.seminar .pay em {
	color: #C9161E;
	font-size: 18px;
	font-weight: bold;
}
.seminar_btn_date ul li:last-of-type {
	margin: 0;
}
.seminar_btn_date ul li:before {
	font-family: "icomoon";
	content: "\ea42";
	float: left;
	padding: 0.5em 0 0.5em 1em;
}
.seminar_btn_date ul li.soon {
	background: #c2c3c3;
	
	border: 1px solid #A9A9A9;
	text-align: center;
	padding: 8px 0;
}
.seminar_btn_date ul li.soon:before {
	content: none;
} 
.seminar_btn_date ul li a {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	
	border: 1px solid #A9A9A9;
	
	display: block;
	padding: 8px 0;
	text-align: center;
}


/* ------ セミナー詳細 ------ */
.seminar .seminar_item {
	border: 1px solid #c8c8c8;
	position: relative;
	margin: 0 0 30px;
}
.seminar .seminar_item .date {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 15px;
}
.seminar .blue .date {
	background: #b9e5f7;	
}
.seminar .blue .pay {
	background: #E4F4FC;
}
.seminar .green .date {
	background: #b8f5c0;	
}
.seminar .green .pay {
	background: #e2ffd9;
}
.seminar .seminar_item .pay {
	margin: 0 0 20px;
}
.seminar .seminar_item .pay p {
	float: left;
	padding: 10px 15px;
}
/*
.seminar .seminar_item .pay p:last-of-type {
	float: right;
}
*/
.seminar .seminar_item .prologue {
	margin: 0 20px 20px;
}
.seminar .seminar_item .prologue .number {
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	padding: 5px 12px;
	margin: 0 0 8px;
}
.seminar .seminar_item .lecture_type .number {
	background: #009933;	
}
.seminar .seminar_item .experience_type .number {
	background: #382698;	
}
.seminar .seminar_item .prologue .seminar_tt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 1em;
}
.seminar .seminar_item .lecture_type .seminar_tt {
	color: #009933;
}
.seminar .seminar_item .experience_type .seminar_tt {
	color: #382698;
}
.seminar .seminar_item .prologue .seminar_tt span {
	font-size: 16px;
}
.seminar .seminar_item .prologue p a {
	font-size: 16px;
	text-decoration: underline;
	display: inline;
}
.seminar .seminar_item .prologue .explanation {
	margin: 0 0 1em;
}
.seminar .seminar_item .prologue .explanation dl dt {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
	width: 200px;
}
.seminar .seminar_item .prologue .explanation dl dt figure {
	padding: 0 auto;
	text-align: center;
}
.seminar .seminar_item .prologue .explanation dl dt figure figcaption {
	font-size: 12px;
	text-align: left;
}

.seminar .seminar_item .prologue .speaker {
	margin: 0 0 20px;
}
.seminar .seminar_item .prologue .speaker:last-of-type {
	margin: 0;
}
.seminar .seminar_item .prologue .speaker dl dt {
	float: left;
	margin: 0 10px 0 0;
}
.seminar .seminar_item .prologue .speaker dl dd {
	font-size: 14px;
	margin: 0 0 0 110px;
}
.seminar .seminar_item .prologue .speaker dl dd em {
	font-size: 16px;
	font-weight: bold;
}
.seminar .seminar_item .prologue .speaker dl dd a {
	text-decoration: underline;
	display: inline;
}
.seminar .seminar_item .prologue .speaker_site {
	margin: 0 0 20px;
}
.seminar .seminar_item .prologue .speaker_site dl dt,
.seminar .seminar_item .prologue .speaker_site dl dd {
	display: inline-block;
}
.seminar .seminar_item .prologue .speaker_site dl dd {
	vertical-align: bottom;
}
.seminar .seminar_item .prologue .speaker_site dl dd a {
	text-decoration-line: underline;
}
.seminar .seminar_item .prologue .free {
    background: #F00;
    color:#FFF;
    padding:0.6rem;
    margin-bottom:1em;
}


/* ------ 申込ボタン ------ */
.seminar .seminar_item .btn_seminar_request {
	position: absolute;
	top: 7px;
	right: 10px;
}
.seminar .seminar_item .close p {	
	background: #E5E5E5;
	
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #252525;
	display: inline-block;
	padding: 8px 15px;
}
.seminar .seminar_item .btn_seminar_request p a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21a972+0,0d824f+100 */
	background: #21a972; /* Old browsers */
	background: -moz-linear-gradient(top, #21a972 0%, #0d824f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #21a972 0%,#0d824f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #21a972 0%,#0d824f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a972', endColorstr='#0d824f',GradientType=0 ); /* IE6-9 */
	
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
	color: #FFFFFF;
	display: inline-block;
	padding: 8px 15px;
}
.seminar .seminar_item .btn_seminar_request p a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54b38c+0,1eab6d+100 */
background: #54b38c; /* Old browsers */
background: -moz-linear-gradient(top, #54b38c 0%, #1eab6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #54b38c 0%,#1eab6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #54b38c 0%,#1eab6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b38c', endColorstr='#1eab6d',GradientType=0 ); /* IE6-9 */
}
.seminar .seminar_item .btn_seminar_request p a:before {
	font-family: "icomoon";
	content: "\ea42";
	color: #FFFFFF;
	margin: 0 5px 0 0;
}

/* ------ 事前受付終了（全講演アナウンス） ------ */
.pre_ending {
	background: #C00000;
	color: #FFFFFF;
	padding: 10px 15px;
	margin: 0 0 30px;
}

/* リスト指定
---------------------------------------------------- */

ul.list1 {
    margin:10px 20px 20px;
}

ul.list1 li {
	background:url("../img/icn_list.png") no-repeat left 0.4em;
	padding-left: 1em;
}

ul.list2 { padding-bottom:20px;}

ul.list2 li,
ul.list3 li{
	display: inline;
	margin-right:20px;
}
ul.list2 li:last-child,
ul.list3 li:last-child{ margin-right:0;}

ul.list3 li {
	display: inline-block;
}

/*----------------------------------------------------  
starge ステージ（プロモコンのみ）
---------------------------------------------------- */
.seminar  .plan_outline {
	border-bottom: 2px solid #062F4F;
	color: #062F4F;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin: 0 0 0.5em;
}

.seminar  .plan {
	border-bottom: 1px dashed #999999;
	padding: 0 0 0.5em;
	margin: 0 0 0.5em;
}

.seminar  .plan_bd_none {
	margin: 0 0 0.5em;
}

.seminar  .plan_tt {
	color:#1c885c;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.seminar .plan dl dt,
.seminar .plan_bd_none dl dt{
	float: left;
}


.seminar .plan .explanation ul li {
	text-indent: -1em;
	margin-left: 1em;
}

.seminar .plan .ribbon,
.seminar .plan_bd_none .ribbon
{
  display: inline-block;
  font-size: 14px;
  position: relative;
  text-align: center;
  padding: 0.3em 0.5em; 
  background: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}



/*----------------------------------------------------  
startup seminar スタートアップセミナー
---------------------------------------------------- */
.start .start_inner {
	margin: 0 0 2.5em;
}
.start .start_st {
	
}
.start .start_st p {	
	color: #009944;
	font-size: 20px;
	font-weight: bold;
}
/*.start .start_st p:before {
	content: "\f0a4";
	font-family: "FontAwesome";
	font-size: 20px;
	font-weight: normal;
	margin-right: 0.5em; 
}
*/
.start .start_st p span {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

/* 受講者対象 */
.start .target {
	margin: 0 0 2em;
}
.start .target:last-of-type {
	margin: 0;
} 
.start .target p {
	background: #00A760;
	color: #FFF100;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 0 0.5em;
}
.start .target ul li {
	display: inline-block;
	float: left;
	margin-right: 1%;
	width: 24%;
}

/* 講師紹介 */
.start .start_item {
	background: #EFF8FF;
	border: 1px solid #003D6D;
    border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
	float: left;
	margin: 0 2% 1em 0;
	width: 49%;
}
.start .start_item:nth-of-type(2n) {
	margin: 0 0 1em;
}
.start .start_item .start_tt {
	background: rgb(0,139,203);
	background: -moz-linear-gradient(top, rgba(0,139,203,1) 0%, rgba(0,71,121,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,139,203,1) 0%,rgba(0,71,121,1) 100%);
	background: linear-gradient(to bottom, rgba(0,139,203,1) 0%,rgba(0,71,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bcb', endColorstr='#004779',GradientType=0 );
	color: #ffffff;
	font-weight: bold;
	padding: 1em;
	margin: 0;
}
.start .start_item .start_detail {
	padding: 1em;
}
.start .start_item .start_detail dl {
	margin: 0 0 1em;
}
.start .start_item .start_detail dl dt {
	float: left;
}
.start .start_item .start_detail dl dd {
	margin-left: 110px;
}
.start .start_item .start_detail dl dd,
.start .start_item .start_detail p {
	font-size: 14px;
}
.start .start_item .start_detail dl dd span,
.start .start_item .start_detail p span{
	font-size: 16px;
	font-weight: bold;
}
.start .start_item .start_detail p {
	margin: 0;
}

/* 講師ロゴ*/
.start .start_item .start_detail .speaker_logo p {
	float: left;
	margin-right: 2%;
	width: 49%;
}
.start .start_item .start_detail .speaker_logo p:nth-child(2n) {
	margin-right: 0;
}
.start .start_item .start_detail .speaker_logo p:nth-child(2) img {
	margin-top: 6px;
}

/* プロモコン */
.start .start_item .start_program_promo {
	padding: 1em;
	margin: 0 0 1em;
}
.start .start_item .start_program_promo dl dt {
	text-align: center;
	margin: 0 0 1em;
}
.start .start_item .start_program_promo dl dd {
	font-size: 14px;
}

/* メリット */
.start .start_merit {
	margin: 0 0 2em;
}
.start .start_merit p {
	background: #fb9d23;
    border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	padding: 5px 10px;
	
}
.start .start_merit dl dt {
	float: left;
	margin: 0 1em 0 0;
	width: 30%;
}

/* スタートアップ　日本プロモコンとは */
.start .start_promo {
	border:  1px solid #E60012;
	margin: 0 0 2em;
	position: relative;
}
.start .start_promo p {
	background: rgb(230,0,18);
	background: -moz-linear-gradient(top, rgba(230,0,18,1) 0%, rgba(148,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(230,0,18,1) 0%,rgba(148,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(230,0,18,1) 0%,rgba(148,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#940000',GradientType=0 );
	color: #ffffff;
	font-weight: bold;
	padding: 0.5em 1em 0.5em 5em;
	margin: 0 0 1em;
}
	
.start .start_promo .start_icon_promo {
	position: absolute;
	top: -0.5em;
	left: 0.5em;
}
.start .start_promo dl {
	padding: 5px 10px;
}
.start .start_promo dl dt {
	float: left;
	margin: 0 2% 0 0 ;
	width: 30%;
}
.start .start_promo dl dd {
	margin-left: 32%; 
}

/* 受賞企画一覧 */
.start_promo_list {
	margin: 0 0 2em;
	position: relative;
}
.start_promo_list p.promo_list_tt {	
	background: rgb(230,0,18);
	background: -moz-linear-gradient(top, rgba(230,0,18,1) 0%, rgba(148,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(230,0,18,1) 0%,rgba(148,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(230,0,18,1) 0%,rgba(148,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#940000',GradientType=0 );
	color: #ffffff;
	font-weight: bold;
	padding: 0.5em 1em 0.5em 5em;
	margin: 0 0 35px;
}	
.start_promo_list p.promo_list_tt:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.start_promo_list p.promo_list_tt:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.start .start_promo_list .start_icon_promo {
	position: absolute;
	top: -0.5em;
	left: 0.5em;
}
.start .start_promo_list .start_promo_plan {
	margin: 0 0 20px;
}
.start .start_promo_list .start_promo_plan p.promo_plan_tt {
	border-left: 3px solid #007AAE;
	color: #007AAE;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}
.start .start_promo_list .start_promo_plan dl {
	font-size: 14px;	
}
.start .start_promo_list .start_promo_plan dl dt {	
	background: #006156;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
	color: #ffffff;
	display: inline-block;
	float: left;
	clear: both;
	padding: 5px 10px;
	margin: 0 10px 3px 0;
	text-align: center;
	width: 100px;
}
.start .start_promo_list .start_promo_plan dl dd {
	padding: 5px 10px;
	margin: 0 0 3px 0;
}

/* 申込・資料ボタン */
.start .btn_start {
	margin: 0 auto;
	text-align: center;
}
.start .btn_start p {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 60%;
}
.start .btn_start p:after {
	content: '';
	border: 0px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 16px;
	height: 8px;
	width: 8px;
}
.start .btn_start p:hover:after {
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
}
.start .btn_start p:hover > a {
	opacity: 0.8;
}
.start .btn_start p a {
	background: rgb(241,116,50);
	background: -moz-linear-gradient(top, rgba(241,116,50,1) 2%, rgba(234,85,7,1) 100%);
	background: -webkit-linear-gradient(top, rgba(241,116,50,1) 2%,rgba(234,85,7,1) 100%);
	background: linear-gradient(to bottom, rgba(241,116,50,1) 2%,rgba(234,85,7,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17432', endColorstr='#ea5507',GradientType=0 );
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
    border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
}
.start .btn_start p.entry a {
	background: rgb(255,48,25);
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
.start .btn_start p a:after {
	content: '';
	border: 0px;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 16px;
	height: 8px;
	width: 8px;
}

/* 締切後のお問い合わせ先 */
.start .contact {
	background: #FFFBE6;
	padding: 20px;
}
.start .contact p {
	font-weight: bold;
	margin: 0 0 5px;
}
.start .contact dl {
}
.start .contact dl dt {
	float: left;
}
.start .contact dl dt:first-child {
	font-weight: bold;
	float: none;
}
.start .contact dl dd a {
	color: #414FA5;
	text-decoration: underline;
}

/*----------------------------------------------------  
exhibitors 出展社様向け
---------------------------------------------------- */

/* 閉じるボタン */
.btn_close {
	margin:  0 auto;
	text-align: center;
	margin: 50px;
}
.btn_close p a:before {
	content: "\e903";
	font-family: "icomoon";
	margin-right: 0.5em;
}
.btn_close p a {
	background: #333333;
	border-radius: 10px;
	color: #ffffff;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
}





