.btn { position:relative; color:#fff; font-size:4vw; line-height:1.5; text-align:center; text-decoration:none; display:block; width:30%; border-radius:3px; background-color:#1d2088; box-shadow:2px 2px 2px #666; box-sizing:border-box; margin:1em auto 0; padding:0.5em; transition:all 0.3s; }
.matchinBtnEnd { background-color:#aaa; pointer-events:none; color:#000; }
@media (max-width:999px) { .btn { width:75%; } }

#mordal_open { cursor:pointer; }
.enBtn a.btn:hover { background-color:#ff6666; }
a.btn:hover,
#mordal_open:hover { background-color:#6164dd; }
.noBtn,
div.btn { background-color:#848484; box-shadow:none; color:rgba(255, 255, 255, 0.5); }
div.btn .caution { color:#ffff00; }
.btn i { margin-right:0.5em; }
.btn .external { position:absolute; bottom:0.25em; right:0.25em; margin:auto; font-size:18px; }
.btn span { font-size:75%; display:block; }
.noBtn .endTxt,
p.btn .endTxt { position:absolute; top:-50%; bottom:-50%; left:0; right:0; font-size:75%; color:#ff2700; line-height:1; text-shadow:0 1px 0 #fff, 0 -1px #fff, 1px 0 0 #fff, -1px 0 0 #fff; font-weight:bold; display:block; width:100%; height:1em; background:none; margin:auto; padding:0; }
.caution { color:#ff0000; }

@media screen and (min-width:1000px) { .btn { font-size:20px; } }

/* header */
#headerVenueWrap { display:flex; align-items:center; margin-bottom:0.5em; }
#headerVenueWrap div:nth-child(2) { margin-left:4em; }
#headerVenueWrap div p:nth-child(1) { font-weight:bold; color:#fff; background-color:#1d2088; padding:0.125em 0.5em; width:3.5em; text-align:center; }
#headerVenueWrap div:nth-child(2) p:nth-child(1) { width:6em; }
@media (max-width:999px) { #headerVenueWrap { display:block; } #headerVenueWrap div:nth-child(2) { margin-top:0.5em; margin-left:0; }
}

/* header */
header .english_btn { display:block; position:relative; border-radius:3px; line-height:1.8em; text-align:center; text-decoration:none; /* background-color:#EEE; */ background-color:hsl(221, 45%, 70%); /* background-color:gray; */ width:13em; transition:all 0.3s; color:#fff; }
header .english_btn:hover { background-color:#1d2088; }
@media print, screen and (max-width:999px) { .headerBtnCol { display:flex; } .english_btn { margin:0 10px 10px 0; } .press_btn { height:30px; } .app_btn { margin-bottom:0 !important; } }

header .app_btn { border-radius:3px; /* color:#111; */ text-align:center; display:block; text-decoration:none; background-color:hsla(0, 85%, 55%, 1); color:white; padding:0.3em; width:11em; margin:0 auto; font-size:1.25em; transition:all 0.3s; /* pointer-events:none; */ }
header .app_btn i { margin-left:10px; }
header .app_btn span { display:block; font-size:0.6em; line-height:1.2em; }
header .app_btn:hover { background-color:#1d2088; }
/*2019/02/21 大澤追記*/
.headerDetail { font-size:0.8em; }
/*2019/02/21 大澤追記*/
.headerDetail p { line-height:1.25em; }
/*2019/02/21 大澤追記*/
@media print, screen and (max-width:999px)
{
	.headerDetail { margin-bottom:10em; }
	nav { background-color:#ddd; z-index:1001; }
	header h1 img { width:50%; }
}

@media screen and (min-width:1000px)
{
	header .english_btn { position:absolute; top:5px; right:0px; width:13.75em; }
	header .app_btn { position:absolute; bottom:0px; right:10px; }
	header .press_btn { position:absolute; height:40px; top:62.5px; right:10px; }
	.pressEndTxt,
	.preEndTxt { position:absolute; height:40px; color:#ff2700; position:absolute; text-shadow:0 1px 0 #fff, 0 -1px #fff, 1px 0 0 #fff, -1px 0 0 #fff; font-weight:bold; }
	.pressEndTxt { top:68px; right:17px; }
	.preEndTxt { top:130px; right:80px; }
	header h1 img { /* width:50%; */ margin-bottom:5px; }
}

@media screen and (max-width:999px)
{
	.pressEndTxt,
	.preEndTxt { position:absolute; height:40px; color:#ff2700; position:absolute; text-shadow:0 1px 0 #fff, 0 -1px #fff, 1px 0 0 #fff, -1px 0 0 #fff; font-weight:bold; }
	.pressEndTxt { font-size:13.5px; top:25px; left:195px; }
	.preEndTxt { position:absolute; font-size:1.25em; top:82%; left:33%; }
}
@media screen and (max-width:749px) { .preEndTxt { top:84%; } }
@media screen and (max-width:499px) { .preEndTxt { top:86%; } }

/* nav */
nav i { margin-left:10px; }
nav ul { list-style-type:none; line-height:1.8em; }
.main_menu { position:relative; transition:all 0.5s; }
.gray_menu { position:relative; padding:5px 20px; line-height:1.5em; transition:all 0.5s; }
.main_menu a { box-sizing:border-box; color:#333; text-decoration:none; }
.main_menu span,
.gray_menu span { display:block; padding:5px 10px; line-height:1.5em; color:#aaa; }
.sub_menu { width:100%; height:0; padding:0; background-color:white; transition:all 0.5s; }
.sub_menu li { height:0; margin:0; padding:0 10px; background-color:#eee; transition:all 0.5s; }
.sub_menu li a { display:block; width:100%; color:transparent; text-decoration:none; transition:all 0.5s; }
.sub_menu li:hover { background-color:#ddd; }
#nav_menu .current_menu { background-color:#555; }
#nav_menu .current_menu .top_menu { color:white; }
@media screen and (min-width:1000px)
{
	nav ul li img										{ /* width:280px; */ height:30px; }
	.main_menu											{ position:relative; transition:all 0.3s; }
	.main_menu a										{ color:#fff; transition:0.3s; }
	.sub_menu											{ width:425px; height:0; position:absolute; top:40px; left:0; padding:0; background-color:white; transition:all 0.3s; }
	.exSubMenu											{ width:375px; }
	.main_menu:last-child .sub_menu 					{ width:200px; }
	.sub_menu li										{ height:0; margin:0; padding:0 20px; line-height:1.5em; background-color:#eee; transition:all 0.3s; }
	.sub_menu li a										{ display:block; width:100%; color:transparent; text-decoration:none; transition:all 0.3s; }
	.main_menu:hover a									{ color:#fff; transition:0.3s; }
	.main_menu:hover > .sub_menu						{ height:auto; }
	.main_menu:hover > .sub_menu li						{ padding:15px 20px; height:50px; }
	.main_menu:hover > .sub_menu li:not(:last-child)	{ border-bottom:1px solid #555; }
	.main_menu:hover > .sub_menu li a					{ color:black; }
	.sub_menu li:hover									{ background-color:#ddd; }
	#nav_menu .current_menu								{ background-color:#555; }
	#nav_menu .current_menu .top_menu					{ color:white; }
	.visitorsPromotion									{ font-size:14px; }
}

/* sns_buttons */
#sns_buttons a { display:block; font-size:50px; padding:15px; width:50px; height:50px; vertical-align:middle; text-align:center; border-radius:10px; color:white; margin-bottom:5px; box-shadow:0 0 10px #ddd; transition:all 0.3s; }
#share_facebook { background-color:#3b5998; }
#share_twitter { background-color:#55acee; }
#sns_buttons a:hover { background-color:white; }
#share_facebook:hover { color:#3b5998; }
#share_twitter:hover { color:#55acee; }

/* related_websites */
#related_websites a,
#collaborative_business a { display:inline-block; width:165px; margin:0.25em; box-sizing:border-box; vertical-align:middle; transition:all 0.3s; }
#related_websites a img { width:100%; }
#related_websites a:hover { transform:scale(1.1); }

/* other_events */
/*
#other_events a { display:block; width:165px; box-sizing:border-box; border:1px solid #ddd; border-radius:3px; margin:0 1em 1em 0; transition:all 0.3s; }
#other_events a img,
#related_websites a img,
#collaborative_business a img { display:block; width:auto; max-width:100%; max-height:100%; margin:auto; }
#other_events a:hover { transform:scale(1.1); }
.otherEventWrap { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.otherEvent01,
.otherEvent02 { visibility:hidden; width:302px; height:204.17px; }
*/

@media screen and (max-width:925px) { .otherEvent02 { display:none; } }
@media screen and (max-width:623px) { .otherEvent01 { display:none; } }
@media screen and (min-width:1000px) { /*#other_events a { width:165px; } #other_events a:nth-last-of-type(even) { margin-right:1em; }*/ }

/* services */
#services_contents { -moz-column-count:2; column-count:2; }
#services_contents a { display:block; color:#333; line-height:1.5em; text-decoration:none; transition:all 0.3s; }
#services_contents a:hover { color:#555; text-decoration:underline; }
@media screen and (min-width:1000px)
{
	#services_contents { -moz-column-count:3; column-count:3; }
	.gray_menu { position:relative; font-size:16px; padding:5px 20px; line-height:30px; transition:all 0.3s; }
	.gray_menu span { display:block; padding:5px 0; line-height:1.5em; color:#888; }
}


/* footer */
footer small { display:block; }
footer a { color:white; }
p.smallHeading { color:#467900; }
.english_btn span,
.app_btn span { color:#ffd800; display:block; line-height:1; font-size:80%; margin-bottom:0.5em; }
.press_btn { /* color:#ffffff; */ font-size:16px; height:40px; line-height:2.25em; text-align:center; text-decoration:none; /* position:relative; */ display:block; width:10em; /* background-color:hsl(221, 45%, 70%); */ box-shadow:none; border-radius:3px; box-sizing:border-box; padding:0; /* transition:all .3s; */ pointer-events:none; background-color:#666; color:rgba(255, 255, 255, 0.5); }
.press_btn:hover { background-color:hsl(0, 47%, 59%); }

@media screen and (min-width:1000px) { .enBtn { position:absolute; top:1.5em; right:0; } }

/* .enBtn { padding-bottom:1em; } */

.enBtn a { width:11em; /* font-size:100%; */ background-color:#ff0000; color:#fff; text-decoration:none; display:block; padding:0.5em 1.5em; border-radius:3px; /* font-weight:bold; */ text-align:center; transition:0.3s; box-shadow:2px 2px 2px #666; }
.enBtn a:nth-child(2) { background-color:#fff; border:2px solid #ff0000; color:#ff0000; margin:0.5em 0 0 0; width:13.75em; padding:0.125em 1.5em; font-size:1em; }
.enBtn a:nth-child(2):hover { /* border:2px solid #f3c623; */ background-color:#1d2088; color:#ffffff; }
.grayBtn { background-color:#555 !important; pointer-events:none; }
.regSystem { background-color:#f00; color:#fff; padding:0.125em; width:6em; text-align:center; border-radius:5px; }
#contact .troubleCol { display:block; box-sizing:border-box; border:2px solid #ff0000; border-radius:6px; margin:0.5em 0 0 0; padding:0.5em 1em 1em; }
#contact .troubleCol ul li { text-indent:-1em; list-style:none; margin:0.25em 0 0 1em; }
.contactWrap { margin-left:2.5em; margin-top:1em; }
.twIcon { width:35px; }

@media screen and (max-width:999px)
{
	#nav_menu .main_menu:nth-child(1) a { display:none; }
	.twIcon { width:52.5px; margin:0.2em 3px; }
	.contactWrap { width:60px; margin:0 auto; }
	.contactWrap img { width:60px; margin:1em auto 0.5em; }
}

/* 出展者ニュース */
#exhibitors_news { margin-bottom:0; }
#exhibitors_news #exbNewsBox { display:block; width:100%; height:auto; max-height:19rem; overflow-y:scroll; box-sizing:border-box; margin-bottom:1.5em; padding:0 1em 0.5em 0; }
#exhibitors_news #exbNewsBox article { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; flex-direction:row-reverse; width:100%; border-bottom:1px dotted #000; box-sizing:border-box; margin:1em 0 0; padding:0 0 0.5em 0; }
#exhibitors_news #exbNewsBox article:last-of-type { border:none; }
#exhibitors_news #exbNewsBox article a { text-decoration:none; color:#727271; position:relative; display:block; width:100%; box-sizing:border-box; padding:0; transition:all 0.3s; }
#exhibitors_news #exbNewsBox article a h1 { font-size:100%; line-height:1.5em; position:relative; padding:0; transition:all 0.5s; }
#exhibitors_news #exbNewsBox article a h1 i { margin:0 0 0 0.5em; }
#exhibitors_news #exbNewsBox article div { display:flex; margin:0.5em 0 0; }
#exhibitors_news #exbNewsBox article div > * { white-space:nowrap; font-weight:bold; }
#exhibitors_news #exbNewsBox article div .exbNum { color:#ffffff; display:block; background:#796baf; border-radius:4px; margin:0 1em 0 0; padding:0 0.5em; }

@media screen and (min-width:1000px)
{
	#exhibitors_news #exbNewsBox { max-height:23rem; }
	#exhibitors_news #exbNewsBox article { flex-wrap:nowrap; flex-direction:inherit; }
	#exhibitors_news #exbNewsBox article a { width:auto; }
	#exhibitors_news #exbNewsBox article div { margin:0 0 0 1em; }
}
