/* =================================
 * 中ページ共通設定
 * テキストメインページ用
 * 商品カテゴリ用 共通設定
 * 商品カテゴリ用（3カラム版）
 * 商品カテゴリ用（1カラム版）
================================= * /

/* =================================================
 中ページ共通設定
=================================================*/
	.leadTxtBox a,
	.sectionHeader a,
	.productUnit_txt a {
		transition: border var(--default-transition);
		border-bottom: 1px solid rgb(var(--site-themeColor-mainColor));
	}
	.leadTxtBox a::before,
	.leadTxtBox a::after,
	.sectionHeader a::before,
	.sectionHeader a::after,
	.productUnit_txt a::before,
	.productUnit_txt a::after {
		content: "";
		display: inline-block;
		width: 0.5em;
	}
	.leadTxtBox a:hover,
	.sectionHeader a:hover,
	.productUnit_txt a:hover {
		border-bottom-color: transparent;
	}



/* pagetitle
---------------------------------------------------*/
	.pageTtlWrap {
		position: relative;
		color: #8ac7ea;
		text-align: center;
		font-family: var(--site-font_family-sans);
		background: #157bb6 url("../images/share/bg_pagetitle.png") top center repeat;
		border: solid transparent;
		border-width: 1px 0;
	}
	.pageTtlWrap h1 {
		position: relative;
		line-height: 1;
		letter-spacing: 0.03em;
		font-size: clamp(1.6em, 8vw + 1em, 9.375em);
		font-weight: 800;
		margin: -0.19em auto -0.07em;
	}
	.pageTtlWrap h1 + span {
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		color: #FFF;
		letter-spacing: 0.05em;
		font-size: min(1.8em, 5vw);
		font-weight: 500;
		text-align: center;
	}


/* breadcrumbWrap
---------------------------------------------------*/
	.breadcrumbWrap {
		display: block;
		background: rgb(0 0 0 / .1);
	}
	.breadcrumbWrap ul {
		width: var(--site-sizeContentWide-L);
		max-width: 1380px;
		margin: 0 auto;
		padding: 0 1em;
	}
	.breadcrumbWrap ul li {
		display: inline-block;
	}
	.breadcrumbWrap ul li:not(:first-child)::before {
		content: "";
		display: inline-block;
		/*top: 50%;
		right: -1.5em;
		z-index: -1;*/
		transform: translateX(-25%) scaleX(0.5) rotate(45deg);    
		width: 1em;
		height: 1em;
		margin-right: 0.2em;
		border: 1px solid rgb(0 0 0 / .3);
		border-left: none;
		border-bottom: none;
	}

@media screen and (max-width: 736px) {
	.breadcrumbWrap{overflow-x:auto;}
	.breadcrumbWrap li{min-inline-size:revert;}
}

/* sectionWrap
---------------------------------------------------*/
.sectionWrap {
	background: #f4f4f4;
}

/* sectionHeader
---------------------------------------------------*/
	.sectionHeader h2 {
		color: #FFF;
		line-height: 2.4;
		text-align: center;
		font-size: 1.2em;
		background: rgb(var(--site-themeColor-mainColor) / 1);
	}
	.sectionHeader p {
		font-size: 0.9em;
		line-height: 2em;
		background: rgb(255 255 255 / .6);
		margin-bottom: var(--site-marpad-S);
		padding: var(--site-marpad-XS) var(--site-marpad-S);
	}
	.sectionHeader p.noBg {
		background: transparent;
		padding-top: 0;
		padding-bottom: 0;
	}

@media screen and (max-width: 900px) {
	.sectionHeader p.noBg {
		padding: 0;
		text-align: left !important;
	}
	.sectionHeader p br.SP_none {
		display: none
	}

}

/* tabNav
---------------------------------------------------*/
	.tabNav {
		display: block;
		text-align: center;
		margin-bottom: var(--site-marpad-XS);
	}
	.tabNav li {
		opacity: 1 !important;
		display: inline-block;
		width: auto;
		height: auto;
		background: none;
		border-radius: 0;
		margin-right: 1.2em !important;
	}
	.tabNav li:last-child {
		margin-right: 0em !important;
	}
	.tabNav li::before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		transform: rotate(-45deg);
		margin-right: 0.5em;
		border: solid #000;
		border-width: 0 1px 1px 0;
	}
	/*animation*/
	.tabNav li:not(.swiper-pagination-bullet-active):hover,
	.tabNav li:not(.swiper-pagination-bullet-active):hover::before {
		transition: transform var(--default-transition);
	}
	.tabNav li:not(.swiper-pagination-bullet-active):hover {
		transform: translateY(3px);
	}
	.tabNav li.swiper-pagination-bullet-active::before,
	.tabNav li:not(.swiper-pagination-bullet-active):hover::before {
		transform: rotate(45deg);
		transform-origin: right center;
	}
	.tabNav li a {
		display: inline-block;
	}

/*tabNavBottom*/
	/*.tabNav.tabNavBottom {
		margin-bottom: 0;
		margin-top: var(--site-marpad-M);
		padding-top:  var(--site-marpad-XXS);
		border-top: 1px dotted rgb(0 0 0 / .5);
	}
	.tabNav.tabNavBottom li:not(.swiper-pagination-bullet-active):hover {
		transform: translateY(-3px);
	}
	.tabNav.tabNavBottom li.swiper-pagination-bullet-active::before,
	.tabNav.tabNavBottom li:not(.swiper-pagination-bullet-active):hover::before {
		transform: rotate(-135deg);
		transform-origin: center center;
	}*/

/*marker*/
	.marker {
		background: linear-gradient(to bottom, transparent 10%, #e6d616 10% 90%, transparent 90%);
	}

/*bnrBtn*/
	.bnrBtn {
		overflow: visible;
		margin: var(--site-marpad-M) 0 10px;
	}
	.bnrBtn a {
		position: relative;
		display: block;
		width: 80%;
		max-width: 500px;
		color: #FFF;
		text-align: center;
		background: rgb(var(--site-themeColor-mainColor) / 1) url("../images/share/bg_pagetitle.png") 0 0 repeat;
		box-shadow: 8px 8px 0px 0px rgb(var(--site-themeColor-mainColor) / .2);
		margin: 0 auto;
	}
	.bnrBtn a::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		border: 13px solid transparent;
		border-left-color: rgb(255 255 255 / .5);
		border-bottom-color: rgb(255 255 255 / .5);
	}
	.bnrBtn a > span {
		position: relative;
		z-index: 5;
		display: block;
		padding: 20px;
	}
	.bnrBtn a > span .subTxt {
		display: block;
		font-size: 1em;
	}
	.bnrBtn a > span .mainTxt {
		display: block;
		font-size: 1.4em;
		font-weight: bold;
	}
	.bnrBtn a > span .btn_more {
		display: inline-block;
		width: 80%;
		max-width: 220px;
		color: #000;
		line-height: 1.2;
		font-size: 1em;
		background: #e6d616;
		margin: 0.8em auto 0;
	}
@media screen and (max-width: 900px) {
	.bnrBtn a {
		width: 100%;
		font-size: min(1.2em, 3vw);
	}
}

	.bnrBtn a:hover {
		transition: all var(--default-transition);
		transform: translate(3px, 3px);
		background-image: url("../images/share/bg_pagetitle.png");
		box-shadow: 5px 5px 0px 0px rgb(var(--site-themeColor-mainColor) / .5);
	}

/* miniBtn */
.miniBtn a {
	display: block;
	text-align: center;
	color: #FFF;
	background: rgb(var(--site-themeColor-mainColor) / 1);
	margin-top: 1em;
	transition: background var(--default-transition);
}
.miniBtn a::after {
	content: "";
	display: inline-block;
	margin-left: 0.5em;
	border: 0.4em solid transparent ;
	border-left-color: rgb(255 255 255 /.5);
}
.miniBtn a:hover {
	background: rgb(var(--site-themeColor-mainColor_hover) / 1);
}


/* paperBottom
---------------------------------------------------*/
	.paperBottom {
		text-align: right;
	}
	.paperBottom:not(:first-child) {
		margin-top: var(--site-marpad-XS);
	}
	.paperBottom .updateBox {
	}
	.paperBottom .ownerBox {
		margin-top: 1em;
	}


/* =================================================
 テキストメインページ用
.textContWrap [data-list-type | number / disc]
 ∟.textContNav
 ∟.textContArea
    ∟.txtBox
        ∟ p / .bgUnit
            ∟ ul,ol[data-list-type | number / disc]
=================================================*/
/* textContWrap
---------------------------------------------------*/
@media screen and (min-width: 900.02px) {
	.textContWrap {
		display: grid;
		grid-template-columns: 230px 1fr;
		grid-template-rows: 1fr;
		gap: 60px;
	}
}
	.textContWrap .textContNav ol li::before,
	.textContWrap .textContNav ul li::before,
	.textContWrap .textContArea .txtContUnit > dl > dt::before,
	.textContWrap .textContArea .txtContUnit > dl > dt::before {
		content: "・";
		display: inline-block;
		color: rgb(var(--site-themeColor-mainColor)/ 1);
		text-align: center;
		font-weight: bold;

		margin-right: 0.5em;
	}
	.textContWrap[data-list-type="number"] .textContNav ol,
	.textContWrap[data-list-type="number"] .textContNav ul,
	.textContWrap[data-list-type="number"] .textContArea {
		counter-reset: listnum;	
	}

	.textContWrap[data-list-type="number"] .textContNav ol li::before,
	.textContWrap[data-list-type="number"] .textContNav ul li::before,
	.textContWrap[data-list-type="number"] .textContArea .txtContUnit > dl > dt::before,
	.textContWrap[data-list-type="number"] .textContArea .txtContUnit > dl >  dt::before {
		width: 1.2em;
		counter-increment: listnum;
		content: counter(listnum)".";

		font-weight: bold;
	}

	.textContWrap .textContArea .txtContUnit > dl > dt::before,
	.textContWrap .textContArea .txtContUnit > dl > dt::before {
		font-size: 1.8em;
	}



/* textContNav
---------------------------------------------------*/
	.textContWrap .textContNav {
		position: relative;
		font-size: .96em;
	}
	.textContWrap .textContNav li {
		display: flex;
		margin-bottom: 0.2em;
	}
	.textContWrap .textContNav li a {	
		display: inline-block;
		text-decoration: underline;
	}
	.textContWrap .textContNav li a:hover {
		text-decoration: none;
	}

@media screen and (min-width: 1200.02px){
	.textContWrap .textContNav ol {
		position: sticky;
		top: 132px;
	}
}
@media screen and (min-width: 900.02px) and (max-width: 1200px) {
	.textContWrap .textContNav ol {
		position: sticky;
		top: 193px;
	}
}




/* textContArea
---------------------------------------------------*/
@media screen and (max-width: 900px) {
	.textContWrap .textContArea {
		margin-top: var(--site-marpad-XS);
	}
}
	.textContWrap .txtContUnit {
		margin-bottom: var(--site-marpad-S);
	}
	.textContWrap .txtContUnit > dl > dt {
		display: flex;
		align-items: center;
		font-size: 1.15em;
		font-weight: bold;
		border-bottom: 1px dotted rgb(0 0 0 / .3);
	}
	.textContWrap .txtContUnit > dl > dd.txtBox {
		font-size: 0.9em;
		line-height: 2;
	}
	.textContWrap .txtContUnit dd.txtBox {
		padding: var(--site-marpad-XXS) 0 0 calc(1.8em * 2);
	}
	.textContWrap .txtContUnit dd.txtBox.txtBox_styleBlock {
		padding: var(--site-marpad-XXS) 0 0 0;
	}
	.textContWrap .txtContUnit dd.txtBox > * {
		margin-top: 1em;
	}
	.textContWrap .txtContUnit dd.txtBox .bgUnit {
		background: #dcedf6;
		background: rgb(var(--site-themeColor-mainColor) / .05);
		padding: var(--site-marpad-XS) var(--site-marpad-XS);
	}
	.textContWrap .txtContUnit dd.txtBox strong {
		font-weight: bold;
	}
	.textContWrap .txtContUnit dd.txtBox small {
		font-size: .8em;
	}


	.textContWrap .txtContUnit dd.txtBox .txtBox {
		padding-top: 0;
	}
	.textContWrap .txtContUnit dd.txtBox .txtBox .bgUnit {
		padding: var(--site-marpad-XXS) var(--site-marpad-XS);
	}


@media screen and (max-width: 900px) {
	.textContWrap .txtContUnit > dl > dt {
		font-size: 1.4em;
	}
	.textContWrap .txtContUnit > dl > dd.txtBox {
		font-size: 1em;
	}
	.textContWrap .txtContUnit dd.txtBox:not(.txtBox_styleBlock) {
		margin-left: 1em;
		padding-left: 0;
	}
}




	.textContWrap .txtContUnit dd.txtBox [data-list-type] > li,
	.textContWrap .txtContUnit dd.txtBox [data-list-type] > div > dt {
		position: relative;
		margin-left: 1.9rem;
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type] > li:not(:last-child),
	.textContWrap .txtContUnit dd.txtBox [data-list-type] > div > dt:not(:last-child) {
		margin-bottom: 1.2em;
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type] > li::before,
	.textContWrap .txtContUnit dd.txtBox [data-list-type] > div > dt::before {
		position: absolute;
		top: 0;
		right: calc(100% + 0.5rem);
		content: "";
		display: inline-block;
		width: 1.4rem;
		height: 1.4rem;
		color: rgb(var(--site-themeColor-mainColor)/ 1);
		font-weight: bold;
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type="disc"] > li::before,
	.textContWrap .txtContUnit dd.txtBox [data-list-type="disc"] > div > dt::before {
		top: 0.6em;
		right: calc(100% + 0.5rem + 0.5rem);
		width: 0.7rem;
		height: 0.7rem;
		background: rgb(var(--site-themeColor-mainColor)/ 1);
		border-radius: 50%;
	}

	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] > div > dt {
		font-size: 1.2em;
		
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] > div:not(:first-child) > dt {
		margin-top: var(--site-marpad-S);
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] [data-list-type="number"] > div > dt {
		font-size: 1.2em;
		margin-left: 0;
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] [data-list-type="number"] > div:not(:first-child) > dt {
		margin-top: var(--site-marpad-XS);
	}
	.textContWrap .txtContUnit dd.txtBox .txtBox .bgUnit li:not(:last-child) {
		margin-bottom: 0.5em;
	}


	.textContWrap .txtContUnit .styleBlock > dt {
		font-size: 1em;
		line-height: 1.8;
		padding: 0.3em 0.5em 0.3em 2em;
		border: 1px solid rgb(0 0 0 / .3);
		border-left: 3px solid rgb(var(--site-themeColor-mainColor)/ 1);
	}
	.textContWrap .txtContUnit .styleBlock > dt::before {
		right: auto;
		left: 0.4em;
		top: 0.3em !important;
	}

@media screen and (max-width: 900px) {
	.textContWrap .txtContUnit .styleBlock > dt {
		margin-left: 0 !important;
	}
}

	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] {
		counter-reset: listnum;	
	}
	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] > li::before,
	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] > div > dt::before {
		counter-increment: listnum;
		content: counter(listnum)".";

		font-weight: bold;
	}

	.textContWrap .txtContUnit dd.txtBox [data-list-type="number"] [data-list-type="number"] > div > dt::before {
		display: inline-block;
		position: static;
		content: counter(listnum, lower-roman)".";
		width: auto;
		margin-right: 0.3em;
	}



/* sssssssssssss
---------------------------------------------------*/








/* =================================================
 商品カテゴリ用 共通設定
=================================================*/
	.columnContWrap .leadTxtBox,
	.columnContWrap .sectionHeader p {
		text-align: center;
		margin: 1.5em 0 var(--site-marpad-S);
	}
	.columnContWrap .leadTxtBox {
		background: rgb(0 0 0 /.03);
	}
	.swiper-slide .leadTxtBox h3 {
		font-weight: bold;
		font-size: 1.4em;
	}
	.swiper-slide .leadTxtBox p {
	}

	.productUnit-column {
		display: grid;
		gap: 100px 40px;
	}
	.productUnit-column + .productUnit-column {
		margin-top: var(--site-marpad-L);
	}

	.productUnit .cautionUnit {
		display: block;
		color: #930707;
		font-size: clamp(12px, min(12px, 2vw), 0.9em);
		background: #FFF;
		margin: 0.8em 0 5px;
		padding: 0.8em 1.2em;
		border: 1px solid #930707;
	}

@media screen and (max-width: 736px) {
	.columnContWrap .leadTxtBox,
	.columnContWrap .sectionHeader p {
		text-align: left;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 480px) {
	.swiper-slide .leadTxtBox h3 {
		font-size: 5vw;
	}
}





/* productUnit
---------------------------------------------------*/
.productUnit p + dl {
	margin-top: 2em;
}


/* productUnit_ttl
---------------------------------------------------*/
	.productUnit_ttl {
		font-size: 1.2em;
		font-weight: bold;
		padding: 0.6em 0;
		border-bottom: 1px dotted rgb(0 0 0 / .5);
	}
	.productUnit_ttl small {
		display: inline-block;
		font-size: 0.8em;
	}
	.productUnit_ttl::before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		background: rgb(var(--site-themeColor-mainColor));
		margin-right: 0.2em;
		margin-bottom: 0.3em;
		border-radius: 50%;
		/*border: 0.4em solid transparent;
		border-left-color: rgb(var(--site-themeColor-mainColor));*/
	}
	.productUnit_ttl:not(:first-child) {
		margin-top: 1.8em;
	}

@media screen and (max-width: 736px) {
	.productUnit_ttl {
		font-size: 4vw;
	}
}
@media screen and (max-width: 480px) {
	.productUnit_ttl {
		font-size: 4.5vw;
	}
}

/* productUnit_txt
---------------------------------------------------*/
	.productUnit_txt {
		letter-spacing: 0.02em;
		line-height: 2.0;
		font-size: 0.9em;
		margin-top: 1.3em;
	}


/* productUnit_tag
---------------------------------------------------*/
	.productUnit_tag {
		line-height: 1.6;
		font-size: 0.75em;
		margin-top: 1em;
	}
	.productUnit_tag i {
		display: inline-block;
		background: rgb(var(--site-themeColor-mainColor) / .1);
		padding: 1px .8em 2px;
		border-radius: 5px;
	}
	.productUnit_tag i:not(:last-child) {
		margin-right: 8px;
	}


/* productUnit_dl
---------------------------------------------------*/
	.productUnit_dl {
		background: rgb(var(--site-themeColor-mainColor) / .08);
		padding: 0.8em 1.5em;
	}
	.productUnit_dl:not(:first-child) {
		margin-top: 1.8em;
	}
	.productUnit_dl dt {
		font-weight: bold;
	}
	.productUnit_dl dd {
		font-size: 0.9em;
		margin-top: 0.3em;
	}



/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/








/* =================================================
 商品カテゴリ用（3カラム版）
=================================================*/
	.productUnit-column[data-colbox-size="col3"] {
		grid-template-columns: repeat(3, 1fr);
	}


@media screen and (max-width: 1050px) {
	.productUnit-column[data-colbox-size="col3"] {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 736px) {
	.productUnit-column[data-colbox-size="col3"] {
		gap: 40px 40px;
		grid-template-columns: repeat(1, 1fr);
	}
}

/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/








/* =================================================
商品カテゴリ用（1カラム版）
=================================================*/
	.productUnit-column[data-colbox-size="col1"] {
		grid-template-columns: repeat(1, 1fr);
	}
	.productUnit-column[data-colbox-size="col1"] .productUnit {
		display: grid;
		gap: 100px 40px;
		grid-template-columns: repeat(2, 1fr);
	}

@media screen and (max-width: 900px) {
	.productUnit-column[data-colbox-size="col1"] .productUnit {
		gap: 30px 40px;
		grid-template-columns: repeat(1, 1fr);
	}
}

/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/


/* sssssssssssss
---------------------------------------------------*/