@charset "utf-8";
/*
Theme Name: Wazukanko
Text Domain: wazukanko
Version: 1.2.30
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Default theme for wazukanko.com
Tags: wazukanko
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
	/* scroll-behavior: smooth; */
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: #fff;
	box-sizing: border-box;
	color: #000;
	font-family: sans-serif;
	font-size: 1.4rem;
	/* letter-spacing: -0.015em; */
	text-align: left;
	width: 982px;
	margin: 0 auto;
}

@media (max-width: 782px) {
	body {
		width: auto;
	}
}

@supports ( font-variation-settings: normal ) {

	body {
		font-family: sans-serif;
	}
}

*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

#site-content {
	overflow: visible;
}


/* Clearing ---------------------------------- */

.group::after,
.entry-content::after {
	clear: both;
	content: "";
	display: block;
}


/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */


main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	/* letter-spacing: -0.0415625em; */
	line-height: 1.25;
	margin: 3.5rem 0 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1.6rem;
}

h1 {
	background-color: rgb(0, 118, 66);
	color: white;
	border-radius: 1em;
	padding: .5em 2em;
	letter-spacing: .2em;
	font-weight: 800;
	line-height: 1.138888889;
}

.heading-size-1 {
	font-size: 3.6rem;
	font-weight: 800;
	line-height: 1.138888889;
}

.heading-size-2 {
	font-size: 3.2rem;
}

.heading-size-3 {
	font-size: 2.8rem;
}

.heading-size-4 {
	font-size: 2.4rem;
}

.heading-size-5 {
	font-size: 2.1rem;
}

h6,
.heading-size-6 {
	font-size: 1.6rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

em,
i,
q,
dfn {
	font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	border-color: rgb(83, 133, 58);
	margin: 4rem 0;
}

.entry-content hr,
hr.styled-separator {
	background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
	background-color: transparent !important;
	border: none;
	height: 0.1rem;
	overflow: visible;
	position: relative;
}

.entry-content hr:not(.has-background),
hr.styled-separator {
	color: #6d6d6d;
}

.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
	background: currentColor;
	content: "";
	display: block;
	height: 1.6rem;
	position: absolute;
	top: calc(50% - 0.8rem);
	transform: rotate(22.5deg);
	width: 0.1rem;
}

.entry-content hr::before,
hr.styled-separator::before {
	left: calc(50% - 0.5rem);
}

.entry-content hr::after,
hr.styled-separator::after {
	right: calc(50% - 0.5rem);
}

a {
	/*
	color: #cd2653;
	text-decoration: underline;
	*/
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}


/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 3rem 3rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	margin: 0.5rem 0 0 2rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote {
	border-color: #cd2653;
	border-style: solid;

	/*rtl:ignore*/
	border-width: 0 0 0 0.2rem;
	color: inherit;
	font-size: 1em;
	margin: 4rem 0;

	/*rtl:ignore*/
	padding: 0.5rem 0 0.5rem 2rem;
}

cite {
	color: #6d6d6d;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

blockquote cite {
	display: block;
	margin: 2rem 0 0 0;
}

blockquote p:last-child {
	margin: 0;
}


/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid rgb(83, 133, 58);
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid rgb(83, 133, 58);
	padding: 2rem;
}

legend {
	/* font-size: 0.85em; */
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	border-color: rgb(83, 133, 58);
	box-shadow: none;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	/* Use the "Yes" SVG Dashicon */
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0 0 -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1;
}

@supports ( font-variation-settings: normal ) {

	input,
	textarea,
	button,
	.button,
	.faux-button,
	.faux-button.more-link,
	.wp-block-button__link,
	.wp-block-file__button {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

input,
textarea {
	border-color: rgb(83, 133, 58);
	color: #000;
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {

	/*rtl:ignore*/
	direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 100%;
	padding: 1.5rem 1.8rem;
	width: 100%;
}

select {
	font-size: 1em;
}

textarea {
	/* height: 20rem; */
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder {
	line-height: normal;
}

input:-ms-input-placeholder {
	line-height: normal;
}

input::-moz-placeholder {
	line-height: revert; /* Reset to the value from the user-agent stylesheet. */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: var(--base-color);
	border: none;
	border-radius: 1em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0;
	opacity: 1;
	padding: 1.1em 1.44em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.15s linear;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: underline;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: currentColor;
}

input[type="search"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

/* Tables ------------------------------------ */

table {
	border: 0.1rem dashed var(--border-color);
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.4rem;
	margin: 4rem 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
	border: 0.1rem dashed var(--border-color);
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

caption {
	background: rgb(83, 133, 58);
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}

/* Lists -------------------------------- */

.flat-list li {
	list-style: none;
	margin: 0;
	display: inline-flex;
	align-items: center;
}

.flat-list-separated {
	margin: 0;
}

.flat-list-separated li {
	list-style: none;
	display: inline-block;
	margin: 0;
}

.flat-list-separated li:not(:first-child):before {
	content: " | ";
	margin: 1em;
}

/* Image Classes ----------------------------- */

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

@supports ( -webkit-overflow-scrolling: touch ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

@media ( prefers-reduced-motion: reduce ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

.wp-block-image.is-resized {
	margin-left: auto;
	margin-right: auto;
}

/* Social Icons ------------------------------ */

ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	margin: -0.9rem 0 0 -0.9rem;
	width: calc(100% + 0.9rem);
}

ul.social-icons li {
	margin: 0.9rem 0 0 0.9rem;
}

.social-icons a {
	align-items: center;
	background: #cd2653;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 4.4rem;
	justify-content: center;
	padding: 0;
	text-decoration: none;
	transition: transform 0.15s ease-in-out;
	width: 4.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: scale(1.1);
	text-decoration: none;
}

/* -------------------------------------------------------------------------- */

/*	4.	Site Header
/* -------------------------------------------------------------------------- */


#site-header {
	background: #fff;
	position: relative;
}

.header-inner {
	max-width: 168rem;
	padding: 3.15rem 0;
	z-index: 100;
}

/* Header Titles ----------------------------- */

.header-titles-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0 4rem;
	text-align: center;
}

body:not(.enable-search-modal) .header-titles-wrapper {
	justify-content: flex-start;
	padding-left: 0;
	text-align: left;
}

.site-title,
.site-logo,
.site-description {
	margin: 0;
}

.site-title {
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1;
}

.site-title a {
	color: inherit;
	display: block;
	text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
	text-decoration: underline;
}

.site-description {
	margin-top: 1rem;
	color: #6d6d6d;
	font-size: 1.8rem;
	font-weight: 500;
	display: none;
	letter-spacing: -0.0311em;
	transition: all 0.15s linear;
}

.site-logo a,
.site-logo img {
	display: block;
}

.header-titles .site-logo .site-logo {
	margin: 0;
}

.site-logo img {
	max-height: 6rem;
	margin: 0 auto;
	width: auto;
}


/* -------------------------------------------------------------------------- */

/*	16. Site Footer
/* -------------------------------------------------------------------------- */


#site-footer {
	background-color: #fff;
	border-color: #dedfdf;
	border-style: solid;
	border-width: 0;
	width: 982px;
	margin-top: 20px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 782px) {
	#site-footer {
		width: 100%;
		height: auto;
	}
}

/* Footer Top -------------------------------- */

.footer-top {
	display: flex;
	border-bottom: 0.1rem solid #dedfdf;
	justify-content: space-between;
}

.footer-section {
	display: flex;
	flex-direction: row;
}

.footer-caution {
	display: flex;
	align-items: center;
	padding-right: 8em;
	margin: 0 2% 0 10%;
}

.footer-caution > * {
	margin-left: 20px;
	margin-bottom: 0;
}

.footer-pagetop {
	font-size: 2rem;
	color: white;
	background-color: rgb(0, 118, 66);
	position: fixed;
	bottom: 0%;
	right: 0%;
	align-self: flex-end;
	width: 3em;
	height: 3em;
	border-radius: .2em;
}
.footer-pagetop a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.footer-pagetop a::before {
	content: '';
	display: block;
	border-left: solid;
	border-top: solid;
	border-width: medium;
	position: absolute;
	width: 1em;
	height: 1em;
	transform: rotate(45deg);
	top: 1.3em;
	left: 1em;
	z-index: 100;
}

.footer-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
	background-color:rgb(56,87,35);
	width: 100%;
}

.footer-bottom > * {
	margin: 5px 0;
}

.footer-bottom .footer-about {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-smoke {
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
	box-shadow: 0 0 10px 10px rgba(255,255,255,0.8);
}

/* FOOTER MENU */

.footer-menu {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: -0.0277em;
}

.footer-menu li {
	line-height: 1.25;
	margin: 0.25em 0 0 0;
}

.footer-menu a {
	text-decoration: none;
}

.footer-menu a:hover,
.footer-menu a:focus {
	text-decoration: underline;
}

/* FOOTER SOCIAL */

.footer-social-wrapper {
	margin: 0;
	width: 100%;
}

.has-footer-menu .footer-social-wrapper {
	flex-shrink: 0;
	margin-left: 1rem;
	width: 50%;
}

ul.footer-social {
	margin: -0.5rem 0 0 -0.5rem;
}

.has-footer-menu .footer-social {
	justify-content: flex-end;
}

ul.footer-social li {
	margin: 0.5rem 0 0 0.5rem;
}

.footer-social a {
	background-color: #cd2653;
	height: 3.6rem;
	width: 3.6rem;
}

.footer-social a::before {
	font-size: 1.6rem;
}

/* Footer Bottom ----------------------------- */

#site-footer {
	font-size: 1.2rem;
}

#site-footer .section-inner {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
}

#site-footer a {
	text-decoration: none;
}

#site-footer a:focus,
#site-footer a:hover {
	text-decoration: underline;
}

.to-the-top {
	color: #6d6d6d;
}

a.to-the-top > * {
	pointer-events: none;
}

.footer-copyright {
	font-size: inherit;
}

.to-the-top-long {
	display: none;
}

header {
	margin: 20px;
	font-size: 1em;
	display: grid;
	grid-template-columns: max-content 1fr;
	align-items: end;
}

header .head-logo {
	grid-column: 1;
	grid-row: 1 /span 4;
}

header .site-desc {
	text-align: right;
	font-size: 1rem;
}

header .social-menu {
	display: grid;
	justify-content: end;
	grid-auto-flow: column;
	column-gap: 1rem;
	margin-top: 1.5rem;
}

header .telinfo-menu {
	margin-top: 1.5rem;
	display: flex;
	justify-content: flex-end;
	font-size: 1rem;
}

header .telinfo-menu .telinfo-box {
	margin-left: 1em;
	display: grid;
	align-items: end;
	grid-column-gap: 1em;
	line-height: 1;
}
header .telinfo-menu .telinfo-box::before {
	content: url(assets/images/head_tel.png);
	grid-row: 1 /span 2;
	grid-column: 1;
}

header .telinfo-menu .telinfo-box .phone-number{
	font-size: 1.1em;
	grid-row: 1;
	grid-column: 2;
}

header .telinfo-menu .telinfo-box .phone-number a {
	font-size: 1.8em;
	font-weight: bolder;
	vertical-align: middle;
}

header .telinfo-menu .telinfo-box .info {
	font-size: 1em;
	grid-row: 2;
	grid-column: 2;
}

header nav ul {
	margin-bottom: 0;
}

header nav li div {
	margin: 0 auto;
	text-align: center;
}

header nav li a  {
	text-decoration: none;
	color: inherit;
}

header nav li a img {
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 20px;
}

header nav li a:hover img {
	padding-bottom: 20px;
	padding-top: 10px;
}

header nav ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

header .nav-unshown {
	display:none;
}

@media (min-width: 783px) {

	header nav .dashicons-menu {
		display: none;
	}

	.xd-none {
		display: none !important;
	}
}

@media (max-width: 782px) {
	.md-none {
		display: none !important;
	}

	#site-header {
		background: #fff;
		position: initial;
	}
	
	header {
		display: grid;
		grid-template-columns: max-content 1fr max-content;
		align-items: start;
		column-gap: 1em;
	}
	
	header .head-logo {
		grid-column: 1;
		grid-row: 1;
		max-width: 30vw;
	}

	header .social-menu {
		grid-column: 2;
		grid-row: 1;
	}

	header .social-menu img {
		max-width: min(3em, 100%);
	}

	header nav {
		display: block;
		margin-top: 1.5rem;
	}
	header nav li a img {
		display: none;
	}

	header nav label.nav-open {
		display: inline-block;
		margin: 0;
	}
	header nav label.nav-open {
		font-size: 1rem;
		display: flex;
		flex-flow: column;
		align-items: center;
		width: 3.6rem;
		height: 4rem;
		cursor: pointer;
	}

	header nav label.nav-open::before, header nav label.nav-open::after {
		content: '';
		width: calc(100% - .8em);
		border-color: rgb(142, 195, 30);
		border-style: solid none;
		flex-grow: 1;
		border-width: .4rem;
	}
	header nav label.nav-open::before {
		order: -2;
		border-bottom-width: .2rem;
	}
	header nav label.nav-open::after {
		order: -1;
		border-top-width: .2rem;
		margin-bottom: .5rem;
	}

	header nav ul {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: wrap-reverse;
	}

	header nav ul li.xd-none label {
		font-size: 3rem;
		width: 1.5em;
		height: 1.5em;
		text-align: center;
		margin: 0;
	}
	header nav ul.flat-list li {
		font-size: 1em;
		border-color: #c0c0c0;
		border-bottom-style: solid;
		border-width: thin;
		color: black;
		display: block;
	}
	header nav li div {
		width: 100%;
		padding: 1em 0;
	}
	header nav ul li.nav-close-btn {
		align-self: flex-start;
		background: none;
		width: auto;
		font-size: 1.5em;
		border-style: none;
		margin-right: 1em;
		margin-bottom: .25em;
	}
	
	header nav .nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		margin: 0;
		width: 100vw;
		height: 100vh;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	  
	/*中身*/
	header nav .nav-content {
		overflow: auto;
		position: fixed;
		top: 100vw;
		right: 0;
		z-index: -1;
		width: 100vw;
		background: white;
		opacity: 0;
		margin: 0;
		transition: all .3s ease-in-out;
	}

	header nav #nav-input:checked ~ .nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}
	  
	header nav #nav-input:checked ~ .nav-content {
		height: auto;
		max-height: 100vh;
		padding-top: 1.5em;
		padding-bottom: .5em;
		top: 0;
		right: 0;
		background: white;
		opacity: .9;
		z-index: 9999;/*最前面に*/
	}
}

article {
	padding: 0 10rem;
	margin: 3rem auto;
}
@media (max-width: 782px) {
	article {
		padding: 0;
		margin: .5rem;
	}
}

/*
main::after{
	content: url(assets/images/pagetop.png);
	float: right;
	clear: right;
	position: sticky;
	bottom: 0;
	margin-right: 10px;
}
*/

:root {
	--base-color: rgb(0, 118, 66);
	--border-color: rgb(83, 133, 58);
}
/* top page */

.top-slide {
	padding: 0 51px;
}

@media (max-width: 782px) {
	.top-slide {
		padding: 0 0;
		max-width: 100%;
		margin: 0 auto;
	}
}

.top-slide .slides {
	position: relative;
	height: 402px;
	width: 872px;
}

.top-slide .slides li {
	position: absolute;
}

.top-slide .flex-viewport .slides li {
	position: relative;
}

.top-slide .flex-viewport .slides {
	height: auto;
}

#page-top .introduction {
	font-size: 2rem;
	font-weight: bold;
}
#page-top .introduction p a img {
	float: right;
}
#section-spot {
	--border-color: rgb(183, 221, 187);
	--background-color: rgb(42, 115, 69);
	--arrow-color: rgb(49,133,70);
	--icon-file: url(assets/images/top_spot.png);
	--arrow-icon: url(assets/images/top_spot_arrow.png);
}
#section-tour {
	--border-color: rgb(215, 197, 177);
	--background-color: rgb(126, 73, 2);
	--arrow-color: rgb(163,106,17);
	--icon-file: url(assets/images/top_tour.png);
	--arrow-icon: url(assets/images/top_tour_arrow.png);
}
#section-experience {
	--border-color: rgb(204, 223, 157);
	--background-color: rgb(40, 161, 68);
	--arrow-color: rgb(68,137,73);
	--icon-file: url(assets/images/top_experience.png);
	--arrow-icon: url(assets/images/top_experience_arrow.png);
}
#section-original {
	--border-color: rgb(188, 214, 214);
	--background-color: rgb(66, 151, 151);
	--arrow-color: rgb(45,113,148);
	--icon-file: url(assets/images/top_original.png);
	--arrow-icon: url(assets/images/top_original_arrow.png);
}
section.featured-section {
	font-size: 1.5rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 0;
}
section.featured-section h1 {
	background-color: white;
	color: black;
	font-size: 2rem;
	margin: 1em 0;
	padding: 0;
	letter-spacing: normal;
	display: flex;
	align-items: flex-end;
}

section.featured-section h1::before {
	content: var(--icon-file);
	display: inline-block;
	vertical-align: baseline;
	margin-right: 1rem;
}

.featured-images {
	display: flex;
	max-width: 100%;
	overflow-x: auto;
}

.featured-images img {
	border-style: solid;
	border-width: 1rem .5rem;
	border-color: var(--border-color);
}
.featured-images img:first-child {
	border-left-width: 1rem;
}
.featured-images img:last-of-type {
	border-right-width: 1rem;
}

.featured-images .link-block {
	writing-mode: vertical-rl;
	background-color: var(--background-color);
	color: white;
	text-align: center;
	padding: 1rem;
}
.featured-images .link-block a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}
.featured-images .link-block a > * {
	flex-grow: 1;
}
.featured-images .link-block a::after {
/*	content: var(--arrow-icon);*/
	content: "\025B6";
	writing-mode: horizontal-tb;
	font-size: 1.5em;
	border-radius: 1em;
	width: 1.5em;
	height: 1.5em;
	background-color: var(--arrow-color);
	display: block;
	border: none;
	margin-bottom: 2rem;
	flex-grow: 0;
}

.featured-section > .more-link {
	border-style: solid;
	border-width: medium;
	border-color: var(--background-color);
	border-radius: 2em;
	margin: 1em 0;
	padding: 0 2em 0 2em;
	text-align: center;
	min-width: 30%;
	align-self: center;
	font-weight: bolder;
}

@media (max-width: 782px) {
	section.featured-section {
		font-size: inherit;
	}
	section.featured-section h1 {
		font-size: inherit;
		font-weight: normal;
	}
	.featured-images {
		display: grid;
		grid-auto-flow: column;
	}
	.featured-images .link-block {
		display: none;
	}
	.featured-section > .more-link {
		font-weight: normal;
	}
}

#site-content .side-logo, #tribe-events-pg-template .side-logo {
	content: '';
	background-image: url('assets/images/side_logo.png');
	background-repeat: no-repeat;
	position: sticky;
	position: -webkit-sticky;
	top: 50px;
	margin-top: 50px;
	float: left;
	clear: both;
	width: 23px;
	height: 354px;
}

@media (max-width: 782px) {
	#site-content .side-logo, #tribe-events-pg-template .side-logo {
		display: none;
	}
}

article.events {
	background-image: url('assets/images/news_back.png');
	padding-top: 3rem;
	padding-bottom: 3rem;
}

article.events h1 {
	background-color: rgb(0, 118, 66);
	color: white;
	border-radius: 1em;
	padding: .5em 2em;
	letter-spacing: .2em;
}
@media (max-width: 782px) {
	article.events h1 {
		font-size: 1em;
	}
}
article.events h1::before {
	content: url(assets/images/event_icon.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	padding: 0;
}

article.events section {
	border-top-style: dashed;
	border-color: rgb(0, 98, 52);
	padding-bottom: 1rem;
}

article.events section:last-child {
	border-bottom-style: dashed;
}

article.events section.event-list table{
	border: none;
}

article.events section.event-list table tr {
	border-bottom: dotted 2px grey;
}

article.events section.event-list table td {
	border: none;
}
article.events section.event-list table tr td:first-child {
	white-space: nowrap;
}
article.events section.event-list .more-link {
	text-align: right;
}

article.events section.social-links h2 {
	font-size: 1em;
}

article.events section.social-links > div {
	background-color: rgba(255,255,255,.54);
	border-radius: 2rem;
	margin: 1rem -3rem;
	padding: 5rem;
	display: grid;
	grid-template-columns: 70% 1fr;
	position: relative;
}

@media (max-width: 782px) {
	article.events section.social-links > div {
		grid-template-columns: 100%;
		grid-auto-flow: row;
		max-width: calc(100vw - 2rem);
		margin: 1rem 1rem;
		padding: 2rem;
	}
}

article.events .fb-notice {
	font-size: 1.5rem;
	position: relative;
	align-self: end;
}

article.events .fb-notice .pop-label {
	transform: rotate(8deg);
    transform-origin: right bottom 0;
    color: rgb(0, 98, 52);
    font-weight: bold;
    position: relative;
    display: inline-flex;
	flex-direction: row;
    justify-content: center;
    align-items: flex-end;
	width: 100%;
}

@media (max-width: 782px) {
	article.events .fb-notice .pop-label {
		display: none;
	}
}

article.events .fb-notice .pop-label img {
	display: inline-block;
	width: 2em;
	margin-bottom: .5em;
}
article.events .fb-notice .pop-label div {
    writing-mode: vertical-lr;
}
article.events .fb-notice .pop-label::before,
article.events .fb-notice .pop-label::after
 {
	content: '';
	display: block;
	width: 0;
	height: 8em;
	border-style: dashed;
	border-width: thin;
	border-color: rgb(0, 98, 52);
	transform-origin: right bottom 0px;
}
article.events .fb-notice .pop-label::before {
	transform: translateX(-1em) rotate(-20deg);
}
article.events .fb-notice .pop-label::after {
	transform: translateX(1em) rotate(20deg);
}

article.events .fb-notice .image-corner {
	position:absolute;
	top: -80px;
	right: -100px;
}

.pdf-links {
	font-size: 1em;
}
.pdf-links .link-description {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
}
.guide .pdf-links .link-description img {
	max-width: 25vw;
	align-self: end;
}
.pdf-links ul {
	display: flex;
	align-items: stretch;
}
.pdf-links li {
	border-style: solid;
	border-radius: .5rem;
	border-width: thin;
	display: inline-flex;
	flex-direction: column;
	text-align: center;
	flex-basis: 25%;
	margin: 0 .5rem;
}

.pdf-links li .label {
	font-weight: bold;
}
@media (max-width: 782px) {
	.pdf-links li .label {
		font-weight: normal;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
}

.pdf-links li .english-label {
	font-size: 1rem;
	color: darkslategray;
}

.pdf-links li.manner-guide {
	background-image: linear-gradient(to left top, rgb(180, 210, 110), rgb(255,230,0), white);
	position: relative;
}

.pdf-links li.manner-guide .english-label {
	color: rgb(0, 98, 52);
}
.pdf-links li.manner-guide .pop-label {
	position:absolute;
	bottom: 3rem;
	right: -4rem;
	transform: rotate(10deg);
	writing-mode: vertical-lr;
	color: rgb(0, 98, 52);
	font-weight: bold;
}
@media (max-width: 782px) {
	.pdf-links li.manner-guide .pop-label {
		display: none;
	}
}

.pdf-links li.manner-guide .pop-label hr {
	width: 5rem;
	border-style: dashed;
	border-width: thin;
	border-color: rgb(0, 98, 52);
}
.pdf-links li.manner-guide .pop-label hr:first-child {
	transform: translate(2rem, -2rem) rotate(60deg);
	transform-origin: left top 0px;
}
.pdf-links li.manner-guide .pop-label hr:last-child {
	transform: translate(1rem, 2rem) rotate(-60deg);
	transform-origin: left top 0px;
}

article.guide {
	margin: 0 auto;
}
@media (max-width: 782px) {
	article.guide .pdf-links ul {
		margin: 0;
	}
	article.guide .pdf-links ul li {
		line-height: 1.2;
		padding: .2em;
	}
}

img.inline-img {
	display: inline-block;
	vertical-align: middle;
}
section.contact-info {
	display: grid;
	grid-template-rows: min-content;
	grid-template-columns: auto;
	row-gap: 1rem;
}

section.contact-info .contact-title {
	margin: 1rem 0;
	grid-column: 1;
	display: grid;
	grid-auto-flow: column;
	column-gap: 1rem;
}

@media (max-width: 782px) {
	section.contact-info .contact-title {
		grid-auto-flow: row;
	}
}

section.contact-info .contact-tel {
	margin: 0 3rem;
	grid-row: 2;
}

section.contact-info .contact-people {
	grid-row: 1 / span 2;
	grid-column: 2;
}

section.contact-info .img-label {
	text-align: center;
	font-size: 1.5rem;
}

section.caution {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	justify-content: center;
	border-style: dashed none;
	border-color: rgb(0, 98, 52);
	padding: 1em;
	column-gap: 2em;
}

@media (max-width: 782px) {
	section.caution {
		display: grid;
		grid-template-areas: "title icon"
							"list list";
		align-items: center;
		border-style: dashed none;
		border-color: rgb(0, 98, 52);
		padding: 1em;
		margin-top: 1em;
	}
	section.caution > div {
		grid-area: title;
		justify-self: center;
	}
	section.caution > img {
		grid-area: icon;
	}
	section.caution > ul {
		grid-area: list;
		margin: 0;
	}
}

nav.page-nav {
	font-weight: bold;
	padding-left: 10rem;
	padding-top: 3rem;
}

@media (max-width: 782px) {
	nav.page-nav {
		padding-left: 1rem;
	}
}

nav.page-nav ul {
	margin-left: 0;
	margin-bottom: 0;
}

nav.page-nav li::before {
	content: "\025B8";
}

nav.page-nav li {
	margin-right: 2em;
}

#page-access section h1 {
	font-size: 1.6rem;
	font-weight: normal;
	border-radius: 1.5rem;
	background-color: rgb(0, 118, 66);
	color: white;
	padding: 0 3rem;
	height: 3em;
	display: flex;
	align-items: center;
	letter-spacing: .2em;
}

#page-access section.car h1::before {
	content: url(assets/images/access_car.png);
	padding-right: 2rem;
}

#page-access .route-table::before, #page-access .route-table::after{
	content: "";
	position: absolute;
	z-index: -1;
	border-style: solid;
}

#page-access .route-table::before {
	top: -.8rem;
	left: -.8rem;
	border-color:  rgb(228,232,69) transparent transparent  rgb(228,232,69);
	border-width: 0 0 4rem 4rem;
}

#page-access .route-table::after {
	bottom: -.8rem;
	right: -.8rem;
	border-color: transparent rgb(228,232,69) rgb(228,232,69) transparent;
	border-width: 0 0 4rem 4rem;
}

#page-access .route-table {
	outline-style: dotted;
	outline-color: rgb(142, 195, 30);
	padding: 3rem;
	position: relative;
}
@media (max-width: 782px) {
	#page-access .route-table {
		margin: 1rem;
	}
}

#page-access section.car dl.route-table {
	background-image: url(assets/images/access_car2.png);
	background-position: bottom 1rem right 4rem;
	background-repeat: no-repeat;
}
@media (max-width: 782px) {
	#page-access section.car dl.route-table {
		padding-bottom: 6rem;
	}
}

#page-access dl.route-table dt::before {
	content: url(assets/images/access_icon_map.png);
	padding-right: 2rem;
}

#page-access dl.route-table dt {
	color: rgb(0,118,66);
}

#page-access dl.route-table dd {
	background-color: rgb(228,232,69);
	margin-inline-start: 0;
	display: inline-block;
	padding: 0.5rem 1rem;
}

#page-access dl.route-table dd ol {
	display: inline-block;
	margin: 0;
	list-style: none;
}
#page-access dl.route-table dd ol li {
	display: inline-block;
	margin: 0;
}

#page-access dl.route-table dd ol li::after {
	content: '\021D2';
	padding-left: 1rem;
	padding-right: 1rem;
}

#page-access dl.route-table dd ol li:last-child::after {
	content: '　'
}

#page-access dl.route-info dd::before {
	content: '';
	display: inline-block;
	background-color: black;
	width: 1em;
	height: 1em;
	border-radius: .5em;
	margin-right: .5em;
}
#page-access dl.route-info dd {
	font-size: 0.9em;
	margin-inline-start: 0;
}

#page-access section.train h1::before {
	content: url(assets/images/access_train.png);
	padding-right: 2rem;
}

#page-access section.map h1::before {
	content: url(assets/images/access_mapicon.png);
	padding-right: 2rem;
}

div.caution {
	color: red;
}

div.caution .title {
	padding-left: 0;
}

div.caution * {
	padding-left: 1em;
}

#page-access section.train .more-link {
	text-align: right;
	display: inline-block;
	width: 100%;
}
#page-access section.train .more-link::before {
	content: '\0227B';
	padding-right: 1em;
}

#page-access section.train .route-table {
	display: flex;
	flex-direction: column;
	font-size: 1.2rem;
}
@media (min-width: 783px) {
	#page-access section.train .route-table {
		margin: 1em auto;
	}
}


#page-access section.train .route-table .way {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#page-access section.train .route-table .way .icon {
	flex-basis: 8em;
}

@media (max-width: 782px) {
	#page-access section.train .route-table .way {
		flex-direction: column;
	}
	#page-access section.train .route-table .way .icon {
		flex-basis: initial;
	}	
}

#page-access section.train .route-table .way-arrow {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 8rem;
	display: flex;
	flex-direction: row;
	align-items: center;
}
@media (max-width: 782px) {
	#page-access section.train .route-table .way-arrow {
		padding: 1em 2em;
		flex-direction: column;
		word-break: keep-all;
		text-align: center;
	}
}

#page-access section.train .route-table .way-arrow .dharr {
	font-size: 6em;
	color: rgb(153, 193, 49);
	padding: 0 .5em;
}

#page-access section.train .route-table .route {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#page-access section.train .route-table .course {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1rem 0 1rem 0;
	align-items: center;
}

#page-access section.train .route-table .course .point {
	background-color: rgb(153, 193, 49);
	color: black;
	padding: .5rem 1.5rem;
	flex-basis: 8em;
	height: 2.5em;
	text-align: center;
	letter-spacing: .15em;
}
@media (max-width: 782px) {
	#page-access section.train .route-table .course .point {
		flex-basis: 1em;
		height: 8em;
		display: flex;
		align-items: center;
	}
}
#page-access section.train .route-table .way:last-child .course:last-child .point:last-of-type {
	background-color: rgb(218, 223, 0);
}

#page-access section.train .route-table .course .through {
	flex-grow: 1;
	color: var(--base-color);
	text-align: center;
	justify-content: space-between;
	align-items: center;
	/*background-image: linear-gradient(white, white), url(assets/images/access_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-clip: content-box, padding-box;
	padding: 0 7em;*/
	font-weight: bolder;
	display: flex;
}
#page-access section.train .route-table .course .through div {
	word-break: keep-all;
}
#page-access section.train .route-table .course .through::before, #page-access section.train .route-table .course .through::after {
	content: '';
	display: block;
	outline-style: dashed;
	outline-color: black;
	outline-width: thin;
	outline-offset: -0.55em;
	text-align: center;
	height: 1em;
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 2em;
}
#page-access section.train .route-table .course .through::after {
	content: '<';
	text-align: right;
	color: black;
	line-height: 1;
	direction:rtl;
	text-indent: -.5em;
	margin-right: 1em;
}

#page-access section.train .route-table .course .through .time {
	margin-left: 1em;
	white-space: nowrap;
}

#page-access section.train .route-table .course .through .time .number {
	font-size: 2em;
	padding-left: 0.2em;
}

article.info {
	background-image: url('assets/images/news_back.png');
	padding-top: 3rem;
}
@media (max-width: 782px) {
	article.info {
		margin: 0;
		padding-left: .5rem;
		padding-right: .5rem;
	}
}

article.info h1 {
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 1rem;
	padding: 0 3rem;
	margin-top: 0;
	min-height: 3em;
	background-color: rgba(150,80,0,0.2);
	color: rgb(15, 124, 74);
	display: flex;
	align-items: center;
	letter-spacing: .1em;
}
article.info h1::before {
	content: url(assets/images/access_fuki1.png);
	padding-right: 2rem;
}
@media (max-width: 782px) {
	article.info h1 {
		padding: 1rem 2rem;
	}
}

article.info section.bureau {
	display: grid;
	grid-template-rows: max-content 1fr;
	grid-template-columns: max-content 1fr max-content;
	margin: 3rem 0;
	padding-bottom: 1rem;
	padding-left: 1rem;
	grid-template-areas: "view title icon" "view detail-box detail-box";
	column-gap: 2em;
}

article.info section.bureau:nth-last-child(n+2) {
	border-bottom-style: dotted;
	border-color: rgb(0, 104, 52);
	border-width: 2px;
}

article.info section.bureau .view {
	grid-area: view;
}

article.info section.bureau h2 {
	margin: 0;
	grid-area: title;
	font-size: 1.8rem;
	display: grid;
	grid-template-rows: max-content max-content;
	grid-template-columns: max-content 1fr;
	column-gap: 1rem;
}
article.info.en section.bureau h2 {
	grid-template-rows: auto;
	grid-template-columns: 40px 1fr;
}

article.info section.bureau h2 .english {
	font-size: .5em;
}
article.info section.bureau h2::before {
	content: url(assets/images/access_fuki2.png);
	grid-row: 1 / 3;
	grid-column: 1;
}
article.info.en section.bureau h2::before {
	grid-row: 1;
}
article.info section.bureau .view {
	max-width: 100%;
	height: auto;
}
article.info section.bureau .icon {
	grid-area: icon;
}

article.info section.bureau .detail-box {
	grid-area: detail-box;
	border-color: rgb(0, 104, 52);
	border-style: dotted;
	border-radius: 1rem;
	border-width: thin;
	background-color: white;
	display: inline-grid;
	grid-template-columns: max-content 1fr;
	font-size: 1.2rem;
}

article.info section.bureau .detail-box > * {
	display: inline;
	margin: 0;
	border-color: rgb(0, 104, 52);
	border-bottom-style: dotted;
	border-width: thin;
	padding: .2em 1em;
}

article.info section.bureau .detail-box > *:last-of-type {
	border-bottom-style: none;
}

article.info section.bureau .detail-box dt {
	text-align: justify;
	text-align-last: justify;
}

article.info section.bureau .detail-box a.tel {
	font-weight: 800;
}

article.info section.bureau .detail-box a.map-link {
	color: rgb(18, 118, 188);
}

@media (max-width: 782px) {
	article.info section.bureau {
		grid-template-rows: max-content max-content max-content 1fr;
		grid-template-columns: 1fr;
		grid-template-areas: "title" "icon" "view" "detail-box";
		column-gap: 1rem;
	}
	article.info section.bureau .icon {
		justify-self: right;
	}

	article.info section.bureau .view {
		width: 100%;
	}
}


/* オリジナル商品 */
#page-original {
	--border-color: rgb(150, 206, 185);
	--base-color: rgba(150, 206, 185, 0.8);
}

#page-original h1 {
	font-size: 1.6rem;
	border-radius: 1em;
	padding: 1em 2em;
	background-color: rgb(37, 180, 205);
	color: white;
}

.introduction {
	display: grid;
	grid-auto-flow: column;
}

.introduction img.section-logo,
.introduction img.section-photo {
		padding: 1rem;
}

.introduction p {
	padding: 2rem 1rem;
	flex-grow: 1;
}

@media (max-width: 782px) {
	.introduction {
		display: flow-root;
	}
	.introduction img.section-logo {
		float: left;
	}
	.introduction img.section-photo {
		width: 100%;
	}
	.introduction p a img {
		width: 196px!important;
		height: auto!important;
	}

	#page-top .introduction {
		font-size: inherit;
		font-weight: normal;
	}
}

#nico-herb h2 {
	font-size: 1.6rem;
	border-radius: 1em;
	padding: 1em 2em;
	background-image: url(assets/images/original_back1.png);
}

#page-original .top-goods .title {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 1em 0;
	border-style: dotted none;
	border-width: 2px;
	border-color: var(--border-color);
}

#nico-herb h3 {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0;
}

div.goods {
	display: grid;
	grid-template-areas: "img title"
						"img desc";
	grid-template-rows: min-content 1fr;
}
@media (max-width: 782px) {
	div.goods {
		grid-template-areas: "title" "img"
							"desc";
		grid-template-rows: auto;
		row-gap: 1rem;
		margin: 1rem;
	}
}

div.goods img {
	grid-area: img;
	margin-right: 1.5em;
}
@media (max-width: 782px) {
	div.goods img {
		width: 100%;
	}
}
div.goods .title {
	grid-area: title;
	margin: 0;
}

div.goods .desc {
	grid-area: desc;
	margin-top: 1em;
}

div.goods dl dt:before {
	content: '\027EA'; 
}

div.goods dl dt:after {
	content: '\027EB'; 
}

div.goods dl dt {
	font-weight: normal; 
}

div.goods dl dd {
	margin-inline-start: 0; 
}

div.goods .blend {
	display: inline-block;
	background-image: url(assets/images/original_back1.png);
	padding: .8em;
	border-radius: .8em;
	margin-left: -.8em;
}

.desc-table::before, .desc-table::after {
	content: "";
	position: absolute;
	z-index: 2;
	border-style: solid;
}

.desc-table::before {
	top: -.8rem;
	left: -.8rem;
	border-color:  var(--base-color) transparent transparent  var(--base-color);
	border-width: 0 0 4rem 4rem;
}

.desc-table::after {
	bottom: -.8rem;
	right: -.8rem;
	border-color: transparent var(--base-color) var(--base-color) transparent;
	border-width: 0 0 4rem 4rem;
}

.desc-table {
	outline-style: dotted;
	outline-color: var(--base-color);
	outline-width: 2px;
	padding: 3rem;
	position: relative;
	font-size: 1.1rem;
	margin: 1rem 0;
}
@media (max-width: 782px) {
	.desc-table {
		margin: 1rem 1rem;
	}
}
.desc-table div.goods {
	padding-top: 1em;
	margin-top: 1em;
	border-top: dotted 2px;
	border-color: var(--border-color);
}

.desc-table div.goods:first-of-type {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.footnotes {
	font-size: 1rem;
}
@media (min-width: 783px) {

	#nico-herb .desc-table .goods:nth-of-type(1) {
		background-image: url(assets/images/original_illust_1.png);
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: bottom;
	}

	#nico-herb .desc-table .goods:nth-of-type(3) {
		background-image: url(assets/images/original_illust_2.png);
		background-repeat: no-repeat;
		background-position-x: left;
		background-position-y: bottom;
	}

	#nico-herb .desc-table .goods:nth-of-type(5) {
		background-image: url(assets/images/original_illust_3.png);
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: bottom;
	}

}
#nico-herb .sweet-desc-table  {
	background-image: url(assets/images/original_illust_4.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	background-origin: content-box;
}

#nico-herb .sweet-desc-table dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#nico-herb .sweet-desc-table dl div {
	flex-basis: 50%;
	display: grid;
	grid-template-columns: max-content;
	padding: .5rem;
	column-gap: 1rem;
	align-items: center;
}

#nico-herb .sweet-desc-table dl div:before {
	grid-row: 1 / span 2;
	grid-column: 1;
}
#nico-herb .sweet-desc-table dl div:nth-of-type(1):before {
	content: url(assets/images/original_taste1.png);
}
#nico-herb .sweet-desc-table dl div:nth-of-type(2):before {
	content: url(assets/images/original_taste4.png);
}
#nico-herb .sweet-desc-table dl div:nth-of-type(3):before {
	content: url(assets/images/original_taste2.png);
}
#nico-herb .sweet-desc-table dl div:nth-of-type(4):before {
	content: url(assets/images/original_taste5.png);
}
#nico-herb .sweet-desc-table dl div:nth-of-type(5):before {
	content: url(assets/images/original_taste3.png);
}

#nico-herb .sweet-desc-table dl dt {
	font-size: 1.2rem;
	font-weight: normal;
	grid-row: 1;
	grid-column: 2;
}

#nico-herb .sweet-desc-table dl dd {
	margin-inline-start: 0;
	grid-row: 2;
	grid-column: 2;	
}

@media (max-width: 782px) {
	#nico-herb .sweet-desc-table dl div {
		grid-template-rows: max-content;
		grid-template-columns: max-content 1fr;
		grid-auto-flow: row;
		padding: .5rem;
		column-gap: 1rem;
		align-items: center;
	}
	#nico-herb .sweet-desc-table dl div:before {
		grid-column: 1;
		grid-row: 1;
	}
	#nico-herb .sweet-desc-table dl dt {
		grid-column: 2;
		grid-row: 1;
	}
	#nico-herb .sweet-desc-table dl dd {
		grid-column: 1 / span 2;
		grid-row: 2;
	}
}

#nico-herb .herb-desc-table  {
	background-image: url(assets/images/original_illust_5.png);
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: bottom;
	background-origin: content-box;
}

#nico-herb .herb-desc-table .title {
	font-size: 1.8em;
}
#nico-herb .herb-desc-table > *:nth-last-child(-n+2) {
	width: fit-content;
	margin-left: 8rem;
}
#nico-herb .herb-desc-table dl div {
	background-color: rgb(216,236,235);
	padding: .5em 2em;
	margin: .5em 0;
}
#nico-herb .herb-desc-table dl dt {
	font-size: 1.2rem;
	font-weight: normal;
}

#nico-herb .herb-desc-table dl dd {
	margin-left: 0;
}

#nico-herb .herb-desc-table dl dd ul {
	margin: 0;
}

#nico-herb .herb-desc-table dl dd ul li {
	margin-right: 1em;
}

#nico-herb .herb-desc-table .flat-list {
	margin-bottom: 0;
}

#nico-herb .herb-desc-table > .flat-list li:before {
	content: '\02022';
	margin-right: .5em;
}

#nico-herb .herb-desc-table .flat-list li {
	margin-right: .5em;
}

#nico-herb .title {
	font-size: 1.2em;
}

.image-twin {
	display: grid;
	grid-template-columns: max-content max-content;
	gap: 1rem;
	margin: 1rem 0;
}
@media (max-width: 782px) {
	.image-twin {
		max-width: 100%;
		grid-template-columns: 1fr 1fr;
	}
}

#page-original .contact {
	padding: 1em;
	display: grid;
	grid-template-areas: "dummy title title" "dummy face name" "dummy face tel";
	grid-template-columns: 1fr max-content max-content;
	grid-template-rows: repeat(3, max-content);
	gap: .5em;
	align-items: center;
}
@media (max-width: 782px) {
	#page-original .contact {
		grid-template-areas: "title title" "face name" "face tel";
		grid-template-columns: max-content 1fr;
	}
}

#page-original .contact .title {
	background-color: rgb(0, 160,233);
	font-size: inherit;
	color: white;
	width: fit-content;
	padding: .2em 2em;
	border-radius: 1.2em;
	grid-area: title;
}
@media (max-width: 782px) {
	#page-original .contact .title {
		max-width: calc(100vw - 2em);
	}
}
#page-original .contact .face {
	grid-area: face;
	justify-self: end;
}
#page-original .contact .name {
	grid-area: name;
	align-self: end;
}
#page-original .contact .tel {
	grid-area: tel;
	align-self: start;
}

#nico-herb .contact {
	background-image: url(assets/images/original_back2.png);
	padding-top: 2em;
}

#farm .desc-table {
	font-size: 1.4rem;
}

#farm .desc-table img {
	margin-top: 1em;
	margin-bottom: 1em;
}

#farm .desc-table .selling-point {
	margin-left: 2em;
	padding-top: 1em;
	line-height: 2em;
	background-image: url(assets/images/original_illust_6.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.two-col {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-auto-flow: column;
	column-gap: 1em;
}

.two-col div img  {
	margin-bottom: 1em;
}

.two-col dl > div {
	border-bottom-style: dotted;
	border-color: var(--border-color);
	border-width: 2px;
	padding-bottom: 2em;
}
.two-col dl dt {
	font-weight: normal;
	margin: 1em 0;
}

.two-col dl dd {
	margin-inline-start: 0;
}

@media (max-width: 782px) {
	.two-col {
		grid-template-columns: auto;
		grid-auto-flow: row;
		row-gap: 1em;
	}
	.two-col div.img img  {
		width: 100%;
	}	
}

/* ツアー */
#page-tour {
	--corner-color: rgba(83, 133, 58, 0.8);
	--base-color: rgba(83, 133, 58, 0.3);
	--background-color: rgb(83, 133, 58);
}
#page-tour h1 {
	font-size: 1.6rem;
	border-radius: 1em;
	padding: 1em 2em;
	background-color: var(--background-color);
	color: white;
}

#page-tour #stay h1 {
	background-color: rgb(0, 91, 65);
}

#page-tour .top-desc-box {
	display: grid;
	grid-template-rows: min-content 1fr;
	column-gap: 1.5em;
	margin-bottom: 1.5em;
}

#page-tour .top-desc-box > * {
	grid-column-start: 2;
}

#page-tour .top-desc-box > img {
	grid-column-start: 1;
}
@media (max-width: 782px) {
	#page-tour .top-desc-box {
		grid-template-rows: min-content;
		row-gap: 1rem;
	}
	#page-tour .top-desc-box > * {
		grid-column-start: 1;
	}
	#page-tour .top-desc-box > img {
		width: 100%;
	}
}

#page-tour .desc-box {
	display: grid;
	grid-template-areas: "img title"
						"img desc";
	grid-template-rows: max-content 1fr;
	grid-template-columns: max-content 1fr;
	margin: 2em 0;
	font-size: 1.4rem;
	padding: 1rem;
	column-gap: 1.5rem;
	row-gap: 1em;
}

@media (max-width: 782px) {
	#page-tour .desc-box {
		grid-template-areas: "title" "img" "desc";
		grid-template-rows: max-content;
		grid-template-columns: 100%;
		row-gap: 1rem;
	}
}

#page-tour .desc-box img {
	grid-area: img;
}
@media (max-width: 782px) {
	#page-tour .desc-box img {
		width: 100%;
	}	
}

#page-tour .desc-box .title {
	display: flex;
	justify-content: space-between;
	grid-area: title;
	margin: 0;
	border: dotted;
	border-width: 2px 0;
	border-color: var(--background-color);
	font-size: 1.2em;
	padding: 0.5em 0;
}

#page-tour .desc-box .title .option {
	background-color: rgb(0, 105,52);
	font-size: .8em;
	border-radius: 1em;
	color: white;
	display: inline-block;
	padding: .2em 1em;
	max-width: 9em;
	text-align: center;
	flex-grow: 1;
	margin-left: .5em;
}

#page-tour .desc-box .desc {
	grid-area: desc;
}

#page-tour .detail-table::before, .detail-table::after {
	content: "";
	position: absolute;
	z-index: 2;
	border-style: solid;
}

#page-tour .detail-table::before {
	top: -.8rem;
	left: -.8rem;
	border-color:  var(--corner-color) transparent transparent  var(--corner-color);
	border-width: 0 0 5rem 5rem;
}

#page-tour .detail-table::after {
	bottom: -.8rem;
	right: -.8rem;
	border-color: transparent var(--corner-color) var(--corner-color) transparent;
	border-width: 0 0 5rem 5rem;
}

#page-tour .detail-table {
	background-color: var(--base-color);
	padding: 1rem 3rem;
	position: relative;
	font-size: 1.1rem;
	margin: 2rem 0;
}
@media (max-width: 782px) {
	#page-tour .detail-table {
		margin: 2rem 1rem;
	}
}
#page-tour .detail-table:last-child {
	margin-bottom: 0;
}

#page-tour .detail-table ul {
	margin-bottom: 0;
}

#page-tour .detail-table h2 {
	color: rgb(0, 91, 65);
	margin: 1em 0;
}

#page-tour .detail-table dl.detail-desc {
	border-color: rgb(0, 91, 65);
	border-top: dotted;
	border-width: thin;
	font-size: 1.1em;
}

#page-tour .detail-table dl.detail-desc dt {
	background-color: rgb(0, 91, 65);
	color: white;
	padding: .2em 1em;
	letter-spacing: .5em;
	text-indent: .5em;
	width: 6em;
	width: max-content;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em;
}

#page-tour .detail-table dl.detail-desc dd {
	margin-left: 0;
	line-height: normal;
}

#page-tour .detail-table dl.detail-desc dd ul {
	list-style-type: none;
	margin-left: 0;
}

#page-tour .detail-table dl.detail-desc dd ul li {
	border-color: rgb(0, 91, 65);
	border-bottom: dotted;
	border-width: thin;
	margin-left: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 2em;
}

#page-tour .detail-table dl.detail-desc dd ul li .title {
	color: rgb(0, 91, 65);
	font-weight: bold;
	font-size: 1.1em;
	margin: 1em 0;
}
#page-tour .detail-table dl.detail-desc dd ul li .title:before {
	content: "\25cf";
	margin-right: .5em;
}

#page-tour .detail-table dl.detail-desc dd ul li img {
	border-width: .5em;
	border-color: white;
	border-style: solid;
}
@media (max-width: 782px) {
	#page-tour .detail-table dl.detail-desc dd ul li img {
		width: 100%;
	}
}

#page-tour .detail-table dl.detail-desc dd ul li a {
	color: rgb(0, 91, 65);
	font-weight: bold;
	font-size: 1.1em;
}

#page-tour .link-box {
	margin: .5em 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
@media (max-width: 782px) {
	#page-tour .link-box {
		flex-direction: column;
	}
}
#page-tour .pdf-link, #page-tour .form-link {
	border-color: var(--background-color);
	border-style: solid;
	border-width: 2px;
	border-radius: 1em;
	padding: .5em 3em;
	margin: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#page-tour .form-link::before {
	content: url(assets/images/tour_icon_tea.png);
	padding-right: 1em;
	vertical-align: middle;
}

#page-tour .desc-table {
	margin: 1.5em 0;
	padding-top: 1em;
	padding-bottom: 2em;
	font-size: 1em;
}
@media (max-width: 782px) {
	#page-tour .desc-table {
		margin: 1rem 1rem;
	}
}

#page-tour .desc-table h2 {
	margin: .5em 0;
	font-size: 1.4em;
}


/* 観光スポット */

#page-spot {
	--corner-color: rgba(83, 133, 58, 0.8);
	--base-color: rgba(83, 133, 58, 0.3);
	--detail-color: rgba(83, 133, 58, 0.3);
	--background-color: rgb(0, 105, 52);
}
#page-spot h1 {
	font-size: 1.6rem;
	border-radius: 1em;
	padding: .5em 2em;
	background-color: var(--background-color);
	color: white;
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-auto-flow: column;
	align-items: center;
	column-gap: 1rem;
}

#page-spot h1::before {
	content: var(--icon-file);
}

#page-spot #map {
	--icon-file: url(assets/images/spot_map.png);
}

#page-spot #watch {
	--icon-file: url(assets/images/spot_watch.png);
	--background-color: #62B744;
	--corner-color: rgb(219, 224, 0);
}

#page-spot #tea {
	--icon-file: url(assets/images/spot_tea.png);
	--background-color: #00683C;
}

#page-spot #eat {
	--icon-file: url(assets/images/spot_eat.png);
	--base-color: rgb(220, 112, 8);
	--background-color: rgb(220, 112, 8);
	--corner-color: rgba(220, 112, 8, .8);
	--detail-color: rgba(220, 112, 8, 0.3);
}

#page-spot #buy {
	--icon-file: url(assets/images/spot_buy.png);
	--base-color: rgb(46, 167, 224);
	--background-color: rgb(46, 167, 224);
	--corner-color: rgba(46, 167, 224, .3);
	--detail-color: rgba(46, 167, 224, .3);
}

#page-spot #stay {
	--icon-file: url(assets/images/spot_stay.png);
	--base-color: rgb(122, 106, 86);
	--background-color: rgb(122, 106, 86);
	--corner-color: rgba(122, 106, 86, .8);
	--detail-color: rgba(122, 106, 86, .3);
}

#page-spot #play {
	--icon-file: url(assets/images/spot_play.png);
	--base-color: rgb(3, 110, 184);
	--background-color: rgb(3, 110, 184);
	--corner-color: rgba(3, 110, 184, .8);
	--detail-color: rgba(3, 110, 184, .3);
}

#page-spot .desc-table::before {
	border-color: var(--corner-color) transparent transparent var(--corner-color);
	z-index: -1;
}

#page-spot .desc-table::after {
	content: "";
	border-style: none;
	display: none;
}

#page-spot section {
	counter-reset: spot-no;
}

#page-spot section h2 {
	counter-increment: spot-no;
	display: inline-flex;
	align-items: center;
}

#page-spot section h2.no-count {
	counter-increment: none;
}

#page-spot .desc-table h2::before {
	content: counter(spot-no);
	display: inline-block;
	vertical-align: middle;
	border-radius: 1.5em;
	border-color: var(--background-color);
	border-style: solid;
	border-width: .2em;
	margin-right: .5em;
	width: 2em;
	height: 2em;
	padding: .3em 0;
	text-align: center;
	flex-shrink: 0;
}

#page-spot section h2.no-count:before {
	content: none;
}

#page-spot .desc-table p {
	margin-bottom: 0;
}

#page-spot .desc-table .detail-box {
	background-color: var(--detail-color);
	border-radius: 1em;
	display: grid;
	grid-auto-flow: column;
	font-size: .8em;
	padding: 1em;
}
@media (max-width: 782px) {
	#page-spot .desc-table .detail-box {
		grid-auto-flow: row;
		font-size: .8em;
		padding: 1em;
	}
}

#page-spot .desc-table .detail-box ul {
	flex-grow: 1;
}

#page-spot .desc-table .detail-box .info {
	flex-grow: 1;
}

#page-spot .desc-table .detail-box ul li {
	margin-top: 0;
}

#page-spot .desc-table .detail-box img {
	margin: .2rem;
}
#page-spot .desc-table .detail-box .icon-box {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	flex-basis: 20rem;
}

#page-spot .desc-table .detail-box .link-box {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
}

#page-spot .desc-table {
	display: grid;
	grid-auto-rows: max-content;
	grid-template-rows: max-content max-content 1fr max-content;
	grid-auto-columns: 1fr 1fr;
	margin: 2em 0;
	font-size: 1.4rem;
	padding: 2rem 4rem;
	gap: 1rem;
	row-gap: 1rem;
	column-gap: 1.5rem;
}
@media (max-width: 782px) {
	#page-spot .desc-table {
		margin: 1.5rem 1rem;
	}
	#map .map-resizable-button:checked ~ .map-image-wrap.map-resizable {
		overflow: scroll;
		width: 100%;
		height: auto;
		object-position: center;
	}
	#map .map-resizable-button:checked ~ .map-image-wrap.map-resizable svg {
		max-width: none;
		width: auto;
		height: auto;
	}
	#map .map-wrap {
		position: relative;
	}
	#map .map-resizable-label {
		text-align: center;
		display: block;
		margin: .5rem 10%;
		top:0;
		position: sticky;
		background-color: rgba(222,222,222,1) ;
		border-radius: 0.5em;
		padding: .2em 1em;
		color: black;
	}
	#map .map-resizable-label.zoom-out {
		display: none;
	}
	#map .map-resizable-button:checked ~ .map-resizable-label.zoom-out {
		display: block;
	}
	#map .map-resizable-button:checked ~ .map-resizable-label.zoom-in {
		display: none;
	}
}
@media (min-width: 783px) {
	#map img, #map svg {
		max-width: none;
	}
	#map .map-resizable-label {
		display: none;
	}
}
#map input.map-resizable-button {
	display: none;
}
#map .map-image-wrap {
	margin-bottom: 1em;
}
#map ul.ledgend {
	margin-top: 1em;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#map ul.ledgend li {
	margin-left: 1em;
}
@media (max-width: 782px) {
	#map ul.ledgend li img {
		width: 1em;
	}
}

#page-spot #watch .desc-table {
	display: grid;
	grid-template-areas: "img title"
						"img desc"
						"img detail-box";
	grid-auto-columns: max-content 1fr;
}
@media (max-width: 782px) {
	#page-spot #watch .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"detail-box";
		grid-auto-columns: auto;
	}
	#page-spot #watch .desc-table img {
		width: 100%;
	}
}

#page-spot .desc-table .img-box {
	grid-area: img;
	justify-self: left;
	display: grid;
	grid-auto-flow: column;
	width: 100%;
	gap: 1em;
}
@media (max-width: 782px) {
	#page-spot .desc-table .img-box {
		grid-auto-flow: row;
	}
	#page-spot .desc-table .img-box img {
		width: 100%;
	}
}
#page-spot .desc-table .img-box img {
	max-width: 100%;
	height: auto;
}

#page-spot .desc-table .title {
	grid-area: title;
	margin: 0;
	font-size: 1.8rem;
	align-self: start;
}

#page-spot .desc-table .desc {
	grid-area: desc;
}

#page-spot .desc-table .info {
	margin: 0;
	grid-area: info;
}
@media (max-width: 782px) {
	#page-spot .desc-table > .info {
		background-color: var(--detail-color);
		border-radius: 1em 1em 0 0;
		padding: 1em;
		padding-bottom: .5em;
		font-size: 0.8em;
	}
}

#page-spot .desc-table .detail-box {
	grid-area: detail-box;
	margin-top: 1em;
	font-size: .8em;
}
@media (max-width: 782px) {
	#page-spot .desc-table > .info ~ .detail-box {
		margin-top: -1rem;
		border-top-right-radius: unset;
		border-top-left-radius: unset;
		padding-top: .5em;
	}
}


#page-spot.en #watch .desc-table {
	grid-template-areas: "img title title"
						"img desc detail-box"
						"img padding padding";
	grid-auto-columns: max-content 1fr max-content;
	grid-template-rows: max-content max-content 1fr;
}
@media (max-width: 782px) {
	#page-spot.en #watch .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"detail-box";
		grid-auto-columns: auto;
		grid-template-rows: max-content max-content 1fr max-content;
	}	
	#page-spot.en #watch .desc-table img {
		width: 100%;
	}
}
#page-spot.en #watch .desc-table .detail-box {
	margin-top: 0;
	background-color: unset;
	padding: 0;
}
#page-spot.en #watch .desc-table .detail-box .link-box {
	align-items: flex-end;
}

#page-spot .desc-table .more-link {
	grid-area: more-link;
}

#page-spot .desc-table .detail-box ul {
	margin: 0;
}

#page-spot #tea .desc-table {
	grid-template-areas: "img img"
						"title desc"
						"info desc"
						"detail-box detail-box";
}
@media (max-width: 782px) {
	#page-spot #tea .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"info"
							"detail-box";
		grid-auto-flow: row;
		grid-auto-columns: auto;
	}	
}

#page-spot #tea .desc-table .desc ul {
	list-style-type: circle;
	list-style-type: "\25cb";
	margin: 0;
}

#page-spot #tea .desc-table .desc ul li{
	margin: 0 0 0 1em;
}

#page-spot .desc-table .info dt {
	font-weight: normal;
	float: left;
	clear: left;
	margin-top: 0;
}

#page-spot .desc-table .info dd {
	font-weight: normal;
	margin-left: .5em;
	margin-top: 0;
}

#page-spot .desc-table .info dl {
	margin: 0;
}

#page-spot .desc-table .info dl::after {
	content: "";
	clear: left;
	display: block;
}

#page-spot .desc-table .info dt::after {
	content: ":";
}

#page-spot .desc-table .info dd::after {
	content: "\A";
	white-space: pre ;
}

#page-spot #eat .desc-table {
	grid-template-areas: "img title"
						"img  desc"
						"img info"
						"detail-box detail-box";
	grid-template-columns: max-content 1fr;
}
@media (max-width: 782px) {
	#page-spot #eat .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"info"
							"detail-box";
		grid-template-columns: auto;
	}
}

#page-spot #buy .desc-table {
	grid-template-areas: "img title"
						"img  desc"
						"img info"
						"img detail-box";
	grid-template-columns: max-content 1fr;
}
@media (max-width: 782px) {
	#page-spot #buy .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"info"
							"detail-box";
		grid-template-columns: auto;
	}	
}

#page-spot #stay .desc-table {
	grid-template-areas: "img img"
						"title desc"
						"info desc"
						"detail-box detail-box";
}
@media (max-width: 782px) {
	#page-spot #stay .desc-table {
		grid-template-areas: "title"
							"img"
							"img"
							"desc"
							"info"
							"detail-box";
	}
	#page-spot #stay .desc-table > img:last-of-type {
		grid-column: 1;
	}
}

#page-spot #play .desc-table {
	grid-template-areas: "img title"
						"img desc"
						"img detail-box"
						"img more-link";
	grid-template-columns: max-content 1fr;
}
@media (max-width: 782px) {
	#page-spot #play .desc-table {
		grid-template-areas: "title"
							"img"
							"desc"
							"detail-box"
							"more-link";
		grid-template-columns: auto;
	}
}

#page-spot .desc-table .detail-box .info {
	grid-area: auto;
}

#page-spot #play .desc-table .more-link a {
	color: rgb(18, 118, 188);
}

#page-spot #play .desc-table .more-link a::before {
	content: '\025B6';
	padding-left: .2em;
}

/* お問合せ */
#page-contact h1 {
	background-color: rgb(83, 133, 58);
	color: white;
	border-radius: 1em;
	font-size: 1.6rem;
	padding: 1em 2em;
	letter-spacing: .2em;
}

#page-contact .tab {
	display: flex;
	flex-wrap: wrap;
}

#page-contact .tab > label {
	order: -1;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	padding: .2em 1em;
	margin-top: .5em;
	cursor: pointer;
}

#page-contact .tab > .tab-content {
	flex-basis: 100%;
	flex-grow: 1;
	border-width: thin;
	border-radius: 1rem;
}

#page-contact .tab > input[type="radio"] {
	display: none;
}

#page-contact .tab > .tab-content {
	display: none;
	border-width: medium;
	border-style: solid;
	padding: 1em;
}

#page-contact .tab > input:checked + label + .tab-content {
	display: block;
}
#page-contact .tab > input:checked + label {
	padding-bottom: .4em;
	margin-top: .1em;
}

#page-contact .tab label[for="tab-private"] {
	background-color: rgb(83, 133, 58);
	color: white;
}

#page-contact .tab label[for="tab-private"] + .tab-content {
	border-color: rgb(83, 133, 58);
}

#page-contact .tab label[for="tab-group"] {
	background-color: rgb(45,113,148);
	color: white;
}

#page-contact .tab label[for="tab-group"] + .tab-content {
	border-color: rgb(45,113,148);
}

#page-contact .small-red {
	color: red;
	font-size: .8em;
	margin-left: .5em;
}

#page-contact .c-left-meta {
	float: left;
	max-width: 20%;
}

#page-contact .c-right-meta {
	float: right;
	width: 80%;
}

#page-contact .clear {
	clear: both;
}

/* 私たちについて */

#page-about h1 {
	background-color: rgb(83, 133, 58);
	color: white;
	border-radius: 1em;
	font-size: 1.6rem;
	padding: 1em 2em;
	letter-spacing: .2em;
}

#page-about .introduction {
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: rgb(0, 105,52);
	width: 100%;
	display: block;
}

#page-about th:first-child {
	width: 10em;
}

/* イベント */

#event h1 {
	background-color: rgb(0, 118, 66);
	color: white;
	border-radius: 1em;
	font-size: 1.6rem;
	padding: .5em 2em;
	letter-spacing: .2em;
}
#event h1::before {
	content: url(assets/images/event_icon.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	padding: 0;
}

#event header.event-header {
	border-style: dotted none;
	border-width: 2px;
	border-color: rgb(0, 118, 66);
	padding: 1em 0;
	margin: 0;
}

#event header.event-header h3 {
	font-size: 1.8rem;
	margin: 0;
	letter-spacing: .1rem;
}

#event a.more-link {
	background-color: rgb(0, 118, 66);
    margin: 1em 2em;
    color: white;
    padding: .2em;
    display: block;
    text-align: center;
    border-radius: 1em;
}

#event .list-event {
	display: grid;
	gap: 1em;
	grid-auto-flow: row;
	grid-template-rows: max-content;
	grid-template-columns: 1fr 1fr;
}

#event .list-event div {
	grid-column-start: 1;
}

#event .list-event .event-images {
	grid-column: 2;
	grid-row: 1 / span 2;
}

#tribe-events-pg-template .event-featured-image {
	float: right;
	width: 50%;
}
#tribe-events-pg-template h1 {
	background-color: rgb(0, 118, 66);
	color: white;
	border-radius: 1em;
	font-size: 1.6rem;
	padding: .5em 2em;
	letter-spacing: .2em;
}
#tribe-events-pg-template h1::before {
	content: url(assets/images/event_icon.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	padding: 0;
}

#tribe-events-content.tribe-events-single .tribe-events-meta-group-details .tribe-events-event-categories-label,
#tribe-events-content.tribe-events-single .tribe-events-meta-group-details .tribe-events-event-categories {
		display: none;

}

.tribe-events-event-meta .tribe-events-meta-group {
	display: block;
	float: none;
	width: auto;
	padding: 0 1em;
}

.tribe-events-event-meta .tribe-events-meta-group-details .tribe-events-single-section-title {
	display: none;
}

.tribe-events-event-meta .tribe-events-meta-group-details .tribe-events-start-datetime-label,
.tribe-events-event-meta .tribe-events-meta-group-details .tribe-events-start-date-label {
		font-size: 1.4em;
	font-weight: 700;
	margin: 20px 0 10px;
}


.single-tribe_events .tribe-events-event-meta {
	background: none;
	border: solid;
	border-width: 2px;
	border-color: var(--base-color);
	border-radius: 1em;
	width: 50%;
}
@media(max-width: 768px) {
	.single-tribe_events .tribe-events-event-meta {
		width: 100%;
		float: left;
	}
}

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix::after {
	clear: none;
}

#tribe-events-content-wrapper .tribe-bar-disabled {
	display: none;
}

.single-tribe_events .tribe-events-event-image {
	display: none;
}

#tribe-events-content-wrapper, #tribe-events-content.tribe-events-single {
	padding: 3rem 10rem;
    margin: 0 auto;	
}
@media (max-width: 782px) {
	#tribe-events-content-wrapper, #tribe-events-content.tribe-events-single {
		padding: 0;
		margin: 0;	
	}
}

#tribe-events-content.tribe-events-list {
	float: left;
}

#tribe-events-content.tribe-events-single .tribe-events-schedule.tribe-clearfix::after {
	clear: none;
}

#tribe-events-content.tribe-events-single #tribe-events-header,
#tribe-events-content.tribe-events-list #tribe-events-header
 {
	clear: none;
}
#tribe-events-content.tribe-events-single #tribe-events-header {
	display: none;
}

.event-featured-image .slides {
	margin: 0;
}
.event-featured-image .slides li {
	list-style: none;
	margin-top: 1rem;
}

#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-footer .tribe-events-sub-nav li,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-header .tribe-events-sub-nav li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tribe-events-schedule h2 {
	margin-top: 0;
	margin-bottom: .5rem;
}

.single-tribe_events .secondary .tribe-events-venue-map {
	width: 100%;
	margin-right: 0;
}
@media (max-width: 768px) {
	.tribe-events-loop .tribe-events-event-meta {
		padding: 0;
	}
}

/* 英語ページ */
#page-english h1 {
	background-color: unset;
	color: inherit;
	padding: 0;
	letter-spacing: normal;
	font-size: 1.8rem;
}

@media (max-width: 782px) {
	#page-qa h1 {
		font-size: inherit;
		font-weight: normal;
		padding: .5em 1em .5em 2.5em;
		text-indent: -1.5em;
	}
}

/* 住む・働く */

#page-live {
	--corner-color: transparent;
	--base-color: rgb(109, 62, 38);
	--detail-color: rgb(246, 230, 201);
	--background-color: rgb(250, 247, 240);
	--border-color: rgb(198, 163, 60);
}

#page-live h1 {
	min-height: 3.2em;
	font-size: 1.6rem;
	border-radius: 1em;
	padding: 1em 2em;
	background-color: var(--base-color);
	color: white;
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-auto-flow: column;
	align-items: center;
	column-gap: 1rem;
}

@media (min-width: 782px) {
	#page-live > section > section {
		margin-left: 2em;
	} 
}
#page-live h2 {
	color: var(--base-color);
	border-image-source: url(assets/images/live_line.png);
	border-image-width: auto;
	border-image-slice: 0 0 100 0;
	border-style: solid;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: .5em;
}

#page-live h2::before{
	content:  var(--icon-file);
}

#page-live #migrate #house h2 {
	--icon-file: url(assets/images/live_bird.png);
}
#page-live #migrate #migrate-flow h2 {
	--icon-file: url(assets/images/live_hatake.png);
}
#page-live #migrate #child-rearing h2 {
	--icon-file: url(assets/images/live_flower.png);
}
#page-live #work #hellowork h2 {
	--icon-file: url(assets/images/live_tea.png);
}
#page-live #work #other-work h2 {
	--icon-file: url(assets/images/live_bag.png);
}
#page-live > section > section > section > p {
	margin-left: 1em;
}

#page-live h3 {
	color: var(--base-color);
	background-color: var(--detail-color);
	padding: .8em;
	margin-left: 0;
}

#page-live .link-box {
	margin: .5em 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
@media (max-width: 782px) {
	#page-live .link-box {
		flex-direction: column;
	}
}
#page-live .link-box a {
	color: var(--base-color);
	font-weight: bolder;
	border-color: var(--base-color);
	background-color: var(--background-color);
	border-style: solid;
	border-width: 1px;
	border-radius: 1em;
	padding: .5em 3em;
	margin: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#page-live .link-box a::before {
	content: url(assets/images/live_btn.png);
	padding-right: 1em;
	vertical-align: middle;
}

#page-live .info-box {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

#page-live .info-box > dt {
	padding: .5em 1em;
	color: white;
	font-weight: normal;
	background-color: var(--base-color);
}

#page-live .info-box > dd {
	margin-top: 0;
	margin-left: 0;
	padding: 1em;
	background-color: var(--background-color);
}
#page-live #migrate #house .share-house-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
}
@media (max-width: 782px) {
	#page-live #migrate #house .share-house-list {
		grid-template-columns: 1fr;
	}
}

#page-live #migrate #house .desc-table {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	outline-color: var(--border-color);
}
#page-live .desc-table {
	font-size: 1em;
}
#page-live  .desc-table .link-box {
	justify-content: right;
	align-items: flex-end;
}
#page-live  .desc-table .link-box a {
	padding: 0 1em;
	margin: 0;
	font-size: smaller;
}
#page-live  .desc-table .link-box a::before {
	content: none;
}
#page-live .desc-table .link-box a::after {
	content: '>';
	margin-left: .2em;
}

#page-live .desc-table::before, #page-live .desc-table::after{
	border-width: 0;
}
#page-live #migrate #house .desc-table .img-box {
	height: 12em;
}
#page-live #migrate #house .desc-table .img-box img {
	height: 100%;
	width: auto;
	margin: 0 auto;
}
@media (max-width: 782px) {
	#page-live #migrate #house .desc-table .img-box {
		height: unset;
	}
}
#page-live #migrate #house .desc-table .title {
	color: var(--base-color);
	grid-row: 2;
	margin: 1rem 0;
	font-size: 1.2em;
	font-weight: bold;
}
#page-live #migrate #house .desc-table .desc {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 4.5em;
}

#page-live .migrate-flow dd {
	margin-left: 5em;
	border-image-source: url(assets/images/live_arrow.png);
	border-image-repeat: space;
	border-image-slice: 0 0 0 100;
	border-image-width: 0 0 0 auto;
	border-image-outset: 0 2em;
	border-style: solid;
}
#page-live .migrate-flow dd:last-child {
	border-image: none;
	border-style: none;
}

#page-live .migrate-flow dt {
	color: var(--base-color);
	background-color: var(--detail-color);
	padding: .8em;
	margin-left: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: .5em;
}
@media (min-width: 783px) {
	#page-live .migrate-flow {
		margin-right: 4.5em;
		margin-left: 4.5em;
	}
}
#page-live .migrate-flow dt::before {
	content: url(assets/images/live_circle.png);
}

#page-live .migrate-flow dd ul {
	margin-left: 0;
	margin-bottom: .5em;
	margin-top: .5em;
}

#page-live .migrate-flow dd ul li::marker {
	font-size: .8em;
}

#page-live .migrate-flow dd .link-box {
	justify-content: flex-start;
}

@media (min-width: 783px) {

	#page-live #migrate-flow .info-box dl {
		display: grid;
		align-items: center;
		margin: 0;
	}
}

#page-live #migrate-flow .info-box dl dt {
	grid-column: 1;
	grid-row: 1 / 3;
	font-size: 1.1em;
	font-weight: normal;
}

#page-live #migrate-flow .info-box dl dd {
	grid-column: 2;
}

#page-live #migrate-flow .info-box dl dd.tel {
	color: var(--base-color);
	font-size: 1.1em;
}

#page-live thead {
	background-color: var(--detail-color);
	color: var(--base-color);
}

#page-live thead th {
	text-align: center;
}

#page-live tbody th {
	font-weight: normal;
}

#page-live .jobs-list .desc-table {
	display: grid;
	grid-template-areas:
		"title img"
		"desc img";
	grid-template-rows: max-content 1fr;
	grid-template-columns: 1fr 1fr;
	padding: 1rem;
	column-gap: 1.5rem;
	row-gap: 1em;
	outline-style: none;
}
@media (max-width: 782px) {
	#page-live .jobs-list .desc-table {
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: "title" "img" "desc";
	}
}

#page-live .jobs-list .desc-table .title {
	grid-area: title;
	border-style: dotted;
	border-width: 2px 0;
	border-color: var(--border-color);
	color: var(--base-color);
	font-weight: bold;
	min-height: 3em;
}

#page-live .jobs-list .desc-table .img-box {
	grid-area: img;
}

#page-live .jobs-list .desc-table .desc {
	grid-area: desc;
}

#page-live .incomer-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#page-live .incomer-list .desc-table {
	display: grid;
	grid-template-areas:
		"img title"
		"img desc";
	grid-template-rows: max-content 1fr;
	grid-template-columns: max-content 1fr;
	padding: 1rem;
	column-gap: 1.5rem;
	row-gap: 1em;
	outline-style: none;
	background-color: var(--background-color);
	font-size: .8em;
}
@media (max-width: 782px) {
	#page-live .incomer-list {
		grid-template-columns: auto;
	}	
}

#page-live .incomer-list .desc-table .title {
	grid-area: title;
	border-bottom-style: dotted;
	border-width: 2px;
	border-color: var(--border-color);
	word-break: keep-all;
}

#page-live .incomer-list .desc-table h4 {
	margin: .5em 0;
	font-size: 1em;
	font-weight: normal;
}

#page-live .incomer-list .desc-table .img-box {
	grid-area: img;
}

#page-live .incomer-list .desc-table .desc {
	grid-area: desc;
}

#page-live .incomer-list .desc-table .desc > div {
	display: flow-root;
}
#page-live .incomer-list .desc-table dl.desc  {
	margin: 0;
}
#page-live .incomer-list .desc-table .desc > div dt,
#page-live .incomer-list .desc-table .desc > div dd {
	margin: 0;
	line-height: normal;
}

#page-live .incomer-list .desc-table .desc .label {
	float: left;
	color: var(--base-color);
	padding-right: 1em;
}
#page-live .incomer-list .desc-table .desc .label::before {
	margin-right: .1em;
	width: 1.5em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
	display: inline-block;
}
#page-live .incomer-list .desc-table .desc .label-tax::before {
	background-image: url(assets/images/live_book.png);
}

#page-live .incomer-list .desc-table .desc .label-message::before {
	background-image: url(assets/images/live_letter.png);
}

/* CF7 send */
form.wpcf7-form input[type="submit"] {
	display: block;
	margin: auto;
}