/*
Theme Name: onsensui official
Theme URI: http://.jp
Author: 
Author URI: 
Description: 
License: 
License URI: 
Tags: 文字化けテスト

*/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0..1,0');

:root {
	--txt-color: #000;
	--txt-color2: #444;
	--txt-color3: #888;
	--accent-color1: #a0c3e0;
	--accent-color2: #5f8baf;
	--accent-color3: #36825a;
	--accent-color4: #da8645;
	--border-color1: #ddd;
	--border-color2: #fff;
	--bg-color1: #fff;
	--bg-color2: #a0c3e0;
	--bg-color3: #f8f9fa;
	--font:  16px;
	--fontxs: .8rem;
	--fonts: .9rem;
	--fontm: 1.2rem;
	--fontl:  1.6rem;
	--fontxl: 2.0rem;
	--fontxxl: 2.6rem;
	--gapxs: 7px;
	--gaps: 14px;
	--gap: 30px;
	--gapl: 60px;
	--gapxl: 90px;
	--serif: "Noto Serif JP", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro', serif;
	--sans-serif: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	--lang: "Crimson Pro", sans-serif;
	}
@media screen and (max-width: 599px) {
:root {	
	--font:  15px;
	--fontxs: .8rem;
	--fonts: .9rem;
	--fontm: 1.1rem;
	--fontl:  1.3rem;
	--fontxl: 1.6rem;
	--fontxxl: 2rem;
	--gapxs: 5px;
	--gaps: 10px;
	--gap: 5vw;
	--gapl: 8vw;
	--gapxl: 11vw;
	}
}

/* --------------------------------------------------- global */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none;
	}
html{
	width: 100%;
	overflow-x: hidden;
	font-size: var(--font);
	}
body {
	font-family: var(--sans-serif);
	font-size: 1rem;
	line-height: 1.8;
	color: var(--txt-color);
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	width: 100%;
	overflow-x: hidden;
	background: #fff;
	letter-spacing: .08rem;
	}

a {
	color: var(--accent-color2);
	text-decoration: none;
	transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	
	&:hover {
		color: var(--accent-color1);
		text-decoration: none;
		}
	&:active {
		color: var(--accent-color1);
		text-decoration: none;
		}
	}

img {
	border: none;
	max-width: 100%;
	height: auto;
	}

.displaynone{
	display: none !important;
	}
.serif{
	font-family: var(--serif);
	}
.sans-serif{
	font-family: var(--sans-serif);
	}
.lang{
	font-family: var(--lang);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2;
	letter-spacing: .05rem;
	}
.upper{
	text-transform: uppercase;
	}
body.page .pc { }
body.page .sp {display: none;}
@media screen and (max-width: 781px) {
body.page .pc {display: none;}
body.page .sp {display: block;}
body.page .sp.is-layout-flex{display: flex;}
}
time{
	font-style: italic;
	font-family: var(--serif);
	font-size: var(--fontxs);
	}
body .category{
	display: flex;
	gap: var(--gaps);
	
	& a{
		display: block;
		text-decoration: none;
		font-style: italic;
		color: var(--accent-color1);
		font-family: var(--serif);
		font-size: var(--fontxs);
		}
	}
/* editor */
.editor-styles-wrapper{
	text-align: left;
	padding: 0 var(--gap);
	
	.wp-block-post-title{
		font-weight: normal;
		margin-bottom: var(--gapl);
		}
	}

/* icon */
.material-symbols-outlined {
	font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;
	}
a[target="_blank"]:after,
a[href*="https://goo.gl/maps/"]:after,
a[href*="https://maps.app.goo.gl/"]:after,
a[href$=".pdf"]:after{
	font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline;
	vertical-align: top;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
	font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;
	}
a[target="_blank"]:after{
	content: "arrow_outward";
	}
a[href*="https://goo.gl/maps/"]:after,
a[href*="https://maps.app.goo.gl/"]:after{
	content: "map";
	}
a[href$=".pdf"]:after{
	content: "picture_as_pdf";
	}
.wp-block-image a[target="_blank"]:after, 
.wp-block-image a[target="_blank"]:after {
	content: ""; 
	}

/* --------------------------------------------------- animation */
#js{
	.scrollitem,
	.wrapper > .wp-block-group,
	.wrapper > .wp-block-cover{
		opacity: 0;
		transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
		}
	.scrollitem.isscroll,
	.wrapper > .wp-block-group.isscroll,
	.wrapper > .wp-block-cover.isscroll{
		opacity: 1;
		}
}

/* --------------------------------------------------- block setting */

.is-layout-constrained{
	width: 1320px;
	max-width: 90vw;
	margin: 0 auto;
	padding: var(--gapxl) 0;
	text-align: left;
	.is-layout-constrained{
		width: auto;
		max-width: unset;
		}
	}

:where(.is-layout-flex) { gap: var(--gap); }
:where(.is-layout-grid) { gap: var(--gap); }
:where(.wp-block-columns.is-layout-flex) { gap: var(--gap); }
.is-style-nogap{ gap: 0; }

.has-x-large-font-size{ font-size: var(--fontxxl) !important; line-height: 1.6; }
.has-large-font-size{ font-size: var(--fontl) !important; }
.has-medium-font-size{ font-size: var(--fontm) !important; }
.has-small-font-size{ font-size: var(--fonts) !important; }

.wp-block-heading,
.wp-block-post-title{
	font-family: var(--serif);
	
	& bdo{
		font-family: var(--lang);
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
	&.is-style-title1{
		background: var(--accent-color2);
		color: #fff;
		padding: var(--gapxs) var(--gaps);
		border: none;
		&::before{ display: none; }
		}
	&.is-style-title2{
		background: var(--accent-color1);
		color: #fff;
		padding: var(--gapxs) var(--gaps);
		border: none;
		&::before{ display: none; }
		}
	&.is-style-title3{
		position: relative;
		padding-bottom: var(--gap);
		border: none;
		text-align: center;
		&::after{
			content:"";
			display: block;
			width: 100px;
			height: 1px;
			background: var(--txt-color);
			position: absolute;
			left: 50%;
			bottom: 0;
			margin-left: -50px;
			}
		}
	}
h1{ 
	font-size: var(--fontxl);
	line-height: 1.6;
	}
h2{ 
	font-size: var(--fontxl);
	font-weight: normal;
	line-height: 1.6;
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	& bdo{
		display: block;
		text-transform: uppercase;
		font-style: italic;
		color: var(--accent-color1);
		font-size: var(--fonts);
		line-height: 3;
		}
	}
h3{ 
	font-size: var(--fontl);
	font-weight: normal;
	flex-wrap: wrap;
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	
	& bdo{
		text-transform: uppercase;
		font-style: italic;
		color: var(--accent-color1);
		font-size: var(--fonts);
		display: block;
		}
	&.has-text-align-center{
		justify-content: center;
		}
	
	&.title1{ /* top sns title */
		color: var(--accent-color1);
		font-size: var(--font);
		& bdo{
			text-transform: unset;
			font-style: normal;
			color: var(--txt-color);
			font-size: var(--fontl);
			display: block;
			}
		& em{
			font-size: var(--fonts);
			font-family: var(--sans-serif);
			color: var(--txt-color3);
			}
		}
	}
h4{ 
	font-size: var(--fontm);
	border-bottom: 1px solid var(--border-color1);
	padding-bottom: var(--gaps);
	margin: var(--gaps) 0;
	font-weight: normal;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	}
h5{ 
	font-size: var(--fontm);
	color: var(--accent-color2);
	margin: var(--gaps) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	&:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 15px;
		height: 1px;
		background:  var(--accent-color2);
		margin-right: 10px;
		}
	}
h6{ 
	font-size: var(--font);
	display: inline-block;
	padding: 0 10px;
	text-decoration: underline;
	text-underline-offset: 8px;
	margin: var(--gaps) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	}

p{
	&+p{ margin-top: var(--gaps); }
	}

ul.wp-block-list{
	margin: var(--gaps) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	
	& li{
		list-style-type: disc;
		margin-bottom: var(--gapxs);
		margin-left: 24px;
		padding-left: var(--gapxs);
		}

	&.is-style-linklist{ /* link list title detail*/
		border-top: 1px solid var(--border-color1);
		& li{
			list-style-type: none;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid var(--border-color1);
			font-size: var(--fonts);
			}
		& a{
			padding: var(--gap) var(--gaps);
			padding-right: 40px;
			position: relative;
			display: flex;
			color: var(--txt-color2);
			}
		& a:hover{
			background: var(--bg-color3);
			}
		& a strong{
			display: block;
			flex: 30% 0 0;
			font-family: var(--lang);
			color: var(--accent-color2);
			font-size: var(--font);
			}
		& a::after{
			font-family: 'Material Symbols Outlined';
		    font-weight: normal;
		    font-style: normal;
		    display: inline-block;
			vertical-align: middle;
		    -webkit-font-feature-settings: 'liga';
		    -webkit-font-smoothing: antialiased;
			font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;
			content: "arrow_right_alt";
			font-size: 20px;
			line-height: 1;
			color: var(--txt-color3);
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -10px;
			transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
			}
		& a:hover::after{
			color: var(--text-color);
			}
		}
	&.listsymbols{ /* icon list*/
		display: flex;
		justify-content: start;
		&.material-symbols-outlined{
			font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 0, 'opsz' 24;
			}
		& li{
			list-style-type: none;
			margin: 0 -3px 0 0;
			padding: 0;
			font-size: 22px;
			color: var(--accent-color4);
			}
	
		}
	}
@media screen and (max-width: 599px) {
.wp-block-heading{
	& br{
		display: none;
		}
	}
ul.wp-block-list{
	&.is-style-linklist{ /* link list title detail*/
		& a{
			display: block;
			}
		& strong{
			margin-bottom: var(--gapxs);
			}
		}

	}

}
ol.wp-block-list{
	margin: var(--gaps) 0;
	counter-reset: item;
	
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	
	& li{
		margin-bottom: var(--gapxs);
		padding-left: 40px;
		position: relative;
		}
	& li:before {
		counter-increment: item;
		content: counter(item);
		border: 1px solid var(--accent-color1);
		color: var(--accent-color1);
		font-family: var(--lang);
		display: inline-block;
		position: absolute;
		width: 24px;
		line-height: 24px;
		text-align: center;
		left: 0;
		top: 0;
		}
	}

.wp-block-group{
	& + .wp-block-group{
		padding-top: 0;
		}
	&.is-layout-grid  + .wp-block-group.is-layout-constrained{
		padding: var(--gapxl) 0;
		}
	&.is-style-narrow{
		width: 900px;
		max-width: 90vw;
		}
	&.is-style-back{
		padding: var(--gapl) 0;
		position: relative;
		&::before{
			content: "";
			display: block;
			width: 200vw;
			height: 100%;
			position: absolute;
			z-index: -1;
			top: 0;
			left: -50vw;
			background: var(--bg-color3);
			}
		& + .wp-block-group{
			padding: var(--gapl) 0;
			}
		}
	&.is-style-wrap1{
		border: 1px solid var(--border-color1);
		background: var(--bg-color3);
		padding: var(--gapl);
		margin: var(--gapxl) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrap1{
		margin-top: 0;
		}
	&.is-style-wrapnarrow1{
		width: 900px;
		max-width: 90vw;
		border: 1px solid var(--border-color1);
		background: var(--bg-color3);
		padding: var(--gapl);
		margin: var(--gapxl) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrapnarrow1{
		margin-top: 0;
		}
	&.is-style-wrap2{
		border: 1px solid var(--border-color1);
		background: var(--bg-color1);
		padding: var(--gap);
		margin: var(--gap) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrap2{
		margin-top: 0;
		}
	&.is-style-wrapnarrow2{
		width: 900px;
		max-width: 90vw;
		border: 1px solid var(--border-color1);
		background: var(--bg-color1);
		padding: var(--gap);
		margin: var(--gap) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrapnarrow2{
		margin-top: 0;
		}
	&.is-style-wrap3{
		border: 3px solid var(--accent-color1);
		background: var(--bg-color1);
		padding: var(--gap);
		margin: var(--gapl) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrap3{
		margin-top: 0;
		}
	&.is-style-wrapnarrow3{
		width: 900px;
		max-width: 90vw;
		border: 3px solid var(--accent-color1);
		background: var(--bg-color1);
		padding: var(--gap);
		margin: var(--gapl) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		}
	& + .is-style-wrapnarrow3{
		margin-top: 0;
		}
	&.is-style-wrap4{
		background: #ffffff30;
	    backdrop-filter: blur(10px);
		padding: var(--gap);
		margin: var(--gap) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		& p{margin: 0;}
		}
	&.is-style-wrapnarrow4{
		width: 900px;
		max-width: 90vw;
		background: #ffffff30;
	    backdrop-filter: blur(10px);
		padding: var(--gap);
		margin: var(--gap) auto;
		&:first-child{ margin-top: 0;}
		&:last-child{ margin-bottom: 0;}
		& p{margin: 0;}
		}
	&.is-style-wrapnote{
		width: 900px;
		max-width: 90vw;
		background: var(--bg-color1);
		& p{
			background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
			background-size: 100% 60px;
			line-height: 60px;
			padding-bottom: 1px;
			margin: 0;
			}
		}
	}
@media screen and (max-width: 781px) {
.wp-block-group{
	&.is-style-wrap1,
	&.is-style-wrapnarrow1{
		padding: var(--gap);
		}
	}
}
@media screen and (max-width: 599px) {
.wp-block-group{
	&.is-style-wrapnote{
		& p{
			background-size: 100% 45px;
			line-height: 45px;
			}
		}
	}
}


.wp-block-cover{
	padding: 0;
	min-height: 500px;
	align-items: center !important;
	justify-content: center !important;

	.wp-block-cover__inner-container.is-layout-constrained{
		width: 1320px;
		}
	& + .wp-block-cover{
		margin-top: var(--gapxs);
		}
	&.is-position-top-left .wp-block-cover__inner-container,
	&.is-position-top-center .wp-block-cover__inner-container,
	&.is-position-top-right .wp-block-cover__inner-container{
		align-items: flex-start !important;
		}
	&.is-position-bottom-left .wp-block-cover__inner-container,
	&.is-position-bottom-center .wp-block-cover__inner-container,
	&.is-position-bottom-right .wp-block-cover__inner-container{
		align-items: flex-end !important;
		}
	&.is-position-top-left .wp-block-cover__inner-container,
	&.is-position-center-left .wp-block-cover__inner-container,
	&.is-position-bottom-left .wp-block-cover__inner-container,
	&.is-left .wp-block-cover__inner-container{
		padding-right: min(50vw, 880px);
		}
	&.is-position-top-right .wp-block-cover__inner-container,
	&.is-position-center-right .wp-block-cover__inner-container,
	&.is-position-bottom-right .wp-block-cover__inner-container,
	&.is-right .wp-block-cover__inner-container{
		padding-left: min(50vw, 880px);
		}
	& p{
		font-size: var(--fonts);
		}
	&.is-light{
		color: var(--txt-color);
		text-shadow: 0px 0px 10px #ffffffcc;
		& bdo{
			color: var(--txt-color);
			}
		.wp-block-button .wp-block-button__link{
			color: var(--txt-color);
			border-bottom: 1px solid var(--txt-color);;
			&::before{
				color: var(--txt-color);
				}
			&:visited{
				color: var(--txt-color);
				}
			&:hover {
				color: var(--txt-color);
				border-bottom: 1px solid var(--txt-color);
				opacity: .5;
				}
			&:hover::before{
				color: var(--txt-color);
				}
			}
		}
	&.is-dark{
		color: #fff;
		text-shadow: 0px 0px 10px #000000cc;
		
		& bdo{
			color: #fff;
			}
		.wp-block-button .wp-block-button__link{
			color: #fff;
			border-bottom: 1px solid #fff;
			&::before{
				color: #fff;
				}
			&:visited{
				color: #fff;
				}
			&:hover {
				color: #fff;
				border-bottom: 1px solid #fff;
				opacity: .5;
				}
			&:hover::before{
				color: #fff;
				}
			}
		}
	&.is-style-contain{
		min-height: 500px !important;
		background: #f8fdff;
		margin-top: 0;
		.wp-block-cover__image-background{
			object-position: 50% 0 !important;
			}
		}
	&:has(.wp-block-post-title){

		}
	}
@media screen and (max-width: 1200px) {
.wp-block-cover.is-style-contain{
	.wp-block-cover__image-background{
		object-fit: contain !important;
		}
	}
}
@media screen and (max-width: 781px) {
.wp-block-cover{
	min-height: 400px;
	&.is-stacked-on-mobile{
		display: block;
		text-shadow: unset;
		.wp-block-cover__image-background{
			position: static;
			min-height: 300px;
			background-attachment: unset;
			background-position: center;
			}
		.wp-block-cover__background{
			height: 300px;
			}
		.wp-block-cover__inner-container{
			position: static;
			padding-top: var(--gap);
			padding-bottom: var(--gap);
			padding-right: 0;
			padding-left: 0;
			margin: 0 auto !important;
			color: var(--txt-color);
	        text-shadow: unset;
			}
		& bdo{
			color: var(--accent-color1);
			}
		& p{
			font-size: var(--font);
			}
		}
	}
.wp-block-cover.is-style-contain{
	.wp-block-group.is-style-wrap4{
		background: transparent;
        backdrop-filter: unset;
        padding: 0;
        margin-bottom: 0;
		}
	}
}
@media screen and (max-width: 599px) {
.wp-block-cover:not(.fullheight){
	min-height: 300px !important;
	.wp-block-cover__image-background.has-parallax{
		background-attachment: unset;
		}
	&.is-stacked-on-mobile{
		.wp-block-cover__image-background{
			min-height: 200px;
			}
		.wp-block-cover__background{
			height: 200px;
			}
		}
	}
}


.wp-block-columns{
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	.wp-block-column:empty{
		background: none;
		padding: 0;
		margin: 0;
		border: none;
		}
	}
@media screen and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile){
	&:has(.wp-block-column:first-child .wp-block-image:first-child:last-child):not(:has(.wp-block-column:last-child .wp-block-image)),
	&:has(.wp-block-column:first-child .wp-block-embed:first-child:last-child):not(:has(.wp-block-column:last-child .wp-block-embed)){
		.wp-block-column:first-child{
			order: 2;
			}
		}
	}
}

.post-title{
	&:has(+.wp-block-cover .wp-block-post-title){
		display: none;
		}
	&:has(+.wp-block-cover.is-style-contain){
		display: none;
		}
	}


.wp-block-buttons {
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }

	.wp-block-button__link{
		text-align: left;
		text-decoration: none;
		outline: none;
		padding: var(--gapxs) 40px var(--gapxs) 20px;
		line-height: 1.6;
		z-index: 2;
		vertical-align: middle;
		max-width: 100%;
		position: relative;
		border-radius: 20px;
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		font-family: var(--serif);

		color: var(--bg-color1);
		border: 1px solid var(--txt-color);
		background-color: var(--txt-color);
		text-decoration: none !important;
		
		&::before{
			font-family: 'Material Symbols Outlined';
			font-weight: normal;
			font-style: normal;
			display: inline-block;
			vertical-align: middle;
			-webkit-font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
			font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;
			content: "arrow_right_alt";
			font-size: 20px;
			line-height: 1;
			color: var(--bg-color1);
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -10px;
			transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
			}
		&[target="_blank"]::before {
			content: "arrow_outward";
			}
		&[target="_blank"]::after {
			display: none;
			}
		&:visited{
			color: var(--bg-color1);
			}
		&:hover {
			color: var(--bg-color1);
			background-color: var(--accent-color2);
			border: 1px solid var(--accent-color2);
			}
		&:hover::before{
			right: 5px;
			color: var(--bg-color1);
			}
		}
	.is-style-outline{
		.wp-block-button__link{
			color: var(--txt-color);
			border: 1px solid var(--txt-color);
			background-color: var(--bg-color1);
			text-decoration: none !important;
			
			&::before{
				color: var(--txt-color);
				}
			&[target="_blank"]::before {
				content: "arrow_outward";
				}
			&[target="_blank"]::after {
				display: none;
				}
			&:visited{
				color: var(--txt-color);
				}
			&:hover {
				color: var(--txt-color);
				background-color: var(--txt-color);
				background-color: var(--accent-color1);
				}
			&:hover::before{
				right: 5px;
				color: var(--txt-color);
				}
			}
		}
	.is-style-simplebutton{ /* simple underline link button */
		.wp-block-button__link{
			border-radius: 0;
			padding: var(--gapxs) 30px var(--gapxs) 0;
			font-size: var(--fonts);
			
			color: var(--txt-color2);
			border: none;
			border-bottom: 1px solid var(--border-color1);
			background-color: transparent;

			&::before{
				right: 0;
				color: var(--txt-color3);
				}
			&:visited{
				color: var(--txt-color3);
				}
			&:hover {
				color: var(--txt-color);
				background-color: transparent;
				border-bottom: 1px solid var(--txt-color);
				}
			&:hover::before{
				right: 0;
				color: var(--txt-color);
				}
			}
		}
	&.is-style-pagelink{
		background: var(--bg-color3);
		margin: 0;
		padding: var(--gap) 3vw;
		gap: var(--gapxs) var(--gap);
		
		.wp-block-button__link{
			border-radius: 0;
			padding: 0;
			font-size: var(--fonts);
			color: var(--txt-color2);
			border: none;
			background-color: transparent;

			&::before{
				display: none;
				}
			&:visited{
				color: var(--txt-color3);
				}
			&:hover {
				color: var(--txt-color);
				background-color: transparent;
				}
			}
		}
	
	}

.wp-block-table{
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	& figcaption{
		}
	& table{
		width: 100%;
		border: 0;
		border-spacing: 0;
		height: auto !important;
		border-top: 1px solid var(--border-color1);
		}
	& thead{
		border: unset;
		}
	& th{
		color: var(--txt-color3);
		border-bottom: 1px solid var(--border-color1);
		background: var(--bg-color3);
		font-size: var(--fontxs);
		font-weight: normal;
		}
	& th,
	& td{
		padding: var(--gap) var(--gaps);
		border: none;
		border-bottom: 1px solid var(--border-color1);
		width: auto;
		vertical-align: top;
		}
	&.is-style-calendar{
		& table{
			border-right: 1px solid var(--border-color1);
			}
		& th,
		& td{
			font-size: var(--font);
			padding: var(--gaps);
			border-left: 1px solid var(--border-color1);
			border-bottom: 1px solid var(--border-color1);
			vertical-align: middle;
			}
		& td:has(strong){
			background: #ffd6d6;
			}
		& td:not(:has(strong)){
			background: #fff7c6;
			}
		}
	&.is-style-stripes{
		& table{
			border-top: unset;
			}
		& th,
		& td{
			padding: var(--gaps);
			border: unset;
			}
		& th{
			background-color: var(--bg-color1);
			border-bottom: 1px solid var(--border-color1);
			}
		& table tr:nth-child(odd) {
		    background-color: var(--bg-color3);
			}
		}
	&.is-style-recipe{
		& table{
			border: unset;
			}
		& th,
		& td{
			padding: var(--gapxs) 0;
			border: unset;
			display: block;
			}
		& tr{
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: var(--gaps);
			}
		& tr::after{
			content: "";
			display: block;
			height: 2px;
			background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 2px);
			background-size: 7px 1px;
			flex: 1 1 10px;
			order: 2;
			}
		& td:first-child{
			order: 1;
			min-width: 30px;
			}
		& td:last-child{
			order: 3;
			min-width: 30px;
			}
		}
	&.is-style-leftth{
		& table{
			border-top: unset;
			}
		& td{
			border-bottom: 1px solid var(--border-color1);
			}
		& td:first-child{
			width: 30%;
			text-align: center;
			font-family: var(--serif);
			border-bottom: 1px solid var(--accent-color1);
			color: var(--accent-color2);
			}
		}
	&.is-style-simple{
		& table{
			border: 2px solid var(--accent-color1);
			}
		& td{
			border: none;
			border-top: 1px solid var(--accent-color1);
			border-left: 1px dotted var(--accent-color1);
			padding: var(--gaps);
			}
		& td:first-child{
			width: 30%;
			text-align: center;
			font-family: var(--serif);
			color: var(--accent-color2);
			border-left: none;
			}
		& tr:first-child td{
			border-top: none;
			}
		& td:empty{
			border-top: none;
			}
		}
	&.is-style-history{
		& table{
			border-top: unset;
			}
		& td{
			border-bottom: none;
			padding: var(--gap);
			}
		& td:first-child{
			width: 30%;
			text-align: right;
			font-family: var(--serif);
			border-right: 1px solid var(--accent-color2);
			color: var(--accent-color2);
			position: relative;
			padding-left: 0;
			}
		& td:first-child::before{
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			position: absolute;
			background: #fff;
			right: -5px;
			margin-top: 8px;
			border-radius: 5px;
			border: 1px solid var(--accent-color2);
			padding-right: 0;
			}
		}
	}
@media screen and (max-width: 599px) {
.wp-block-table{
	&.is-style-leftth{
		& td{
			display: block;
			padding: var(--gap) 0;
			}
		& td:first-child{
			display: block;
			width: auto;
			border-bottom: none;
			padding-bottom: 0;
			text-align: left;
			& br{ display: none; }
			}
		}
	&.is-style-simple{
		& td{
			display: block;
			border-left: none;
			}
		& td:first-child{
			width: auto;
			text-align: left;
			background: var(--accent-color1);
			color: #fff;
			}
		& td:empty{
			display: none;
			}
		& td:last-child,
		& tr:first-child td:last-child{
			border-top: 1px dotted var(--accent-color1);
			}
		}
	}
}

.wp-block-image{
	margin: var(--gap) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	& figcaption {
		color: var(--txt-color2);
		font-size: var(--fonts);
		margin-top: var(--gapxs);
		margin-bottom: 0;
		
		}
	&.is-style-absolute{
		position: relative;
		width: 100%;
		& img{
			position: absolute;
			bottom: 0;
			left: 0;
			max-width: 20%;
			}
		&.alignright img{
			left: unset;
			right: 0;
			}
		}
	}

.wp-block-media-text{
	margin: 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	.wp-block-media-text__content{
		padding: var(--gapl);
		padding-right: 0;
		}
	&.has-media-on-the-right .wp-block-media-text__content{
		padding: var(--gapl);
		padding-left: 0;
		}
	.wp-block-media-text__media{
		overflow: hidden;
		}
	.wp-block-media-text__media a:hover img{
		transform: scale(1.1);
		transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		}
	}
@media screen and (max-width: 781px) {
.wp-block-media-text{
	.wp-block-media-text__content{
		padding-left: var(--gap);
		}
	&.has-media-on-the-right .wp-block-media-text__content{
		padding-right: var(--gap);
		}
	}
.wp-block-columns{
	margin: var(--gapl) 0;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }
	}
}
@media screen and (max-width: 599px) {
.wp-block-media-text{
	.wp-block-media-text__content{
		padding-left: 0;
		}
	&.has-media-on-the-right .wp-block-media-text__content{
		padding-right: 0;
		}
	}
}

.wp-block-separator{
	margin: var(--gapxl) 0;
	display: block;
	width: 100%;
	height: 1px;
	border: none;
	background: var(--border-color1);
	}

.wp-block-embed{
	&.wp-block-embed-youtube.wp-embed-aspect-16-9{
		.wp-block-embed__wrapper {
			width: 100%;
			aspect-ratio: 16 / 9;
			}
		& iframe {
			width: 100%;
			height: 100%;
			}
		}
	}
.wp-block-file{
	margin: var(--gap) 0;
	text-align: center;
	&:first-child{ margin-top: 0; }
	&:last-child{ margin-bottom: 0; }

	& a[href$=".pdf"]:after{
		vertical-align: middle;
		}
	.wp-block-file__thumb{
		text-align: center;
		margin-bottom: var(--gaps);
		
		& img{
			width: 400px;
			border: 3px solid var(--border-color1);
			margin: 0 auto;
			}
		& a::after{ display: none; }
		}
	}

.wp-block-spacer{
	}

.smb-spider-contents-slider__item.is-layout-constrained{
	width: unset;
	max-width: unset;
	margin: 0;
	padding: 0;
	text-align: unset;
	}

@media screen and (max-width: 781px) {
}
@media screen and (max-width: 599px) {
}


/* --------------------------------------------------- pattern setting */

.textshadow1{
	text-shadow: 0px 0px 10px #000;
	}
.iconfree{
	padding-left: 50px;
	background: url(images/free.svg) no-repeat 0 center;
	letter-spacing: .14rem;
	background-size: 36px;
	}
.iconfreeblack{
	padding-left: 50px;
	background: url(images/free2.svg) no-repeat 0 center;
	letter-spacing: .14rem;
	background-size: 36px;
	}
.is-style-wordwrap{
	border: 1px solid #fff;
	padding: 0 20px;
	display: inline-block;
	border-radius: 20px;
	font-family: var(--serif);
	margin: var(--gaps) 0 !important;
	}
.is-style-wordpoint{
	font-family: var(--serif);
	color: var(--accent-color2);
	}
.is-style-subtext{
	color: var(--txt-color3);
	}
.is-style-filter1:not(.wp-block-media-text,.wp-block-cover),
.is-style-filter1.wp-block-media-text .wp-block-media-text__media{
	filter: saturate(80%);
	background: #a7c0d3;
	& img { mix-blend-mode: multiply; min-width: 100%; min-height: 100%; }
	}
.is-style-filter1.wp-block-cover .wp-block-cover__background{
	filter: saturate(80%);
	background: #a7c0d3 !important;
	opacity: 1 !important;
	mix-blend-mode: multiply;
	}
.is-style-filter2:not(.wp-block-media-text,.wp-block-cover),
.is-style-filter2.wp-block-media-text .wp-block-media-text__media{
	filter: saturate(80%);
	background: #d8cec7;
	& img { mix-blend-mode: multiply; min-width: 100%; min-height: 100%; }
	}
.is-style-filter2.wp-block-cover .wp-block-cover__background{
	filter: saturate(80%);
	background: #d8cec7 !important;
	opacity: 1 !important;
	mix-blend-mode: multiply;
	}
.is-style-filter3:not(.wp-block-media-text,.wp-block-cover),
.is-style-filter3.wp-block-media-text .wp-block-media-text__media{
	filter: saturate(80%);
	background: #aeb7af;
	& img { mix-blend-mode: multiply; min-width: 100%; min-height: 100%; }
	}
.is-style-filter3.wp-block-cover .wp-block-cover__background{
	filter: saturate(80%);
	background: #aeb7af !important;
	opacity: 1 !important;
	mix-blend-mode: multiply;
	}
.is-style-filter4:not(.wp-block-media-text,.wp-block-cover),
.is-style-filter4.wp-block-media-text .wp-block-media-text__media{
	filter: saturate(80%);
	opacity: .8;
	background: #fff;
	& img { min-width: 100%; min-height: 100%; }
	}
.is-style-serif{ font-family: var(--serif); }
.is-style-lang{
	font-family: var(--lang);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2;
	letter-spacing: .05rem;
	}
.is-style-langupper{
	font-family: var(--lang);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.2;
	letter-spacing: .05rem;
	text-transform: uppercase;
	}

.is-style-spacers{ height: var(--gaps) !important; }
.is-style-spacerm{ height: var(--gap) !important; }
.is-style-spacerl{ height: var(--gapl) !important; }
.is-style-spacerxl{ height: var(--gapxl) !important; }
.is-style-aspect4017{ 
	height: calc( 100vw * 17 / 40 - var(--gapxl) ) !important;
	}

.gridimglink.wp-block-group{
	gap: var(--gapxs);
	
	.imgontxt{
		position: relative;
		
		.wp-block-image{
			margin: 0;
			overflow: hidden;
			height: 100%;
			& a{
				display: block;
				height: 100%;
				}
			}
		.wp-block-group{
			position: absolute;
			width: 100%;
			height: auto;
			left: 0;
			top: 0;
			padding: var(--gap);
			text-align: left;
			color: #fff;
			pointer-events: none;
			& p{
				margin: 0;
				}
			.has-x-large-font-size{
				margin-bottom: var(--gapxs);
				}
			&.bottom{
				top: unset;
				bottom: 0;
				}
			}
		}
	.imgontxt:hover img{
		transform: scale(1.1);
		transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		}
	.wp-block-group.is-layout-grid{
		gap: var(--gapxs);
		
		.imgontxt{ 
			.wp-block-group{
				padding: var(--gap);
				}
			&:nth-child(3) .wp-block-group,
			&:nth-child(4) .wp-block-group{
				top: unset;
				bottom: 0;
				}
			}
		}
	.link1{
		margin-bottom: var(--gaps);
		padding-bottom: var(--gaps);
		border-bottom: 1px solid var(--border-color2);
		position: relative;
		&::after{
			font-family: 'Material Symbols Outlined';
			font-weight: normal;
			font-style: normal;
			display: inline-block;
			vertical-align: middle;
			-webkit-font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
			font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24;
			content: "arrow_right_alt";
			font-size: 20px;
			line-height: 1;
			color: var(--border-color2);
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -10px;
			transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
			}
		}
	.imgundertxt{
		text-align: left;
		padding: var(--gaps);
		
		h4{
			font-size: var(--font);
			font-weight: normal;
			border: none;
			padding: 0;
			}
		p{
			font-size: var(--fonts);
			color: var(--txt-color2);
			}
		}
	}
@media screen and (max-width: 1000px) {
	.gridimglink.wp-block-group{
		&:has(>*:nth-child(5)){
			grid-template-columns: repeat(3, minmax(0, 1fr));
			}
		}
}
@media screen and (max-width: 781px) {
	.gridimglink.wp-block-group{
		grid-template-columns: repeat(1, minmax(0, 1fr));
		&:has(>*:nth-child(3)){
			grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}
}

.wrapcount{
	counter-reset: item;
	& > *{
		position: relative;
		&::before{
			content: "";
			width: 1px;
			height: 100%;
			position: absolute;
			background: var(--accent-color1);
			top: 0;
			left: 50%;
			z-index: 1;
			}
		&::after{
			counter-increment: item;
			content: counter(item);
			width: 40px;
			height: 80px;
			position: absolute;
			background:var(--accent-color1);
			top: 50%;
			left: 50%;
			margin-top: -40px;
			margin-left: -20px;
			z-index: 2;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: var(--serif);
			font-style: italic;
			font-size: var(--fonts);
			}
		}
	}

/* --------------------------------------------------- form */

#contactform{
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"]{
		border: 1px solid var(--border-color1);
		background: var(--bg-color1);
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		border-radius: 2px;
		font-size: 1rem;
		max-width: 100%;
		font-family: inherit;
		box-sizing: border-box;
		padding: .5rem 1rem;
		outline: 0;
		}
	input[type="radio"],
	input[type="checkbox"]{
		margin: 0 10px;
		}
	textarea {
		height: auto;
		line-height: 1.8;
		width: 100%;
		padding: .5rem 1rem;
		}
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	input.input-text:focus {
		border-color: #000;
		outline: 0;
		}
	textarea:disabled,
	input[type="text"]:disabled,
	input[type="password"]:disabled,
	input[type="datetime"]:disabled,
	input[type="datetime-local"]:disabled,
	input[type="date"]:disabled,
	input[type="month"]:disabled,
	input[type="time"]:disabled,
	input[type="week"]:disabled,
	input[type="number"]:disabled,
	input[type="email"]:disabled,
	input[type="url"]:disabled,
	input[type="search"]:disabled,
	input[type="tel"]:disabled,
	input[type="color"]:disabled{
		background: #f2f2f2;
		cursor: no-drop;
		}
	select {
		border: 1px solid var(--border-color1);
		background: var(--bg-color1);
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		color: var(--txt-color);
		font-size: 1rem;
		max-width: 100%;
		font-family: inherit;
		border-radius: 2px;
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		}
	select:focus {
		border-color: #000;
		}
	
	button{
		text-align: left;
		padding: 14px 50px;
		z-index: 2;
		vertical-align: middle;
		max-width: 100%;
		position: relative;
		border-radius: 28px;
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		font-family: var(--serif);
		font-size: var(--fontx);
		color: var(--bg-color1);
		border: 1px solid var(--accent-color2);
		background: var(--accent-color2);
		min-width: 200px;
		text-align: center;
		}
		button:hover{
			background: var(--bg-color1);
			color: var(--accent-color2);
			}
		button[data-action="back"]{
			border: 1px solid #999;
			background: #999;
			}
		button[data-action="back"]:hover{
			background: var(--bg-color1);
			color: #999;
			}

	.inputs{ width: 100px; }
	.inputm{ width: 320px; }
	.inputl{ width: 450px; }

	.smf-form{
		margin-top: var(--gapl);
		.smf-item:nth-child(2n-1){
			background: var(--bg-color3);
			}
		.smf-item__col--label{
			padding: var(--gapxs) var(--gap);
			flex: 1 1 30%;
			font-weight: bold;
			}
		.smf-item__col--controls{
			padding: var(--gapxs) var(--gap);
			flex: 1 1 70%;
			}
		.smf-item__col--label strong{
			background: var(--accent-color1);
			padding: 4px 10px;;
			color: #fff;
			font-weight: normal;
			font-size: var(--fontxs);
			border-radius: 2px;
			}
		}
	
	.smf-progress-tracker{
		margin: 60px 0 30px;
	
		.smf-progress-tracker__item:after,
		.smf-progress-tracker__item:before {
			background-color: var(--border-color1);
			content: "";
			display: block;
			height: 1px;
			position: absolute;
			top: 25px;
			border: none;
			width: auto;
			}
		.smf-progress-tracker__item{
			margin-bottom: 0;
			padding-left: 0;
			}
		.smf-progress-tracker__item__number{
			align-items: center;
			background-color: var(--border-color1);
			border-radius: 100%;
			color: #fff;
			display: flex;
			width: 50px;
			height: 50px;
			font-family: var(--lang);
			font-size: var(--fontm);
			}
		.smf-progress-tracker__item__text {
			color: var(--border-color1);
			font-family: var(--serif);
			}
		}
	.snow-monkey-form[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
	.snow-monkey-form[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number,
	.snow-monkey-form[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number{
		background: var(--accent-color2);
		font-weight: normal;
		}
	.snow-monkey-form[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text,
	.snow-monkey-form[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text,
	.snow-monkey-form[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text{
		color: var(--accent-color2);
		font-weight: normal;
		}
}


/* --------------------------------------------------- header */

header{
	z-index: 1000;
	width: 100%;
	top: 0;
	left: 0;
	height: auto !important;
	position: fixed;
	transition: background 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	background: var(--bg-color1);
	
	#header{
		max-width: 94vw;
		margin: 0 auto;
		
		.wp-block-site-logo{
			& a{
				display: block;
				background: url(images/logo2.png) no-repeat left center;
				background-size: contain;
				width: 130px;
				height: 35px;
				transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
				}
			& a img{
				visibility: hidden;
				transition: background 1.2s cubic-bezier(0.23, 1, 0.32, 1);
				}
			}
		.wp-block-navigation.gnav{
			gap: 0 var(--gap);
			font-size: var(--fonts);
			font-family: var(--serif);
			align-items: center;
			margin-left: auto;
			
			.wp-block-navigation__container{
				& > .wp-block-navigation-item{
					& > .wp-block-navigation-item__content{
						color: var(--txt-color);
						padding: 20px 0;
						}
					& > .wp-block-navigation-item__content::before{
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 3px;
						background: var(--accent-color1);
						transform: scale(0, 1);
						transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
						}
					& > .wp-block-navigation-item__content:hover::before,
					&.current-menu-item > .wp-block-navigation-item__content::before,
					&.current-menu-ancestor > .wp-block-navigation-item__content::before{
						transform: scale(1);
						}
					}
				.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
					stroke: var(--txt-color);
					}
				.wp-block-navigation__submenu-container{
					border: none;
					background: #ffffff88;
					backdrop-filter: blur(10px);
					transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
					.wp-block-navigation-item{
						background: transparent;
						}
					.wp-block-navigation-item.current-menu-item{
						background: #ffffff33;
						}
					.wp-block-navigation-item__content{
						padding: var(--gapxs) var(--gaps);
						font-size: var(--fontxs);
						}
					.wp-block-navigation-item__content:hover{
						background: var(--bg-color1)
						}
					
					}
				}
			.wp-block-buttons{
				margin: 0;
				gap: 0 var(--gaps);
		
				.wp-block-button__link{
					padding: 2px 16px;
					background: transparent;
					color: var(--txt-color);
					border: 1px solid var(--txt-color);
					font-size: var(--fontxs);
					&::before{
						display: none;
						}
					}
				.wp-block-button__link:hover{
					background: var(--accent-color1);
					color: var(--txt-color);
					}
				}
			}
		.wp-block-navigation.sitemap{
			display: grid;
			.wp-block-navigation__responsive-container{
				width: 100vw;
				height: 100vh;
				}
			.wp-block-navigation__responsive-container-content{
				display: block;
				padding: var(--gapxl);
				}
			.wp-block-navigation__responsive-container-close{
				top: 30px;
				right: 3vw;
				}
			}
		}
	}
/*
.home header,
header:has(+#page .wp-block-cover .wp-block-post-title){
*/
.home header,
header:has(+#page .wp-block-cover .wp-block-post-title){
	background: transparent;
	#header{
		.wp-block-site-logo{
			& a{
				background: url(images/logo1.png) no-repeat left center;
				background-size: contain;
				width: 190px;
				height: 50px;
				}
			}
		.wp-block-navigation.gnav{
			.wp-block-navigation__container{
				& > .wp-block-navigation-item{
					& > .wp-block-navigation-item__content{
						color: var(--bg-color1);
						padding: var(--gap) 0;
						}
					& > .wp-block-navigation-item__content::before{
						background: var(--bg-color1);
						}
					}
				.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
					stroke: var(--bg-color1);
					}
				}
			.wp-block-buttons{
				.wp-block-button__link{
					color: var(--bg-color1);
					border-color: var(--bg-color1);
					}
				.wp-block-button__link:hover{
					background: var(--bg-color1);
					color:  var(--txt-color);
					}
				}
			}
		.wp-block-navigation.sitemap{
			.wp-block-navigation__responsive-container-open svg{
				fill: var(--bg-color1);
				}
			}
		}
	}

/* メニューが見えなくてデザイン設定ができないため
#header .wp-block-navigation__responsive-container{
	background-color: #f4f4f4 !important;
	display: flex;
	flex-direction: column;
	overflow: auto;
	padding: clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);
	z-index: 100000;
	}
 */



header:has(+#page){
	#header{
		.wp-block-site-logo{
			& a{
				width: 130px !important;
				height: 35px !important;
				}
			}
		.wp-block-navigation.gnav{
			.wp-block-navigation__container{
				& > .wp-block-navigation-item{
					& > .wp-block-navigation-item__content{
						padding: 20px 0 !important;
						}
					}
				}
			}
		}
	}
header + #page,
header + .breadcrumb:has(+ #page){
	margin-top: 66px;
	}
header:has(+#page .wp-block-cover .wp-block-post-title) + #page{
	margin-top: 0;
	}

.fixed header,
.searchopen header,
header:has(+#page .wp-block-cover.is-light .wp-block-post-title),
.fixed header:has(+#page .wp-block-cover.is-light .wp-block-post-title),
.fixed header:has(+#page .wp-block-cover .wp-block-post-title){
	position: fixed;
	background: #ffffff66;
	backdrop-filter: blur(10px);
	
	#header{
		.wp-block-site-logo{
			& a{
				background: url(images/logo2.png) no-repeat left center;
				background-size: contain;
				width: 130px;
				height: 35px;
				}
			}
		.wp-block-navigation.gnav{
			.wp-block-navigation__container{

				& > .wp-block-navigation-item{
					& > .wp-block-navigation-item__content{
						color: var(--txt-color);
						padding: 20px 0;
						white-space: nowrap;
						}
					& > .wp-block-navigation-item__content::before{
						background: var(--accent-color1);
						}
					}
				.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
					stroke: var(--txt-color);
					}
				}
			.wp-block-buttons{
				flex-wrap: nowrap;
				white-space: nowrap;
				.wp-block-button__link{
					color: var(--txt-color);
					border: 1px solid var(--txt-color);
					}
				.wp-block-button__link:hover{
					background: var(--accent-color1);
					color: var(--txt-color);
					}
				}
			}
		.wp-block-navigation.sitemap{
			.wp-block-navigation__responsive-container-open svg{
				fill: var(--txt-color);
				}
			.wp-block-navigation__responsive-container-close{
				top: 20px;
				}
			}
		}
	}

header:has(+#page .wp-block-cover .wp-block-post-title),
header:has(+#page .wp-block-cover.is-light .wp-block-post-title){
	backdrop-filter: blur(10px);
	background: transparent;
	}

.admin-bar header{
	top: 32px !important;
	}

@media screen and (max-width: 1450px) {
header #header{
	.wp-block-navigation.gnav > .wp-block-navigation__container > li:nth-child(n+4){
		display: none;
		}
	}
}
@media screen and (max-width: 1330px) {
header #header{
	.wp-block-navigation.gnav > .wp-block-navigation__container > li:nth-child(n+3){
		display: none;
		}
	}
}
@media screen and (max-width: 1150px) {
header #header{
	.wp-block-navigation.gnav > .wp-block-navigation__container > li:nth-child(n+2){
		display: none;
		}
	}
}
@media screen and (max-width: 930px) {
header #header{
	padding: var(--gaps) 0;
	.wp-block-navigation.gnav > .wp-block-navigation__container{
		display: none;
		}
	}
}
@media screen and (max-width: 781px) {
.admin-bar header{
	top: 46px !important;
	}
header #header{
	padding: var(--gaps) 0;
	.wp-block-navigation.gnav{
		display: none;
		}
	}
.home header,
header:has(+#page .wp-block-cover .wp-block-post-title){
	#header .wp-block-site-logo a{
		width: 130px;
		height: 35px;
		}
	}
}
@media screen and (max-width: 599px) {
.home header,
header:has(+#page .wp-block-cover .wp-block-post-title),
.fixed header,
.searchopen header,
header:has(+#page .wp-block-cover.is-light .wp-block-post-title),
.fixed header:has(+#page .wp-block-cover.is-light .wp-block-post-title),
.fixed header:has(+#page .wp-block-cover .wp-block-post-title){
	#header .wp-block-site-logo a{
		width: 100px;
		height: 28px;
		}
	}
}

footer{
	background: var(--bg-color1);
	border-top: 1px solid var(--border-color1);
	
	#footer{
		max-width: 94vw;
		margin: 0 auto;
		
		.wp-block-site-logo{
			& a{
				display: block;
				background: url(images/logo2.png) no-repeat left center;
				background-size: contain;
				width: 190px;
				height: 50px;
				}
			& a img{
				visibility: hidden;
				}
			}
		.social-links{
			margin-top: var(--gap);
			gap: var(--gaps);
			.wp-block-social-links{
				gap: var(--gaps);
				}
			}
		.copyrights{
			color: var(--txt-color3);
			}
		.wp-block-search{
			display: none;
			}
		}
	}

.wp-block-navigation.sitemap{
	gap: 0 var(--gap);
	font-size: var(--fonts);
	font-family: var(--serif);
	align-items: center;
	display: block;

	.wp-block-search{
		width: 100%;
		margin-bottom: var(--gap);
		.wp-block-search__inside-wrapper{
			border: 1px solid var(--border-color1);
			background: #fff;
			border-radius: 5px;
			overflow: hidden;
			}
		.wp-block-search__input{
			background: #fff !important;
			}
		.wp-block-search__button.has-icon{
			background: var(--txt-color2);
			}
		}
	
	.wp-block-navigation__container{
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));		
		& > .wp-block-navigation-item{
			color: var(--txt-color);
			padding: 0;
			margin-bottom: var(--gap);
			display: block;
			align-self: start; 
			
			& > .wp-block-navigation-item__content{
				border-bottom: 1px solid var(--border-color1);
				padding: 0;
				padding-bottom: var(--gapxs);
				margin-bottom: var(--gapxs);
				text-align: left;
				width: 100%;
				}
			.wp-block-navigation__submenu-icon{
				display: none;
				}
			}
		& > .wp-block-navigation-item.current-menu-item,
		& > .wp-block-navigation-item.current-menu-ancestor{
			& > a {
				font-weight: bold;
				}
			}
		}
	.has-child .wp-block-navigation__submenu-container{
		width: auto;
		height: auto;
		display: block;
		opacity: 1;
		width: 100%;
		overflow: visible;
		position: static;
		visibility: visible;
		border: none;
		background: none;
		padding: 0 !important;
		
		.wp-block-navigation-item{
			color: var(--txt-color3);
			font-size: var(--fontxs);
			margin-bottom: 4px;
			.wp-block-navigation-item__label{
				text-align: left;
				white-space: nowrap !important;
				overflow-wrap: break-word !important;
				}
			.wp-block-navigation-item__content{
				color: var(--txt-color3);
				}
			}
		.wp-block-navigation-item.current-menu-item a{
			color: var(--txt-color2);
			font-weight: bold;
			}
		}
	.morebutton{
		border: none;
		background: none;
		color: var(--txt-color2);
		display: block;
		width: 100%;
		cursor: pointer;
		box-sizing: border-box;
		text-align: left;
		}
	}
@media screen and (max-width: 1000px) {
.wp-block-navigation.sitemap{
	.wp-block-navigation__container{
		grid-template-columns: repeat(2, minmax(0, 1fr));		
		}
	}
}
@media screen and (max-width: 781px) {
.wp-block-navigation.sitemap{
	.wp-block-navigation__container{
		grid-template-columns: repeat(2, minmax(0, 1fr));		
		}
	}
}
@media screen and (max-width: 599px) {
footer{
	#footer{
		padding: var(--gapl) 0 !important;
		.wp-block-site-logo{
			& a{
				width: 130px;
				height: 35px;
				}
			}
		}
	.wp-block-navigation.sitemap{
		display: none;
		}
	}
header #header{
	.wp-block-navigation.sitemap{
		display: block;
		.wp-block-navigation__container{
			grid-template-columns: repeat(1, minmax(0, 1fr));		
			}
		.wp-block-navigation__responsive-container-content{
			padding-bottom: 100px;
			}
		.wp-block-navigation__container > .wp-block-navigation-item a::after{
			display: none;
			}
		.wp-block-navigation-item a{
			display: block;
			padding: 2px 0;
			text-align: left;
			}
		.morebutton{
			position: absolute;
			width: 100%;
			height: 2rem;
			top: 0;
			left: 0;
			display: flex;
			align-items: start;
			justify-content: end;
			}
		}
	}
}
.breadcrumb{
	border-top: 1px solid var(--border-color1);
	padding: var(--gaps) 0;
	& ol{
		max-width: 94vw;
		margin: 0 auto;
		display: flex;
		justify-content: start;
		font-size: var(--fontxs);
		font-family: var(--serif);
		flex-wrap: wrap;
		& li{
			display: flex;
			}
		& li:has(a)::after{
			content: "/";
			color: var(--border-color1);
			display: inline-block;
			margin: 0 var(--gapxs);
			}
		& li a,
		& li span{
			display: block;
			text-overflow: ellipsis;
			max-width: 30em;
			overflow: hidden;
			white-space: nowrap;
			}
		}
	}
header + .breadcrumb{
	border-bottom: 1px solid var(--border-color1);
	}
.wp-block-cover + .breadcrumb{
	border-top: none;
	border-bottom: 1px solid var(--border-color1);
	}


#contact{
	border-top: 1px solid var(--border-color1);
	}

#gotop{
	color: #fff;
	background: var(--bg-color2);
	position: fixed;
	z-index: 10;
	bottom: 10px;
	right: 10px;
	text-align: center;
	width: 50px;
	height: 50px;
	text-decoration: none;
	border-radius: 50%;
	line-height: 50px;

	& span{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		}
	}
@media screen and (max-width: 599px) {
.breadcrumb{
	& ol{
		& li a,
		& li span{
			max-width: 11em;
			}
		}
	}
}

/* --------------------------------------------------- main visual */
.mainvisual{
	position: relative;
	.over{
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		text-align: center;
		}
	.overinner{
		height: 100vh;
		padding: 0;
		}
	.text1,
	.text2{
		margin: 0;
		font-size: 4.4vw;
		font-size: min( 6vw , 70px );
		color: #fff;
		letter-spacing: .5rem;
		text-shadow: 0px 0px 10px #000;
		position: absolute;
		z-index: 3;
		width: auto;
		top: 50%;
		left: 0;
		white-space: nowrap;
		display: flex;
		justify-content: start;
		}
	.text1 em,
	.text2 em{
		font-style: normal;
		display: block;
		}
	.text1{
		margin-top: 0em;
		}
	.text2{
		margin-top: 1.5em;
		}
	.bottle{
		position: absolute;
		z-index: 2;
		width: 240px;
		width: min( 18vw , 240px);
		right: 10%;
		bottom: -20px;
		& img{
			width: auto !important;
			height: auto !important;
			max-width: 100%;
			max-height: 85vh;
			}
		}
	}
#js .mainvisual{
	.text1 em,
	.text2 em{
		opacity: 0;
		transform: scale(1.4);
		}
	.bottle{
		opacity: 0;
		}
	&.isscroll{
		.bottle{ animation: fadein 2s linear 3.6s forwards; }
		.text1 em:nth-child(1){ animation: maintxt1 .4s linear 1.2s forwards; }
		.text1 em:nth-child(2){ animation: maintxt1 .4s linear 1.3s forwards; }
		.text1 em:nth-child(3){ animation: maintxt1 .4s linear 1.4s forwards; }
		.text1 em:nth-child(4){ animation: maintxt1 .4s linear 1.5s forwards; }
		.text1 em:nth-child(5){ animation: maintxt1 .4s linear 1.6s forwards; }
		.text1 em:nth-child(6){ animation: maintxt1 .4s linear 1.7s forwards; }
		.text1 em:nth-child(7){ animation: maintxt1 .4s linear 1.8s forwards; }
		.text2 em:nth-child(1){ animation: maintxt1 .4s linear 2.5s forwards; }
		.text2 em:nth-child(2){ animation: maintxt1 .4s linear 2.6s forwards; }
		.text2 em:nth-child(3){ animation: maintxt1 .4s linear 2.7s forwards; }
		.text2 em:nth-child(4){ animation: maintxt1 .4s linear 2.8s forwards; }
		.text2 em:nth-child(5){ animation: maintxt1 .4s linear 2.9s forwards; }
		}
	}
@keyframes maintxt1{
	0%   { opacity: 0; transform: scale(1.4); }
	100% { opacity: 1; transform: scale(1); }
	}
@keyframes fadein{
	0%   { opacity: 0; }
	100% { opacity: 1; }
	}
@media screen and (max-width: 781px) {
.mainvisual{
	.text1,
	.text2{
		width: 100%;
		letter-spacing: .5rem;
		justify-content: center;
		font-size: 6vw;
		}
	.text1{
		margin-top: -4em;
		}
	.text2{
		margin-top: -2.5em;
		}
	.bottle.wp-block-image{
		width: auto;
		max-height: 50vh;
		margin: 0;
		transform: translate(-50%, 0);
		right: unset;
		bottom: -10px;
		left: 50%;
		& img{
			max-height: 50vh !important;
			}
		}
	}
}
@media screen and (max-width: 599px) {
.mainvisual{
	.text1,
	.text2{
		font-size: 7vw;
		}
	}
}

#introduction{
	& p + p{
	    margin-top: 0;
		}
	}
@media screen and (max-width: 599px) {
#introduction{
	& p.has-text-align-center{
		text-align: left;
		& br{
			display: none;
			}
		}
	}
}

/* --------------------------------------------------- navigation */
.post-navigation{
	.nav-links{
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;
		justify-content: center;
		.nav-previous a,
		.nav-next a{
			text-align: left;
	        text-decoration: none;
	        outline: none;
	        padding: var(--gapxs) 20px;
	        line-height: 1.6;
	        z-index: 2;
	        vertical-align: middle;
	        max-width: 100%;
	        position: relative;
	        border-radius: 20px;
	        transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	        font-family: var(--serif);
            color: var(--txt-color);
            border: 1px solid var(--txt-color);
            background-color: var(--bg-color1);
            text-decoration: none !important;
			display: flex;
			align-items: center;
			& span{
				display: flex;
				align-items: center;
				}
			&:visited{
				color: var(--txt-color);
				}
			&:hover {
				color: var(--txt-color);
				background-color: var(--txt-color);
				background-color: var(--accent-color1);
				}
			}
		}
	}
.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gaps);
	&:has(.page-numbers){
		margin: var(--gapl) 0;
		}
	.page-numbers{
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		border: 1px solid var(--border-color1);
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--txt-color3);
		background: var(--bg-color1);
		font-family: var(--lang);
		font-size: var(--fontm);
		}
	.page-numbers:hover{
		background: var(--bg-color3);
		}
	.current{
		border: 1px solid var(--accent-color1);
		background: var(--accent-color1) !important;
		color: #fff;
		}
	}
.wp-block-group .pagination:last-child{
	margin-bottom: 0;
	}

/* --------------------------------------------------- others */
ul.listinfo{
	border-top: 1px solid var(--border-color1);
	& li{
		list-style-type: none;
		margin: 0;
		padding: var(--gap) 0;
		border-bottom: 1px solid var(--border-color1);
		font-size: var(--fonts);
		display: flex;
		gap: var(--gapxs) var(--gaps);
		}
	& time{
		flex-basis: 8rem;
		}
	& .category{
		flex-basis: 6rem;
		}
	& p{
		color: var(--txt-color3);
		flex: 1 1 calc( 100% - 14rem );
		}
	& p a{
		color: var(--txt-color);
		}
	}
@media screen and (max-width: 781px) {
ul.listinfo{
	& li{
		flex-wrap: wrap;
		}
	& p{
		flex: 1 1 100%;
		}

	}
}

/* --------------------------------------------------- page */
.sdgs{
	&.is-layout-constrained{
		width: 1100px;
		}
	&.wp-block-cover .wp-block-cover__inner-container.is-layout-constrained{
		width: 1100px;
		& h2{
			background: var(--accent-color2);
			color: #fff;
			margin: var(--gapl) 0;
			&:first-child{ margin-top: 0; }
			}
		}
	}
@media screen and (max-width: 781px) {
.sdgs{
	.wp-block-columns{
		flex-wrap: nowrap !important;
		}
	}
}
@media screen and (max-width: 599px) {
.sdgs{
	.wp-block-columns{
		flex-wrap: wrap !important;
		}
	}
}

.shoplist{
	& ul{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: var(--gapl);
		counter-reset: number;
		}
	& li{
		display: flex;
		gap: var(--gaps);
		position: relative;
		&::before{
			counter-increment: number;
			content: counter(number);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			font-family: var(--lang);
			font-size: 24px;
			background: #ffffff66;
		    backdrop-filter: blur(10px);
			clip-path: polygon(0 0, 0% 100%, 100% 0%);
			width: 80px;
			height: 80px;
			text-align: center;
			text-indent: -30px;
			line-height: 50px;
			color: #fff;
			}
		.column:first-child{
			flex-basis: 60%;
			}
		.column:last-child{
			flex-basis: 40%;
			}
		.img img{
			width: 100%;
			}
		.imgsub img{
			width: 100%;
			}
		.excerpt{
			font-size: var(--fontxs);
			}
		.pref{
			font-size: var(--fontxs);
			border-top: 1px solid var(--border-color1);
			padding-top: var(--gapxs);
			margin-top: var(--gapxs);
			}
		.name{
			font-size: var(--fontl);
			line-height: 1.2;
			margin-top: 0;
			& a{
				color: var(--txt-color);
				}
			}
		}
	&.shoplistpage{
		& ul{
			grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
			gap: var(--gap);
			}
		& li{
			.column:first-child{
				flex-basis: 50%;
				}
			.column:last-child{
				flex-basis: 50%;
				}
			.imgsub img{
				display: none;
				}
			.name{
				font-size: var(--fontm);
				line-height: 1.8;
				}
			}
		}
	}
@media screen and (max-width: 781px) {
.shoplist{
	& ul{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		}
	&.shoplistpage{
		& ul{
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			}
		}
	}
}
@media screen and (max-width: 599px) {
.shoplist{
	&.shoplistpage{
		& ul{
			grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
			}
		}
	}
}


.gridflow{
	gap: var(--gapl);
	counter-reset: number;
	overflow: hidden;
	.wp-block-group{
		border: 2px solid var(--accent-color1);
		padding: var(--gaps);
		position: relative;
		&::before{
			counter-increment: number;
			content: counter(number);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			font-family: var(--lang);
			font-size: 22px;
			background: var(--accent-color1);
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			color: #fff;
			}
		&::after{
			content: "";
			display: block;
			width: 30px;
			height: 30px;
			background: var(--accent-color1);
			clip-path: polygon(0 7%, 7% 0, 57% 50%, 7% 100%, 0 93%, 43% 50%, 0 7%);
			position: absolute;
			right: -55px;
			top: 50%;
			margin-top: -15px;
			}
		&:last-child::after{
			display: none;
			}
		.wp-block-heading{
			border: none;
			padding: 0;
			margin: 0;
			margin-left: 40px;
			}
		.wp-block-image{
			margin: var(--gaps) 0;
			}
		}
	}
@media screen and (max-width: 781px) {
.gridflow{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--gap) var(--gapl);
	}
}
@media screen and (max-width: 599px) {
.gridflow{
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

.listfirststep{
	display: flex;
	flex-wrap: wrap;
	gap: var(--gapl);
	& li{
		flex-basis: calc( 50% - var(--gapl) / 2 );
		text-align: left;
		}
	& li > h3{
		font-size: var(--fonts);
		font-weight: bold;
		display: inline-block;
		background: var(--accent-color1);
		padding: 0 10px;
		color: #fff;
		& a{
			color: #fff;
			}
		}
	.content{
		font-size: var(--fonts);
		.is-layout-constrained{
			width: auto;
			max-width: unset;
			padding: 0;
			}
		.wp-block-image{
			margin: 0;
			}
		& h3{
			font-size: var(--fontm);
			margin: var(--gaps) 0;
			}
		}
	}
@media screen and (max-width: 599px) {
.listfirststep{
	gap: var(--gap);
	& li{
		flex-basis: 100%;
		}
	}
}
.listhumanbeat{
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	& li{
		flex-basis: calc( 33.33333% - var(--gap) * 2 / 3 );
		text-align: left;
		}
	& li > h3{
		font-size: var(--font);
		font-weight: bold;
		margin: 0;
		& a{
			color: var(--txt-color);
			}
		}
	.excerpt{
		font-size: var(--fonts);
		}
	}
@media screen and (max-width: 781px) {
.listhumanbeat{
	& li{
		flex-basis: calc( 50% - var(--gap) * 1 / 2 );
		}
	}
}
@media screen and (max-width: 599px) {
.listhumanbeat{
	& li{
		flex-basis: 100%;
		}
	}
}
.post-type-humanbeat,
.single-humanbeat{
	h3{
		border-top: 2px solid var(--accent-color2);
		border-bottom: 2px solid var(--accent-color2);
        padding: var(--gapxs) var(--gaps);
		}
	}

.historycolumns{
	margin: 0 !important;
	& > .wp-block-column:first-child{
		text-align: right;
		font-family: var(--serif);
		border-right: 1px solid var(--accent-color2);
		color: var(--accent-color2);
		padding-right: var(--gap);
		padding-top:  var(--gap);
		font-size: var(--fontm);
		position: relative;
		&::before{
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            background: #fff;
			top: 44px;
            right: -5px;
            border-radius: 5px;
            border: 1px solid var(--accent-color2);
			}
		}
	& > .wp-block-column:last-child{
		padding: var(--gap) 0;
		.wp-block-heading{
			font-size: var(--fontm);
			}
		& p{
			color: var(--txt-color3);
			}
		}
	}

.recipeflow{
	counter-reset: number;
	.wp-block-media-text{
		position: relative;
		margin-bottom: var(--gap);
		&::before{
			counter-increment: number;
			content: counter(number);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			font-family: var(--lang);
			font-size: 22px;
			border: 1px solid var(--txt-color);
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			color: var(--txt-color);
			}
		.wp-block-media-text__content{
			padding: 0;
			padding-top: 5px;
			padding-left: var(--gap);
			align-self: start;
			}
		.wp-block-media-text__media{
			align-self: start;
			padding-left: 60px;
			}
		&.has-media-on-the-right{
			.wp-block-media-text__content{
				padding-left: 60px;
				padding-right: var(--gap);
				}
			.wp-block-media-text__media{
				align-self: start;
				padding-left: 0;
				}
			}
		&:has(.wp-block-media-text__media:empty){
			grid-template-columns: 1fr 0;
			}
		}
	}

.listrecipe{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--gapl);
	& li{
		border: 1px solid var(--border-color1);
		padding: var(--gap);
		}
	& h3{
		margin: var(--gaps) 0 0;
		font-size: var(--fontm);
		font-family: var(--serif);
		& a{
			color: var(--txt-color);
			}
		}
	.excerpt{
		font-size: var(--fonts);
		color: var(--txt-color3);
		display: none;
		}
	}
@media screen and (max-width: 781px) {
.listrecipe{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--gap);
	}
}
@media screen and (max-width: 599px) {
.listrecipe{
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

.recipecom{
	.wp-block-columns{
		justify-content: center;
		}
	.wp-block-column{
		flex: 0 0 25% !important;
		}
	.wp-block-column:empty{
		display: none;
		}
	.wp-block-image{
		margin-bottom: var(--gaps);
		}
	.wp-block-buttons{
		margin-top: var(--gaps);
		}
	& h5{
		margin: 0;
		& a{
			color: var(--txt-color);
			}
		& a::after,
		&::before{
			display: none;
			}
		}
	}
@media screen and (max-width: 781px) {
.recipecom{
	.wp-block-columns{
		flex-wrap: nowrap !important;
		.wp-block-column{
			flex: 1 1 50% !important;
			}
		}
	}
}
@media screen and (max-width: 599px) {
.recipecom{
	.wp-block-columns{
		flex-wrap: wrap !important;
		.wp-block-column{
			flex: 1 1 100% !important;
			}
		}
	}
}

.listmedia{
	.is-year{
		text-align: center;
		font-family: var(--lang);
		font-weight: normal;
        text-transform: uppercase;
        font-style: italic;
        color: var(--accent-color2);
		font-size: var(--fontxl);
		margin: var(--gaps);
		}
	.wp-block-media-text{
		position: relative;
		margin-bottom: var(--gap);
		padding: var(--gap) 0;
		border-top: 1px solid var(--border-color1);
		border-bottom: 1px solid var(--border-color1);
		& + .wp-block-media-text{
			border-top: none;
			padding-top: 0;
			}
		.wp-block-media-text__content{
			padding: 0;
			padding-left: var(--gap);
			border-left: 1px dotted var(--border-color1);
			}
		.wp-block-media-text__media{
			text-align: center;
			padding-right: var(--gap);
			& img{
				width: auto;
				max-width: 120px;
				}
			}
		& h4{
			border: none;
			padding: 0;
			font-size: var(--fontm);
			}
		& p{
			color: var(--txt-color2);
			font-size: var(--fonts);
			margin: 0;
			}
		
		}
	}
@media screen and (max-width: 599px) {
.listmedia{
	.wp-block-media-text{
		.wp-block-media-text__media{
			& img{
				max-width: 100%;
				}
			}
		}
	}
}
.smb-read-more-box{
	& + .smb-read-more-box{
		margin-top: var(--gapl);
		}
	.is-layout-constrained{
		padding: 0;
		width: auto;
	    max-width: unset;
		}
	.smb-read-more-box__button{
		text-align: left;
		text-decoration: none;
		outline: none;
		padding: var(--gapxs) 40px;
		line-height: 1.6;
		z-index: 2;
		vertical-align: middle;
		max-width: 100%;
		position: relative;
		border-radius: 20px;
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
		font-family: var(--serif);
		font-size: var(--font);
		color: var(--txt-color);
		border: 1px solid var(--txt-color);
		background-color: var(--bg-color1);
		text-decoration: none !important;
		display: flex;
		align-items: center;
		&:hover {
			color: var(--txt-color);
			background-color: var(--txt-color);
			background-color: var(--accent-color1);
			}
		}
	}
.smb-balloon{
	.is-layout-constrained{
		padding: var(--gap);
		width: auto;
	    max-width: unset;
		}
	}
.smb-alert{
	.is-layout-constrained{
		padding: 0;
		width: auto;
	    max-width: unset;
		}
	}
.listlinkcolumn{
	border-top: 1px solid var(--border-color1);
	.wp-block-columns{
		border-bottom: 1px solid var(--border-color1);
		padding: var(--gap) var(--gaps);
		margin: 0;
		}
	}

.top-insta-box{
	.___q-ugc-header{
		display: none;
		}
	.ng-fa-icon svg{
		color: var(--accent-color1) !important;
		}
	.___q-ugc-layout-footer{
		
		}
	}

.point99{
	.wp-block-group{
		border: 1px solid #000;
		backdrop-filter: blur(10px);
	    background: #ffffff40;
		border-radius: 50%;
		width: 200px;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000;
		& p{
			margin: 0;
			font-family: var(--serif);
			font-size: var(--fonts);
			}
		& em{
			display: block;
			font-size: var(--fontm);
			}
		& strong{
			display: block;
			font-size: var(--fontl);
			line-height: 1.2;
			}
		}
	}
.rankinglist{
	counter-reset: number;
	.wp-block-column{
		position: relative;
		&::before{
			counter-increment: number;
			content: counter(number);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			font-family: var(--lang);
			font-size: 24px;
			background: #ffffff66;
		    backdrop-filter: blur(10px);
			clip-path: polygon(0 0, 0% 100%, 100% 0%);
			width: 80px;
			height: 80px;
			text-align: center;
			text-indent: -30px;
			line-height: 50px;
			color: #fff;
			}
		.wp-block-image{
			margin-bottom: var(--gaps) ;
			}
		& h3{
			margin: 0;
			}
		& em{
			display: inline-block;
			background: var(--accent-color2);
			color: #fff;
			padding: 4px var(--gaps);
			border-radius: 20px;
			}
		& strong{
			display: inline-block;
			font-size: var(--fontl);
			margin: 0 6px 0 10px;
			}
		}
	}
@media screen and (max-width: 781px) {
.point99{
	flex-wrap: wrap !important;
	gap: var(--gaps) var(--gap);
	.wp-block-group{
		width: 180px;
		height: 180px;
		}
	}
.rankinglist{
	&:not(.is-not-stacked-on-mobile)> .wp-block-column{
		flex: 0 0 calc(50% - var(--gap) / 2) !important;
		}
	}
.qrlist{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media screen and (max-width: 599px) {
.point99{
	flex-wrap: wrap !important;
	gap: var(--gaps) var(--gap);
	.wp-block-group{
		width: 150px;
		height: 150px;
		}
	}
.rankinglist{
	&:not(.is-not-stacked-on-mobile)> .wp-block-column{
		flex: 0 0 100% !important;
		}
	}
.qrlist{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* info page */
.categorylist{
	background: var(--bg-color3);
	margin: 0;
	padding: var(--gap) 3vw;
	& ul{
		display: flex;
	    flex-wrap: wrap;
	    align-items: center;
		gap: var(--gap);
		justify-content: center;
		}
	& a{
		display: block;
		padding: 0;
		font-size: var(--fonts);
		color: var(--txt-color3);
        font-family: var(--serif);
		}
	.current-cat a{
		color: var(--txt-color);
		}
	}
.infolist{
	& li{
		display: flex;
		gap: var(--gap);
		justify-content: start;
		margin-bottom: var(--gaps);
		padding-bottom: var(--gaps);
		border-bottom: 1px solid var(--border-color1);
		}
	.img{
		display: none;
		flex-basis: 10%;
		}
	.entry-cont{
		flex: 1 1 90%;
		}
	.entry-meta{
		display: flex;
		gap: var(--gaps);
		align-items: center;
		justify-content: start;
		}
	h4{
		font-size: var(--font);
		border: none;
		font-family: var(--serif);
		padding: 0;
		margin: var(--gapxs) 0;
		}
	.excerpt{
		font-size: var(--fonts);
		}
	}
.infodetail{
	.post-content{
        width: 1020px;
        border: 1px solid var(--border-color1);
        padding: var(--gapl);
        margin: var(--gapxl) auto;
		}
	.entry-meta{
		display: flex;
		gap: var(--gaps);
		align-items: center;
		justify-content: end;
		margin-bottom: var(--gap);
		}
	}
@media screen and (max-width: 781px) {
.infodetail{
	.post-content{
        border: none;
        padding: 0;
		}
	}
}

.columndetail{
	.post-content{
        width: 1020px;
        border: 1px solid var(--border-color1);
        padding: var(--gapl);
        margin: var(--gapxl) auto;
		& h2 a{
			color: var(--txt-color);
			}
		}
	.entry-meta{
		display: flex;
		gap: var(--gaps);
		align-items: center;
		justify-content: end;
		margin-bottom: var(--gap);
		}
	}
@media screen and (max-width: 781px) {
.columndetail{
	.post-content{
        border: none;
		padding: 0;
        padding-bottom: var(--gapl);
		border-bottom: 1px solid var(--border-color1);
		}
	}
}

.fb-page,
.twitter-timeline{
	display: block;
	width: 100% !important;
	text-align: center;
	}