@charset utf-8;

/** ===============================================================================================


	Wordpressテンプレート用CSS)

	@author  K.Sekioka of HEVIZ Co.,Ltd.


=================================================================================================== **/




/** ---------------------------------------------------------------------------


	.post 一覧


------------------------------------------------------------------------------- **/



.postsList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}


/** for tablet -------------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {

	.postsList {
		width: calc( 100% - 60px );
	}
}



/** for Smart Phone --------------------------------- **/

@media all and (max-width:767px) {

	.postsList {
		width: auto;
		margin: 0 20px;
	}
}



/** ---------------------------------------------------------------------------


	POST共通


------------------------------------------------------------------------------- **/



/* カテゴリー一覧 */
.postCategories {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.postCategories a:link,
.postCategories a:visited { color: inherit; }
.postCategories a:hover,
.postCategories a:active { color: var(--hover-color); }

.postCategories ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.postCategories li {
	display: inline-block;
	vertical-align: middle;
	margin: 2px 2px 0 0;
	padding: 0;
}

.postCategories a {
	display: block;
	padding: 0 15px;
	background-color: #f0f0f0;
	color: inherit;
}

.postCategories a:hover,
.postCategories a:active {
	color: #ffffff;
	background-color: var(  --hover-color );
}


/* ハッシュタグ */
.postTags {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.postTags a:link,
.postTags a:visited { color: inherit; }
.postTags a:hover,
.postTags a:active { color: var(--hover-color); }


.postTags ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.postTags li {
	display: inline-block;
	margin: 0 1em 0 0;
	padding: 0;
}

.postTags li::before {
	content: "#";
}





/** ---------------------------------------------------------------------------


	一覧ページ用 post article


-------------------------------------------------------------------------------- **/



.post.tile {
	display: block;
	position: relative;
	width: calc( 25% - 20px );
	margin: 30px 10px 0;
	padding: 0;
	box-sizing: border-box;
}

.post.tile a {
	text-decoration: none;
	color: inherit;
}
.post.tile a:link,
.post.tile a:visited { color: inherit; }
.post.tile a:hover,
.post.tile a:active   { color: var(--hover-color); }

.post.tile .tileImage {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 100%;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	background-color: rgba(0,0,0,0.1);
}

.post.tile .tileImage img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
	transform: translate( -50%, -50% );
	transition: all 0.5s;
}
.post.tile .tileImage a:hover img {
	width: 110%;
	height: 110%;
}

.post.tile .tileText {
	display: block;
	position: relative;
	margin: 10px 10px 0;
	padding: 0;
}


/* カテゴリー一覧 */
.post.tile .tileCategories {
	margin: 10px 0 0 0;
}


/* タイトル */
.post.tile .tileTitle {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: larger;
	font-weight: 700;
}

/* 概要 */
.post.tile .tileExcerpt {
	margin: 10px 0 0 0;
	padding: 0;
}

/* ハッシュタグ */
.post.tile .tileTags {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.post.tile .tileTags ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.post.tile .tileTags li {
	margin: 0 1em 0 0;
	padding: 0;
	white-space: nowrap;
}

.post.tile .tileTags a {}

.post.tile .tileTags a::before {
	content: "#";
}


/* 日付 */
.post.tile .tileDate {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.post.tile .tileText > *:first-child { margin-top: 0; }
.post.tile .tileText > *:last-child  { margin-bottom: 0; }



.post.tile .tileMore {
	margin: 10px 0 0 0;
}

.post.tile .tileMore a {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px;
		
	background-color: #f0f0f0;
	color: inherit;
	font-size: larger;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

.post.tile .tileMore a:hover {
	background-color: var( --hover-color );
	color: #ffffff;
}





/** for Smart Phone --------------------------------- **/

@media all and (max-width:767px) {
	
	.post.tile,
	.post.tile.featured {
		width: auto;
		margin: 30px 0;
	}

	.post.tile .tileImage img,
	.post.tile.img-horizontal .tileImage img,
	.post.tile.img-vertical .tileImage img {
		width: 100%;
	}
}



/** ---------------------------------------------------------------------------


	詳細ページ(single.php)
	個別ページ(page.php)


------------------------------------------------------------------------------- **/


.post.single,
.post.page {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
.post.single::after,
.post.page::after { content:"."; display:block; width:0; height:0; clear:both; visibility:hidden; overflow:hidden; }



.post.single .postHeader,
.post.page .postHeader {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	border: 1px solid #eeeeee;
	border-left: 0;
	border-right: 0;
}

.post.single .postHeaderInner,
.post.page .postHeaderInner {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.post.single .postHeaderImage,
.post.page .postHeaderImage {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.post.single .postHeaderImage img,
.post.page .postHeaderImage img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc( 100% - 10px );
	height: calc( 100% - 10px );
	object-fit: contain;
	margin: 0;
	padding: 0;	
	vertical-align: bottom;
	transform: translate(-50%,-50%);
}

.post.single .postHeaderText,
.post.page .postHeaderText {
	display: block;
	position: relative;
	margin: 0;
	padding: 30px 0;
	box-sizing: border-box;
}


.post.single .postCategories,
.post.page .postCategories {
	margin: 20px 0 0 0;
}

.post.single .postTitle,
.post.page .postTitle {
	margin: 20px 0 0 0;
	font-size: 28px;
}

.post.single .postTags,
.post.page .postTags {
	margin: 20px 0 0 0;
}

.post.single .postHeaderText > *:first-child { margin-top: 0; }
.post.single .postHeaderText > *:last-child  { margin-bottom: 0; }
.post.page .postHeaderText > *:first-child { margin-top: 0; }
.post.page .postHeaderText > *:last-child  { margin-bottom: 0; }


/* ページネーションリンク */
.post.single .post-nav-links,
.post.page .post-nav-links {
	width: calc( 100% - 100px );
	max-width: 1000px;
}

.post.single .postContent,
.post.page .postContent {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 0;
	box-sizing: border-box;
}

/* 次ページへのリンク */
.post.single .post-next-link,
.post.page .post-next-link {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 0;
	text-align: center;
}

.post.single .post-next-link a,
.post.page .post-next-link a {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	padding: 10px 50px;
	
	background-color: #444444;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
.post.single .post-next-link a::after,
.post.page .post-next-link a::after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	transform: translateY(-50%) rotate(45deg);
}



/* 画像がある時 */
.post.single.has-post-thumbnail .postHeaderInner,
.post.page.has-post-thumbnail .postHeaderInner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.post.single.has-post-thumbnail .postHeaderImage,
.post.page.has-post-thumbnail .postHeaderImage {
	width: 50%;
	padding: 0 0 50%;
	overflow: hidden;
}
.post.single.has-post-thumbnail .postHeaderText,
.post.page.has-post-thumbnail .postHeaderText {
	width: 50%;
	padding: 30px 0 30px 30px;
}



/** for smart phone **/
@media all and (max-width:767px) {
	
	.post.single,
	.post.page {
	}
	
	.post.single .postHeader,
	.post.page .postHeader {
		padding: 30px 0;
	}

	.post.single .postHeaderInner,
	.post.page .postHeaderInner {
		width: auto;
		max-width: none;
		margin: 0 20px;
	}

	.post.single .postHeaderText,
	.post.page .postHeaderText {
		margin: 30px 0 0 0;
		padding: 0;
		box-sizing: border-box;
	}

	.post.page .postHeaderInner > *:first-child { margin-top: 0; }
	.post.page .postHeaderInner > *:last-child  { margin-bottom: 0; }
	
	.post.single .postTitle,
	.post.page .postTitle {
		font-size: 24px;
	}


	/* ページネーションリンク */
	.post.single .post-nav-links,
	.post.page .post-nav-links {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		max-width: none;
	}

	.post.single .postContent,
	.post.page .postContent {
		width: auto;
		max-width: none;
		margin: 50px 20px 0;
	}

	/* 次ページへのリンク */
	.post.single .post-next-link,
	.post.page .post-next-link {
		width: auto;
		max-width: none;
		margin: 50px 20px 0;
	}

	.post.single .post-next-link a,
	.post.page .post-next-link a {
		display: block;
		margin: 0 0 10px;
	}


	/* 画像がある時 */
	.post.single.has-post-thumbnail .postHeaderInner,
	.post.page.has-post-thumbnail .postHeaderInner {
	    display: block;
	}
	.post.single.has-post-thumbnail .postHeaderImage,
	.post.page.has-post-thumbnail .postHeaderImage {
		width: 100%;
		padding: 0 0 100%;
	}
	.post.single.has-post-thumbnail .postHeaderText,
	.post.page.has-post-thumbnail .postHeaderText {
		width: auto;
		padding: 30px 20px 30px 20px;
	}
}



/** ---------------------------------------------------------------------------


	カテゴリー用POST


------------------------------------------------------------------------------- **/


.post.category {
	display: block;
	position: relative;
	width: calc( 33.33% - 20px );
	margin: 30px 10px 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #ffffff;
}

.post.category .postInner {}

.post.category .postImage {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 100% 0;
	box-sizing: border-box;
	overflow: hidden;
	background-color: rgba(0,0,0,0.02);
}

.post.category .postImage a {}

.post.category .postImage img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	object-fit: contain;
	transform: translate(-50%,-50%);
}
.post.category .postImage a:hover img {
	width: 120%;
	height: 120%;
}

.post.category .postText {
	display: block;
	position: relative;
	margin: 0;
	padding: 30px 10px 0;
	box-sizing: border-box;
}

.post.category .postTitle {
	margin: 30px 0 0 0;
	padding: 0;
	font-size: larger;
	font-weight: 700;
}

.post.category .postTitle a:link,
.post.category .postTitle a:visited { color: inherit; }
.post.category .postTitle a:hover,
.post.category .postTitle a:active { color: var( --hover-color ); }

.post.category .postList {
	display: block;
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.post.category .postList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.post.category .postList li {
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #ddd;
}
.post.category .postList li:last-child {
	border-bottom: 1px solid #ddd;
}
.post.category .postList a:link,
.post.category .postList a:visited { color: inherit; }
.post.category .postList a:hover,
.post.category .postList a:active { color: var( --hover-color ); }

.post.category .postText > *:first-child { margin-top: 0; }
.post.category .postText > *:last-child  { margin-bottom: 0; }


/** for smart phone **/
@media all and (max-width:767px) {

	.post.category {
		width: auto;
		margin: 30px 10px 0;
	}

.post.category .postList {
	display: block;
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	font-size: smaller;
}

.post.category .postList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.post.category .postList li {
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #ddd;
}
.post.category .postList li:last-child {
	border-bottom: 1px solid #ddd;
}
.post.category .postList a:link,
.post.category .postList a:visited { color: inherit; }
.post.category .postList a:hover,
.post.category .postList a:active { color: var( --hover-color ); }

.post.category .postText > *:first-child { margin-top: 0; }
.post.category .postText > *:last-child  { margin-bottom: 0; }
}



/** ---------------------------------------------------------------------------


	アーカイブページ


------------------------------------------------------------------------------- **/



.archiveHeader {
	display: block;
	position: relative;
	margin: 0;
	padding: 50px 0;
	box-sizing: border-box;
}

.archiveHeaderInner {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.archiveTitle {
	margin: 20px 0 0 0;
	padding: 0;
}

.archiveHeaderInner > *:first-child { margin-top: 0; }
.archiveHeaderInner > *:last-child  { margin-bottom: 0; }


/** for smart phone **/
@media all and (max-width:767px) {
	
	.archiveHeader {
		padding: 30px 0;
	}

	.archiveHeaderInner {
		width: auto;
		max-width: none;
		margin: 0 20px;
	}

	.archiveTitle {
		font-size: 24px;
	}
}



/** ---------------------------------------------------------------------------


	組み込みブロック共通


------------------------------------------------------------------------------- **/



.block.posts {
	display: block;
	position: relative;
	margin: 0;
	padding: 100px 0;
}

.block.posts .postsInner {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}


/* 見出し部分 */
.block.posts .postsHeader {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.block.posts .postsHeader a {
	color: inherit;
	text-decoration: none;
}
.block.posts .postsHeader a:link,
.block.posts .postsHeader a:visited { color: inherit; }
.block.posts .postsHeader a:hover,
.block.posts .postsHeader a:active  { color: var( --hover-color ); }

.block.posts .postsTitle {
	margin: 0;
	padding: 0;
	font-size: 40px;
	font-weight: 400;
}


/* 詳しくボタン */
.block.posts .postsMore {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.block.posts .postsMore a {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 40px;
	
	background-color: #f0f0f0;
	color: inherit;
	font-size: larger;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}
.block.posts .postsMore a:hover {
	background-color: var( --hover-color );
	color: #ffffff;
}


/** for smart phone **/
@media all and (max-width:767px) {

	.block.posts {
	}

	.block.posts .postsInner {
		width: auto;
		max-width: none;
		margin: 0 20px;
	}

	/* 見出し部分 */
	.block.posts .postsTitle {
		font-size: 24px;
	}

	/* 詳しくボタン */
	.block.posts .postsMore {
		position: relative;
		right: auto;
		top: auto;
		margin: 50px 0 0 0;
	}
}



/** ---------------------------------------------------------------------------


	ニュース枠


------------------------------------------------------------------------------- **/



.block.posts.news .postsRows {
	margin: 30px 0 0 0;
	padding: 0;
	border: 1px solid #ddd;
}

.block.posts.news .postsRows ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.block.posts.news .newsRow {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
}
.block.posts.news .newsRow:first-child {
	border-top: 0;
}

.block.posts.news .newsRow a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
}
.block.posts.news .newsRow a:link,
.block.posts.news .newsRow a:visited { color: inherit; }
.block.posts.news .newsRow a:hover,
.block.posts.news .newsRow a:active  { color: var( --hover-color ); }

.block.posts.news .newsRow dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
}

.block.posts.news .newsRow dt {
	width: 10em;
	margin: 0;
	padding: 0 1em;
	box-sizing: border-box;
	
	font-size: inherit;
	font-weight: 400;
}

.block.posts.news .newsRow dd {
	width: calc( 100% - 7em );
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	font-size: inherit;
	font-weight: 400;
}


/** for smart phone **/
@media all and (max-width:767px) {
	
	.block.posts.news .postsRows {
	}

	.block.posts.news .newsRow dl {
		display: block;
	}

	.block.posts.news .newsRow dt {
		width: auto;
		margin: 0;
		padding: 0;
		font-size: smaller;
	}

	.block.posts.news .newsRow dd {
		width: auto;
		margin: 5px 0 0 0;
	}
}



/** ---------------------------------------------------------------------------


	組み込み用カテゴリーブロック


------------------------------------------------------------------------------- **/



.block.posts.category {}

.block.posts.category .postsList {
	width: auto;
	max-width: none;
	margin-left: -10px;
	margin-right: -10px;
}


/* カルーセルにする場合 */
.block.posts.category .hvSlider {
	margin: 30px -10px 0;
}

.block.posts.category .hvSlider .screen > ul {
    align-items: stretch;
}

.block.posts.category .hvSlider .screen > ul > li {
    width: 0.25%;
	background-color: transparent;
}


.block.posts.category .hvSlider .post.tile {
    width: auto;
    margin: 0 10px;
}


/** for smart phone **/
@media all and (max-width:767px) {
	
	/* カルーセルにする場合 */
	.block.posts.category .hvSlider .screen > ul > li {
	    width: 1%;
	}
}



/** ---------------------------------------------------------------------------


	商品アーカイブsection


------------------------------------------------------------------------------- **/



.posts.archive {
	display: block;
	position: relative;
	margin: 0 0 50px;
	padding: 0;
}

.posts.archive .archiveHeader {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 50px;
	background-color: #f0f0f0;
}

.posts.archive .archiveTitle {
	margin: 0;
	padding: 0 20px;
	box-sizing: border-box;
	
	font-size: 30px;
	font-weight: inherit;
}

.posts.archive .archiveDescription {
	margin: 0;
	padding: 0 20px;
	box-sizing: border-box;
}
.posts.archive .archiveDescription > *:first-child { margin-top: 0; }
.posts.archive .archiveDescription > *:last-child  { margin-bottom: 0; }

.posts.archive .archivePosts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 50px auto 0;
	padding: 0;
}

.posts.archive .post.tile {}

.posts.archive .post.tile.featured {}

.posts.archive .archiveQuery {
	margin: 30px 0 0 0;
	text-align: center;
	font-size: larger;
	font-weight: inherit;
}



/** for Smart Phone --------------------------------- **/

@media all and (max-width:767px) {

	
	.posts.archive .archiveHeader {
		padding: 30px;
	}
	
	.posts.archive .archiveTitle {
		font-size: 20px;
	}
}








/** -------------------------------------------------------


	パーツ : アーカイブページ用ページ送り

	<nav class="navigation pagination" aria-label="投稿">
	<h2 class="screen-reader-text">投稿ナビゲーション</h2>
	<div class="nav-links">
	<span aria-current="page" class="page-numbers current">1</span>
	<a class="page-numbers" href="https://sumu.wiez.net/?paged=2&amp;cat=39">2</a>
	<a class="next page-numbers" href="https://sumu.wiez.net/?paged=2&amp;cat=39">NEXT</a>
	</div>
	</nav>


----------------------------------------------------------- **/



.pagination {
	display: block;
	position: relative;
	margin: 50px 0 0 0;
	padding: 0;
}

.pagination .screen-reader-text {
	display: none;
}

.pagination .nav-links {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 0;
}

.pagination .page-numbers {
	display: block;
	position: relative;
	margin: 2px;
	padding: 10px 15px;
	
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	
	color: #ffffff;
	border: 1px solid #444444;
	background-color: #444444;
}

.pagination .page-numbers:hover {
	color: #ffffff;
	border-color: #cc0000;
	background-color: #cc0000;
	transition: all 0.3s;
}

.pagination .page-numbers.current {
	font-weight: 700;
	color: #444444;
	background-color: #ffffff;
	border-color: #444444;
}

.pagination .page-numbers.prev {}

.pagination .page-numbers.next {}



/** ---------------------------------------------------------------------------


	404ページ


------------------------------------------------------------------------------- **/



.notFound {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.notFoundInner {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.notFoundHeader {
	display: block;
	position: relative;
	margin: 0;
	padding: 50px 0;
}

.notFoundTitle {
	margin: 0;
	padding: 0;
	
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}

.notFoundTitle strong {
	font-size: 50px;
	font-weight: 700;
	padding-right: 0.5em
}

.notFoundContent {
	display: block;
	position: relative;
	margin: 0;
	padding: 50px 0 0 0;
	box-sizing: border-box;
	text-align: center;
}

.notFoundContent p {}

.notFoundContent > *:first-child { margin-top: 0; }
.notFoundContent > *:last-child  { margin-bottom: 0; }

.notFoundFooter {}

.notFoundButton {
	display: block;
	position: relative;
	margin: 100px auto 0;
	padding: 0;
	text-align: center;
}

.notFoundButton a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0;
	padding: 20px 50px;
	
	background-color: #444444;
	color: #ffffff;
	font-size: larger;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}
.notFoundButton a:hover {
	background-color: var( --hover-color );
	color: #ffffff;
}