@charset utf-8;

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


	Wordpressテンプレート用CSS)

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


	1. .post           記事・固定ページ共通
	2. .post.tile      記事一覧表示用
	3. .post.single    記事詳細
	4. .post.page      固定ページ
	5. .posts.archive  記事一覧ページ


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

:root {
	
	--text-color: #231815;
	--text-link-color: inherit;
	--text-hover-color: #cc0000;
	
	/* ボタン系のカラー */
	--button-text-color: #231815;
	--button-background-color: #e0e0e0;

	--button-hover-text-color: #ffffff;
	--button-hover-background-color: #cc0000;
	
	--button-select-text-color: #ffffff;
	--button-select-background-color: #444444;
}


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


	POST共通


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


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

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

/* 画像 (.post.tileのみ使用) */
.post .postImage {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.post .postImage 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 .postImage a:hover img {
	width: 110%;
	height: 110%;
}

/* 日付 */
.post .postDate {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: smaller;
}

/* タイトル */
.post .postTitle {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 30px;
	font-weight: 700;
}
.post .postTitle a:link,
.post .postTitle a:visited {
	color: inherit;
}

/* カテゴリー一覧 */
.post .postCategories {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: smaller;
}

.post .postCategories h3 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: 700;
}
.post .postCategories h3::after {
	content: " : ";
}

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

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

.post .postCategories a {
	display: block;
	margin: 0;
	padding: 0 15px;
	box-sizing: border-box;
	transition: all 0.3s;
}
.post .postCategories a:link,
.post .postCategories a:visited {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.post .postCategories a:hover,
.post .postCategories a:active {
	color: var(--button-hover-text-color);
	background-color: var(--button-hover-background-color);
}


/* ハッシュタグ */
.post .postTags {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: smaller;
}

.post .postTags h3 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: 700;
}


.post .postTags h3::after {
	content: " : ";
}


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

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

.post .postTags a {
	text-decoration: none;
	transition: all 0.3s;
}
.post .postTags a::before {
	content: "#";
}
.post .postTags a:link,
.post .postTags a:visited { color: inherit; }
.post .postTags a:hover,
.post .postTags a:active { color: var(--text-hover-color); }



/* 簡単な説明 */
.post .postExcerpt {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.post .postExcerpt::after {
	content: "";
	display: block;
	clear: both;
}

.post .postExcerpt a:link,
.post .postExcerpt a:visited {
	color: inherit;
}

/* 詳細な説明 */
.post .postContent {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.post .postContent::after {
	content: "";
	display: block;
	clear: both;
}


/* 詳細はこちらボタン */
.post .postMore {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.post .postMore a,
.post .productMore a {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
		
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	line-height: 1;
	text-align: center;
	text-decoration: none;
	
	transition: all 0.3s;
}

.post .postMore a:link,
.post .postMore a:visited {
	background-color: var(--button-background-color);
	color: var(--button-text-color);
}
.post .postMore a:hover,
.post .postMore a:active {
	background-color: var(--button-hover-background-color);
	color: var(--button-hover-text-color);
}


/* 次ページへのリンクボタン */
.post .postNext {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.post .postNext a {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 10px 100px;
	box-sizing: border-box;
	
	text-decoration: none;
	text-align: center;
}
.post .postNext a::after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--button-text-color);
	border-bottom: 0;
	border-left: 0;
	transform: translateY(-50%) rotate(45deg);
}
.post .postNext a:link,
.post .postNext a:visited {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.post .postNext a:link::after,
.post .postNext a:link::active {
	border-color: var(--button-text-color);
}
.post .postNext a:hover,
.post .postNext a:active {
	color: var(--button-hover-text-color);
	background-color: var(--button-hover-background-color);
}
.post .postNext a:hover::after,
.post .postNext a:active::after {
	border-color: var(--button-hover-text-color);
}

.post .postNext a span {
	display: block;
	font-size: smaller;
}


/* ページネーション */
.post .postPages {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.post .postPages h3 {
	display: none;
}

.post .postPages a.post-page-numbers,
.post .postPages span.post-page-numbers {
	display: block;
	position: relative;
	margin: 0 1px 1px 0;
	padding: 12px 15px;
	box-sizing: border-box;

	line-height: 1;
	color: var(--button-text-color);
	text-decoration: none;
	background-color: var(--button-background-color);
	transition: all 0.3s;
}

.post .postPages span.post-page-numbers.current {
	color: var(--button-select-text-color);
	background-color: var(--button-select-background-color);
	font-weight: 700;
}

.post .postPages a.post-page-numbers:link,
.post .postPages a.post-page-numbers:visited {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.post .postPages a.post-page-numbers:hover,
.post .postPages a.post-page-numbers:action {
	color: var(--button-hover-text-color);
	background-color: var(--button-hover-background-color);
}

/* お問い合わせ */
.post .postContact {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* お問い合わせ中は本文を表示しない */
.post.contact-error .postContent,
.post.contact-back .postContent,
.post.contact-confirm .postContent,
.post.contact-submit .postContent {
	display: none;
}


/* ヘッダー    */
/* 中心部分    */
/* フッター部分 */
.post .postHeader,
.post .postMain,
.post .postFooter {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.post .postHeaderInner,
.post .postMainInner,
.post .postFooterInner {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.post .postHeaderInner > *             { margin: 20px 0; }
.post .postHeaderInner > *:first-child { margin-top: 0 !important; }
.post .postHeaderInner > *:last-child  { margin-bottom: 0 !important; }

/* .post .postMainInner > *             { margin: 30px 0; } */
.post .postMainInner > *:first-child { margin-top: 0 !important; }
.post .postMainInner > *:last-child  { margin-bottom: 0 !important; }

.post .postFooterInner > * { margin : 20px 0; }
.post .postFooterInner > *:first-child { margin-top : 0; }
.post .postFooterInner > *:last-child  { margin-bottom : 0; }


/* ヘッダーでは、カテゴリー、タグの見出しを非表示 */
.post .postHeader .postCategories h3,
.post .postHeader .postTags h3 {
	display: none;
}




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

@media screen and (max-width:1024px) and (min-width:768px) {
	
	.post {
	}


	/* サムネ画像 (.post.tileのみ使用) */
	.post .postImage { }

	/* 日付 */
	.post .postDate { }

	/* タイトル */
	.post .postTitle {
		font-size: 26px;
	}

	/* カテゴリー一覧 */
	.post .postCategories { }

	.post .postCategories a {
		padding: 0 10px;
	}

	/* ハッシュタグ */
	.post .postTags { }

	/* 簡単な説明 */
	.post .postExcerpt { }

	/* 詳細な説明 */
	.post .postContent { }

	/* 詳細はこちらボタン */
	.post .postMore { }

	.post .postMore a {
		padding: 15px 20px;
		font-size: inherit;
	}

	/* 次ページへのリンクボタン */
	.post .postNext {  }

	/* ページネーション */
	.post .postPages {  }

	/* ヘッダー    */
	/* 中心部分    */
	/* フッター部分 */
	.post .postHeader,
	.post .postMain,
	.post .postFooter {  }
}


/** for smart phone ---------------- **/

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

	/* 画像 (.post.tileのみ使用) */
	.post .postImage {
	}

	/* タイトル */
	.post .postTitle {
		font-size: 24px;
	}

	/* 詳細はこちらボタン */
	.post .postMore {  }

	.post .postMore a {
		font-size: inherit;
	}

	/* 次ページへのリンクボタン */
	.post .postNext {
		display: block;
	}

	.post .postNext a {
		margin: 5px 0;
		padding: 10px 50px;
	}

	.post .postHeaderInner > * { margin : 10px 0; }
	.post .postFooterInner > * { margin : 10px 0; }
}




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


	一覧ページ用 post article


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


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

/* ヘッダー */
.post.tile .postHeader {
	margin: 20px 0 0;
	padding: 0;
}

/* タイトル */
.post.tile .postTitle {
	font-size: inherit;
}

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




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

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



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

@media screen and (max-width:767px) {
	
	.post.tile {
		width: auto;
		margin: 20px 0;
	}

	/* ヘッダー */
	.post.tile .postHeader {
		margin: 10px 0 0;
	}

	.post.tile .postHeader > * { margin: 10px 0; }
}



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


	詳細ページ .post.single
	固定ページ .post.page


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



.post.single,
.post.page {
}
.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 {
	padding: 30px 0;
}

.post.single .postHeaderInner,
.post.page .postHeaderInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}

/* タイトル */
.post.single .postTitle,
.post.page .pageTitle {
	font-size: 28px;
}

/* 中心部 */
.post.single .postMain,
.post.page .postMain {
	display: block;
	position: relative;
	margin: 0;
	padding: 50px 0;
	box-sizing: border-box;
}

.post.single .postMainInner,
.post.page .postMainInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}

/* フッター */
.post.single .postFooterInner,
.post.page .postFooterInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}


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

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

	/* ヘッダー */
	.post.single .postHeader,
	.post.page .postHeader {
		padding: 20px 0;
	}

	.post.single .postHeaderInner,
	.post.page .postHeaderInner {
		width: calc( 100% - 60px );
	}

	/* タイトル */
	.post.single .postTitle,
	.post.page .pageTitle {
		font-size: 26px;
	}

	/* 中心部 */
	.post.single .postMain,
	.post.page .postMain {
		padding: 30px 0;
	}

	.post.single .postMainInner,
	.post.page .postMainInner {
		width: calc( 100% - 60px );
	}

	/* フッター */
	.post.single .postFooterInner,
	.post.page .postFooterInner {
		width: calc( 100% - 60px );
	}
}


/** for smart phone ---------------- **/

@media all and (max-width:767px) {
	
	.post.single,
	.post.page {
	}
	
	/* ヘッダー */
	.post.single .postHeader,
	.post.page .postHeader {
		padding: 10px 0;
	}

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

	/* タイトル */
	.post.single .postTitle,
	.post.page .pageTitle {
		font-size: 22px;
	}
	
	
	/* 中心部 */
	.post.single .postMain,
	.post.page .postMain {
		padding: 20px 0;
	}
	
	/* 中心部 */
	.post.single .postMainInner,
	.post.page .postMainInner {
		width: auto;
		max-width: none;
		margin: 0 20px;
	}

	/* フッター */
	.post.single .postFooterInner,
	.post.page .postFooterInner {
		width: auto;
		max-width: none;
		margin: 0 20px;
	}
}


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


	記事一覧(posts)共通


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


.posts {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.posts::after { content:""; display:block; clear:both; }


/* タイトル */
.posts .postsTitle {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 30px;
	font-weight: 700;
}
.posts .postTitles a:link,
.posts .postTitles a:visited {
	color: inherit;
}


/* 簡単な説明 */
.posts .postsExcerpt {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.posts .postsExcerpt::after {
	content: "";
	display: block;
	clear: both;
}


/* 詳細な説明 */
.posts .postsContent {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.posts .postsContent::after {
	content: "";
	display: block;
	clear: both;
}


/* 投稿一覧 */
.posts .postsList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ページネーション */
.posts .postsPages {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

.posts .postsPages .nav-links {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.posts .postsPages span.page-numbers,
.posts .postsPages a.page-numbers {
	display: block;
	position: relative;
	margin: 0 1px 1px 0;
	padding: 12px 15px;
	box-sizing: border-box;

	line-height: 1;
	color: var(--button-text-color);
	text-decoration: none;
	background-color: var(--button-background-color);
	transition: all 0.3s;	
}

.posts .postsPages span.page-numbers.current {
	color: var(--button-select-text-color);
	background-color: var(--button-select-background-color);
	font-weight: 700;
}

.posts .postsPages a.page-numbers:link,
.posts .postsPages a.page-numbers:visited {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}

.posts .postsPages a.page-numbers:hover,
.posts .postsPages a.page-numbers:active {
	color: var(--button-hover-text-color);
	background-color: var(--button-hover-background-color);
}


/* ヘッダー    */
/* 中心部分    */
/* フッター部分 */
.posts .postsHeader,
.posts .postsMain,
.posts .postsFooter {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.posts .postsHeaderInner,
.posts .postsMainInner,
.posts .postsFooterInner {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.posts .postsHeaderInner > *             { margin: 20px 0; }
.posts .postsHeaderInner > *:first-child { margin-top: 0 !important; }
.posts .postsHeaderInner > *:last-child  { margin-bottom: 0 !important; }

.posts .postsMainInner > *:first-child { margin-top: 0 !important; }
.posts .postsMainInner > *:last-child  { margin-bottom: 0 !important; }

.posts .postsFooterInner > *             { margin: 20px 0; }
.posts .postsFooterInner > *:first-child { margin-top: 0 !important; }
.posts .postsFooterInner > *:last-child  { margin-bottom: 0 !important; }



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

@media screen and (max-width:1024px) and (min-width:768px) {
	
	.posts {
	}

	/* タイトル */
	.posts .postsTitle {
		font-size: 26px;
	}
	
	.posts .postsMainInner > * { margin: 30px 0; }
}


/** for smart phone ---------------- **/

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

	.posts {
	}

	/* タイトル */
	.posts .postsTitle {
		font-size: 24px;
	}
		
	.posts .postsHeaderInner > * { margin: 10px 0; }
	.posts .postsFooterInner > * { margin: 10px 0; }
}



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


	POST一覧ページ .posts.archive


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



.posts.archive {
}


/* ヘッダー */
.posts.archive .postsHeader {
	padding: 30px 0;
}

.posts.archive .postsHeaderInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}

.posts.archive .postsMain {
	margin: 50px 0 0 0;
}

.posts.archive .postsMainInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}


.posts.archive .postsFooter {
	margin: 50px 0 0 0;
}

.posts.archive .postsFooterInner {
	width: calc( 100% - 100px );
	max-width: 1000px;
}


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

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

	.posts.archive .postsHeaderInner {
		width: calc( 100% - 60px );
		max-width: none;
	}

	.posts.archive .postsMainInner {
		width: calc( 100% - 60px );
		max-width: none;
	}

	.posts.archive .postsFooterInner {
		width: calc( 100% - 60px );
		max-width: none;
	}
}


/** for smart phone ---------------- **/

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

	.posts.archive .postsHeader {
		padding: 20px 0;
	}

	.posts.archive .postsHeaderInner {
		width: calc( 100% - 40px );
		max-width: none;
	}

	.posts.archive .postsMainInner {
		width: calc( 100% - 40px );
		max-width: none;
	}

	.posts.archive .postsFooterInner {
		width: calc( 100% - 40px );
		max-width: none;
	}
}




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


	検索結果ページ


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




.posts .postsSearch {
	display: block;
	position: relative;
	margin: 0 0 30px;
	padding: 0;
	box-sizing: border-box;
}

.posts .postsSearch .search-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.posts .postsNone {
	display: block;
	position: relative;
	margin: 0;
	padding: 20% 30px;
	box-sizing: border-box;
	text-align: center;
}






































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


	ニュース枠


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



.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%;
	}
}



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

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



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


	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;
}



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


	woocommerce用 : 商品サマリー


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


.product.summary {}

.product.summary .productInner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.product.summary .productImages {
	width: 40%;
}


.product.summary .productImages img {
	width: 100%;
	height: auto;
}

.product.summary .productText {
	width: 60%;
	padding: 0 0 0 40px;
}