@charset "UTF-8";

/*
Theme Name: Agato Garden 2020
Theme URI: http://wp-neoclassic.com
Author: ONZE
Author URI: http:/on-ze.com
Description: Design by <a href="http://on-ze.com">ONZE</a>.
Version: 0.9
Text Domain: agato-garden-2020
*/


/******************/


/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}




article, aside, footer, header, main, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

html {font-size:62.5%;}

body {
background-color:#f5ede6;
background-color:var(--oz-color-bg);
color:#734b23;
color:var(--oz-color-dark);
/*font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;*/
font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;
/*font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;*/
/*font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;*/
font-size:18px;
font-size:1.8rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
font-feature-settings:"palt";
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
-webkit-tap-highlight-color:transparent;
width:100%;
height:auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}


a:hover {color:#324029; color:var(--oz-color-green);}

h1,
h2,
h3,
h4,
h5,
h6 {display:block;}

b {color:#324029; color:var(--oz-color-green);}
i {font-style:normal; }
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #cccccc; border-color:var(--oz-color-light); height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0; border-top:1px solid #cccccc; border-color:var(--oz-color-light);}
table th,
table td {padding:16px 4px; vertical-align:top; border-bottom:1px solid #cccccc; border-color:var(--oz-color-light);}
table caption {text-align:left; padding:8px;}

::-moz-selection {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff;}
::selection {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {width:100%; max-width:100%; height:auto;}

table.border,
table.border th,
table.border td {border:1px solid #cccccc; border-color:var(--oz-color-light);}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff; cursor:text;}

table.stripe tbody tr:nth-child(odd) {background-color:#cccccc; background-color:var(--oz-color-light);}
table thead th {vertical-align:bottom;}

:root {
--oz-color-black:#734b23;
--oz-color-dark:#734b23;
--oz-color-gray:#999999;
--oz-color-light:#cccccc;
--oz-color-border:#d1c4b7; /* border */
--oz-color-green:#516610;
--oz-color-mos:#324029;
--oz-color-bg:#f5ede6;
/*--oz-color-bg:#f5f5dc;*/
}


.color-black {color:#734b23; color:var(--oz-color-black);}
.color-gray {color:#999999; color:var(--oz-color-gray);}
.color-light {color:#cccccc; color:var(--oz-color-light);}
.color-green {color:#324029; color:var(--oz-color-green);}
.color-white {color:#ffffff; color:var(--oz-color-white);}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}
.wp-video {margin:0 0 1em 0; max-width:100%; width:100%;}
.wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;}
/******************/
/******************/
/* layout *********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

.site {width:100%; height:auto; position:relative;}

.inner {clear:both; display:block; margin:0 auto; position:relative; width:100%; max-width:1600px;
padding:0 32px;
padding-left:calc( 12px + constant(safe-area-inset-left) );
padding-right:calc( 12px + constant(safe-area-inset-right) );
}
.inner[data-width="min"] {max-width:1200px;}
.inner[data-width="mid"] {max-width:1600px;}
.inner[data-width="max"] {max-width:2400px;}
.inner[data-width="full"] {max-width:100%;}
@media screen and (max-width: 600px) {
	.inner{
		padding: 0 12px;
	}
}
/*
.inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}
*/
/******************/
/******************/
/* header *********/

#bg {position:fixed; top:0; left:0; right:0; bottom:0; background:url("images/bg.png") center center no-repeat; background-size:cover; z-index:-1;}

#header {
	width:calc(100% - 40px); max-width:1600px; height:120px; padding:0; display:block; position:fixed;
	top:-300px;
	top:20px;
	margin:0 auto; left:50%; right:20px;transition: 0.3s;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
border-radius: 5px; box-shadow:2px 2px 4px rgba(0,0,0,0.35); background-image:url(images/bg-pattern.png); z-index:91;}
#header.is-active{
	top:20px;
}
#header-logo {margin:0; padding:16px 0 0 0; float:left; width:160px;}
#header-logo {margin:0; padding:16px 0 0 0; float:left; width:160px;}
#header-logo .site-title {display:block; margin:0; width:192px; height:96px; overflow:hidden; position:relative;}
#header-logo .site-title a {background:url("images/logo.png") 0 0 no-repeat; background-size:192px 96px; padding:100px 0 0 0; display:block;}
#header-logo .site-title a:hover {opacity:0.85;}
#header-logo .site-description {display:none;}

#header-clone {
	background:center center repeat;
background-image:url("images/bg-pattern.png");
position:fixed;
top:-110px; left:50%; right:20px; height:80px;
width:calc(100% - 40px); max-width:1600px;
z-index:95;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:top 0.5s;
	-moz-transition:top 0.5s;
	-ms-transition:top 0.5s;
	-o-transition:top 0.5s;
	transition:top 0.5s;
overflow:hidden; padding:0;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.35); border-radius:2px;
}
#header-clone.is-visible {top:20px;}

#header-clone #header-logo {padding:8px 0 0 0;}
#header-clone #header-logo .site-title {width:128px; height:64px}
#header-clone #header-logo .site-title a {background-size:128px 64px;}
#header-clone #header-navi ul li a {padding:8px 6px 0 6px;}


@media screen and (max-width:1100px) {
	#header {height:80px;}
	#header-logo {padding:8px 0 0 0;}
	#header-logo .site-title {width:128px; height: 64px;}
	#header-logo .site-title a {background-size:128px 64px;}
}
@media screen and (max-width:540px) {
	#header-logo .site-title a{background-size:96px 48px;}
	#header-logo .site-title{width:96px;height:48px;}
	#header{height: 64px;}
}


/******************/
/******************/
/* navi ***********/

#header-navi {line-height:1.6; margin:0; position:relative; float:right; width:calc(100% - 220px); display:block;}

#header-navi {padding:0; display:block;}
#header-navi ul {display:table; table-layout:fixed; width:100%; list-style:none; margin:0; padding:0; border-collapse:collapse; font-size:13px; font-size:1.3rem;}
#header-navi ul li {display:table-cell;}
#header-navi ul li a {display:block; padding:25px 6px 0 6px;position: relative;}
#header-navi ul li a::after {content:"";position:absolute;top:112%;left:50%;transform:translateX(-50%);display: block;content: ""; width: 100%; height: 2px; background-image: linear-gradient(90deg, transparent, rgb(47 94 40 / 70%), transparent);opacity: 0; transition: 0.5s;}
#header-navi ul li a:hover::after {opacity: 1;}
#header-navi ul li a i {font-size:28px; font-size:2.8rem; display:block; color:#516610; color:var(--oz-color-green);}


#main-navi {display:none;}

@media screen and (max-width:1100px) {
	.navi-toggle {display:block;}
	#header-navi {display:none;}
	#main-navi {margin:0; padding:16% 6% 16%; position:fixed; display:none; top:0; left:0; right:0; bottom:0; background-color:rgb(205 207 200 / 95%); overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */	
	z-index:96;
    }
    #main-navi::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	#main-navi ul {display:block; width:100%; list-style:none; margin:0; padding:0; font-size:21px; font-size:2.1rem; text-align:left;}
	#main-navi ul li {display:block;background-image: url(images/bg-pattern.png);margin-bottom: 2rem;border-radius: 0.3em;}
	#main-navi ul li i {margin:0 0.4em 0 0; font-size:35px; font-size:3.5rem;position: relative;align-items: center;gap: 1.5rem;display: flex;}
	#main-navi ul li i::after {content: "";display: block;width: 1em;height: 1px;background-color: var(--oz-color-green);}
	#main-navi ul li a {display:flex; padding:30px 0 30px 50px; color: var(--oz-color-green); background:url("") left 12px center no-repeat; background-size:8px 16px;align-items: center;gap: 1.5rem;}
	#main-navi ul li a:hover {color:#2f5e28; background-image:url("");}
	#main-navi h3{
		font-size: 1.6rem;
		margin-bottom: 6rem;
	}
	#main-navi h3 i{
		display: block;
		font-size: 60px;
		font-size: 6.0rem;
		text-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
		line-height: 1.2;
		margin-top: 1rem;
		margin-bottom: 1rem;
		color: var(--oz-color-green);
	}
	#main-navi h3::before{
		content: "";
		display: block;
		height: 54px;
		width: 261px;
		background-image: url(images/ornament-02.png);
		background-size: contain;
		margin: 12px auto;
	}
	#main-navi .close{
		display: block;
		margin: 5rem auto 0 auto;
		width: 7rem;
		height: 7rem;
		position: relative;
		cursor: pointer;
	}
	#main-navi .close::before,
	#main-navi .close::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 2px;
		display: block;
		background-color: var(--oz-color-green);
	}
	#main-navi .close::before{
		transform: translate(-50%, -50%) rotate(45deg);
	}
	#main-navi .close::after{
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}


@media screen and (max-width:540px) {
	#main-navi ul {font-size:15px; font-size:1.5rem;}
	#main-navi ul li i {font-size:22px; font-size:2.2rem;}
	#main-navi ul li a {padding: 25px 0 25px 25px;font-size: 1.3rem;gap: 1rem;}
	#main-navi h3{font-size: 1.3rem;margin-bottom: 4rem;}
	#main-navi h3 i{font-size: 4rem;}
	#main-navi h3::before{height: 35px;width: 170px;}
	#main-navi .close{margin: 3rem auto 0 auto;height:4rem;width: 4rem;}
}






.navi-toggle {display:none; position:absolute; top:20px; right:16px; background:none; background-image:url(images/navi-toggle.svg); background-repeat:no-repeat; background-size:cover; cursor:pointer; z-index:9999;}
.navi-toggle span {display:block; width:40px; height:40px; position:relative;}
.navi-toggle i {}
/*
.navi-toggle span:before,
.navi-toggle span:after {position:absolute; content:"";
display:inline-block;
left:0;
width:100%;
height:2px;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
background-color:#734b23; background-color:var(--oz-color-dark); 
border-radius:2px;
}
*/
.navi-toggle span:before {top:12px;}
.navi-toggle span:after {bottom:12px;}
.navi-toggle.on span:before {
-webkit-transform:translateY(12px) scale(0);
-ms-transform:translateY(12px) scale(0);
transform:translateY(12px) scale(0);
}
.navi-toggle.on span:after {
-webkit-transform:translateY(-12px) scale(0);
-ms-transform:translateY(-12px) scale(0);
transform:translateY(-12px) scale(0);
}
.navi-toggle i {
/*-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);*/
opacity:0;
}
.navi-toggle.on i {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
}
.navi-toggle i {position:absolute; width:36px; height:36px; top:0; left:0; color:transparent;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.navi-toggle i:before,
.navi-toggle i:after {
content:"";
position:absolute;
display:inline-block;
top:18px; left:0;
width:100%;
height:2px;
background-color:#ffffff;background-color:var(--oz-color-white);
border-radius:2px;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.navi-toggle.on i:before {
	-webkit-transform:rotate(-45deg) scale(1);
	-ms-transform:rotate(-45deg) scale(1);
	transform:rotate(-45deg) scale(1);
}
.navi-toggle.on i:after {
	-webkit-transform:rotate(45deg) scale(1);
	-ms-transform:rotate(45deg) scale(1);
	transform:rotate(45deg) scale(1);
}


@media screen and (max-width:1100px) {
	#header-navi {display:none; height:100%; padding:120px 0; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#324029; background-color:var(--oz-color-green);
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	cursor:pointer; z-index:9998;}
	#header-navi ul {display:block; border-top:1px solid #ffffff; text-align:left;}
	#header-navi ul li {display:block; border-bottom:1px solid #ffffff;}
	#header-navi ul li a {display:block; padding:20px 0; padding-left:52%; color:#ffffff;}
	#header-navi ul li a:hover {background-color:#ffffff; background-color:var(--oz-color-white); color:#324029; color:var(--oz-color-green);}
	#header-navi ul li a i {position:absolute; right:50%;}
	.navi-toggle {display:block;}
}
@media screen and (max-width:540px) {
	.navi-toggle{background-size: contain;top: 15px;}
	.navi-toggle span{width:35px;height:35px;}
}



/******************/
/******************/
/* widget *********/


/******************/
/******************/
/* footer *********/

#footer {text-align:center; padding:0 0 80px 0; line-height:1.6; position:relative; background-image:url(images/bg-pattern.png);}
#footer-logo {}
#footer-logo h2 {margin:0 auto 40px; width:192px; height:96px; overflow:hidden;}
#footer-logo h2 a {display:block; padding:100px 0 0 0; background:url("images/logo.png") 0 0 no-repeat; background-size:192px 96px; cursor:pointer;}
#footer-logo p {display:none;}


#footer-navi {line-height:1.6; position:relative; padding:0 0 60px 0;}
#footer-navi ul {clear:both; display:table; table-layout:fixed; width:auto; text-align:center; margin:0 auto; padding:0;
	border-top:1px solid; border-bottom:1px solid; border-color:#d1c4b7; border-color:var(--oz-color-border); font-size:12px; font-size:1.2rem; border-collapse:collapse;}
#footer-navi ul li {display:table-cell; padding:12px 12px; white-space:nowrap;}
#footer-navi ul li i {display:block; font-size:17px; font-size:1.7rem; color:#4d4d27;}
#footer-navi ul li a {display:block; padding:2px 6px;}
#footer-navi ul li a:hover {}

small#site-info {clear:both; font-size:13px; font-size:1.3rem; letter-spacing:0.1em;}
small#site-info a {color:#e19b37; color:var(--oz-color-orange);}
small#site-info a:hover {color:#e19b37; color:var(--oz-color-orange);}

/******************/
/******************/
/* main ***********/

#main {padding:0 0 0 0; line-height:2.0; overflow:hidden;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

#main a {
/*	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
-webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}

#content {
float:left;
width:100%;
	width:-webkit-calc(100% - 320px);
	width:-moz-calc(100% - 320px);
	width:-ms-calc(100% - 320px);
	width:-o-calc(100% - 320px);
	width:calc(100% - 320px);
}

#sidebar {width:280px; float:right; padding:0; text-align:left;}

/******************/
/******************/
/* sidebar.php ****/



/******************/
/******************/
/* article ********/

.article {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
word-wrap:break-word;
overflow-wrap:break-word;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 1em auto;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:24px; font-size:2.4rem;}
.article h4 {font-size:20px; font-size:2.0rem;}
.article h5 {font-size:18px; font-size:1.8rem;}
.article h6 {font-size:16px; font-size:1.6rem;}

.article h1 i,
.article h2 i,
.article h3 i,
.article h4 i,
.article h5 i,
.article h6 i {display:block; color:#324029; color:#516610; color:var(--oz-color-green);}

.article h3 i {font-size:24px; font-size:2.4rem;}
.article h3 {font-size:16px; font-size:1.6rem;}

.article p {margin:0 0 2.0em 0;}

.article ul,
.article ol {margin:0 0 2em 0; padding:0; list-style:outside;}

.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}

.article ul {list-style:none;}
.article ul ul {list-style:circle;}
.article ol {list-style:none;}
.article ol ol {list-style:upper-roman;}

.article dl {margin:0 0 2em 0; padding:0;}
.article dl dt {margin:0; position:relative; font-size:1.1em;}
.article dl dd {margin:0 0 1em 0; padding:0;}

.article img {max-width:100%; height:auto;}



/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background-color:#cccccc;background-color:var(--oz-color-light);}
*/

/******************/
/* post-type ******/

.section {padding:80px 0; background:center center repeat; background-color:#f5ede6; background-color:var(--oz-color-bg);
	background-image:url("images/bg-pattern.png"); background-size:400px 266px;
	 color:#666633;
	 position:relative;}
.section h3 {margin:0 auto 64px;}
.section h3 i {display:block; font-size:60px; font-size:6.0rem; text-shadow:0 8px 8px rgba(0,0,0,0.2); line-height:1.2;margin-top: 1rem;margin-bottom: 1rem;}
.section h3:after {content:""; display:block; width:240px; height:2px; margin: 1.5rem auto 0 auto; background:linear-gradient(90deg, #fff, #2f5e28, #fff);}
.section h3:before {content:""; display:block; height:54px; width:261px; background-image:url(images/ornament-02.png); background-size:contain; margin:12px auto;} 
@media screen and (max-width: 540px) {
	.section h3 {margin-bottom: 70px;font-size: 1.3rem;}
	.section h3:before{height: 35px;width: 170px;}
	.section h3 i{font-size: 4rem;margin-bottom: 0rem;}
	.section h3:after{width: 200px;height: 1px;}
}


.type-page,
.type-post {text-align:left;}


.page-title {line-height:1.2; text-align:center; margin:0 0 40px 0;}
.page-title h3 {font-size:17px; font-size:1.7rem;}
.page-title h3 i {display:block; font-size:31px; font-size:3.1rem;}
.page-thumbnail {max-height:100vh; height:30vh; overflow:hidden; margin:0 0 60px 0;}
.page-thumbnail img {width:100%;}

.box {padding:40px 40px 0.1em; margin:0 auto 2em;}


.type-post h1,
.type-post h2,
.type-post h3,
.type-post h4,
.type-post h5,
.type-post h6 {text-align:left; line-height:1.2;}

.post-date {line-height:1.2;}
.post-date i {display:block; white-space:nowrap;}
.post-date i.month {font-size:2.4em;}
.post-date i.day {font-size:3em;}
.post-date i.year {font-size:2.2em;}

.post-title h3 {font-size:21px; font-size:2.1rem;}



/******************/
/******************/
/* front-page.php */

#top-slider {position:relative; width:100%; min-height:600px; height:100vh;
	background:center center no-repeat;
	background:none transparent;
	background-size:cover;
	z-index:4;
}
/* #top-slider:after {content:""; position:absolute; bottom:-1px; left:0; right:0; width:100vw; height:3vw; clear:both; display:block; background:transparent url("images/bg-circle-slider.png") 0 0 no-repeat;
	background-size:cover;
} */


#top-catch {margin:0; padding:0 0 0.1em 0; line-height:1;}

#catch-box {position:relative; top:-50vh; left:0; right:0; width:56vw; max-width:800px; margin:0 auto; z-index:9; background-image:url("images/top-title-background.jpg");background-repeat:no-repeat;background-size:cover;background-position:center; color:#efe6e2; border-radius:50%; line-height:0; box-shadow:0 -20px 30px rgba(0,0,0,0.3);position: relative;overflow: hidden;}
#catch-box img {width:100%; max-width:100%; height:auto;}
#catch-box .catch-box-contents {position:absolute; width:100%; margin:0 auto; top:6%; line-height:1.6; padding:40px 0 0 0;}
#catch-box h3 {font-size:44px; font-size:4.4rem; margin:0 auto 20px; padding:140px 0 0 0; background:center top no-repeat; background-image:url("images/ornament-01.svg"); background-size:120px 120px;}
#catch-box h3:before {display:none;}

#top-catch h3:after {background:linear-gradient(90deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0));}

#catch-box p {padding:0; margin-bottom:24px; font-size:20px; font-size:2.0rem;}
#catch-box p span {font-weight:bold;}
#catch-box p:last-child{font-size:1.2em;}
#catch-box p:last-child:after {content:""; display:block; width:14px; height:14px; transform:rotate(45deg); margin:0 auto; border-bottom:2px solid #efe6e2; border-right:2px solid #efe6e2;margin-top: 2rem;}

@media screen and (max-width:1300px) {
	#catch-box .catch-box-contents {padding-top:32px;}
	#catch-box h3 {padding-top:90px; background-size:80px 80px;}
}
@media screen and (max-width:1100px) {
	#catch-box h3 {font-size:40px; font-size:4.0rem; padding-top:80px; background-size:72px 72px;}
	#catch-box p {font-size:18px; font-size:1.8rem;}
}
@media screen and (max-width:1000px) {
	#catch-box {width:62vw;}
	#catch-box .catch-box-contents {padding-top:20px;}
	#catch-box h3 {font-size:4vw; padding-top:72px; background-size:60px 60px;}
}
@media screen and (max-width:900px) {
	#catch-box {width:72vw;}
}
@media screen and (max-width:800px) {
	#top-slider {max-height:100vw;}
	#catch-box {width:80vw;}
	#catch-box p {font-size:16px; font-size:1.6rem;}
}
@media screen and (max-width:540px) {
	#catch-box .catch-box-contents{padding-top: 0;}
	#catch-box h3{padding-top: 50px;background-size: 40px 40px;margin: 0 auto 15px;font-size: 2rem;}
	#top-catch h3:after{margin: 0.5rem auto 0 auto;width: 200px;height: 1px;}
	#catch-box p{font-size: 1.3rem;margin-bottom: 5px;}
	#catch-box p:last-child{font-size: 1em;}
	#catch-box{top: -35vh;width: 310px;}
	#catch-box p:last-child:after{width: 10px;height: 10px;border-bottom: 1px solid #efe6e2;border-right: 1px solid #efe6e2;margin-top: 1rem;}
}



	
#top-points {position:relative; margin:0; margin-top:-43vh; padding:0.1em 0 20px 0;/* box-shadow:0 0 100px 100px rgba(0,0,0,0.4);*/ overflow:visible;}
#top-points h3 {margin-bottom:200px;}

/*
#top-points .inner>div {display:flex; margin-bottom:60px;}
#top-points .inner>div:nth-child(odd) {flex-flow: row-reverse;}
#top-points .inner>div:first-of-type{margin-top:120px;}
#top-points .inner>div:last-of-type {margin-bottom:160px;}*/
#top-points .inner>div {margin:0 0 200px 0; position:relative;}
#top-points .box {position:relative; max-width:600px; width:100%; background-color:rgb(245,237,230, 0.8); line-height:0; padding:0; margin:0; border:solid 2px #2f5e28; z-index:2;}
#top-points .box * {text-shadow:1px 1px 1px rgba(255,255,255,0.85);}
#top-points .inner>div:nth-child(even) .box{margin:0 0 0 auto;}
#top-points .inner>div:nth-child(4) .box i span{line-height: 1.5;}
#top-points .box img {width:100%; height:0; padding-top:60%;}
#top-points .box .absolute {line-height:1.6; transform:translateY(-46%); width:100%; top:50%; left:0; padding:0 20px;}
#top-points .thumbnail {width:60%; height:auto; z-index:1; position:absolute; top:50%; left:auto; right:0; transform:translateY(-50%);box-shadow: 10px 10px 0px 0px #cdd8ca;line-height: 0;}
#top-points .inner>div:nth-child(even) .thumbnail {left:0; right:auto;}

#top-points h4 {font-size:24px; font-size:2.4rem; line-height:1.2; margin-bottom:1em;}
#top-points h4 span {display:block; }
#top-points h4 i {font-size:46px; display:block;margin-bottom: 1rem;}
#top-points h4 i span {font-size:80px; line-height:1; display:block;margin-bottom: 2rem;}

#top-points .inner>p {margin-bottom:32px;font-size: 2.2rem;}
#top-points .inner>p:nth-of-type(2) {font-size:40px; font-size:4.0rem; line-height:1.2; color:#516610;}
#top-points .inner>p:nth-of-type(3) {font-size:32px; font-size:3.2rem;}

@media screen and (max-width:1000px) {

}
@media screen and (max-width:800px) {
	#top-points h4 {font-size:20px; font-size:2.0rem;}
	#top-points h4 i {font-size:40px;}
	#top-points h4 i span {font-size:60px;}
}

@media screen and (max-width:720px) {
	#top-points .inner>div {margin:0 0 40px}
	#top-points .box {max-width:100%;}
	#top-points .box:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgb(245,237,230, 0.9);}
	#top-points .box {background-image:url(images/top-points-01.png); background-position:center; background-size:cover;}
	#top-points .inner div:nth-of-type(2) .box {background-image:url(images/top-points-02.png);}
	#top-points .inner div:nth-of-type(3) .box {background-image:url(images/top-points-03.png);}
	#top-points .thmbnail {display:none;}
}
@media screen and (max-width:540px) {
	#top-points{padding: 10rem 0 20px 0;}
	#top-points h3{margin-bottom: 60px;}
	#top-points .box .absolute{position: relative;transform: translateY(0);padding: 2rem 20px;font-size: 1.6rem;}
	#top-points .box img{padding-top: 0;}
	#top-points .inner>p:nth-of-type(2){font-size: 2.6rem;}
	#top-points .inner>p:nth-of-type(3){font-size: 2.4rem;}
}



#top-about {background:rgba(0,0,0,0.5); color:#fff; padding:240px 0 280px; position:relative;}
#top-about:before,
#top-about:after {content:""; display:block; width:100vw; height:12vw; background:0 0 no-repeat; background-size:cover; position:absolute;}
#top-about:before {background-image:url("images/bg-circle-top.png"); top:-1px;}
#top-about:after {background-image:url("images/bg-circle-bottom.png"); bottom:-1px;}
#top-about h3 i {color:#fff;}
#top-about h3:before {background-image:url("images/ornament-02-white.png");}
#top-about h3:after {background:linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));}
#top-about p {margin-bottom:32px; color:#fff;}
#top-about p.lang-jp {font-size:22px; font-size:2.2rem;}
@media screen and (max-width: 540px) {
	#top-about{padding: 100px 0 100px;}
	#top-about p.lang-jp{font-size: 1.6rem;}
}

#top-flow {background:rgba(51,51,0,0.6);}
#top-flow:before,
#top-flow:after {content:""; position:absolute; width:100%; height:12vw; background:0 0 no-repeat; background-size:cover; left:0; right:0;}
#top-flow:before {background-image:url("images/bg-oncave-top.png"); top:-1px;}
#top-flow:after {background-image:url("images/bg-oncave-bottom.png"); bottom:-1px;}
#top-flow .inner {max-width:900px;padding-bottom: 150px;}
#top-flow h3 {color:#fff;}
#top-flow h3 i {color:#fff;}
#top-flow h3:after {background:linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));}
#top-flow .swiper-flow{width: 100%;}
#top-flow ol {color:#fff; text-align:left;align-items: stretch!important;margin-bottom: 6rem;}


#top-flow .swiper-buttons  {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 500px;
	width: 100%;
	margin: 5rem auto 0 auto;
}
#top-flow .flow-button-prev,
#top-flow .flow-button-next {
	background-color: #2f5e28;
	border-radius: 50%;
	display: block;
	width: 8rem;
	height: 8rem;
	position: relative;
	opacity: 0.9;
	cursor: pointer;
	border: 0px solid #fbf7f6;
	transition: 0.3s;
}
#top-flow .flow-button-prev:hover,
#top-flow .flow-button-next:hover {
	border: 2px solid #fbf7f6;
}
#top-flow .flow-button-prev::after,
#top-flow .flow-button-next::after {
	display: block;
	width: 30%;
	height: 30%;
	border-top: 2px solid #fbf7f6;
	border-right: 2px solid #fbf7f6;
	content: "";
	position: absolute;
	top: 50%;
}
#top-flow .flow-button-prev::after {
	transform: translate(50%, -50%) rotate(-135deg);
	right: 45%;
}
#top-flow .flow-button-next::after {
	transform: translate(-50%, -50%) rotate(45deg);
	left: 45%;
}


#top-flow ol li {position:relative;padding: 2rem 3rem;background-color: rgb(245, 237, 230, 0.8);background-image: url(images/bg-pattern.png);
    background-size: 400px 266px;border: solid 4px #2f5e28;height: auto;width: 340px !important;}
	#top-flow ol li::before {content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: calc(100% - 1.4rem);
		height: calc(100% - 1.4rem);
		border: 2px solid #516610;
		pointer-events: none;}
#top-flow ol li .number {display:block;font-size:82px; font-size:8.2rem; padding:0; line-height:1;color: var(--oz-color-green);margin-bottom: 2rem;}
#top-flow ol li .title {display:block; font-size:28px; font-size:2.8rem; margin:0 0 10px 0;color: var(--oz-color-green);}
#top-flow .description {color:#666633;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85);}
#top-flow p:before,
#top-flow p:after {content:""; display:block; margin:12px auto; width:600px; height:2px; background:linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));}
#top-flow ol li:after,
#top-flow ol:not(:first-of-type) li:first-of-type:before {
	content:""; display:block; width:0; height:0;border-style: solid;
	border-width: 15px 0px 15px 20px;
	border-color: transparent transparent transparent #f6f2ed;position: absolute;top: 50%;left:calc(100% + 1rem);transform: translateY(-50%);
}
#top-flow ol:last-of-type li:last-of-type:after {display:none;}
#top-flow ol:not(:first-of-type) li:first-of-type .number,
#top-flow ol:not(:first-of-type) li:last-of-type .number {}
#top-flow h3:before{background-image:url(images/ornament-02-white.png);}
@media screen and (max-width: 700px) {
	#top-flow ol {
		margin-bottom: 1rem;
	}
	#top-flow .inner {padding-bottom: 80px;}
	#top-flow ol li{min-width: auto;}
	#top-flow ol li {width: 300px !important;}
}
@media screen and (max-width: 540px) {
	#top-flow .description{font-size: 1.6rem;}
}
#top-portfolio {position:relative;}
#top-portfolio h3 {margin-top:-120px;}
#top-portfolio p {margin-bottom:32px;}
#top-portfolio p span {font-size:28px; font-size:2.8rem;}

#top-portfolio .gallery-selector {}
#top-portfolio .gallery-selector ol {text-align:center; font-size:12px; font-size:1.2rem; margin:0 auto 20px;max-width: 1000px;}
#top-portfolio .gallery-selector ol li {display:inline-block; margin:0 4px 4px; }
#top-portfolio .gallery-selector ol li i {display:none;}
#top-portfolio .gallery-selector ol li a {padding: 3px 12px;
	border:1px solid #ccc; border-radius:3px;
	display:block; cursor:pointer;transition: 0.5s;
}
#top-portfolio .gallery-selector ol li a:hover {border: 1px solid #324029;color: #324029;}
#top-portfolio .gallery-selector ol li a.current {background-color:#324029; color:#fff;}
@media screen and (max-width: 540px) {
	#top-portfolio h3{margin-top: 0;}

}

#isotope {width:100%; max-width:100%; padding:0; margin:0 auto 60px; position:relative; clear:both; list-style:none; padding:0 0 0; margin:0; display:block;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	margin-bottom: 7rem;
}
#isotope li {position:relative; display:inline-block; text-align:left; padding:0;}
.isotope-wrap{
	height: 700px;
	overflow: hidden;
	transition: 0.3s;
	position: relative;
}
.isotope-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(248, 243, 239, 1) 0%, rgba(248, 243, 239, 0.0) 70%);
	display: block;

}
.isotope-wrap.isotope-more::after {
	display: none;

}
.isotope-wrap.isotope-more{
	height: auto;
	overflow: visible;
}
.isotope-wrap.isotope-more+.button-isotope-more{
	display: none;
}
.button-isotope-more{
	font-size: 2.2rem;
	position: relative;
	padding: 0.7rem 3rem;
	width: fit-content;
	margin: 2rem auto 8rem auto;
	transition: 0.3s;
	cursor: pointer;
	color: var(--oz-color-green);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}
.button-isotope-more::before,
.button-isotope-more::after{
	content:"";
	width: 3rem;
	height: 1px;
	background-color: var(--oz-color-green);
	display: block;
	transition: 0.3s;
}
.button-isotope-more:hover::before,
.button-isotope-more:hover::after{
	content:"";
	width: 7rem;
	height: 1px;
	background-color: var(--oz-color-green);
	display: block;

}

.grid-sizer,
.grid-item {width:15%;} /* 10 */
.grid-item--width2 {width:31%;}
.gutter-sizer {width:1%;}



.grid-sizer,
.gutter-sizer {display:none;}


.grid-item {
	border:1px solid #333;
	border-radius:2px; line-height:0;
	margin:0 0 1% 0;
	/*background:url("images/bg.png");
	background-size:cover;*/
	/*box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);*/
	overflow:hidden;
}
.grid-item img {width:100%; max-width:100%; height:auto;}


@media screen and (max-width:1100px) {
	.grid-sizer,
	.grid-item {width:11.625%;} /* 8 */
	.gutter-sizer {width:1%;}
	.grid-item--width2 {width:24.25%;}
}
@media screen and (max-width:1100px) {
	.grid-sizer,
	.grid-item {width:15.6666%;}
	.grid-item--width2 {width:39.4%;}
	.gutter-sizer {width:1%;}
}
@media screen and (max-width:1100px) {
	.grid-sizer,
	.grid-item {width:19.2%;}
	.grid-item--width2 {width:39.4%;}
	.gutter-sizer {width:1%;}
}
@media screen and (max-width:900px) {
	.grid-sizer,
	.grid-item {width:23.5%; margin-bottom:2%;}
	.grid-item--width2 {width:49%;}
	.gutter-sizer {width:2%;}
}
@media screen and (max-width:700px) {
	.grid-sizer,
	.grid-item {width:32%;}
	.grid-item--width2 {width:66%;}
	.gutter-sizer {width:2%;}
}

.grid-item .dark-bg {width:100%; height:100%; overflow:hidden; position:relative; display:none;}
.grid-item .dark-bg:before,
.grid-item .dark-bg:after {
	display: block;
	content: " ";
	background: rgba(0, 0, 0, 0.30);
}
.grid-item .dark-bg:before,
.grid-item .dark-bg:after,
.grid-item .content {
	width:100%;
	height:100%;
	top:100%;
	position:absolute;
	transition:top cubic-bezier(0.23, 1, 0.32, 1); display:none;
}

.grid-item .dark-bg:before {
	transition-duration: 1s;
	transition-delay: 0s;
}
.grid-item .dark-bg:after {
	transition: 0.6s;
	transition-delay: 0.3s;
}
.grid-item .content {
	transition: 0.6s;
	transition-delay: 0.4s;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
}
.grid-item:hover .dark-bg:before,
.grid-item:hover .dark-bg:after,
.grid-item:hover .content {top:0;}



#portfolio-text {clear:both;}
@media screen and (max-width: 540px) {
	#portfolio-text{font-size: 1.6rem;}
	#top-portfolio p span{font-size: 2.4rem;}
}




#top-access {padding:120px 0 0.1em 0;}
#top-access .table-cell{text-align:left;}
#top-access .table-cell:nth-child(2) {padding:40px 0 0 0;}
#top-access .box {width:100%; max-width:800px; float:right;}
#top-access dl dt {font-weight:bold;position: relative;}
#top-access dl dt::before {content:"";position:absolute;top:50%;left:-1.5em;transform:translateY(-50%);background-image:url("images/decoration-leave.svg");background-repeat:no-repeat;background-size:contain;background-position: center;width:1em;height:0.8em;display: block;}
#top-access dl dd {font-size:14px; font-size:1.4rem; margin-bottom:32px;}
#top-access dl dd.tel {font-size:31px; font-size:3.1rem;}
#top-access dl dd .adr span {display:block;}
#top-access .maps {height:100%; position:inherit; position:static;}
#top-access .maps iframe {position:absolute; width:100%; height:100%; border-radius:12px; top:0; left:0; right:0; bottom:0; box-shadow:0 4px 8px rgba(0,0,0,0.2);}

@media screen and (max-width:760px) {
	#top-access .table {display:block;}
	#top-access .table-cell {display:block;}
	#top-access .box {float:none; padding:0;}
	#top-access .maps {height:400px; margin:0 0 20px 0;}
}
@media screen and (max-width: 540px) {
	#top-access{padding: 60px 0 0.1em 0;}
	#top-access dl dt::before{display: none;}
}

#top-contact {display:block; padding-top: 10rem;}
/* #top-contact dl dt span {display:inline-block; width:320px; padding:4px 24px; background-color:#516610; color:#fff; border-radius:12px;}
#top-contact dl dd i {text-shadow:0 8px 8px rgba(0,0,0,0.2); font-size:82px; font-size:8.2rem; color:#2f5e28; color:#516610; color:var(--oz-color-green); transition:0.4s;}
#top-contact .btn {display:inline-block; margin:36px auto; padding:12px 36px; border-radius:12px; border:1px solid #2f5e28; text-shadow:0 8px 4px rgba(0,0,0,0.2); position:relative; transition:0.4s;}
#top-contact .btn:after {content:""; display:inline-block; width:8px; height:8px; transform:rotate(-45deg); margin:0 0 0 8px; border-bottom:2px solid #2f5e28; border-right:2px solid #2f5e28;}
#top-contact .btn:before {content:""; display:block; width:100%; height:100%; position:absolute; top:2px; left:0; border-radius:12px; border:1px solid #ccc; filter: blur(2px);  transition:0.4s;}
#top-contact .btn:hover {transform:translateY(-2px); color:inherit;}
#top-contact .btn:hover:before {transform:translateY(4px); filter:blur(4px);}
 
#top-contact .tell i:hover {transform:translateY(-4px); text-shadow:0 10px 12px rgba(0,0,0,0.2); color:#2f5e28;}
#top-contact dl dd:last-of-type {display:inline-block; width:320px; padding:4px 24px; background:none; border:solid 1px #516610; color:#2f5e28; border-radius:12px;}
#top-contact dl dd:last-of-type:hover {background:#516610; color:#fff;}
#top-contact dl dd:last-of-type a:hover {color:#fff;} */

#top-contact .box-wrapper{
	display: flex;
	justify-content: space-between;
}
#top-contact .box{
	border: 3px solid #516610;
	padding: 7rem 0;
	position: relative;
	flex-basis: 47%;
}
#top-contact .box::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: calc(100% - 1.4rem);
	height:calc(100% - 1.4rem);
	border: 2px solid #516610;
	pointer-events: none;
}
#top-contact .box .title h4{
	font-size: 2.5rem;
	font-weight: bold;
	color: #516610;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
}
#top-contact .box .title h4::before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 1.5em;
	height: 1.5em;
}
#top-contact .box.phone .title h4::before {
	background-image: url("images/icon-phone.svg");
	margin-right: 1rem;
}
#top-contact .box.mail .title h4::before {
	background-image: url("images/icon-mail.svg");
	margin-right: 1.5rem;
}
#top-contact .box .title::after {
	content: "";
	background-image: url("images/contact-text-decoration.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 90%;
	height: 2rem;
	display: block;
	margin: 1rem auto;
}
#top-contact .box i {
	text-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
	font-size: 55px;
	font-size: 5.5rem;
	color: #516610;
}


@media screen and (max-width:1100px) {
	#top-contact .box i{
		font-size: 4.5rem;
	}
	#top-contact .box{
		padding: 5rem 0;
	}
}
@media screen and (max-width:900px) {
	#top-contact .box i{
		font-size: 3.5rem;
	}
	#top-contact .box .title h4{
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}
	#top-contact .box .title::after{
		margin: 0 auto;
	}
}
@media screen and (max-width:760px) {
	#top-contact .box-wrapper{
		display: block;
	}
	#top-contact .box{
		padding: 3rem 0;
	}
	#top-contact .box i{
		font-size: 3rem;
	}
	#top-contact .box::after{
		width: calc(100% - 1.2rem);
		height: calc(100% - 1.2rem);
	}
}
@media screen and (max-width: 540px) {
	#top-contact{padding-top: 6rem;}
}

/******************
/******************/
/* page.php *******/


.maps {width:100%; height:300px; overflow:hidden; position:relative; padding-top:0; margin:0 0 40px 0;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}
.maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%;}
/*
.googlemaps:before {}
.googlemaps:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:100;}
.googlemaps.release:before,
.googlemaps.release:after {display:none;}
*/
/******************/
/******************/
/* single.php *****/

/* #post-ID {} */




/******************/
/******************/
/* archive.php ****/


/******************/
/******************/
/* CustomContents */


/******************/
/******************/
/* comments.php ***/



.form {clear:both; display:block; background-color:#ffffff;background-color:var(--oz-color-white); padding:40px 40px 0.1em; margin:0 auto 40px;}
.form table {line-height:1.2; border-top:1px solid #cccccc; border-color:var(--oz-color-light);}
.form table th,
.form table td {border-bottom:1px solid #cccccc; border-color:var(--oz-color-light); padding:16px 4px 0.1em; vertical-align:middle;}
.form table th {text-align:center; color:#324029; color:var(--oz-color-green); font-size:12px; font-size:1.2rem; padding:16px 4px;}
.form table td {}
.form table th i {display:block; font-size:20px; font-size:2.0rem;}

/******************/
/******************/
/* materials ******/


/******************/
/* button *********/
/* .article button */

.more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent;
border-bottom:2px solid #734b23; border-color:var(--oz-color-dark); color:#734b23; color:var(--oz-color-dark); position:relative; line-height:1.2;}
.more a i {display:block; font-size:1.2em;}
.more a:after {content:""; width:0; height:0; border-style:solid; border-width:8px 0 0 16px;
border-color:transparent transparent transparent #734b23;
border-color:transparent transparent transparent var(--oz-color-dark);
position:absolute; right:-6px; bottom:-2px;}
.more a:hover {cursor:pointer; color:#324029; color:var(--oz-color-green); border-bottom:2px solid #324029; border-color:var(--oz-color-green);}
.more a:hover:after {border-color:transparent transparent transparent var(--oz-color-green);}

[type="submit"],
.btn a {display:inline-block; min-width:120px; padding:12px 24px 8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
text-align:center; background:transparent; border:1px solid #324029; border-color:var(--oz-color-green); color:#324029; color:var(--oz-color-green); position:relative;
}

.btn i {padding:0 12px 0 0; display:block;}
.btn i:after {
position:absolute;
top:50%;
bottom:50%;
right:0.5em;
margin:-0.5em 0;
font-family:'Material Icons';
font-size:24px;
line-height:1;
white-space:nowrap;
content:"\E5CC";
}


[type="submit"]:hover,
.btn a:hover {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff; cursor:pointer;}

.btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.btn.btn-success a {border-color:#324029; border-color:var(--oz-color-green); color:blue;}
.btn.btn-success a:hover {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff;}

.btn.btn-error a {border-color:red; color:red;}
.btn.btn-error a:hover {background-color:red; color:#ffffff;}

.btn.btn-warning a {border-color:yellow; color:yellow;}
.btn.btn-warning a:hover {background-color:yellow; color:#ffffff;}


/******************/
/******************/

.alert {
clear:both; display:block;color: inherit;
border:1px solid transparent;
display:block;
padding:1rem;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:red;
border-color:red;
background-color:transparent;
margin:0 0 1em 0;
}

.alert-success {border-color:blue; color:blue;}
.alert-error {border-color:red; color:red;}
.alert-warning {border-color:yellow; color:yellow;}

.alert > p {margin:0;}
.alert em, .alert strong {font-weight:bold;}

span.close {float:right; color:inherit; cursor:pointer;}

/******************/
/* Column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 0 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n) {float:right; margin:0 0 2% 0;}

.col-2:nth-child(2n + 1),
.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {clear:both;}

.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {margin:0 2% 2% 0;}

.col-4:nth-child(4n + 2),
.col-5:nth-child(5n + 2),
.col-6:nth-child(6n + 2) {margin:0 2% 2% 0;}

.col-5:nth-child(5n + 3),
.col-6:nth-child(6n + 3) {margin:0 2% 2% 0;}

.col-6:nth-child(6n + 4) {margin:0 2% 2% 0;}

/******************/
/* Flexbox System & Table System */


.table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;}
.table-cell {display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;}

.flex {margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;
}

.flex-cell {margin:0 0 4% 0; padding:0 2%;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:32%;
max-width:32%;
}

/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}

/******************/
/******************/
/* breadcrumbs ****/

.breadcrumbs {clear:both; display:block; margin:0 0 60px 0; padding:4px 0; line-height:1.6; text-align:left; font-size:12px; font-size:1.2rem;}
.breadcrumbs p {}
.breadcrumbs ul {padding:0; margin:0 auto; list-style:none; white-space:nowrap;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs ul li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs ul li:first-child:before {}
.breadcrumbs ul li:last-child:after {content:"";}
.breadcrumbs ul li a {}
.breadcrumbs ul li a:hover {}

/******************/
/******************/
/* navigation *****/

.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after {content:"＞"; margin-left:4px;}

/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:4px 12px; background-color:#324029; background-color:var(--oz-color-green); color:#ffffff;}
.pagination ul li a:hover {background-color:#324029; background-color:var(--oz-color-green);}
.pagination span.current {background-color:#324029; background-color:var(--oz-color-green);}



/******************/
/* page-links *****/

.page-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;}
.page-links span {display:table-cell; padding:8px 2px;}
.page-links .navi-prev {text-align:center;}
.page-links .navi-next {text-align:center;}
.page-links a {border:1px solid #324029; border-color:var(--oz-color-green); background-color:#324029; background-color:var(--oz-color-green); color:#ffffff; display:block;}
.page-links a:hover {background:transparent; color:#324029; color:var(--oz-color-green);}

/******************/
/******************/
/* plugins ********/



body.is-modal {overflow:hidden;}
.modal {display:none;
position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8);
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
z-index:99999;
}

.modal-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px;
background:#ffffff center center no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
	background-color:var(--oz-color-white);
border:1px solid #f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
color:transparent;
}
.modal-close:hover {
background-color:#324029; background-color:var(--oz-color-green);
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
}


.modal-window {
background-color:#ffffff; background-color:var(--oz-color-white);
width:100%; max-width:640px; margin:0 auto;
position:relative;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
padding:60px 40px 20px;
text-align:left;
z-index:999999;
cursor:default;
}

a[class*='lightcase-icon-'] {color:#fff;}



/******************/
/* jquery-tabs ****/

#tabs {position:relative;}
#tabs ol {
display:table; table-layout:fixed; text-align:center;
padding:0 20px; margin:0 auto; width:100%;
position:relative; bottom:-1px;
z-index:3;
}
#tabs ol li {
display:table-cell;
padding:12px 0; cursor:pointer; background-color:#cccccc; background-color:var(--oz-color-light);
border:1px solid #999999; border-color:var(--oz-color-gray);
white-space:nowrap;
overflow:hidden;
}

#tabs ol li:not(:last-child) {border-right:0;}

#tabs ol li:hover {background-color:#324029; background-color:var(--oz-color-green); color:#ffffff;}

#tabs ol li:first-child {border-top-left-radius:4px;}
#tabs ol li:last-child {border-top-right-radius:4px;}

#tabs ol li.current {background-color:#ffffff; background-color:var(--oz-color-white); color:#324029; color:var(--oz-color-green); border-bottom:1px solid #ffffff;}
#tabs ol li.current:hover {background-color:#ffffff; background-color:var(--oz-color-white); color:#324029; color:var(--oz-color-green);}

#tab-content {
background-color:#ffffff; background-color:var(--oz-color-white); border:1px solid #999999; border-color:var(--oz-color-gray);
text-align:left;
border-radius:4px;
padding:60px 40px 40px;
margin:0 0 40px;
position:relative;
z-index:2;
}

/******************/
/* ContactForm7 ***/



form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#999999; color:var(--oz-color-gray);}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
width:auto;
max-width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding:16px 8px; margin-bottom:16px; line-height:normal;
border:1px solid #f5f5f5;
background:#f5f5f5;
background-color:var(--oz-color-bg);
}


input[type="checkbox"],
input[type="radio"] {}
input[type="file"] {cursor:pointer; width:auto;}
input[name="your-address"] {width:100%;}
select {width:auto; padding:12px; border:1px solid #cccccc;}
textarea {width:100%;}

input[type="submit"] {
margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {color:#999999; color:var(--oz-color-gray); background:transparent; border:1px solid #cccccc; cursor:not-allowed;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #324029; border-color:var(--oz-color-green);
}

textarea {height:auto; min-height:100px;}
select {}



.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7-response-output {
margin:0; padding:0;
border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
text-align:center; display:block;
clear:both;
}

.wpcf7-mail-sent-ok {
border:1px solid #324029; border-color:var(--oz-color-green);
color:#324029;color:var(--oz-color-green);
padding:12px;
margin:0 0 20px 0;
}

.wpcf7-validation-errors {
border:1px solid red;
color:red;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7-form-control-wrap {margin:0; display:block;}
.wpcf7 span.wpcf7-list-item-label {margin:0 1em 0 0; display:inline-block;}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem; margin-bottom:16px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}

.wpcf7 .wpcf7-form-control {}
.wpcf7 .wpcf7-list-item {margin:0 0 16px 0;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display:none;}
.wpcf7 label {cursor:pointer;}
.wpcf7-list-item {position:relative; display:inline-block;}
.wpcf7-list-item-label {min-height:20px; line-height:24px; vertical-align:middle; padding:0 0 0 32px; display:inline-block; position:relative;}
.wpcf7-list-item-label:before {width:20px; height:20px; content: ''; position: absolute; left:0; top:0; background-color:#ffffff; background-color:var(--oz-color-white); border:2px solid #cccccc; display:inline-block;}
.wpcf7-list-item-label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #324029; border-color:var(--oz-color-green);
content:''; position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
border-top:none; border-right:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
opacity:0;
}
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}

.wpcf7 input.wpcf7-submit {margin:0 auto;}

img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}



/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


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

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

@media screen and (max-width:960px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}


	.archives-gallery ul li {flex-basis:32%; max-width:32%;}

	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"] {width:100%;}
	select {width:auto;}
	textarea {width:100%;}
}



/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:740px) {
	#footer-navi ul {display:block; width:100%; border-top:1px solid #cccccc; border-color:var(--oz-color-light); border-bottom:0; text-align:left;}
	#footer-navi ul li {display:block; border:0; padding:0; border-bottom:1px solid #cccccc; border-color:var(--oz-color-light);}
	#footer-navi ul li a {display:block; padding:12px 0; position:relative; padding-left:50%;}
	#footer-navi ul li i {text-align:right; right:52%; position:absolute; top:50%; transform:translateY(-50%);}
}

@media screen and (max-width:680px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}

	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;}



	#top-option .flex-cell {flex-basis:100%; max-width:100%; display:block;}

	.widget ul li a {padding:0;}
	.widget ul li span {padding:12px 0 12px 0; text-align:center; display:block;}
	.widget ul li span:before {position:relative; top:inherit; left:inherit; display:block; margin:0 auto 4px; font-size:21px; font-size:2.1rem;}

	.archives-gallery ul li {flex-basis:46%; max-width:46%;}

	.form {padding:20px 20px 0.1em;}
	.form table th,
	.form table td {display:block; text-align:left; padding:0;}
	.form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;}
	.form table th i {display:inline-block; margin: 0 1em 0 0;}
	.form table td {padding:0 0 16px 0;}
}


/* ▲ Mac OS Safari - Minimum(504px) ▼ */
@media screen and (max-width:520px) {

}

/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {

}


/******************/
/******************/
/* fonts **********/

/*
@font-face {
font-family:'asfj';
src:url('fonts/a_song_for_jennifer-webfont.eot');
src:local('a_song_for_jennifer'),
	local('a song for jennifer'),
	url('fonts/a_song_for_jennifer-webfont.eot?#iefix') format('embedded-opentype'),
	url("fonts/a_song_for_jennifer-webfont.woff") format("woff"),
	url("fonts/a_song_for_jennifer-webfont.woff2") format('woff2'),
	url('fonts/a_song_for_jennifer-webfont.ttf') format('truetype'),
	url('fonts/a_song_for_jennifer-webfont.svg#fontset') format('svg');
font-weight:normal;
font-style:normal;
}
*/
.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}


/*i.asfj {font-family:'asfj', serif;}*/
i {font-family:'Baskervville', serif;}


/******************/
/******************/
/* Keyframes ******/


/* end ************/
/******************/
/******************/