@charset "UTF-8";

/*
Theme Name:twentytwentyone-child
Theme URI:
Description:Child Theme for Twenty Twenty-One
Template:twentytwentyone
Author: Hollyway LLC
Author URI:https://netlweb.com
Version:1.0.0
*/


/*  bof initilize */ 
.singular .entry-header {
    border-bottom: initial;
}

.menu-button-container #primary-mobile-menu {
	margin-left: initial;
}

.primary-navigation {
    position: initial;
}

.primary-navigation-open .menu-button-container {
  z-index: initial;
}

.site .header_lang .button:not(:hover):not(:active):not(.has-background), 
.header_lang button:not(:hover):not(:active):not(.has-background) {
	background-color: initial;
}

.menu-button-container {
	display: initial;
	justify-content: initial;
	position: initial;
	right: initial; 
}

.site-branding {
	margin-top: initial;
}

@media only screen and (max-width: 481px) {
	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
		padding-top: initial;
    margin-top: initial;
	}

	.menu-button-container {
		display: initial;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    position: initial;
    padding-top: initial;
    margin-top: initial;
    top: initial;
	}
}

@media only screen and (min-width: 482px) {
	.primary-navigation {
		position: initial;
		margin-left: initial;
	}

	.primary-navigation > .primary-menu-container {
		visibility: initial;
		opacity: unset;
		position: initial;
		overflow: initial;
		transform: initial;
		padding: initial;
		background-color: initial;
	}

	.primary-navigation #toggle-menu {
		display: initial;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: initial;
	}

	.primary-navigation > div > .menu-wrapper li {
		margin: initial;
		width: initial;
	}

	.primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		left: initial;
		margin: 0;
		min-width: initial;
		position: initial;
		top: initial;
		padding-top: initial;
		transition: initial;
		z-index: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: initial;
		display: initial;
		position: initial;
		width: initial;
		top: initial;
		left: initial;
		border-style: initial;
		border-color: initial;
		border-width: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: initial;
		border-color: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
		left: initial;
		right: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
		left: initial;
		right: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

		right: initial;
		left: initial;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
		left: initial;
		right: initial;
	}

	.primary-navigation .primary-menu-container {
		margin-right: initial;
		margin-left: initial;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: initial;
		padding-right: initial;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
		margin-left: initial;
	}

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: initial;
	}

	.primary-navigation .sub-menu .menu-item > a {
		font-size: initial;
		font-style: initial;
	}

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: initial;
		height: initial;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: initial;
	}

	.site-branding {
		margin-top: initial;
	}
}

@media only screen and (min-width: 822px) {
	.site-footer > .site-info {
  	  display: initial;
    	align-items: initial;
	}
}

/* Variables */
	/* Font Size */
	:root {
		--global--font-size-base: calc(1rem + ((1vw - 0.4rem) * 0.7143));
		--global--font-size-xs: calc(0.75rem + ((1vw - 0.4rem) * 0.5357));
		--global--font-size-sm: calc(0.875rem + ((1vw - 0.4rem) * 0.6229));
		--global--font-size-md: calc(1rem + ((1vw - 0.4rem) * 0.7143));
		--global--font-size-lg: calc(1.125rem + ((1vw - 0.4rem) * 0.8029));
		--global--font-size-xl: calc(1.25rem + ((1vw - 0.4rem) * 0.8929));
		--global--font-size-xxl: calc(1.5rem + ((1vw - 0.4rem) * 1.0714));
		--global--font-size-xxxl: calc(2rem + ((1vw - 0.4rem) * 1.4286));
/*--global--font-size-branding-title: calc(1rem + ((1vw - 0.2rem) * 1.1818));*/
		--global--font-size-branding-title: calc(1rem + ((1vw - 0.2rem) * 1.818));
		--global--font-size-page-title: calc(1.6rem + ((1vw - 0.2rem) * 2.9091));
	}

	@media only screen and (min-width: 1201px) {
		:root {
			--global--font-size-base: 1.25rem;
			--global--font-size-xs: 0.9375rem;
			--global--font-size-sm: 1.093rem);
			--global--font-size-md: 1.25rem;
			--global--font-size-lg: 1.406rem;
			--global--font-size-xl: 1.5625rem;
			--global--font-size-xxl: 1.875rem;
			--global--font-size-xxxl: 2rem;
			--global--font-size-branding-title: 2.2rem;
			--global--font-size-page-title: 3.2rem;
		}
	}

:root {
	min-height: 0vw;
	
	/* Font Weight */
	--global--font-weight-bold: 700;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.5;
	--global--line-height-page-title: 1.3;

	/* Colors (global) */
	--global--color-black-2: #7c7c7c;
	--global--color-black-3: #909090;
	--global--color-brown-2: #776856;
	--global--color-brown-3: #A28976;
	--global--color-red-2: #8D826C;
	--global--color-red-3: #A39B89 ;

	/* Heading font size */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: var(--global--font-size-xl);
	--heading--font-size-h2: var(--global--font-size-xxl);
	--heading--font-size-h1: var(--global--font-size-page-title);

	/* Header */
	--branding--title--font-size: var(--global--font-size-branding-title);

	/* Main navigation */
	--primary-nav--font-size: var(--global--font-size-sm);

}

	/* Spacing */
:root {
	--global--spacing-unit-0px: 0;
	--global--spacing-unit-5px: 5px;
	--global--spacing-horizontal-0px: 0;
	--global--spacing-horizontal-5px: 5px;
	--global--spacing-vertical-0px: 0;
	--global--spacing-vertical-5px: 5px;
	--global--spacing-vertical-10px: 10px;
	--global--spacing-vertical-15px: 15px;
	--global--spacing-vertical-100px: calc(70px + ((1vw - 3.2px) * 3.4091));
}
@media only screen and (min-width: 1201px) {
	:root {
		--global--spacing-vertical-100px: 100px;
	}
}

	/* Header */
:root {
	--sitelogo--image-horizontal: auto;
	--sitelogo--image-vertical: calc(1.5rem + ((1vw - 0.2rem) * 2.1818));
}

@media only screen and (min-width: 1201px) {
	:root {
		--sitelogo--image-vertical: 2.7rem;
	}
}

	/* Root Media Query Variables */
:root {
	--responsive--spacing-horizontal: calc(var(--global--spacing-horizontal) * 0.6);
	--responsive--spacing-horizontal-5px: cal(var(--global--spacing-horizontal-5px) * 0.6);
	--responsive--aligndefault-width: calc(100vw - 2 * var(--responsive--spacing-horizontal));
}

@media only screen and (min-width: 482px) {
	:root {
		--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 905px);
	}
}

@media only screen and (min-width: 822px) {
	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 905px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

/* <!-- :root --> */
/* base */
	/* color */
	.color-brown { color: var(--global--color-brown); }

	/* background-color */
	.bg-color-brown { background-color: var(--global--color-brown); }

	/* font weight */
	.font-bold {
		font-weight: var(--global--font-weight-bold);
	}

	/* font style */
	.font-italic {
		font-style:italic;
		font-family:  'Libre Baskerville', Baskerville, 'Baskerville Old Face', Garamond, 'Times New Roman', serif;
	}

	/* Link */
	a:active, a:hover {
		background-color: transparent;
		opacity: 0.6;
	}
	.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: transparent;
	}

	/* space */
	.sp-bottom-1 {
		margin-bottom: var(--global--spacing-vertical-100px) !important;
	}

	/* H tag */

	/* list with title ( .list-heading )*/
	.wp-block-group.list-heading .wp-block-group__inner-container > *:first-child {
		margin-bottom: var(--global--spacing-vertical-0px);
	}
	.wp-block-group.list-heading .wp-block-group__inner-container > *:last-child {
		margin-top: var(--global--spacing-vertical-0px);
	}

body.restrict .htag-leftbar h3 {
    padding-left: 10px;
    border-left: 10px solid var(--global--color-brown-2);
}

	/* ul tag */
ul.ullistnone  {
	list-style-type: none;
	}
body.restrict .wp-block-group.group1.important .wp-block-group__inner-container ul {
	padding-top: 5px;
	}

/* Layout */
.site-main {
	padding-top: var(--global--spacing-vertical-0px);
}

.site {
	width: 100%;
	max-width: 1280px;
  padding: 0;
  margin: 0 auto;
}

.entry-title {
	display: none;
}

/* login page */ 
.link-text-register {
	display:none:
}

/* header */
.site-header {
	width: 80vw;
	max-width: 1080px;
	min-height: 40px;
	background: #fbfbfb;
	z-index: 10;
	margin: 0 auto;
	padding: 0 10px;
	position: fixed;
	top: 3.5vw;	
	left: 0;
	right: 0;
  border-radius: 30px;
	display: table;
}
@media only screen and (min-width: 456px){
	.site-header {
		width: 75vw;
	}
}
@media only screen and (min-width: 466px){
	.site-header {
		width: 70vw;
	}
}
@media only screen and (min-width: 641px){
	.site-header {
		width: 75vw;
	}
}
@media only screen and (min-width: 805px){
	.site-header {
		width: 70vw;
	}
}
@media only screen and (min-width: 1081px) {
	.site-header {
		width: 80vw;
	}
}

@media only screen and (min-width: 1241px) {
	.site-header {
		top: 60px;
	}
}

.site-header.transform{
	width: 100%;
	max-width: 1240px;
	top: 0;
	border-radius: 0;
	border-bottom: 1px solid;
}

.site-header > .site-logo {
	width: auto;
	padding-bottom: 0;
	border-bottom: 0;
	text-align: center;
}

.header_navi, .header_logo, .header_lang {
	vertical-align: middle;
  display: table-cell;
	text-align: center;
	position: relative;
	padding-top: calc((1vw - 3.2px) * 1.25);
	padding-bottom: calc((1vw - 3.2px) * 1.25);
  padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 1241px) {
	.header_navi, .header_logo, .header_lang {
		padding: 12px 0;
	}
}

.header_navi, .header_lang {
	width: 15%;
}

.header_logo {
	width: 70%;
}

.header_logo a {
  	text-decoration: none;
}

.site-header .dropdown-icon.open .svg-icon,
.site-header .lang-dropdown-icon.open .svg-icon
 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.site-header .svg-icon {
	width: var(--sitelogo--image-vertical);
	height: var(--sitelogo--image-vertical);
}

.site-logo {
	line-heightt: 1;
  margin: 0 auto;
	text-align: center;
	height: 100%;
	padding: 0;
}

.site-logo h1 {
	line-height: 1;
}

.site-header .custom-logo {
	height: var(--sitelogo--image-vertical);
	vertical-align: text-bottom;
}

.site-header .site-branding .custom-logo {
  vertical-align: middle !important;
}

.custom-logo-link, .site-title {
	display:inline-block;
}

.site-title {
	line-height: 1;
	font-size: var(--branding--title--font-size);
}

/* primary-navi */
.primary-navigation > .primary-menu-container {
 padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-horizontal);
	display: none;
}

.primary-navigation-open .menu-button-container,
.primary-navigation > .primary-menu-container {
	left: 0;
	background-color: rgba(0,0,0,.8);
}

.menu-button-container #primary-mobile-menu {
	padding: 0;
	outline: 0;
	outline-offset: 0;
	margin: 0 auto;
}

@media only screen and (max-width: 481px) {
	body:not(.primary-navigation-open) .menu-button-container #primary-mobile-menu {
		padding: 0;
		margin:0 auto;
	}
}

.menu-button-container #primary-mobile-menu .close,
.primary-navigation .primary-menu-container > ul > .menu-item > a {
	color: var(--global--color-white);
	font-weight:700;
}

.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
	color: var(--global--color-white);
	font-weight:700;

}

.primary-navigation > .primary-menu-container {
	height: 100vh;
	z-index: 499;
	overflow-x: hidden;
	overflow-y: auto;
	border: 2px solid transparent;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	transform: translateY(0) translateX(100%);
}

.primary-navigation > .primary-menu-container:focus {
	border: 2px solid var(--global--color-primary);
}

.primary-navigation-open .primary-navigation {
	width: 100%;
	position: fixed;
	z-index: 2;
}

.primary-navigation-open .primary-navigation > .primary-menu-container {
	transform: translateX(0) translateY(0);
}

.primary-navigation > div > .menu-wrapper {
	display: block;
	justify-content: initial;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0 auto;
	width:70%;
	max-width: 800px;
	padding-left: 0;
	position: relative;
	padding-bottom: 100px;
	text-align: left;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	border: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
	list-style: circle;
}

.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size);
}

@media only screen and (min-width: 482px) {
	.primary-navigation > div > .menu-wrapper {
		padding-top: 80px;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		padding-top: 30px;
	}
	.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size);
}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle span {
	display: none;
}

.menu-button-container {
	position:relative;
}

.primary-navigation-open .menu-button-container #primary-mobile-menu[aria-expanded*="true"] {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
	position: relative;
}

.primary-navigation-open .menu-button-container #primary-mobile-menu[aria-expanded*="true"] .dropdown-icon.close {
	position: absolute;
	top: 30px;
	right: 20px;
	z-index:500;
	display:-ms-grid;
  display:grid;
  -ms-grid-columns:auto auto auto;
	grid-template-columns:auto auto auto;
	height: 24px
}

@media only screen and (min-width: 482px) {
	.primary-navigation-open .menu-button-container #primary-mobile-menu[aria-expanded*="true"] .dropdown-icon.close {
	right: 50px;
	}
}

.primary-navigation-open .menu-button-container #primary-mobile-menu[aria-expanded*="true"] {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.primary-navigation-open .primary-navigation .primary-menu-container {
	display: block;
}

.lock-scrolling .site {
	position: fixed;
	max-width: 100%;
	width: 100%;
}

/* header languge */
.header_lang {
	position: relative;
}

.language-view {
	display: none;
	position: absolute;
	right: calc((1vw - 3.2px) * 6.1538);
	top: 40px;
	width: 72vw;
	background: rgba( 234, 234, 234, 0.7 );
}

@media only screen and (min-width: 456px){
	.language-view {
		width: 65vw;
	}
}
@media only screen and (min-width: 466px){
	.language-view {
		width: 63vw;
		right: calc(0.3125rem + ((1vw - 4.66px) * 9.6774));
	}
}

@media only screen and (min-width: 529px){
	.language-view {
		right: calc(2.5rem + ((1vw - 5.29px) * 4.3219));
		top: calc(2.5rem + ((1vw - 6px) * 4.1729));
	}
}

@media only screen and (min-width: 641px){
	.language-view {
		width: 69vw;
		right: 10px;
	}
}

@media only screen and (min-width: 805px){
	.language-view {
		width: 65vw;
	}
}

@media only screen and (min-width: 1001px) {
	.language-view {
		right: 12px;
	}
}

@media only screen and (min-width: 1081px) {
	.language-view {
		width: 75vw;
		right: calc(1rem + ((1vw - 10.01px) * 2.0101));
	}
}
@media only screen and (min-width: 1201px) {
	.language-view {
		top: 69px;
		right: 20px;
		max-width:1022px;
	}
}

.language-view.open {
	display: block;
}

.language-view.open .close-button {
	text-align: right;
	font-size: var(	--primary-nav--font-size-sub-menu);
	padding-right: calc(0.3125rem + ((1vw - 3.2px) * -1.25));
	height: 10px;
}

@media only screen and (min-width: 641px){
	.language-view.open .close-button {
		padding-right:  calc(0.3125rem + ((1vw - 3.2px) * 3.4375));
	}
}

.language-view.open .dropdown-icon {
	font-weight: 700;
  cursor: pointer;
}

.language-view.open .dropdown-icon .svg-icon {
	padding-bottom: 3px;
	font-size: var(--primary-nav--font-size-button);
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.language-view.open .bogo-language-switcher {
	text-align: left;
	font-weight: 700;
	padding: 0 10px;
}

@media only screen and (min-width: 401px) {
	.language-view.open .bogo-language-switcher {
		text-align: center;
	}
}

.language-view.open .bogo-language-switcher li {
	display: inline-block;
	line-height: 2.5;
	font-size: var(--primary-nav--font-size-button);
	padding: 0 20px 5px 0;
}

/* thumbnail */
.post-thumbnail {
	overflow-y: hidden;
	max-height: 500px;
}
.home .post-thumbnail {
	max-height: 600px;
}

.entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * {
	margin-top: 0;
}
.post-thumbnail .wp-post-image {
	margin-top: 0;
}

/* Main */
 /* common */
	.site-content a {
 		text-decoration: none;
	}

	.post-thumbnail {
		position: relative;
	}

	.post-thumbnail .wp-caption-text {
		position: absolute;
		left: calc(1.25rem + ((1vw - 3.21px) * 3.413));
		bottom: calc(1.875rem + ((1vw - 3.21px) * 2.2753));
		color: var(--global--color-white);
		font-size: calc(1.3rem + ((1vw - 0.2rem) * 3.0909));
	}

	@media only screen and (min-width: 1201px) {
		.post-thumbnail .wp-caption-text {
			left:  50px;
			bottom: 50px;
			font-size: 3rem;
		}
	}
	body:not(.home) .post-thumbnail .wp-caption-text {
		font-style:italic;
		font-family: 'Libre Baskerville', Baskerville, 'Baskerville Old Face', Garamond, 'Times New Roman', serif;
		text-align: left;
	}

	.singular .has-post-thumbnail .entry-header {
    	padding-bottom: calc(0.0625rem + ((1vw - 3.2px) * 4.4318));
	}

	@media only screen and (min-width: 1201px) {
		.singular .has-post-thumbnail .entry-header {
    	padding-bottom: 40px;
		}
	}

.pvideo {
	font-size: .875rem;
	font-weight: 400;
	color: #1a63a2;
}

.pvideo::before {
  font: var(--fa-font-solid);
  content: '\f04b';
	padding-right:5px
}

	/* home page */ 
	.home .post-thumbnail .wp-caption-text {
  	bottom: 30%;
		left: 0;
		right: 0;
		text-align: center;
	}

		/* .menulist */
		.menulist .wp-block-columns {
			margin-top: var(--global--spacing-vertical-0px);
			margin-bottom: var(--global--spacing-vertical-0px);
		}

		.menulist .wp-block-columns .wp-block-column > * {
			margin-top: var(--global--spacing-vertical-0px);
			margin-bottom: var(--global--spacing-vertical-5px);
		}

		@media only screen and (min-width: 782px) {
			.menulist .wp-block-columns .wp-block-column > * {
				margin-bottom: var(--global--spacing-vertical-0px);
			}
		}

		.menulist .wp-block-column:not(:last-child) {
			margin-bottom: var(--global--spacing-vertical-0px);
		}

		@media only screen and (min-width: 600px) {
			.menulist .wp-block-column:not(:last-child) {
				margin-bottom: var(--global--spacing-vertical-5px);
			}
		}

		.menulist .wp-block-column {
			margin-left: var(--global--spacing-vertical-0px);
		}

		.menulist .wp-block-column:not(:only-child) {
			flex-basis: 100%;
		}

		@media (min-width: 482px) and (max-width: 781x) {
			.menulist .wp-block-column:not(:only-child) { 
				flex-basis: 70%!important;
	    	margin: 0 auto;	
			}
		}

		@media (min-width: 600px) and (max-width: 781px) {
			.menulist .wp-block-column:not(:only-child) {
    		flex-basis: 70%!important;
				max-width: 450px;
				margin: 0 auto;	
			}
		}

		@media only screen and (min-width: 782px) {
			.menulist .wp-block-column:not(:first-child) {
				margin-left: var(--global--spacing-horizontal-5px);
			}
			.menulist .wp-block-column:not(:only-child) {
				flex-basis: 50%;
			}
		}

		.menulist .wp-block-image { 
			min-height: 0;
			max-height:130px;
			overflow:hidden;
		}

		.menulist figure {
			position:relative;
		}

		.menulist figcaption {
			position: absolute;
			top: 40%;
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: var(--global--font-size-lg);
			line-height: var(--global--line-height-heading);
		}

		.menulist .line2 figcaption {
			top: 30%; 
		}

			@media (min-width: 769px) and (max-width: 978px) {
				.menulist figcaption {
					top: calc(2.1875rem + ((1vw - 7.68px) * 3.4722));
				}
				.menulist .line2 figcaption {
					top: calc(1.5625rem + ((1vw - 7.68px) * 3.4722));
				}
			}

			@media only screen and (min-width: 979px) {
				.menulist figcaption {
					top: 50px;
				}
				.menulist .line2 figcaption {
					top: 40px;
				}
			}

		.menulist figcaption a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			color: var(--global--color-white);
		}


	/* 	products page */
	.p-logo .wp-block-group__inner-container {
		max-width: 180px;
	}

	.p-gallery .blocks-gallery-item {
		width: calc((99% - var(--global--spacing-unit-5px)) / 2) !important;
		max-width: calc((98% - var(--global--spacing-unit-5px)) / 2);
		margin: 0 5px 5px 0 !important;
	}

		/* foodstuff page */
		.products-5 .wp-caption-text {
			color: rgba(0, 0, 0, 0.3);
		}

	/* about page */
	.about table td, .about table th, .about .wp-block-table td, .about .wp-block-		table th {
			border-top: 0;
			border-right :0;
			border-left: 0;
	}

	.about h2.partner {
		margin-top: 100px !important;
	}

	/* contact page */
	.contact ul {
		padding-left: 18px;
	}

	.contact small {
		padding: 1px 4px;
		margin-left: 8px;
		border-radius: 2px;
		color: var(--global--color-white);
		background-color: rgb(35, 24, 21);
	}

	.wp-block-contact-form-7-contact-form-selector {
		margin: 50px auto auto 10% !important;
		;
	}

	.wp-block-contact-form-7-contact-form-selector input[type=text],
	.wp-block-contact-form-7-contact-form-selector input[type=email],
	.wp-block-contact-form-7-contact-form-selector input[type=url],
	.wp-block-contact-form-7-contact-form-selector input[type=password],
	.wp-block-contact-form-7-contact-form-selector input[type=search],
	.wp-block-contact-form-7-contact-form-selector input[type=number],
	.wp-block-contact-form-7-contact-form-selector input[type=tel],
	.wp-block-contact-form-7-contact-form-selector input[type=date],
	.wp-block-contact-form-7-contact-form-selector input[type=month],
	.wp-block-contact-form-7-contact-form-selector input[type=week],
	.wp-block-contact-form-7-contact-form-selector input[type=time],
	.wp-block-contact-form-7-contact-form-selector input[type=datetime],
	.wp-block-contact-form-7-contact-form-selector input[type=datetime-local],
	.wp-block-contact-form-7-contact-form-selector input[type=color],
	.site .wp-block-contact-form-7-contact-form-selector textarea {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid rgb(35, 24, 21);
		padding: 4px 8px;
	}

	.wp-block-contact-form-7-contact-form-selector *::placeholder {
   color: rgba(170, 170, 170, .5);
	}

	.wp-block-contact-form-7-contact-form-selector dd {
			margin-bottom: 32px;
    	padding: 0;
	}

	@media only screen and (min-width: 769px) {
		.wp-block-contact-form-7-contact-form-selector input[type=text],
		.wp-block-contact-form-7-contact-form-selector input[type=email],
		.wp-block-contact-form-7-contact-form-selector input[type=url],
		.wp-block-contact-form-7-contact-form-selector input[type=password],
		.wp-block-contact-form-7-contact-form-selector input[type=search],
		.wp-block-contact-form-7-contact-form-selector input[type=number],
		.wp-block-contact-form-7-contact-form-selector input[type=tel],
		.wp-block-contact-form-7-contact-form-selector input[type=date],
		.wp-block-contact-form-7-contact-form-selector input[type=month],
		.wp-block-contact-form-7-contact-form-selector input[type=week],
		.wp-block-contact-form-7-contact-form-selector input[type=time],
		.wp-block-contact-form-7-contact-form-selector input[type=datetime],
		.wp-block-contact-form-7-contact-form-selector input[type=datetime-local],
		.wp-block-contact-form-7-contact-form-selector input[type=color],
		.site .wp-block-contact-form-7-contact-form-selector textarea  {
    	padding: 10px 12px;
		}
	}

	.wp-block-contact-form-7-contact-form-selector textarea  {
		width:	600px;
		height: 150px;
	}

	.wp-block-contact-form-7-contact-form-selector .screen-reader-response {
		display: none;
	}
	.wpcf7-not-valid-tip {
		color: #ff0000;
	}

	dt.checkbox-privacy {
		font-weight: normal;
	}

	dd.checkbox-privacy {
		position:relative;
		height: 25px;
		margin: 5px 0 50px;
		font-weight: normal;
	}

	dd.checkbox-privacy > span > span > span > span {
		position: absolute;
		width: 100px;
		top: -7px;
		left: 50px;
	}

	input[type=submit].wpcf7-submit {
		border-radius: 20px;
	}

	.wpcf7-response-output {
		margin-top: 30px;
	}
	.contact dt .tel {
		
	}

	.contact dt .tel::before {
		margin-left: 20px;
		margin-right: 3px;
		content: "（";
	}

	.contact dt .tel::after {
		margin-left: 3px;
		content: "）";
	}

		/* privacy */
		.privacy dl {
			list-style: none;
			padding-left: 0;
		}

		.privacy dt {
			margin-top: 30px;
		}

		.privacy dd {
			padding-left: 15px;
    	text-indent: -15px;
		}

		.privacy dd::before {
			content: "-";
	    padding-right: 10px;
		}


/* Footer */
.no-widgets .site-footer {
	margin-top: 0;
}

.site-footer,
.site-footer a,
.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
    color: #fff;
}

.footer-info .site-logo,
.footer-navigation,
.footer-language-list,
.site-footer .copyright {
	width: 100%;
	max-height: initial;
	height: auto;
}

.footer-info {
	background-color: var(--global--color-red-2);
  padding: 30px 0;
  margin: 0;
  border-top: 20px solid var(--global--color-red-3);
}

.footer-info .site-logo,
.footer-navigation,
.footer-language-list {
	text-align: center;
	display: block;
}

.footer-info .site-logo img {
	width: 1.5vw;
	min-width: 20px;
	max-width: 24px;
}


.footer-info .footer-navigation,
.footer-language-list,
.site-footer .copyright {
	font-size:12px;
}

@media only screen and (min-width: 1001px) {
	.footer-info .footer-navigation,
	.footer-language-list,
	.site-footer .copyright {
		font-size:14px;
	}
}

.footer-info .custom-logo {
	vertical-align: middle;
}

.footer-info .site-logo .custom-logo {
  padding: 0 5px 0 0;
	height: 20px;
}

.footer-info .custom-logo-link::after {
	font-weight: 700;
	vertical-align: middle;
	font-size: 5vw;
}

@media only screen and (min-width: 482px) {
	.footer-info .site-logo .custom-logo {
			height: 22px;
	}
	.footer-info .custom-logo-link::after {
			font-size: 1.4rem;
	}
}

.footer-info .custom-logo-link {
	display: block;
	margin:0 auto;
	text-align: center;
}

.footer-info .custom-logo-link::after,
.site-footer .copyright span::after {
	content: "The House";
}

.ja .footer-info .custom-logo-link::after,
.ja .site-footer .copyright span::after {
	content: "The House";
}

.footer-info .site-logo span {
	display:block;
	line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

.footer-navigation {
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));	
}

.footer-language-list ul {
	padding: 0;
}

.footer-language-list .bogoflags,
.footer-language-list .current {
	display: none;
}

.site-footer .copyright {
	width:100%;
	margin-top: 0;
	text-align: right;
	background-color: var(--global--color-red-3);
}

.site-footer .copyright span {
	margin: 50px 10px 0 0;
	color: rgba(255,255,255,.4);
}

.site-footer .copyright span::before {
	content: "\0a9";
	font-weight: 300;
	padding-right: 3px;
}

.site-footer .copyright span::after {
		padding-left: 3px;
}