/*===============================================
●画面の横幅が730px以下(スマホ共通)
===============================================*/
@media screen and (max-width: 730px) {

	#footerBtn {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		background: rgba(255, 255, 255, .8);
		z-index: 1001;
	}
	.footerBtnWrap {
		padding: 0.8%;
	}
	.footerBtnWrap .footerBtnHeader {
		margin-bottom: 0.6vw;
	}
	.footerBtnWrap > .footerBtnUl {
		display: flex;
		flex-wrap: wrap;
		gap: 0.4vw 0.4%;/* row-gapは%では効かない*/
	}

	.footerBtnWrap .footerBtnList {
		display: block;
		position: relative;
	}
	.footerBtnWrap .footerBtnList .footerBtnLink {
		text-decoration: none;
	}
	.footerBtnWrap .footerBtnList .footerBtnLink,
	.footerBtnWrap .footerBtnList .footerBtnItem {
		/* display: block; */
		width: 100%;
		height: calc(100% - 0.4%);
		overflow: hidden;
	}
	.footerBtnWrap .footerBtnList .footerBtnLink {
		position: absolute;
	}
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnTextBox {
		display: flex;
		align-items: center;
	}
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnTextBox .footerBtnItemArea a {
		position: relative;
	}
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnTextBox .footerBtnItemArea {
		width: 100%;
	}
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnImageBox .footerBtnItemArea {
		width: 100%;
		height: 100%;
	}
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnImageBox .footerBtnItemArea > img,
	.footerBtnWrap .footerBtnList .footerBtnItem.footerBtnImageBox .footerBtnItemArea > a > img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}

	/* 1行 */
	.fbType1 {
		/* height: ; */
	}


	/* エフェクト 光 */
	.m-shine {
		position: relative;
		overflow: hidden;
	}
	.m-shine::before {
		content: "";
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%);
		animation: shine 1.7s infinite ease-in-out;
	}

	@keyframes shine {
		20%, 100% {
			opacity: 0;
			left: 100%;
		}
	}

	/* エフェクト 揺れ */
	.m-shake {
		animation: shake 1.7s infinite;
	}

	@keyframes shake {
		0% {transform: translate(0px, 0px) rotateZ(0deg)}
		2% {transform: translate(2px, 2px) rotateZ(2deg)}
		4% {transform: translate(0px, 2px) rotateZ(0deg)}
		6% {transform: translate(2px, 0px) rotateZ(-2deg)}
		8% {transform: translate(0px, 0px) rotateZ(0deg)}
		10% {transform: translate(2px, 2px) rotateZ(2deg)}
		12% {transform: translate(0px, 0px) rotateZ(0deg)}
		14% {transform: translate(2px, 0px) rotateZ(-2deg)}
		16% {transform: translate(0px, 2px) rotateZ(0deg)}
		18% {transform: translate(0px, 0px) rotateZ(0deg)}
		100% {transform: translate(0px, 0px) rotateZ(0deg)}
	}
}

/*===============================================
●画面の横幅が731px以上(PCのみ)
===============================================*/
@media print, screen and (min-width: 731px) {

	#footerBtn {display: none;}
}