@charset "shift_jis";

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

div.content ul {
	width:94%;
	padding:0;
	margin:0 auto;
	position:relative;
}

li.day p.item_title {
	line-height:3vw;
	font-size: 2vw;
	width:25%;
	text-align: center;
	margin-left: 1%; 
	list-style: none; 
	color: white;
	background-color: #82c9ff; 
	border-radius: 5px;  
	border: 1px solid #259df8;  
	font-weight:bold;
	float:left;
}
li.day2 p.item_title {
	line-height:3vw;
	font-size: 2vw;
	width:25%;
	text-align: center;
	margin-left: 1%; 
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid gray;  
	font-weight:bold;
	float:left;
}

li.year p.item_title{
	line-height:3vw;
	font-size: 1.5vw;
	width:15%;
	text-align: center;
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid #259df8;  
	font-weight:bold;
	float:left;
}
li.year2 p.item_title{
	line-height:3vw;
	font-size: 1.5vw;
	width:15%;
	text-align: center;
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid gray;  
	font-weight:bold;
	float:left;
}

div.content ul li a.title_blue{
	color: #259df8;
	font-size: 2vw;
	line-height:4vw;
	font-weight:bold;
}

div.content ul li a.title{
	color:#555;
	font-size: 2vw;
	line-height:4vw;
	font-weight:bold;
}

div.content li {
	width:96%;
	text-align:left;
	margin-left: 2%; 
	list-style: none; 
	display:block;
	
}

div.gak_top {
	width:88%;
}

}

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

hr.top_line{
	display: block;
  	width: 98%;
	background-color:#259df8;
	border: 0;
	height: 1px;
	margin-bottom:10px;
}

div.content ul {
	width:96%;
	padding:0;
	margin:0 auto;
	position:relative;
}

li.day p.item_title{
	line-height:7.3vw;
	font-size: 5vw;
	width:45%;
	text-align: center;
	margin:2vw auto;
	margin-left: 1%; 
	list-style: none; 
	color: white;
	background-color: #48adf9; 
	border-radius: 5px;  
	border: 1px solid #259df8;  
	float:left;
}
li.day2 p.item_title{
	line-height:7.3vw;
	font-size: 5vw;
	width:45%;
	text-align: center;
	margin:2vw auto;
	margin-left: 1%; 
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid gray;  
	float:left;
}

li.year p.item_title{
	line-height:7.3vw;
	font-size: 4vw;
	width:25%;
	margin:2vw auto;
	text-align: center;
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid #259df8;  
	float:left;
}
li.year2 p.item_title{
	line-height:7.3vw;
	font-size: 4vw;
	width:25%;
	margin:2vw auto;
	text-align: center;
	list-style: none; 
	color: #555;
	background-color: #eee; 
	border-radius: 5px;  
	border: 1px solid gray;  
	float:left;
}

div.content ul li a.title_blue{
	color: #259df8;
	font-size: 5vw;
	line-height:8vw;
	font-weight:bold;
}

div.content ul li a.title{
	color:#555;
	font-size: 5vw;
	line-height:8vw;
	font-weight:bold;
}

div.content li {
	width:98%;
	text-align:left;
	margin:1vw;
	margin-left: 2%; 
	list-style: none; 
	display:block;
	
}

}