@charset "utf-8";

/* ==================================================
contents
================================================== */
#tmp_news {
	margin-bottom: 30px;
}
#tmp_wrap_topics {
	float: left;
	width: 464px;
	margin-right: 32px;
	background-color: #ffffff;
	border-radius: 10px;
	color: #222222;
	box-shadow: 0 2px 6px #666666;
}
#tmp_wrap_topics .topics_ttl {
	margin: -23px 0 10px;
	padding: 0 20px;
}
#tmp_wrap_topics .topics_ttl h2 {
	background: url(/shared/templates/kasori_top/images/topics_head.jpg) no-repeat;
	width: 424px;
	height:	88px;
}
#tmp_wrap_topics .topics_ttl h2 span {
	display: block;
	height: 0;
	overflow: hidden;
	z-index: -1;
}
#tmp_wrap_topics .topics_cnt {
	padding: 0 20px 25px;
}
#tmp_wrap_topics .topics_cnt .list_table {
	border-collapse:collapse;
	margin-bottom: 15px;
	width: 100%;
	font-weight: bold;
}
#tmp_wrap_topics .topics_cnt tr {
	border-bottom: #acacac 1px dashed;
}
#tmp_wrap_topics .topics_cnt .date {
    width: 90px;
    padding: 7px 0 4px 20px;
    color: #222222;
    background: transparent url(/shared/site_kasori/images/icon/navi_icon_list.png) no-repeat 4px 12px;
	background-size: auto;
	vertical-align: top;
}
#tmp_wrap_topics .topics_cnt a {
	color: #005eaa;
	background-color: transparent;
	text-decoration: none;
}
#tmp_wrap_topics .topics_cnt a:hover {
	text-decoration: underline;
}
#tmp_wrap_topics .topics_cnt ul {
	width: 235px;
    margin: 0 0 0 auto;
}
#tmp_wrap_topics .topics_cnt li {
	list-style: none;
	float: left;
}
#tmp_wrap_topics .topics_cnt li a {
	padding:2px 0 2px 22px;
	font-weight: bold;
	background: url(/shared/site_kasori/images/icon/navi_icon_all.png) no-repeat left 4px;
	background-size: 13px;
}
#tmp_wrap_topics .topics_cnt li.rss a {
    background: url(/shared/site_kasori/images/icon/navi_icon_rss.png) no-repeat left 4px;
    padding-left: 18px;
    margin-left: 20px;
}
#tmp_tw_timeline {
	box-sizing: border-box;
	float: left;
	width: 464px;
	height: 390px;
	box-shadow: 0 2px 6px #666666;
}
#tmp_tw_timeline p iframe {
    width: calc(100vw - 20px)!important;
}
/* 開館日カレンダー
================================================== */
#tmp_fixed_calendar {
	background-color: #c5e1d1;
	color: #222222;
	border-radius: 10px;
	margin-bottom: 50px;
    padding: 30px 0 22px;
	box-shadow: 0 2px 6px #666666;
}
#tmp_fixed_calendar h2 {
	text-align: center;
	margin-bottom: 25px;
}
#tmp_fixed_calendar .col2 img {
	margin-bottom: 15px;
	width: 325px;
	height: auto;
}
#tmp_fixed_calendar .col2 th {
	position: relative;
    width: 50px;
    padding-left: 20px;
    vertical-align: top;
	text-align: left;
}
#tmp_fixed_calendar .col2 th.open_time {
    width: 65px;
}
#tmp_fixed_calendar .col2 th:before {
	content: "";
    position: absolute;
    top: 6px;
    left: 8px;
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: top;
    background: #ad6109;
}
#tmp_fixed_calendar .col2l {
	float: left;
	width: 380px;
	margin: 0px 45px 0 105px;
}
#tmp_fixed_calendar .col2r {
	float: left;
    width: 390px;
}
#tmp_fixed_calendar .calendar_link {
	padding-left: 10px;
}
/* PRバナー
================================================== */
#tmp_pr_bnr {
    margin-bottom: 55px;
}
#tmp_pr_bnr li {
	list-style: none;
	display: inline-block;
}
#tmp_pr_bnr li a {
	display: block;
	margin-right: 2px;
}
#tmp_pr_bnr li a img {
	width: 184px;
	height: auto;
}
#tmp_pr_bnr li a:nth-child(5n) {
	margin-right: 0;
}
/* ==================================================
font - bold -
================================================== */
#tmp_wrap_topics .topics_cnt .list_table,
#tmp_wrap_topics .topics_cnt li a {
	font-family:"UD Shin Go DemiBold", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_wrap_topics .topics_cnt ul:after,
#tmp_news:after,
#tmp_fixed_calendar .col2,
#tmp_top_search_box:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}