@charset "utf-8";

/* Footer
----------------------------------------------------------------------------------------------------*/
.foot-catalog-contact-wrap{
	text-align: center;
}
.foot-catalog-contact-item{
	padding-top: 8rem;
	padding-bottom: 8rem;
	position: relative;
	z-index: 1;
}
.foot-catalog-contact-item::before,.foot-catalog-contact-item::after{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.foot-catalog-contact-item::before{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.foot-catalog-contact-item.fcci-catalog::before{
	background-image: url("../images/foot-catalog-contact-item-catalog.webp?2025");
}
.foot-catalog-contact-item.fcci-contact::before{
	background-image: url("../images/foot-catalog-contact-item-contact.webp");
}
.foot-catalog-contact-item::after{
	background-color: rgba(49,49,49,0.20);
}
@media screen and (min-width: 576px){
	.foot-catalog-contact-wrap{
		display: flex;
	}
	.foot-catalog-contact-item{
		width: 50%;
	}
}
@media screen and (max-width: 1199px){
	.foot-catalog-contact-wrap{
		margin-bottom: 5rem;
	}
}
@media screen and (min-width: 1200px){
	.foot-catalog-contact-wrap{
		margin-bottom: 11rem;
	}
	.foot-catalog-contact-item{
		aspect-ratio: 1 / 0.706;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.foot-catalog-contact-item .bt_more{
		width: 100%;
		max-width: 33rem !important;
	}
	.foot-catalog-contact-item .bt_more a{
		padding-top: 2.6rem;
		padding-bottom: 2.6rem;
		border-radius: 4.5rem;
		font-size: 1.9rem;
	}
}

/* sp-Footer
----------------------------------------------------------------------------------------------------*/
#sp-footer-menu{
	position: fixed;
	text-align: center;
	z-index: 99;
}
.sp-footer-menu-inner{
	position: relative;
}
.sp-footer-menu-inner-btn a{
	display: block;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 767px){
	#sp-footer-menu{
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.sp-footer-menu-inner{
		display: flex;
	}
	.sp-footer-menu-inner-btn{
		width: 25%;
	}
	.sp-footer-menu-inner-btn:not(:last-of-type){
		border-right: 1px rgb(255, 255, 255, 0.5) solid;
	}
	.sp-footer-menu-inner-btn a{
		padding: 0.65rem;
		font-size: 1rem;
	}
	.sfmib-img{
		max-width: 2.8rem;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 768px){
	#sp-footer-menu{
		height: 32rem;
		width: 5rem;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.sp-footer-menu-inner-btn:not(:last-of-type){
		border-bottom: 1px rgb(255, 255, 255, 0.5) solid;
	}
	.sp-footer-menu-inner-btn a{
		height: 16rem;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 5rem;
		letter-spacing: 0.15em;
	}
	.sfmi-pc-none{
		display: none;
	}
}

/*******************************
パンクズ
*******************************/
#pls {
	position: relative;
	z-index: 1;
	line-height: 1.2;
}
#pan {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	letter-spacing: 0.08em;
}
#pan > span {
	display: block;
	margin-top: 0.8rem;
}
#pan a {
	color: #8c8c8c;
	text-decoration: none;
	transition: .3s;
}
#pan a:hover {
	opacity: 0.6;
}
.pan-punctuation {
	position: relative;
	height: 100%;
	height: 1.5rem;
}
.pan-punctuation::before {
	content: " ";
	position: absolute;
	display: block;
	height: 1px;
	width: 1.2rem;
	top: calc(50% - 1px);
	left: calc(50% - 0.6rem);
	background-color: rgba(140,140,140,0.60);
}
@media screen and (max-width: 1199px) {
	#pls{
		padding-bottom: 3.2rem;
	}
	#pan {
		font-size: 1.2rem;
	}
	.pan-punctuation {
		width: 3.2rem;
	}
}
@media screen and (min-width: 1200px) {
	#pls{
		padding-bottom: 5.6rem;
	}
	#pan {
		font-size: 1.3rem;
	}
	.pan-punctuation {
		width: 4rem;
	}
}
/*bc-000 pan*/
.page-pan-bc-000+.page-pan-bc-000{
	background-color: #000;
	color: #fff;
}