@charset "UTF-8";

* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }
body { 
	width: 100%; 
	height: 100%; 
	color: #444; 
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 100%; 
	line-height: 1.7; 
	-webkit-text-size-adjust: 100%; 
	color:#231816;
}
img { border: 0; max-width:100%; height:auto;vertical-align: top; -ms-interpolation-mode: bicubic; }
a { color: #05806c; outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
a:hover img { opacity: 0.8; }
.clearfix:after { content: ''; display: block; clear: both; }

div#wrapper { margin: 0 auto; width: 1200px; min-height: 100vh; border: solid 10px #05806c; border-width: 0 10px; }
div#wrapper .contents { padding:40px; min-height: calc(100vh - 50px); }

@media screen and (max-width : 767px) {
	div#wrapper { width: auto; border-width: 0 5px; }
	div#wrapper .contents { padding:16px; }

}

.flex-box{
	display:flex;
}
.flex-box.two-block > *{
	width:50%;
}
.flex-box.two-block > *:first-child{
	padding-right:1em;
}
.flex-box.two-block > *:last-child{
	padding-left:1em;
}

@media screen and (max-width : 767px) {
	.flex-box{
		flex-wrap:wrap;
	}
	.flex-box.two-block > *{
		width:100%;
		padding:0!important;
	}
}
/* --------------------------------------------------
	GLOBAL HEADER
-------------------------------------------------- */

header#globalHeader { text-align: center; }
header#globalHeader div.inner {}
header#globalHeader div.inner ul { display:flex; justify-content: space-between; background:#05806c;}
header#globalHeader div.inner ul li { padding: 40px 0;list-style:none; width: 100%; border-right:4px solid #FFFFFF}
header#globalHeader div.inner ul li:last-child { border:none;}
header#globalHeader div.inner ul li  a{ 
	color:#FFF;
	text-align:center; 
    display: inline-block;
    padding: 8px 8px 8px 56px;
}
header#globalHeader div.inner ul li.event  a{ background:url('/nouki/img/nouki/icon_event.png') no-repeat left center; }
header#globalHeader div.inner ul li.exhibitor  a{ background:url('/nouki/img/nouki/icon_human.png') no-repeat left center; }
header#globalHeader div.inner ul li.access a{ background:url('/nouki/img/nouki/icon_access.png') no-repeat left center; }


@media screen and (max-width : 767px) {
	header#globalHeader { padding: 20px 0; border-bottom: solid 5px #05806c; }
	header#globalHeader div.inner ul li  a{ 
		padding: 56px 8px 8px 8px;
	}
	header#globalHeader div.inner ul li.event  a{ background-position: top center; }
	header#globalHeader div.inner ul li.exhibitor  a{ background-position: top center; }
	header#globalHeader div.inner ul li.access a{ background-position: top center; }
}

/* --------------------------------------------------
	PATH
-------------------------------------------------- */

div#path { margin: 20px 40px; font-size: 90%; }
div#path strong { font-weight: 400; }

@media screen and (max-width : 767px) {
div#path { margin: 15px; }
}


/* --------------------------------------------------
	MAIN
-------------------------------------------------- */

main { display: block; }
main h1 { margin: 0 0 32px 0; padding: 24px 0; border-left: solid 5px #05806c; font-size: 150%; color:#FFF; }
article { padding: 0 40px; box-sizing: border-box; }
section { margin: 0 0 40px 0; }
section h2 { margin: 0 0 1em 0; font-size: 140%; position:relative; }
section h2 .more_link{ 
	background: #05806c;
	color: #FFF;
	padding: 2px 10px;
	font-size: 80%;
	position: absolute;
	right: 0;
	top: 0;
}
section p { margin: 0 0 1.5em 0; }

@media screen and (max-width : 767px) {
main h1 { margin: 0 15px 15px 15px; padding: 0 0 0 8px; border-left: solid 4px $6cbb5a; font-size: 130%; }
article { padding: 0 15px; width: auto; }
section { margin: 0 0 30px 0; }
section h2 { font-size: 120%; }
section img { max-width: 100%; height: auto; }
}

/* --------------------------------------------------
	GLOBAl FOOTER
-------------------------------------------------- */

footer#globalFooter { padding: 0 0 30px 0; font-size: 90%; text-align: center; }

@media screen and (max-width : 767px) {
footer#globalFooter { padding: 0 0 15px 0; }
}