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

/*------------------------
	sub
------------------------*/

.sub dl dt span{
	font-size:83%;
}

/*---------------
	pager
--------------*/

.pager{
	overflow:hidden;
	margin:25px 0;

}

.pager ul{
	text-align:center;
}

.pager ul li{
	float:left;
	border:solid 1px #c6c6c6;
	border-radius:4px;
	margin-bottom:10px;
	background-color:#f0f0f0;
	text-align:center;
	width:33%;
}

.pager ul li.active{
	background-color:#1c7abf;
}

.pager ul li.active a{
	color:#fff;
}

.pager ul li a{
	color:#333333;
	display:block;

}

.pager ul li a:hover{
	background-color:#1c7abf;
	color:#fff;
}

.pager ul li.prev{
	margin-right:20px;
}

.pager ul li.next{
	margin-left:20px;
}

.pager ul li.prev a,
.pager ul li.next a{
	padding:16px 32px;
}

.pager ul li.mon.left{
	border-radius:4px 0 0 4px;
}

.pager ul li.mon.center{
	border-radius:0 0 0 0;
	border-left:none;
	border-right:none;
}

.pager ul li.mon.right{
	border-radius:0 4px 4px 0;
}

.pager ul li.mon a{
	padding:16px 62px;
}


/*---------------
	eventBox
--------------*/

#eventBox{
	clear:both;
}

#event .chapter{
	margin-bottom:50px;
}


#eventBox .division{
	border-bottom:dotted 1px #757575;
	margin-bottom:20px;
	padding:0 20px 20px;
}

#eventBox .explain{
	display:table-cell;
	vertical-align:top;
}

#eventBox .explain p.days{
	float:left;
	width:auto;
	margin-right:10px;
}

#eventBox .explain p.category{
	float:left;
	width:auto;
	border:solid 1px #dbdbdb;
	border-radius:3px;
	margin-top:-1px;
	padding:2px 15px 0;
}

#eventBox .explain h4{
	clear:both;
	font-size:150%;
	font-weight:bold;
	margin-bottom:15px;
}

#eventBox .explain p.text{
	font-size:108%
}

#eventBox .explain ul li{
	font-size:108%
}

#eventBox .division p.img{
	display:table-cell;
	padding-left:20px;
}


/*---------------
	supportBox
--------------*/

#supportBox{
	border:solid 5px #efebe6;
	padding:4% 8%;
}

#supportBox h5{
	font-size:183%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

#supportBox h5 span{
	font-size:73%;
}

#supportBox p.text{
	text-align:center;
	margin-bottom:20px;
}

#supportBox ul.support{
	margin-bottom:30px;
}

#supportBox ul.support li{
	border-bottom:solid 1px #dbdbdb;
	font-size:117%;
	padding:10px 0;
	text-align:center;
}

#supportBox ul.support li span.name{
	font-size:133%;
}

#supportBox ul.support li span.company{
	font-size:100%;
}

#supportBox .publicity{
	clear:both;
	border:solid 1px #dbdbdb;
	overflow:hidden;
	padding-bottom:15px;
}

#supportBox .publicity h5{
	background-color:#dddddd;
	margin-bottom:10px;
	padding:13px 0 10px;
}

#supportBox .publicity ul{
	text-align:center;
}

#supportBox .publicity ul li{
	float:left;
	margin-left:26px;
}

@media only screen and
(max-width : 640px) {


/*---------------
	pager
--------------*/

.pager{
	margin:5% 0;
}

.pager ul li{
	box-sizing:border-box;
	width:33.3%;
	margin:0 0 4% 0;
}

.pager ul li a{
	color:#333333;
	display:block;
	padding:5% 5%;

}

.pager ul li a:hover{
	background-color:#1c7abf;
	color:#fff;
}

.pager ul li.next,
.pager ul li.prev{
	clear:both;
	margin:0;
	width:auto;
	float:none;
}

.pager ul li.next{
	clear:both;
}

.pager ul li.prev{
	clear:both;
	margin:0 0 4% 0;
}

.pager ul li.prev a,
.pager ul li.next a{
	display:block;
	padding:5% 5%;
}

.pager ul li.mon a{
	padding:14% 5%;
}


#eventBox .division p.img{
	text-align:center;
	display:block;
	margin:4% 0;
}

/* supportBox
------------ */

#supportBox{
	border:solid 5px #efebe6;
	padding:4% 4%;
}

#supportBox h5{
	font-size:140%;
}


#supportBox h5 span{
	display:block;
}

#supportBox ul.support{
	margin:auto;
	margin-bottom:20px;
}

#supportBox ul.support li{
	font-size:95%;
}

#supportBox ul.support li span.company{
	font-size:90%;
}

#supportBox .publicity ul li{
	float:none;
	margin:4% 0;
}

#supportBox .publicity ul li img{
	width:90%;
}

}