@charset "utf-8";

/*--------------------------------------------------------------*/
/* 仙台放送　放送基準 (2026/05/13) */
/*--------------------------------------------------------------*/

/* 全体 */

.archive-wrap {
	width:100%;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-family: sans-serif;
	}


/* タイトル */

.archive-title {
	position: relative;
	margin:0px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	background-color: #77aaee;
	color: #ffffff;
	cursor: pointer;
	transition: background-color 0.3s;
	font-size:15px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	line-height:20px;
	border-radius:5px;
	}


/* hover と open */

.archive-title:hover,
.archive-wrap.open .archive-title {
	background-color: #5577dd;
	}


/* アイコン */

.archive-icon {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform:
		translateY(-70%)
		rotate(45deg);
	transition: transform 0.3s;
	}


/* 開いた時 */

.archive-wrap.open .archive-icon {
	transform:
		translateY(-30%)
		rotate(-135deg);
	}


/* 本文 */

.archive-content {
	background-color: #ffffff;
	overflow: hidden;
	max-height: 0;
	padding: 0px 0px 0px 0px;
	transition:
		max-height 0.4s ease,
		padding 0.4s ease;
	}


/* 開いた時 */

.archive-wrap.open .archive-content {
	max-height: 1000px;
	padding: 0px 0px 0px 0px;
	}



/* 開いたコンテンツの設定 -----------------------------*/

ul.archive_list{
	width:100%;
	margin:0px 0px 10px 0px;
	list-style-type:none;
	}

ul.archive_list li{
	margin:0px 0px 5px 0px;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	}

ul.archive_list li a:link,
ul.archive_list li a:visited{
	display:block;
	margin:1px 0px 1px 0px;
	padding:3px 10px 2px 20px;
	background-color:#dddddd;
	color:#000000;
	border-radius:4px;
	}

ul.archive_list li a:hover,
ul.archive_list li a:active{
	margin:1px 0px 1px 0px;
	padding:3px 10px 2px 20px;
	background-color:#c0c0c0;
	color:#000000;
	}