@charset "utf-8";
/* CSS Document (hottopics archive Styles) */
/*------------------------------------------------------------------------ BaseLayout*/
/* clearfix */
.hotArchive:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#hotArchive {
	/* width: 685px;
	margin: 0 auto; */
}

#hotArchive h2 {
	margin-bottom: 10px;
	/* width: 685px;
	height: 120px;
	text-indent: -9999px;
	background: url(../img/archiveH2.jpg) no-repeat; */
}


/*---------- tab */
#ulTab {
	clear: both;
	margin-top: 10px;
}

#ulTab li {
	display: inline-table;
	margin-bottom: 5px;
}
.alignR {
	text-align: right;
}

#ulTab li a, .btnBl a,
#ulTab li.contOld a:hover {
	color: #FFF !important;
	text-decoration: none !important;
	text-align: center;
	border-radius: 6px;
	background: #036;
}
#ulTab li a {
	display: block;
}

#ulTab li a:hover,
#ulTab li.contOld a {
	color: #039 !important;
	background: #E8F1F7;
}

#ulTab li.active a,
#ulTab li.contOld.active a {
	color: #039 !important;
	background: #ddd !important;
}




#hotArchive .divTab {
	display: none;
}

/*---------- tab */
.hotBox {
	float: left;
	width:41%;
	width:-webkit-calc(49% - 32px) ;
	width:calc(49% - 32px);
	margin-bottom:10px;
	padding: 15px;
	/* width: 310px;
	margin: 0 8px 10px;
	_margin-left: 4px;
	padding: 15px 7px;*/
	border: 1px solid #CCC;
	background: #FFF;
}
.hotBox:nth-child(odd){
	margin-right:1%;
}
/* ↑ margin-right:2% → 1% へ修正(2020/06/03) */

.hotInL {
	float: left;
	width: 33%;
	margin-right: 4%;
	/* width: 90px;
	margin-right: 15px; */
}

.hotInR h3 {
	font-size: 14px;
	padding: 2px 5px;
	border-left: 2px solid #dde82c;
}
.hotInR h3 a {
	color: #F36 !important;
}

.hotInR h3 span {
	font-size: 80%;
}

.hotInR {
	float: left;
	width: 63%;
	/* width: 200px; */
}
.hotInR dl {
	margin-top: 3px;
	line-height: 130%;
}
.hotInR dt {
	clear: both;
	float: left;
	width: 20px;
	margin-top: 8px;
}
.hotInR dd {
	/* float: left;
	width: 180px; */
	margin-top: 8px;
}

.txtPub {
	clear: both;
	padding-top: 10px;
	color: #888;
	font-size: 11px;
	text-align: right;
}

.txtRed {
	color: #C03;
	font-size: 110%;
}

/*----------------------------------- #contentOld*/
#contentOld {
	margin-top: 10px;
}
.dtlyearBtn {
	position: relative;
}
.yearContent {
	display: none;
}
.yearContent:first-of-type {
	display: block;
}
.dtlyearBtn:before,
.dtlyearBtn.open:before {
	width: 20px;
	height: 20px;
	font-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}
.dtlyearBtn:before,
.dtlyearBtn.open:first-of-type:before {
	content: "▼";
}
.dtlyearBtn.open:before,
.dtlyearBtn:first-of-type:before {
	content: "▲";
}
.ttlH3.dtlyearBtn b {
	padding: 8px 10px 8px 30px;
}
.ttlH3.dtlyearBtn:hover {
	background-color: #f5faff;
	cursor: pointer;
}