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

/*エリア */
.button{width: 70%;}
.box_button { width: 47%; position: relative;margin-bottom: 40px; }
.block_s { padding-top: 20px; display: block; }
.sunstar{width: 90%;}
/*テキスト */
.text01{
	color: #036eb7;    /*文字色*/}
.text02{
	color: #f08c00;    /*文字色*/}

.text03{
	 color: #ffffff;    /*文字色*/
	background: #036eb7;/*背景色*/
    text-align: center;    /*文字の位置*/
    font-size: 21px;    /*文字サイズ*/
	padding: 10px;
    font-weight: bold;
	line-height: 1.2;  
}

.text04  {
  background-color: #f08c00;
  padding: 0.5rem 2rem 0.5rem;
  border-radius: 10rem;
  display: inline-block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
.text05{
	 color: #ffffff;    /*文字色*/
    text-align: center;    /*文字の位置*/
    font-size: 36px;    /*文字サイズ*/
	padding: 10px;
}
/*背景色 */
.area1
	{
	background:#f08c0033;
}
.area2
	{
	background:#f08c00;
}
.area3
	{
	background:#10b6e0;
	padding-bottom: 40px;
}
/*リスト*/

*, *:before, *:after {
	box-sizing: border-box;
}
.list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.list> div{
	width: 50%;
	padding: 10px 10px 20px 10px;
}

.maker
{
list-style: none;
font-size: 14px;
text-align: left;
padding: 0px 30px;	
}

.midashi
{color: #036eb7;    /*文字色*/
    font-size: 16px;    /*文字サイズ*/
    font-weight: bold;
	line-height: 2;
}

/* ブースメーカー一覧 */
.maker2 {
  margin-bottom: 1rem;
}

.maker2 dt{
  float:left;
  padding:0 2px 2px;
	margin-left: 10px;
	
}
.maker2 dd{margin-left: 70px;
	text-align: left;
	margin-bottom: 10px;
}
.maker2 dd a{text-decoration: underline!important;
	 		text-decoration-color:#036eb7 !important;
} 
.maker2 dd a:hover{text-decoration:none!important;
	 		color: #f08c00; /* 文字色を赤に変更 */
} 

.maker li a{text-decoration: underline!important;
	 		text-decoration-color:#036eb7 !important;
} 
.maker li a:hover{text-decoration:none!important;
	 		color: #f08c00; /* 文字色を赤に変更 */
} 
.maker2 span{
  width: 3em;
  font-size: 0.8rem;
  font-weight: bold;
  color:#fff;
  margin:0 3px;
  padding:1px 5px;
  text-decoration:none;
  text-align: center;
  display: inline-block;
}
.maker2 span.number01 {
  background-color:#036eb7;
  color:#fff;
}
.maker2 span.number02 {
  background-color:#f08c00;
  color:#fff;
}
.list2{
	width: 99%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.list2> div{
	width: 50%;
	padding: 10px 10px 20px 10px;
}





@media only screen and (max-width: 640px) {
/*エリア */
	.button{width: 100%;}
	.box_button {margin-bottom: 10px!important; }
	.sunstar{width: 100%;}
/*テキスト */
	.text03{
    font-size: 1.2rem;    /*文字サイズ*/
	line-height: 1.2; 
	padding: 1vw 3vw;

}
	.text04{
    margin: 1rem auto 2rem;
	 font-size: 16px; 

}

	.text05{
    font-size: 21px;    /*文字サイズ*/
}
/*リスト*/
.list> div{
		width: 100%;
		padding: 0 0 3vw 3vw ;
	}
.maker
{
	font-size: 0.9rem;    /*文字サイズ*/
	padding: 0  0 0  3vw;	
}

.midashi
{font-size: 0.9rem;    /*文字サイズ*/
	padding: 0 0 0.5vw;	
}
/* ブースメーカー一覧 */	
 .maker2 dt{
	display: block;
  padding:0 1vw 1vw;
	margin-left: 1vw;
}
  .maker2 dd{
	display: block;  
    margin-left:5vw;
	margin-bottom:　0;
    padding:0 1vw 0.5vw;
	   font-size: 0.8rem;
  }
  .maker2 span{
    width: 2em;
  	margin: 0 ;
 	 padding:0 0.3vw;
	  font-size: 0.7rem;
  
}
.list2> div{
	width: 50%;
		padding: 1vw 0 2vw 0.5vw ;
	}
	


}