@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
*/


/* POPUP */
#custom_html-2 [data-partsid="8"] {
	display: block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0;
	animation: fadeIn_shop-btn 0.5s ease-out 3s forwards;
	z-index: 300;
}
#custom_html-2 [data-partsid="8"]::after {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 5px;
	left: 5px;
}
#custom_html-2 [data-partsid="8"] p a {
	display: block;
	background: url("http://test3.kanon-inc.jp/wp-content/uploads/2025/02/btn_bg.png") no-repeat;
	background-position: center;
	background-size: cover;
	padding: 20px 30px;
	font-family: serif;
	color: #2B2B2B;
	position: relative;
	transition: .5s;
}
#custom_html-2 [data-partsid="8"] p a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url("http://test3.kanon-inc.jp/wp-content/uploads/2025/02/qlementine-icons_shopping-cart-16.svg") no-repeat;
}
#custom_html-2 [data-partsid="8"] p:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("http://test3.kanon-inc.jp/wp-content/uploads/2025/02/close.svg") no-repeat;
	position: absolute;
	top: 5px;
	left: 5px;
	transition: .5s;
	cursor: pointer;
}
#custom_html-2 [data-partsid="8"] p:after:hover {
	opacity: .5;
}
#custom_html-2 [data-partsid="8"] p a:hover {
	opacity: .9;
}
@keyframes fadeIn_shop-btn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#pagetop.shop_on {
	transform: translate(0, -60px);
	transition: .5s;
}

#pagetop.shop_off {
	transform: translate(0, 0px);
}

/* SP_BTN */
.sp_bnr_shop {
	display: none;
}
.sp_bnr_catalog2 {
	display: none;
}
@media screen and (max-width: 600px) {
	[data-partsid="18"] {
		width: 100%;
		display: flex;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.sp_bnr_shop {
		display: block;
		margin: 0;
		width: 50%;
		background: url(https://suzukine.com/wp-content/uploads/2025/02/btn_bg.png) no-repeat;
		background-size: cover;
	}
	.sp_bnr_shop a {
		color: #2B2B2B;
		font-family: var(--font-mincho);
		width: 100%;
		display: block;
		padding: 10px;
	}
	.sp_bnr_catalog2 {
		display: block;
		margin: 0;
		width: 50%;
		background: #E34E54;
	}
	.sp_bnr_catalog2 a {
		color: #ffffff;
		font-family: var(--font-mincho);
		width: 100%;
		display: block;
		padding: 10px;
	}
}