/* ハンバーガーメニューが上に来るように設定 */
[data-spmenu="opened"] #body_wrap{
	z-index: 102;
}

.p-floatingBtn{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 101;
	--count: 1;
	--gap: 0rem;
	display: flex;
	gap: var(--gap);
	width: 100%;
}
@media (min-width: 600px){
	.p-floatingBtn{
		bottom: 30vh;
		width: 3rem;
	}
}
/*===============================
* アイテム
* =================================*/
.p-floatingBtn__item{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .25rem .75rem;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: 1.25rem .75rem;
	font-size: 1.25rem;
	transition: var(--ani-t--normal) ease-out;
}
.p-floatingBtn__item.--line{
	flex: 2;
	background: #55D86F;
	color: var(--c-light);
}
.p-floatingBtn__item:is(:hover, :focus){
	opacity: .7;
}
@media (min-width: 600px){
	.p-floatingBtn__item{
		flex-direction: column;
		padding: 1rem 0;
	}
}
/*===============================
* アイコン
* =================================*/
.p-floatingBtn__icon{
	display: inline-block;
	width: 1.25em;
}

/*===============================
* テキスト
* =================================*/
.p-floatingBtn__text{
	line-height: var(--lh-sm);
	font-weight: var(--fw-lg);
}
@media (min-width: 600px){
	.p-floatingBtn__text{
		width: 1em;
		text-align: center;
	}
}