@charset "utf-8";

/*~~*/
header {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

header #login {
	margin-bottom: 15px;
}

header .ofta {
	position: absolute;
}

header .logo img {
	max-width: 100%;
	width: 100%;
}

/*~~*/

header #news {
	width: 100%;
}

header #news .wrap {
	width: 100%;
	padding: 0;
}

header #news h1 {
	line-height: 100%;
	text-align: center;
}

header #news h2 {
	margin-top: 5px;
	line-height: 100%;
	text-align: center;
}

header #news .news-body {
	margin-top: 0px;
}

header #news .news-body ul.f-wrap {
	padding: 0;
	border: initial;
}

header #news .news-body ul .slick-track {
	display: flex;
}

header #news .news-body ul li.slick-slide {
	display: flex;
	justify-content: center;
	border: none;
	/**/
	height: auto;
	float: none;
}

header #news .news-body ul li.slick-slide .date {
	border-radius: 5px;
	background: #000;
	color: #fff;
}

header #news .news-body .slick-dots {
	bottom: -40px;
	display: flex;
	justify-content: center;
}

/*~~*/

header .dwnbtn {
	text-align: center;
}

header .dwnbtn span {
	width: 54px;
	height: 54px;
	margin: 0 auto;
	padding: 3px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
	font-size: 48px;
	color: #fff;
	display: block;
	cursor: pointer;
}

header .dwnbtn span:hover {
	background: rgba(0, 0, 0, 0.75);
	position: relative;
	top: 7px;
}

/*WEB-PUB*/

main {
	background: #fff;
}

#voice .voice-body .hukidashi {
	background: #174e9d;
	border: none;
	border-radius: 10px;
	color: #fff;
}

#voice .voice-body .hukidashi .fbody h3 {
	margin-bottom: 0px;
	border-bottom: 1px solid #fff;
}

#voice .voice-body .hukidashi .fbody h3 + .pict {
	margin-top: 10px;
}

#voice .voice-body .hukidashi .fbody h3 + .body,
#voice .voice-body .hukidashi .fbody .pict + .body {
	margin-top: 10px;
}

#voice .voice-body .hukidashi .fbody .body {
	text-align: justify;
	text-justify: inter-ideograph;
}

#voice .voice-body .hukidashi .fbody .date span {
	background: #fff;
	border: none;
	border-radius: 5px;
}

#voice .voice-body .icon span {
	border: 3px solid #74a1e1;
}

/*~~*/

#youtube .h1 .icon {
	margin-right: 5px;
	color: #FF0000;
}

#youtube .h1, .h1 > * {
	line-height: 100%;
}

#youtube .youtube-body {
	margin-top: 0px;
}

#youtube .youtube-body li {
	width: 100%;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 10px;
	background: linear-gradient(to bottom, #fafafa, #f5f5f5);
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#youtube .youtube-body li iframe {
	margin: 10px;
    position: absolute;
    top: 0;
    left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

#youtube .youtube-body li .fbody {
	margin-top: 0px;
}

/*~~*/

#exhibitor {
	background: #f5f5f5;
}

#exhibitor .srch form {
	border: 1px solid #ccc;
	border-radius: 7px;
	background: linear-gradient(to bottom, #e1e1e1, #f5f5f5);
}

#exhibitor .icon ul {
	display: flex;
	flex-wrap: wrap;
}

#exhibitor .icon li {
	margin-top: 5px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 7px;
	background: #f5f5f5;
	color: #232323;
	cursor: pointer;
}

#exhibitor .icon li .name {
	margin-left: 2px;
}

#exhibitor .genre {
	margin-top: 20px;
}

#exhibitor .genre li {
	margin-top: 10px;
	padding: 5px;
	border-radius: 7px;
	background: #cc0000;
	color: #fff;
	cursor: pointer;
}

#exhibitor .genre li .name {
	text-align: center;
}

#exhibitor .genre li .body {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px dotted #fff;
	text-align: center;
	color: #fff;
}

#exhibitor .menu ul {
	display: flex;
	justify-content: space-between;
}

#exhibitor .menu li {
	flex: 1;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	background: #74a1e1;
	cursor: pointer;
}

#exhibitor .list .cate {
	margin-top: 15px;
	border: 1px solid #ccc;
	border-radius: 7px;
	background: linear-gradient(to bottom, #e1e1e1, #f5f5f5);
}

#exhibitor .list .cate h2 {
	text-align: center;
}

#exhibitor .list .cate h2.head:after {
	content: "行";
}

#exhibitor .list .cate .item a:hover {
	border-radius: 5px;
}

#exhibitor .list .cate .item .icon,
#exhibitor .list .cate .item .genre,
#exhibitor .list .cate .item .kword {
	display: none;
}

#exhibitor .list .cate h2 .name {
	margin-left: 5px;
}

/*~~*/

#banner .banner-body li:first-child {
	margin-top: 0px;
}

/*~~*/

#notes .notes-body dl {
	margin-top: 15px;
	background: #000;
}

#notes .notes-body .head {
	text-align: center;
	color: #fff;
}

#notes .notes-body .body {
	color: #fff;
}

#notes .notes-body .head + .body {
	margin-top: 10px;
	border-top: 1px dotted #666;
}

/*
SP
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {
	/*
	*/
	header .ofta {
		width: 120px;
		top: 15px;
		right: 15px;
	}

	header .logo {
		padding: 0 15px 15px;
	}

	header #news .news-body {
		margin-top: 5px;
	}

	header #news .news-body ul li.slick-slide {
		width: 100%;
		margin: 0 20px;
		border-bottom: 2px solid #000;
	}

	header .dwnbtn {
		margin: 40px 0 20px;
	}

	/*~~*/

	#voice .voice-body .hukidashi:before {
		border-color: transparent transparent transparent #174e9d;
	}

	/*~~*/

	#exhibitor .srch form {
		padding: 10px;
	}

	#exhibitor .srch form .search {
		margin-top: 10px;
	}

	#exhibitor .srch form .reload {
		margin-top: 10px;
	}

	#exhibitor .icon {
		margin-top: 15px;
	}

	#exhibitor .icon li {
		padding: 3px 5px;
	}

	#exhibitor .menu {
		margin-top: 15px;
	}

	#exhibitor .menu li {
		margin: 2px;
	}

	/**/

	#exhibitor .list .cate {
		padding: 10px;
	}

	#exhibitor .list .cate .item {
		margin-top: 10px;
		padding: 5px 10px;
		background: #fff;
		border-radius: 5px;
		display: flex;
		flex-wrap: wrap;
	}

	#exhibitor .list .cate .item .logo {
		/*display: none;*/
		margin-right: 5px;
	}

	#exhibitor .list .cate .item .logo img {
		max-height: 20px;
	}

	#exhibitor .list .cate .item .text {
		flex: 1;
	}

	/*~~*/

	#notes .notes-body dl {
		padding: 10px;
	}

	#notes .notes-body .head + .body {
		padding-top: 10px;
	}
	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/

/*
PC
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {
	/*
	*/
	header .ofta {
		width: 180px;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	header .logo {
		width: 70%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		display: block;
	}

	header #news {
		margin-top: 50px;
	}

	header #news .news-body {
		margin-top: 25px;
	}

	header #news .news-body ul li.slick-slide {
		/*width: calc((100% - 20px) / 3);*/
		margin: 0 20px;
		padding: 0 10px 10px;
		border-bottom: 2px solid #000;
	}

	header .dwnbtn {
		margin: 50px 0 25px;
	}

	/*~~*/

	#voice .voice-body li {
		width: calc((100% - 30px) / 3);
	}

	#voice .voice-body .hukidashi:before {
		border-color: #174e9d transparent transparent transparent;
	}

	#banner .banner-body li {
		width: 100%;
	}

	/*~~*/

	#exhibitor .srch form {
		width: 70%;
		margin: 0 auto;
		padding: 10px 20px;
		display: flex;
	}

	#exhibitor .srch form input {
		flex: 1;
	}

	#exhibitor .srch form .search {
		width: 20%;
		margin: 0 10px;
	}

	#exhibitor .srch form .reload {
		width: 20%;
	}

	#exhibitor .icon {
		margin-top: 30px;
	}

	#exhibitor .icon ul {
		justify-content: center;
	}

	#exhibitor .icon li {
		padding: 5px 10px;
	}

	#exhibitor .genre {
		margin-top: 30px;
	}

	#exhibitor .genre li {
		width: 590px;
		margin: 0 auto;
	}

	#exhibitor .menu {
		margin-top: 20px;
	}

	#exhibitor .menu li {
		margin-left: 15px;
	}

	#exhibitor .menu li:first-child {
		margin-left: 0px;
	}

	#exhibitor .menu li:after {
		content: "行";
	}

	#exhibitor .list .cate {
		padding: 15px;
	}

	#exhibitor .list .cate ul {
		display: flex;
		flex-wrap: wrap;
	}

	#exhibitor .list .cate .item {
		width: calc((100% - 60px) / 5);
		margin-top: 15px;
		margin-left: 15px;
		padding: 10px;
		background: #fff;
		border-radius: 5px;
	}

	#exhibitor .list .cate .item:nth-child(5n + 1) {
		margin-left: 0px;
	}

	#exhibitor .list .cate .item .logo {
		margin-bottom: 10px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#exhibitor .list .cate .item .logo img {
		max-height: 60px;
	}

	#exhibitor .list .cate .item .text {
		text-align: center;
		margin-top: auto;
	}

	#exhibitor .list .cate .item .logo + .text {
		padding-top: 5px;
		border-top: 1px solid #ccc;
	}

	/*~~*/

	#notes .notes-body dl {
		padding: 10px 40px;
	}

	#notes .notes-body .head + .body {
		padding: 10px 10px 0;
	}

	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/