@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* フローティングバナー */
#footer-floating {
	visibility: hidden;
}

	[data-scrolled=true] #footer-floating {
	    opacity: 1; /* 不透明度 0～1で調整 */
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff; /* 背景色（必要に応じて変更） */
		z-index: 1000; /* 他の要素の上に表示 */
    	visibility: visible;
	}

	#footer-floating .swell-block-column:first-child .swell-block-button a {
		background-color: #007BFF !important; /* 左のカラム（青） */
		color: #fff !important; /* 文字色を白 */
	}

	#footer-floating .swell-block-column:last-child .swell-block-button a {
		background-color: #ea5549 !important; /* 右のカラム（緑） */
		color: #fff !important; /* 文字色を白 */
	}

	/* アイコンの色も白に統一 */
	#footer-floating .swell-block-button a svg {
		fill: #fff !important;
	}

	#footer-floating .is-style-more_btn{
		padding:0;
	}

	/* 上に戻るボタンの下余白を調整 */
	.p-fixBtnWrap {
		bottom: 4em;
	}
}