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

/* kaku-butsu.com header and footer */
.kaku-butsu-root {
	--primary: 345 100% 40%;
	--radius: .5rem;
	--tw-bg-opacity: 1;
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	width: 100%;
	line-height: 1.5;
	font-family: "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}

.kaku-butsu-root,
.kaku-butsu-root *,
.kaku-butsu-root *::before,
.kaku-butsu-root *::after {
	box-sizing: border-box;
}

.kaku-butsu-root *,
.kaku-butsu-root *::before,
.kaku-butsu-root *::after {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	border: 0 solid #e5e7eb;
}

.kaku-butsu-root header,
.kaku-butsu-root footer {
	width: 100%;
}

.kaku-butsu-header header {
	background-color: #000;
}

.kaku-butsu-root h2,
.kaku-butsu-root p,
.kaku-butsu-root ul {
	margin: 0;
}

.kaku-butsu-root ul {
	padding: 0;
	list-style: none;
}

.kaku-butsu-root a {
	color: inherit !important;
	text-decoration: inherit !important;
}

.kaku-butsu-root button {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	text-transform: none;
	cursor: pointer;
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}

.kaku-butsu-root img,
.kaku-butsu-root svg {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.kaku-butsu-root [hidden] {
	display: none !important;
}

.kaku-butsu-root .fixed { position: fixed !important; }
.kaku-butsu-root .absolute { position: absolute !important; }
.kaku-butsu-root .relative { position: relative !important; }
.kaku-butsu-root .inset-0 { inset: 0 !important; }
.kaku-butsu-root .bottom-0 { bottom: 0 !important; }
.kaku-butsu-root .left-0 { left: 0 !important; }
.kaku-butsu-root .left-2 { left: .5rem !important; }
.kaku-butsu-root .left-4 { left: 1rem !important; }
.kaku-butsu-root .right-4 { right: 1rem !important; }
.kaku-butsu-root .right-\[5px\] { right: 5px !important; }
.kaku-butsu-root .top-0 { top: 0 !important; }
.kaku-butsu-root .top-2 { top: .5rem !important; }
.kaku-butsu-root .top-4 { top: 1rem !important; }
.kaku-butsu-root .top-\[5px\] { top: 5px !important; }
.kaku-butsu-root .z-10 { z-index: 10 !important; }
.kaku-butsu-root .z-20 { z-index: 20 !important; }
.kaku-butsu-root .z-50 { z-index: 50 !important; }
.kaku-butsu-root .z-\[9998\] { z-index: 9998 !important; }
.kaku-butsu-root .z-\[9999\] { z-index: 9999 !important; }

.kaku-butsu-root .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important; }
.kaku-butsu-root .mx-4 { margin-right: 1rem !important; margin-left: 1rem !important; }
.kaku-butsu-root .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.kaku-butsu-root .mb-0 { margin-bottom: 0 !important; }
.kaku-butsu-root .mr-0 { margin-right: 0 !important; }
.kaku-butsu-root .mr-1 { margin-right: .25rem !important; }
.kaku-butsu-root .mt-2 { margin-top: .5rem !important; }

.kaku-butsu-root .block { display: block !important; }
.kaku-butsu-root .inline-block { display: inline-block !important; }
.kaku-butsu-root .flex { display: flex !important; }
.kaku-butsu-root .grid { display: grid !important; }
.kaku-butsu-root .hidden { display: none !important; }

.kaku-butsu-root .h-0\.5 { height: .125rem !important; }
.kaku-butsu-root .h-10 { height: 2.5rem !important; }
.kaku-butsu-root .h-12 { height: 3rem !important; }
.kaku-butsu-root .h-4 { height: 1rem !important; }
.kaku-butsu-root .h-5 { height: 1.25rem !important; }
.kaku-butsu-root .h-\[80px\] { height: 80px !important; }
.kaku-butsu-root .h-auto { height: auto !important; }
.kaku-butsu-root .h-full { height: 100% !important; }
.kaku-butsu-root .min-h-screen { min-height: 100vh !important; }
.kaku-butsu-root .w-1\/2 { width: 50% !important; }
.kaku-butsu-root .w-10 { width: 2.5rem !important; }
.kaku-butsu-root .w-12 { width: 3rem !important; }
.kaku-butsu-root .w-4 { width: 1rem !important; }
.kaku-butsu-root .w-5 { width: 1.25rem !important; }
.kaku-butsu-root .w-6 { width: 1.5rem !important; }
.kaku-butsu-root .w-\[48px\] { width: 48px !important; }
.kaku-butsu-root .w-\[200px\] { width: 200px !important; }
.kaku-butsu-root .w-\[300px\] { width: 300px !important; }
.kaku-butsu-root .w-full { width: 100% !important; }

.kaku-butsu-root .-translate-x-full {
	--tw-translate-x: -100% !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.kaku-butsu-root .translate-x-0 {
	--tw-translate-x: 0px !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.kaku-butsu-root .transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.kaku-butsu-root .cursor-pointer { cursor: pointer !important; }
.kaku-butsu-root .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.kaku-butsu-root .flex-col { flex-direction: column !important; }
.kaku-butsu-root .flex-wrap { flex-wrap: wrap !important; }
.kaku-butsu-root .items-end { align-items: flex-end !important; }
.kaku-butsu-root .items-center { align-items: center !important; }
.kaku-butsu-root .justify-center { justify-content: center !important; }
.kaku-butsu-root .gap-0 { gap: 0 !important; }
.kaku-butsu-root .gap-2 { gap: .5rem !important; }
.kaku-butsu-root .gap-x-0 { column-gap: 0 !important; }
.kaku-butsu-root .gap-x-10 { column-gap: 2.5rem !important; }
.kaku-butsu-root .gap-x-5 { column-gap: 1.25rem !important; }
.kaku-butsu-root .gap-y-0 { row-gap: 0 !important; }
.kaku-butsu-root .gap-y-2 { row-gap: .5rem !important; }
.kaku-butsu-root .gap-y-4 { row-gap: 1rem !important; }
.kaku-butsu-root .space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: .25rem !important; }
.kaku-butsu-root .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: .5rem !important; }

.kaku-butsu-root .rounded { border-radius: .25rem !important; }
.kaku-butsu-root .rounded-md { border-radius: calc(var(--radius) - 2px) !important; }
.kaku-butsu-root .border { border-width: 1px !important; }
.kaku-butsu-root .border-b { border-bottom-width: 1px !important; }
.kaku-butsu-root .border-r { border-right-width: 1px !important; }
.kaku-butsu-root .border-t { border-top-width: 1px !important; }
.kaku-butsu-root .border-dashed { border-style: dashed !important; }
.kaku-butsu-root .border-black { border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; }
.kaku-butsu-root .border-white { border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; }

.kaku-butsu-root .bg-black { background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; }
.kaku-butsu-root .bg-red-700 { background-color: rgb(185 28 28 / var(--tw-bg-opacity)) !important; }
.kaku-butsu-root .bg-transparent { background-color: transparent !important; }
.kaku-butsu-root .bg-white { background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; }
.kaku-butsu-root .bg-opacity-50 { --tw-bg-opacity: .5 !important; }
.kaku-butsu-root .object-contain { object-fit: contain !important; }

.kaku-butsu-root .p-2 { padding: .5rem !important; }
.kaku-butsu-root .p-4 { padding: 1rem !important; }
.kaku-butsu-root .px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.kaku-butsu-root .px-2 { padding-right: .5rem !important; padding-left: .5rem !important; }
.kaku-butsu-root .px-4 { padding-right: 1rem !important; padding-left: 1rem !important; }
.kaku-butsu-root .px-6 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.kaku-butsu-root .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.kaku-butsu-root .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.kaku-butsu-root .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.kaku-butsu-root .pt-4 { padding-top: 1rem !important; }

.kaku-butsu-root .text-center { text-align: center !important; }
.kaku-butsu-root .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
.kaku-butsu-root .text-\[11px\] { font-size: 11px !important; }
.kaku-butsu-root .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
.kaku-butsu-root .text-sm { font-size: .875rem !important; line-height: 1.25rem !important; }
.kaku-butsu-root .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
.kaku-butsu-root .font-bold { font-weight: 700 !important; }
.kaku-butsu-root .font-extralight { font-weight: 200 !important; }
.kaku-butsu-root .text-black { color: rgb(0 0 0 / var(--tw-text-opacity)) !important; }
.kaku-butsu-root .text-white { color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
.kaku-butsu-root .transition-transform { transition: transform .15s cubic-bezier(.4, 0, .2, 1) !important; }
.kaku-butsu-root .duration-300 { transition-duration: .3s !important; }
.kaku-butsu-root .ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important; }

.kaku-butsu-login-overlay {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgb(0 0 0 / 50%);
}

.kaku-butsu-login-dialog {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10001;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 400px;
	height: 100%;
	padding: 1.5rem;
	color: #111;
	background: #fff;
	border: 1px solid hsl(var(--primary));
	box-shadow: 0 20px 50px rgb(0 0 0 / 25%);
}

.kaku-butsu-login-dialog h2 {
	margin: -1.5rem -1.5rem 0;
	padding: 1.5rem;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: hsl(var(--primary));
}

.kaku-butsu-login-dialog p {
	font-size: .875rem;
}

.kaku-butsu-login-dialog a {
	display: block;
	padding: .75rem 1rem;
	font-size: .875rem;
	font-weight: 700;
	text-align: center;
	border: 1px solid hsl(var(--primary));
	border-radius: calc(var(--radius) - 2px);
}

.kaku-butsu-login-dialog .kaku-butsu-login-primary {
	color: #fff !important;
	background: hsl(var(--primary));
}

.kaku-butsu-login-close {
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 1;
	font-size: 1.5rem !important;
	line-height: 1 !important;
	color: #fff !important;
}

@media not all and (min-width: 768px) {
	.kaku-butsu-root .max-md\:hidden { display: none !important; }
}

@media (min-width: 768px) {
	.kaku-butsu-root .md\:absolute { position: absolute !important; }
	.kaku-butsu-root .md\:bottom-\[42px\] { bottom: 42px !important; }
	.kaku-butsu-root .md\:left-\[500px\] { left: 500px !important; }
	.kaku-butsu-root .md\:top-1\/2 { top: 50% !important; }
	.kaku-butsu-root .md\:mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
	.kaku-butsu-root .md\:my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
	.kaku-butsu-root .md\:mr-\[50px\] { margin-right: 50px !important; }
	.kaku-butsu-root .md\:block { display: block !important; }
	.kaku-butsu-root .md\:inline { display: inline !important; }
	.kaku-butsu-root .md\:flex { display: flex !important; }
	.kaku-butsu-root .md\:hidden { display: none !important; }
	.kaku-butsu-root .md\:h-\[48px\] { height: 48px !important; }
	.kaku-butsu-root .md\:h-\[117px\] { height: 117px !important; }
	.kaku-butsu-root .md\:h-\[4vw\] { height: 4vw !important; }
	.kaku-butsu-root .md\:w-\[48px\] { width: 48px !important; }
	.kaku-butsu-root .md\:w-\[4vw\] { width: 4vw !important; }
	.kaku-butsu-root .md\:w-auto { width: auto !important; }
	.kaku-butsu-root .md\:-translate-y-1\/2 {
		--tw-translate-y: -50% !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	}
	.kaku-butsu-root .md\:flex-row { flex-direction: row !important; }
	.kaku-butsu-root .md\:gap-2 { gap: .5rem !important; }
	.kaku-butsu-root .md\:gap-3 { gap: .75rem !important; }
	.kaku-butsu-root .md\:gap-x-10 { column-gap: 2.5rem !important; }
	.kaku-butsu-root .md\:gap-y-2 { row-gap: .5rem !important; }
	.kaku-butsu-root .md\:border-none { border-style: none !important; }
	.kaku-butsu-root .md\:border-white { border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; }
	.kaku-butsu-root .md\:bg-primary { background-color: hsl(var(--primary)) !important; }
	.kaku-butsu-root .md\:p-0 { padding: 0 !important; }
	.kaku-butsu-root .md\:px-0 { padding-right: 0 !important; padding-left: 0 !important; }
	.kaku-butsu-root .md\:px-20 { padding-right: 5rem !important; padding-left: 5rem !important; }
	.kaku-butsu-root .md\:py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
	.kaku-butsu-root .md\:py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
	.kaku-butsu-root .md\:pr-4 { padding-right: 1rem !important; }
	.kaku-butsu-root .md\:pt-0 { padding-top: 0 !important; }
	.kaku-butsu-root .md\:text-left { text-align: left !important; }
	.kaku-butsu-root .md\:text-\[10px\] { font-size: 10px !important; }
	.kaku-butsu-root .md\:text-\[14px\] { font-size: 14px !important; }
	.kaku-butsu-root .md\:text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
	.kaku-butsu-root .md\:font-normal { font-weight: 400 !important; }
	.kaku-butsu-root .md\:font-semibold { font-weight: 600 !important; }
	.kaku-butsu-root .md\:text-white { color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }

	.kaku-butsu-login-dialog {
		top: 90px;
		right: 4rem;
		width: 320px;
		height: auto;
	}
}