@charset "utf-8";
/* =================================================
	event
================================================= */

/* #sec_head ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_head h1 {
		background:url(../img/event/sec_head_img01.jpg) no-repeat 150% top;
		background-size:contain;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_head h1 {
		background:url(../img/event/sec_head_img01.jpg) no-repeat right top;
		background-size:contain;
	}
}

/* #sec_event ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_event {
	}
}

@media print,screen and (min-width: 769px) {
	#sec_event {
	}
}

/* .list_event ----------------------- */
.list_event h3 {
	width:100%;
	text-indent:-9999px;
}

.list_event .nowTitle table {
	border-bottom:5px solid #D05C60;
}

.list_event .date {
	color:gray;
	font-weight:700;
}

.list_event .name {
	font-weight:700;
}

.list_event .nowBox {
	display:none;
	border:1px solid #c9c9c9;
	border-top:none;
	background-color:#F7F7F7;
}

.list_event .nowBox table th,.list_event .nowBox table td {
	border:1px solid #c9c9c9;
	font-weight:700;
}

.list_event .nowBox table th {
	background-color:#F9EBEC;
	color:#D05C60;
}

.list_event .nowBox table td {
	background-color:#FFF;
}

.list_event .pastTitle {
	border:1px solid #c9c9c9;
}

.list_event .pastBox {
	display:none;
	border:1px solid #c9c9c9;
	border-top:none;
	background-color:#F7F7F7;
}

.list_event .pastBox table th,.list_event .pastBox table td {
	border:1px solid #c9c9c9;
	font-weight:700;
}

.list_event .pastBox table th {
	background-color:#F1F8F5;
	color:#4EA473;
}

.list_event .pastBox table td {
	background-color:#FFF;
}

@media screen and (max-width: 768px) {
	.list_event h3 {
		margin:0 0 15px;
		padding-bottom:30.1%;
	}
	
	.list_event #eventNow {
		background:no-repeat url(../img/event/img_event_01_sp.jpg);
		background-size:cover;
	}
	
	.list_event #eventPast {
		background:no-repeat url(../img/event/img_event_02_sp.jpg);
		background-size:cover;
	}
	
	.list_event .eventWrap {
		margin:0 0 30px;
	}
	
	.list_event .nowWrap,.list_event .pastWrap {
		margin:0 0 15px;
	}
	
	.list_event .nowTitle {
		border:1px solid #c9c9c9;
		background:no-repeat url(../img/event/icon_event_arrow_open.png);
		background-position:97% 50%;
		background-size:10px 6px;
		cursor:pointer;
	}
	
	.list_event .nowTitle.open {
		background:no-repeat url(../img/event/icon_event_arrow_close.png);
		background-position:97% 50%;
		background-size:10px 6px;
	}
	
	.list_event .nowTitle table {
		width:100%;
		height:80px;
		border-bottom:5px solid #D05C60;
	}
	
	.list_event .date {
		padding:10px 20px 0 10px;
	}
	
	.list_event .name {
		padding:0 20px 0 10px;
		font-size:15px;
	}
	
	.list_event .nowBox,.pastBox {
		padding:10px;
	}
	
	.list_event .eventCom {
		margin:0 0 20px;
	}
	
	.list_event .nowBox table,.list_event pastBox table {
		width:100%;
	}
	
	.list_event .nowBox table th,.list_event .nowBox table td,.list_event .pastBox table th,.list_event .pastBox table td {
		display:block;
		padding:5px 10px;
	}
	
	.list_event .pastTitle {
		border:1px solid #c9c9c9;
		background:no-repeat url(../img/event/icon_pastevent_arrow_open.png);
		background-position:97% 50%;
		background-size:10px 6px;
		cursor:pointer;
	}
	
	.list_event .pastTitle.open {
		background:no-repeat url(../img/event/icon_pastevent_arrow_close.png);
		background-position:97% 50%;
		background-size:10px 6px;
	}
	
	.list_event .pastTitle.none {
		margin:0 0 15px;
		background:none;
		cursor:default;
	}
	
	.list_event .pastTitle table {
		width:100%;
		border-bottom:5px solid #4EA473;
	}
}

@media print,screen and (min-width: 769px) {
	.list_event #eventNow {
		background:no-repeat url(../img/event/img_event_01_pc.jpg);
		background-size:contain;
	}
	
	.list_event #eventPast {
		background:no-repeat url(../img/event/img_event_02_pc.jpg);
		background-size:contain;
	}
	
	.list_event .name span {
		display:none;
	}
	
	.list_event h3 {
		margin:0 0 30px;
		padding-bottom:14.5%;
	}
	
	.list_event .eventWrap {
		margin:0 0 40px;
	}
	
	.list_event .nowWrap,.pastWrap {
		margin:0 0 20px;
	}
	
	.list_event .nowTitle {
		position:relative;
		border:1px solid #c9c9c9;
		background:no-repeat url(../img/event/icon_event_arrow_open.png);
		background-position:97% 50%;
		background-size:10px 6px;
		cursor:pointer;
	}
	
	.list_event .nowTitle::after {
		position:absolute;
		top:1.85em;
		right:4.5em;
		padding:5px;
		width:7em;
		height:2em;
		background:#D05C60;
		color:#fff;
		content:"詳細を見る";
		text-align:center;
		font-weight:700;
		font-size:14px;
		line-height:1.3;
	}
	
	.list_event .nowTitle.open {
		background:no-repeat url(../img/event/icon_event_arrow_close.png);
		background-position:97% 50%;
		background-size:10px 6px;
	}
	
	.list_event .nowTitle table {
		width:100%;
		height:80px;
		border-bottom:5px solid #D05C60;
	}
	
	.list_event .date {
		padding:10px 20px 0;
		font-size:14px;
	}
	
	.list_event .name {
		padding:0 20px;
		font-size:19px;
	}
	
	.list_event .nowBox,.list_event .pastBox {
		padding:20px;
	}
	
	.list_event .eventCom {
		margin:0 0 20px;
	}
	
	.list_event .nowBox table,.list_event .pastBox table {
		width:100%;
	}
	
	.list_event .nowBox table th,.list_event .nowBox table td,.list_event .pastBox table th,.list_event .pastBox table td {
		padding:10px 20px;
	}
	
	.list_event .nowBox table th,.list_event .pastBox table th {
		width:340px;
	}
	
	.list_event .pastTitle {
		position:relative;
		border:1px solid #c9c9c9;
		background:no-repeat url(../img/event/icon_pastevent_arrow_open.png);
		background-position:97% 50%;
		background-size:10px 6px;
		cursor:pointer;
	}
	
	.list_event .pastTitle::after {
		position:absolute;
		top:1.85em;
		right:4.5em;
		padding:5px;
		width:7em;
		height:2em;
		background:#4EA473;
		color:#fff;
		content:"詳細を見る";
		text-align:center;
		font-weight:700;
		font-size:14px;
		line-height:1.3;
	}
	
	.list_event .pastTitle.open {
		background:no-repeat url(../img/event/icon_pastevent_arrow_close.png);
		background-position:97% 50%;
		background-size:10px 6px;
	}
	
	.list_event .pastTitle.none {
		margin:0 0 20px;
		background:none;
		cursor:default;
	}
	
	.list_event .pastTitle.none::after {
		display:none;
	}
	
	.list_event .pastTitle table {
		width:100%;
		height:80px;
		border-bottom:5px solid #4EA473;
	}
}