@charset "utf-8";
/*******************************************
Theme Name: kj_monet
Theme URI:
Description: This is our original theme.
Author: grid_mjmj
Author URI: 
Version:1.0
********************************************/

/*--------------------------------------
    Reset
----------------------------------------*/
/*--- base ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, samp,
small, strike, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, hr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-style:inherit;
	font-weight: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
*, *:before, *:after {
    box-sizing: border-box;
}
/*--- elemnts ---*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    appearance: none;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
img {
	max-width:100%;
}
table {
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
}
a, a:visited {
	text-decoration: none;
}
/*--------------------------------------
    Common
----------------------------------------*/
body {
	width: 100%;
	position: relative;
	color: #222;
	font-family: 'Open Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic,
	'Helvetica Neue', Verdana, Meiryo, Arial, sans-serif;
	line-height: 1;
}
a, a img {
	backface-visibility: hidden;
	transition: 0.3s ease-in-out;
}
a img:hover {
	opacity:0.7;
	transition: 0.3s ease-in-out;
}
strong, em {
	font-weight: bold;
}

/*--- レイアウト ---*/
	.mb20 { margin-bottom: 20px; }
	.mb40 { margin-bottom: 40px; }
	.mb60 { margin-bottom: 60px; }
@media screen and (max-width:759px) {
	.pc {
		display: none;
	}
	.container .inner {
		width: 90%;
		margin: 0 auto;
		font-size: 90%;
	}
	.imgbox, .imgbox img {
		display: block;
	}
	.col-3-1 .imgbox {
		max-width: 50%;
		margin: 1em auto 0;
	}
	.col-3 .item {
		margin-bottom: 1.5em;
	}
	.col-3.image, .col-2.image {
		display: flex;
		justify-content: space-between;
	}
	.col-3.image .imgbox { width: 32.5%; }
	.img-M + .col-3.image { margin: 0.5em 0; }
	.col-2.image .item { width: 49%; }
}
@media screen and (min-width:760px) {
	.sp {
		display: none;
	}
	.inner {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 10px;
	}
	.inner .inside {
		max-width: 840px;
		margin-left: auto;
		margin-right: auto;
	}
	.col-2, .col-2-1, .col-3, .col-3-1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}
	.col-2 .txtbox, .flt-2 .txtbox { width: 42.5%; }
	.col-2 .imgbox, .flt-2 .imgbox { width: 48.9%; }
	.col-2 .box { width: 46.8%; }
	.col-2-1 .txtbox, .col-2-1 .box,
	.flt-2-1 .txtbox, .eventDetail .txtbox { width: 59.6%; }
	.col-2-1 .imgbox, .col-2-1.img-M .txtbox,
	.flt-2-1 .imgbox, .eventDetail .imgbox { width: 31.9%; }
	.col-2-1.img-M .imgbox, .lesson .col-2-1 .txtbox { width: 65.96%; }
	.col-3-1 .txtbox { width: 70.2%; }
	.col-3-1 .imgbox { width: 23.4%; }
	.col-3 .imgbox { width: 31.9%; }
	.col-3 .item {
		width: 31.9%;
		margin-bottom: 2em;
	}
	.col-2 .item {
		width: 48.9%;
	}
	.col-3 .item:nth-child(3n+2):last-child {
		margin-right: 34%;
	}
	.col-2-1.img-M.bottom {
		align-items: flex-end;
	}
	.imgbox.mt {
		margin-top: 2em;
	}
	.flt-2-1:after, .flt-2:after, .eventDetail:after {
		content: '';
		display: block;
		clear: both;
	}
	.flt-2-1 .txtbox, .flt-2 .txtbox,
	.eventDetail .txtbox {
		float: left;
	}
	.flt-2-1 .imgbox, .flt-2 .imgbox,
	.eventDetail .imgbox {
		float: right;
	}
	.newsSection {
		display: flex;
	}
	.newsSection .yearList { width: 23.4%; }
	.newsSection .yearList li {
		display: block;
		margin-bottom: 1em;
	}
	.newsSection .newsWrap { width: 76.6%; }
}
/*--- 共通パーツ ---*/
[role="presentation"].en {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
}
figcaption, .caption, .wp-caption-text {
	font-size: 87.5%;
	line-height: 1.5;
	margin-top: 0.5em;
}
.txtbox .caption, .imgbox .caption { margin-bottom: 1em; }
.txt {
	line-height: 1.6;
	margin-bottom: 1em;
}
.italic { font-style: italic; }
.item .txt {
	font-size: 87.5%;
	line-height: 1.5;
}
.item .headline_s, .item .headline_ss {
	margin: 1em 0 0.5em;
}
.item .more { margin-top: 1em; }
.txtlink {
	color: inherit;
	border-bottom: dotted 1px #999;
}
.txtlink:hover {
	color: #679172;
	border-bottom-color: #fff;
}
.btn {
	display: inline-block;
	line-height: 1.6;
	padding: 0.5em 1em;
	border: solid 1px #005b34;
	background-color: #fff;
	color: #005b34;
}
.btn .icon_external:before {
	color: #005b34;
	transition: all 0.3s;
}
.btn:hover {
	color: #fff;
	background-color: #005b34;
    transition: all 0.3s;
}
.btn:hover .icon_external:before { color: #fff; }
.btn.strong {
	background-color: #005b34;
	color: #fff
}
.btn.strong:hover {
	background-color: #fff;
	color: #005b34;	
}
.quote {
	display: inline-block;
	position: relative;
	line-height: 1.2;
	margin: 1em 0;
}
.quote .en {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	letter-spacing: 0.05em;	
}
.quote .en:before, .quote .en:after,
.quote .words:before, .quote .words:after {
	font-size: 1.5em;
	font-family: serif;
	color: #679172;
	position: absolute;
	top: -0.25em;
}
.quote .en:before, .quote .words:before {
	content: '“';
	left: -0.75em;
}
.quote .en:after, .quote .words:after {
	content: '”';
	right: -0.75em;
}
.quote .jp {
	display: block;
	margin-top: 0.8em;
	font-size: 87.5%;
	line-height: 1.4;
}
.date .period {
	font-weight: normal;
	font-size: 1.1em;
	display: inline-block;
	padding: 0 0.2em;
}
hr {
	border-left: 0;
	border-right: 0;
	border-top: solid 1px #eae9d8;
	border-bottom: solid 1px #eae9d8;
	height: 4px;
	margin-bottom: 1.5em;
}
@media screen and (min-width:760px) {
	.txt {
		line-height: 1.8;
	}
	.btn {
		font-size: 90%;
	}
	.btn.large {
		padding: 1em 3em;
	}
	.quote .en {
		font-size: 1.4em;
	}
	.quote .en:before, .quote .en:after,
	.quote .words:before, .quote .words:after {
		font-size: 2.4em;
		top: -0.4em;
	}
	hr { margin-bottom: 40px; }
}
/*--- 投稿スタイル ---*/
.newsItem .txt p {
	margin-bottom: 1em;
}
.newsItem .txt a, .eventDetail .description a,
.relatedEvent a {
	color: inherit;
	border-bottom: dotted 1px #999;
}
.newsItem .txt a:hover, .eventDetail .description a:hover,
.relatedEvent a:hover {
	color: #679172;
	border-bottom-color: #fff;
}
.eventDetail .description em { font-style: italic; }
.eventDetail .description p {
	line-height: 1.6;
	margin-bottom: 1em;
}
.eventDetail .description h2 {
	font-size: 1.6em;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin: 1.6em 0 1em;
	padding-bottom: 0.2em;
	border-bottom: solid 1px #eae9d8;
}
.eventDetail .description h3 {
	background: url(img/common/icon_headline_s.svg) no-repeat left 0.1em;
	background-size: 0.9em 0.9em;
	font-size: 1.4em;
	letter-spacing: 0.01em;
	line-height: 1.2;
	padding-left: 1.2em;
	margin: 1.6em 0 1em;
}
.eventDetail .description h4 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.5em 0 0.8em;
}
.eventDetail .description ul, .eventDetail .description ol {
	margin-bottom: 1em;
}
.eventDetail .description ul li, .eventDetail .description ol li {
	margin-bottom: 0.5em;
	line-height: 1.5;
}
.eventDetail .description ul {
	list-style: url(img/common/icon_headline_s.svg) inside;
}
.eventDetail .description ol { list-style: decimal inside; }
.eventDetail .description blockquote {
	quotes: none;
	background-color: #fafaf5;
	padding: 1.5em 3em 0.5em;
	position: relative;
}
.eventDetail .description blockquote:before,
.eventDetail .description blockquote:after {
	font-size: 3em;
	font-family: serif;
	color: #679172;
	position: absolute;
}
.eventDetail .description blockquote:before {
	content: '“';
	top: 0;
	left: 0.3em;
}
.eventDetail .description blockquote:after {
	content: '”';
	bottom: -0.5em;
	right: 0.3em;
}
/*--------------------------------------
    Header
----------------------------------------*/
#siteHeader {
	position: relative;
	background-color: #fff;
	width: 100%;
}
.siteTitle a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(img/logo.svg) center no-repeat;
}
.siteTitle a:hover {
	opacity:0.7;
	transition: 0.3s ease-in-out;
}
.primalMenu {
	font-size: 85%;
	margin-right: 65px;
	padding-top: 23px;
	display: flex;
	flex-direction: row-reverse;
}
.primalMenu a {
	color: #4d4d4d;
}
.primalMenu a:hover {
	color: #679172;
}
.primalMenu .contact, .primalMenu .access {
	font-weight: bold;
	margin-left: 1em;
}
@media screen and (min-width:360px) {
	.primalMenu .access, .primalMenu .contact {
		position: relative;
		margin-left: 2em;
	}
	.primalMenu .access a:before, .primalMenu .contact a:before {
		font-family: 'icomoon';
		font-size: 130%;
		position: absolute;
		top: -0.1em;
	}
	.primalMenu .access a:before {
		content: "\f003";
		left: -1.2em;
	}
	.primalMenu .contact a:before {
		content: "\f004";
		left: -1em;
	}
}
.secondaryMenu {
	display: flex;
	margin-top: 0.3em;
}
.langSelect a {
	display: inline-block;
	font-size: 95%;
	margin-top: -0.5em;
	padding: 0.5em 0.5em;
	letter-spacing: 0.05em;
	color: #4d4d4d;
}
.langSelect a:before {
	font-family: 'icomoon';
	font-size: 0.8em;
	content: "\f006";
}
.primalMenu .snsBtn a, .secondaryMenu .snsBtn a {
	font-size: 1.7em;
	color: #005b34;
	display: inline-block;
	padding: 0.5em;
	margin-top: -0.7em;
}
.snsBtn.instagram {
	margin-left: 0.5em;
}
.langSelect a:hover, .primalMenu .snsBtn a:hover,
.secondaryMenu .snsBtn a:hover {
	color: #679172;
}
/*--- SP mainMenu ---*/
@media screen and (max-width:759px) {
	#siteHeader {
		height: 60px;
		position: relative;
		width: 100%;
		transition: all .5s;
		z-index: 2;
	}
	/* sp drawer 基本スタイル */
	.menu_logo {
		width: 90px;
		margin: 0.8em auto;
	}
	.sp-nav {
		border-top: solid 1px #cfcea5;
	}
	.sp-nav a { color: #4d4d4d; }
	.sp-nav a:hover { color: #679172; }
	.sp-nav > li {
		border-bottom: solid 1px #cfcea5;
		position: relative;
	}
	.sp-nav .parent {
		display: inline-block;
		padding: 1em;
	}
	.sp-nav .dropdownToggle {
		display: inline-block;
		cursor: pointer;
		padding: 0.95em 1em;
		border-left: solid 1px #cfcea5;
		position: absolute;
		right: 0;
	}
	.sp-nav .dropdownToggle.open .icon_puls {
		display: inline-block;
		-webkit-transformtransform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sp-nav .childMenu {
		display: none;
	}
	.sp-nav .childMenu li {
		background-color: #fff;
		border-top: solid 1px #eae9d8;
	}
	.sp-nav .childMenu li a {
		display: block;
		padding: 0.9em 1em;
	}
	.sp-nav + .secondaryMenu {
		padding: 1.2em 0.8em;
		font-size: 90%;
	}
	/* drawer */
	.overlay {
		content: '';
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		transition: all .5s;
		z-index: 3;
	}
	.drawer-container {
		transition: all .5s;
		background-color: #fff;
	}
	.navToggle {
	    position: fixed;
	    top: 0;
	    right: 1em;
	    width: 34px;
	    height: 36px;
	    cursor: pointer;
	    z-index: 9999;
	}
	.navToggle div {
	    position: relative;
	}
	.navToggle .toggleBar {
	    display: block;
	    position: absolute;
	    height: 2px;
	    width: 100%;
	    background: #005b34;
	    left: 0;
	    transition: .3s ease-in-out;
	}
	.navToggle .toggleBar:nth-child(1) { top: 0; }
	.navToggle .toggleBar:nth-child(2) { top: 11px; }
	.navToggle .toggleBar:nth-child(3) { top: 22px; }
	.drawer {
		position: fixed;
		top: 0;
		right: 0;
		width: 270px;
		height: 100%;
		background-image: url(img/common/bgi_canvas.jpg);
		z-index: -2;
		transition: all .5s;
	}
	.open .overlay, .open .drawer-container {
		-webkit-transform: translate3d(-270px, 0, 0);
		transform: translate3d(-270px, 0, 0);
	}
	.open .drawer {
		z-index: 0;
		transition: all .5s;
	}
	.open .overlay {
		visibility: visible;
		cursor: pointer;
		background: rgba(0,0,0,0.5);
	}
	.open .navToggle .toggleBar:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open .navToggle .toggleBar:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open .navToggle .toggleBar:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
/*--- PC header ---*/
@media screen and (min-width:760px) {
	.siteTitle {
		position: relative;
	}
	.siteTitle a {
		width: 100px;
		height: 100px;
		left: 10px;
		z-index: 8;
	}
	.primalMenu {
		font-size: 87.5%;
		height: 40px;
		margin: 0 auto;
		padding-top: 15px;
	}
	.primalMenu .access {
		order: 3;
		margin-left: 2.8em;
	}
	.primalMenu .contact {
		order: 2;
		margin: 0 1.2em 0 2.8em;
	}
	.primalMenu .langSelect { order: 1; }
	.primalMenu .snsBtn { order: 0; }
	.primalMenu .contact a:before {
		content: "\f012";
		font-size: 120%;
		margin-top: -0.05em;
		left: -1.2em;
	}
	.g-nav {
		width: calc(100% - 140px);
		margin-left: 140px;
		display: flex;
		justify-content: space-between;
	}
	.g-nav .about { width: 20%; }
	.g-nav .guide { width: 19%; }
	.g-nav .shop { width: 25%; }
	.g-nav .event { width: 18%; }
	.g-nav .information { width: 18%; }
	.g-nav .parent {
		padding: 0.9em 0 0.9em 1em;
		background: url(img/common/gnav_line.png) left 0.7em no-repeat;
	}
	.g-nav > .active {
		background: url(img/common/bgi_canvas.jpg);
		border-radius: 5px 5px 0 0 ;
	}
	.g-nav .active .parent { color: #679172; }
	.g-nav .parent .en {
		display: block;
		padding-top: 0.8em;
		font-size: 10px;
		letter-spacing: 0.1em;
		color: #679172;
	}
	.g-nav a {
		font-weight: bold;
		font-size: 95%;
		color: #4d4d4d;
		display: block;
		padding: 0.5em;
	}
	.g-nav a:hover { color: #679172; }
	.g-nav .childMenu {
		display: none;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		background-image: url(img/common/bgi_canvas.jpg);
		z-index: 6;
	}
	.g-nav .childMenu ul {
		display: flex;
		justify-content: center;
	}
	.g-nav .about .childMenu ul { margin-left: -25%; }
	.g-nav .event .childMenu ul { margin-right: -35%; }
	.g-nav .information .childMenu ul { margin-right: -28%; }
	.g-nav .childMenu li + li a:before {
		content: '';
		height: 1.5em;
		padding-left: 1em;
		border-left: solid 1px #679172;
	}
	.g-nav .childMenu li a {
		padding: 1.75em 0.5em;
	}
	/*--- PC g-nav selected ---*/
	#siteHeader.selected {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		border-bottom: solid 1px #fafaf5;
		transition: .3s;
		z-index: 1000;
	}
	.selected .g-nav .en, .selected .primalMenu {
		display: none;
	}
	.selected .siteTitle a {
		width: 55px;
		height: 55px;
	}
	.selected .g-nav { margin-left: 110px; }
	.selected .g-nav .parent {
		background: none;
		text-align: center;
		padding: 1.3em 0;
		height: 55px;
	}
	.selected .g-nav .about, .selected .g-nav .guide,
	.selected .g-nav .shop, .selected .g-nav .event,
	.selected .g-nav .information { width: 20%; }
	.selected .g-nav .childMenu { top: 55px; }
}
/*--------------------------------------
    トップページ
----------------------------------------*/
.home #siteHeader {
	position: fixed;
	top: 0;
	z-index: -1;
}
.home .topImage {
	position: fixed;
	width: 100%;
	z-index: -1;
	background-color: #005b34;
}
.home .topImage img {
	width: 100%;
	display: block;
}
.home .topSlider { z-index: 1;}
.home .topImage .logo_en {
	position: absolute;
	z-index: 5;
}
.home .topContents {
	background-color: #fff;
	z-index: 999;
}
.home .temporary {
	padding: 1.25em 0;
	background-color: #f5f4d4;
	line-height: 1.75;
	letter-spacing: 0.05em;
	text-align: center;
	font-size: 90%;
}
.home .topNews {
	font-size: 90%;
}
.home .topNews .inner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.home .topNews .newsHead {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	color: #005b34;
	letter-spacing: 0.1em;
}
.home .topNews .more {
	text-align: right;
	margin-top: -0.6em;
}
.home .topNews .more a { color: #005b34; }
.home .topNews .more a:hover { color: #999; }
.home .topNews .more .icon_arrow_right {
	font-size: 1.4em;
	position: relative;
	top: 0.2em;
}
.home .topNews .newsList .date {
	display: inline-block;
	margin-left: 0.7em;
}
.home .topNews .newsList dd {
	line-height: 1.4;
}
.home .topNews .newsList .newsCategory {
	font-size: 80%;
	display: inline-block;
	line-height: 1.8;
	width: 7.5em;
	text-align: center;
	border: solid 1px #679172;
	color: #005b34;
}
.home .topBanner { margin: 1.5em auto 3.5em; }
.home .topBanner+.topBanner { margin-top: -2.5em; }
.home .topHead {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	letter-spacing: 0.15em;
	text-align: center;
	margin: 2em 0 1em;
	color: #333;
}
.home .events { padding-bottom: 1em; }
.home .eventIndex .info { font-size: 100%; }
.home .eventTitle { font-size: 1.1em; }
.home .leading {
	margin: 2em 0 1em;
	text-align: center;
}
.home .gardenGuide {
	background: url(img/common/bgi_canvas.jpg);
	position: relative;
	margin-top: 4em;
	text-align: center;
}
.home .gardenGuide .topHead {
	position: relative;
	top: -0.4em;
	left: 0.2em;
}
.home .gardenGuide .topHead:before {
	content: url(img/top/illust_tulip_s.png);
	position: absolute;
	top: -2.2em;
	margin-left: -45px;
}
.home .quote { margin-bottom: 2em; }
.home .quote .name:before {
	content: '';
	display: inline-block;
	width: 2em;
	border-top: solid 1px #222;
	position: relative;
	top: -0.4em;
	margin: 0 0.5em 0 1em;
}
.home .gardenGuide .image {
	position: relative;
	margin-bottom: 0.5em;
}
.home .gardenGuide .image .painting {
	position: absolute;
}
.home .gardenGuide .garden:hover .painting {
	opacity: 0;
}
.home .gardenGuide .garden .en {
	color: #679172;
	font-size: 90%;
	letter-spacing: 0.1em;
}
.home .gardenGuide .garden .jp {
	display: block;
	font-size: 1.3em;
	letter-spacing: 0.08em;
	color: #222;
	font-weight: bold;
	line-height: 1.8;
}
.home .gardenGuide { padding-bottom: 2em; }
.home .information .icon_triangle { font-size: 87.5%; }
.home #siteFooter { margin-top: 0; }
@media screen and (max-width:759px) {
	.home {
		width: 100%;
		overflow-x: hidden;
	}
	.home #siteHeader {
	position: relative;
	z-index: 1;
	}
	.home .topImage {
		position: absolute;
		z-index: 1;
	}
	.home .topImage .logo_en {
		left: calc((100% - 160px)/2);
		top: calc((100% - 88px)/2);
	}
	.home .topImage { top: 60px; }
	.home .topContents { margin-top: 70%; }
	.home .summertime { margin-bottom: 1.5em; }
	.home .summertime em {
		display: block;
		margin-bottom: 0.25em;
		font-size: 90%;
	}
	.home .summertime span { font-size: 87.5%; }
	.home .topNews { padding: 2em 0 1.5em; }
	.home .topNews .newsHead, .home .topNews .more { width: 50%; }
	.home .topNews .newsHead { margin-bottom: 0.8em; }
	.home .topNews .newsList {
		width: 100%;
		border-top: solid 1px #eae9d8;
		padding-top: 1em;
	}
	.home .topNews .newsList dd { margin-top: 0.25em; }
	.home .topNews .newsList dd + dt { margin-top: 1.5em; }
	.home .eventIndex .item { margin-bottom: 1.5em; }
	.home .btn.strong { padding: 0.8em 3em; }
	.home .gardenGuide .garden {
		width: 80%;
		margin: 0 auto 2em;
	}
	.home .topInfo { padding-top: 0.5em; }
	.home .topInfo .txtbox .bnr_s {	text-align: center;	}
	#CDSWIDCOE { margin: auto !important; }
	.home .mapbox { margin-top: 2.5em; }
}
@media screen and (min-width:760px) {
	.home #siteHeader {
		background-color: transparent;
		z-index: auto;
	}
	.home #siteHeader.selected { display: none; }
	.home .primalMenu {padding-top: 22px; }
	.home .secondaryMenu {
		position: fixed;
		top: 2px;
		right: 0;
		z-index: -1;
	}
	.home .primalMenu a, .home .mainMenu .secondaryMenu a {
		color: #fff;
		text-shadow: 1px 1px 2px #000;
	}
	.home .primalMenu a:hover, .home .mainMenu .secondaryMenu a:hover { opacity: 0.7; }
	.home .siteTitle a {
		width: 120px;
		height: 120px;
		left: 10px;
	}
	.home .topImage .logo_en {
		left: calc((100% - 260px)/2);
		top: calc((100% - 280px)/2);
	}
	.home .topImage {
		top: 0;
		z-index: -2;
	}
	.home .mainMenu { position: relative; }
	.home .g-nav {
		position: absolute;
		bottom: 0;
		background-color: #fff;
		width: calc(100% - 20px);
		margin-left: 0;
		padding: 0 1.5em;
		display: flex;
		z-index: 1;
		border-bottom: solid 2px #005b34;
	}
	.home .g-nav .parent {
		padding: 1.4em 0 1em 1em;
		background-position: left 1.1em;
	}
	.home .g-nav > .active { border-radius: 0; }
	.home .g-nav .childMenu {
		top: -56px;
		border-radius: 5px 5px 0 0;
	}
	.home .g-nav .childMenu li a { padding: 1.4em 0.5em; }
	.home .g-nav .about .childMenu ul { margin-left: -45%; }
	.home .topContents {
		margin-top: 57%;
	}
	.home .summertime {
		padding: 1.5em 0;
		margin-bottom: 1em;
	}
	.home .summertime span:before {
		content: '　';
	}
	.home .topNews {
		padding-top: 60px;
	}
	.home .topNews .newsHead {
		margin-top: 0.3em;
		margin-right: 3em;
	}
	.home .topNews .more {
		position: absolute;
		top: 0.3em;
		right: 1em;
	}
	.home .topNews .newsList {
		width: 78%;
	}
	.home .topNews .newsList dt {
		float: left;
	}
	.home .topNews .newsList dd {
		margin-left: 190px;
		margin-bottom: 1.5em;
	}
	.home .topBanner { margin: 60px auto 80px; }
	.home .topBanner+.topBanner { margin-top: -40px; }
	.home .topHead {
		font-size: 1.8em;
		margin-bottom: 1em;
	}
	.home .events { margin-top: 120px;}
	.home .eventIndex { margin: 40px 0 40px; }
	.home .events, .home .gardenGuide { padding-bottom: 60px; }
	.home .gardenGuide .quote {
		margin: 30px 0 50px;
		font-size: 1.1em;
	}
	.home .gardenGuide .quote .en {
		display: inline-block;
		padding: 0 0.5em;
		letter-spacing: 0.1em;
	}
	.home .gardenGuide .garden {
		width: 29.5%;
		margin-bottom: 30px;
	}
	.home .gardenGuide .image { margin-bottom: 1em; }
	.home .topInfo {
		display: flex;
		flex-direction: row-reverse;
	}
	.home .topInfo .mapbox, .home .topInfo .txtbox {
		width: 50%;
	}
	.home .topInfo .txtbox {
		padding: 4em 1em 0 3em;
		min-width: 420px;
	}
	.home .topInfo .txt { font-size: 90%; }
	.home .topInfo .txtbox .bnr_s {
		margin-top: 30px;
		margin-left: -10px;
	}
	.home .topInfo .topHead {
		text-align: left;
		font-size: 1.6em;
		margin: 0 0 1.5em;
	}
	.home .gardenGuide .topHead:before {
		content: url(img/top/illust_tulip.png);
		top: -2em;
		margin-left: -60px;
	}
}
@media screen and (min-width:960px) {
	.home .secondaryMenu { right: calc((100% - 960px)/2); }
}
/*--------------------------------------
    Page
----------------------------------------*/
.pageSection.inner {
	margin-bottom: 3em;
}
/*--- pageTitle ---*/
.pageHeader {
	width: 100%;
	height: 0;
	padding-top: 120px;
	background: center center / cover no-repeat;
	margin-bottom: 1.5em;
}
.pageHeader.about {background-image: url(img/about/ttl_bgi_about_s.jpg);}
.pageHeader.event {background-image: url(img/event/ttl_bgi_event_s.jpg);}
.pageHeader.guide {background-image: url(img/guide/ttl_bgi_guide_s.jpg);}
.pageHeader.cafeshop {background-image: url(img/shop/ttl_bgi_cafeshop_s.jpg);}
.pageHeader.information {background-image: url(img/information/ttl_bgi_information_s.jpg);}
.pageHeader.news {background-image: url(img/common/ttl_bgi_news_s.jpg);}
.pageHeader.contact {background-image: url(img/common/ttl_bgi_contact_s.jpg);}
.pageHeader .pageTitle {
	position: relative;
	top: -2.1em;
	font-size: 1.25em;
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}
@media screen and (min-width:760px) {
	.pageHeader {
		padding-top: 220px;
		margin-bottom: 3em;
	}
	.pageHeader.about {background-image: url(img/about/ttl_bgi_about.jpg);}
	.pageHeader.event {background-image: url(img/event/ttl_bgi_event.jpg);}
	.pageHeader.guide {background-image: url(img/guide/ttl_bgi_guide.jpg);}
	.pageHeader.cafeshop {background-image: url(img/shop/ttl_bgi_cafeshop.jpg);}
	.pageHeader.information {background-image: url(img/information/ttl_bgi_information.jpg);}
	.pageHeader.news {background-image: url(img/common/ttl_bgi_news.jpg);}
	.pageHeader.contact {background-image: url(img/common/ttl_bgi_contact.jpg);}
	.pageHeader .pageTitle {
		font-size: 1.9em;
		text-shadow: 1px 1px 5px #000;
	}
}
/*--- sub-nav ---*/
.sub-nav {
	margin: 0 5% 2em;
}
.sub-nav li {
	display: inline-block;
}
.sub-nav li a {
	font-size: 87.5%;
	line-height: 2.8;
	padding: 0.5em 1em;
	border: solid 1px #005b34;
	border-radius: 1.5em;
	color: #222;
}
.sub-nav li a:hover, .sub-nav li a.current {
	background-color: #679172;
	border-color: #679172;
	color: #fff;
}
@media screen and (min-width:760px) {
	.sub-nav {
		margin-bottom: 4em;
		text-align: center;
	}
	.sub-nav li a {
		line-height: 3;
		padding: 0.75em 1.4em;
		margin: 0 0.2em;
	}
}
/*--- elements ---*/
/* 見出し */
.secTitle, .catchTitle, .eventDetail .eventTitle {
	font-size: 1.6em;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-bottom: 1em;
}
.secTitle {
	position: relative;
	z-index: 1;
}
.secTitle .content {
	background-color: #fff;
}
.secTitle .content:after {
	display: inline-block;
	content: '';
	background-color: #fff;
	width: 0.5em;
}
.secTitle:after {
	display: block;
	content: '';
	width: 100%;
	height: 8px;
	border-top: solid 3px #679172;
	border-bottom: solid 1px #679172;
	position: relative;
	top: -0.5em;
	z-index: -1;
}
.secTitle.mt { margin-top: 1em }
.catchTitle {
	margin-top: 1em;
}
.catchTitle + .lead {
	margin-top: -1em;
	margin-bottom: 2em;
}
.decoCatch, .modalTitle {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin: 1.4em auto;
}
.headline, .headline02 {
	background: no-repeat left 0.1em;
	background-size: 0.9em 0.9em;
	font-size: 1.5em;
	letter-spacing: 0.01em;
	line-height: 1.2;
	padding-left: 1.2em;
	margin: 1.5em 0 1em;
}
.headline { background-image: url(img/common/icon_headline.svg); }
.headline02 { background-image: url(img/common/icon_headline_s.svg); }
.headline_s, .headline_ss {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
	margin: 2em 0 0.8em;
}
.headline_s {
	background: url(img/common/icon_headline_s.svg) no-repeat left center;
	background-size: 0.9em;
	padding-left: 1.2em;
}
.headline + .headline_s, .headline + .headline_ss {
	margin-top: 0;
}
.headline_s.top {
	margin-top: 0.5em;
}
.secTitle_en, .headline_en, .headline_s_en {
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
}
.secTitle_en {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	margin: 0.5em auto 1em;
}
.headline_en {
	font-size: 1.4em;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-bottom: 0.3em;
}
.headline_en:before {
	content: url(img/common/headline_border.svg);
	display: block;
	width: 180px;
	margin: 0 auto 0.2em;	
}
.headline_en span, .headline_s_en span {
	display: block;
	font-size: 0.65em;
	letter-spacing: 0.03em;
}
.statementTitle, .historyTitle, .columnTitle {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin-top: 0.5em;
}
.statementTitle .en, .historyTitle .en, .columnTitle .en {
	display: block;
	font-size: 50%;
	letter-spacing: 0.1em;
	color: #4d4d4d;
	margin: 1em 0 2em;
}
/* 表組み */
.infoTable tr {
	border-bottom: solid 5px #fff;
	line-height: 1.8;
}
.infoTable th {
	width: 22%;
	padding: 1em;
	background-color: #eae9d8;
	font-weight: bold;
}
.infoTable td {
	padding: 1em;
	background-color: #faf5ee;
}
.infoTable dl, .infobox dl {
	line-height: 1.5;
}
.infoTable dt, .infobox dt, .eventInfo dt {
	float: left;
}
.infoTable dd, .infobox dd {
	margin-left: 11em;
}
.infoTable dd.s, .infobox dd.s, .eventInfo dd {
	margin-left: 7em;
}
.infoTable .list li {
	margin-bottom: 0;
}
.busTable {
	margin-bottom: 1em;
}
.busTable tr {
	line-height: 2;
	border-bottom: solid 1px #eae9d8;
}
.busTable tr:nth-child(2n+1) {
	background-color: #faf5ee;
}
.busTable th {
	font-weight: bold;
	background-color: #eae9d8;
	padding: 0.5em 1em;
}
.busTable td {
	padding: 0.5em 1em;
}
/* 囲み */
.infobox {
	font-size: 87.5%;
	padding: 1em 1.4em;
	border: solid 2px #eae9d8;
	margin: 1.5em 0;
}
.infobox dd {
	margin-bottom: 0.3em;
}
.aside {
	padding: 0.25em 1.5em 1.5em; 
	background-color: #f9f9f4;
	margin: 1.5em 0;
}
.asideInfo {
	padding: 0.25em 1.5em 1.5em; 
	border: solid 2px #eae9d8;
	margin: 2em 0;
}
.infobox .name {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.infobox .title_en {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: solid 1px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 87.5%;
	letter-spacing: 0.1em;
	margin: 0.5em 0 1em;
}
/* リスト */
.listbox {
	border: solid 2px #eae9d8;
	padding: 1em 1em 0.5em 1em;
	margin: 1em 0;
}
.listTitle {
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1em;
}
.listbox li, .list li {
	list-style: circle;
	margin-left: 1.2em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.pager {
	text-align: center;
}
.wp-pagenavi {
	font-size: 90%;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
}
.wp-pagenavi .page {
	padding: 0.6em 0.8em 0.4em;
	margin: 0 0.2em;
	border: solid 1px #005b34;
	color: #4d4d4d;
}
.wp-pagenavi .current, .wp-pagenavi .page:hover {
	padding: 0.6em 0.8em 0.4em;
	border: solid 1px #005b34;
	background-color: #005b34;
	color: #fff;
}
.nextpostslink, .previouspostslink {
	padding: 0.6em 0.8em 0.4em;
	font-size: 87.5%;
	color: #4d4d4d;
}
.previouspostslink:before, .nextpostslink:after {
	font-family: 'icomoon' !important;
	font-size: 1.1rem;
	position: relative;
	top: 0.15em;
	color: #005b34;
}
.nextpostslink:after { content: "\f010"; }
.previouspostslink:before { content: "\f009"; }
.nextpostslink:hover, .previouspostslink:hover,
.nextpostslink:hover:after, .previouspostslink:hover:before {
	color: #679172;
}
.pager .neighbors {
	border-top: solid 1px #eae9d8;
	border-bottom: solid 1px #eae9d8;
	padding: 1em;
	line-height: 1.4;
	font-size: 90%;
	margin-bottom: 2em;
}
.pager .neighbors i {
	font-size: 1.2em;
	position: relative;
	top: 0.1em;
	color: #005b34;
}
.pager .neighbors a { color: #4d4d4d; }
.pager .neighbors a:hover { color: #679172; }
/* シェアボタン */
.sharedaddy { margin-top: 2.5em; }
div.sharedaddy h3.sd-title:before {
	border-top: solid 1px #eae9d8 !important;
	margin-bottom: 0.8em !important;
}
div.sharedaddy h3.sd-title{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
}
@media screen and (max-width:759px) {
	.aboutIntro .decoCatch { font-size: 1.4em; }
	.threegardens .decoCatch { font-size: 1.1em; }
	.decoCatch:after, .modalTitle:after {
		content: url(img/common/decoCatch_S.svg);
		display: block;
		width: 200px;
		margin: 0.2em auto -0.5em;
	}
	/* SP table */
	.infoTable th, .infoTable td, 
	.contactForm th, .contactForm td {
		display: block;
	}
	.infoTable th {
		width: 100%;
	}
	.infoTable td + td {
		padding-top: 0;
	}
	.pager .neighbors .prev + .next { margin-top: 1em;}
}
@media screen and (min-width:760px) {
	.pageSection {
		padding-top: 140px;
		margin-top: -140px;
	}
	.pageSection.top .img-l { margin-top: 1.5em; }
	.pageSection.inner {
		margin-bottom: 100px;
	}
	.secTitle {
		font-size: 1.8em;
		margin-bottom: 1em;
	}
	.catchTitle  {
		margin: 2.5em 0;
	}
	.catchTitle + .lead {
		margin: -2.5em 0 3.5em;
	}
	.txt + .headline, .list + .headline {
		margin-top: 2em;
	}
	.headline_s, .headline_ss {
		margin-top: 1.5em;
	}
	.decoCatch {
		font-size: 1.5em;
	}
	.decoCatch:before, .decoCatch:after,
	.modalTitle:before, .modalTitle:after {
		display: inline-block;
		width: 174px;
		height: 24px;
		position: relative;
		top: -3px;
	}
	.decoCatch:before, .modalTitle:before {
		content: url(img/common/decoCatch_L.svg);
		margin-right: 0.8em;
	}
	.decoCatch:after, .modalTitle:after {
		content: url(img/common/decoCatch_R.svg);
		margin-left: 0.8em;
	}
	.statementTitle, .historyTitle, .columnTitle { font-size: 1.5em; }
	.aside {
		margin: 2em 0; 
	}
	.listbox {
		padding: 1.5em 1.5em 1em 1.5em;
		margin-top: 2em;
	}
	.sharedaddy { margin-top: 3em; }
	.pager .neighbors {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 1em 0;
		font-size: 87.5%;
		margin-bottom: 3em;
	}
	.pager .neighbors .prev { text-align: left;}
	.pager .neighbors .next { text-align: right; }

}
/*--------------------------------------
    NEWS
----------------------------------------*/
.newsSection .yearList {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.1em;
}
.newsSection .yearList li {
	display: inline-block;
	padding-right: 1em;
	margin-bottom: 0.5em
}
.newsSection .yearList a { color: #222; }
.newsSection .yearList a:hover { color: #679172; }
.newsSection .newsWrap {
	border-top: solid 1px #eae9d8;
}
.newsItem {
	padding: 2em 0 1em;
	border-bottom: solid 1px #eae9d8;
}
.newsItem.single { border-bottom: none; }
.newsItem .date { font-size: 87.5%; }
.newsItem .date .newsCategory {
	font-size: 80%;
	display: inline-block;
	line-height: 1.8;
	width: 7.5em;
	margin-right: 1em;
	text-align: center;
	border: solid 1px #679172;
	color: #005b34;
}
.newsItem .title {
	font-weight: bold;
	line-height: 1.2;
	margin: 0.8em 0 1em;
}
.newsItem .txt { font-size: 90%; }
.newsItem .txt img {
	display: block;
	margin: 1em 0;
}
.newsSection + .pager {	margin-top: 2em;}
.pageSection.inner.newsItem { margin-bottom: 2em; }
@media screen and (min-width:760px) {
	.newsSection { padding-top: 1.5em; }
	.newsSection + .pager {	margin-top: 4em;}
	.pageSection.inner.newsItem { margin-bottom: 3em; }
	.newsItem.single { padding-top: 140px; }
}
/*--------------------------------------
    ABOUT
----------------------------------------*/
.pageHeader.about.index { margin-bottom: 0; }
.aboutIntro {
	text-align: center;
	background-color: #fafaf5;
	padding: 1em 0 2em;
	margin-bottom: 2em;
}
.aboutIntro .txt {
	line-height: 1.8;
	margin-bottom: 1.5em;
}
.monetProfile {
	padding: 2em 0 1em;
	background: url(img/common/bgi_canvas.jpg);
}
.monetProfile .catchTitle {
	padding-bottom: 40px;
	background: url(img/about/monet_signature.png) no-repeat center center;
	background-size: 100%;
}
.monetProfile .name {
	font-size: 1.2em;
	position: relative;
	margin: -2.5em 0 1em;
}
.monetProfile .name span { font-size: 87.5%; }
.punctuation img {
	display: block;
	width: 40%;
	max-width: 246px;
	margin: 2em auto;
}
.giverny {
	text-align: center;
}
.giverny .txt {
	max-width: 620px;
	margin: 0 auto;
}
.giverny .compare { margin: 2em 0; }
.giverny .quote { font-weight: bold; }
.giverny .quote .words {
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	line-height: 1.6;
	display: inline-block;
	padding: 0 0.5em;
}
.giverny .quote .jp:before {
	content: '';
	display: inline-block;
	width: 4em;
	border-top: solid 1px #222;
	position: relative;
	top: -0.4em;
	margin-right: 0.5em;
}
.giverny .btn {
	margin-top: 1.5em;
	font-size: 90%;
	line-height: 1.2;
	padding: 0.8em 1.5em 0.6em;
}
.monetLife .txt { padding: 2em 0; }
.monetLife .letter {
	background: url(img/about/monet_letter.jpg) top right no-repeat;
	background-size: 80%;
}
.monetLife .letter .headline_ss {
	text-align: center;
	margin-bottom: 0;
}
.monetLife .letter .txt {
	max-width: 620px;
}
.monetLife .img-L + .img-L { margin-top: 0.5em; }
.monetLife .imgbox {
	width: 90%;
	margin: 0 auto;
	max-width: 620px;
}
.monetLife .imgbox .col-2 {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5em;
}
.monetLife .imgbox .col-2 .item { width: 48.9%;}
.monetLife .letter .imgbox + .txt { padding-bottom: 0 }
.statement {
	padding: 1.5em;
	border: solid 1px #eae9d8;
	background-color: #faf5ee;
}
.statement .signature {
	font-size: 90%;
	margin-top: 3em;
	text-align: right;
}
.pageSection.inner.statement { margin-bottom: 2em; }
.statement + p { text-align: center; }
.historyIntro .catchTitle {
	text-align: center;
	line-height: 1.4;
}
.historyIntro .img-L { margin-top: 1.5em; }
.historyIntro .txt {
	max-width: 780px;
	margin: 0 auto;
}
.history {
	padding: 3em 0 2em ;
	background: url(img/about/history_lettter.png) right 35% no-repeat #faf5ee;
}
.historyTable {
	margin-top: 2em;
	border-top: solid 1px #eae9d8;
}
.historyTable tr {
	border-bottom: solid 1px #eae9d8;
}
.historyTable th {
	font-weight: bold;
	padding-top: 1em;
}
.historyTable td {
	font-size: 90%;
	line-height: 1.4;
	padding: 1em 0;
}
.thanks {
	margin-top: 2em;
	font-size: 90%;
}
@media screen and (max-width:759px) {
	.historyIntro + .punctuation img {
		width: 180px;
		margin-bottom: -30px;
	}
	.history {
		background-position: left 25%;
		background-size: 100%;
	}
	.historyTable th, .historyTable td { display: block; }
	.historyTable .ticketTxt {
		width: calc(100% - 120px);
		float: left;
	}
	.historyTable .ticket {
		width: 100px;
		float: right;
	}
	.historyTable td + td { height: 0; }
	.giverny .txt { text-align: left; }
}
@media screen and (min-width:760px) {
	.aboutIntro {
		padding-bottom: 80px;
		margin-top: 0;
	}
	.aboutIntro .decoCatch { margin: 2.6em 0 2em; }
	.aboutIntro .txt {
		line-height: 2;
		margin-bottom: 3.5em;
	}
	.about .more { margin-top: 2.5em; }
	.aboutMonet .catchTitle {
		margin: 1em 0 1.5em;
		line-height: 1.4;
	}
	.aboutMonet { margin-top: -90px; }
	.aboutMonet .col-2 { align-items: center; }
	.aboutMonet .col-2 .txtbox { order: -1; }
	.monetProfile {
		padding: 80px 0;
		margin-top: -20px;
	}
	.monetProfile .catchTitle {
		background: none;
		position: relative;
		margin-top: 2em;
	}
	.monetProfile .catchTitle:after {
		content: '';
		display: block;
		width: 440px;
		height: 80px;
		background: url(img/about/monet_signature.png) no-repeat;
		position: absolute;
		top: 1em;
		left: -1.8em;
	}
	.monetProfile .name {
		position: relative;
		margin-bottom: 2em;
	}
	.monetProfile .txt { font-size: 90%; }
	.punctuation img { margin: 80px auto; }
	.giverny .catchTitle { margin-top: 0; }
	.giverny .compare {
		max-width: 780px;
		margin: 60px auto;
	}
	.giverny .quote {
		font-size: 1.4em;
		margin: 60px auto;
	}
	.giverny .quote .words { padding: 0 1.2em; }
	.giverny .btn { font-size: 95%; }
	.monetLife .letter { background-size: 600px; }
	.monetLife .letter .txt {
		text-align: center;
		padding: 80px 0 60px;
	}
	.monetLife .letter .headline_ss { margin-top: 80px; }
	.monetLife .letter .headline_ss + .txt { padding-top: 20px; }
	.monetLife .img-L + .img-L { margin-top: 40px; }
	.monetLife .imgbox .col-2 { margin-top: 20px;}
	.monetLife .imgbox .col-2 .item { width: 300px;}
	.statement {
		margin-top: 100px;
		padding: 4em;
	}
	.statementTitle .en { margin-bottom: 3em; }
	.statement .txt { font-size: 90%; }
	.pageSection.inner.statement { margin-bottom: 80px; }
	.historyIntro .img-L { margin-top: 4.5em; }
	.historyIntro + .punctuation img {
		width: 240px;
		margin-bottom: 98px;
	}
	.history {
		padding: 80px 0 60px;
		margin-bottom: 40px;
	}
	.historyTitle { margin-bottom: 40px; }
	.historyTable { margin-top: 60px; }
	.historyTable th { width: 125px; }
	.historyTable .ticketTxt { width: calc(100% - 125px);}
	.historyTable .ticket {
		width: 100px;
		position: relative;
	}
	.historyTable .ticket img {
		width: 85px;
		position: absolute;
		top: 1em;
		right: 0;
	}
}
/*--------------------------------------
    GUIDE
----------------------------------------*/
/* 園内ガイド */
.mapTitle {
	font-size: 1.6em;
	color: #005b34;
	padding: 1em 0;
}
.guidemap area {
	border: none;
	outline: none;
}
.guideIndex .item a .txt { color: #222; }
.guideIndex .item a:hover .txt { opacity: 0.7; }
/* モーダルウィンドウ */
.lock {
    overflow:hidden;
}
.modal {
    position:relative;
    display:none;
    max-width: 940px;
    margin: 0 auto;
    padding: 2em;
}
.modal-wrap {
    z-index:1002;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
	background: rgba(255,255,255,0.9);
    z-index: 1001;
}
.modalBody .close {
	position: absolute;
	top: 2em;
	right: 2em;
	cursor: pointer;
}
.modalTitle {
	font-size: 1.8em;
	color: #005b34;
	margin: 1em 0 1em;
}
.modalBody .txt { margin-top: 1em; }
.modalBody .more {
	text-align: center;
	margin-top: 1.5em;
}
.modalBody .more .btn { padding: 0 1em 0.6em }
.modalBody .more .icon {
	width: 2em;
	position: relative;
	top: 0.5em;
	left: -0.3em;
}
.forest { background: url(img/guide/bgi_forest_L.png) left 65% no-repeat; }
.promenade { 
	background: url(img/guide/bgi_forest_R.png) right 18% no-repeat;
}
@media screen and (max-width:759px) {
	.modalBody .txt { font-size: 90%; }
	.forest {
		background-size: 80%;
		background-position: left 80%;
	}
	.promenade {
		padding: 3em 0 ;
		background-size: 90%;
		background-position: right 28%;
	}
	.promenade .mb40 { margin-bottom: 0.5em; }
}
@media screen and (min-width:760px) {
	.mapTitle { font-size: 1.8em; }
	.modalBody .close .en {
		font-size: 1.2em;
		letter-spacing: 0.1em;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 600;
		color: #005b34;
		position: relative;
		top: -0.4em;
		left: -0.3em;
	}
	.modal { padding: 60px 2em; }
	.modalBody .flowerIcon {
		display: block;
		margin: 40px auto 0;
	}
	.modalTitle { margin-bottom: 60px; }
	.modalBody .txt { margin: 2em 0 40px; }
	.modalBody .more .btn { padding: 0.5em 2em 1em }
	.forest { background-size: 600px; }
	.promenade { padding: 240px 0 100px }
}
/* 3つの庭 */
.threegardens .headline_en { font-size: 1.6em; }
.threegardens.description01 {
	background: no-repeat left 66.6%;
}
.threegardens.description01.flower {
	background-image: url(img/guide/bgi_flowergarden.png);
	background-size: 60%;
}
.threegardens.description01.water {
	background-image: url(img/guide/bgi_watergarden.png);
	background-size: 60%;
}
.threegardens.description01.bordigehra {
	background-image: url(img/guide/bgi_lightgarden.png);
	background-size: 40%;
}
.threegardens.description01 .monetImg {
	width: 60%;
	text-align: center;
	margin: 1.5em auto;
}
.threegardens.intro { margin-bottom: 1em; }
.threegardens.description02 .bgiCanvas {
	background: url(img/common/bgi_canvas.jpg) repeat;
	padding: 1.5em 0;
	margin-bottom: 100px;
}
.threegardens.description02 { margin-bottom: 1.5em; }
.threegardens .compare.square {	margin-top: 1em; }
.threegardens .compare.square .painting,
.threegardens .compare.square .photo { width: 48%; }
.othergarden {
	display: flex;
	justify-content: space-between;
	margin: -1em auto 1em;
	max-width: 580px;
}
.othergarden .icon {
	display: inline-block;
	width: 3em;
	margin: 0 0.5em;
	vertical-align: middle;
}
.othergarden a {
	color: #4d4d4d;
	font-weight: bold;
}
.othergarden a:hover { opacity: 0.7; }
@media screen and (max-width:759px) {
	.threegardens.description02 .imgbox { margin-bottom: 0.5em; }
	.threegardens.description02 .monetIllust {
		width: 50%;
		margin: 0 auto -100px;
	}
	.threegardens.description02 .monetIllust.flower { padding-left: 30px; }
}
@media screen and (min-width:760px) {
	.threegardens .decoCatch {
		margin: 2.6em auto;
	}
	.threegardens .illust {
		background: url(img/common/bgi_canvas.jpg) repeat;
	}
	.threegardens .gardenTitle img {display: block;}
	.threegardens .gardenTitle, .threegardens.intro .img-l {
		max-width: 940px;
		margin: 0 auto;
	}
	.threegardens.intro { margin-bottom: 80px; }
	.threegardens.description01 {
		background-position: left 50%;
	}
	.threegardens.description01 .col-2 { align-items: center;}
	.threegardens.description01 .txtbox { padding-left: 2%;}
	.threegardens.description01.bordigehra {
		background-size: 30%;
		background-position: 14% 40%;
	}
	.threegardens.description01.bordigehra .txtbox { width: 46%; }
	.threegardens.description01 .monetImg { margin: 100px auto 80px; }
	.threegardens .headline_en {
		font-size: 2.2em;
		letter-spacing: 0.08em;
		margin-bottom: 0.5em;
	}
	.threegardens .headline_en:before { width: 270px; }
	.threegardens.description02 .bgiCanvas {
		padding: 3em 0;
		margin-bottom: 180px;
	}
	.threegardens.description02 .img-M { margin-bottom: 20px; }
	.threegardens.description02 .txtbox {
		margin-top: 2em;
		padding-right: 5%;
	}
	.threegardens.description02.bordigehra .txtbox {
		margin-top: 0;
		width: 46%;
	}
	.threegardens.description02 .monetIllust {
		position: absolute;
		right: 1em;
		bottom: -140px;
	}
	.threegardens.description02 .monetIllust.flower { width: 30%; }
	.threegardens.description02 .monetIllust.light { width: 22%; }
	.threegardens.description02 .monetIllust.water {
		bottom: -160px;
		width: 35%;
	}
	.threegardens.description02 { margin-bottom: 100px; }
	.threegardens .compare.square {
		width: 90%;
		margin-top: 2em;
	}
	.threegardens .compare.square .painting,
	.threegardens .compare.square .photo { width: 44%; }
	.othergarden { margin-bottom: 2em; }
	.othergarden .icon { width: 90px; }
	.othergarden a {
		font-size: 1.3em;
		letter-spacing: 0.03em;
	}
}
@media screen and (min-width:940px) {
	.threegardens.description02 .txtbox { padding-right: 2%; }
	.threegardens.description02 .monetIllust.light { width: 30%; }
}
/* --- 見ごろの花 --- */
.recentFlowerTitle {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.2em;
	margin-top: -0.5em;
}
.recentFlowerTitle:after {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	border-top: solid 2px #679172;
	border-bottom: solid 1px #679172;
	margin-bottom: 1em;
}
.recentFlowerTitle .month { font-size: 5em; }
.recentFlowerTitle .date {
	letter-spacing: 0.1em;
	font-size: 90%;
}
.singleFlower {
	padding-top: 1em;
	margin-bottom: 40px;
}
.sub-nav + .singleFlower { margin-top: -1em; }
.singleFlower .subtitle { text-align: center; }
.singleFlower .tiled-gallery { margin: 20px auto 30px !important; }
.singleFlower .threegardens {
	padding: 30px 0 15px;
	background-color: #faf5ee;
}
.singleFlower .garden {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1em;
}
.singleFlower .garden .icon {
	width: 2em;
	position: relative;
	top: 0.5em;
	left: -0.1em;
}
.singleFlower .recommend {
	margin: 1.5em 0 0.5em;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 0.05em;
	color: #4d4d4d;
}
.singleFlower .best3 {
	line-height: 1.5;
	margin-bottom: 1em;
	font-size: 90%;
}
.singleFlower .best3 li { display: inline-block; }
.singleFlower .best3 li + li:before {
	content: '・';
}
.singleFlower .fbAlbum { font-size: 90%; }
.singleFlower .flowergarden,
.singleFlower .watergarden {
	margin-bottom: 30px;
}
.lilyInfo:before {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	border-top: solid 2px #679172;
	border-bottom: solid 1px #679172;
	margin-bottom: 1.5em;
}
.lilyInfo.inner { margin: 40px auto 30px; }
.lilyInfo .head {
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	color: #005b34;
	text-align: center;
}
.lilyInfo li {
	line-height: 1.5;
	padding: 0.5em 0;
	border-bottom: dotted 1px #eae9d8;
}
.flowerCalender { margin-bottom: 30px; }
.flowerArchives .head {
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	color: #005b34;
	letter-spacing: 0.2em;
	margin-bottom: 1.5em;
}
.otherMonth {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}
.otherMonth li {
	width: 49.5%;
	margin-bottom: 2px;
}
.otherMonth + .recent {
	text-align: center;
}
@media screen and (min-width:376px) {
	.otherMonth li { width: 33%; }
}
@media screen and (min-width:556px) {
	.otherMonth li { width: 24.5%; }
	.otherMonth li:last-child { margin-right: 50.5%; }
}
@media screen and (min-width:742px) {
	.otherMonth { margin-bottom: 60px; }
	.otherMonth li { width: 19.75%; }
	.otherMonth li:last-child { margin-right: 0; }
}
@media screen and (min-width:760px) {
	.singleFlower {
		padding-top: 2em;
		margin-bottom: 80px;
	}
	.sub-nav + .singleFlower { margin-top: -2em; }
	.recentFlowerTitle:after { margin-bottom: 2em; }
	.singleFlower .subtitle { margin: 2.5em 0 1.5em; }
	.singleFlower .threegardens { padding: 60px 0 30px; }
	.singleFlower .tiled-gallery { margin: 60px auto 100px !important; }
	.singleFlower .col-2 .txtbox { width: 46.8%; }
	.singleFlower .fbAlbum { margin-bottom: 0; }
	.lilyInfo:before { margin-bottom: 2.5em; }
	.lilyInfo.inner { margin-bottom: 100px; }
	.lilyInfo ul { text-align: center; }
	.flowerCalender { margin-bottom: 60px; }
}
/*jetpack カルーセル*/
.jp-carousel-image-meta { display: none; }
.jp-carousel-titleanddesc { display: none !important; }
/*--------------------------------------
    EVENT
----------------------------------------*/
.eventIndex .thumb {
	width: 100%;
	height: 0;
	padding-top: 66.47%;
	background: top center / cover no-repeat;
	transition: .3s;
}
.eventIndex .date, .eventDetail .date {
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	letter-spacing: 0.08em;
}
.eventIndex .state, .eventDetail .state {
	display: inline-block;
	line-height: 1.2;
	font-size: 85%;
	padding: 0.4em 0.8em;
	letter-spacing: 0.05em;
}
.eventIndex .state.now, .eventDetail .state.now {
	border: solid 1px #005b34;
	background-color: #005b34;
	color: #fff;
}
.eventIndex .state.coming, .eventDetail .state.coming {
	border: solid 1px #005b34;
	color: #005b34;
}
.eventIndex .state.over, .eventDetail .state.over {
	border: solid 1px #aaa;
	background-color: #aaa;
	color: #fff;
}
.eventIndex a .texts, .lesson a .txtbox {
	color: #222;
	transition: .3s;
}
.eventIndex a:hover .thumb, .eventIndex a:hover .texts {
	opacity: 0.7;
	transition: .3s;
}
.eventIndex .info {
	margin: 0.8em 0 0.6em;
	font-size: 87.5%;
}
.eventIndex .state { margin-right: 0.8em;}
.eventIndex .eventTitle, .lessonTitle {
	font-weight: bold;
	line-height: 1.4;
}
.toArchive { text-align: center; } 
.lesson .headline_ss { margin: 1em 0 0.5em; }
.lessonHeader {
	border-bottom: double 3px #eae9d8;
	margin-bottom: 0.8em;
}
.lesson .eventInfo { margin: 1em 0 0.5em ; }
.eventInfo dt {
	margin-right: 1em;
}
.lesson .infobox {
	font-size: 100%;
}
.lesson .infobox dd {
	margin-left: 9em;
}
.eventCalendar {
	text-align: center;
}
.eventSpace .description {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.eventSpace .description .txtbox { width: 59.6%; }
.eventSpace .description .imgbox {
	width: 38%;
	margin: 1em 0 2em;
}
.eventDetail .date { margin-bottom: 1em;}
.eventDetail .eventTitle { margin-bottom: 0.8em; }
.eventDetail .state { margin-bottom: 1.5em;}
.eventDetail .palette {
	list-style: url(img/common/icon_headline_s.svg) inside;
}
.eventDetail .palette li {
	line-height: 1.4;
	margin: 0.5em 0;
}
.eventDetail .eventImg {
	border: solid 1px #eae9d8;
}
.eventDetail .eventImg img { display: block; }
.eventDetail .openPDF, #schedule .openPDF {
	text-align: center;
	margin: 1em 0 2em;
}
.eventDetail .openPDF { font-size: 90%; }
.eventDetail .description { margin-top: 1em; }
.eventInfo { margin: 2em 0; }
.eventInfo tr {
	border-bottom: solid 3px #fff;
	line-height: 1.5;
}
.eventInfo th {
	width: 7em;
	padding: 0.8em 1em;
	background-color: #eae9d8;
	font-weight: bold;
}
.eventInfo td {
	padding: 0.8em 1em;
	background-color: #faf5ee;
}
.relatedEvent {
	line-height: 1.6;
}
.relatedEvent dt { font-size: 90%; }
.relatedEvent dd { margin-bottom: 1em; }
.eventDetail + .pager {	margin-top: 2.5em;}
@media screen and (min-width:760px) {
	.toArchive { margin-top: 1.5em; }
	.eventDetail { padding-top: 1.5em; }
	.eventHeader { margin-bottom: 2em; }
	.eventInfo { margin: 3em 0; }
	.lessonHeader {
		/*margin: 0.5em 1em 0.8em 0 ;*/
		display: flex;
		align-items: flex-end;
	}
	.lesson .imgbox { margin-top: 1em; }
	.lesson .date { margin-left: 2em; }
	.eventDetail + .pager { margin-top: 5em; }
	.relatedEvent dt {
		float: left;
		margin-right: 1em;
	}
}
/*--------------------------------------
    SHOP
----------------------------------------*/
.shopIndex .item {
	position: relative;
	margin-bottom: 2.8em;
}
.shopIndex .item:before {
	content: '';
	display: block;
	padding-top: 60%;
}
.shopIndex .item a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: center center / cover no-repeat;
}
.shopIndex .item a:hover { opacity: 0.7; }
.shopIndex .item.cafe a {background-image: url(img/shop/shop-index_cafe.jpg);}
.shopIndex .item.boulangerie a {background-image: url(img/shop/shop-index_boulangerie.jpg);}
.shopIndex .item.galleryshop a {background-image: url(img/shop/shop-index_galleryshop.jpg);}
.shopIndex .item.flowerhouse a {background-image: url(img/shop/shop-index_flowerhouse.jpg);}
.shopIndex .item .label {
	text-align: center;
	border: solid 1px #005b34;
	background-color: #005b34;
	color: #fff;
	width: 60%;
	margin: 0 auto;
	padding: 1.5em 0;
	position: absolute;
	bottom: -1.5em;
	left: 20%;
	transition: .3s;
}
.shopIndex .item a:hover .label {
	background-color: #fff;
	color: #005b34;
	transition: .3s;
}
.shopIndex .item .label .en {
	font-size: 70%;
	letter-spacing: 0.2em;
	display: inline-block;
	margin-bottom: 1em;
}
.menu .headline02 .caption {
	font-size: 70%;
	margin-left: 1em;
}
.menu .img-l + .txtbox {
/*	font-size: 87.5%;*/
	line-height: 1.5;
	margin-bottom: 1.5em;
}
.menu .img-l + .txtbox .headline_ss { margin: 1em 0 0.5em; }
.menu .headline_ss { line-height: 1.5; }
.menu .col-2+.col-3 {
	margin-top: 2em;
}
.menu .lunch {
	display: inline-block;
	font-size: 75%;
	line-height: 1.2;
	color: #005b34;
	border: solid 1px #005b34;
	padding: 0.4em 0.4em 0.3em;
	margin-right: 0.5em;
}
.menu .lunchsoup .lunch {
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	font-weight: bold;
}
.menu .price { margin-top: 0.5em; }
.menu .listbox {
	font-size: 90%;
	line-height: 1.5;
	margin-top: 0;
}
.menu .listbox li { list-style: disc; }
.catalog .headline02 { margin-top: -1em; }
.catalog .price {
	font-weight: normal;
	font-size: 90%;
	display: inline-block;
	margin-left: 1em;
}
.catalog .price.long { margin-left: 0; }
.catalog .caption {
	text-align: right;
	margin-top: 2em;
}
.cafeNews {
	margin-bottom: 3em;
}
.cafeNews thead th {
	padding: 1em;
	font-weight: bold;
	background-color: #eae9d8;
}
.cafeNews .headline_ss .caption {
	font-weight: normal;
}
.cafeNews .reservation {
	margin: 1em 0;
	border: solid 1px #eae9d8;
	font-size: 90%;
}
.cafeNews .reservation tr { border-bottom: solid 1px #eae9d8; }
.cafeNews .reservation .date {
	font-weight: bold;
	padding: 1em 0 0 1em;
	line-height: 1.5;
}
.cafeNews .reservation .date.holiday {
	color: #e55a3b;
}
.cafeNews .reservation td {
	padding: 1em;
	line-height: 1.5;
}
@media screen and (max-width:759px) {
	.cafeNews .reservation th, .cafeNews .reservation td {
		display: block;
	}
	.cafeNews .reservation td { padding-top: 0.5em; }
}
@media screen and (min-width:760px) {
	.cafeshopIndex .catchTitle { margin: 1em 0 2.5em; }
	.menu .img-l + .txtbox {
		margin-bottom: 3em;
	}
	.cafeNews { margin-bottom: 80px; }
	.cafeNews .inner { max-width: 840px; }
	.cafeNews .reservation { margin-top: 40px; }
	.cafeNews .reservation .date { width: 8em; }
}
/*--------------------------------------
    カフェメニュー（Guternberg）
----------------------------------------*/
.pageSection.cafe p {
	line-height: 1.6;
	margin-bottom: 1em;
}
.pageSection.cafe p a, .wp-block-file a {
	color: inherit;
	border-bottom: dotted 1px #999;	
}
.wp-block-file .wp-block-file__button {
	border-bottom: none;
}
.wp-block-file .wp-block-file__button:hover {
	background-color: #000;
}
.pageSection.cafe ul li {
	list-style: circle;
	margin-left: 1.2em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.pageSection.cafe .wp-block-column .headline_ss {
	font-size: 1em;
	margin: 1em 0 0.5em;
}
/*--------------------------------------
    INFORMATION
----------------------------------------*/
.iframeContent {
    position: relative;
    width: 100%;
}
#fee .ticket {
	width: 160px;
}
#fee .ticketTxt { margin-top: 2em; }
/* 交通アクセス */
#map .iframeContent + .txt { margin-top: 1em; }
/* 開園日カレンダー */
@media screen and (max-width:759px) {
	.calNav {
		background-image: url(img/common/bgi_canvas.jpg);
		padding: 0.5em 1em;
		margin: 2em 0;
		font-size: 90%;
	}
	.calNav li { display: inline-block; }
	.calNav li:after { content: '｜' }
	.calNav li a {
		display: inline-block;
		padding: 0.5em 0.2em;
		color: #222;
	}
	.calNav li a:hover {
		color: #679172;
	}
}
.closeCalender {
	margin-bottom: 2em;
}
@media screen and (min-width:760px) {
	.calenderWrap {
		margin-top: 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.closeCalender {
		width: 30%;
		margin-bottom: 4em;
	}
}
.closeCalender thead tr { border-bottom: solid 1px #222; }
.closeCalender thead td, .closeCalender tfoot td {
	padding: 0.4em 0;
}
.closeCalender .year, .closeCalender .month {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
}
.closeCalender .year, .closeCalender .en {
	font-size: 80%;
	letter-spacing: 0.1em;
	position: relative;
	bottom: -1.4em;
}
.closeCalender .month {
	font-size: 2em;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.1em;
}
.closeCalender .en { text-align: right; }
.closeCalender .month, .closeCalender thead .caption,
.closeCalender tbody th, .closeCalender tbody td {
	text-align: center;
}
.closeCalender tbody th {
	font-size: 90%;
	padding: 0.8em 0.9em 0.5em;
}
.closeCalender tbody td {
	padding: 0.4em 0 0.2em;
}
.closeCalender .single td { padding-bottom: 1.75em; }
.closeCalender tbody tr:last-child td { padding-bottom: 0.5em; }
.closeCalender .closed {
	background: url(img/information/calender_closed.svg) no-repeat top center;
	background-size: 1.75em 1.75em;
	color: #fff;
}
.closeCalender .closed .caption {
	display: block;
	font-size: 75%;
	color: #666;
}
.closeCalender .holiday { color: #e55a3b; }
.closeCalender tbody tr:last-child { 
	border-bottom: solid 1px #222;
}
.closeCalender .event {
	font-weight: bold;
	color: #679172;
}
.closeCalender .event:after {
	content: "：";
}
/* リンク集 */
.links .linkList + .secTitle { margin-top: 2.5em; }
.linkList { line-height: 1.6; }
.linkList dt {
	display: list-item;
	list-style: circle;
	margin-left: 1.5em;
	margin-bottom: 0.2em;
	font-weight: bold;
}
.linkList dt .external:after {
	font-family: 'icomoon';
	content: "\f016";
	color: #4d4d4d;
	font-size: 87.5%;
	display: inline-block;
	padding-left: 0.25em;
}
.linkList dd {
	margin-left: 1.5em;
	margin-bottom: 1em;
}
/*--------------------------------------
    CONTACT
----------------------------------------*/
.number {
	line-height: 1.5;
	margin-bottom: 1em;
}
.number span {
	font-size: 1.5em
}
.contactForm {
	padding: 1.5em 0;
}
.contactForm th {
	padding-bottom: 0.8em;
	font-weight: bold;
}
.contactForm td {
	padding-bottom: 1.5em;
}
.contactForm .required {
	font-size: 80%;
	font-weight: normal;
	color: #e55a3b;
}
.contactForm input[type='text'], .contactForm input[type='email'],
.contactForm input[type='tel'], .contactForm textarea {
	width: 100%;
	border: solid 1px #eae9d8;
	padding: 3px 5px;
	font-size: 16px;
}
.contactForm input[type='text']:focus, .contactForm input[type='tel']:focus,
.contactForm input[type='email']:focus, .contactForm textarea:focus {
	outline: none;
	background-color: #faf5ee;
}
.contactForm label {
	display: inline-block;
	padding: 0 1em 0.25em 0.2em;
}
.contactForm .radio-type .wpcf7-list-item { margin: 0 1em 0 0; }
.contactForm label input[type='radio'] {
	position: relative;
	top: -2px;
	left: -0.2em;
}
.contactForm .submit {
	text-align: center;
}
.contactForm .submit .wpcf7-submit {
	cursor: pointer;
	letter-spacing: 0.1em;
	padding: 0.8em 3em;
	font-size: 90%;
	border: solid 1px #005b34;
	background-color: #005b34;
	color: #fff;
	transition: .3s;
}
.contactForm .submit .wpcf7-submit:hover {
	background-color: #fff;
	color: #005b34;
}
.contactForm .wpcf7-not-valid-tip {
	color: #e55a3b;
	margin-top: 0.5em;
	line-height: 1.2;
}
.contactForm .wpcf7-not-valid-tip:before {
	font-family: 'icomoon' !important;
	content: "\f013";
	font-size: 1.1em;
	display: inline-block;
	margin: 0.1em;
}
.contactForm .wpcf7-response-output {
	margin: 2em 0;
	padding: 0.8em 1em;
	line-height: 1.5;
}
.contactForm .wpcf7-validation-errors {
	border: 2px solid #fcece8;
	background-color: #fcece8;
}
.contactForm .wpcf7-mail-sent-ok {
	border: 2px solid #f3fce8;
	background-color: #f3fce8;
}
@media screen and (min-width:760px) {
	.contactForm th {
		width: 250px;
	}
	.contactForm td {
		padding-bottom: 2em;
	}
	.contactForm input[type='text'], .contactForm input[type='tel'] {
		width: 50%;
	}
	.contactForm .submit { margin-bottom: 2em; }
}
/* 個人情報保護方針 */
.policy .secTitle:after { top:0.2em; }
.policyHead {
	margin-top: 2em;
	padding-bottom: 0.2em;
	border-bottom: solid 1px #eae9d8;
}
.policy ol li {
	list-style: decimal;
	line-height: 1.6;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
.policy .signature {
	margin-top: 3em;
	text-align: right;
}
/* よくあるご質問 */
.faqHead, .policyHead {
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 0.8em;
}
.faqList {
	border-top: solid 1px #eae9d8;
	line-height: 1.6;
}
.faqList .question, .faqList .answer {
	border: solid 1px #eae9d8;
	border-top: none;
	position: relative;
}
.faqList .question {
	padding: 0.8em 2.4em;
	cursor: pointer;
}
.faqList .answer { 
	padding: 0.8em 1em 0.8em 2.4em;
	background-color: #faf5ee;
	display: none;
}
.faqList .question:before, .faqList .answer:before {
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	top: 0.5em;
}
.faqList .question:before {
	content: 'Q';
	color: #679172;
	left: 0.7em;
}
.faqList .answer:before {
	content: 'A';
	color: #df7f66;
	left: 0.8em;
}
.faqList .question:after {
	content: '\f007';
	font-family: 'icomoon' !important;
	font-size: 1.2em;
	color: #666;
	position: absolute;
	top: 0.6em;
	right: 0.8em;
}
.faqList .question.active {	font-weight: bold;}
.faqList .question.active:after  { transform: rotate(45deg); }
/*--------------------------------------
    english / francais
----------------------------------------*/
.pageSection.en-fr { padding: 1.5em 0; }
.pageHeader.en-fr {
	padding-top: 66.6%;
	background-image: url(img/common/main_slide_01.jpg);
	margin-bottom: 0;
}
.pageHeader.en-fr .pageTitle {
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin: -44% auto 0;
} 
.pageHeader.en-fr .pageTitle span {
	font-size: 70%;
}
.pageHeader.en-fr .pageTitle:before {
	content: url(img/common/headline_border_wT.svg);
	display: block;
	width: 180px;
	margin: 0 auto 0.8em;
}
.pageHeader.en-fr .pageTitle:after {
	content: url(img/common/headline_border_wB.svg);
	display: block;
	width: 180px;
	margin: 0.35em auto 0;
}
#intro.en-fr {
	text-align: center;
	background-color: #faf5ee;
}
#intro.en-fr img {
	width: 66.6%;
	max-width: 380px;
	margin: 0.5em auto;
}
#intro.en-fr .txt:first-letter {
	font-size: 2em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	display: inline-block;
	line-height: 1;
	padding-right: 0.06em;
}
#threeGardens .compare, .threegardens .compare, .giverny .compare {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1em;
}
#threeGardens .compare .painting, #threeGardens .compare .photo,
.threegardens .compare .painting, .threegardens .compare .photo,
.giverny .compare .painting, .giverny .compare .photo {
	width: 48.9%;
}
#threeGardens .flowergarden { background: url(img/common/bgi_flowergarden.png) left 66.6%; }
#threeGardens .watergarden { background: url(img/common/bgi_water_garden2.png) right 40%; }
#threeGardens .lightgarden { background: url(img/common/bgi_lightgarden.png) 5% 66.6%; }
#threeGardens .flowergarden, #threeGardens .watergarden, #threeGardens .lightgarden {
	margin-top: 1.5em;
	background-repeat: no-repeat; 
	background-size: 66.6%;
}
#threeGardens .lightgarden { background-size: 50%;}
#threeGardens .secTitle_en + .txt, #guideMap .secTitle_en + .txt { text-align: center; }
.en-fr .guideMap {
	background: url(img/common/bgi_canvas.jpg);
	padding: 1em 0;
	margin: 1.5em 0;
}
.en-fr .guideMap img {
	display: block;
	width: 96%;
	max-width: 840px;
	margin: 0 auto 1em;
}
.headline_s_en {
	font-size: 1.4em;
	letter-spacing: 0.03em;
	margin: 0.6em 0 0.2em;
	line-height: 1.4;
}
.en-fr .item .txt {
	font-size: 90%;
	line-height: 1.6;
}
.en-fr .item .more {
	font-size: 90%;
	margin: 0.5em 0 1em;
	text-align: center;
}
#info.pageSection.en-fr {
	background-color: #faf5ee;
	padding: 2em 0;
}
.en-fr .infoTable tr {
	line-height: 1.4;
	border-bottom-color: #faf5ee; 
}
.en-fr .infoTable td { background-color: #fff;}
.en-fr .infoTable dd { margin-left: 12em;}
.en-fr .infoTable .txtlink {
	display: inline-block;
	padding-top: 0.4em;
}
.credits.en-fr {
	font-size: 80%;
	text-align: center;
	color: #777;
	background-color: #faf5ee;
	padding: 1em 0;
}
.credits.en-fr + #siteFooter { margin-top: 0; }
@media screen and (max-width:759px) {
	#threeGardens section .txt {
		font-size: 90%;
		line-height: 1.6;
	}
}
@media screen and (min-width:760px) {
	.pageHeader.en-fr {	
		padding-top: 500px;
		margin-bottom: 0;
	}
	.pageHeader.en-fr .pageTitle {
		font-size: 1.8em;
		margin-top: -280px;
	}
	.pageHeader.en-fr .pageTitle:before,
	.pageHeader.en-fr .pageTitle:after {
		width: 270px;
	}
	.pageSection.en-fr {
		padding: 4em 0;
		margin-top: 0;
	}
	#intro.en-fr img { margin-top: 1.5em }
	.secTitle_en { font-size: 2em; }
	.en-fr .headline_en {
		font-size: 1.8em;
		margin-bottom: 0;
	}
	.headline_en:before { width: 220px; }
	#threeGardens .compare, .threegardens .compare {
		width: 82.98%;
		margin: 0 auto;
	}
	#threeGardens .flowergarden, #threeGardens .watergarden, #threeGardens .lightgarden {
		margin-top: 4em;
		background-size: 640px;
	}
	#threeGardens .lightgarden { background-size: 28%;}
	#threeGardens .compare { margin-bottom: 1.5em; }
	.en-fr .guideMap {
		margin: 3em 0 4em;
		padding: 2em 0 1.5em;
	}
	.en-fr .item .more { margin-top: 1em; }
	.en-fr .infoTable tr { line-height: 1.6;}
	#info.pageSection.en-fr { padding: 4em 0; }
	#info.en-fr .col-3-1 {
		flex-direction: row-reverse;
		margin-top: 4em;
	}
	.credits.en-fr {
		text-align: right;
		padding-bottom: 2em;
	}
	@media all and (-ms-high-contrast:none){
  	.pageHeader.en-fr .pageTitle { margin-top: 0; }
	.pageHeader.en-fr .pageTitle:before,
	.pageHeader.en-fr .pageTitle:after { height: 130px; }
	.headline_en:before { height: 90px; }
	}
}
/*--------------------------------------
    Footer
----------------------------------------*/
.footerLogo {
	display: none;
}
.pagetop, .hometop {
	position: fixed;
	right: 0;
	bottom: 0;
	font-size: 75%;
	font-weight: 600;
	letter-spacing: 0.15em;
	z-index: 9999;
}
.pagetop { display: none; }
.pagetop .icon_arrow-up, .hometop .icon_arrow-up {
	font-size: 2em;
	display: block;
}
.pagetop .btn, .hometop .btn {
	background-color: #005b34;
	color: #fff;
}
.pagetop .btn:hover, .hometop .btn:hover {
	background-color: #fff;
	color: #005b34;
}
#siteFooter {
	margin-top: 50px;
	background-color: #005b34;
	color: #fff;
	text-align: center;
	font-size: 87.5%;
	line-height: 1.6;
	letter-spacing: 0.03em;
	padding: 2em 0 1em;
}
#siteFooter a { color: #fff; }
#siteFooter a:hover { color: #679172; }
#siteFooter .sns .snsBtn { display: inline-block; }
#siteFooter .sns .snsBtn a {
	font-size: 2em;
	padding: 0.5em;
}
.address .name {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.address { 
	line-height: 1.75;
	margin-bottom: 1em;
}
.company a {
	display: inline-block;
	padding: 0 0.5em 0.5em;
}
.company .kj {
	font-size: 87.5%;
	margin-top: 1em;
} 
.copyright {
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	letter-spacing: 0.05em;
	opacity: 0.8;
	margin: 0.25em 0;
}
@media screen and (max-width:759px) {
	#siteFooter .links { margin: 1em 0; }
	#siteFooter .links .bnr {
		width: 200px;
		margin: 2px auto;
	}
}
@media screen and (min-width:760px) {
	.pagetop {
		right: 30px;
		bottom: 30px;
	}
	.pagetop .btn {
		padding-bottom: 0.5em;
	}
	#siteFooter {
		margin-top: 100px;
		padding: 2.5em 0;
	}
	#siteFooter .sns {
		margin-bottom: 1.5em;
	}
	#siteFooter .links .bnr {
		display: inline-block;
		margin: 0 2px 0;
	}
	#siteFooter .links .bnr img {
		height: 50px;
	}
	.company .footMenu { margin-top: 1em; }
	.company .policy { padding-left: 0; }
	.company .policy:before {
		content: '｜ ';
	}
}
@media screen and (min-width:940px) {
	.footerLogo {
		display: block;
		width: 120px;
		margin-right: 1em;
		margin-bottom: 0.5em;
		float: left;
	}
	#siteFooter .inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#siteFooter .inner .left {
		width: 50%;
	}
	.address {
		text-align: left;
		margin-bottom: 0.5em;
	}
	#siteFooter .sns {
		text-align: left;
	}
	#siteFooter .links {
		text-align: right;
	}
	.company {
		margin-top: 2em;
		text-align: right;
	}
	.copyright {
		text-align: left;
		width: 100%;
		margin-top: 1.5em;
	}
	.copyright { margin: -1.5em 0 0 0;}
}
/*--------------------------------------
    ログイン時
----------------------------------------*/
#wpadminbar { position: fixed !important; }
@media screen and (max-width: 759px) {
	.logged_in .navToggle { top: 46px; }
}
@media screen and (min-width: 760px) {
	.logged_in .topImage, .logged_in.home #siteHeader,
	.logged_in #siteHeader.selected {
		margin-top: 32px;
	}
}
/*--------------------------------------
    ブロックエディタ対応
----------------------------------------*/
.wp-block-image img {
	height: auto;
}