/* CSS Document */



/* プログラム */
#tabMenu {	border-bottom:#089CFE 5px solid}

#termList,
#entryList{
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	margin:0;
	padding:10px;
}

#tabMenu ul,
#termList ul{
	overflow:hidden;
	list-style:none;
}

#tabMenu ul,
#termList ul{
	margin:0;
	padding:0;	
}
#tabMenu li{
	float: left;
	margin:0
}
#tabMenu li a{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	display:block;
	/*float:left;*/
	margin-right:5px;
	padding:5px 0;
	text-align:center;
	text-decoration:none;
	min-width:150px;
}

#tabMenu a.current{ background:#089CFE}

/* 月、地域、ジャンル一覧 */

#termList{
	border-bottom:1px solid #CCC;
	overflow:hidden;
	padding:10px;
}

#termList #currentYear,
#termList #nextYear{
	float:left;
	overflow:hidden;
}

#termList h3{
	border-bottom:none;
	float:left;
	font-size:80%;
	margin:9px 0 0 0;
	padding:0;
	width:35px;
}

#termList li{
	background:#555;
	border:2px solid #eee;
	margin:3px;
	float:left;
} 

#termList li a{
	color:#fff;
	display:block;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	padding:3px 5px;
	min-width:103px;
} 

#termList.month li a{
	min-width:28px;
}
/*
#entryList a:hover,
#termList a:hover{
	opacity:0.5
}
*/

/* 記事一覧 */
#entryList{
	float:none;
	font-size:85%;
	clear:both;
	height:500px;
	margin-bottom:30px;
	overflow:scroll;
}

#entryList a{
	text-decoration:none;
	display:block;
	padding:6px 0; 
}

#entryList p,
#entryList h4{
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

#entryList .date{color:#0099ff}
#entryList article{
	margin-bottom:-1px;
	padding-top:1px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
	position:relative;
}

#entryList .genre{
	border-radius:5px;
}
.genre{
	color:#fff;
	line-height:2em;
	font-size:87%;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}
.single-program .genre,
.single-program_en .genre{
	margin:0 0 0 auto;
	background:#666;
}


/* 派生：地域別一覧 */
#entryList.areaList section,
#entryList.genreList section{
	border-right:5px #555 solid;
	border-bottom:5px #555 solid;
	border-left:5px #555 solid;
	margin-bottom:20px;
	padding-bottom:2px;
}

#entryList.areaList section h3,
#entryList.genreList section h3{
	background:#555;
	border:none;
	color:#fff;
	font-size:130%;
	font-weight:normal;
	padding:5px;
	margin:0 0 2px 0;
}

#entryList.areaList section article,
#entryList.genreList section article{
	margin:-1px auto 0 auto;
	width:98%;
}

/* 派生：ジャンル別一覧 */
#entryList.genreList .genre{ display:none;}
#entryList.genreList h4{ width:100%;}

/* 詳細ページ */
.single-program #global,
.single-program_en #global{
	border-bottom:none;
	margin-bottom:0;
}
.single-program #container,
.single-program_en #container{
	padding:0
}


#mainImage{
	background:#000;
	color:#fff;
	text-align:center;
}

#mainImage img{
	max-width:100%;
}

#mainImage p{
	text-align:right;
	font-size:90%;
}

#programContents{
    color: #5A5A5A;
	font-size:90%;
    line-height: 150%;
    padding:10px 10px 40px 10px;
	overflow:hidden;
}

#programContents h3 {
    font-size: 110%;
    border-top: 1px solid #CCCCCC;
    margin: 25px 0 8px 0;
    background: url(../img/ico_02.gif) no-repeat left center;
    padding: 0 0 0 1em;
}

#titleBox{ overflow:hidden;}
#titleBox h2{
	background:none;
	border-left-width:5px;
	border-left-color:#666;
	border-left-style:solid;
	color:#000;
	font-weight:normal;
	height:auto;
	margin:0;
	float:left;
	line-height:inherit;
	padding-left:5px;
	font-size:110%;
}

#titleBox img{
	display:block;
	float:right;
}

#etcBox{ margin-bottom:20px;}
#etcBox .venue{
	text-align:right;
	margin:0;
}
.programTime{}

.imageBox{
	text-align:center;
	font-size:90%;
}


.imageBox article{
	margin-bottom:30px;
}

@media all and (min-width: 769px),print{
	.banners{
		position: absolute;
		right:14px;
		top:94px
	}
	#entryList .genre{
		float:right;
		position:absolute;
		right:0;
		top:6px;
	}
	.genre{
		width:120px;
	}
	#entryList .date,
	#entryList h4{ width:430px;}

/* 詳細ページ */
	.txtBox{
		float:left;
		width:538px;
	}
	#titleBox h2{
		width:700px;
	}
	.imageBox{
		float:right;
		width:300px;
	}


}

@media screen and (max-width:768px){
	#tabMenu {margin-top: 20px;}
	#tabMenu li{
		line-height: 1.2em;
		margin-right: 3%;
		width: 30%;
	}
	#tabMenu li:last-of-type{margin-right: 0}
	#tabMenu li a{
		font-size: 70%;
		margin-right: 3px;
		min-width:70px;
		padding:8px 3px;
		width: 100%
	}
	.genre{
		width:160px;
	}
/* 詳細ページ */

	#titleBox h2,
	#programContents h3{
		text-align: left;
		width: 100%;
	}
	#etcBox{text-align: right;}
	#etcBox .venue{
		background-image: url(https://eu-japanfest.org/n-program2/img/line.gif);
		background-position: center bottom;
		background-repeat: no-repeat;
		float: right;
		font-size: 90%;
		margin: 5px 0;
		width: 175px
	}
	.etcBoxLine {display: none;}
	#etcBox .genre {clear: both;}
	#programContents h3{padding-top: 3px;}
}