@charset "UTF-8";

/*
Theme Name: FGIS 2025
Text Domain: fgis-2025
Description: 森林GISフォーラム専用ワードプレステーマ
Author: 株式会社オンズ
Author URI: https:/on-ze.com
Theme URI: https://fgis.jp
Version: 0.9
*/


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

:root {
--oz-color-black:#000000;
--color-black:#000000;
--oz-color-dark:#252525;
--oz-color-gray:#999999;
--oz-color-light:#cccccc;
--oz-color-green:#537c1e;
--color-green:#537c1e;
--oz-color-white:#ffffff;
--font-regular:400;
}


/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
/*	all:unset;
	display:revert;*/
}

article, aside, footer, header, main, nav, article, section {display:block;}
img, picture, audio, canvas, video, svg {display:block; max-width:100%; height:auto;}


br,
hr {display:block;}

ol,
ul {list-style:none;}

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

input,
select {vertical-align:middle;}

body {
	line-height:1;
	line-break:strict;
	overflow-wrap:anywhere;
	word-break:normal;
	font-feature-settings:"palt";
	font-kerning:normal;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}

a {-webkit-tap-highlight-color:transparent;}


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

html {font-size:62.5%;}

body {
background-color:var(--color-black);
color:#fff;
font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;
font-size:18px;
font-size:1.8rem;
font-style:normal;
font-weight:var(--font-regular);
line-height:1;
position:relative;
text-align:center;
width:100%;
}

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:#537c1e; color:var(--oz-color-green);}

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

b {font-weight:bold;}
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 {height:0; margin:0 0 40px 0; border-top:1px solid rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.2);}

table {border-collapse:collapse; table-layout:fixed; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 8rem 0; border-top:1px solid rgba(255,255,255,0.2);}
table th,
table td {padding:16px 4px; vertical-align:top; border-bottom:1px solid rgba(255,255,255,0.2);}
table caption {text-align:left; padding:8px;}

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

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


.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;}
.empty {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.table-border,
table.table-border th,
table.table-border td {border:1px solid #cccccc; border-color:var(--oz-color-light);}

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

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




.color-black {color:#000000; 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:#537c1e; 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 *********/


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

.inner {
	clear:both; display:block; margin:0 auto; max-width:1600px; width:100%;
	padding:0 24px;
	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;}

@media screen and (max-width:800px){
	.inner {padding:0 2%;}
}

/******************/
/******************/
/* header *********/
.site-header {position:absolute; top:0; left:0; right:0; width:100%; padding:0; display:block; color:#fff;}
.site-header:before {content:""; position:absolute; top:0; right:0; bottom:-280px; left:0; display:block; background:linear-gradient(0deg, rgba(0,0,0,0),70%, rgba(0,0,0,0.4));
pointer-events:none;}
.site-header .inner {position:relative; display:flex; justify-content:space-between; align-items:center; z-index:9;}


.header-logo {position:relative; flex-basis:20%; max-width:280px; min-width:240px; flex-shrink:0; margin:0 6% 0 0;}
.header-logo h1 a {padding:24px 16px;}
.header-logo h1 a:before {content:""; display:block; position:absolute; top:-10%; left:50%; transform:translate(-50%,-50%); width:140%; height:0; padding-top:140%; background:#425924; z-index:-1; border-radius:400px;}
.header-logo h1 a:hover:before {background:#537c1e; background-color:var(--oz-color-green);}
.header-logo h1 img {display:block; width:100%; height:auto;}
.header-logo h1 i {font-size:31px; font-size:3.1rem;}
.header-logo h2,
.header-logo span,
.header-logo i {display:none;}

.footer-logo h2 i,
.footer-logo p {display:none;}

.header-logo a {display:block; padding:0.2em 0;}

.home .site-header {color:#ffffff; color:var(--oz-color-white); position:absolute; top:0; left:0; right:0;}

.site-header {line-height:1.6;}
.header-navi {position:relative; display:block; flex-basis:100%; max-width:1080px; flex-shrink:1; padding:0; font-size:18px; font-weight:bold;}
.header-navi ul {display:flex; justify-content:space-between; flex-wrap:nowrap;}
.header-navi li a {display:block;}
.header-navi li a:after {content:""; display:block; width:0.9em; height:0.9em; margin:0 auto; background:url("images/arrow-01-white.svg") center/contain no-repeat; transform:rotate(-90deg);}
.header-navi li i {display:none; font-size:2.0rem; text-transform:uppercase;}
.header-navi li a:hover {color:inherit; opacity:0.65;}
.header-navi li a:hover:after {opacity:0.65;}


.site-header .navi-toggle {display:none; flex-shrink:0; width:88px; height:88px; font-size:1.2rem; font-weight:bold; color:#fff; background:#537c1e; border-radius:400px; cursor:pointer;}
.site-header .navi-toggle:before {content:""; display:block; width:40%; height:40%; margin:0 auto; background:url("images/menu-open-white.svg") center/contain no-repeat;}
.site-header .navi-toggle:after {content:"メニュー";}
.site-header .navi-toggle:hover {color:#537c1e; background-color:var(--oz-color-greem); background:#fff;}
.site-header .navi-toggle:hover:before {background-image:url("images/menu-open-green.svg");}
.is-navi .site-header .navi-toggle:before {background-image:url("images/menu-close-white.svg");}
.is-navi .site-header .navi-toggle:hover:before {background-image:url("images/menu-close-green.svg");}
.is-navi .site-header .navi-toggle:after {content:"閉じる";}

.header-util {position:absolute; bottom:8px; right:24px; transform:translate(0,100%); font-weight:bold;}
.search-box {margin-bottom:16px; line-height:1.8;}
.search-box input[type="text"] {display:inline-block; width:16em; max-width:min(288px, calc(100% - 3em) ); padding:0.4em 1em; margin:0; line-height:1.2; font-size:1.6rem; background:#fff; border-radius:400px;}
.search-box input[type="text"]:focus {background:#fff;}
.search-box button {display:inline-block; vertical-align:-45%; width:2em; min-width:0; height:2em; padding:0; background:url("images/icon-search.svg") center/contain no-repeat; border:none;}
.search-box button:hover {background-color:transparent; border:none; opacity:0.65;}


.fontsize-selector {text-align:right; line-height:1.8;}
.fontsize-selector .title {display:inline-block; margin-right:1em; font-size:min(1.8rem, 16px);}
.fontsize-selector ul {display:inline-table; vertical-align:middle;}
.fontsize-selector li {position:relative; display:table-cell; width:46px; vertical-align:middle; text-align:center; border-left:1px solid rgba(255,255,255,0.4); cursor:pointer;}
.fontsize-selector li:last-of-type {border-right:1px solid rgba(255,255,255,0.4);}
.fontsize-selector li:hover {color:rgba(255,255,255,0.5);}
.fontsize-selector li.is-current:before {content:""; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); display:block; width:6px; height:6px; background:#fff; border-radius:50%;}
.fontsize-selector .font-size-small {font-size:12px;}
.fontsize-selector .font-size-medium {font-size:16px;}
.fontsize-selector .font-size-large {font-size:20px;}
@media screen and (max-width:340px){
	[data-font-size="large"] .fontsize-selector .title {margin-right:0.5em;}
}

@media screen and (max-width:1300px){
	.header-navi {font-size:16px;}
}

@media screen and (max-width:1120px){
	.header-logo {flex-basis:240px; flex-shrink:1; min-width:0;}
	.header-logo:before {top:0; width:130%; padding-top:130%;}
	.site-header .navi-toggle {display:block;}
	.header-navi {display:none;}
	.site-header .header-util {position:static; margin:0 2em 0 auto; transform:none;}
	.site-header .search-box {margin-bottom:0.5rem;}
	#mobile-navi .header-util {display:none;}
}
@media screen and (max-width:880px){
	.site-header .header-util {display:none;}
	#mobile-navi .header-util {display:block;}
	.header-logo {margin-right:16%;}
}


#bg {position:fixed; top:0; right:0; bottom:0; left:0; display:block; overflow:hidden; z-index:-1;}
#bg-img,
#bg:after {
	position:absolute;
	top:-30px;
	left:-30px;
	right:-30px;
	bottom:-30px;
	min-width:calc(100% + 60px);
	min-height:calc(100% + 60px);
	background:url("images/bg-01.jpg") center/cover no-repeat;
	will-change:filter;
}
#bg-img {
	filter:blur(20px); backface-visibility:hidden;
}
#bg:after {content:""; display:block; transition:opacity 0.5s; z-index:1;}
/* #bg-gradient {position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(90deg,rgba(0,0,0,0.2),20%,rgba(0,0,0,0) 30%);} */
/*
#bg img {
	margin:-30px;
	width:calc(100% + 60px);
	transform:scale(1.2);
	transition:0.4s;
}
*/
#bg.blur:after {opacity:0;}


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




/******************/
/******************/
/* footer *********/
.pagetop-button {position:absolute; right:40px; top:0; transform:translate(0,-50%); display:flex; flex-direction:column; justify-content:center; align-items:center; width:116px; height:116px; background:#537c1e; background-color:var(--oz-color-green); border-radius:50%; cursor:pointer; transition:transform 0.4s; font-size:12px; font-size:1.2rem;}
.pagetop-button button {width:100%; height:100%; background:none; color:#fff; cursor:pointer;}
.pagetop-button button:before {content:""; display:block; width:50%; height:0; padding-top:30%; margin:0 auto 6%; background:url("images/icon-page-top.svg") center/contain no-repeat;}
.pagetop-button:hover {transform:translate(0,calc(-50% - 12px));}
.pagetop-button:hover button:before {animation:pagetop-button-icon .5s 0s 1 both normal ease-out;}
@Keyframes pagetop-button-icon {
	0% {transform:rotate3d(0,0,0,0);}
	100% {transform:rotate3d(0,1,0,360deg);}
}
@media screen and (max-width:800px){
	.pagetop-button {right:16px;}
}

.site-footer {
	position:relative; text-align:center; padding:0 0 0; line-height:1.6; position:relative; background:rgba(25,25,25,0.6); background:radial-gradient(at 0% 0%,rgba(120,120,120,0.6),rgba(0,0,0,0.6)); background-attachment:fixed; position:relative;
	backface-visibility:hidden;
}
.site-footer .flex {margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:nowrap;
flex-direction:row-reverse;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}



.footer-logo {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-basis:18%; flex-shrink:0; min-width:280px; background:#537c1e; background-color:var(--oz-color-green); color:#fff; padding:20px 20px;}
.footer-logo h2 {margin-bottom:40px; width:100%; max-width:240px; height:auto;}
.footer-logo h2 a {display:block; background:0 0 no-repeat; background-size:120px 120px;}
.footer-logo h2 a:hover {opacity:0.65;}
.footer-logo h2 a img {display:block; width:100%; height:auto;}
.footer-logo p {display:none;}
.footer-logo .footer-information {display:none;}

.footer-information .site-title {margin-bottom:1em; font-size:20px;}
.footer-information dd {position:relative; text-align:left; font-size:1.4rem;}
.footer-information dd {margin-bottom:1em;}
.footer-information dd>span {position:relative; display:inline-block; text-indent:0;}
.footer-information dd span+span {margin-left:1em;}
.footer-information dd span:last-of-type {margin-bottom:0;}
.footer-information dd:last-of-type {margin-bottom:0;}
.footer-information .adr {padding-left:1.7em;}
.footer-information .adr:before,
.footer-information .tel:before,
.footer-information .fax:before {content:""; position:absolute; top:0.2em; left:0; display:block; width:1.2em; height:1.2em; vertical-align:middle; margin:0 0.5em 0 0; background:url("images/icon-address.svg") center/contain no-repeat;}
.footer-information .tel,
.footer-information .fax {padding-left:1.7em;}
.footer-information .tel:before {background-image:url("images/icon-tel.svg");}
.footer-information .fax:before {background-image:url("images/icon-fax.svg");}
.footer-information a {text-decoration:underline;}
.footer-information a:hover {color:#fff; opacity:0.65;}

.footer-links {margin:0; text-align:right; font-size:1.4rem;}
.footer-links a {margin:0; text-decoration:underline;}
.footer-links .youtube:before {content:""; position:absolute; top:0.2em; left:0; display:block; width:1.2em; height:1.2em; vertical-align:middle; margin:0 0.5em 0 0; background:url("images/icon-youtube.svg") center/contain no-repeat;}
.footer-links .youtube {position:relative; display:inline-block; padding-left:1.7em;}

.footer-content {flex-basis:100%; flex-shrink:1; background:none; text-align:left; padding:80px 40px 40px 60px; margin:0; border-top:1px solid rgba(255,255,255,0.1);}
.footer-content p {font-size:13px; font-size:1.3rem; text-align:right; padding:0; margin:0 0 8px 0;}


.footer-navi {display:flex; justify-content:space-between; flex-wrap:nowrap; padding:0 0; margin:0 0 24px; line-height:2;}
/* .footer-navi .module {display:block; flex-basis:20%;}
.footer-navi #recent-posts-3 {flex-basis:34%;} */
.footer-navi {text-align:left;}
.footer-navi .module {display:block; font-size:1.4rem;}
.footer-navi .module:last-of-type {margin-right:0;}
.footer-navi .module ul li {padding-left:1.9em; margin:0 0 1.5em 0; line-height:1.8; text-indent:-1.5em;}
.footer-navi .module ul li a:before {content:""; display:inline-block; width:1em; height:1em; vertical-align:-5%; margin:0 0.5em 0 0; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
.footer-navi a[target="_blank"]:after {content:""; display:inline-block; width:1em; height:1em; margin:0 0 0 0.8em; vertical-align:-5%; background:url("images/icon-external-white.svg") center/contain no-repeat;}
.footer-navi .module ul li a:hover {text-decoration:underline;}
.footer-navi .module ul li i {display:none; color:#537c1e; color:var(--oz-color-green); font-size:17px; font-size:1.7rem; font-weight:bold; white-space:nowrap;}
.footer-navi .widget-title {padding-left:1.9em; margin-bottom:1.5em; line-height:1.6; text-indent:-1.9em; font-size:20px; font-weight:bold;}
.footer-navi .widget-title:before {content:""; display:inline-block; width:1.4em; height:1.4em; vertical-align:-15%; margin:0 0.5em 0 0; background:url("images/title-decoration-01.svg") center/contain no-repeat;}

.site-footer hr {margin-bottom:3rem;}

@media screen and (max-width:1320px){
	.footer-information .site-title {font-size:18px;}
	.footer-content {padding:40px 32px 40px 32px;}
	.footer-navi .module {margin-right:16px;}
	.site-footer .widget-title {font-size:1.8rem; padding-left:1.4em; text-indent:-1.4em;}
	.site-footer .widget-title:before {width:1.2em; height:1.2em; vertical-align:-10%; margin-right:0.2em;}
}



small#site-info {clear:both; display:block; font-size:11px; font-size:1.1rem; text-align:right; padding:0 text-transform:uppercase;}
small#site-info a {color:#537c1e; color:var(--oz-color-green);}
small#site-info a:hover {color:#537c1e; color:var(--oz-color-green);}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1240px) {
	.site-footer .flex {display:block;}
	.footer-logo {padding:32px;}
	.footer-logo h2 {margin-bottom:20px;}
	.footer-content {width:100%; padding:80px 24px 40px;}
	.footer-navi {width:100%; padding:0;}
}

@media screen and (max-width:920px) {
	.site-footer:before {display:none}
	.footer-logo h2 {margin-bottom:2em;}
	.footer-logo .footer-information {display:block; margin:0 0 2em 0;}
	.footer-logo .footer-information dt {margin-bottom:1em; font-size:2.0rem;}
	.footer-navi {justify-content:space-around;}
	.footer-navi .module {margin-right:10px;}
	.footer-content .footer-information {display:none;}
	.footer-content p {text-align:center; font-size:11px; font-size:1.1rem;}
	.footer-content #site-info {text-align:center; padding:0 0 24px 0; font-size:9px; font-size:0.9rem;}
}
@media screen and (max-width:620px) {
	.footer-navi {display:block; margin-bottom:40px; border:none;}
	.footer-content {padding-top:56px;}
	.footer-navi .menu {width:100%; margin:0; font-weight:bold; margin-bottom:2em;}
	.footer-navi .sub-menu {display:none;}
	.footer-navi .widget-title {margin-bottom:0; padding:1em 0 1em 1.4em; cursor:pointer;}
	.footer-navi .menu>li {margin:0; padding:14px 0 14px 1.4em; border-bottom:1px solid rgba(255,255,255,0.2); text-align:center;}
	/* .footer-navi .module:first-of-type .menu>li:first-of-type {border-top:1px solid #ccc;} */
	.footer-navi ul li a {display:block; width:100%; text-align:left;}
	.footer-links {text-align:left;}
	.site-footer .footer-navi .widget-title:before {width:1em; height:1em; margin-right:0.5em; background-image:url("images/arrow-01-white.svg"); transform:rotate(90deg);}
}

@media screen and (max-width:380px) {
	/* .footer-navi ul li a {font-size:11px; font-size:1.1rem;}
	.footer-navi .menu>li i {font-size:11px; font-size:1.1rem;} */
}

#mobile-navi {position:fixed; top:0; right:0; bottom:0; left:0; padding:200px 2em 120px; background:rgba(25,25,25,0.6); background:radial-gradient(at 0% 0%,rgba(60,60,60,0.7),rgba(0,0,0,0.7)); z-index:3; overflow-y:scroll; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); opacity:0; pointer-events:none; transition:0.2s;}
#mobile-navi {-ms-overflow-style:none; scrollbar-width:none;}
#mobile-navi::-webkit-scrollbar {display:none;}
#mobile-navi nav {display:flex; justify-content:space-between; flex-wrap:wrap;}
#mobile-navi .module {flex-basis:33.333%; margin-bottom:4%; font-size:1.8rem;}
#mobile-navi .widget-title {font-size:2.4rem;}
#mobile-navi .header-util {position:static; text-align:right; transform:none;}
#mobile-navi .footer-navi {margin-bottom:3em;}
#mobile-navi .footer-navi li {margin-bottom:1.2em; transform:translate(0,20px); opacity:0;}
#mobile-navi .footer-navi li a {display:inline; text-indent:0;}
.is-navi #mobile-navi .footer-navi li:nth-of-type(1) {transition-delay:calc(0.1s * 1);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(2) {transition-delay:calc(0.1s * 2);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(3) {transition-delay:calc(0.1s * 3);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(4) {transition-delay:calc(0.1s * 4);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(5) {transition-delay:calc(0.1s * 5);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(6) {transition-delay:calc(0.1s * 6);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(7) {transition-delay:calc(0.1s * 7);}
.is-navi #mobile-navi .footer-navi li:nth-of-type(8) {transition-delay:calc(0.1s * 8);}
.is-navi #mobile-navi .footer-navi li {transition:0.6s;}
.is-navi #mobile-navi {opacity:1; pointer-events:auto; z-index:4;}
.is-navi #mobile-navi .footer-navi li {transform:none; opacity:1;}

@media screen and (max-width:960px){
	#mobile-navi .widget-title {font-size:2.0rem;}
	#mobile-navi .module {font-size:1.6rem;}
}
@media screen and (max-width:800px){
	#mobile-navi nav {display:block;}
	#mobile-navi .module {margin-bottom:6rem;}
	#mobile-navi .widget-title {font-size:2.4rem; margin-bottom:0.5em;}
	#mobile-navi .footer-navi li {padding:0; margin:0; border-bottom:1px solid rgba(255,255,255,0.2);}
	#mobile-navi .footer-navi li a {display:block; padding:1em 0;}
}
@media screen and (max-width:540px){
	#mobile-navi {padding:20rem 1em 120px;}
	#mobile-navi .module {font-size:1.8rem;}
	#mobile-navi .widget-title {font-size:2.0rem;}
}
@media screen and (max-width:400px){
	#mobile-navi .module {font-size:1.6rem;}
}
@media screen and (max-width:340px){
	#mobile-navi .module {font-size:1.4rem;}
}

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

#main {padding:348px 0 0.1em 0; line-height:2.0; overflow:hidden;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}
.home #main {padding:0 0 0.1em 0;}


#main a {}

#content {
float:right;
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:left; padding:0; text-align:left;}

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

#sidebar {}
#sidebar .module {margin-bottom:20px; display:block; clear:both;}
#sidebar a {}
#sidebar a:hover {}
#sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;}

#sidebar p {margin:0 0 12px 0; clear:both;}
#sidebar ul {padding:0; margin:0; clear:both; border-top:1px solid rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.2);}
#sidebar ul li {padding:0; margin:0; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.4);}
#sidebar ul li a {position:relative; display:block; padding:1.6em 0 1.6em 6em; margin:0; color:#fff;}
#sidebar ul li a:before {content:""; display:inline-block; width:1em; height:1em; vertical-align:-5%; margin:0 0.25em 0 0; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
#sidebar ul li a:after {content:""; position:absolute; top:50%; left:1em; transform:translate(0,-50%); display:block; width:3.5em; height:3.5em; background:url("images-page/content-icon-greeting.svg") center/contain no-repeat;}
#sidebar ul li:nth-of-type(1) a:after {background-image:url("images-page/content-icon-greeting.svg");}
#sidebar ul li:nth-of-type(2) a:after {background-image:url("images-page/content-icon-activity.svg");}
#sidebar ul li:nth-of-type(3) a:after {background-image:url("images-page/content-icon-organization.svg");}
#sidebar ul li:nth-of-type(4) a:after {background-image:url("images-page/content-icon-admission.svg");}
#sidebar ul li:nth-of-type(5) a:after {background-image:url("images-page/content-icon-member.svg");}
#sidebar ul li a:hover {cursor:pointer; opacity:0.65;}
#sidebar ul li i {display:none;}

#sidebar label {display:block;}
#sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #999999; border-color:var(--oz-color-gray);}

#sidebar label.screen-reader-text {display:none;}
#sidebar .search-submit {display:none;}

@media screen and (max-width:1280px){
	#content {width:calc(100% - 280px);}
	#sidebar {width:248px;}
}
@media screen and (max-width:960px){
	#content {width:100%;}
	#sidebar {display:none;}
}


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

.article {margin:0; padding:0; vertical-align:top; position:relative;
/*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; line-height:1.2;}

.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;}

.article h3 i {font-size:24px; font-size:2.4rem;}
.article h3 {font-size:18px; font-size:1.8rem;}

.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 ul li {padding:0;}
/* .article ul li:before {content:""; display:inline-block;
background:url("images/arrow-r-dark.svg") center center no-repeat; width:1em; height:1em; background-size:12px 12px;
vertical-align:middle;
margin:0 0.4em 0 0;
} */
.article ul li a {}
.article ul li a:hover {}

.article ol li {padding:0 0 0 1.8em; text-indent:0;
	list-style:none;
	counter-increment:number;
}
.article ol li:before {content:counter(number) "."; margin:0 0.4em 0 0;}

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

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

.article blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #000000;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
color:#ffffff;
background-color:#252525;
background-color:var(--oz-color-dark);
border-radius:6px;
margin:0 0 20px 0;
padding:0.8em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


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

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

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


.page-title {position:relative; line-height:1; margin:0; top:0; transform:translate(0,calc(-100% + 0.5rem)); text-align:left; position:absolute; font-size:70px; font-size:7.0rem; z-index:2;}
.page-title p,
.page-title h3 {padding-left:0.025em; margin-bottom:16px; line-height:1.3; font-size:18px; font-size:1.8rem; font-weight:bold;}
.page-title p i,
.page-title h3 i {display:inline-block; line-height:1; font-size:80px; text-transform:uppercase; padding:0 0.4em 0 0; letter-spacing:-0.06em;}
.page-title p span,
.page-title h3 span {display:inline-block; padding-left:0.4em; margin:0.5em 0 0;}

@media screen and (max-width:1080px){
	.page-title p i,
	.page-title h3 i {font-size:7vw;}
}
@media screen and (max-width:780px){
	.page-title p i,
	.page-title h3 i {font-size:10vw;}
}
@media screen and (max-width:420px){
	.page-title p i,
	.page-title h3 i {display:block; font-size:2.0rem; margin-bottom:0.25em;}
	.page-title p span,
	.page-title h3 span {padding:0; font-size:10vw; margin:0;}
}

.page-content,
#content {margin:0 0 4em 0;}
.content-box {text-align:left; background:rgba(25,25,25,0.6); background:radial-gradient(at 0% 0%,rgba(80,80,80,0.6),rgba(0,0,0,0.6)); background-attachment:fixed; padding:5em 5em 5em; border:1px solid; border-color:rgba(255,255,255,0.2) rgba(0,0,0,0.3) rgba(0,0,0,0.6) rgba(255,255,255,0.1); border-radius:8px;}

.page-content>.content-box .section:last-child {padding:0;}

.page-content>.box :last-child,
.content-box :last-child {margin-bottom:0;}

@media screen and (max-width:1280px){
	.content-box {padding:3em;}
}
@media screen and (max-width:620px){
	.content-box {padding:10% 6.5%;}
}


/* .page-content h4:before {content:""; display:inline-block; width:1.4em; height:1.4em; vertical-align:-20%; margin:0 0.5em 0 0; background:url("images/title-decoration-01.svg") center/contain no-repeat;} */


.post-left {width:100px; float:left; text-align:center;}
.post-right {float:right; max-width:calc(100% - 120px);}




.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;}


.content-box .inline-icon {display:inline-block; width:auto; height:1.6em; margin-right:0.5em; vertical-align:-22%;}
.content-box .inline-icon>img {display:block; width:100%; height:100%;}
.content-box h4 {font-size:4.2rem; font-weight:bold;}
/* #content h4 {padding-left:1.75em; text-indent:-1.75em;} */
/* #content h4:before {content:""; display:inline-block; width:1.4em; height:1.4em; vertical-align:-20%; margin:0 0.25em 0 0; background:url("images/title-decoration-01.svg") center/contain no-repeat;} */
.content-box h5 {padding-left:1.7em; text-indent:-1.7em; font-size:3.4rem; font-weight:bold;}
.content-box h5:before {content:""; display:inline-block; width:1.2em; height:1.2em; vertical-align:-15%; margin:0 0.5em 0 0; background:url("images/title-decoration-02.svg") center/contain no-repeat;}
.content-box h5 .inline-icon {vertical-align:-35%;}
.content-box strong {font-size:1.2em;}
.content-box em {background:linear-gradient(transparent 50%, rgba(161,173,0,1) 50%);
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

@media screen and (max-width:800px){
	.content-box h4 {font-size:3.2rem; margin-bottom:1em;}
	.content-box h5 {font-size:2.8rem;}
}
@media screen and (max-width:420px){
	.content-box h4 {font-size:2.8rem; margin-bottom:1em;}
	.content-box h5 {font-size:2.4rem;}
}

.content-box blockquote {position:relative; padding:2em; margin:0 0 2em 0; border:1px solid; border-color:rgba(0,0,0,0.6) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.3); border-radius:6px;}
.content-box blockquote:before {content:""; position:absolute; top:0.8em; left:0.8em; display:block; width:1em; height:1em; background:url("images/blockquote-decoration-01.svg") center/contain no-repeat;}
@media screen and (max-width:800px){
	.content-box blockquote {padding:6%;}
	.content-box blockquote:before {top:0.5em; left:0.5em; width:0.6em; height:0.6em;}
}

.content-box .box {padding:2em; margin-bottom:3em; border:1px solid; border-color:rgba(0,0,0,0.6) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.3); border-radius:6px;}
.content-box .box>:last-child {margin-bottom:0;}
@media screen and (max-width:800px){
	.content-box .box {padding:6%;}
}

.content-box a {text-decoration:underline;}
.content-box ul {list-style:none;}
.content-box ul>li {padding-left:1.3em; text-indent:-1.3em;}
.content-box ul>li:before {content:""; display:inline-block; width:0.8em; height:0.8em; margin:0 0.5em 0 0; vertical-align:middle; border:0.2em solid #fff; border-radius:50%;}
.content-box ul>li * {text-indent:0;}
.content-box ul>li>ul {list-style:none;}
.content-box ul>li>ul>li {padding-left:1em; text-indent:-1em;}
.content-box ul>li>ul>li:before {width:0.5em; height:0.5em; border:1px solid #fff; margin:0 0.5em 0 0;}
.content-box ol>li {position:relative; padding:0 0 0 1.5em;
	list-style:none;
	counter-increment:number;
}
.content-box ol>li:before {position:absolute; top:0; left:0; content:counter(number) "."; margin:0 0.4em 0 0; font-weight:bold;}
.content-box ol ol>li {padding-left:2.5em; counter-increment:child-number;}
.content-box ol ol>li:before {content:counter(number)"-"counter(child-number) "."; font-weight:bold;}

.content-box dl dt {padding-left:1.3em; text-indent:-1.3em; font-weight:bold;}
.content-box dl dt:before {content:""; display:inline-block; width:0.8em; height:0.8em; margin:0 0.5em 0 0; vertical-align:middle; border:0.2em solid #fff; border-radius:50%;}
.content-box dl dd {padding-left:1.3em; text-indent:-1.3em;}
.content-box dl dd:before {content:"-"; display:inline-block; width:0.8em; margin:0 0.5em 0 0; text-align:center; text-indent:0;}
.content-box dl dt *,
.content-box dl dd * {text-indent:0;}


.post-meta {margin-bottom:0.6em;}
.post-meta>span {display:block;}
#content .post-meta .category {margin-bottom:0.5em;}
#content .post-meta .category span {display:inline-block; padding:0.1em 1em; vertical-align:middle; font-size:1.4rem; text-decoration:none; background:#537c1e; background-color:var(--oz-color-green);}
.post-date {display:inline-block; line-height:1.2; margin-right:1em;}

.post-title {margin-bottom:6rem;}
.post-title:after {content:""; display:block; width:100%; height:0; margin: 0; border-top:1px solid rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.2);}
.post-title h3 {padding:0.1em 0 0.6em; margin-bottom:0; font-size:4.2rem;}
.post-title h3:before {content:"「";}
.post-title h3:after {content:"」";}

@media screen and (max-width:800px){
	.post-title h3 {font-size:3.6rem;}
}
@media screen and (max-width:420px){
	.post-title h3 {font-size:3.2rem;}
}

.post-content h4 {font-size:3.4rem;}
.post-content h5 {font-size:2.8rem;}


.section {padding:0 0 10rem 0;}

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

#top-title {position:relative; height:80vh; min-height:600px;}
#top-title .inner {position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; text-align:center;}
#top-title .site-logo {width:80%; max-width:560px; min-width:296px; margin:0 auto 4vh; height:auto;}

@media screen and (max-width:480px){
	#top-title {height:100vh;}
	#top-title .inner {top:56%;}
}

#top-information .inner {display:flex; justify-content:space-between; flex-wrap:nowrap;}
#top-news {flex-basis:58%;}
#top-news .content {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:nowrap;}
#top-news .category-selector {flex-shrink:0; margin:0 0.5em 0 0; font-size:1.6rem;}
#top-news .category-selector li {position:relative; padding:1.2em 1.5em 1.2em 1.2em; margin-bottom:2px; line-height:1.6; text-indent:0; z-index:0; cursor:pointer;}
#top-news .category-selector li:after {content:""; position:absolute; display:block; top:0; right:0; bottom:0; left:0; background:rgba(25,25,25,0.6); background:radial-gradient(at 0% 0%,rgba(60,60,60,0.6),rgba(0,0,0,0.6)); background-attachment:fixed; clip-path:polygon(0% 0%, calc(100% - 8px) 0%, calc(100% - 8px) calc(50% - 8px), 100% 50%, calc(100% - 8px) calc(50% + 8px), calc(100% - 8px) 100%, 0% 100%); z-index:-1;}
#top-news .category-selector li.is-current:after {background:#537c1e; background:var(--oz-color-green);}
#top-news .category-selector li:before {content:""; display:inline-block; width:1.4em; height:1.4em; vertical-align:-15%; margin:0 0.5em 0 0; background:url("images/title-decoration-01.svg") center/contain no-repeat;}
#top-news .category-selector li:hover:after {background:#425924;}
#top-news .category-selector li.is-current:hover:after {background:#537c1e; background:var(--oz-color-green);}
#top-news .box {
	flex-basis:100%; flex-shrink:1; height:auto; padding:2em 2em 0.1em;
	/* border:1px solid rgba(255,255,255,0.1);
	border-color:rgba(255,255,255,0.1) rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(255,255,255,0.1); */
	background:rgba(25,25,25,0.6); background:radial-gradient(at 0% 0%,rgba(60,60,60,0.6),rgba(0,0,0,0.6)); background-attachment:fixed; border:1px solid; border-color:rgba(255,255,255,0.2) rgba(0,0,0,0.3) rgba(0,0,0,0.6) rgba(255,255,255,0.1); border-radius:8px;
	backface-visibility: hidden;
}
#top-news .archives {height:440px; margin:0; overflow-y:scroll;}
#top-news .archives::-webkit-scrollbar {display:none;}
#top-news ul li {padding:0;}
#top-news ul li a {display:block; padding:1.5em 0.5em;}
#top-news .a-title {font-size:2.0rem; margin:0;}
#top-news ul li a:hover {background:#537c1e; background:var(--oz-color-green); text-decoration:inherit;}
#top-news ul li a:hover .category {background:#fff; color:#537c1e; color:var(--oz-color-green);}
#top-news ul li a:hover .a-title {color:#fff;}
@media screen and (max-width:800px){
	[data-font-size="large"] #top-news .box {padding:32px 32px 0;}
}

#top-pickup {flex-basis:38%;}
#top-pickup-slider {padding:0 0 24px 0;}
#top-pickup-slider li {position:relative; border:6px solid #d1598f; color:#252525; color:var(--oz-color-dark);}
#top-pickup-slider li:after {content:""; display:block; width:100%; height:0; padding-top:66.666%;}
#top-pickup-slider li a {position:relative; display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
#top-pickup-slider li a:hover {color:inherit;}
#top-pickup-slider li a:after {content:"続きを読む"; position:absolute; top:50%; left:50%; font-size:2.4rem; font-weight:bold; color:#fff; transform:translate(-50%,-50%); z-index:6; opacity:0; transition:opacity 0.5s; pointer-events:none;}
#top-pickup-slider li a:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(30,30,30,0.6); z-index:5; opacity:0; transition:opacity 0.5s; pointer-events:none;}
#top-pickup-slider li a:hover:after,
#top-pickup-slider li a:hover:before {opacity:1;}
#top-pickup-slider li a:hover .thumbnail:before {opacity:0;}
#top-pickup-slider .thumbnail {position:absolute; top:0; right:0; bottom:0; left:0; display:block;}
#top-pickup-slider li .thumbnail:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background:rgba(255,255,255,0.5); z-index:1; transition:opacity 0.5s;}
#top-pickup-slider img {display:block; width:100%; height:100%; object-fit:cover;}
#top-pickup-slider .absolute {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; padding:1em; text-align:center; z-index:2;}
#top-pickup-slider .absolute span {display:block;}
#top-pickup-slider .subtitle {margin-bottom:0.5em; line-height:1.6; font-size:2.0rem; font-weight:bold;}
#top-pickup-slider .a-title {margin-bottom:1em; line-height:1.4; font-size:32px; font-weight:bold;}
#top-pickup-slider .description {line-height:1.6; font-size:1.8rem;}

@media screen and (max-width:1400px){
	#top-pickup-slider .a-title {font-size:2.8rem;}
	[data-font-size="large"] #top-pickup-slider li:after {padding-top:80%;}
	#top-pickup-slider .subtitle {font-size:1.8rem;}
	#top-pickup-slider .a-title {font-size:28px; margin-bottom:0.5em;}
	#top-pickup-slider .description {font-size:1.6rem;}
}
@media screen and (max-width:960px){
	[data-font-size="large"] #top-pickup-slider li:after {padding-top:66.666%;}
	#top-pickup-slider .subtitle {margin-bottom:0.5em; line-height:1.6; font-size:2.0rem; font-weight:bold;}
	#top-pickup-slider .a-title {margin-bottom:1em; line-height:1.4; font-size:34px; font-weight:bold;}
	#top-pickup-slider .description {line-height:1.6; font-size:1.8rem;}
}
@media screen and (max-width:720px){
	[data-font-size="large"] #top-pickup-slider li:after {padding-top:80%;}
	#top-pickup-slider .subtitle {font-size:1.8rem;}
}
@media screen and (max-width:440px){
	#top-pickup-slider .absolute {padding:0.5em;}
	#top-pickup-slider .subtitle {font-size:1.6rem;}
	#top-pickup-slider .a-title {font-size:26px; margin-bottom:0.5em;}
	#top-pickup-slider .description {font-size:1.6rem;}
}
@media screen and (max-width:375px){
		#top-pickup-slider li:after {padding-top:100%;}
		#top-pickup-slider .a-title {font-size:24px;}
}

#top-pickup-slider .swiper-button-prev,
#top-pickup-slider .swiper-button-next {top:auto; bottom:0; width:28px; height:28px;}
#top-pickup-slider .swiper-button-prev:after,
#top-pickup-slider .swiper-button-next:after {content:""; display:block; width:100%; height:100%; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
#top-pickup-slider .swiper-button-prev:after {transform:rotate(180deg);}
#top-pickup-slider .swiper-pagination {left:50%; transform:translate(-50%,0); height:28px; width:auto;}
#top-pickup-slider .swiper-pagination-bullet {background:rgba(255,255,255,0.5);}
#top-pickup-slider .swiper-pagination-bullet-active {background:rgba(255,255,255,1);}

@media screen and (max-width:1080px){
	#top-news {flex-basis:50%;}
	#top-news .content {display:block;}
	#top-news .category-selector {display:flex; justify-content:space-between; flex-wrap:nowrap; margin:0 0 1em 0; text-align:center; font-size:1.4rem;}
	#top-news .category-selector li {display:flex; justify-content:center; align-items:center; padding:0.8em 0 1.2em; flex-basis:calc(25% - 1px);}
	#top-news .category-selector li:before {display:none;}
	#top-news .category-selector li:after {clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - 8px), calc(50% + 8px) calc(100% - 8px), 50% 100%, calc(50% - 8px) calc(100% - 8px), 0% calc(100% - 8px))}
	#top-pickup {flex-basis:46%;}
}

@media screen and (max-width:960px){
	#top-information .inner {display:block;}
	#top-information section {margin-bottom:64px;}
	#top-information section:last-of-type {margin-bottom:0;}
}

@media screen and (max-width:520px){
	#top-news .category-selector {flex-wrap:wrap;}
	#top-news .category-selector li {flex-basis:calc(50% - 1px); padding:1.2em 0;}
	#top-news .category-selector li:after {clip-path:none;}
}

#top-menu {padding:96px 0; margin:0 0 40px 0;}
#top-menu ul {display:flex; justify-content:left; flex-wrap:wrap; width:100%; text-align:center; font-size:12px; font-size:1.2rem;}
#top-menu li {position:relative; flex-basis:20%;}
#top-menu li {border-left:1px solid rgba(255,255,255,0.5); padding:0; margin:0;}
#top-menu li:last-child {border-right:1px solid rgba(255,255,255,0.5);}
#top-menu li a {display:block; color:#fff; padding:2em 0;}
#top-menu li .icon {position:relative; display:block; width:60%; height:auto; margin:0 auto 16px;}
#top-menu li img {display:block; width:100%; margin:0;}
#top-menu li .icon-hover {position:absolute; top:0; right:0; bottom:0; left:0; opacity:0;}
#top-menu li .title {display:block; text-align:center; text-indent: -0.4em; font-size:1.8rem;}
#top-menu li .title:before {content:""; display:inline-block; width:1em; height:1em; vertical-align:-10%; margin:0 0.5em 0 0; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
#top-menu li a:hover {text-decoration:none;}
#top-menu li a:hover {opacity:0.65;}


@media screen and (max-width:680px){
	#top-menu li {flex-basis:33.333%; margin-bottom:24px;}
	#top-menu li:nth-child(3n) {border-right:1px solid rgba(255,255,255,0.5);}
}

@media screen and (max-width:540px){
	#top-menu li {flex-basis:50%; margin-bottom:0;}
	#top-menu li:nth-child(n + 1) {border:none;}
	#top-menu li:before,
	#top-menu li:after {content:""; position:absolute; display:block;}
	#top-menu li:before {width:80%; height:1px; bottom:0; right:10%; transform:translate(0,50%); border-bottom:1px solid rgba(255,255,255,0.5);}
	#top-menu li:nth-of-type(2n + 1):after {width:1px; height:80%; top:10%; right:0; transform:translate(50%,0); border-right:1px solid rgba(255,255,255,0.5);}
	#top-menu li:last-of-type:before {display:none;}
	#top-menu li:nth-last-of-type(2):nth-of-type(2n + 1):before {display:none;}
}

.list-member {clear:both;}
.list-member ul {list-style:none; padding:0 0 0; margin:0;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}

.list-member ul li {position:relative; display:block; margin:0 0 1% 0; padding:0 0.5%; line-height:1;
	flex:0 1 auto;
	flex-grow:0;
	flex-shrink:1;
	flex-basis:12.5%; /* 8 */
}
.list-member ul li:nth-of-type(8n) {padding-right:0;}
.list-member ul li:nth-of-type(8n + 1) {padding-left:0;}
.list-member ul li img {max-width:100%; height:auto; border:1px solid #ccc;}
.list-member ul li a:hover {opacity:0.65;}

@media screen and (max-width:960px){
	.list-member ul li {flex-basis:20%;}
	.list-member ul li:nth-of-type(n + 1) {padding:0 0.5%;}
	.list-member ul li:nth-of-type(5n) {padding-right:0;}
	.list-member ul li:nth-of-type(5n + 1) {padding-left:0;}
}
@media screen and (max-width:780px){
	.list-member ul li {flex-basis:25%;}
	.list-member ul li:nth-of-type(n + 1) {padding:0 0.5%;}
	.list-member ul li:nth-of-type(4n) {padding-right:0;}
	.list-member ul li:nth-of-type(4n + 1) {padding-left:0;}
}
@media screen and (max-width:560px){
	.list-member ul li {flex-basis:33.333%;}
	.list-member ul li:nth-of-type(n + 1) {padding:0 1%;}
	.list-member ul li:nth-of-type(3n) {padding-right:0;}
	.list-member ul li:nth-of-type(3n + 1) {padding-left:0;}
}
/******************
/******************/
/* page.php *******/
.section-title i {text-transform:uppercase;}
.section-title h4 i {display:inline-block; margin-right:0.2em; font-size:60px; font-size:6.0rem;}
.section-title h4 span {display:inline-block; vertical-align:-10%;}

.section-title h3 {text-align:center; margin-bottom:40px;}
.section-title h3 i {display:block; font-size:60px;}
.section-title h3 span {display:block;}

@media (max-width:1200px){
	.section-title h4 i {font-size:50px; font-size:5.0rem;}
}

@media screen and (max-width:800px){
	.section-title h3 i {font-size:64px;}
}
@media screen and (max-width:440px){
	.section-title h3 i {font-size:14vw;}
	.section-title h4 i {font-size:42px;}
}
@media screen and (max-width:420px){
	.section-title h3 i {display:block; font-size:2.0rem; margin-bottom:0.25em;}
	.section-title h4 i {display:block; font-size:2.0rem; margin-bottom:0.25em;}
	.section-title h3 span {font-size:48px; font-weight:bold;}
	.section-title h4 span {font-size:38px; font-weight:bold;}
}

#post-adtivities {}
#list-activities {display:flex; flex-wrap:wrap; justify-content:left; padding:0 0;}
#list-activities li {flex-basis:48%; margin:0 4% 4% 0; padding:2em; text-indent:0; border:1px solid rgba(255,255,255,0.2); border-radius:4px;}
#list-activities li:nth-of-type(2n) {margin-right:0;}
#list-activities li:before {display:none;}
#list-activities li:last-child {margin-bottom:0;}

#list-activities h5 {text-indent:-1.7em; font-size:3.0rem;}

@media screen and (max-width:920px){
	#list-activities {display:block;}
	#list-activities li:nth-of-type(n + 1) {margin:0 0 2em 0;}
}
@media screen and (max-width:840px){
	#list-activities li {padding:6%;}
}
#greeting-greeting .portrait {float:right; width:40%; min-width:240px; margin:0 0 0 2em;}
#greeting-greeting .portrait .sign {text-align:center; font-size:2.0rem;}
@media screen and (max-width:520px){
	#greeting-greeting {display:flex; flex-direction:column-reverse;}
	#greeting-greeting .portrait {float:none; width:100%; margin:0 0 1em 0;}
}
#post-organization .list-staff {table-layout:fixed; width:100%; min-width:640px; border:none;}
#post-organization .list-staff th {position:relative; width:25%; white-space:nowrap; z-index:0; padding-right:1em; padding-left:1em; vertical-align:middle; background:#537c1e; background-color:var(--oz-color-green); border-color:transparent;}
#post-organization .list-staff th:before {content:""; position:absolute; top:50%; right:0; width:1em; height:1em; vertical-align:middle; background:#537c1e; background-color:var(--oz-color-green); transform:translate(50%,-50%) rotate(45deg);}
#post-organization .list-staff td {line-height:1.6; vertical-align:middle;}
#post-organization .list-staff th + td {width:25%; padding-left:5%; white-space:nowrap;}
#post-organization .list-staff tr:first-of-type th {border-top-color:#537c1e; border-top-color:var(--oz-color-green);}
#post-organization .list-staff tr:last-of-type th {border-bottom-color:#537c1e; border-bottom-color:var(--oz-color-green);}
#post-organization .list-staff tr:first-of-type td {border-top:1px solid rgba(255,255,255,0.2);}

#post-organization .list-chairman {position:relative; padding:2rem 0; columns:2;}
#post-organization .list-chairman li {position:relative; padding:1em 0 1em 1.5em; text-indent:0;
	display:inline-flex; flex-wrap:wrap; align-items:baseline;
}
#post-organization .list-chairman li:after {content:""; display:block; position:absolute; top:0; bottom:0; transform:translate(-50%,0); left:6px; width:1px; height:100%; background:#fff;}
#post-organization .list-chairman li:before {position:absolute; top:50%; left:6px; transform:translate(-50%,-50%); content:""; display:block; width:12px; height:12px; background:#fff; border-radius:50%;}
#post-organization .list-chairman li:first-of-type:after {height:50%; top:auto; bottom:0;}
#post-organization .list-chairman li:last-of-type:after {height:50%; top:0; bottom:auto;}
#post-organization .list-chairman .label {display:block; line-height:1; font-size:1.4rem;}
#post-organization .list-chairman .name {display:inline-block; margin-right:0.5em; font-size:2.8rem;　line-height:1;}
#post-organization .list-chairman .affiliation {font-size:1.8rem;}
#post-organization .list-chairman .label {flex-basis:100%; margin-bottom:0.8em;}

#post-organization .list-chairman .affiliation {display:inline-block; line-height:1;}
#post-organization .list-chairman .name + .affiliation {margin-top:0.5em;}
@media screen and (max-width:1080px){
	#post-organization .list-chairman {columns:1;}
	#post-organization .list-chairman li {display:block;}
}
@media screen and (max-width:960px){
	#post-organization .list-chairman {columns:2;}
	#post-organization .list-chairman li {display:inline-flex;}
}
@media screen and (max-width:780px){
	#post-organization .list-chairman {columns:1;}
	#post-organization .list-chairman li {display:block; padding:0.5em 0 0.5em 1.5em;}
}
#post-entry .table-membership-fee {position:relative; border:none; text-align:center; z-index:0;}
#post-entry .table-membership-fee td {border-right:1px solid rgba(255,255,255,0.2);}
#post-entry .table-membership-fee th,
#post-entry .table-membership-fee thead td {position:relative; border:1px solid transparent;}
#post-entry .table-membership-fee th:before,
#post-entry .table-membership-fee thead td:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#537c1e; background-color:var(--oz-color-green); z-index:-1;}
#post-entry .table-membership-fee thead th:last-of-type {border-right-color:#537c1e; border-right-color:var(--oz-color-green);}
#post-entry .table-membership-fee tbody tr:last-of-type th {border-bottom-color:#537c1e; border-bottom-color:var(--oz-color-green);}
@media screen and (max-width:600px){
	#post-entry .table-membership-fee {font-size:1.4rem;}
}

#post-oz-custom-member li {display:flex; justify-content:space-between; flex-wrap:nowrap; padding:0; margin:0 0 2em 0; text-indent:0;}
#post-oz-custom-member li:before {display:none;}
#post-oz-custom-member .thumbnail {display:block; flex-basis:280px; flex-shrink:0; width:100%; height:auto; margin-right:1em;}
#post-oz-custom-member a:hover {display:block; opacity:0.65;}
#post-oz-custom-member .thumbnail img {display:block;}
#post-oz-custom-member .member-information {flex-basis:100%; flex-shrink:1; width:100%;}
#post-oz-custom-member .name {display:block; line-height:1.6; font-size:2.2rem; font-weight:bold;}
#post-oz-custom-member .address {display:block; line-height:1.6; font-size:1.6rem;}
#post-oz-custom-member .link {float:right; font-size:1.2rem;}
#post-oz-custom-member .link a {display:inline-block;}
#post-oz-custom-member .link a:hover {opacity:1;}
#post-oz-custom-member .link a:after {content:""; display:inline-block; width:0.7em; height:0.7em; vertical-align:-2%; margin:0 0 0 0.5em; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
#post-oz-custom-member .link a:hover:after {background-image:url("images/arrow-01-green.svg");}

@media screen and (max-width:800px){
	#post-oz-custom-member .thumbnail {flex-basis:200px;}
}

@media screen and (max-width:620px){
	#post-oz-custom-member .thumbnail {flex-basis:160px;}
}
@media screen and (max-width:520px){
	#post-oz-custom-member li {display:block;}
	#post-oz-custom-member .thumbnail {width:100%; margin-bottom:0.6em;}
	#post-oz-custom-member .thumbnail img {display:block; width:100%;}
}


.list-gallery {}
.list-gallery ul {list-style:none; margin:0 0 40px 0; padding:0; width:100%; text-align:center; cursor:col-resize;}
.list-gallery ul:after {content:""; clear:both; display:block;}
.list-gallery ul li {margin:0 0 40px 0; padding:0; width:220px; overflow:hidden; line-height:1;}
.list-gallery ul li a {display:block; cursor:col-resize;}
.list-gallery ul li span {display:block;}
.list-gallery ul li img {max-width:100%; width:100%; height:auto; border:4px solid #ffffff; border-radius:2px;}
.list-gallery ul li a:hover img {border:4px solid #537c1e; border-color:var(--oz-color-green);}




/******************/
/******************/
/* single.php *****/
/* #post-ID {} */




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

.archives {width:100%; margin:0 auto 3em; text-align:left;}
.archives ul {list-style:none; padding:0;}

.archives ul li {padding:4em 0; border-bottom:1px dashed rgba(255,255,255,0.4); text-indent:0; font-size:1.4rem; text-indent:0;}
.archives ul li:before {display:none;}
.archives ul li:after {content:""; display:block; clear:both;}

.archives ul li:after {content:""; clear:both; display:block;}
.archives ul li span {display:block; overflow:hidden;}

.archives .a-thumbnail {display:block; float:right; width:120px; height:120px; margin:0 0 0 2em;}
.archives .a-meta {display:inline-block; margin:0 1em 0 0; color:#a3ea55;}
.archives .a-category {display:inline-block; padding:0.2em 1em; font-size:1.2rem; font-size:1.2rem; background:#537c1e; background-color:var(--oz-color-green);}
.archives .a-title {font-size:2.6rem; margin:0 0 0.5em 0; line-height:1.2;}
.archives .a-title i {display:none;}
.archives .a-summary {margin-bottom:1em; font-size:1.4rem;}
.content-box .post-files {display:block; font-size:1.4rem; margin-bottom:2em;}
.archives .post-files {margin-bottom:0;}
.content-box .post-files a {display:inline-block; padding:0.8em 1.5em 0.8em 2.85em; text-indent:-2.05em; margin:0 1em 0.5em 0; border:1px solid; border-color:rgba(0,0,0,0.6) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.3); border-radius:6px;}
.content-box .post-files a:last-of-type {margin-bottom:0;}
.content-box .post-files a:before {content:""; display:inline-block; width:1.8em; height:1.8em; vertical-align:-25%; margin:0 0.25em 0 0; background:url("images/icon-other-files.png") center/contain no-repeat;}
.content-box .post-files a[href$=".pdf"]:before {background-image:url("images/icon-pdf.png");}
.content-box .post-files a[href$=".zip"]:before {background-image:url("images/icon-zip.png");}
.content-box .post-files a[href$=".xls"]:before {background-image:url("images/icon-xls.png");}
.content-box .post-files a[href$=".pptx"]:before {background-image:url("images/icon-pptx.png");}
.content-box .post-files a[href$=".word"]:before {background-image:url("images/icon-word.png");}
.archives .button:last-child {margin-bottom:0;}
.archives .a-more {display:inline-block; margin-bottom:0; border-color:rgba(255,255,255,0.5);}
.archives .a-more:hover {text-decoration:inherit;}
.archives .a-more:after {vertical-align:-8%; margin-left:1em;}

.archives-selector {min-width:240px; display:table; table-layout:fixed; width:100%; max-width:360px; border-spacing:6px 0; margin:0 auto 20px;}
.archives-selector .cell {display:table-cell; position:relative;}
.archives-selector select {
-webkit-appearance:menulist-button; width:100%;
position:absolute; cursor:pointer;
opacity:0; height:100%; left:0px; top:0px;
}
.archives-selector .button {overflow:hidden; display: block; border:1px solid #fff; border-radius:2px; width:100%; padding:1em 0; text-align: center; letter-spacing:0.1em; white-space:nowrap; cursor:pointer; font-size:1.4rem;}
.archives-selector .button:after {content:""; display:inline-block; width:1em; height:1em; vertical-align:-12%; margin:0 0 0 0.5em; background:url("images/arrow-01-white.svg") center/contain no-repeat; transform:rotate(90deg); pointer-events:none;}
.archives-selector .button i {display:inline-block;}

.archives-selector select:hover + .button {background-color:#537c1e; background-color:var(--oz-color-green); border-color:#537c1e; border-color:var(--oz-color-green); color:#ffffff;}

@media screen and (max-width:600px){
	.archives .a-thumbnail {float:none; width:100%;}
}
@media screen and (max-width:340px){
	[data-font-size="large"] .archives-selector .button:after {display:none;}
}

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

/* .single-jetpack-portfolio */
/* .jetpack-portfolio {} */



/******************/
/* 404.php */

body.error404 {overflow:hidden;}
body.error404 .site-header,
body.error404 .site-footer {display:none;}

body.error404 .section-member {display:none;}
.main-404 {
	display: flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:fixed;
	top:0; left:0; right:0; bottom:0; padding:5em 3em;
	background-color:var(--color-background);
	color:var(--color-black);
	overflow:auto;
	z-index:99999;
}
.article-404 {
	margin: auto;
	padding:3em 0;
	line-height:var(--line-height-big);
}
.article-404 .logo {text-align:center; margin:0 auto 1.5em;}
.article-404 .logo img {margin:0 auto; width:100%; max-width:310px;}
.article-404 .title {margin:0 auto; font-size:35x; font-size:3.5rem;}
.article-404 .subtitle {margin:0 auto 1.5em; font-size:21px; font-size:2.1rem;}
.article-404 .subtitle::before,
.article-404 .subtitle::after {display:none;}



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

.breadcrumbs {clear:both; display:block; margin:0 0 4px 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:2em auto 40px; clear:both;}
.pagination ul {text-align:center; font-size:1.6rem;}
.pagination ul li {display:inline-block; padding:0; margin:0 2px 8px; text-indent:0;}
.pagination ul li:before {display:none;}
.pagination span,
.pagination ul li a {display:block; padding:4px 12px; text-decoration:none; border:1px solid; border-color:rgba(0,0,0,0.6) rgba(255,255,255,0.1) rgba(255,255,255,0.2) rgba(0,0,0,0.3); border-radius:6px;}
.pagination ul li a:hover {background-color:var(--oz-color-blue); text-decoration:underline;}
.pagination span.dots {border:0; background:transparent;}
.pagination span.current {background:rgba(0,0,0,0.3); background:var(--oz-color-green);}




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

.page-links {clear:both; text-align:center; margin:40px auto 80px; max-width:360px; width:100%; display:table; table-layout:fixed;}
.page-links span {display:table-cell; padding:8px 2px;}
.page-links .navi-prev {text-align:center; border-right:1px solid rgba(0,0,0,0.4);}
.page-links .navi-next {text-align:center; border-left:1px solid rgba(255,255,255,0.2);}
#content .page-links a {width:100%; line-height:1; font-size:2.0rem; font-weight:bold; text-decoration:none;}
#content .page-links a:hover {color:inherit; opacity:0.65;}
.page-links .navi-prev a:before,
.page-links .navi-next a:after {content:""; display:inline-block; width:1em; height:1em; vertical-align:-10%; background:url("images/arrow-01-white.svg") center/contain no-repeat;}
.page-links .navi-prev a:before {margin:0 1.2em 0 0; transform:rotate(180deg);}
.page-links .navi-next a:after {margin:0 0 0 1.2em;}
.page-links a:hover {}

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

.adr span {display:inline-block;}

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

.more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent;
border-bottom:2px solid #252525; border-color:var(--oz-color-dark); color:#252525; 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 #252525;
border-color:transparent transparent transparent var(--oz-color-dark);
position:absolute; right:-6px; bottom:-2px;}
.more a:hover {cursor:pointer; color:#537c1e; color:var(--oz-color-green); border-bottom:2px solid #537c1e; border-color:var(--oz-color-green);}
.more a:hover:after {border-color:transparent transparent transparent var(--oz-color-green);}

[type="submit"],
.button a {display:inline-block; min-width:120px; padding:0.5em 1.5em; text-decoration:none;
	-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 #fff; text-indent:0;
}

.button a:after {content:""; display:inline-block; width:1em; height:1em; vertical-align:-5%; margin:0 0 0 0.5em; background:url("images/arrow-01-white.svg") center/contain no-repeat;}


.button i {display:block;}

[type="submit"]:not([disabled]):hover,
.button a:hover {background-color:#537c1e; background-color:var(--oz-color-green); border-color:#537c1e; border-color:var(--oz-color-green); color:#ffffff; cursor:pointer;}

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



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

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

/******************/
/* 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;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:32%;
max-width:32%;
}


.columns {
	columns:2;
	column-gap:4em;
	column-rule:1px dotted;
}


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

.r-table,
.responsive-table {position:relative; overflow-x:scroll; width:100%; margin-bottom:96px; -ms-overflow-style:none; scrollbar-width:none; z-index:0;}
.r-table::-webkit-scrollbar,
.responsive-table::-webkit-scrollbar {display:none;}
@media screen and (max-width:680px){
	.r-table:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:160px; height:160px; background:url("images/icon-scrollable.svg") center/contain no-repeat; z-index:3; pointer-events:none; opacity:0; transition:opacity 0.3s; transition-delay:0.5s;}
	.r-table.is-overflow:before {opacity:1; transition-delay:0s;}
	.r-table.is-overflow:hover:before {opacity:0;}
}




/******************/
/******************/
/* 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;
}

body.animation-off * {transition:0s!important; transition-delay:0s!important;}

.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:#537c1e; 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;
}
/* WP Simple Booking Calendar */
#main #sbc-calendar {}
#main .sbc-calendar-month {width:100%; border:0; margin:0; padding:0; background:transparent;}
#main #sbc-calendar table {border:0; border-collapse:separate; border-spacing:0 6px; text-align:center; margin:0; table-layout:fixed;}
#main #sbc-calendar td.sbc-status-free {background:transparent;}
#main #sbc-calendar table th,
#main #sbc-calendar table td {color:#ffffff; padding:2px 2px; position:relative; border:0;}
#main #sbc-calendar table th {font-size:17px; font-size:1.7rem;}
#main #sbc-calendar table td {font-size:15px; font-size:1.5rem;}
#main #sbc-calendar table td[class^="sbc-day"] {border-left:1px solid #d4dee3;}
#main #sbc-calendar table td[class^="sbc-day"]:last-child {border-right:1px solid #d4dee3;}
#main #sbc-calendar table thead th {border-left:1px solid #d4dee3;}
#main #sbc-calendar table thead th:last-child {border-right:1px solid #d4dee3;}
#main #sbc-calendar table tfoot td.pad {text-align:center; color:transparent;}
#main #sbc-calendar table tfoot td.pad a {color:transparent;}
#main #sbc-calendar table tfoot td.pad a:after {color:#ffffff; display:block;}
#main #sbc-calendar table tfoot td.pad a.sbc-prev-month {float:left;}
#main #sbc-calendar table tfoot td.pad a.sbc-next-month {float:right;}
#main #sbc-calendar table tfoot td.pad a.sbc-prev-month:after {content:"PREV";}
#main #sbc-calendar table tfoot td.pad a.sbc-next-month:after {content:"NEXT";}
#main #sbc-calendar td[colspan="7"] {padding:0; display:none;}
#sbc-calendar table td span {padding:4px 2px; display:block;}
#sbc-calendar .sbc-status-booked {background:#ffbebb; color:#333333;}
#sbc-calendar .sbc-status-booked span {background:#ffbebb;}
#sbc-calendar .sbc-status-changeover {background:#fce09e;}
#sbc-calendar .sbc-status-changeover span {background:#fce09e;}
#main #sbc-calendar form {}
#main #sbc-calendar .sbc-navigation {margin:0 auto 20px; display:block; line-height:normal; padding:0;}
#main #sbc-calendar .sbc-navigation select {display:inline-block; margin:0 12px 0 0; padding:12px; width:auto; line-height:normal;}


/* WP Social Bookmarking Light */
.wp_social_bookmarking_light {margin:0 auto; vertical-align:top; text-align:center;}
.wp_social_bookmarking_light div {
display:inline-block;
border:0 !important;
padding:0 !important;
margin:0 5px 0px 0 !important;
min-height:30px !important;
line-height:18px !important;
text-indent:0 !important;
vertical-align:top;
}
.wp_social_bookmarking_light_clear {clear:both !important;}
.wsbl_twitter{width:100px;}
.wsbl_facebook_like iframe {max-width:none !important;}
.wsbl_pinterest a {}

/******************/
/* 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:#537c1e; 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.is-current {background-color:#ffffff; background-color:var(--oz-color-white); color:#537c1e; color:var(--oz-color-green); border-bottom:1px solid #ffffff;}
#tabs ol li.is-current:hover {background-color:#ffffff; background-color:var(--oz-color-white); color:#537c1e; 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:6px;
padding:60px 40px 40px;s
margin:0 0 40px;
position:relative;
z-index:2;
}

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



.form {clear:both; display:block; padding:4rem 0;}
.form .fieldset {margin-bottom:1.5em;}
.form label {display:block; margin-bottom:0.25em; font-weight:bold;}


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:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
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-color:transparent;
}


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;
color:#fff;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {opacity:0.65;}

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 {
background:rgba(0,0,0,0.4);
}

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


@media screen and (max-width:960px) {
	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%;}
}


.wpcf7{}

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

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

.wpcf7-response-output:empty {margin:0;}

.wpcf7-mail-sent-ok {
border:1px solid #537c1e; border-color:var(--oz-color-green);
color:blue;
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;}
.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 {color:#fff;}
.wpcf7 .wpcf7-list-item {margin:0 0 16px 0;}
@media screen and (max-width:1200px){
	.form [name="your-acceptance"] + .wpcf7-list-item-label {text-align:left;}
}

.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 #537c1e; 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;}


}

/* ▲ iPad Air4 横（820px） ▼ */
@media screen and (max-width:800px) {

}

/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:720px) {

}

@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;}
}


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

}

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

}


/* ▲ iPod touch 320px ▼ */
@media screen and (max-width:300px) {

}

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

/* latin */
@font-face {
font-family: 'Cantarell';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/cantarell/v10/B50IF7ZDq37KMUvlO01xN4d-E46fB4wWgA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
@font-face {
font-family:'Axis-ExtraLight';
src:url("fonts/AxisStd-ExtraLight.eot");
src:url("fonts/AxisStd-ExtraLight.eot?#iefix") format("eot"),
	url("fonts/AxisStd-ExtraLight.woff") format("woff"),
	url("fonts/AxisStd-ExtraLight.ttf") format("truetype"),
	url("fonts/AxisStd-ExtraLight.svg") format("svg");
}
*/


.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 {font-family:'Cantarell', sans-serif;}

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

@-webkit-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotation {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotation {
	0% {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes rotation {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(360deg);}
}
@keyframes rotation {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
/*
	-webkit-animation:rotation 1s infinite linear;
	-moz-animation:rotation 1s infinite linear;
	-ms-animation:rotation 1s infinite linear;
	-o-animation:rotation 1s infinite linear;
	animation:rotation 1s infinite linear;
*/

@-webkit-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-moz-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-ms-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-o-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
/*
	-webkit-animation:flash 1s infinite ease alternate;
	-moz-animation:flash 1s infinite ease alternate;
	-ms-animation:flash 1s infinite ease alternate;
	-o-animation:flash 1s infinite ease alternate;
	animation:flash 1s infinite ease alternate;
*/

@-webkit-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-moz-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-ms-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-o-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
/*
	-webkit-animation:updown 1.0s ease-in-out infinite alternate;
	-moz-animation:updown 1.0s ease-in-out infinite alternate;
	-ms-animation:updown 1.0s ease-in-out infinite alternate;
	-o-animation:updown 1.0s ease-in-out infinite alternate;
	animation:updown 1.0s ease-in-out infinite alternate;
*/

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