@charset "shift_jis";
/* CSS Document */

#eventCalender{
	width : 630px ;
	text-align : left ;
}
#eventCalender h1{
	padding : 0 0 5px ;
}
#eventCalender p{
	margin : 0 ;
}
#eventCalender a{
	color : #630 ;
}
#eventCalender a:hover{
	color : #f90 ;
}
/*******************************************************************************
	.eventCalenderSearch
*******************************************************************************/
#eventCalender form.eventCalenderSearch{
	box-sizing : border-box ;
	display : table ;
	width : 100% ;
	padding : 15px ;
	margin : 0 0 20px ;
	background : #fefaf2 ;
}
#eventCalender form.eventCalenderSearch fieldset{
	border : none ;
}
#eventCalender form.eventCalenderSearch .input{
	display : table-cell ;
	width : 470px ;
	vertical-align : middle ;
}
#eventCalender form.eventCalenderSearch .input fieldset{
	margin : 0 0 10px ;
}
#eventCalender form.eventCalenderSearch .input fieldset p.title{
	float : left ;
	width : 45px ;
	font-size : 12px ;
	font-weight : bold ;
	line-height : 24px ;
	color : #000 ;
}
#eventCalender form.eventCalenderSearch .input fieldset input{
	box-sizing : border-box ;
	height : 24px ;
	width : 425px ;
	padding : 0 5px ;
	border : #ecd9ad 1px solid ;
	background : #fff ;
	border-radius : 5px ;
	font-size : 12px ;
	float : left ;
}
#eventCalender form.eventCalenderSearch .input fieldset select{
	box-sizing : border-box ;
	height : 24px ;
	width : 425px ;
	padding : 0 5px ;
	border : #ecd9ad 1px solid ;
	background : #fff ;
	border-radius : 5px ;
	font-size : 12px ;
	float : left ;
}
#eventCalender form.eventCalenderSearch .input fieldset span{
	float : left ;
	width : 35px ;
	margin : 0 ;
	font-size : 14px ;
	line-height : 24px ;
	color : #000 ;
	text-align : center ;
}
/* date */
#eventCalender form.eventCalenderSearch .input fieldset.date input{
	width : 195px ;
}
/* area */
#eventCalender form.eventCalenderSearch .input fieldset.area{
	float : left ;
}
#eventCalender form.eventCalenderSearch .input fieldset.area select{
	width : auto ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre{
	float : right ;
	padding : 0 ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre p.title{
	width : auto ;
	margin : 0 5px 0 0 ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre label{
	float : left ;
	position : relative ;
	margin : 0 5px 0 0 ;
	padding : 0 0 0 21px ;
	line-height : 24px ;
	overflow : hidden ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre label:last-of-type{
	margin : 0 ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre label input{
	float : none ;
	position : absolute ;
	left : 0 ;
	top : 2px ;
	display : inline-block ;
	width : 20px ;
	height : 20px ;
}
/*
#eventCalender form.eventCalenderSearch .input fieldset.genre label input:after{
	content : " ";
	position : absolute ;
	left : 20px ;
	top : 2px ;
	box-sizing : border-box ;
	width : 20px ;
	height : 20px ;
	border : #ecd9ad 1px solid ;
	border-radius : 5px ;
	line-height : 20px ;
	text-align : center ;
	background : rgba(255,255,255,1) ;
	z-index : 1 ;
}
#eventCalender form.eventCalenderSearch .input fieldset.genre label input:checked:before{
	content : " ";
	position : absolute ;
	left : 26px ;
	top : 11px ;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 10px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
	z-index : 2 ;
}
*/
/* publisher */
#eventCalender form.eventCalenderSearch .input fieldset.publisher{
	clear : both ;
	margin : 0 ;
}
#eventCalender form.eventCalenderSearch .btn{
	display : table-cell ;
	text-align : right ;
	vertical-align : middle ;
}
#eventCalender form.eventCalenderSearch .btn input{
	width : 110px ;
	height : 38px ;
	border : none ;
	background : #ff9900 ;
	border-radius : 5px ;
	color : #fff ;
	font-weight : bold ;
	cursor : pointer ;
}
#eventCalender form.eventCalenderSearch .btn input:hover{
	opacity : 0.7 ;
}
/*******************************************************************************
	.sort
*******************************************************************************/
#eventCalender .sort{
	margin : 0 0 10px ;
}
#eventCalender .sort dl dt{
	float : left ;
	margin : 0 10px 0 0 ;
 	font-weight : bold ;
}
#eventCalender .sort dl dd{
	float : left ;
	border-right : #f2ede8 1px solid ;
	padding : 0 10px ;
}
#eventCalender .sort dl dd:last-child{
	border : none ;
}
#eventCalender .sort dl dd.current a{
	color : #f90 ;
	font-weight : bold ;
	text-decoration : none ;
}
/*******************************************************************************
	.itemList
*******************************************************************************/
#eventCalender .itemList{
	border-bottom : #f2ede8 1px solid ;
}
#eventCalender .itemList ul li.item{
	box-sizing : border-box ;
	float : left ;
	width : 50% ;
	border-top : #f2ede8 1px solid ;
}
#eventCalender .itemList ul li.item:nth-of-type(2n+1){
	border-right : #f2ede8 1px solid ;
}
#eventCalender .itemList ul li.item a{
	box-sizing : border-box ;
	padding : 10px 15px 15px ;
	display : block  ;
	color : #000 ;
	text-decoration : none ;
	text-align : center ;
}
#eventCalender .itemList ul li.item a:hover{
	opacity : 0.7 ;
}
#eventCalender .itemList ul li.item a ul.label{
	margin : 0 0 20px ;
}
#eventCalender .itemList ul li.item a ul.label li.genre{
	float : left ;
	margin : 0 5px 0 0 ;
	line-height : 17px ;
	padding : 0 5px ;
	background : #bfddac ;
	border-radius : 5px ;
	font-size : 10px ;
}
#eventCalender .itemList ul li.item a ul.label li.genre.campaign{
	background : #f5d99e ;
}
#eventCalender .itemList ul li.item a ul.label li.genre.new{
	background : #eaab8d ;
}
#eventCalender .itemList ul li.item a ul.label li.area{
	float : left ;
	min-width : 40px ;
	margin : 0 5px 0 0 ;
	line-height : 15px ;
	padding : 0 5px ;
	border : #bfbfbf 1px solid ;
	background : #fff ;
	border-radius : 5px ;
	font-size : 10px ;
	text-align : center ;
}
#eventCalender .itemList ul li.item a h2{
	margin : 0 0 10px ;
	text-align : center ;
	font-size : 16px ;
	font-weight : bold ;
}
#eventCalender .itemList ul li.item a p.date{
	margin : 0 0 20px ;
	text-align : center ;
	font-size : 14px ;
	color : #666666 ;
}
#eventCalender .itemList ul li.item a figure{
	display : table ;
	width : 204px ;
	height : 156px ;
	margin : 0 auto 15px ;
	background : #f2ede8 ;
}
#eventCalender .itemList ul li.item a figure span{
	display : table-cell ;
	width : 204px ;
	height : 156px ;
	text-align : center ;
	vertical-align : middle ;
}
#eventCalender .itemList ul li.item a figure span img{
	max-width : 204px ;
	max-height : 156px ;
}
#eventCalender .itemList ul li.item a dl{
	display : table ;
	margin : 0 auto ;
}
#eventCalender .itemList ul li.item a dl dt{
	display : table-cell ;
	text-align : right ;
	vertical-align : top ;
	white-space : nowrap ;
	line-height : 140% ;
}
#eventCalender .itemList ul li.item a dl dd{
	display : table-cell ;
	text-align : left ;
	vertical-align : top ;
	line-height : 140% ;
}
/*******************************************************************************
	.pagenate
*******************************************************************************/
#eventCalender .pagenate{
	margin : 20px 0 0 ;
	text-align : right ;
}
#eventCalender .pagenate p{
	display : inline-block ;
	line-height : 24px ;
}
#eventCalender .pagenate p a{
	display : block ;
	width : 40px ;
	background : #f2ede8 ;
	border-radius : 3px ;
	text-align : center ;
	text-decoration : none ;
	font-size : 14px ;
	color : #a78e73 ;
}
#eventCalender .pagenate p a:hover{
	color : #630 ;
	opacity : 0.7 ;
}
#eventCalender .pagenate ul{
	display : inline-block ;
	margin : 0 20px ;
}
#eventCalender .pagenate ul li{
	display : inline-block ;
	line-height : 24px ;
	color : #a78e73 ;
}
#eventCalender .pagenate ul li.ellipsis{
	margin : 0 10px ;
}
#eventCalender .pagenate ul li a{
	box-sizing : bordedr-box ;
	display : block ;
	width : 24px ;
	height : 24px ;
	border : #f2ede8 1px solid ;
	border-radius : 3px ;
	text-align : center ;
	text-decoration : none ;
	font-size : 14px ;
	color : #a78e73 ;
}
#eventCalender .pagenate ul li.current a,
#eventCalender .pagenate ul li a:hover{
	border-color : #cbb9a4 ;
	background : #f2ede8 ;
	color : #b29c84 ;
	font-weight : bold ;
}
/*******************************************************************************
	.pageHeader
*******************************************************************************/
#eventCalender .pageHeader{
	position : relative ;
	margin : 0 0 10px ;
	border-bottom : #f2ede8 1px solid ;
}
#eventCalender .pageHeader p{
	position : absolute ;
	right : 0 ;
	bottom : 5px ;
}
/*******************************************************************************
	.detailHeader
*******************************************************************************/
#eventCalender .detailHeader{
	margin : 0 0 20px ;
}
#eventCalender .detailHeader ul.label{
	float : left ;
}
#eventCalender .detailHeader ul.label li.genre{
	float : left ;
	margin : 0 5px 0 0 ;
	line-height : 17px ;
	padding : 0 5px ;
	background : #bfddac ;
	border-radius : 5px ;
	font-size : 12px ;
}
#eventCalender .detailHeader ul.label li.genre.campaign{
	background : #f5d99e ;
}
#eventCalender .detailHeader ul.label li.genre.new{
	background : #eaab8d ;
}
#eventCalender .detailHeader ul.label li.area{
	float : left ;
	min-width : 40px ;
	margin : 0 5px 0 0 ;
	line-height : 15px ;
	padding : 0 5px ;
	border : #bfbfbf 1px solid ;
	background : #fff ;
	border-radius : 5px ;
	font-size : 12px ;
	text-align : center ;
}
#eventCalender .detailHeader p.date{
	float : right ;
	font-size : 14px ;
	color : #666666 ;
	line-height : 17px ;
}
#eventCalender .detailHeader h2{
	clear : both ;
	padding : 20px 0 0 ;
	font-size : 18px ;
	font-weight : bold ;
	line-height : 140% ;
}
#eventCalender .itemList ul li.item a figure{
	display : table ;
	width : 204px ;
	height : 156px ;
	margin : 0 auto 15px ;
	background : #f2ede8 ;
}
/*******************************************************************************
	.detailContent
*******************************************************************************/
#eventCalender .detailContent{
}
#eventCalender .detailContent figure{
	margin : 0 auto 20px ;
	text-align : center ;
}
#eventCalender .detailContent figure span img{
	max-width : 500px ;
}
#eventCalender .detailContent p{
	margin : 0 0 20px ;
	font-size : 14px ;
	line-height : 180% ;
}
#eventCalender .detailContent p.more{
	width : 330px ;
	margin : 50px auto 0 ;
	line-height : 60px ;
}
#eventCalender .detailContent p.more a{
	display : block ;
	background : #bfddac ;
	border-radius : 30px ;
	text-align : center ;
	color : #000 ;
	text-decoration : none ;
}
#eventCalender .detailContent p.more.campaign a{
	background : #f5d99e ;
}
#eventCalender .detailContent p.more.new a{
	background : #eaab8d ;
}
#eventCalender .detailContent p.more a:hover{
	opacity : 0.7 ;
}
/*******************************************************************************
	.detailFooter
*******************************************************************************/
#eventCalender .detailFooter{
	margin : 50px 0 15px ;
	padding : 0 0 15px ;
	border-bottom : #f2ede8 1px solid ;
}
#eventCalender .detailFooter p{
	float : left ;
	width : 475px ;
	font-size : 14px ;
	line-height : 140% ;
	color : #666666 ;
}
#eventCalender .detailFooter ul{
	float : right ;
}
#eventCalender .detailFooter ul li{
	float : left ;
	margin : 0 10px 0 0 ;
}
#eventCalender .detailFooter ul li:last-child{
	margin : 0 ;
}
#eventCalender .detailFooter ul li a:hover{
	opacity : 0.7 ;
}
/*******************************************************************************
	.relation
*******************************************************************************/
#eventCalender .relation dl dt{
	margin : 0 0 10px ;
	font-size : 14px ;
}
#eventCalender .relation dl dd{
	float : left ;
	min-width : 90px ;
	line-height : 35px ;
	margin : 0 10px 10px 0 ;
}
#eventCalender .relation dl dd a{
	display : block ;
	padding : 0 10px ;
	background : #f2ede8 ;
	border-radius : 5px ;
	text-align : center ;
	color : #666 ;
	text-decoration : none ;
}
#eventCalender .relation dl dd a:hover{
	opacity : 0.7 ;
}