/*!
Theme Name:   Gozairi2025ec
Author:       Kazuo Sekioka of HEVIZ Co.,Ltd.
Author URI:   https://heviz.jp/
Description:  for gozairi.com & woocommerce for japan
Version:      1.0
Tested up to: 6.0.0
*/


:root {
	--gothic-font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
	--mincho-font-family: "Noto Serif JP", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
	--logo-color: #c72f3b;
	
	/* ボタン */	
	--button-text-color: #ffffff;
	--button-background-color: #c72f3b;
	--button-hover-text-color: #ffffff;
	--button-hover-background-color: #cc0000;
	
	

	/* メニューの背景色とテキスト色 */
	--humberger-menu-text-color: #ffffff;
	--humberger-menu-background-color: #444444;
	
	/* 貴陽石セラミックボール */
	--ceramic-color : #00acb5;

	/* 貴陽石マイナスイオン発生器  */
	--minusion-color: #00acb5;

	/* ドクタービフレ */
	--drbefre-color: #95e3fa;
}	


svg {
	fill: #000000;
}



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


	共通パーツなどCSS


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



body {
	padding: 0 0 0 75px;
	font-family: var(--gothic-font-family);
	background-color: #f5f5f5;
}



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

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

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

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



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


	ローディング


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



.siteLoadingStatus {
	top : 0;
}

.siteLoadingCircle {
	display: none;
}



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


	サイト共通ヘッダー


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



.siteHeader {
	width: 75px;
	height: 100%;
	background-color: #ffffff;
}

/* ヘッダー : タイトル */
.siteHeaderTitle {
    width: auto;
    height: 250px;
}


/* ヘッダー : ハンバーガーメニュー */
.siteHumberger {
	position: relative;
	right: auto;
	top: auto;
	margin: 0;
	padding: 15px 0;
	background-color: var( --logo-color );
	color: #ffffff;
}

.siteHumbergerIcon {
	width: 25px;
	height: 25px;
}

.siteHumbergerBar {
	background-color: #ffffff;
}


/* 開閉 */
body.openHumbergerMenu .siteHumberger {
	background-color: var( --humberger-menu-background-color );
}




/* ヘッダー : ショップナビ */
.siteNav.control {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    margin: 1px 0 0 0;
    padding: 10px 0;
	background-color: #000000;
}

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

.siteNav.control .siteNavRow {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s;
}

.siteNav.control .siteNavCols {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style-type: none;
}

.siteNav.control .siteNavCol {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.2em;
}

.siteNav.control .siteNavCol a {
    padding: 10px 0px;
	
	background-color: var(--logo-color);
	background-color: #000000;

	color: #ffffff;
	font-size: 10px;
	text-align: center;
}

.siteNav.control .siteNavCol a::before {
	display: none;
}

.siteNav.control .siteNavCol a svg {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto 5px;
	vertical-align: bottom;
	fill: #ffffff;
}



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

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

}



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

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

}


/* for print ----------------------------------------- */

@media print {

}



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


	サイト共通フッター


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



.siteFooter {
	padding-top: 100px;
	background-color:#000000;
	color:#aaaaaa;
}

.siteFooterInner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}


/* フッター : タイトル */
.siteFooterTitle {
	width: 200px;
	padding: 0 25px 0 0;
	font-family: var(--mincho-font-family);
	font-size: smaller;
	font-weight: inherit;
}

.siteFooterTitle a {}

.siteFooterTitle img {
	display: block;
	position: relative;
	margin: 0 0 5px;
	vertical-align: bottom;
}

.siteFooterTitle span {
	display: block;
	margin: 0;
	padding: 0 0 0 55px;
	box-sizing: border-box;
}


/* フッター : 住所 */
.siteFooterAddress {
	display: block;
	position: relative;
	margin-top: 0 !important;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	
	font-size: inherit;
	font-style: normal;
	font-weight: inherit;
}

.siteFooterAddress dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	width: 25em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteFooterAddress dt {
	width: 5em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-weight: inherit;
}

.siteFooterAddress dd {
	width: calc( 100% - 5em );
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteFooterAddress a {}


/* フッター : サブナビ */
.siteNav.footer-sub {
	width: 100%;
	margin-bottom: 15px !important;
	font-size: smaller;
}

.siteNav.footer-sub .siteNavRow {}

.siteNav.footer-sub .siteNavCols {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.siteNav.footer-sub .siteNavCol {}

.siteNav.footer-sub .siteNavCol::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 5px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #aaaaaa;
	transform: translateY(-50%);
}
.siteNav.footer-sub .siteNavCol:last-child::before {
	display: none;
}

.siteNav.footer-sub .siteNavCol a {
	padding: 0 10px;
}

.siteNav.footer-sub .siteNavCol a::before {
	display: none;
}


/* フッター : コピーライト */
.siteFooterCopyright {
	width: 100%;
	margin-top: 15px !important;
	line-height: 1.5;
}


/* メニューを日本語に */
/*
.siteIconNav li.menu dl::after {
    content: "メニュー";
}

body.openSiteNav .siteIconNav li.menu dl::after {
    content: "閉じる";
}
*/



/* Page Top */
.sitePageTop {
    right: auto;
	left: 0;
    bottom: -100px;
	z-index: 1200;
}

.sitePageTop a {
    width: 75px;
}


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

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

}



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

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

}


/* for print ----------------------------------------- */

@media print {

}



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


	ハンバーガーメニュー本体


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



.siteMenu.humberger {
    left: -500px;
    top: 0;
    bottom: auto;
    width: 500px;
    height: 100%;
	background-color: var( --humberger-menu-background-color );
	color: var( --humberger-menu-text-color );
	transition: all 0.5s;
}

.siteMenu.humberger .siteMenuInner {
    margin: 50px 50px 50px 125px;
}

.siteMenu.humberger .siteMenuClose {
    display: none;
}



/* ハンバーガーメニュー : メインナビ */
/* ハンバーガーメニュー : サブナビ */
.siteNav.humberger-main,
.siteNav.humberger-sub {
	border-bottom: 1px dashed #888888;
}
.siteNav.humberger-sub {
	font-size: smaller;
}

.siteNav.humberger-main .siteNavCol,
.siteNav.humberger-sub .siteNavCol {
	border-top: 1px dashed #888888;
}

.siteNav.humberger-main .siteNavCol.hasChild,
.siteNav.humberger-sub .siteNavCol.hasChild {
	margin: 30px 0;
	border-top: 0;
}


.siteNav.humberger-main .siteNavCol a,
.siteNav.humberger-sub .siteNavCol a {
	color: var( --humberger-menu-text-color );
}
.siteNav.humberger-main .siteNavCol a::before,
.siteNav.humberger-sub .siteNavCol a::before {
	background-color: var( --humberger-menu-text-color );
}

/* 子要素あり(開閉する) */
.siteNav.humberger-main .siteNavCol.hasChild > a::before,
.siteNav.humberger-sub .siteNavCol.hasChild > a::before {
	display: none;
}

/* 第2階層以降 */
.siteNav.humberger-main .siteNavRow .siteNavRow {
	font-size: smaller;
}



/* 開閉 */
body.openHumbergerMenu .siteMenu.humberger {
	left: 0px;
}






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


	shortcode : TOPページ : home


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


.siteBlock.home {
	color:#ffffff;
	background-color: #000000;
}

.siteBlock.home .slideBlockHeader,
.siteBlock.home .slideBlockFooter {
	display: none;
}



/* Carousel */
.siteBlock.home .hvSlider.fade .hvSliderRow {
	height:75vh;
	min-height: 400px;
	padding: 0;
}

.siteBlock.home .hvSliderColumn {
	height: 100%;
	overflow: hidden;
}

.siteBlock.home .hvSliderColumn a:link,
.siteBlock.home .hvSliderColumn a:visited,
.siteBlock.home .hvSliderColumn a:hover,
.siteBlock.home .hvSliderColumn a:active { color: #231815; }

.siteBlock.home .hvSlider.fade .hvSliderColumn {
    background-color: transparent;
}

.siteBlock.home .hvSliderPointer {
    position: absolute;
	right: 20px;
	bottom: auto;
	top: 5px;
	width: 50%;
}

.siteBlock.home .hvSliderPointerRow {
    justify-content: flex-end;
}


/*
.siteBlock.home .hvSlider .pointer.line li[rel] a::before {
    background-color: rgba(255,255,255,0.3);
}
.siteBlock.home .hvSlider .pointer.line li[rel] a::after {
	height: 1px;
    background-color: rgba(255,255,255,0.9);
}
*/







.siteBlock.home .homeSlide {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.siteBlock.home .homeSlide dt {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteBlock.home .homeSlide dd {
	display: block;
	position: absolute;
	right: 10%;
	top: 50%;
	width: 20em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	transform: translateY(-50%);
	font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 16px;
	line-height: 1;
}

.siteBlock.home .homeSlide dd span {
	display: inline-block;
	margin: 3px 0;
	padding: 8px 5px;
	box-sizing: border-box;
	
	background-color: rgba(255,255,255,0.8);
	white-space: nowrap;
}




/* アニメーション : 画像を横スライドさせる */
@keyframes indexHomeImage {
	0%   { filter: blur(10px) opacity(0%); left:0%; }
	15%  { filter: blur(0px) opacity(100%); }
	85%  { filter: blur(0px) opacity(100%); }
	100% { filter: blur(10px) opacity(0%); left:-10%; }
}

.siteBlock.home .homeSlide dt {
	filter: blur(10px) opacity(0%);
}

.siteBlock.home .hvSliderColumn.sel .homeSlide dt {
	animation: indexHomeImage 18020ms linear 0s;
}


/* 文字ブロックを出し入れ */
@keyframes indexHomeDD {
	0%   { opacity: 0; }
	15%  { opacity: 1; }
	85%  { opacity: 1; }
	100% { opacity: 0; }
}

.siteBlock.home .homeSlide dd {
	opacity: 0;
}
.siteBlock.home .hvSliderColumn.sel .homeSlide dd {
	animation: indexHomeDD 16s linear 1s;
}



/* 文字を1ぎょうずつ出す */
@keyframes indexHomeText {
	0%   { opacity: 0; max-width: 0; }
	10%  { opacity: 1; max-width: 0; }
	100% { opacity: 1; max-width: 20em; }
}

.siteBlock.home .homeSlide dd span {
	max-width: 0;
	overflow: hidden;
	opacity: 0;
}
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(1) { animation: indexHomeText 2s linear 3s forwards; }
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(2) { animation: indexHomeText 2s linear 5s forwards; }
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(3) { animation: indexHomeText 2s linear 7s forwards; }
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(4) { animation: indexHomeText 2s linear 9s forwards; }
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(5) { animation: indexHomeText 2s linear 11s forwards; }
.siteBlock.home .hvSliderColumn.sel dd span:nth-of-type(6) { animation: indexHomeText 2s linear 13s forwards; }




/* scroll */
.siteBlock.home .scroll {
	display: block;
display: none;
	position: absolute;
	left: 40px;
	bottom:50px;
	margin: 0;
	padding: 0 10px 5px 20px;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5em;
	
	transform-origin: left center;
	transform: translateY(40px) rotate(-90deg);
	
	border-bottom: 1px solid #ffffff;
	z-index: 100;
}

.siteBlock.home .scroll::after {
	content:"";
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 10px;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	transform: rotate(-45deg);
	transform-origin: left center;
}

/*
.siteBlock.home .news a {}
.siteBlock.home .news a:link,
.siteBlock.home .news a:visited,
.siteBlock.home .news a:hover,
.siteBlock.home .news a:active { color: inherit; }
*/


/* for Tablet -------------------------------------------- */

@media all and (max-width:1024px) and (min-width:768px) {
	
	.siteBlock.home .hvSlider.fade .screen {
		min-height: 400px;
		max-height: 768px;
	}
}


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

@media all and (max-width:767px) {
	
	.siteBlock.index.home > header {
		top:auto;
		left:50%;
		bottom:52%;
		width: 15%;
		height: auto;
		transform: translateX(-50%);
		border: 0;
	}
	
	.siteBlock.home .hvSlider.fade .screen {
		height: calc( 90vh - 100px );
		min-height: 300px;
		max-height: none;
	}
	
	.siteBlock.index.home .hvSlider.fade .screen dd {
		top: 55%;
		transform: translateY(0%);
		font-size: 14px;
	}
	
	/* scroll */
	.siteBlock.home .scroll {
		display: none;
		left: 20px;
		bottom:100px;
		font-size: 10px;
	}
}



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


	共通パーツ : ニュース行


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


.newsRow {
	border-top: 1px dotted #231815;
}
.newsRow:last-child {
	border-bottom: 1px dotted #231815;
}

.newsRowDate {
	width: 8rem;
	padding: 10px 0;
}

.newsRowText {
	width: calc( 100% - 8rem );
	padding: 10px 0;
}

.newsRowText a {}

.newsRowText p {
	margin: 0;
}



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


	shortcode : TOPページ : ニュース


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




.siteBlock.news {
	margin: 50px 0;
}

.siteBlock.news .siteBlockInner {
	width: calc( 100% - 200px );
}

.siteBlock.news  .siteBlockHeader {
	display: none;
}

.siteBlock.news .siteBlockMain {}

.siteBlock.news .newsRows {}

.siteBlock.news .siteBlockFooter {}

.siteBlock.news .siteBlockMore {
	margin: 10px 0 0 0;
    justify-content: flex-end;
}

.siteBlock.news .siteBlockMore a {
	padding: 15px 25px 15px 75px;
	border: 1px solid var(--logo-color);
	background-color: #ffffff;
	color: var(--logo-color);
	font-size: larger;
	line-height: 1;
}
.siteBlock.news .siteBlockMore a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #C11825;
    z-index: 1;
    transition: all 0.5s;
}
.siteBlock.news .siteBlockMore a::after {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2030%2030%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Epolygon%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2216.5%2C4.1%2013.3%2C6.5%2018.1%2C13%206.9%2C13%206.9%2C17%2018.1%2C17%2013.3%2C23.5%2016.5%2C25.9%2024.6%2C15%20%22%2F%3E%3C%2Fsvg%3E%0A');
    display: block;
    position: absolute;
    left: 25px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}
.siteBlock.news .siteBlockMore a span {
	display: inline-block;
	position: relative;
	z-index: 3;
}
.siteBlock.news .siteBlockMore a:hover::before {
    width: 100%;
}
.siteBlock.news .siteBlockMore a::after {
    left: 30px;
}

.siteBlock.news .siteBlockMore a:hover {
	color: #ffffff;
}










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


	ニュース一覧ページ (category-news.php)


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



.posts.category.category-news{
	margin: 50px;
}

.posts.category.category-news .postsInner{}

.posts.category.category-news .postsInner > * { margin: 50px 0; }
.posts.category.category-news .postsInner > *:first-child { margin-top: 0; }
.posts.category.category-news .postsInner > *:last-child  { margin-bottom: 0; }

.posts.category.category-news .postsHeader{}

.posts.category.category-news .postsHeaderInner{
	padding: 30px 50px;
	background-color: #ffffff;
}

.posts.category.category-news .postsTitle{}

.posts.category.category-news .postsMain {}

.posts.category.category-news .postsMainInner{
	padding: 50px;
	background-color: #ffffff;
}

.posts.category.category-news .postsFooter{}

.posts.category.category-news .postsFooterInner{
	background-color: #ffffff;
}

.posts.category.category-news .newsRows {}

.posts.category.category-news .newsRow {}




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


	パンくずリスト (.siteBread)


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


.siteBread {
	margin: 30px 50px 10px 50px;
}




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


	詳細ページ共通 (single.php)
	固定ページ共通 (page.php)


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



.post {
	margin: 50px;
}

.post.single {
	margin-top: 10px;
}


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


.post .postHeader{}

.post .postHeaderInner{
	padding: 30px 50px;
	color: #ffffff;
	background-color: var(--logo-color);
}

.postHeaderInner > *,
.postsHeaderInner > * {
    margin: 10px 0;
}

.post .postMainInner{
	padding: 50px;
	background-color: #ffffff;
}

.post .postFooterInner{
	padding: 50px;
	background-color: #ffffff;
}


.postTags {
	font-size: smaller;
}




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

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


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

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




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


	商品詳細 (single-product.php)


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



.post.single.product {}

.post.single.product .postInner {}

.post.single.product .postHeader {}

.post.single.product .postHeaderInner {
    padding: 0;
    color: var( --text-color );
    background-color: #ffffff;
}

.post.single.product .postHeaderInner.hasRow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

.post.single.product .postHeaderRow.image {
	width: 50%;
	padding: 10px 0 10px 10px;
}

.post.single.product .postHeaderRow.image .hvSlider {}

.post.single.product .postHeaderRow.text {
	width: 50%;
	padding: 50px;
}
.post.single.product .postHeaderRow.text > * { margin: 20px 0; }
.post.single.product .postHeaderRow.text > *:first-child { margin-top: 0; }
.post.single.product .postHeaderRow.text > *:last-child  { margin-bottom: 0; }


.post.single.product .singleStatus {}









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


	汎用クラス


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



/* flexブロック */
.flx {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}



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


	共通パーツ : MOREボタン


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



.moreBtn,
.downloadBtn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 30px 0 0 0;
	padding: 0;
}

.moreBtn a {
	display: block;
	position: relative;
/*	width: 16em; */
	margin: 5px;
	padding: 0;
	cursor: pointer;
	background-color:#ffffff;
	transition: all 0.5s;
}

.moreBtn a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#C11825;
	z-index: 1;
	transition: all 0.5s;
}
.moreBtn a::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2030%2030%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Epolygon%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2216.5%2C4.1%2013.3%2C6.5%2018.1%2C13%206.9%2C13%206.9%2C17%2018.1%2C17%2013.3%2C23.5%2016.5%2C25.9%2024.6%2C15%20%22%2F%3E%3C%2Fsvg%3E%0A');
	display: block;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}
.moreBtn a.download::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.moreBtn a span {
	display: block;
	position: relative;
	width: auto;
	min-width: 250px;
	margin: 0;
	padding: 15px 20px 15px 70px;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 3;
	
	color:#C11825;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	
	background-color: transparent;
	border:1px solid #C11825;
	transition: all 0.5s;
}

/* Hover */
.moreBtn a:hover::before {
	width: 100%;
	height: 100%;
}
.moreBtn a:hover::after {
	left: 35px;
}

.moreBtn a:hover span {
	color:#ffffff;
}


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

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

	.moreBtn {
		margin: 40px 0 0 0;
	}

	.moreBtn a {
		display: block;
		min-width: 1px;
		margin: 10px 0 0 0;
	}
	.moreBtn a:first-child {
		margin: 0;
	}
	
	.moreBtn a span {
		font-size: 16px;
	}
}





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


	共通パーツ : タグ一覧


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



.hashtags {}

.hashtags ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.hashtags li {
	display: inline-block;
	margin: 4px 2px !important;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

.hashtags a {
	display: block;
	text-decoration: none;
	transition: all 0.3s;
}
.hashtags a:link,
.hashtags a:visited { color: #038BED; }
.hashtags a:hover,
.hashtags a:active { color: #b71c26; }

.hashtags a::before {
	content:"# ";
}



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


	共通パーツ  : article一覧


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

.articleSummary {
	display: block;
	position: relative;
	width: calc( 25% - 20px ) !important;
	margin: 10px  !important;
	padding: 0 0 10px !important;
	box-sizing: border-box;
	list-style-type: none;
	background-color:#ffffff;
}

/* masonry幅指定 */
.articleSummary.large  { width: calc( 50% - 20px ) !important; }

.articleSummary a:link,
.articleSummary a:visited { color: #231815; }
.articleSummary a:hover,
.articleSummary a:active { color: #C11825; }
.articleSummary a:hover img { opacity: 0.8; }

.articleSummary dl {
	position: static;
	margin: 0;
	padding: 0;
}

.articleSummary dt {
	margin: 0;
	padding: 0;
}

.articleSummary dt img {
	width: 100%;
	vertical-align: bottom;
}

.articleSummary dd {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
}

/* icon */
.articleSummary .icons {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	font-size:12px;
	color:#ffffff;
}

.articleSummary .icons > ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.articleSummary .icons > ul > li {
	display: inline-block;
	margin: 3px 6px 3px 0;
	padding: 3px;
	list-style-type: none;
	box-sizing: border-box;
	
	line-height: 1;
	white-space: nowrap;
	background-color:#c0c0c0;
	color:#ffffff;
	
	border-radius: 3px;
}
.articleSummary .icons > ul > li.newsale { background-color:#ff0000;  }
.articleSummary .icons > ul > li.onsale  { background-color: #b61c26; }
.articleSummary .icons > ul > li.develop { background-color: #F4A002; }


/* title */
.articleSummary h3 {
	margin: 0;
	padding: 0;
	
	font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 400;
	font-size: 18px;
	
	background-color: transparent !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
}
.articleSummary h3::after {
	display: none;
}

.articleSummary dd p {
	margin: 20px 0 0 0;
	text-align: justify;
	font-size: 14px;
}


/* hashtags */
.articleSummary .hashtags {
	font-size: 12px;
	line-height: 1.2;
}

.articleSummary .hashtags a {
	color:#008BF0;
}
.articleSummary .hashtags a::before {
	content: "#";
}
.articleSummary .hashtags a:link,
.articleSummary .hashtags a:visited { color:#008BF0; }
.articleSummary .hashtags a:hover,
.articleSummary .hashtags a:active { color:#b71c26; }



/* links */
.articleSummary .links {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.articleSummary .links > ul {
	margin: 0;
	padding: 0;
}

.articleSummary .links > ul > li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
	border-top:1px dashed #b61c26;
}

.articleSummary .links a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	background-color:#ffffff;
	
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color:#b61c26;
	
	transition: all 0.5s;
}

.articleSummary .links svg {
	width: 25px;
	height: 25px;
	padding-right: 5px;
	vertical-align: middle;
	fill:#b61c26;
	
	transition: all 0.5s;
}

.articleSummary .links a:link,
.articleSummary .links a:visited {
	color:#b61c26;
}

.articleSummary .links a:hover {
	background-color:#b61c26;
	color:#ffffff;
}
.articleSummary .links a:hover svg {
	fill:#ffffff;
}

/* リンクの数で縦幅を変える */
.articleSummary.links1 { padding: 0 0 55px !important; }
.articleSummary.links2 { padding: 0 0 100px !important; }
.articleSummary.links3 { padding: 0 0 145px !important; }
.articleSummary.links4 { padding: 0 0 190px !important; }
.articleSummary.links5 { padding: 0 0 235px !important; }


/* Hover */
.articleSummary .links a:hover::before {
	width: 100%;
}
.articleSummary .links a:hover::after {
	left: 15px;
}

.articleSummary .links a:hover span {
	color:#ffffff;
}



/* 一覧 */

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

.articleSummaries > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}



/** masonry用設定 ------------------------------------------------ **/

.articleSummaries.masonry > ul {
	display: block;
}

.articleGrid {
	width: 25%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}



/** For Tablet --------------------------------------------------- **/

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


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

	.articleSummary {
		width: 100% !important;
		margin: 5px 0 !important;
	}
	
	.articleGrid {
		width: 50%;
	}
	
	
	/* icon */
	.articleSummary .icons {
		font-size:10px;
	}

	/* title */
	.articleSummary h3 {
		font-size: 16px;
	}

	.articleSummary .detail {
		font-size: 12px;
	}


	/* hashtags */
	.articleSummary .hashtags {
		font-size: 12px;
		line-height: 1.2;
	}
	
	/* 一覧 */
	.articleSummaries.masonry .articleSummary.large,
	.articleSummaries.masonry .articleSummary.small { width: calc( 100% - 10px ) !important; }
}




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


	共通パーツ : ボタン（リンク)


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

/* MOREボタン */
.btn {
	display: block;
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
}

.btn a {
	display: block;
	position: relative;
	width: auto;
	min-width: 16em;
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
	background-color:#ffffff;
	transition: all 0.5s;
}

.btn a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#C11825;
	z-index: 1;
	transition: all 0.5s;
}
.btn a::after {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2030%2030%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Epolygon%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2216.5%2C4.1%2013.3%2C6.5%2018.1%2C13%206.9%2C13%206.9%2C17%2018.1%2C17%2013.3%2C23.5%2016.5%2C25.9%2024.6%2C15%20%22%2F%3E%3C%2Fsvg%3E%0A');
	display: block;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 2;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}

.btn a span {
	display: block;
	position: relative;
	width: auto;
	min-width: 250px;
	margin: 0;
	padding: 15px 30px 15px 80px;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 3;
	
	color:#C11825;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	
	background-color: transparent;
	border:1px solid #C11825;
	transition: all 0.5s;
}


/* ダウンロードボタン */
.btn.download a::after {
	transform: translate(-50%, -50%) rotate(90deg);
}


/* Hover */
.btn a:hover::before {
	width: 100%;
	height: 100%;
}
.btn a:hover::after {
	left: 35px;
}

.btn a:hover span {
	color:#ffffff;
}



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

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

	.moreBtn {
		margin: 40px 0 0 0;
	}

	.moreBtn a {
		display: block;
		min-width: 1px;
		margin: 10px 0 0 0;
	}
	.moreBtn a:first-child {
		margin: 0;
	}
	
	.moreBtn a span {
		font-size: 16px;
	}
}





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


	共通パーツ : 新 : カテゴリー埋め込みブロック   .block.index.category


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

.block.index.category {
	display: block;
	position: relative;
/*	margin: 30px 0; */
	margin: 50px;
	padding: 0;
	box-sizing: border-box;
	
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

.block.index.category a:link,
.block.index.category a:visited {
	color: inherit;
}

.block.index.category .blockImage {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.block.index.category .blockImage img {
	width: 100%;
	vertical-align: bottom;
}

.block.index.category .blockTitle {
	display: block;
	position: absolute;
	bottom: 51%;
	left: 30%;
	width: 40%;
	margin: 0;
	padding: 0;

	text-align: center;
	font-family: var( --mincho-font-family );
	font-weight: 400;
	font-size: 24px;
}

.block.index.category .blockTitle img {
	vertical-align: bottom;
}

.block.index.category .blockDesc {
	display: block;
	position: absolute;
	left: 30%;
	top: 51%;
	width: 40%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.block.index.category .blockDesc > *:first-child { margin-top: 0; }
.block.index.category .blockDesc > *:last-child  { margin-bottom: 0; }

.block.index.category .blockDesc span {}

.block.index.category .blockDesc table {
	display: none;
}


.block.index.category .blockBtns {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	margin: 0;
	padding: 0;
}

.block.index.category .blockBtns ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.block.index.category .blockBtns li {
	margin: 5px  0 0 0;
	padding: 0;
}



/** for Tablet -------------------------------------- **/

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

	.block.index.category {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		padding-bottom: 20px;
	}
	
	.block.index.category .blockInner {
		display: block;
		position: relative;
	}
	
	.block.index.category .blockImage {
		width: 100%;
	}

	.block.index.category .blockTitle {
	}

	.block.index.category .blockDesc {
		position: relative;
		left: auto;
		top: auto;
		width: 55%;
		margin: 20px 0 0 0;
		padding: 0 20px;
		box-sizing: border-box;
		text-align: justify;
	}

	.block.index.category .blockBtns {
		position: relative;
		right: auto;
		bottom: auto;
		width: 45%;
		margin: 20px 0 0 0;
		padding: 0 20px 0 0;
		box-sizing: border-box;
	}

	.block.index.category .blockBtns ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		box-sizing: border-box;
	}

	.block.index.category .blockBtns li {
		margin: 5px  0 0 0;
		padding: 0;
	}
}



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

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

	.block.index.category {
		margin: 20px 0;
		padding: 0 0 20px;
		border: 0;
	}

	.block.index.category .blockTitle {
		left: 25%;
		bottom: auto;
		top: 20%;
		width: 50%;
		text-align: center;
		font-size: 20px;
	}
	
	.block.index.category .blockDesc {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin: 20px 20px 0;
		text-align: justify;
	}

	.block.index.category .blockBtns {
		display: block;
		position: relative;
		right: auto;
		bottom: auto;
		margin: 20px 20px 0;
	}
}



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


	御座入ライブラリー(一覧)


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






/** Responsive for Tablet & Smart Phone --------------------- **/
@media all and (max-width:1024px) {
	
	.siteBlock.library {
		padding: 50px 30px;
	}

	.siteBlock.library > header {
		display: block;
	}

	.siteBlock.library > header h1 {
		position: relative;
		width: auto;
		margin: 0 30%;
		text-align: center;
	}

	.siteBlock.library > header .taxonomy-description {
		width: auto;
		margin: 30px 0 0 0;
		text-align: center;
	}

	.siteBlock.library > header .hashtags {
		width: auto;
		margin: 30px 0 0;
	}
}


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

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

	.siteBlock.library {
		padding: 50px 20px;
	}
	
	.siteBlock.library > header h1 {
		margin: 0 20%;
	}
}



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


	ショートコード : 貴陽石を使った商品 埋め込みブロック


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


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

.shortcode.else .blockTitle {
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: 24px;

	background-color: rgba(0,0,0,0.1);
    border-left: 5px solid #C11825;
}

.shortcode.else .moreBtn {
	justify-content: center;
}


/** for Tablet ---------------------- **/

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

}


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

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


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


	共通 : 事例一覧ブロック (主にガーデニング関係)


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

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

.block.examples .blockTitle {
/*
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: 24px;

	background-color: rgba(0,0,0,0.1);
    border-left: 5px solid #C11825;
*/
}

.block.examples .articleSummaries > ul {
	justify-content: flex-start;
}

.block.examples .articleSummary {
	border:1px solid #b61c26
}

.block.examples .articleSummary .detail {
	display: none;
}



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

@media all and (max-width:767px) {
/*	
	.examplesRow {
		padding: 50px 20px;
	}
	
	.examplesRow > h3 {
		font-size: 16px;
	}
*/
}


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


	共通 : 御座入ライブラリーブロック(tag)


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

.shortcode.library.tag {}

.shortcode.library.tag .shortcodeHeader {}

.shortcode.library.tag .shortcodeTitle {
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: 24px;

	background-color: rgba(0,0,0,0.1);
    border-left: 5px solid #C11825;
}

.shortcode.library.tag .shortcodeTitle a:link,
.shortcode.library.tag .shortcodeTitle a:visited { color: inherit; }

.shortcode.library.tag .articleSummaries {}

.shortcode.library.tag .articleSummaries > ul {
    justify-content: flex-start;
}

.shortcode.library.tag .articleSummary {
    border: 1px solid #b61c26;
}

.shortcode.library.tag .articleSummary.large {
    width: calc( 25% - 20px ) !important;
}

.shortcode.library.tag .articleSummary .detail {
	display: none;
}

.shortcode.library.tag .articleSummary .hashtags {
	display: none;
}


.shortcode.library.tag .moreBtn {
	display: none;
	justify-content: center;
}





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


	埋め込みブロック : お問い合わせ(カテゴリーページ用)


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


.block.inputForm {
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 100px auto;
	padding: 0;
}

.block.inputForm .blockHeader {}

.block.inputForm .blockTitle {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 5px solid rgba(0,0,0,0.1);
}
.block.inputForm .blockTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 4em;
    height: 5px;
    margin: 0;
    padding: 0;
    background-color: #c7303b;
    transform: translateX(-50%);
}

.block.inputForm .blockDesc {
	text-align: center;
}

.block.inputForm .inputFormPage {
	max-width: 700px;
	margin: 2em auto;
}

.block.inputForm table {
    border-bottom: 0;
}

.block.inputForm table th,
.block.inputForm table td {
	border: 0;
    border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}



@media all and (max-width:767px) {
	
	.block.inputForm {
		width: auto;
		max-width: none;
		margin: 100px 20px;
	}
	
	.block.inputForm .blockTitle {
	    font-size: larger;
	}
	
	.block.inputForm table th, .block.inputForm table td {
 	   border: 0;
 	   border-top: 0px;
 	   border-bottom: 0px;
	}
	
	
}




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


	共通パーツ : お客様の声（セラミックボールで使用）


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



.siteBlock.voice {
	padding: 50px 0;
}

.siteBlock.voice header {}

.siteBlock.voice header h3 {
}

.siteBlock.voice .articles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 -10px;
}

.voiceSummary {
	display: block;
	position: relative;
	width: calc( 25% - 20px ) !important;
	margin: 60px 10px 10px 10px !important;
	padding: 0;
	box-sizing: border-box;
	
	background-color:#ffffff;
	border:1px solid #e0e0e0;
	border-radius: 10px;
}

.voiceSummary dt {
	display: block;
	position: absolute;
	left: 0;
	bottom: calc(100% + 10px);
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 700;
}

.voiceSummary .entry-content {
	margin: 0;
	padding: 10px;
	border: 0;
	background-color: transparent;
}

.voiceSummary .entry-content p {
	margin: 1em 0;
	text-align: justify;
}


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

@media all and (max-width:767px) {
	
	.voiceBlock {
		padding: 50px 0;
	}

	.voiceBlock header {}

	.voiceBlock header h3 {
		text-align: center;
	}

	.voiceBlock .articles {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		margin: 0 -10px;
	}

	.voiceSummary {
		display: block;
		position: relative;
		width: calc( 50% - 10px );
		margin: 60px 5px 10px 5px;
		padding: 0;
		box-sizing: border-box;

		background-color:#ffffff;
		border:1px solid #e0e0e0;
		border-radius: 10px;
	}
}




 






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


	各商品カテゴリー毎のヘッダー


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



.header.category {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 20%;
	box-sizing: border-box;
	overflow: hidden;
}

.header.category a:link,
.header.category a:visited,
.header.category a:hover,
.header.category a:active { color: inherit; }

.header.category .headerImage {}

.header.category .headerImage img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	transform: translate(0, -50%);
}

.header.category .headerTitle {
	display: block;
	position: absolute;
	left: 35%;
	top: 50%;
	width: 30%;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	text-align: center;
	
	font-size: 28px;
	font-weight: 400;
	font-family: var(--mincho-font-family);
}

.header.category .headerTitle img {}



/** for Tablet --------------------------------------------------- **/

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


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

@media all and (max-width:767px) {
	
	.header.category {
		padding: 0 0 30%;
	}
}




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


	商品一覧ページ共通


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



.posts.archive .archiveHeader {
	background-color: var( --logo-color );
	color: #ffffff;
}




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


	固定ページ


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





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


	パーツ : 資料スライド


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



.documentRow .hvSlider .screen > ul > li img {
	width: 100%;
	vertical-align: bottom;
}



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


	カテゴリーページのarticle


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

.post.category {
	display: block;
	position: relative;
	width: calc( 100% - 60px );
	max-width: 1200px;
	margin: 50px auto 100px;
	padding: 0;
}

.post.category .post-header {
	display: none;
}

.post.category .post-title {}

.post.category .post-content {
	padding: 30px;
}



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

@media all and (max-width:767px) {
	
	.post.category {
		width: auto;
		max-width: none;
		margin: 20px 0 100px;
	}

	.post.category .post-content {
		margin: 0 20px;
		padding: 0;
	}	
}




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


	固定ページ共通


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



.post.page .singleHeader {
	background-color: var( --logo-color );
	color: #ffffff;
}




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


	貴陽石


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



/* indexブロック */
.block.index.category.kiyouseki .blockTitle {
	bottom: auto;
	left: 5%;
	top: 10%;
	bottom: auto;
	width: 30%;
	text-align: right;
}

.block.index.category.kiyouseki .blockDesc {
	left: 40%;
	top: 10%;
	width: 50%;
	text-align: justify;
}


/* メイン */
.siteMain.productcat-kiyouseki  {
	background-color: #e8ebf2;
}


/* カテゴリーヘッダー */
.header.category.kiyouseki .headerTitle {
	left: 10%;
}



/** for Tablet -------------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	
	/* indexブロック */
	.block.index.category.kiyouseki .blockTitle {
		bottom: auto;
		left: 5%;
		top: 10%;
		bottom: auto;
		width: 30%;
		text-align: right;
	}

	.block.index.category.kiyouseki .blockDesc {
		left: auto;
		top: auto;
		width: 55%;
	}
}



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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.kiyouseki .blockTitle {
		bottom: auto;
		left: 25%;
		top: 5%;
		bottom: auto;
		width: 50%;
		text-align: center;
	}
	
	.block.index.category.kiyouseki .blockDesc {
		left: auto;
		top: auto;
		width: auto;
	}
}




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


	貴陽石セラミックボール


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



/* indexブロック */
.block.index.category.ceramic .blockTitle {
	left: 5%;
	bottom: 61%;
}

.block.index.category.ceramic .blockDesc {
	left: 5%;
	top: 41%;
}


/* メイン */
.siteMain.productcat-ceramic    { background-color: #f8f9fa; }


/* カテゴリーヘッダー */
.header.category.ceramic .headerImage img  {
	transform: translate(0, -70%);
}

.header.category.ceramic .headerTitle {
	left:10%;
}


/* 詳細ページ */
.post.category.category-ceramic .richEdit h3::after,
.post.category.category-ceramic .richEdit h4::after {
	background-color: #4559e5;
}



/** Responsive for Tablet --------------------------------- **/
@media all and (max-width:1024px) and (min-width:768px) {

	/* indexブロック */
	.block.index.category.ceramic .blockTitle   { bottom: 51%; }
	.block.index.category.ceramic .blockDesc    { left: auto; top: auto; }
}



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

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

	/* indexブロック */
	.block.index.category.ceramic .blockTitle   { left: 10%; top: 5%; width: 20%; }
	.block.index.category.ceramic .blockDesc    { left: auto; top: auto; }
}



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


	貴陽石セラミックプレート


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



/* indexブロック */
.block.index.category.plate .blockTitle { left: 55%; }
.block.index.category.plate .blockDesc  { left: 55%; text-align: justify; }
.block.index.category.plate .blockDesc span { background-color: rgba( 255, 255, 255, 0.8 ); }



/* カテゴリーヘッダー */
.header.category.plate .headerTitle {
	left: 60%;
}


/* 詳細ページ */
.siteMain.single-plate { 
	background-color: #faf9f8;
}

.post.single.product-plate {}

.post.single.product-plate .singleHeader {
	background-color: transparent;
}

/** Responsive for Tablet --------------------------------- **/
@media all and (max-width:1024px) and (min-width:768px) {
	
	/* indexブロック */
	.block.index.category.plate .blockDesc      { left: auto;  transform: translateY(0); }
	.block.index.category.plate .blockDesc span { background-color: transparent; }
}

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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.plate .blockTitle { left: 15%; width: 70%; color: #ffffff; }
	.block.index.category.plate .blockDesc  { left: auto; }
}



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


	貴陽石混合繊維


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



/* indexブロック */
.block.index.category.fiber .blockTitle {
	left: 5%;
	transform: translateY(50%);
}

.block.index.category.fiber .blockDesc {
	left: 60%;
	width: 30%;
	transform: translateY(-50%);
}




/* 商品カテゴリーページ */
.siteMain.productcat-fiber {
    background-color: #e8ebf2;
}


/* カテゴリーヘッダー */
.header.category.fiber .headerTitle {
	left:43%;
	width:14%;
}


/* 商品詳細ページ */
.post.category.category-fiber .wp-block-group.head {
	margin-bottom: 0;
	border:1px solid #e0e0e0;
}

.post.category.category-fiber .head > .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
}

.post.category.category-fiber .head .wp-block-image {
	width: 50%;
	margin: 0;
	padding: 0;
}

.post.category.category-fiber .head .wp-block-image:nth-child(1) {}
.post.category.category-fiber .head .wp-block-image:nth-child(2) {}
.post.category.category-fiber .head .wp-block-image:nth-child(3) {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 15%;
	transform: translate(-50%, -50%);
}

.post.category.category-fiber .head .wp-block-image img {
	width: 100%;
	vertical-align: bottom;
}

.post.category.category-fiber .documents .articleSummary {
	border: 1px dashed #b61c26;
}

.post.category.category-fiber .wp-block-table,
.post.category.category-fiber .wp-block-table table {
	margin-top: 0;
}


/* 詳細ページ */
.post.single.product_cat-fiber .singleHeader {
	background-color: transparent;
}



/** Responsive for Tablet --------------------------------- **/
@media all and (max-width:1024px) and (min-width:768px) {

	/* indexブロック */
	.block.index.category.fiber .blockTitle     { transform: translateY(50%); }
	.block.index.category.fiber .blockDesc      {
		left: auto;
		width: 55%;
		transform: translateY(0%);
	}
}



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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.fiber .blockTitle     { left: 10%; width: 30%; transform: translateY(-50%); }
	.block.index.category.fiber .blockDesc      { left: auto; width: auto; transform: translateY(0); }
}




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


	マイナスイオン発生器


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



/* indexブロック */
.block.index.category.minusion .blockTitle     { left: 5%; }
.block.index.category.minusion .blockDesc      { left: 5%; text-align: justify; }
.block.index.category.minusion .blockDesc span { background-color: rgba( 255, 255, 255, 0.8 ); }


/* メイン */
.siteMain.productcat-minusion   { background-color: #eff5d9; }


/* カテゴリーヘッダー */
.header.category.minusion .headerTitle {
	left:0%;
}   


/* 詳細ページ */
.siteMain.single-minusion {
    background-color: #eff5d9;
}

.post.single.product-minusion .singleHeader {
	padding-top: 30px;
	background-color: transparent;
}

.post.single.product-minusion h3::after {
	background-color: #00acb5;
}


/** Responsive for Tablet --------------------------------- **/
@media all and (max-width:1024px) and (min-width:768px) {
	
	/* indexブロック */
	.block.index.category.minusion .blockTitle     { transform: translateY(50%); }
	.block.index.category.minusion .blockDesc      { left: auto; }
	.block.index.category.minusion .blockDesc span { background-color: transparent; }
}

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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.minusion .blockTitle { left:10%; width: 30%; transform: translateY(-50%); }
	.block.index.category.minusion .blockDesc  { left: auto; }
	.block.index.category.minusion .blockDesc span { background-color: transparent; }
}



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


	美容・健康


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



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


	貴陽石バスタブレット        /beauty/bathtablet/


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



/* indexブロック */
.block.index.category.bathtablet .blockTitle { left: 5%; }
.block.index.category.bathtablet .blockDesc  { left: 5%; }


/* メイン */
.siteMain.single-bathtablet { background-color: #fff5f5; }


/* カテゴリーヘッダー */
.header.category.bathtablet .headerTitle   {
	left: 20%;
	width: 20%;
}


/* 詳細ページ */
.post.single.product-bathtablet .singleHeader {
    background-color: transparent;
}

.post.single.product-bathtablet .richEdit h2 {
	display: block;
	position: relative;
	margin: 3em 0;
	padding: 0 0 20px 0;
	text-align: center;
}
.post.single.product-bathtablet .richEdit h2::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 5px;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	background-color: #b22a50;
	transform: translateX(-50%);
}

.post.single.product-bathtablet .richEdit h3 {
	background-color: rgba(255,255,255,1);
}

.post.single.product-bathtablet .richEdit h4 {
	border-left: 0;
}

/* コラム */
.post.single.product-bathtablet .richEdit .column h4 {
	background-color: #ffffff;
}
.post.single.product-bathtablet .richEdit .column h4::after {
	display: none;
}

/* ５つのフリー */
.post.single.product-bathtablet .richEdit ul.free {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.post.single.product-bathtablet .richEdit ul.free li {
	margin: 5px;
	padding: 10px;
	list-style-type: none;
	
	background-color: #b22a50;
	border-radius: 20px;
	
	color: #ffffff;
	line-height: 1;
	white-space: nowrap;
}


/** for Tablet -------------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	/* indexブロック */
	.block.index.category.bathtablet .blockTitle {
		left: 5%;
	}

	.block.index.category.bathtablet .blockDesc {
		left: auto;
		text-align: justify;
	}
}



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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.bathtablet .blockTitle {
		left: 10%;
		width: 30%;
		bottom: auto;
		top: 10%;
	}

	.block.index.category.bathtablet .blockDesc {
		left: auto;
	}	
}



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


	ドクタービフレ ページ     /beauty/drbefre/


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



/* indexブロック */
.block.index.category.drbefre .blockTitle {
	left: 5%;
	width: 15%;
	transform: translateY(50%);
}

.block.index.category.drbefre .blockDesc {
	left: 45%;
	width: 50%;
	top: 5%;
	text-align: justify;
}



/* メインブロック */
/*
.siteMain.productcat-drbefre {
	background-color: #8ddaf6;
}
*/


/* カテゴリーヘッダー */
.header.category.drbefre .headerTitle {
	display: none;
}


/* 商品一覧 */
.siteMain.productcat-drbefre .posts.archive .archiveHeader {
    background-color: #8ddaf6;
	color: #231815;
}



/** Responsive for Tablet ---------------------- **/

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

	
	/* indexブロック */
	.block.index.category.drbefre .blockTitle {
		left: 5%;
		bottom: auto;
		top: 30%;
		width: 15%;
		transform: translateY(-50%);
	}

	.block.index.category.drbefre .blockDesc {
		left: auto;
		width: 55%;
		top: auto;
	}
}


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

@media all and (max-width:767px) {
	
	
	/* indexブロック */
	.block.index.category.drbefre .blockTitle {
		left: 5%;
		top: 5%;
		width: 15%;
		transform: translateY(50%);
	}

	.block.index.category.drbefre .blockDesc {
		left: auto;
		width: auto;
		top: auto;
	}
}



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


	農業・ガーデニング


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



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


	商品 : ミネラルスター


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



/* indexブロック */
.block.index.category.mineralstar .blockTitle {
	left: 50%;
}

.block.index.category.mineralstar .blockDesc {
	left: 50%;
}

.block.index.category.mineralstar .blockDesc span {
	background-color: rgba( 255, 255, 255, 0.6 );
	left: 50%;
}



/* カテゴリーヘッダー */
.header.category.mineralstar .headerTitle  {
	left: 60%;
}


/* 詳細ページ */
/* 見出し。特徴 */

.mineralstarRow.row01 {
	margin: 0 auto;
/*	padding: 0; */
	border-top: 0;
}

.mineralstarRow.row01 > .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.mineralstarRow.row01 h3 {
	margin-top: 50px;
	text-align: left;
}

.mineralstarRow.row01 .text {
	width: 60%;
	box-sizing: border-box;
}

.mineralstarRow.row01 .images {
	width: 40%;
	padding: 0 0 0 40px;
	box-sizing: border-box;
}



/* 地力があるとは */
.mineralstarRow.row02 {}

.mineralstarRow.row02 > .wp-block-group__inner-container {}

.mineralstarRow.row02 .flx > .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 20px 0 0 0;
}

.mineralstarRow.row02 .blk {
	display: block;
	position: relative;
	width: 47%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
	
	border:1px solid #b11c26;
	border-radius: 20px;
}


.mineralstarRow.row02 h4 {
	margin: 0;
	padding: 0;
	border-left: 0;
	text-align: center;
}


/* 無農薬・無化学肥料のコシヒカリ栽培にもご利用頂いています。 */

.mineralstarRow.row03 {}

.mineralstarRow.row03 .flx > .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 20px 0 0 0;
}

.mineralstarRow.row03 .text {
	width: 60%;
	box-sizing: border-box;
}

.mineralstarRow.row03 .images {
	width: 40%;
	padding: 0 0 0 40px;
	box-sizing: border-box;
}


/* ミネラルスターの使い方 */

.mineralstarRow.row04 {}

.mineralstarRow.row04 .flx > .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.mineralstarRow.row04 .wp-block-table {
	width: 48%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.mineralstarRow.row04 ul {
	width: 48%;
	max-width: none;
	margin: 0;
	padding: 0;	
}


/** Responsive for Tablet --------------------------------- **/
@media all and (max-width:1024px) and (min-width:768px) {

	
	
	/* indexブロック */
	.block.index.category.mineralstar .blockDesc {
		left: auto;
		text-align: justify;
	}

	.block.index.category.mineralstar .blockDesc span {
		background-color: transparent;
		left: auto;
	}
	

	/* 行共通 */
	.mineralstarRow {
		width: calc(100% - 60px);
	}
}


/** Responsive for Smart Phone ---------------------------- **/
@media all and (max-width:767px) {
	

	
	/* indexブロック */
	.block.index.category.mineralstar .blockTitle {
		left: 45%;
		top: 20%;
		bottom: auto;
	}

	.block.index.category.mineralstar .blockDesc {
		left: auto;
	}

	.block.index.category.mineralstar .blockDesc span {
		background-color: transparent;
		left: auto;
	}
	

	
	
	
	
	#mineralstarContent {
		margin: 0 30px;
	}
	
	
	/* 商品詳細 */
	.mineralstarRow {
		width: auto;
		max-width: none;
		margin: 80px 0 0;
		padding: 50px 0 0 0;
	}

	.mineralstarRow h3 {
		font-size: 18px;
		font-weight: 700;
		text-align: left;
	}
	.mineralstarRow h3::before {
		width: 30px;
		height: 30px;
	}



	/* 見出し。特徴 */

	.mineralstarRow.row01 {
		margin: 0;
		padding: 0;
		border-top: 0;
	}

	.mineralstarRow.row01 > .wp-block-group__inner-container {
		display: block;
	}

	.mineralstarRow.row01 h3 {
		text-align: center;
	}

	.mineralstarRow.row01 .text {
		width: auto;
	}

	.mineralstarRow.row01 .images {
		width: auto;
		margin: 30px 0 0 0;
		padding: 0;
	}


	
	/* 地力があるとは */
	.mineralstarRow.row02 .flx > .wp-block-group__inner-container {
		display: block;
		margin: 0;
	}

	.mineralstarRow.row02 .blk {
		width: auto;
		margin: 30px 0 0 0;
		border-radius: 10px;
	}

	.mineralstarRow.row02 h4 {
		margin: 0;
		padding: 0;
		border-left: 0;
		text-align: center;
	}


	/* 無農薬・無化学肥料のコシヒカリ栽培にもご利用頂いています。 */

	.mineralstarRow.row03 .flx > .wp-block-group__inner-container {
		display: block;
		margin: 0;
	}

	.mineralstarRow.row03 .text {
		width: auto;
		margin: 30px 0 0 0;
	}

	.mineralstarRow.row03 .images {
		width: auto;
		margin: 30px 0 0 0;
		padding: 0;
	}


	/* ミネラルスターの使い方 */

	.mineralstarRow.row04 .flx > .wp-block-group__inner-container {
		display: block;
	}

	.mineralstarRow.row04 .wp-block-table {
		width: auto;
	}

	.mineralstarRow.row04 ul {
		width: auto;
		margin: 30px 0 0 0;
	}
	
	
	/* 詳細ページ */
	.post.single.product-mineralstar {}
	
	.post.single.product-mineralstar .richEdit {}
	
	.post.single.product-mineralstar .richEdit .alignleft,
	.post.single.product-mineralstar .richEdit .alignright {
	    float: none;
		max-width: none;
		margin: 1.2em 0;
	}
}


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


	御座入サンドページ   /agric-garden/sand/


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



/* indexブロック */
.block.index.category.sand .blockTitle {
	left: 50%;
	text-align: left;
}

.block.index.category.sand .blockDesc {
	left: 50%;
	text-align: justify;
}

/* カテゴリーヘッダー */
.header.category.sand {
	
}


/** Responsive for Tablet ---------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	
	/* indexブロック */
	.block.index.category.sand .blockTitle {
		left: 50%;
		bottom: auto;
		top: 30%;
		text-align: center;
	}

	.block.index.category.sand .blockDesc {
		left: auto;
	}
	
}



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

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

	
	/* indexブロック */
	.block.index.category.sand .blockTitle {
		top: 15%;
		left: 25%;
		text-align: center;
	}

	.block.index.category.sand .blockDesc {
		left: auto;
	}
}


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


	さび砂利ページ       /agric-garden/gravel/


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



/* indexブロック */
.block.index.category.gravel {
	color: #ffffff;
}

.block.index.category.gravel .blockDesc {
	text-align: justify;
}


/* カテゴリーヘッダー */
.header.category.gravel .headerTitle {
	left: 47%;
	width: 6%;
}



/** Responsive for Tablet ---------------------- **/

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

	
	/* indexブロック */
	.block.index.category.gravel {
		color: inherit;
	}
	
	.block.index.category .blockTitle {
	    bottom: auto;
		top: 15%;
	}
}



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

@media all and (max-width:767px) {
	
	
	/* indexブロック */
	.block.index.category.gravel {
		color: inherit;
	}

	.block.index.category.gravel .blockTitle {
		left: 45%;
		top: 5%;
		width: 10%;
	}	
}



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


	ゴルフサンド


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



/* indexブロック */
.block.index.category.golfsand .blockTitle {
	bottom: auto;
	left: 5%;
	top: 10%;
	bottom: auto;
	width: 30%;
	text-align: right;
}

.block.index.category.golfsand .blockDesc {
	left: 40%;
	top: 10%;
	width: 50%;
	text-align: justify;
}

.block.index.category.golfsand .blockDesc span {
	background-color: rgba( 255, 255, 255, 0.8 );
	left: 50%;
}


/* カテゴリーヘッダー */
.header.category.golfsand .headerTitle {
	left: 60%;
    top: 5%;
    transform: translateY(0%);
}


/** Responsive for Tablet ---------------------- **/

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

	
	/* indexブロック */
	.block.index.category.golfsand .blockTitle {
		left: 35%;
		top: 5%;
		text-align: center;
	}

	.block.index.category.golfsand .blockDesc {
		left: auto;
		top: auto;
		width: 55%;
	}

	.block.index.category.golfsand .blockDesc span {
		background-color: transparent;
		left: auto;
	}
}



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

@media all and (max-width:767px) {
	
	/* indexブロック */
	.block.index.category.golfsand .blockTitle {
		bottom: auto;
		left: 35%;
		top: 10%;
		width: 30%;
		text-align: center;
	}

	.block.index.category.golfsand .blockDesc {
		left: auto;
		top: auto;
		width: auto;
	}

	.block.index.category.golfsand .blockDesc span {
		background-color: transparent;
		left: auto;
	}
}



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


	御座入ライブラリー


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



/* indexブロック */
.block.category.library {
	padding: 50px;
	background-color: #f2eeeb;
	background-image:url("img/paper.jpg");
	background-position: center center;
	background-repeat: repeat;
}

/* TOPページだけ、すきまを調整 */
body.home .block.category.library {
	margin: 50px;
}



.block.category.library .blockInner {}

.block.category.library .blockHeader {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.block.category.library .blockTitle {
	width: 50%;
	margin: 0;
	padding: 0 15px 0 0;
	box-sizing: border-box;
	text-align: right;
}

.block.category.library .blockTitle img {}

.block.category.library .blockDescription {
	width: 50%;
	margin: 0;
	padding: 0 0 0 15px;
	box-sizing: border-box;
}

.block.category.library .blockHashtags {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	box-sizing: border-box;
	font-size: smaller;
}

.block.category.library .blockHashtags ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.block.category.library .blockHashtags li {
	margin: 5px;
}

.block.category.library .blockHashtags a {
	display: block;
	padding: 3px 1em;
	border-radius: 10px;
	background-color: #ffffff;
}
.block.category.library .blockHashtags a:link,
.block.category.library .blockHashtags a:visited { color: inherit; }

.block.category.library .postTiles {
	width: auto;
	max-width: none;
}


.block.category.library .post.tile {
	width: calc( 25% - 20px );
	margin: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
	border:1px solid var(  --logo-color );
}

.block.category.library .post.tile.featured {
	width: calc( 50% - 20px );
}

.block.category.library .post.tile .tileExcerpt,
.block.category.library .post.tile .tileHashtags {
	display: none;
}


/* Links */
.block.category.library .post.tile .tileLinks a {
	border-top: 1px solid var( --logo-color );
	color: var( --logo-color );
	background-color: #ffffff;
}

.block.category.library .post.tile .tileLinks svg {
	fill: var( --logo-color );
}

.block.category.library .post.tile .tileLinks a:link,
.block.category.library .post.tile .tileLinks a:visited {
	border-color : var( --logo-color );
	color: var( --logo-color );
}

.block.category.library .post.tile .tileLinks a:hover,
.block.category.library .post.tile .tileLinks a:active {
	background-color : var( --logo-color );
	color: #ffffff;
}

.block.category.library .post.tile .tileLinks a:hover svg {
	fill: #ffffff;
}


.block.library .moreBtn {
    justify-content: center;
}



/* カテゴリーヘッダー */
.header.category.library {}



/* 一覧ページ */
.siteMain.category.category-library .header.category {
	display: none;
}

.posts.archive.category-library {}

.posts.archive.category-library .archiveHeader {
	flex-wrap: wrap;
	background-color: transparent;
	color: inherit;
}

.posts.archive.category-library .archiveTitle {}

.posts.archive.category-library .archiveDescription {}

.posts.archive.category-library .archiveHashtags {}


.posts.archive.category-library .archiveHashtags {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    font-size: smaller;
}


.posts.archive.category-library .archiveHashtags ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.posts.archive.category-library .archiveHashtags li {
    margin: 5px;
	padding: 0;
}

.posts.archive.category-library .archiveHashtags a {
    display: block;
    padding: 3px 1em;
    border-radius: 10px;
    background-color: #ffffff;
}
.posts.archive.category-library .archiveHashtags a:link,
.posts.archive.category-library .archiveHashtags a:visited {
	color: inherit;
}

.posts.archive.category-library .postTiles {
	width: auto;
	max-width: none;
	margin: 0 50px;
}


.posts.archive.category-library .post.tile {
	width: calc( 25% - 20px );
	margin: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
	border:1px solid var(  --logo-color );
}

.posts.archive.category-library .post.tile.featured {
	width: calc( 50% - 20px );
}

.posts.archive.category-library .post.tile .tileExcerpt {
	display: block;
}


/* Links */
.posts.archive.category-library .post.tile .tileLinks a {
	border-top: 1px solid var( --logo-color );
	color: var( --logo-color );
	background-color: #ffffff;
}

.posts.archive.category-library .post.tile .tileLinks svg {
	fill: var( --logo-color );
}

.posts.archive.category-library .post.tile .tileLinks a:link,
.posts.archive.category-library .post.tile .tileLinks a:visited {
	border-color : var( --logo-color );
	color: var( --logo-color );
}

.posts.archive.category-library .post.tile .tileLinks a:hover,
.posts.archive.category-library .post.tile .tileLinks a:active {
	background-color : var( --logo-color );
	color: #ffffff;
}

.posts.archive.category-library .post.tile .tileLinks a:hover svg {
	fill: #ffffff;
}







/** Responsive for Tablet ---------------------- **/

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

	.block.category.library .post.tile,
	.posts.archive.category-library .post.tile {
		width: calc( 33.3% - 20px );
	}

	.block.category.library .post.tile.featured,
	.posts.archive.category-library .post.tile.featured {
		width: calc( 66.6% - 20px );
	}
}


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

@media all and (max-width:767px) {
	
	.block.category.library,
	.posts.archive.category-library {
		padding: 50px 20px;
	}

	.block.category.library .blockHeader {
		display: block;
	}

	.block.category.library .blockTitle {
		width: auto;
		padding: 0;
		text-align: center;
	}

	.block.category.library .blockDescription {
		width: auto;
		margin: 20px 0 0 0;
		padding: 0;
		text-align: center;
	}

	.block.category.library .blockHashtags {
		width: auto;
	}

	
	.block.category.library .postTiles,
	.posts.archive.category-library .postTiles {
		margin: 0;
	}
	
	.block.category.library .post.tile,
	.block.category.library .post.tile.featured,
	.posts.archive.category-library .post.tile,
	.posts.archive.category-library .post.tile.featured {
		width: auto;
		margin: 10px 0;
	}
}



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


	会社概要


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



/* indexブロック */
.block.index.category.company {
	color: #ffffff;
}


/* 詳細ページ */
.post.category-company {}


.post.category-company h3 {
	position: relative;
	padding: 0 0 20px;
	background-color: transparent;
	border-left: 0;

	font-family: var(--mincho-font-family);
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}
.post.category-company h3::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 3px;
	margin: 0;
	padding: 0;
	background-color: #C11825;
	transform: translateX(-50%);
}

.post.category-company .wp-block-table table {
    width: 100% !important;
	border: 0;
	border-top:2px solid #e0e0e0;
}


.post.category-company .wp-block-table th,
.post.category-company .wp-block-table td {
	border: 0;
	padding: 10px;
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
}

.post.category-company .wp-block-table tr:first-child th,
.post.category-company .wp-block-table tr:first-child td {
	border-top:0;
	border-bottom:0;
}

.post.category-company .wp-block-table td:first-child {
	width: 30%;
}
.post.category-company .wp-block-table td:last-child {
	width: 70%;
}

/* 地図 */
.company-map {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	max-height: 600px;
	margin: 50px auto 0;
	padding: 0;
	background-color: #f0f0f0;
}



/** 地球アニメ  ----------------------------------------------- **/

.earthAnim {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 66.66%;
	overflow: hidden;
	opacity: 0;
}
.earthAnim.ready {
	opacity: 1;
	transition: all 0.5s;
}


.earthAnim svg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.earthAnim .earth .frame {
	fill:transparent;
	stroke:#000000;
	stroke-width:1px;
}

.earthAnim .earth .frame.start {
	stroke-dashoffset : 0 !important;
	transition: all 3s;
}

.earthAnim .earth .vline,
.earthAnim .earth .sline {
	fill:transparent;
	stroke:#009944;
stroke:#a9eac3;
	stroke-width:1px;
}

.earthAnim .earth .vline.start,
.earthAnim .earth .sline.start {
	stroke-dashoffset : 0 !important;
	transition: all 2s;
}

.earthAnim .earth .area {
	fill:transparent;
	stroke:#aaaaaa;
	stroke-width:1px;
}

.earthAnim .earth .area.start {
	fill:#ffffff;
	stroke-dashoffset : 0 !important;
	transition: all 3s;
}

@keyframes earthJapanAnim {
	0%   { left: 50%; top: 50%; width: 30%; opacity: 0; }
	40%  { left: 50%; top: 50%; width: 30%; opacity: 1; }
	60%  { left: 50%; top: 50%; width: 30%; opacity: 1; }
	100% { left: 46.8%; top: 31.5%; width:  5%; opacity: 1; }
}


/* 日本 */
.earthAnim .japan {
	left: 50%;
	top: 50%;
	width: 30%;
	height: auto;

	fill:#c42d38;
	opacity: 0;
	transform: translate(-50%, -50%);
	transform-origin: center center;
}
.earthAnim .japan.start {
	opacity: 1;
	transition: all 1s;
}
.earthAnim .japan.move {
	left: 46.8%;
	top: 31.5%;
	width:  5%;
	transition-property: all;
	transition-duration: 2s;
	transition-timing-function: ease-in;
}


/* 路線 */
.earthAnim .lines {
	left: 0;
	top: 0;
	width: 100%;
}
.earthAnim .lines {
	transition-property: all;
	transition-duration: 2s;
	transition-timing-function: ease-in;
}

.earthAnim .lines .line {
	fill:transparent;
	stroke:#444444;
	stroke-width:0.2px;
}
.earthAnim .lines .line.start {
	stroke-width: 1px;
	stroke-dashoffset : 0 !important;
	
	
	transition: all 5s;
}

.earthAnim .lines .point {
	fill:#c42d38;
	opacity: 0;
}
.earthAnim .lines .point.start {
	opacity: 1;
	transition: all 500ms;
}



/** Responsive for Tablet --------------------------------- **/

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

	/* indexブロック */
	.block.index.category.company {
		color: inherit;
	}
	
	.block.index.category.company .blockDesc {
		text-align: justify;
	}
	
}


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

@media all and (max-width:767px) {
	
	
	/* 会社概要 */
	.block.index.category.company {
		color: inherit;
	}

	.block.index.category.company .blockTitle {
	}

	
	/* コンテンツ */
	.companyRow {
		width: auto;
		max-width: none;
		margin: 80px 30px 0;
		
	}

	.companyRow h3 {
		font-size: 24px;
	}

	.companyRow .wp-block-table td:first-child {
		width: 40%;
	}
	.companyRow .wp-block-table td:last-child {
		width: 60%;
	}
	
	/* 地図 */
	.company-map {
		max-height: 400px;
		margin: 30px auto 0;
	}
}


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


	カテゴリーページ（主に貴陽石を使った商品)


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


.list.category {
	display: block;
	position: relative;
	width: calc( 100% - 60px );
	max-width: 1000px;
	margin: 50px auto 100px;
	padding: 0;
}

.list.category .listHeader {}

.list.category .listTitle {
	margin: 0;
	padding: 0;
	
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

.list.category .articleSummaries {}



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


	詳細ページ


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

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

.post.detail .post-header {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
	
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

.post.detail .post-header a:link,
.post.detail .post-header a:visited { color: inherit; }

.post.detail .post-title {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
}


/* アイキャッチ画像がある場合 */
.post.detail.hasImage .post-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.post.detail.hasImage .post-header-left {
	display: block;
	position: relative;
	width: auto;
	max-width: 40%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.post.detail.hasImage .post-header-right {
	display: block;
	position: relative;
	width: auto;
	max-width: 60%;
	margin: 0;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

.post.detail a.post-edit-link {
	display: block;
	position: absolute;
	right: 0;
	top : 0;
	margin: 0;
	padding: 10px 20px;
	
	background-color: #444444;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
}

.post.detail a.post-edit-link:link,
.post.detail a.post-edit-link:visited { color: #ffffff; }


/* ダウンロードボタン */
.post-links {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	box-sizing: border-box;
	border:1px solid #e0e0e0;
}

.post-links > ul {
	margin: 0;
	padding: 0;
}

.post-links > ul > li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
	border-top:1px dashed #b61c26;
}
.post-links > ul > li:first-child {
	border-top:0;
}

.post-links a {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px 10px;
	background-color:#ffffff;
	
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color:#b61c26;
	
	transition: all 0.5s;
}

.post-links svg {
	width: 25px;
	height: 25px;
	padding-right: 5px;
	vertical-align: middle;
	fill:#b61c26;
	
	transition: all 0.5s;
}

.post-links a:link,
.post-links a:visited {
	color:#b61c26;
}

.post-links a:hover { background-color:#b61c26; color:#ffffff; }
.post-links a:hover svg     { fill:#ffffff; }
.post-links a:hover::before { width: 100%;    }
.post-links a:hover::after  { left: 15px;     }
.post-links a:hover span    { color: #ffffff; }


/* 本文 */
.post.detail .post-content {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 20px;
	
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}








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


	御座入ライブラリー


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



/* カテゴリー毎に背景色を変える */
.siteMain.category-library {
	background-color: #f2eeeb;
	background-image:url("img/paper.jpg");
	background-position: center center;
	background-repeat: repeat;
}






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


	会社概要


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




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


	御座入鉱山


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


/* top category */
.block.index.category.about .blockTitle {
	left: 10%;
	bottom: 55%;
	text-align: right;
}

.block.index.category.about .blockDesc {
	left: 50%;
	top: auto;
	bottom: 51%;
	padding-left: 30px;
	text-align: left;
}



/** for Tablet -------------------------------------- **/

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

	.block.index.category.about .blockTitle {
		left: 30%;
		bottom: auto;
		top: 30%;
		text-align: center;
	}

	.block.index.category.about .blockDesc {
		left: auto;
		top: auto;
		bottom: auto;
		padding-left: 20px;
	}
}



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

@media all and (max-width:767px) {
	
	.block.index.category.about .blockTitle {
		left: 25%;
		bottom: auto;
		top: 15%;
		width: 50%;
		text-align: center;
	}

	.block.index.category.about .blockDesc {
		left: auto;
		top: auto;
		bottom: auto;
		padding-left: 0;
	}
}



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


	お問い合わせ


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



.post.single.contact .singleHeader {
	background-color: var( --logo-color );
	color: #ffffff;
}



.inputForm th,
.inputForm td {
	border-left: 0;
	border-right: 0;
}




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

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



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

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



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

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



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


	ニュース


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


/* カテゴリーヘッダーを消す(一覧・詳細) */
.header.category.news {
	display: none;
}


/* ニュース一覧ページ */
.posts.category-news .postTiles {
	display: block;
}

.post.tile.category-news {
	width: auto;
	margin: 0;
	padding: 20px 0;
	border-top: 1px dotted #cccccc;
}

.post.tile.category-news .tileDesc {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.post.tile.category-news .tileDate {
	width: 10em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-weight: 700;
}

.post.tile.category-news .tileTitle {
	display: none;
}

.post.tile.category-news .tileExcerpt {
	width: calc( 100% - 10em );
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.post.tile.category-news .tileExcerpt > a > p {
	margin: 0;
}


.post.tile.category-news a:link,
.post.tile.category-news a:visited {
    color: #3960FF;
}

.post.single.category-news .singleHeader {
    background-color: var(--logo-color );
    color: #ffffff;
}

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

@media all and (max-width:767px) {
	
	/* ニュース一覧ページ */
	.post.tile.category-news {
		width: auto;
		margin: 0;
		padding: 20px 0;
		border-top: 1px dotted #cccccc;
	}

	.post.tile.category-news .tileDesc {
		display: block;
	}

	.post.tile.category-news .tileDate {
		width: auto;
	}

	.post.tile.category-news .tileExcerpt {
		width: auto;
		margin: 10px 0 0 0;
	}
}


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


	FAXでのご注文


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


.block.fax {
	display: block;
	position: relative;
	width: calc( 100% - 100px );
	max-width: 1200px;
	margin: 30px auto;
	padding: 30px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
}

.block.fax .blockInner {}

.block.fax .blockHeader {}

.block.fax .blockTitle {
	margin: 0 0 30px;
	padding: 0 0 30px;
	text-align: center;
}

.block.fax .blockContent {}

.block.fax ul.sheets {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 4em 0;
	padding: 0;
	list-style-type: none;
}

.block.fax ul.sheets li {
	margin: 0 10px;
	padding: 0;
}


.block.fax ul.sheets a {
	display: block;
	margin: 0;
	padding: 10px 20px;
	background-color: #c11825;
	
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	font-size: larger;
}
.block.fax ul.sheets a:hover {
	background-color: #ff0000;
	color: #ffffff;
}

.block.fax ul.cautions {
	font-size: smaller;
}


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


	固定ページ : FAXでのご注文


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


.post.single.fax ul.sheets {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 4em 0;
	padding: 0;
	list-style-type: none;
}

.post.single.fax ul.sheets li {
	margin: 0 10px;
	padding: 0;
}


.post.single.fax ul.sheets a {
	display: block;
	margin: 0;
	padding: 10px 20px;
	background-color: #c11825;
	
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	font-size: larger;
	text-align: center;
}
.post.single.fax ul.sheets a:hover {
	background-color: #ff0000;
	color: #ffffff;
}

.post.single.fax ul.cautions {
	font-size: smaller;
}