@charset "utf-8";
/***********************************************************
 「イベント＆アイドル最新情報」一覧（新しい書き方版）
 ・sidebar.php / index.php（スマホ）の表（table）レイアウトを置き換えたもの
 ・見た目は元の #side-event-info / #event_contents_smp（style.css）の設定に合わせている
************************************************************/

/* 共通：1件全体を1つのリンクにする */
.event-item,
.event-item:link,
.event-item:visited,
.event-item:hover,
.event-item:active {
	display: flex;
	align-items: center;
	text-decoration: none;
	outline: none;
	border-bottom: 1px solid #ffb480;
}
.event-item__image {
	flex-shrink: 0;
}
.event-item__photo {
	display: block;
}
.event-item__text {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #FF3262;
	line-height: 1.4em;
	font-weight: bold;
}
.event-item__text p.event-item__title {
	margin: 0;
	line-height: 1.4em;
}
.event-item__date {
	display: block;
}

/* マウスを乗せたとき、画像とタイトルを少し薄くする（元のJavaScriptの動きをCSSで再現） */
.event-item:hover .event-item__photo { opacity: 0.6; transition: opacity 0.2s; }
.event-item:hover .event-item__title { opacity: 0.7; transition: opacity 0.2s; }


/* ---------- PCサイドバー（#side-event-info） ---------- */

/* 外枠：左・右・下にオレンジの線 */
#side-event-info .event-box--side {
	border-style: solid;
	border-color: #ffb480;
	border-width: 0 1px 1px 1px;
	padding: 1px;
}
#side-event-info .event-item {
	margin: 0 10px;
	padding: 8px 0;
}
#side-event-info .event-item__image {
	width: 65px;
}
#side-event-info .event-item__text {
	padding-left: 9px;
}
#side-event-info .event-item__date {
	color: #4D4D4D;
	font-weight: normal;
	line-height: 1.4em;
}

/* お知らせをすべて見る */
#side-event-info .event-box--side p.bot {
	margin: 8px 8px 6px 8px;
	text-align: right;
	font-weight: bold;
	line-height: 1.4em;
}
#side-event-info .event-box--side p.bot a:link,
#side-event-info .event-box--side p.bot a:visited,
#side-event-info .event-box--side p.bot a:hover,
#side-event-info .event-box--side p.bot a:active {
	color: #FF3262;
	text-decoration: none;
	outline: none;
}


/* ---------- スマホのトップページ（#event_contents_smp） ---------- */

#event_contents_smp .event-box--smp {
	padding: 1px;
}
#event_contents_smp .event-item {
	width: 660px;
	min-height: 150px;
	padding: 11px 0;
}
#event_contents_smp .event-item__image {
	width: 153px;
	padding-left: 10px;
}
#event_contents_smp .event-item__photo {
	margin: 0 auto;
}
#event_contents_smp .event-item__text {
	padding-left: 10px;
}
#event_contents_smp .event-item__text p.event-item__title {
	background-color: #ffffff;
}
#event_contents_smp .event-item__date {
	font-size: 180%;
}

/* 情報をすべて見る */
#event_contents_smp .event-more {
	padding: 1px;
	text-align: right;
	margin-bottom: 0;  /* 元の作りでも下の余白は0（#event_contents_smp table の設定による） */
}