@charset "utf-8";
/* CSS Document */

.red{
	color:#F00;
}

.enfa{
/*	background-color:rgba(255,204,0,0.4);*/
	background-color:#fdc3f5;
	display:inline;
	padding:0 2px;
	margin:0 2px;
	border-radius:3px;
	color:#e84ea9;
}


/* # 基本
----------------------- */
#contents a{
	color:#09c;
}

#contents a.button {
	background:#f29700;
	border-radius:10px;
	box-shadow:0px 5px #cc3918;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	font-size:25px;
	padding:0 1em;
}
#contents a.button:hover {
 background:#FFB435;
 box-shadow:none;
 position:relative;
 bottom:-5px;
}
#contents a.button:active {
 background:#FFB435;
 box-shadow:none;
 position:relative;
 bottom:-5px;
}

#contents hr{
	margin:30px 0;
	border:0;
	border-bottom:1px dashed #999;
}
@media screen and ( max-width:1024px) {

#contents a.button {
	font-size:18px;
	display:block;
	text-align:center;
	padding:0.5em 1em;
	margin-top:10px;
}
}

@media screen and (min-width:0px) and ( max-width:750px) {
#contents{
	font-size:14px;
}
}


/* # 見出し
----------------------- */
#contents h2{
	border-bottom:#FDEE35 solid 7px;
	padding:0 1em;
	margin:50px 0 20px 0;
}
#contents h4{
	background-color:#3AC5E2;
	border-radius:50px;
	padding:5px 20px;
	display:inline-block;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	margin:0;
}

@media screen and (min-width:0px) and ( max-width:750px) {
#contents h2{
	font-size:1.2em;
}
#contents h3{
	font-size:1.0em;
}
#contents h4{
	font-size:16px;
}
}


/* # テーブル
----------------------- */

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}




#contents table{
	box-sizing:border-box;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	font-size:12px;
	width:100%;
	margin-top:10px;
}

#contents table td,
#contents table th{
	border:#e8e8e8 solid 1px;
	padding:0.5em 1em;
	font-weight:normal;
}


#contents table th{
	background-color:#f6f6f6;
	white-space:nowrap;
}

#contents table .nr{
	white-space:nowrap;
}


#contents table .cnt{
	text-align:center;
}

#contents table .month{
	background-color:#ECFBFF;
	white-space:nowrap;
	width:2em;
	text-align:center;
}
#contents table tr:hover{
	background-color:#f6f6f6;
}

/* # レベル説明
----------------------- */
.level-exp{
	width:1000px;
	float:left;
	margin-top:20px;
	font-size:14px;
}
.level-exp p{
	margin:0;
	margin-bottom:10px;
}
.level-exp p.kome{
	position:relative;
	padding-left:1.2em;
}
.level-exp p.kome:before{
	content:"※";
	position:absolute;
	left:0;
}

.level-exp span.level{
	background-color:#09c;
	color:#fff;
	padding:0 0.5em;
	margin-right:1em;
}
.level-exp span.time{
	border-bottom:#09c dotted 2px;
	margin-right:1em;
}


.image-photo{
	float:right;
	width:300px;
	height:auto;
	margin-top:20px;
	display:block;
}
@media screen and ( max-width:1024px) {
.level-exp,
.image-photo{
	float:none;
}
.level-exp{
	width:100%;
}
.image-photo{
	margin:20px 0 0 auto;
}
}

@media screen and (min-width:0px) and ( max-width:750px) {
.image-photo{
	margin:20px auto 0 auto;
}
}



/* # 展示会報告
----------------------- */
#houkoku{
	font-size:14px;
}
#houkoku a{
	display:block;
	color:#000;
	text-decoration:none;
	border-bottom:#e8e8e8 solid 1px;
	line-height:2em;
	margin-bottom:10px;
}
#houkoku a p{
	margin:0;
}
#houkoku a p:before{
  font-family: FontAwesome;
  content: "\f00c";
  color: #3AC5E2;
}
#houkoku a:hover p{
    color: #09c;
	text-decoration:underline;
}
#houkoku a:visited p{
    color:#09c;
	text-decoration:underline;
}



/* # 展示会報告　過去
----------------------- */
#back-no{
	font-size:14px;
}
#back-no > div{
	width:100%;
	box-sizing:border-box;
	border:#e8e8e8 solid 1px;
	margin-top:2%;
}

#back-no > div > h5{
	font-size:14px;
	font-weight:normal;
	background-color:#f6f6f6;
	color:#000;
	padding:1em;
	line-height:25px;
	margin:0;
	text-align:center;
	border-right:#e8e8e8 solid 1px;
	float:left;
}
#back-no > div > p{
	margin:1em;
	text-align:center;
	line-height:25px;
	float:left;
}

#back-no > div > p a{
	color:#000;
	margin:0 10px;
	display:inline-block;
	position:relative;
	padding-left:10px;
}
#back-no > div > p a:before{
	content:url(right.png);
	position:absolute;
	top:10px;
	left:0;
}
#back-no > div > p a:hover,
#back-no > div > p a:visited{
	color:#09c;
}
@media screen and ( max-width:1024px) {
#back-no > div > h5,
#back-no > div > p{
	float:none;
	width:100%;
	box-sizing:border-box;
	border-right:0;
}
#back-no > div > p{
	margin:1em 0;
}

}






