@charset "utf-8";

/**
 *
 *  イベント一覧
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

#Event .btn_timetable{
	position: absolute;
	top: 0;
	right: 0;
	width: 168px;
	margin-top: -3px;
}
#Event .cmn-bs-btn.btn-conf01 span{
	padding: 0;
	background: none;
}


/*--------------------------------------------------------------------------
   Event
---------------------------------------------------------------------------*/

/* event-tab
-----------------------------------------------------------------*/
#Event .event-tab{
}

#Event .day-lists{
	letter-spacing: -.4em;
}
#Event .day-lists li{
	display: inline-block;
	letter-spacing: 0;
}
#Event .day-lists li + li{
	margin-left: 6px;
}
#Event .day-lists p{
	overflow: hidden;
	display: block;
	width: 168px;
	height: 63px;
	background-image: url(http://japan-rv.jp/event/images/index/btn_tabsheet.png);
	text-indent: -999px;
	cursor: pointer;
}
#Event .day-lists .day-all p{ background-position: 0 0;}
#Event .day-lists .day-11 p{ background-position: -168px 0;}
#Event .day-lists .day-12 p{ background-position: -336px 0;}
#Event .day-lists .day-13 p{ background-position: -504px 0;}
#Event .day-lists .day-14 p{ background-position: -672px 0;}
#Event .day-lists .day-all:hover p{ background-position: 0 -63px;}
#Event .day-lists .day-11:hover p{ background-position: -168px -63px;}
#Event .day-lists .day-12:hover p{ background-position: -336px -63px;}
#Event .day-lists .day-13:hover p{ background-position: -504px -63px;}
#Event .day-lists .day-14:hover p{ background-position: -672px -63px;}
#Event .day-lists .day-all.active p{ background-position: 0 -126px;}
#Event .day-lists .day-11.active p{ background-position: -168px -126px;}
#Event .day-lists .day-12.active p{ background-position: -336px -126px;}
#Event .day-lists .day-13.active p{ background-position: -504px -126px;}
#Event .day-lists .day-14.active p{ background-position: -672px -126px;}

#Event .event-cards{
	margin: 0 -14px;
}
#Event .card{
	position: relative;
	z-index: 1;
	float: left;
	width: 269px;
	margin: 17px 14px;
}
#Event .card:after{
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #f2f7f8;
}
#Event .card a{
	display: block;
	color: #2e2f48;
	text-decoration: none;
	-webkit-transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1);
			transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#Event .card a:hover{
	opacity: .6;
	filter: alpha(opacity=60);
}
#Event .card-inner{
	height: 300px;
	padding: 5px;
	border: 1px solid #e1e4ec;
	background: #fff;
}

#Event .card .fig{
	position: relative;
	z-index: 2;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
#Event .card .fig:after{
	content: '';
	position: absolute;
	bottom: -22px;
	right: 10px;
	z-index: 3;
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
}

/* アイコンバリエーション */
#Event .card.baby .fig{ border-bottom-color: #ecc304;}
#Event .card.balloon .fig{ border-bottom-color: #f7a130;}
#Event .card.beginner .fig{ border-bottom-color: #8bcc25;}
#Event .card.bike .fig{ border-bottom-color: #4594e3;}
#Event .card.camera .fig{ border-bottom-color: #375ca8;}
#Event .card.camp .fig{ border-bottom-color: #48bc5d;}
#Event .card.car .fig{ border-bottom-color: #6265d2;}
#Event .card.dog .fig{ border-bottom-color: #fc5064;}
#Event .card.eat .fig{ border-bottom-color: #e95d5d;}
#Event .card.listen .fig{ border-bottom-color: #24adc9;}
#Event .card.surf .fig{ border-bottom-color: #28d2d0;}
#Event .card.talk .fig{ border-bottom-color: #c371d2;}
#Event .card.baby .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_baby.png);}
#Event .card.balloon .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_balloon.png);}
#Event .card.beginner .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_beginner.png);}
#Event .card.bike .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_bike.png);}
#Event .card.camera .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_camera.png);}
#Event .card.camp .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_camp.png);}
#Event .card.car .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_car.png);}
#Event .card.dog .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_dog.png);}
#Event .card.eat .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_eat.png);}
#Event .card.listen .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_listen.png);}
#Event .card.surf .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_surf.png);}
#Event .card.talk .fig:after{ background-image: url(http://japan-rv.jp/event/images/index/ico_talk.png);}

#Event .card .day{
	margin-top: 18px;
	padding: 0 10px;
	font-size: 93%;
}
#Event .card .place{
	display: inline-block;
	margin-left: 5px;
	padding: 0 7px;
	border-radius: 12px;
	border: 1px solid #c7ccd1;
}
#Event .card .ttl{
	margin: 8px 0 15px;
	padding: 0 10px;
	word-break: keep-all;
	word-wrap: break-word;
	font-size: 107%;
	font-weight: bold;
}

/* プラグイン初期化CSS */
#Event .mix{
	display: none;
}