/*---reset----------------------------------------------------------------------*/
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td {
   margin:0; 
   padding:0; 
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

address,
caption,
cite,
code,
dfn,
em,strong,
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,ul,li {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
/*---------オープニング動画-----------------------*/
.fade_white {
	position:absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
.fade_img1 {
	position:absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/newtop02.jpg) no-repeat center;
}
.fade_img2 {
	position:absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/newtop01.jpg) no-repeat center;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
	.fade_white,.fade_img1,.fade_img2{display:none;}
}
/*------------------------------------------------------------------------------*/
body	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 ;
}

a:link {text-decoration: none;	color:#663333; cursor:pointer;}
a:active {text-decoration: none; color:#663333}
a:visited {text-decoration: none; color:#663333}
a:hover {text-decoration: none; color:#FF6600}

#wrap {
	max-width: 1200px;
	width: 100%;
	margin:0 auto;
	position:relative;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
	img {
		max-width: 100%;
	}
}
@-webkit-keyframes fadein{
0% {opacity:0; }
50% {opacity:0; }
100%  {opacity:1; }
}
@keyframes fadein{
0% {opacity:0; }
50% {opacity:0; }
100%  {opacity:1; }
}



/* information　フォント（2025-4-13追加） */
.info-f dt,.info-f dd {font-size: 120%!important;}

/*-------------------------------------------*/
/*共通ヘッダー*/
header {
	width:100%;
}

header nav{
}


@media print, screen and (min-width: 768px)  {
	header nav{
		height: 45px;
	}
	header nav ul{
		display: flex;
		background-color:#3D73AF;
		width: 100%;
	}
	header nav div.nav_right,header nav div.nav_left{
		display: none;
	}
		header nav ul{
		text-align: center;
		justify-content: center;
	}
	header nav ul li{
		text-align: center;
		margin-top: 0.5em;
		margin-right: 1em;
		padding: 0.3em 2em;
		font-size: 85%;
	}

	header .logo{
		position:absolute;
		top:15px;
		left:12px;
	}	
	header nav ul li a {
		color: #ffffff!important;

	}
	header nav ul li.style01 {
		border-radius: 50vh;
		display: inline-block;
		background-color: #3A638F;
		border: 1px solid #ffffff;
	}
	header nav ul li.style01:hover {
		background-color: #66CCFF;
		border: 1px solid #ffffff;
	}
	header nav ul li.style02 {
		border-radius: 50vh;
		display: inline-block;
		background-color:#3D73AF;
		border: 1px solid #ffffff;
	}
	header nav ul li.style02:hover {
		background-color: #66CCFF;
		border: 1px solid #ffffff;
	}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	header nav .nav01{
		display: none;
	}
	header nav{
		background-color:#3D73AF;
		padding: 1em;
		position:relative;
		height: 50px;
	}
	header nav ul li {
		padding: 0.2em 0.8em;
		margin-bottom: 0.5em;
		font-size: 85%;
		text-align: center;
	}
	header nav div.nav_right{
		position:absolute;
		top:10px;
		right:5%;
		}


	header nav div.nav_left{
		position:absolute;
		top:10px;
		left:5%;
		}

	header .logo{
		position:absolute;
		top:15px;
		left:0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100px;
		z-index: 100;
	}	
	header nav ul li a {
		color: #ffffff!important;

	}
	header nav ul li.style01 {
		border-radius: 50vh;
		background-color: #3A638F;
		border: 1px solid #ffffff;
	}
	header nav ul li.style01:hover {
		background-color: #66CCFF;
		border: 1px solid #ffffff;
	}
	header nav ul li.style02 {
		border-radius: 50vh;
		background-color:#3D73AF;
		border: 1px solid #ffffff;
	}
	header nav ul li.style02:hover {
		background-color: #66CCFF;
		border: 1px solid #ffffff;
	}
}

header {
	background-color:#3D73AF;
	height: 45px;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	z-index: 10;
}


/*-------------------------------------------*/
/* トップコンテンツ */

.container{
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fadeIn 3s forwards;*/
}
.top_contents{
	position: relative;
    display: inline-block;
}
.top_contents img{
    max-width: 100%;
    height: auto;
	vertical-align: bottom;
}

.top_contents img:nth-of-type(2){
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: auto;
}
/*.top_contents img:nth-of-type(4){
    position: absolute;
    right: 35%;
    bottom: 0%;
    width: 30%;
    height: auto;
}*/
.con_logo{
	position: absolute;
    right: 35%;
    bottom: 0%;
    width: 30%;
    height: auto;
}

@media print, screen and (min-width: 769px)  {
.main_s{display: none;}
}



@media screen and (min-width: 0px) and (max-width: 768px) {
	.contents{width: 100%;}
	.main_s{ width: 100%;}
	.main_p{display: none;}
}

/* ページボトムロゴ */
#toppage .btmlogo	{
	position:absolute;
	left:338px;
	bottom:35px;
	width:300px;
}
.pagebtmlogo	{
	margin:0 auto 50px auto;
	width:180px;
}

/* フッター */
@media print, screen and (min-width: 851px)  {
footer	{ height: 40px;}
footer ul{	margin:0 0 0 20px;}
footer ul li{	float:left;	color:#FFF;	font-size: 12px;	line-height:140%;	padding-top:10px;}
footer .small {
	text-align:right;
	font-size: 12px;
	line-height:140%;
	font-style: normal;
	padding: 10px 10px 0 0;	
	float:right;
	color:#FFF;}
}



@media screen and (min-width: 0px) and (max-width: 850px) {
footer	{ 
	height: 70px;
	line-height:140%;
	text-align:center;
	color:#FFF;
	font-size: 12px;
	}
footer ul{ display: flex; justify-content: center; margin:1em auto;}
footer ul li{color:#FFF;font-size: 12px;}
footer .small {
	clear: both;
	font-size: 12px;
	color:#FFF;
	display: block;
	float: none;
	}
}
footer	{
	clear:both;
	width:100%;
	padding: 0.2em 1em;
	background-color:#3D7E54;
	box-sizing: border-box;
}
footer h2{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:140%;
	padding:10px 10px 0 20px;
	float:left;
}
footer h2 span{
	color:#FF0;
}
footer .address{
	font-size:12px;
	line-height:140%;
	padding:10px 0 0 0;
	float:left;
	color:#FFF;
	margin: 0 15px 0 20px;
	display:none;
}


footer .blue {	color:#0099FF;}
footer li a:link {text-decoration: none;	color:#FFF}
footer li a:active {text-decoration: none; color:#FFF}
footer li a:visited {text-decoration: none; color:#FFF;}
footer li a:hover {	text-decoration: none;	color:#FF0;}

/* 共通 */
.imgcenter { display:block;	margin:0px auto;}
.clearfix {	clear:both;	display:block;}
.floatleft { float:left;	margin:0px 10px 10px 0px}

/*-------------------------------
 コンテンツページ 
-------------------------------*/
.page01	{
	background:none;
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
}

/*共通*/
.content{
	padding-bottom:10px;
}
.content h2.title{
	padding-top:60px;
	text-align:center;
	font-size:30px;
	line-height:140%;
	color:#4F87C6;
	clear:both;
}
.content .innercontent{
	margin:20px auto 20px auto;
	width:90%;
}
/*ブース操作方法共通*/
.howto{
	margin:20px auto 20px auto;
	width:750px;
	border: 1px dotted #CCC;
	padding:5px 20px;
	overflow:hidden;
}
.howto .count{
	font-size:14px;
	line-height:22px;
	width:120px;
	float:left;
	padding-right:10px;
}
.howto p{
	font-size:14px;
	line-height:22px;
	width:580px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left:20px;
}
.howto p img{
	vertical-align:top;
}
/*展覧会のご案内TOPコンテンツ*/

.tenjicontent{
	display: flex;
	flex-wrap: wrap;
	justify-content : space-around;
}

.tenjicontent .box {
	width: 180px;
	margin-bottom: 2em;
}
.tenjicontent .box .thumb{
	width:100%;
}
.tenjicontent .box h2{
	font-size: 85%;
	line-height:140%;
	text-align:center;
}

/*.content .tenjicontent{
	margin:50px 0px 20px 75px;
	overflow:hidden;
}
.content .tenjicontent .box{
	width:185px;
	height:210px;
	margin:0 25px 50px 0;
	float:left;
}
.content .tenjicontent .box .thumb{
	width:100%;
}
.content .tenjicontent .box h2{
	font-size:16px;
	line-height:140%;
	text-align:center;
	width:185px;
}*/
.content .tenjicontent .taidan{
	text-align:center;
	font-size:12px;
	color:#666;
}
.content .tenjicontent p{
	clear:both;
	font-size:14px;
	line-height:140%;
	text-align:right;
	margin:50px 110px 50px 0;
}
.content .tenjicontent ul{
	margin:20px 150px 50px 50px;
}
.content .tenjicontent .lineTop{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #09C;
	padding-top:20px;
	margin-right:100px;
}
.content .tenjicontent li{
	font-size:16px;
	line-height:140%;
	text-align:left;
	margin:0px 0px 10px 0;
	color:#009900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
}
.content .pastcontent{
	margin:20px 0px 50px 105px;
}
.content .tenjipast {
	clear:both;
}
.content .tenjipast li {
	clear:both;
	font-size:18px;
	line-height:140%;
	text-align:left;
	margin:0px 0px 10px 0;
	color:#009900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
}

/*ご挨拶*/
#about h3{
	font-size:18px;
	line-height:140%;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	clear:both;
	color:#069;
}
#about p{
	margin:0 0 15px 0px;
	line-height:160%;
	font-size:16px;
}
#about .textright{
	text-align:right;
}
#about .textcenter{
	text-align:center;
}
#about dl{
	margin:0 0 30px 30px;
	overflow:hidden;
	font-size:16px;
	line-height:140%;
}
#about dl .add{
	margin:5px 0 0 15px;
	font-size:14px;
	line-height:140%;
}
#about dt{
	clear:left;
	float:left;
	width:80px;
}
#about dd{
	float:left;
	width:500px;
	margin-bottom:15px;
}
/*お知らせ*/
#info {
	min-height:400px;
}
#info h3{
	font-size:18px;
	line-height:140%;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	clear:both;
	color:#069;
}
#info dl{
	width:90%;
	margin:0 auto 15px;
	overflow:hidden;
	font-size:16px;
	line-height:140%;
	padding-bottom:8px;
	border-bottom:dotted #CCC 1px;
	display:table;
}


	
@media print, screen and (min-width: 768px)  {
#info dt{
	display:table-cell;
	width:15%;
	color:#066;
}
#info dd{
	display:table-cell;
	width:85%;
	line-height:1.6;
}
#info dd span{
	color:#F9C;
	font-size:10px;
}
}
@media screen and (min-width: 0px) and (max-width: 768px) {	
#info dt{
	color:#066;
}
#info dd{
	line-height:1.6;
}
#info dd span{
	color:#F9C;
	font-size:10px;
}
}
	
/*著作権について*/
#about ul{
	margin:30px 0 100px 0;
}
#about li{
	margin:0 0 15px 0;
	line-height:160%;
	text-indent:-2em;
	margin-left:2em;
}
/*リンク*/
#links {
	min-height:400px;
}
#links h3{
	font-size:18px;
	line-height:140%;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	clear:both;
	color:#069;
}
#links dl{
	margin:40px 0 30px 50px;
	overflow:hidden;
	font-size:14px;
	line-height:160%;
	
}
#links dt{
	clear:left;
	float:left;
	width:360px;
	color:#066;
	height:70px;
	margin-bottom:20px;
	
}
#links dd{
	float:left;
	width:350px;
	height:60px;
	margin-bottom:20px;
	padding-top:10px;

}

/* information　フォント（2025-4-13追加） */
.info-f dt,.info-f dd {font-size: 120%!important;}