@charset "UTF-8";

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

CSS Information

Update:2017/3/17

01：Overall
02：header
03：nav
05:content
06:footer

=========================================================================== */
/*nanotech基本色
青色　#395ca2
グレー　#666
*/
/*----------------------------------------------------------------------------
01：overall
----------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');

body {line-height:1.4em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";width:100%;}
p a:hover,a:hover img,footer ul li a:hover,div#main ul li a:hover {opacity:0.7;filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )"}
a:hover img.non_opacity {opacity:1.0;filter:alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}


img {
    image-rendering: -webkit-optimize-contrast;
}


div.inner {width:1048px;margin:0 auto;display: block;overflow: hidden;}

div.bg_gray {width:100%;min-width: 1048px; background-color:#D8E1EA;padding:24px 0;margin:24px 0;}
div.bg_visual {background:url("../images/top/bg-dark.png")no-repeat center;background-size:cover;
	display:block;position: static;padding-bottom: 30px;z-index: 1;}


div.bg_feature {width:100%;min-width: 1048px; background-image: url("../images/top/feature_bg.gif");background-size:cover;padding:24px 0;margin:24px 0;}

/*grid*/
.grid_container {width: 1032px;margin: 0 auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11 {float:left;display:inline;margin-left:24px;}
.grid1 {width: 54px;}
.grid2 {width: 138px;}
.grid3 {width: 222px;}
.grid4 {width: 328px;}/*確定*/
.grid5 {width: 416px;}/*確定*/
.grid6 {width: 504px;}/*確定*/
.grid7 {width: 592px;}/*確定*/
.grid8 {width: 680px;}/*確定*/
.grid9 {width: 726px;}
.grid10 {width: 810px;}
.grid11 {width: 894px;}
.grid_container > div:first-child {margin-left:0;clear:left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*ul*/
.ul01 {list-style-type:none;}
.ul01 li{line-height:1.5em;padding-left:15px;background:url(../images/common/listmark01.gif) no-repeat 0 0.5em;}

.ul01_float_left {list-style-type:none;}
.ul01_float_left li{float:left;white-space:nowrap;margin-right:15px;line-height:1.5em;padding-left:15px;background:url(../images/common/listmark01.gif) no-repeat 0 0.5em;}

ul.annotation li {text-indent:-1em;padding-left:1em;}

/*table*/
table.table01 {border-collapse: collapse;width:100%;border:1px solid #999;}
table.table01 th {background-color: #eee;padding:5px;border:1px solid #999;white-space: nowrap;text-align: center;}
table.table01 td {padding:5px;border:1px solid #999;}


/*dl*/

dl {

border: 1px solid #ccc;
border-top: none;
background: #eee;
font-size:90%;
}

dt,dd {
padding: 3px;
}

dt {
border-top: 1px solid #ccc;
clear: left;
float: left;
width: 100px;
padding-right:12px;
}
dd {
margin-left: 100px;
padding-left:10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
}


/*h1-h6*/
h1 {margin:0;}
h2 {font-size:1.6em;font-weight:bold;background-color:#395ca2;color:#fff;padding:5px;}
h3 {font-size:1.4em;font-weight:bold;border:1px solid #666;border-left:8px solid #666;padding:5px;}
h4 {font-size:1.2em;font-weight:bold;border-bottom:1px solid #666;padding-bottom:5px;}

span.price {font-size:1.2em;font-weight:bold;color:#395ca2;}

.mr24 {margin-right:24px;}


div#pankuzu {position:relative;clear:both;width:950px;margin:5px 0 10px 0;}

div#pankuzu p {font-size:90%;}
span.arrow {margin-left:5px;padding-left:10px;background:url(../images/common/arrow01.gif) no-repeat left center;
}


div.lightblue_box {
background-color: #9CC7DF;
color:#395ca2;
padding:10px;
text-align: center;
font-size:1.2em;
}
/*----------------------------------------------------------------------------
03：header
----------------------------------------------------------------------------*/
header {z-index: 9999;background-color: white;padding-top:0px;width:100%;border-bottom:1px solid #ccc;position: fixed;}
header div#header_upper{display: flex;align-items: center;}
header div#header_upper p#header_date {font-weight: bold;font-size: 16px;line-height: 24px;margin-top:10px;margin-right: auto;color:#666;}
header div#header_upper p#header_regist {margin-right:20px;}
header div#header_upper p#header_regist i {color:#cc0920;padding-right:5px;}
header div#header_upper p#header_login_exhibitor {}
header div#header_upper p#header_login_exhibitor i {color:#00A0D5;padding-right:5px;}
header div#header_upper p#header_login_visitor {margin-right:20px;}
header div#header_upper p#header_login_visitor i {color:#395ca2;padding-right:5px;}
header div#header_upper a {text-decoration: none;color:#666;}



/*----------------------------------------------------------------------------
03：nav
----------------------------------------------------------------------------*/
nav#gnavi {height:50px;z-index: 9999;font-size:1.15em;width:1048px;display: flex;align-items: center;justify-content: center;}
nav#gnavi ul {list-style: none;padding: 0; color:#666;display: flex;width:1048px;justify-content: space-between;flex-wrap: wrap;}/*リスト全体*/
/*nav#gnavi>ul {margin:0 auto;width:1048px;}*/
nav#gnavi li {float: left;white-space: nowrap;line-height:50px;text-align:center;}/*リストの1段目*/
/*nav#gnavi li:first-child {background:none;padding-left:10px;}*/
/*nav#gnavi li.twoline {line-height:20px;margin-top:10px;}/*2行組み*/
/*nav#gnavi li.twoline>a{height:54px;}/*2行組み*/
nav#gnavi ul ul {display: none;position: absolute;z-index: 999;margin-top:-4px;border-top:3px solid #0092D1;width:auto;}/*2段目以降*/
nav#gnavi li li {clear: left;position:relative;width: 100%;text-align: left;margin:0;background-image:none;padding-left:0!important;}/*2段目以降のリスト項目*/
nav#gnavi ul li ul li a{padding:8px;}
nav#gnavi ul li:hover > ul {display: block;}
nav#gnavi ul ul ul {top: 0;left: 100%;border-top:0px;border-left:1px solid #ccc;margin-top:0px;}/*3段目以降*/
nav#gnavi a {display: block;color:#666;text-decoration:none;white-space: nowrap;}/*1段目以降のメニュー文字*/
nav#gnavi li a:hover {color:#999;}
nav#gnavi li li a {color:white;}/*2段目以降のメニュー文字*/
nav#gnavi li li a:hover {color: #0092D1;}
nav#gnavi ul ul a {display:block;font-size: 0.9em;padding: 2px 5px;line-height:20px;
border-bottom: solid 1px #999;
background-color: #666;}
span.coming {font-size:0.8em;}

nav#gnavi a.nolink,nav#gnavi a.nolink:hover{color:#ddd;}
nav#gnavi li li a.nolink,nav#gnavi li li a.nolink:hover {color:#888;}
nav#gnavi a.menu_glay {color:#aaa;}

nav#gnavi a.nolink {pointer-events: none;}
/*----------------------------------------------------------------------------
04：main
----------------------------------------------------------------------------*/
div#main {clear:both;padding:120px 0 0px;}

/*----------------------------------------------------------------------------
05：footer
----------------------------------------------------------------------------*/
footer{;width:100%;margin-top:30px;}
p#footer_title {font-size:1.3em;text-align: center;font-weight:bold;margin-bottom:20px;padding-top:10px;}
div#footer_upper {background-color:#1c2957;color:white;}
div#footer_upper div.inner {background:url(../images/common/footer_bg.jpg)no-repeat top center;display:block;height:160px;}

div#footer_under {background-color:#666;height:100px;width:100%;min-width: 1048px;padding-top:10px;}
div#footer_under address {text-align: center;color:white;line-height:48px;margin-bottom:0px;display: block;width:100%;clear: both;}

/*footer_menu*/
div#footer_upper ul#footer_menu {float:left;left:50%;position:relative;}
div#footer_upper ul#footer_menu li {float:left;left:-50%;position:relative;background:url(../images/common/footer_listmark.png)no-repeat left center;padding-left:20px;margin-right:20px;}
div#footer_upper ul#footer_menu li a {color:#fff;text-decoration: none;}

/*contact*/
div#footer_upper ul#contact {float:left;left:50%;position:relative;}
div#footer_upper ul#contact li {float:left;left:-50%;position:relative;padding-left:24px;margin-right:20px;white-space:nowrap;display:block;line-height:20px;}
div#footer_upper ul li#tel {background:url(../images/common/tel_icon.png)no-repeat left center;}
div#footer_upper ul li#fax {background:url(../images/common/fax_icon.png)no-repeat left center;}
div#footer_upper ul li#mail {background:url(../images/common/mail_icon.png)no-repeat left center;}
div#footer_upper ul li a {color:white;text-decoration: none;}

/*----------------------------------------------------------------------------
06：top
----------------------------------------------------------------------------*/

body#index p.top_title {border-bottom:1px solid #666;margin-top:20px;}

/*partner logo*/
body#index div.logo_box,body#index div.logo_box_concurrent {display:table;table-layout:fixed;width:100%;}
body#index div.logo_box div {display:table-cell;height:70px;text-align:center;vertical-align:middle;}
body#index div.logo_box_concurrent div {display:table-cell;height:50px;text-align:center;vertical-align:middle;}


/*media partner*/
div.slider_media {display:table;table-layout:fixed;margin-top:10px;}
div.slider_media div.pager{width:200px;display:table-cell;vertical-align:middle;height:70px;}
div.pager {margin-top:0px;}/*bootstrapの打ち消し*/

/*top_slide*/
div.bx-wrapper {padding:0;box-shadow:none;border:none;}
.pager {padding-left: 0;  margin: 0;  list-style: none;  text-align: none;}/*bootstrap打ち消し*/
div#slide_box .bx-wrapper .bx-controls-direction a {top:180px!important;}
div#slide_box {position: relative;margin-bottom:20px;}


/*exhibitor_slider*/
div#exhibitor_slider {display:table;table-layout:fixed;margin-top:10px;}
div#exhibitor_slider div.pager{width:206px;display:table-cell;vertical-align:middle;height:70px;}
div.pager {margin-top:0px;}/*bootstrapの打ち消し*/
div#exhibitor_slider div {text-align:center;}
div#exhibitor_slider p.booth {width:170px;padding-top:10px;text-align: right;}
div#exhibitor_slider p.exhibitor_title {width:170px;margin-top:5px;}



/*seminar_slider*/

div#slider3 .bx-wrapper .bx-controls-direction a {top:10px!important;}


table.top_slide_table1 td {
width:20%;
vertical-align:text-top;
}

table.top_slide_table1 th,
table.top_slide_table2 th,
table.top_slide_table3 th,
table.top_slide_table4 th,
table.top_slide_table5 th,
table.top_slide_table6 th {
white-space:normal;
vertical-align:text-top;
}
div.top_slide_title{
background-color:#004471;
color:white;
font-weight:bold;
font-size:140%;
padding:10px;
height:120px;
}

body.body_en div.top_slide_title {height:150px;}
p.top_slide_session {height:50px;}
div.top_slide_title p {
text-align: center;

}

th.top_seminar_title {height:3em;}

body.body_en th.top_seminar_title {height:8em;}

td.top_seminar_name {height:8em;}

body.body_en td.top_seminar_name {height:180px;}


p.top_slide_title a, p.top_slide_title_2line a{
color:white;
}

p.top_slide_name {
font-size:90%;
	margin-bottom:0px;
}

table.top_slide_table5 td {
width:20%;
vertical-align:text-top;

}

table.top_slide_table3 td {
width:33.3%;
vertical-align:text-top;

}


table.top_slide_table4 td {
width:25%;
vertical-align:text-top;

}
table.top_slide_table6 td {
width:16.6%;
vertical-align:text-top;

}


td.top_maintheater {
background-color:#005293;
text-align:center;
font-weight:bold;
color:white;
background-image:none;
vertical-align:middle;

}

td.top_robotics {
background-color:#6C1868;
text-align:center;
font-weight:bold;
color:white;
background-image:none;
vertical-align:middle;

}

td.slide_face {
height:120px;
text-align: center;
}

td.slide_face p {
margin-bottom:0px;
}


td.slide_face p img {
margin:0 auto;
width:100px;
}


/*nano Insight Japan*/

div.nij-left {
float:left;
width:200px;
}

div.nij-right {
float:right;
width:800px;
}

div#insight_box div.nij-left {
float:left;
width:200px;
}

div#insight_box div.nij-right {
float:right;
width:770px;
}
div#insight_box {
border:1px solid #ccc;
overflow-y:scroll;
padding:10px;
height:400px;
}
span.more {
	color:#004471;
	font-weight:bold;
}

p.insight_top_text {
	margin-top:5px;
font-size:90%;
line-height:120%;
}

td#theday_bg {
background-color:#BBE1ED;
width:400px;
padding:0 30px;
}
td#theday_left {
padding-right:20px;
}

td#theday_bg p.title {
font-size:140%;
font-weight:bold;
text-align:center;
margin-top:10px;
color:#004471;
}



/*----------------------------------------------------------------------------
06：exhibitor
----------------------------------------------------------------------------*/
span.blue_number {background-color:#395ca2;padding:3px 5px;margin-right:5px;color:white;}





/*----------------------------------------------------------------------------
06：download
----------------------------------------------------------------------------*/
p.download {
	background:url(../images/download/dl_button.gif) no-repeat left;
	padding-left:25px;
	margin-left:30px;
	margin-bottom:10px;
}

/*----------------------------------------------------------------------------
06：sitemap
----------------------------------------------------------------------------*/

ul.sitemap {
margin: 0 0 0 10px;
}

ul.sitemap li {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
list-style-type: none;
font-size: 100%;
background:url(../images/common/arrow02.gif) no-repeat left 0.5em;

}

ul.sitemap li ul {
padding: 15px 0 0 10px;
background-repeat: no-repeat;
background-position: left bottom;
}

ul.sitemap li ul li {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
font-size: 100%;
background-repeat: no-repeat;
background-position: 0 10px;
background:url(../images/common/arrow03.gif) no-repeat left center;

}

ul.sitemap li ul li.last {
background-image: none;
}

/*----------------------------------------------------------------------------
07：For Visitors
----------------------------------------------------------------------------*/
.bizmatch dl {
	border: none;
}
.bizmatch dd, .bizmatch dt{
margin: 0;
padding: 0;
clear:none;
float:none;
width:100%;
	font-size:120%;
}
/*red*/
.bizmatch dl.red {
  background:url("../images/for_visitors/bizmatch_img01.png") center top no-repeat;
}

.bizmatch dl {
  float:left;
  margin:2% 1%;
  padding-top:45px;
  text-align:center;
  width:31.33%;	
}

.red {
  color:#FF0000;
}
dl.red dt {
  color:#E7373C;
}
.bizmatch dl dt {
  border-bottom:none;
  border-image:initial;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  border-top:2px solid #000000;
  padding:1rem 1rem 0.5rem;
}
.bizmatch dl.red dt, .bizmatch dl.red dd {
  background:#FBE3D5;
  border-color:#E7373C;
}



/*blue*/
.bizmatch dl.blue {
  background:url("../images/for_visitors/bizmatch_img02.png") center top no-repeat;
}
visitors .bizmatch dl {
  float:left;
  margin:2% 1%;
  padding-top:45px;
  text-align:center;
  width:31.33%;
}
.blue {
  color:#414994;
}
.bizmatch dl.blue dt {
  color:#006FA4;
}

.bizmatch dl.blue dt, .bizmatch dl.blue dd {
  background:#D2ECFA;
  border-color:#006FA4;
}

/*yellow*/
.bizmatch dl.yellow {
  background:url("../images/for_visitors/bizmatch_img03.png") center top no-repeat;
}
.visitors .bizmatch dl {
  float:left;
  margin:2% 1%;
  padding-top:45px;
  text-align:center;
  width:31.33%;
}

.bizmatch dl.yellow dt {
  color:#F29600;
}

.bizmatch dl.yellow dt, .bizmatch dl.yellow dd {
  background:#FFFBDA;
  border-color:#F29600;
}

.bizmatch dl dd {
  border-bottom:2px solid #000000;
  border-image:initial;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  border-top:none;
  color:#000000;
  padding:1rem;
}
.visitors .bizmatch dl.yellow dt, .visitors .bizmatch dl.yellow dd {
  background:#FFFBDA;
  border-color:#F29600;
}

.bizmatch .lead {
  color:#395CA3;
  font-size:18px;
  font-weight:bold;
  margin:0;
  text-align:center;
}

.bizmatch .title {
  background:linear-gradient(to right, #1D2087 0%, #5084C4 50%, #1D2087 100%);
  color:#FFFFFF;
  font-size:24px;
  font-weight:bold;
  margin:0 0 0.75rem;
  text-align:center;
  text-shadow:#000000 0 0 5px;
	line-height:2;
}
.indent {
  display:inline-block;
  padding-left:1.4em;
  text-indent:-1.4em;
}

.bizmatch .lead span {
  font-size:28px;
}

.w60 {width:60px;}
span.translate_span {
color:white;
text-align:center;
font-weight:bold;
background-color:#CC006A;
padding:3px;
	font-size:80%;
float:right;
}

/*press*/
p#press_title {
line-height:30px;
	font-size:20px;
	background-image:url(../images/press/press_icon.png);
	background-repeat:no-repeat;
	background-color:#ddd;
	padding-left:40px;

}

div#press_btn_group {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width:100%;
	margin:20px 0;
}
div#press_btn_group div.press_btn {
	background: url("../images/press/press_btn_bg.jpg");
	width:240px;
	height:190px;
	display: flex;
	color:white;
	justify-content: center;
	align-items: center;
	padding:10px;}

div#press_btn_group div.press_btn div.press_btn_left {padding-right:10px;font-size:35px;}
div#press_btn_group div.press_btn div.press_btn_right {display: flex;justify-content: center;flex-direction: column;align-items: center;font-size:20px;font-weight: bold;}
div#press_btn_group div.press_btn div.press_btn_right p {text-align: center;}
div#press_btn_group div.press_btn div.press_btn_right p:last-of-type {margin-bottom:0;}


div#press_btn_group a {text-decoration: none!important;}
div#press_btn_group a:hover {opacity: 0.7;}

div.chu p {
	margin-left:1em;
	text-indent:-1em;
}



p.thanks_message {
background-color:#005293;
color:white;
font-weight:bold;
text-align:center;
width:100%;
height:40px;
line-height:40px;
font-size:30px;
	margin-bottom:0px;
}

p.next_message {
background-color:#CC0920;
color:white;
font-weight:bold;
text-align:center;
width:100%;
line-height:50px;
font-size:30px;
}

table.visitor_number{background-color: white;}

table.visitor_number td {
text-align: center;
	padding:3px;
}

table.visitor_number th {
	padding:3px;
}


/*2019追加*/

/*---------------------トップページ青色アイコンボタン*/
div.bluebutton_outer{
display: flex;
justify-content: center;
align-items: center;
background-color: #395ca2;
}

div.bluebutton_outer:hover{
background-color: #6782B2;
text-decoration: none;
}

div.bluebutton_inner a{
width:508px;
height:300px;
}

div.bluebutton_inner {
color:white;font-weight:bold;font-size:1.8em;text-decoration: none;line-height:55px;
}
div.bluebutton_inner i {
padding-right:10px;
font-size:3.5rem;
line-height:55px;
}

div#top_inquiry {width: 508px;height:55px;background-color: #CC0920;}
div#top_inquiry:hover {background-color:#D53E32;}
div#top_report,div#top_2018floorlayout,div#top_seminar,div#top_floorlayout {width: 508px;height: 55px;}
div#top_search {width:508px;height:55px;}

/*-------------------------pagetop*/
#pageTop {
  position: fixed;
  bottom: 220px;
  right: 20px;
 }

#pageTop i {padding-top: 6px}
 
#pageTop a {
  display: block;
  z-index: 999;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  padding:5px;
  line-height:1.2em;
  font-size:0.9em;
  background-color: #666;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}


#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*アンカーリンクのずれ解消*/
#seminar2019 {
  margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px; /* 打ち消し用のパディング */
}

/*googleカスタム検索*/
div#gcse {
width:300px;
height:34px;
float:left;
padding-right:10px;
background-color:#666;

}
div.gsc-control-cse {
padding:0;
background-color:#666;
border:none;
}
form.gsc-search-box,form.gsc-search-box-tools {
padding:0px;
margin:0px;
}
button.gsc-search-button {
padding:8px 20px 0px;
height:29px;
}
table.gsc-search-box,form.gsc-search-box {
margin-bottom:0px!important;
}
td.gsc-input {
padding-right:5px!important;

}

li#chinano_slide {
background:url(../images/top/slide/slide_chinano_bg.jpg) no-repeat;
display:block;
width:1048px;
height:360px;
position:relative;
}
li#chinano_slide p {
position:absolute;
top:273px;
left:200px;
width:800px;
}
li#chinano_slide p a {
float:left;
margin-right:20px;
}

p.nij-new {
font-size:120%;
text-align:center;
background-color:red;
color:white;
font-weight:bold;
margin-bottom:10px;
padding:3px;
width:4em;

}
/*2020追加*/
h4.zone_title {background-color:#395ca2;color:white;font-size:18px;line-height:24px;padding:5px;}
li span.header_nolink {color:#999;}
divnav#gnavi li.nolink_2line {
line-height:20px;color:#ccc;margin-top:10px;
background: url(../images/common/slash.gif)no-repeat 10px center;
}
div.flex-box {display:flex;width:100%;justify-content: space-between;}


/*出展案内ページセミナー部分　URL直接入力でアンカー位置表示=========================*/
div.anchorlink {
/*margin-top:-260px;
  padding-top:260px;*/
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {/*chromeのみ適用*/
div.anchorlink {position: relative;top: -120px;display: block;}
}

/* Edge */
@supports (-ms-ime-align: auto) {
div.anchorlink {position: relative;top: -120px;display: block;}
}
/* Firefox */
@-moz-document url-prefix() {
div.anchorlink {position: relative;top: -120px;display: block;}
}

div.full_btn a{width:350px;display:block;background-color:#395ca2;color:white;padding:10px;text-align:center;text-decoration:none;border-radius:5px;margin:0 auto;font-size:16px;font-weight:bold;}
div.full_btn a:hover{opacity:0.7;}


div.full_btn2 a{width:100%;display:block;background-color:#395ca2;color:white;padding:15px;text-align:center;text-decoration:none;border-radius:5px;margin:0 auto;font-size:20px;font-weight:bold;}
div.full_btn2 a:hover{opacity:0.7;}

.key_blue {color:#395ca2;}


div.flex-box p.seminar_title {color:#395ca2;font-weight:bold;font-size:130%;width:370px;}


/*zoneポップアップ*/
div.zone_popup {
width:600px;
background-color:#fff;
padding:20px;
}
div.zone_popup h3 {height:40px;line-height: 40px;padding:0 10px;}

div#zone_innovation {border:5px #008F7B solid;background-color:#DCEFE8;}
div#zone_innovation h3 {color:#fff;background-color:#008F7B;border:none;}

div#zone_material {border:5px #73B532 solid;background-color:#EFF5DD;}
div#zone_material h3 {color:#fff;background-color:#73B532;border:none;}

div#zone_academia {border:5px #E37723 solid;background-color:#FEEDD5;}
div#zone_academia h3 {color:#fff;background-color:#E37723;border:none;}

div#zone_cellulose,div#zone_nanocarbon {border:5px #395ca2 solid;background-color:#DBF0F5;}
div#zone_cellulose h3,div#zone_nanocarbon h3 {color:#fff;background-color:#395ca2;border:none;}


area {
  cursor: pointer;
  display: block;
}

.slider_media li {
  position: relative;
  height: 100px;
}
.slider_media img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 1px;
display: block;
margin: auto;
}

span.award_new {
background-color:red;
color:white;
font-weight: bold;
padding:2px 5px;
margin-left:10px;
font-size:80%;
}

img.award_photo {float:right;width:300px;margin-left:20px;}


/*online*/
table th.th_orange {background-color:#395ca2;color:white;}
table th.th_gray {background-color:#666;color:white;}
table td.td_booth {background-color:#9AB0CE;text-align: center;}
table td.td_online {background-color:#BBE1ED;text-align: center;}
table td.td_booth p,table td.td_online p {text-align: center;}
table th.th_orange.alignLeft {text-align: left;}
table.online_table p {margin-bottom:0px;}
span.month {font-size:130%;font-weight:bold;}
h4.h4_online{font-size:100%;font-weight: bold;border-bottom:1px solid #ccc;}
div.container h3.h3_orange {background-color:#F27732;color:white;font-weight:bold;font-size:140%;padding:5px;}

div.online_service_block {background-color: #BBE1ED;padding:5px;border-radius: 5px;margin-bottom:20px;}
p.online_service_title{color:#395ca2;font-weight:bold;font-size:140%;}


/*press*/
div.qr {
    height: 120px;
background: -moz-linear-gradient(left,  #5DBCB1 0%, #AFD9D0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5DBCB1 0%,#AFD9D0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5DBCB1 0%,#AFD9D0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5DBCB1', endColorstr='#AFD9D0',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
	font-weight:bold;
	display: flex;align-items: center;justify-content: center;
	position: relative;
}
.qr img {
	position: absolute;
	right:20px;
	top:10px;
    width: 100px;
}

.qr p {
    color: #000;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
	max-width: 700px;
}

.howto {
    margin: 1rem 0;
    border: 1px solid #4653a2;
}
.howto dl {
    display: flex;
    margin-bottom: 0;
}
.howto dl dt {
    color: #fff;
    padding: 0.5rem;
    background: #4653a2;
	font-size:150%;
	white-space: normal;
	display: block;
	width:300px;
}
.howto dl dd {
    margin: 0;
    padding: 1rem;
}
.howto dl dd ul {
    list-style: none;
    padding: 0;
}
.howto dl dd ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
.howto dl dd ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 0.5rem;
    background: #000;
    border-radius: 50%;
}
ul.num {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}
ul.num li {
    text-indent: -1.35em;
    margin-left: 1.35em;
    padding-bottom: 1rem;
}
ul.contact li span {
    font-size: 1.9rem;
}

div#online_seminar_box{
	display:flex;
		justify-content:space-between;
}
div#online_seminar_box a{
	text-decoration: none;
}
div#online_seminar_box a:hover {opacity: 0.7;}
div#online_seminar_box div {
	height: 100%;
	display: block;
}

div#online_seminar_box div {
	background-color:#DBF0F5;
	padding:10px;
	flex: 1;
	width:500px;
}
div#online_seminar_box a p.speaker {color:black;}
p span.large {font-size:140%;font-weight: bold;}


th span.release_span {
	font-weight:bold;
	color:white;
	background-color:#DF5D2A;
	padding:2px;
	border-radius: 2px;
}

/*overseas pavilion*/

h3.h3_korea {
	background-color:#a0e2f4;
}
h3.h3_canada {
	background-color:#E1795F;
}
h3.h3_netherlands {
	background-color:#F5BC43;
}

h3.h3_EU {
	background-color:#7FA5CB;
}

div#slide_covid {display:block;width:1032px;height:354.5px;background:url("../images/top/slide/slide_covid_bg.jpg")no-repeat;position:relative;}
div#covid-btn1 a,div#covid-btn2 a {background-color:#00498c;display:block;width:400px;height:60px;line-height:60px;color:white;text-align:center;text-decoration:none;font-size:24px;font-weight: bold;}
div#covid-btn1{position:absolute;bottom:20px;left:50px;}
div#covid-btn2{position:absolute;bottom:20px;right:50px;}

div.visitor_flow {display:flex;justify-content: space-between;flex-wrap: wrap;width:100%;}
div.visitor_flow div {width:190px;}

div#top_image_bg {background:url("../images/top/bg.png")no-repeat center;background-size:cover;
	display:block;height:380px;}
div#top_image_bg div.inner {padding-top:20px;}
div#top_image_left {float:left;height: 380px;}
div#top_image_right {float:right;padding-top:10px;}


p.top_date {
	margin-top:30px;
	color:white;
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
text-shadow: 0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2;}
p.top_date span.top_date_year {font-size:30px;}
p.top_date span.top_date_day {font-size:80px;}
p.top_date span.top_date_day_online {font-size:60px;}
p.top_date span.top_date_week {font-size:30px;}
p.top_date span.top_date_time {font-size:30px;}
p.venue {
	font-size:25px;
	margin-top:15px;
	font-weight: bold;
	color:white;
	text-shadow: 0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2;
}

div#online_top_box{border:2px solid yellow;padding:10px;}
p.venue span {font-size:30px;}
p.venue span.txt1 {font-size:25px;color:yellow;text-shadow: 0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2,0px 0px 7px #395ca2;}
div#top_image_left {width:50%;padding:10px 40px 0px 0;}
div.top_image_btn {background:rgba(57,92,162,0.9);color:white;font-weight: bold;padding:10px;font-size:25px;border:1px solid #ccc;display:block;text-align:center;height:auto;align-items: center;display: flex;justify-content: center;margin-bottom:10px;}
div.top_image_btn:hover{opacity:0.7;}


#announce {
	margin-top:10px;
	margin-bottom:0px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 3px;
    background: #666;
    text-decoration: none;
	
}

.announce_dl {max-height:400px;margin-bottom:0;overflow-y: scroll;}

.announce_dl dt,.announce_dl dd {
font-size:13px;
line-height:100%;
padding:5px;
}
.announce_dl dt {
white-space: nowrap;
text-align: center;
width:90px;
font-weight: bold;
}
.announce_dl dd {
}

.announce {
    border: 5px solid #FDF40D;
	width:1030px;
    clear: both;
    margin:10px auto;
}

.announce a {
    display: block;
    text-decoration: none;
    padding: 1rem;
    background: #fff;
    border: 2px solid #FDF40D;
}

.announce a:hover {
opacity: 0.7;
	background-color:#eee;
}

.announce_title {
    font-size: 26px;
	font-weight: bold;
    text-align: center;
    margin-bottom: 10px;;
	color:#073673;
}


/*--=============================*/
.accordion {

}
.toggle {
display: none;
}
.option {
position: relative;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
display: block;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 0.5em;
width: 4px;
height: 1em;
background-color: #fff;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 1000px;
transition: all 1.5s;
display: block;
position: relative;
z-index: 9999;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

/*------------------------------------*/

div#top_image_right {width:50%;position: relative;}

div#real_end {background-color: rgba( 0, 0, 0, 0.6 );position: absolute;top:150px;left:0;width:100%;height:70px;transform: skewY(-5deg); transform-origin: center;}
div#real_end p{color:yellow;font-weight: bold;font-size: 24px;text-align: center;line-height: 70px;}


div.seminar-info {
	float:left;
	display: block;
	width:47%;
}


table.nanofair td {text-align: center;white-space: nowrap;}

div.press-photo {display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;}
div.press-photo img {width: calc(33% - 10px);margin-bottom: 20px;}
p.press-catch{color:#395ca2;text-align: center;font-weight: bold;font-size: 24px;line-height: 28px;}

span.logo-new {background-color: red;color:white;text-align: center;font-size: 11px;padding:0 2px;}

/*主催者企画特別展示 WOVN対応*/
p.special_title {
	width:300px;margin:0 auto;background-color: #cc0920;display: block;line-height:40px;height:40px;color:white;font-weight: bold;text-align: center;font-size: 24px;margin-top:20px;
}
a.special_btn,a.feature_btn{
	display: flex;
	height: 170px;
	text-decoration: none;
	color:white;
	text-align: center;
	font-weight:bold;
	padding:70px 5px 0;
	line-height: 24px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
a.special_btn {	width:156px;	font-size: 14px;line-height: 17px;
}
a.feature_btn {	width:190px;	font-size: 17px;
}

a.special_btn img {position:absolute;top:20px;}
a.special_btn:hover{opacity:0.7;}

a.special_btn_quantam {background:url("../images/top/special_quantam_bg.jpg")center;}
a.special_btn_dx {background:url("../images/top/special_dx_bg.jpg")center;}
a.special_btn_nanocarbon {background:url("../images/top/special_nanocarbon_bg.jpg")center;}
a.special_btn_nanocellulose {background:url("../images/top/special_nanocellulose_bg.jpg")center;}
a.special_btn_startup {background:url("../images/top/special_startup_bg.jpg")center;}
a.special_btn_dispersion {background:url("../images/top/special_dispersion_bg.jpg")center;}



/*特集 WOVN対応*/
p.feature_title {
	width:300px;margin:0 auto;background-color: #395ca2;display: block;line-height:40px;height:40px;color:white;font-weight: bold;text-align: center;font-size: 24px;margin-top:20px;
}

a.feature_btn img {position:absolute;top:20px;}
a.feature_btn:hover{opacity:0.7;}

a.feature_btn_nij {background:url("../images/top/feature_nij_bg.jpg")center;}
a.feature_btn_nij img {width:190px;}
a.feature_btn_academia {background:url("../images/top/feature_academia_bg.jpg")center;}
a.feature_btn_decarbonization {background:url("../images/top/feature_decarbonization_bg.jpg")center;}
a.feature_btn_battery {background:url("../images/top/feature_battery_bg.jpg")center;}
a.feature_btn_SDGs {background:url("../images/top/feature_SDGs_bg.jpg")center;}


/*出展案内ページ WOVN対応*/
a.exhibitor_btn {
	background-color:#395ca2;
	display: flex;
	width:100%;
	height: 150px;
	text-decoration: none;
	color:white;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	padding:10px;
	line-height: 24px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

a.exhibitor_btn:hover {opacity:0.7;}
a.exhibitor_btn i {
	font-size:50px;
	margin-bottom:10px;
}
div.inquiry_btn {
	background-color:#D8232A;
	display: flex;
	padding:10px;
}
div.inquiry_btn:hover {opacity: 0.7;}

div.inquiry_btn .inquiry_left {
	width:100%;
	color:white;
	font-size:24px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
div.inquiry_left i {
	font-size:30px;
	padding-right:10px;
}
div.inquiry_btn .inquiry_right {
	width:100%;
	color:#395ca2;
	font-size:24px;
	font-weight: bold;
	background-color:white;
	margin:10px 0;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
a:has(>div.inquiry_btn) {text-decoration:none;}

a.jump_point {
height: 1px;
display: block;
padding-top: 120px;
margin-top: -120px;
}

/*シンポジウムボタンWOVN対応*/
div#special_symposium_title {display: block;width:1050px;height:140px;position: relative;margin-top:30px;}
div#special_symposium_title a {
    position: absolute;
	background-color: rgba( 255, 255, 255, 0.2 );
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	text-decoration: none;
	padding:10px 20px;
}
div#special_symposium_title a:hover {opacity: 0.7;background-color: rgba( 255, 255, 255, 0.15 )}
div#special_symposium_title #txt1,div#special_symposium_title #txt2 {color: yellow;}
div#special_symposium_title #txt1 {font-size:30px;font-weight: bold;margin-bottom:30px;margin-top:20px;}
div#special_symposium_title #txt2 {font-size:40px;font-weight: bold;}
div#special_symposium_title #txt3 {font-size:25px;font-weight: bold;position:absolute;right:20px;top:45px;background-color: white;height:50px;line-height: 50px;padding:0px 5px;}

/*WOVN対応*/
.japanese_only {display:block;}
.english_only {display:none;}


/*nanoinsight*/
div#nanoinsight {background:url("../images/nanoinsight/insight_title_1048_nontext.jpg")no-repeat;width:100%;height:80px;display: block;position: relative;}
div#nanoinsight p{font-size: 20px;font-weight: bold;color: white;position: absolute;right: 20px;bottom:20px;}