@charset "UTF-8";
/*
	circus-co.jp　最新/新着情報リストブロックスタイル 
*/
 
/* 枠スタイル(共通) */ 

#main-wrapper .frame-style
{
	border: solid 1px #999;
	border-radius: 6px 6px 6px 6px;
	padding: 0;
	background: #FFF;
}

#main-wrapper .frame-style > h2
{
	padding: .3rem 1.5rem;
	text-align: left;
	background: #999;
	color: #FFF;
	font-size: 1.6rem;
}
 
/* 最新情報・新着情報 */ 
	 
#latest-information 
{
	/* テーマ */
	border-color: #F73F21 !important;
}

#latest-information > h2
{
	/* テーマ */
	border-bottom: solid .1rem #F73F21 !important;
	background: #F7DD3D !important;
	color: #F7491C !important;
}

#latest-information > .article + .article
{
	/* テーマ */
	border-top: solid .1rem #F7DD84;
}

#latest-information .article:last-child
{
	margin-bottom: 1rem;
}
 
#new-information 
{
	margin-top: 1rem;
}
 
.information-list 
{
	overflow: hidden;
	margin: 0;
	border: solid .1rem #999;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background: #FFF;
}
	 
/* .article */ 

.information-list > .article
{
	display: flex;
	overflow: hidden;
	line-height: 1.4 !important;
	margin: .5rem 2rem;
	text-decoration: none !important;
}

.information-list > .article + .article,
.information-list > .article + .readlist
{
	margin: 1rem 2rem .5rem;
	border-top: solid .1rem #666;
	padding-top: 1rem;
}

.information-list > .article a
{
	margin: 0;
	padding: 0;
	white-space: normal;
	text-decoration: none !important;
}

.information-list > .article a[href]:hover
{
	background: #FFF !important;
	color: #C00;
	text-decoration: underline !important;
}

.information-list > .article > .banner
{
	width: 140px;
	min-width: 140px;
	height: auto;
	margin: 0;
	padding: 0;
}

.information-list h3
{
	margin: 0;
	padding: 0;
	line-height: 1.6 !important;
	font-size: 1.4rem;
	font-weight: bold;
}

.information-list h3 img
{
	padding: 0 10px 0 0;
}

	 
/* カテゴリーチップ */ 
 
/* 詳細 */ 

.information-list > .article > .detail
{
	flex: auto;
	overflow: hidden;

	margin: 0 0 0 1rem;
	font-size: small;
	color: #444;
	white-space: normal;

	display: flex;
	flex-flow: column;
	justify-content: space-between;
}



/* 詳細を見る・日付 */

.information-list > .article .readmore-and-date
{
	display: flex;
	flex-flow: column;
	align-items: stretch;
	align-content: space-between;
	text-align: right;
	font-size: 1.2rem;
}

.information-list > .article .readmore
{
}

.information-list > .article .date
{
	color: #666;
}



/* 近日開催 */

.information-list > .article .readmore-and-date.csoon
{
	flex-flow: row;
	justify-content: flex-end;
	align-items: center;
}

.information-list > .article .readmore-and-date.csoon .readmore
{
	order: 2;
}

.information-list > .article .readmore-and-date.csoon .date
{
	order: 1;
}

.information-list > .article .csoon .date
{
	order: 1;
	margin-right: 1rem;
	border-radius: 3rem;
	padding: .1rem 1.5rem;
	background: #FF9326;
	color: #FFF;
	font-weight: bold;
}
 	 
/* その他の新着情報 */ 

.information-list .readlist
{
	display: none;
	text-align: right;
	font-size: small;
	color: #00F;
}

.information-list .readlist a
{
	display: inline-block;
	padding: .5rem 1rem;
	text-decoration: none !important;
}

.information-list .readlist a:hover
{
	background-color: #FEFEEE !important;
	color: #CC0000;
	text-decoration: underline !important;
}
   
