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

/*pc-----------------------------------------------*/

@media screen and (min-width: 769px){

/*スライド*/
#slide{
	margin:50px auto 50px;
	position:relative;
}
#slide .moji{
	position:absolute;
	z-index:1;
}
.alljapan,
.alljapan_junior{
	width:400px;
	float:left;
	border:#AAA 1px solid;
	padding:30px;
}
.alljapan_junior{
	float:right;
}
#info h4{
	font-size:20px;
	font-family:serif;
	margin-bottom:10px;
}
#info dt{
	float:left;
	width:80px;
	margin-top:10px;
}
#info dd{
	padding-left:80px;
	border-bottom:#AAA 1px dotted;
	padding-top:10px;
	padding-bottom:10px;
}
#info .btn{
	background:#000066;
	margin-top:20px;
	text-align:center;
	padding:10px;
}
#info .btn a{
	color:#FFF;
	display:block;
}
#info .btn:hover{
	opacity:0.6;
	transition:0.5s;
}

/*お知らせ一覧*/
#news{
	clear:both;
	padding-top:50px;
}
#news dt{
	width:150px;
	float:left;
	padding-top:20px;
}
#news dd{
	padding-left:150px;
	border-bottom:#AAA 1px dotted;
	padding-top:20px;
	padding-bottom:20px;
	text-decoration:underline;
	margin-bottom:20px;
}
#news dt:first-child{
	padding-top:0px;
}
#news dd:first-of-type{
	padding-top:0px;
}
#news a:hover{
	color:#CCC;
}
#schedule{
	margin-top:50px;
}
#schedule p{
	margin-top:20px;
}
}


/*mb-----------------------------------------------*/

@media screen and (max-width: 768px){
	
/*スライド*/
#slide{
	margin:20px auto 20px;
	position:relative;
}
#slide .moji{
	position:absolute;
	z-index:1;
}
.alljapan,
.alljapan_junior{
	width:90%;
	padding:5%;
	border:#AAA 1px solid;
	margin-bottom:20px;
}
.alljapan_junior{
}
#info h4{
	font-size:18px;
	font-family:serif;
	text-align:center;
	margin-bottom:10px;
}
#info dt{
	float:left;
	width:80px;
	margin-top:10px;
}
#info dd{
	padding-left:80px;
	border-bottom:#AAA 1px dotted;
	padding-top:10px;
	padding-bottom:10px;
}
#info .btn{
	background:#000066;
	margin-top:20px;
	text-align:center;
	padding:10px;
}
#info .btn a{
	color:#FFF;
	display:block;
}
#info .btn:hover{
	opacity:0.6;
	transition:0.5s;
}

/*お知らせ一覧*/
#news{
	clear:both;
	padding-top:20px;
}
#news dt{
}
#news dd{
	border-bottom:#AAA 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	text-decoration:underline;
}
#news a:hover{
	color:#CCC;
}
#schedule{
	margin-top:20px;
}
#schedule p{
	margin-top:10px;
}
}