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


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

:root {
	--color_main: linear-gradient(-45deg,#8e7928,#d5c897,#96843c);
	--color_main-light: linear-gradient(-45deg, #D1C9AC, #EBE6D1, #CEC4A5);
}

body {
  background: linear-gradient(135deg, #BDAE76, #BDAF79) !important;
}

.has-swl-deep-04-color {
	background: linear-gradient(-45deg,#8e7928,#c6b579,#96843c) !important; 
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.bg-main-color {
	background: var(--color_main);
	&.bg-left {
		background: linear-gradient(90deg,#8e7928 0%,#d5c897 20%,#96843c 40%,#fff 40%, #fff 100%);
	}
	&.bg-right {
		background: linear-gradient(90deg,#fff 0%,#fff 60%,#96843c 60%,#d5c897 60%, #8e7928 100%);
	}
	&.bg-top {
		background: linear-gradient(180deg,#8e7928 0%,#d5c897 20%,#96843c 75%,#fff 75%, #fff 100%);
	}
	&.bg-bottom {
		background: linear-gradient(180deg,#fff 0%,#fff 25%,#96843c 25%,#d5c897 60%, #8e7928 100%);
	}
}

.bg-main-color-light {
	background: var(--color_main-light);
	&.bg-left {
		background: linear-gradient(90deg,#D1C9AC 0%,#EBE6D1 20%,#CEC4A5 40%,#fff 40%, #fff 100%);
	}
	&.bg-right {
		background: linear-gradient(90deg,#fff 0%,#fff 60%,#CEC4A5 60%,#EBE6D1 60%, #D1C9AC 100%);
	}
	&.bg-top {
		background: linear-gradient(180deg,#D1C9AC 0%,#EBE6D1 20%,#CEC4A5 75%,#fff 75%, #fff 100%);
	}
	&.bg-bottom {
		background: linear-gradient(180deg,#fff 0%,#fff 70%,#CEC4A5 70%,#EBE6D1 85%, #D1C9AC 100%);
	}
}


.has-swl-main-color {
	background: var(--color_main);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: .5em 0;
}

/*Gnav非表示*/
#gnav {
	display: none;
}
/*ロゴ調整*/
img.c-headLogo__img.-top {
	height: min(20vw, 175px);
}
/*PC時hamボタン表示*/
.l-header__menuBtn.sp_ {
	display: block !important;
}
/*PC時hamコンテンツ表示*/
#sp_menu {
	display: initial !important;
}
/*hamトランジション変更*/
.p-spMenu {
	transition: all .45s !important;
	transition-delay: 0s !important;
}
.-right .p-spMenu__inner {
	transform: translateX(0px) !important;
	transition: all .45s !important;
}
/*hamボタン*/
.l-header__menuBtn.sp_, .p-spMenu__closeBtn {
	width: 4em;
    height: 4em;
    border-radius: 0 0 0 1em;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
	.c-iconBtn__icon {
		font-size: 2em;
	}
}
/*hamコンテンツ*/
.p-spMenu__inner {
	width: 100%;
	&::before {
		background: linear-gradient(135deg, #BDAE76, #BDAF79) !important;
	}
	.c-widget__title.-spmenu {
		display: none;
	}
}
.p-spMenu__body {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*ham改造*/
.p-spMenu__inner {
	padding-top: 0 !important;
	.p-spMenu__closeBtn {
		z-index: 100 !important;
	}
	.p-spMenu__body {
		padding: 0 !important;
		#sp_menu_bottom, #custom_html-2, .custom-html-widget, .p-blogParts, .swell-block-fullWide, .swell-block-fullWide__inner, .swell-block-columns, .swell-block-columns__inner, .swell-block-column {
			height: 100% !important;
		}
		#custom_html-2 .swell-block-column {
			place-content: center !important;
			&.spmenu_left {
				background-image: url("/wp-content/uploads/2021/05/2020.11-DSC_5465-scaled-2.jpg");
				background-position: center;
                background-size: cover;
                background-blend-mode: darken;
                background-color: #000000aa;
				span.swl-fz {
					color: #fff;
					text-shadow: 0 0 5px #000;
				}
			}
			&.spmenu_right {
				padding: 0 5%;
				* {
					color: #fff;
				}
				#spmenu_ttl {
					position: relative;
					&:after {
						content: "";
						width: 100%;
						height: 2px;
						position: absolute;
						top: 45%;
						left: max(10vw,10em);
						background-color: #fff;
					}
				}
			}
		}
		#sp_menu_bottom {
			margin-top: 0 !important;
		}
	}
}

@media screen and (max-width: 959px) {
	#custom_html-2 {
		margin-top: 75px;
	}
	#custom_html-2 .swell-block-column {
		height: auto !important;
		padding: 5% 5% 10% !important;
	}
	.l-header__logo {
		order: 1 !important;
	}
}


/*ビフォアフ調整*/
.twentytwenty-left-arrow {
	transform: translateY(-50%);
}


/*SNSボタン*/
.snsBtn-youtube .swell-block-button__link {
  background: #FF0000;
}
.snsBtn-x .swell-block-button__link {
  background: #000000;
}
.snsBtn-instagram .swell-block-button__link {
  background: linear-gradient(to right, rgba(247, 207, 0, 0.7), rgba(246, 37, 2, 0.7) 45%, rgba(182, 47, 82, 0.7) 75%, rgba(113, 58, 166, 0.7));
}
.snsBtn-facebook .swell-block-button__link {
  background: #1877f2;
}
.snsBtn-line .swell-block-button__link {
  background: #00B900;
}