@charset "UTF-8";
.clsNone {
	display:none !important;
}
.clsVisiNone {
	visibility:hidden;
}

/* 一覧で掲載情報がない場合に付与 */
.clsNoData{
    text-align: center;
	margin: 0 auto;
}

/* プレビュー注記 */
.clsPreviewH2 {
	position: fixed;z-index: 9999;
	background-color: #ff9c9c8c;;
	color: white;
	width: 100%;
	text-align: center;
	padding: 10px;
	font-size: 20px;
}

/* --------------- */ 
/* TOP */
/* --------------- */ 
/* ピックアップ */
#idCmsNews_top_pickup {
}
/* タブ */
#idCmsNews_top_tab{

}
/* お知らせ */
#idCmsNews_top_news{
}

/* -------------------- */
/* お知らせ一覧 */
/* -------------------- */
/* ピックアップ */
#idCmsNews_list_pickup{

}
/* 年プルダウン */
#idCmsNews_list_year{
}
/* タブ */
#idCmsNews_list_tab{
}
/* お知らせ */
#idCmsNews_list_news{
}

/* -------------------- */
/* お知らせ詳細 */
/* -------------------- */
#idCmsNews_detail {
}

/* -------------------- */
/* 新店情報 */
/* -------------------- */
#idCmsStore_list {
}

/* -------------------- */
/* ページネーション */
/* -------------------- */
.clsPageNavi{
	display:flex;
	justify-content: center;
  	align-items: center;
}
	/* 前へ */
	.clsPageNavi .prev-page{
		margin: 0 4px;
	}
		.clsPageNavi .prev-page button{
			border: none;
			line-height: 32px;
			margin-inline: 4px;
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 2px;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
			font-size: 1rem;
		}
	/* 次へ */
	.clsPageNavi .next-page{
		margin: 0 4px;
	}
		.clsPageNavi .next-page button{
			border: none;
			line-height: 32px;
			margin-inline: 4px;
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 2px;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
			font-size: 1rem;

		}

	/* ページ番号 */
	.clsPageNavi ul{
		display:flex;
	}
		.clsPageNavi ul li:not(.ellipsis) a{
			margin: 0 4px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 50px;
			height: 32px;
			text-align: center;
			font-size: 1rem;
			line-height: 1;
			font-weight: bold;
			border: 1px solid #E2152A;
			border-radius: 3px;
			color: #E2152A;
			-webkit-transition: background-color, color 0.2s;
			transition: background-color, color 0.2s;
		}
		.clsPageNavi ul li.current:not(.ellipsis) a{
			background: #E2152A;
			color: #fff;
		}

		/* 省略記号 */
		.clsPageNavi ul li.ellipsis{
			display: block;
			width: 24px;
			height: 32px;
			font-size: 0;
			background: -webkit-radial-gradient(#aaa 1px, transparent 1px) repeat-x left center;
			background: radial-gradient(#aaa 1px, transparent 1px) repeat-x left center;
			background-size: 8px 8px;
		}