@charset "UTF-8";
/* CSS Document */

/* base –––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}


body {
  margin: 0;
  background:#f0ffff;
  font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
  font-size:0.875em;
  line-height:1.8;
}

.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  background:#fff;
  }

main {
	margin:0;
	padding:0;
}

section {
	margin:0px 20px 40px 20px;
	padding:0;
}

article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}  


/* header –––––––––––––––––––––––––––––––––––––––––––––––––– */

header {
	margin:0;
	padding:0;
}

.headercontent {
	margin:0;
	padding:0px 20px 0px 20px;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

/* logo */

.logo {
	margin:0;
	padding:10px 0px 10px 0px;
	text-align:center;
}

/* date */

.date {
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:#00bfff;
	color:#fff;
	border-radius:0px 0px 8px 8px;
}

.date_title {
	margin:0;
	padding:10px;
	font-size:1.8em;
	font-weight:bold;
}

.date_txt {
	margin:0;
	padding:0;
	font-size:1.3em;
	line-height:1.6;
}


/* nav –––––––––––––––––––––––––––––––––––––––––––––––––– */


nav {
	margin:0;
	padding:0;
}


/* nav header repo*/

.nav_header_repo {
	margin:0;
	padding:0;
	text-align:center;
}

.nav_header_repo ul {
	margin:0px 20px 40px 20px;
	padding:0;
	list-style-type:none;
	justify-content: center;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.nav_header_repo ul li {
	margin:0px 0px 0px 10px;
	padding:0;
	font-size:1.2em;
	line-height:1;
	box-sizing:border-box;
}

.nav_header_repo ul li:first-of-type {
	margin:0;
}

.nav_header_repo ul li a {
	display:block;
	margin:0;
	padding:16px 10px 16px 10px;
	text-align:center;
	color:#333;
	text-decoration:none;
	background:#e0ffff;
	border:2px solid #ccc;
	border-radius:4px;
}

.nav_header_repo ul li a:hover {
	text-decoration:none;
	background:#fed0e0;
}

.nav_header_repo ul li a::before {
	content:url(../img/listmark.png);
	position:relative;
	width:0;
	height:0;
	margin:0px 4px 0px 0px;
}


/* nav header*/

.nav_header {
	margin:0;
	padding:0;
	text-align:center;
}

.nav_header ul {
	margin:0px 20px 40px 20px;
	padding:0;
	list-style-type:none;
	justify-content: center;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.nav_header ul li {
	width:25%;
	margin:0px 0px 0px 10px;
	padding:0;
	font-size:1.2em;
	line-height:1;
	box-sizing:border-box;
}

.nav_header ul li:first-of-type {
	margin:0;
}

.nav_header ul li a {
	display:block;
	margin:0;
	padding:16px 10px 16px 10px;
	text-align:center;
	color:#333;
	text-decoration:none;
	background:#e0ffff;
	border:2px solid #ccc;
	border-radius:4px;
}

.nav_header ul li a:hover {
	text-decoration:none;
	background:#fed0e0;
}

.nav_header ul li a::before {
	content:url(../img/listmark.png);
	position:relative;
	width:0;
	height:0;
	margin:0px 4px 0px 0px;
}


/* nav program */

.nav_program {
	margin:0;
	padding:0;
}

.nav_program ul {
	margin:0px 0px 40px 0px;
	padding:0;
	list-style-type:none;
}

.nav_program ul li {
	display:inline-block;
	margin:0px 10px 10px 16px;
	padding:0;
	line-height:1;
}

.nav_program ul li::before {
	content:url(../img/listmark.png);
	width:0;
	height:0;
	margin:0px 0px 0px -16px;
}

/* maincontent –––––––––––––––––––––––––––––––––––––––––––––––––– */


.repo_box {
	margin:0px 0px 20px 0px;
	padding:20px;
	background:#f5f5f5;
	border-radius:6px;
}

.about_fair {
	margin:0px 20px 40px 20px;
	padding:0px 10px 0px 0px;
	background:#f0f8ff;
	border-radius:6px;
}

.about_fair p {
	margin:0;
	padding:0px 20px 20px 20px;
}

/*section*/

section ul {
	margin:0px 0px 20px 0px;
	padding:0;
	list-style-type:none;
}

section ul li {
	margin:0;
	padding:0px 0px 10px 16px;
	line-height:1.8;
}

section ul li::before {
	content:"";
	position:absolute;
	margin:7px 0px 0px -16px;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#ffa07a;
}

section p {
	margin:0px 0px 20px 0px;
	padding:0;
	line-height:1.8;
}

section p:last-child {
	margin:0;
}

section a {
	color:#000;
	text-decoration:underline;
}

section a:hover {
	color:#1e90ff;
	text-decoration:underline;
}

/* footer –––––––––––––––––––––––––––––––––––––––––––––––––– */

.gotop {
	margin:0px 20px 20px 20px;
	padding:0;
	text-align:right;
}

.gotop a {
	display:inline-block;
	margin:0;
	padding:4px;
	color:#000;
	text-decoration:none;
	background:#e0ffff;
	border:2px solid #ccc;
	border-radius:4px;
}

.gotop a:hover {
	text-decoration:none;
	background:#fed0e0;
}


.gotop a::before {
	content:url(../img/listmark.png);
	position:relative;
	width:0;
	height:0;
	margin:0px 4px 0px 0px;
}

footer {
	margin:0;
	padding:10px 20px 10px 20px;
	background:#f5f5f5;
}


.copyright {
	font-size:0.9em;
	line-height:1;
}

/* box –––––––––––––––––––––––––––––––––––––––––––––––––– */


div {
	box-sizing:border-box;
}

.row_repo {
	margin:20px 0px 0px 0px;
	padding:0;
	align-items: center;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.row_repo:first-of-type {
	margin-top:0;
}

.row {
	margin:0;
	padding:0;
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.clm {
	margin:0px 0px 20px 0px;
	padding:20px 20px 10px 20px;
}

.clm_half {
	width:50%;
	margin:0px 0px 0px 20px;
}

.clm_tow_third {
	width:68%;
	margin:0px 0px 0px 20px;
}

.clm_three {
	width:33%;
	margin:0px 0px 0px 20px;
}

.clm_three_four {
	width:75%;
	margin:0px 0px 0px 20px;
}

.clm_four {
	width:25%;
	margin:0px 0px 0px 20px;
}

.clm_four_five {
	width:80%;
	margin:0px 0px 0px 20px;
}

.clm_five {
	width:20%;
	margin:0px 0px 0px 20px;
}

.clm_six {
	width:16%;
	margin:0px 0px 0px 20px;
}

.clm_half:first-of-type,
.clm_tow_third:first-of-type,
.clm_three:first-of-type,
.clm_four:first-of-type,
.clm_four_five:first-of-type,
.clm_five:first-of-type,
.clm_six:first-of-type {
	margin-left:0;
}

.clm_color {
	background:#fffaf0;
}

.align_middle {
	align-items: center;
}

.flex {
	-js-display: flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

/* table –––––––––––––––––––––––––––––––––––––––––––––––––– */

table {
	width:100%;
	margin:0;
	padding:0;
	font-size:0.9em;
	border:1px solid #666;
	border-collapse:collapse;
}

th {
	padding:2px 4px 2px 4px;
	text-align:center;
	background:#f0f8ff;
	border:1px solid #666;
	border-collapse:collapse;
	box-sizing:border-box;
}

td {
	padding:2px 4px 2px 4px;
	border:1px solid #666;
	border-collapse:collapse;
	box-sizing:border-box;
}


/* headline –––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 {
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 20px;
	font-size:2em;
	line-height:1;
	color:#008080;
}

h2 {
	margin:0px 20px 20px 20px;
	padding:10px 0px 10px 20px;
	font-size:2em;
	line-height:1;
	color:#008080;
	background:#f5fffa;
	border:1px solid #48d1cc;
	border-radius:4px;
}

h3 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	font-size:1.8em;
	line-height:1;
	color:#008080;
	border-bottom:2px dotted #008080;
}


h4 {
	margin:0px 0px 20px 16px;
	padding:0;
	font-size:1.5em;
	line-height:1;
	color:#333;
}

h4::before {
	content:"";
	position:absolute;
	margin:5px 0px 0px -16px;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#2e8b57;
}

h5 {
	margin:0px 0px 16px 0px;
	padding:0;
	font-size:1.2em;
	line-height:1.4;
	color:#333;
}


/* img –––––––––––––––––––––––––––––––––––––––––––––––––– */

.mainimg {
	padding:10px 0px 0px 0px;
}

img {
	max-width:100%;
	height:auto;
}

a img {
	border:none;
	line-height:0;
}

a:hover img  {
 opacity: 0.7;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.imgcols {
	margin:0px 0px 20px 0px;
	padding:0;
}

.img_center {
	margin:0;
	padding:0px 0px 20px 0px;
	text-align:center;
}

.img_left {
	margin:0;
	padding:0px 20px 0px 0px;
	float:left;
}

.img_right {
	margin:0;
	padding:0px 0px 0px 20px;
	float:right;
}

.img_flame {
	border:1px solid #d5d5d5;
}

/* text –––––––––––––––––––––––––––––––––––––––––––––––––– */

sub {
	margin:0 2px 0 2px;
	position:relative;
	top:-0.2em;
	vertical-align:bottom;
	font-size:0.75em;
}

.text_right {
	text-align:right;
}

.cap {
	margin:4px 0px 0px 0px;
	font-size:0.9em;
	line-height:1.6;
}

.alart {
	color:#f00;
}


/* group –––––––––––––––––––––––––––––––––––––––––––––––––– */

.group {
	margin:0px 10px 20px 10px;
	padding:10px;
	background:#f0f0f0;
	border-radius:8px;
}

.grouptitle {
	margin:0;
	background:#fff;
	border-bottom:1px dotted #333333;
	display:flex;
	display:-webkit-flex;
}

.groupnum {
	margin:0;
	padding:2px;
	line-height:0;
	text-align:center;
	background:url(../img/groupnumbk.png) 2px 2px no-repeat;
	vertical-align:middle;
}

.groupev {
	margin:0px 0px 0px 4px;
	padding:4px 0px 4px 0px;
	font-size: 1.2rem;
	color:#333333;
}

.groupname {
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 8px;
	background:#fff;
	border-bottom:1px dotted #333333;
}

.group p {
	margin:0;
	padding:0px 10px 0px 10px;
}