/*!
Theme Name: Labo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: labo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Labo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000222;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */

a{
    color: initial;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/*.post,
.page {
	margin: 0 0 1.5em;
}*/

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* - - - - - plus - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
    scroll-behavior: smooth;
    background: #209462;
}

h2{
  font-family: "Zen Kaku Gothic New";
  font-size:28px;
    font-weight: 600;
    letter-spacing:2px;
    color: #000222;
}

h3{
  font-family: "Zen Kaku Gothic New";
  font-size:20px;
  font-weight: 700;
}

p{
  font-family: "Zen Kaku Gothic New";
  font-size:16px;
  font-weight: 400;
  line-height: 1.6;
}

a{
    text-decoration: none;
    display: inline-block;
}

a:hover{
    opacity: 0.8;
}

.home .site-main section{
	max-width:1140px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:100px;
}

.page .site-main section{
	max-width:1140px;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:45px;
}

.single .site-main section{
	max-width:1140px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:30px;
}

.archive .site-main section{
	max-width:1140px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
}

.archive .site-main section:last-child{
	padding-bottom:45px;
}

.site-footer section{
	max-width:1220px;
	margin:0 auto;
}

.ly-2w{
	display:grid;
	grid-template-columns:1fr 600px;
	gap:70px;
}

.ly-2w div:first-child , .ly-2i div:last-child{
	position:relative;
}

.fry , .fry2{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 180px;
}

.fry3box{
	position:relative;
}

.fry3{
    position: absolute;
    right: 0;
    top: -150px;
    z-index: 0;
    width: 300px;	
}

.ly-2i div:first-child img , .ly-2w div:last-child img{
   border-radius:30px;
}

.ly-2w div:first-child .botan{
    border-radius: 30px;
    background: #209462;
    width: 200px;
    display: block;
    padding: 16px 30px 18px;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.ly-2w div:first-child .botan p:after{
   content:"\0bb";
   padding-left:15px;
}

.ly-2w p{
    margin-bottom: 46px;
}


.ly-2i{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:70px;
   padding:60px;
   border-radius:30px;
   background:#f1edf5;
}

.ly-2i div:last-child .botan{
    border-radius: 30px;
    width: 200px;
    display: block;
    padding: 16px 30px 18px;
    line-height: 1;
    color: #fff;
    text-align: center;
   background:#7e5296;
}

.ly-2i div:last-child .botan p:after{
   content:"\0bb";
   padding-left:15px;
}

.ly-2y{
    display: grid;
    grid-template-columns: 660px 1fr;
    gap: 70px;
    font-size: 16px;
}

.ly-2y article{
    margin-bottom: 25px;
}

.ly-2y div article h2{
	font-size:16px;
    margin-left:80px;
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    order: 1;
    letter-spacing: 1px;
}

.ly-2y div h2 span{
    font-family: Minion Pro;
    font-size: 28px;
    margin-left: 30px;
	color:#ed9f00;
}

.ly-2y div:first-child{
    position: relative;
}

.ly-2y div:first-child a.newsbotan{
    position: absolute;
    right: 0;
    top: 26px;
}

.ly-2y div:first-child a.newsbotan img{
	width:200px;
	background:#fff;
	border-radius:30px;
}

.ly-2y div:last-child{
    position: relative;
    /*width: 390px;*/
}

.ly-2y div:last-child a:first-child{
    position: absolute;
    right: 0;
    bottom: 116px;
}

.ly-2y div:last-child a:nth-child(2){
    position: absolute;
    right: 0;
    bottom: 16px;
}

.ly-2y header{
    position: relative;
    display: flex;
}

.ly-2y .entry-meta{
    float: left;
    font-family: "Zen Kaku Gothic New";
	font-weight:700;
}

.ly-2y a{
	color:initial;
}

.ly-2y .entry-content{
    margin-top: 0px;
position: relative;
  border-bottom: 1px solid #c7c7c7;
}

.ly-2y .entry-content:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 145px;
  height: inherit;
  border-bottom: 1px solid #ed9f00;
}

.ly-2y p{
	margin-top: 2px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #000222;
    margin-bottom: 15px;
}

.ly-3w{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:22px;
}

.ly-3w div{
	border-radius:30px;
    line-height: 1;
}

.ly-3w div p{
	text-align: justify;
}

.ly-3w div:first-child , .ly-3w div:nth-child(4){
   background:#209462;
}

.ly-3w div:nth-child(2) , .ly-3w div:nth-child(5){
   background:#f29c00;
}

.ly-3w div:nth-child(3) , .ly-3w div:nth-child(6){
   background:#2e76c6;
}

.ly-3w-img {
	border-radius: 30px 30px 0px 0px;
	width:100%;
}

.ly-3w div h3 img{
    position: absolute;
    right: 0;
    top: -4px;
    width: 30px;
}

.ly-3w div h3{
    position: relative;
}

.ly-3w div div{
	color:#fff;
   background:none!important;
	margin:24px 30px;
	width:calc(100% - 60px);
}

.ly-2wc{
	display:grid;
    grid-template-columns: 325px 1fr;
    gap: 80px;
}

.ly-2wc div:first-child .botan{
    border-radius: 30px;
    width: 270px;
    display: block;
    padding: 18px 20px 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #7e5296;
}

.ly-2wc div:first-child .botan p:after{
   content:"\0bb";
   padding-left:5px;
}

.ly-2wd{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:120px;
}

.ly-4w{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:15px;
}

.ly-4w a{
	padding:10px;
	border:10px solid #fff;
	text-align:center;
	background:#fff4d4;
	outline: 1px solid #c7c7c7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Zen Kaku Gothic New";
	font-size:16px;
    font-weight: 600;
    min-height: 100px;
	color:#000222;
}

.b-color01{
	background:#f1edf5;
}

.b-color02{
	background:#f1f7f3;
}

.botan p{
	line-height: 1;
    margin: 0;
}

.site-footer{
    background: #209462;
    padding: 50px 0 30px;
}

.totop{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
	width:60px;
}

.entry-footer{
	display:none;
}

.footer_img{
    text-align: center;
    margin-bottom: -7px;
}

.footer_img img:first-child , .footer_img img:last-child{
    width: 460px;
}

.footer_img img:nth-child(2){
    margin-bottom: -15px!important;
	width:280px;
}

header .ly-f{
    display: flex;
    max-width: 1420px;
    margin: 0 auto;
    z-index: 100;
    position: relative;
    justify-content: center;
}

header .ly-f div:first-child a{
padding-top: 18px;
}

header .ly-f div:first-child a img{
    width: 440px;
}

header .ly-f div:last-child{
    display: flex;
}

header .ly-f div:last-child a{
    padding-left: 20px;
    padding-top: 25px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Zen Kaku Gothic New";
    letter-spacing: 2px;
}

header .ly-f div:last-child a::before{
    content: "●";
    padding-right: 10px;
    position: relative;
    top: -2.4px;
    font-size: 12px;
}

header .ly-f div:last-child a:nth-child(6)::before , header .ly-f div:last-child a:last-child::before{
    content: none;
    padding-right: 0px;
    position: relative;
    top: 0;
}

header div div p{
	margin-bottom:0px;
	font-size: 16px;
	color:#fff;
    padding-left: 85px;
    letter-spacing: 0.6px;
}

header .ly-f div:last-child a:nth-child(6) img {
    margin-right: 8px;
    margin-bottom: -3px;
}

header .ly-f div:last-child a:first-child{
    padding-left: 80px;
}

header .ly-f div:last-child a:nth-child(6){
    border-radius: 30px;
    width: 175px;
    display: block;
    padding: 14px 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #ed9f00;
    margin-left: 30px;
    height: 48px;
    margin-top: 14px;
}

header .ly-f div:last-child a:last-child{
    padding-top: 0px;
}

.site-footer div.ly-f{
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 40px;
}

.site-footer div.ly-f div:first-child img{
	width:350px;
}

.site-footer .ly-f div:last-child{
    display: flex;
}

.site-footer .ly-f div:last-child a{
    padding-left: 20px;
    padding-top: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    font-family: "Zen Kaku Gothic New";
    letter-spacing: 2px;
}

.site-footer .ly-f div:last-child a::before{
    content: "●";
    padding-right: 10px;
    position: relative;
    top: -2.4px;
    font-size: 12px;
}

.site-footer .ly-f div:last-child a:last-child::before{
    content: none;
    padding-right: 0px;
    position: relative;
    top: 0;
}

.site-footer .ly-f div:last-child a:last-child img {
    margin-right: 10px;
    margin-bottom: -2px;
}

.site-footer .ly-f div:last-child a:last-child{
    border-radius: 30px;
    width: 220px;
    display: block;
    padding: 20px 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #ed9f00;
    margin-left: 30px;
    height: 62px;
    margin-top: 15px;
}

.site-footer div div p{
    margin-bottom: 0px;
    font-size: 13px;
    color: #fff;
    padding-left: 70px;
    letter-spacing: 0.6px;
}

.copyright{
	text-align:right;
	margin-bottom:0px;
	font-size: 13px;
	color:#fff!important;
}

/* Safari向けのスタイル */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .site-footer div.ly-f {
        gap: 30px; /* Safariの場合のgap */
    }
	header .ly-f div:last-child a:first-child{
	    padding-left: 60px;
	}
}

/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    position:fixed;
  z-index: -1;
  opacity: 0;
  top:0;
  width:100%;
    height: 100vh;
  background:#999;
  transition: all 0.3s;
}

#g-nav.panelactive{
  opacity: 1;
  z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #e6f2e4;
}

/*ナビゲーション*/
#g-nav ul {
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

#g-nav.panelactive ul {
    display: block;
}

/*リストのレイアウト設定*/

#g-nav li{
  list-style: none;
    text-align: center; 
}

#g-nav li a{
  color: #333;
  text-decoration: none;
  padding:10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top:0px;
  right: 0px;
  cursor: pointer;
    width: 50px;
    height:50px;
    background: #209462;
	border-radius:0px 0px 0px 8px;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 17.25px;
    height: 1.5px;
    border-radius: 2px;
    background-color: #fff;
    width: 18px;
  }

.openbtn1 span:nth-of-type(1) {
  top:20px; 
}

.openbtn1 span:nth-of-type(2) {
  top:25px;
}

.openbtn1 span:nth-of-type(3) {
  top:30px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 13px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 13px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}

.ptb0{
   padding-top:0px!important;
   padding-bottom:0px!important;
}

.pb0{
   padding-bottom:0px!important;
}

.mt0{
    margin-top: 0!important;
}

/* Animation */
.totop {
  animation: floating-y 1s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}

/* スライドショー
------------------------------------------------------------*/

.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-next, .swiper-slide-duplicate-next {
	opacity:0;
}

.slideshow {
  text-align: center;
    margin:-60px auto 20px;
    max-width: 1400px;
    border-radius: 30px;
    overflow: hidden;
}

.top-slider {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.swiper {
  position: relative;
  overflow: visible;
  padding: 30px 60px;
  padding-top:400px;
border-radius: 30px;
}

.swiper-slide {
    background: #eee;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
border-radius: 6px;
}

.swiper-slide-pre img, .swiper-slide-duplicate-prev img, .swiper-slide-next img, .swiper-slide-duplicate-next img{
	transform: scale(.8);
}

.swiper-slide-active {
  opacity: 1;
}

.swiper-button-next {
  right: 45px;
  padding: 8px;
}
.swiper-button-prev {
  left: 45px;
  padding: 8px;
}

.swiper-pagination-bullet {
  background-color: #fff;
  width: 100px;
  height: 6px;
  border-radius: 0;
  opacity: 1;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);
}

.swiper-pagination-bullet-active {
  background-color: #222222;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  color: white;
  font-size: 54px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: inherit!important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}

:root {
    --swiper-theme-color: #209462!important;
}

/* sub */
.noclick{
	opacity: 0.4;
}

.page h2{
    font-size: 21px;
    margin-left: 20px;
}

.page{
    font-family: "Zen Kaku Gothic New";
}

.page table{
	letter-spacing: 1px;
}

.top-slidersub{
    margin: -60px auto 0px;
	overflow:hidden;
}
.top-slidersub img{
    height: 400px;
    max-width: initial;
}

.page-id-168 tbody{
    border: solid 2px #7e5296;
}
.page-id-168 tbody tr td{
    font-size: 18px;
    font-weight: 600;
	padding:15px 0;
}
.page-id-168 tbody tr:first-child td{
    background: #f0eafa;
    color: #7e5296;
    font-weight: bold;
    font-size: 21px;
}

.page-id-168 tbody tr td a{
	border-bottom: 1px solid #7e5296;
}

.hline{
	margin-top: 0px;
	position: relative;
    border-bottom: 1px solid #6e6e82;
    bottom: 0px;
    margin-bottom: 45px;
}

.hline:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 230px;
    height: inherit;
    border-bottom: 3px solid #7e5296;
}


.hline2{
	margin-top: 0px;
	position: relative;
    border-bottom: 1px solid #6e6e82;
    bottom: 0px;
    margin-bottom: 45px;
}

.hline2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 230px;
    height: inherit;
    border-bottom: 3px solid #209462;
}

/* 会計 */
.page-id-168 .entry-header{
	background: url('../../uploads/2024/05/topimg-Account.webp');
}

/* 協会について */
.page-id-2 .entry-header{
	background: url('../../uploads/2024/05/topimg-About.webp');
}

/* 事業内容 */
.page-id-225 .entry-header{
	background: url('../../uploads/2024/05/topimg-works.webp');
}

/* 手話 */
.page-id-150 .entry-header{
	background: url('../../uploads/2024/05/topimg-sign.webp');
}

/* 手話2 */
.page-id-172 .entry-header{
	background: url('../../uploads/2024/05/topimg-Sign2.webp');
}

/* お問い合わせ */
.page-id-263 .entry-header{
	background:#FFF5CD;
}

.page-id-263 p{
    font-weight: 600;
}

.page-id-263  .site-main section {
    max-width: 700px;
}
	
.page-id-445 .entry-header , .page-id-470 .entry-header{
	background: linear-gradient(90deg, #209462 0%, #209462 60%, #EBFAE3 60%, #EBFAE3 100%);
    position: relative;
}

.page-id-445 .entry-header img , .page-id-470 .entry-header img{
    position: absolute;
    left: 59%;
    height: 100%;
}

.single .entry-header , .archive .entry-header{
}

.page-id-2 p , .page-id-225 p , .page-id-150 p{
    color: #000222;
}
.page .entry-header{
    background-size: cover;
    background-position: bottom;
    margin-top: -62px;
}

.single .entry-header , .archive .archive-header{
    background-size: cover;
    background-position: bottom;
    margin-top: -62px;
	background: url('../../uploads/2024/05/topimg-About.webp');
}

.page .titlebox span{
    font-family: Minion Pro;
    font-size: 18pt;
    letter-spacing: 1px;
}
.page .entry-title{
	font-size: 28pt;
    letter-spacing: 6px;
    margin-top: 0px;
}
.page .titlebox{
    padding: 175px 3% 175px;
    color: #fff;
    max-width: 1400px;
    margin: 0 auto;
}
.archive .titlebox , .single .titlebox{
    padding: 175px 3% 175px;
    max-width: 1400px;
    color: #fff;
    margin: 0 auto 60px;
}

.arrowright{
    position: relative;
    width: 21px;
}

.arrowright img{
    position: absolute;
    margin-top: -4px;
    margin-left: 5px;
}

.aboutlink{
    border-bottom: 2px solid #ed9f00;
    display: inline-flex!important;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.aboutlink2{
    border-bottom: 2px solid #ed9f00;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.aboutlink2 p{
    font-size: 18px;
    font-weight: bold;
    color: #209462;
}

.mb0{
    margin-bottom: 0px;
}

.pb0{
	padding-bottom: 0px;
}

.midasi01 {
    background-color: #bee4c2;
    border-radius: 1.25em 0 0 1.25em;
    padding: 0.5em;
    display: flex;
    align-items: center;
	color:#209462;
	letter-spacing:2px;
    font-size: 18px;
}
.midasi01:before {
    content: "●";
    color: #fff;
    margin-right: 15px;
    margin-left: 10px;
    font-size: 12px;
}

.midasi02 {
    background-color: #bee4c2;
    border-radius: 0 1.25em 1.25em 0;
    padding: 0.5em 0.5em 0.5em 1.5em;
    display: flex;
    align-items: center;
	color:#000222;
	letter-spacing:2px;
    font-size: 18px;
    margin-left: 0px!important;
    background: url(../../uploads/2024/05/signtableth2.webp);
}
.notable{
	width:780px;
	margin:0 auto;
}
.notable td{
    border: none;
    padding: 0px;
}
.notable tr td:first-child:before{
content:"●";
}
.notable tr td:first-child{
    width: 100px;
}
.notable tr td:first-child , .notable tr td:nth-child(2){
	color:#209462;	
}
.notable tr td:nth-child(2){
	padding-right:45px;
}

.page-id-172 .titlebox {
    padding: 40px 3% 40px;
}
.page-id-172 .entry-title {
    text-align: center;
    margin-bottom: 0;
	font-family: "ＭＳ Ｐゴシック";
	color:#000222;
}

.page-id-172 .titlebox span{
	display:none;
}

.page-id-172 figure{
	margin-bottom:0px;
}

.page-id-172 .has-text-align-center{
	margin-top:5px;
	color:#000222;	
    font-weight: 600;
}

.page-id-172 table td{
	border:1px solid #fff;
	color:#000222;
    font-weight: 600;
}

.page-id-172 table tr:first-child td{ 
    color: #fff;
    background: url(../../uploads/2024/05/signtableth.webp);
    font-weight: bold;
    padding-left: 24px;
	font-size: 21px;
}

.page-id-172 table tr td:first-child{
    text-align: center;
	width:100px;
}

.page-id-172 table tr:first-child td:first-child{
    text-align:left;
}

.page-id-172 table tr td img{
    margin-bottom: -5px;
}

.page-id-172 table tr:nth-child(3),.page-id-172 table tr:nth-child(5){
	background:#d3edd5;
}

.page-id-172 table tr:nth-child(2),.page-id-172 table tr:nth-child(4),.page-id-172 table tr:nth-child(6){
	background:#eef6f6;
}

.page-id-263 .titlebox {
    padding: 40px 3% 10px;
}
.page-id-263 .entry-title {
    text-align: center;
    margin-bottom: 0;
	font-family: "ＭＳ Ｐゴシック";
	color:#000222;
}
.page-id-263 .titlebox span{
	display:none;
}
.page-id-263 .subtitlebox{
    display: block;
    text-align: center;
    padding-bottom: 40px;
    font-weight: 600;
}

.page-id-225 .entry-title {
	color:#000222;
}

.page-id-225 .titlebox span{
	color: #ed9f00;
}

.page-id-225 h2{
    color: #fff;
    margin-left: 0px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-bottom: 45px;
}

.page-id-445 .entry-title , .page-id-445 .titlebox span , .page-id-470 .entry-title , .page-id-470 .titlebox span{
	color: #fff;
}

.page-id-445 .titlebox , .page-id-470 .titlebox{
    position: relative;
    z-index: 0;
}

.page-id-445 h2 , .page-id-470 h2{
    color: #fff;
    margin-left: 0px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-bottom: 45px;
}

.page-id-225 .wp-container-core-columns-is-layout-1 h2 , .page-id-225 .wp-container-core-columns-is-layout-4 h2{
	background: linear-gradient(180deg, #ed9f00 0%, #ed9f00 50%, #ee8400 50%, #ee8400 100%);
}

.page-id-225 .wp-container-core-columns-is-layout-2 h2 , .page-id-225 .wp-container-core-columns-is-layout-5 h2{
	background: linear-gradient(180deg, #2d7dc1 0%, #2d7dc1 50%, #0866b6 50%, #0866b6 100%);
}

.page-id-225 .wp-container-core-columns-is-layout-3 h2{
	background: linear-gradient(180deg, #209462 0%, #209462 50%, #008446 50%, #008446 100%);
}

.ml15{
	margin-left:15px!important;
}

.onefw{
	font-size:1.1em;
	line-height:2;
	font-weight:600;
}

.co-ore{
	color:#ee8400!important;
	font-weight:bold;
}

.page-id-150 .entry-content{
	background: #eaf8ec;
}

.page-id-150 h3{
	color:#209462;
    letter-spacing: 1px;
}

.page-id-150 .entry-content{
    margin-top: 0px;
}

.navigation{
	max-width: 1140px;
	padding-top:0px;
	margin: 0 auto 15px!important;
}

.single .entry-meta{
	display:none;
}

.archive .site-main article{
    margin-bottom: 60px;
}

.submenubox{
	background:#d4eed6; padding:10px;
}
.submenubox div{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1000px;
    margin: 0 auto;
	place-content: center;
    place-items: center;
}
.submenubox div a{
	text-align: center;
	font-weight:600;
    position: relative;
}
.submenubox2{
	background:#ffed9b; padding:10px;
}
.submenubox2 div{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1000px;
    margin: 0 auto;
	place-content: center;
    place-items: center;
	gap: 15px;
}
.submenubox2 div a {
    text-align: center;
    font-weight: 600;
    position: relative;
}
.submenubox div a::after , .submenubox2 div a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0%;
    width: 0%;
    height: 3px;
	background: #1f9461;
    transition: all .3s;
    transform: scale(0, 1); /* X方向0、Y方向1 */
    transform-origin: left top; /* 左上基点 */
}
.submenubox2 div a::after {
    background: #ee8400;	
}
.submenubox div a:hover::after , .submenubox2 div a:hover::after {
    transform: scale(1, 1); /* X方向にスケール拡大 */
    width: 100%;
}

header .ly-f div:last-child a:hover::before {
    color: #269766;
}

.page-id-445 h3 , .page-id-470 h3{
    position: relative;
    margin: 60px 0;
}

.page-id-445 h3:before , .page-id-470 h3:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 200px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background:#209462;/*線の色*/
}

.page-id-445 ul , .page-id-470 ul{
	margin:0;
    padding-left: 1em;
}

.memberul li{
    padding-left: 1em;
    padding-bottom: 0.8em;
}

.memberul li::marker{
	content:"■";
	padding-right:1em;
	color:#209462;
}

.header-carb{
    height: 100%;
    width: 10%;
    background: #209462;
    position: absolute;
    left: 60%;
    border-radius: 0 0 100px 0;
}

.header-subimg{
	bottom: 30px;
    width: 240px;
    height: auto!important;
    left: 75%!important;
}

.header-subimg2{
	bottom: 30px;
    width: 200px;
    height: auto!important;
    left: 75%!important;
}

.membership{
    background: #EBFAE3;
    padding: 15px 30px;
    text-align: center;
    border-radius: 15px;
    width: 1000px;
    margin: 60px auto;
}

.membership p strong{
    font-weight: bold;
	font-family: "Outfit" , "Zen Kaku Gothic New";
}

.membership2{
    background: #EBFAE3;
    padding: 15px 30px 30px;
    border-radius: 15px;
    width: 1000px;
    margin: 60px auto;
}

.membership2 p strong{
    font-weight: bold;
	font-family: "Outfit" , "Zen Kaku Gothic New";
}

.membership2 h4{
    background: #209462;
    text-align: center;
    color: #fff;
    width: 200px;
    margin: 45px auto;
    padding: 5px;
    border-radius: 15px;
    font-size: 18px;
}

.membershiptable table{
    border-collapse: separate;
    font-size: 0.9em;
    width: 1000px;
    margin: 60px auto 0px;
	border-collapse: separate;
	border-spacing: 0;
  }
.membershiptable thead {
    background: #209462;
    border:0.75px solid #C8C8C8;
    color: #fff;
}

.membershiptable thead th:nth-child(2){
    background: #19AA5A;
}

.membershiptable td:first-child{
    background: #F6F6F6;
}

.membershiptable td:nth-child(2){
    background: #F5FDF2;
}

.membershiptable th{
    padding: 15px 0;
    border-top: none;
    border-bottom: none;
}

.membershiptable td{
    text-align: center;
    font-weight:700;
    border: 0.75px solid #C8C8C8;
    padding: 15px 0;
}

.membershiptable table th:first-child {
	border-radius: 15px 0 0 0!important;
}
.membershiptable table th:last-child {
	border-radius: 0 15px 0 0!important;
}

.membershiptable table tr:last-child td:first-child {
	border-radius: 0 0 0 15px!important;
}
.membershiptable table tr:last-child td:last-child {
	border-radius: 0 0 15px 0!important;
}

.page-id-470 h3:nth-of-type(n+2) {
	margin-top:90px;
}

.membership-subbox{
    background: #fff;
    width: calc(100% - 200px);
    margin: 0 auto;
    padding: 30px 45px;
}

.membership-subbox p{
    margin: 0;
	padding-bottom: 5px;
}

.membership-subbox p:before{
    content: "●";
	color: #209462;
	padding-right: 5px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: none;
    border-bottom: 2px solid #8E8E8E;
    border-radius: 0px;
    padding: 15px;
    width: 100%;
    background: #F2F2F2;
    margin-top: 10px;
    line-height: 2;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #ED9F00;
    color: #fff;
    line-height: 2;
    padding: 15px 90px 15px;
    margin: 0 auto;
    display: block;
    font-weight: 600;
    border: none;
    font-family: "Zen Kaku Gothic New";
    letter-spacing: 1px;
    margin-top: 60px;
    margin-bottom: -15px;
}

input[type="submit"]:hover {
    opacity:0.8;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 0em;
}

img{
image-rendering:auto;
}

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

@media screen and (min-width: 1001px) {
	.openbtn1{
		display:none;
	}
}

@media screen and (max-width: 1470px) {
.site-footer .ly-f div:last-child a{
    letter-spacing: 2px;
}
header .ly-f div:last-child a:first-child {
    padding-left: 30px;
}
header .ly-f div:last-child a {
    padding-left: 15px;
    letter-spacing: 0px;
}
.slideshow{
	padding:0 30px;
}
}

@media screen and (max-width: 1400px) {
.site-footer div.ly-f div:first-child img {
    width: 300px;
}

.site-footer div div p {
    padding-left: 60px;
}

.site-footer .ly-f div:last-child a, .site-footer .ly-f div:last-child a:last-child {
    padding-left: 10px;
}

.site-footer .ly-f div:last-child a:last-child {
    width: 180px;
    padding: 20px 10px;
    margin-left: 15px;
}
.copyright {
    text-align: center;
}
.page-id-445 .entry-header , .page-id-470 .entry-header {
    background: linear-gradient(90deg, #209462 0%, #209462 40%, #EBFAE3 40%, #EBFAE3 100%);
}
.header-carb{
    width: 10%;
    left: 40%;
}
.header-subimg , .header-subimg2{
    left: 60%!important;
}
}

@media screen and (max-width: 1300px) {
.ly-2w{
    gap: 30px;
}
.ly-2wd {
    gap: 30px;
    justify-items: center;
    align-items: center;
}
.ly-4w {
    grid-template-columns: 1fr 1fr 1fr;
}
.site-footer div.ly-f {
    gap: 15px;
    padding: 0 30px;
}
.footer_img img:nth-child(2) {
    width: 200px;
}
.footer_img img:first-child, .footer_img img:last-child {
    width: 300px;
}
header .ly-f div:first-child a {
    padding-top: 20px;
}

header .ly-f div:first-child a img {
    width: 400px;
}
}

@media screen and (max-width: 1280px) {
.slideshow , .top-slidersub{
    margin-top: -50px;
}

header .ly-f div:last-child a::before {
    display: none;
}
header .ly-f div:last-child a:nth-child(6){
    margin-left: 15px;
}
.slidebox img {
    display: block;
    margin: -50px auto 0;
}
header .ly-f div:last-child a:last-child img{
    width: 90px;
}
.page .entry-header , .single .entry-header , .archive .archive-header{
    margin-top: -46px;
}
}

@media screen and (max-width: 1250px) {
.site-footer .ly-f div:last-child a , .site-footer .ly-f div:last-child a:last-child{
    padding-left: 15px;
}

.site-footer div.ly-f {
    gap: 15px;
justify-items: center;
padding: 0 30px;
}

.site-footer div.ly-f {
    grid-template-columns: 1fr;
}
.home .site-main section , .page .site-main section{
    padding: 60px 30px;
}
.single .site-main section h2 , .archive .site-main section h2{
	margin-top: 0px;
}
.single .site-main section{
    padding: 0px 30px 30px;
}
.archive .site-main section{
    padding: 0px 30px 0px;
}
.ly-2wc {
    grid-template-columns: 40% 1fr;
    gap: 30px;
}
.ly-2y{
    gap: 30px;
}
.ly-2y div:last-child{
	width:inherit;
}
.ly-2y div:last-child a:first-child {
    bottom: 110px;
}
}

@media screen and (max-width: 1150px) {
.ly-2w {
    grid-template-columns: 50% 1fr;
}
.ly-2wc {
    grid-template-columns: 1fr;
}
.ly-2y {
    grid-template-columns: 1fr;
    gap: 15px;
}
.ly-2y div:last-child a:first-child {
    position: relative;
    bottom: 0px;
    padding-right: 15px;
    padding-bottom: 15px;
	width:390px;
}
.ly-2y div:last-child a:nth-child(2) {
    position: relative;
	width:390px;
    bottom: 0px;
}
.ly-4w {
    grid-template-columns: 1fr 1fr;
}
.logopc{
	display: none;
}
.logosp{
	display: block;
}
header .ly-f div:first-child a img {
    width: 300px;
}
header .ly-f div:last-child a:nth-child(6) img {
    display: none;
}
header .ly-f div:last-child a:nth-child(6) {
    width: 130px;
}
.totop img{
    width: 55px;
}
.totop{
    bottom: 20px;
    right: 15px;
}
.ly-2y h2{
	padding-top:0px;
}
.ly-2i {
    gap: 45px;
}
header .ly-f div:first-child a {
    padding-top: 15px;
}
.page-id-2 .wp-container-core-columns-is-layout-1{
    display: block;
    margin-bottom: 60px;
}
.page-id-172 .wp-block-columns{
    display: block;
}
.page-id-172 .wp-block-image img {
    max-width: 400px;
}
.page-id-172 .has-text-align-center{
    max-width: 400px;
    padding-bottom: 30px;	
}
.page-id-172 .wp-container-core-columns-is-layout-27 .has-text-align-center{
    padding-bottom: 0px;
    margin-bottom: 0px;	
}
.page-id-225 .wp-block-columns{
    display: block;
}
.page-id-225 .wp-block-image img {
    max-width: 400px;
	width:100%;
    padding-bottom: 30px;
}
.page-id-225 .wp-container-core-columns-is-layout-5 .wp-block-image img {
    padding-bottom: 0px;
}
.membership , .membershiptable table , .membership2{
    width: 100%;
}
.membership-subbox {
    display: block!important;
}
}

@media screen and (min-width: 1151px) {
.logopc{
	display: block;
}
.logosp{
	display: none;
}
}


@media screen and (max-width: 1000px) {
.slidebox img {
    margin: 10px auto 0;
}
header .ly-f {
    justify-content: inherit;
    padding-left: 15px;
}
#g-nav ul {
    margin: 0;
    padding: 0;
}
#g-nav.panelactive ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
    width: 340px;
    gap: 0 15px;
}
#g-nav li a {
    padding: 0px 0px 10px;
}
#g-nav.panelactive ul li {
    text-align: initial;
}
	
#g-nav li:nth-child(1) a , #g-nav li:nth-child(2) a , #g-nav li:nth-child(3) a , #g-nav li:nth-child(4) a {
    padding-left: 10px;
    font-size: 18px;
    letter-spacing: 0px;
}
	
#g-nav li:nth-child(1) a::before , #g-nav li:nth-child(2) a::before , #g-nav li:nth-child(3) a::before , #g-nav li:nth-child(4) a::before {
    content: "●";
    position: relative;
    left: -10px;
}

#g-nav.panelactive ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
#g-nav.panelactive ul li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#g-nav.panelactive ul li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
#g-nav.panelactive ul li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
#g-nav.panelactive ul li:nth-child(5) { grid-area: 3 / 1 / 4 / 3; padding-top: 30px; }
#g-nav.panelactive ul li:nth-child(6) { grid-area: 4 / 1 / 5 / 3; }
#g-nav.panelactive ul li:nth-child(7) { grid-area: 5 / 1 / 6 / 3; padding-top: 30px; }

header .ly-f div:last-child{
    display: none;
}
.slideshow , .top-slidersub{
    margin-top: 10px;
}
.top-slider {
    border-radius: 30px;
}
.page .entry-header , .single .entry-header , .archive .archive-header{
    margin-top: 10px;
}
}

@media screen and (max-width: 980px) {
.ly-2w , .ly-2i{
    grid-template-columns: 1fr;
}
.ly-2i {
    gap: 45px;
    padding: 45px;	
}
.ly-2w div:last-child , .ly-2i div:first-child{
    order: 1;
}
.ly-2wd {
    grid-template-columns: 1fr;
    justify-items: inherit;
    align-items: inherit;
}
.totop img{
    width: 50px;
}
.totop{
    bottom: 15px;
    right: 0px;
}
.ly-2i div:first-child img{
	z-index:1;
	position:relative;
}
}

@media screen and (max-width: 960px) {
.ly-3w {
    grid-template-columns: 1fr;
}
.footer_img img:nth-child(2) {
    width: 180px;
    z-index: 1;
    position: relative;
}
.footer_img {
    position: relative;
    overflow: hidden;
}
.footer_img img:first-child, .footer_img img:last-child {
    width: 300px;
    position: absolute;
    bottom: 6px;
}
.footer_img img:first-child{
    left: -2%;
}
.footer_img img:last-child {
    right: -2%;
}
.site-footer .ly-f div:last-child {
    display: none;
}
.page-id-172 .titlebox {
    padding: 80px 3% 80px;
}
.page-id-172 .entry-title {
    font-size: 24px;
    letter-spacing: 0.5px;
}
.page-id-172 .entry-header{
	background: url('../../uploads/2024/06/topimg-Sign2-sp.webp');
    background-position: bottom;
    background-size: cover;
}
}

@media screen and (max-width: 900px) {
.ly-2y div:last-child a:first-child {
    padding-right: 0px;
	display:block;
}
.page-id-445 .entry-header , .page-id-470 .entry-header{
	background: linear-gradient(90deg, #209462 0%, #209462 20%, #EBFAE3 20%, #EBFAE3 100%);
}
.page-id-445 .entry-header img , .page-id-470 .entry-header img{
    left: 19%;
}
.header-carb{
    width: 30%;
    left: 20%;
}
}

@media screen and (max-width: 860px) {
.notable{
    width: 100%;
}
.notable tr{
	display: grid;
grid-template-columns: 100px 1fr;
grid-template-rows: repeat(1, 1fr);
padding-bottom:1em;
}
.notable tr td:first-child  { grid-area: 1 / 1 / 2 / 2; }
.notable tr td:nth-child(2)  { grid-area: 1 / 2 / 2 / 3; }
.notable tr td:nth-child(3)  { grid-area: 2 / 1 / 3 / 3; }
.notable tr td:nth-child(2) {
    padding-right: 15px;
    width: 55px;
}
}

@media screen and (min-width: 781px) {
.spslide{
    display: none;
}
}

@media screen and (max-width: 780px) {
.page-id-150 .wp-block-columns.is-layout-flex , .page-id-2 .wp-block-columns.is-layout-flex{
    gap: 0em;
}
.page-id-2 .wp-container-core-columns-is-layout-6 , .page-id-2 .wp-container-core-columns-is-layout-7{
    margin-bottom: 0px;
}
.submenubox2 div {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
    font-size: 0.9em;
}
.membership-subbox {
    width: 100%;
}
.spslide{
    display: block;
}
}

@media screen and (max-width: 750px) {
.swiper-pagination-bullets.swiper-pagination-horizontal{
    display:none!important;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	display:none;
}
.footer_img img:first-child{
    left: -10%;
}
.footer_img img:last-child {
    right: -10%;
}
.ly-2y div:last-child a:first-child {
    padding-right: 0px;
}
.home .site-main section{
    padding-top: 50px;
    padding-bottom: 50px;
}
.page .site-main section , .single .site-main section{
    padding-top: 30px;
    padding-bottom: 30px;
}
.page .entry-content{
	margin-top:0px;
}
  .swiper-backface-hidden .swiper-slide {
    height: auto;
    width: 100%!important;
    border-radius: 0px;
  }
  .swiper-backface-hidden .swiper-slide img {
    width: auto;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px;
    bottom: 0px;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal span {
    width: 100%;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 40px;
  }
.header-subimg , .header-subimg2{
    right: 10%!important;
    left: initial!important;
}
.single .titlebox{
    margin-bottom: 0px;
}
.archive .titlebox{
    margin-bottom: 30px;	
}
.page-id-445 .entry-header, .page-id-470 .entry-header {
    background: #EBFAE3;
}
.page-id-445 .titlebox{
    padding: 90px 10% 340px;
}
.page-id-470 .titlebox {
    padding: 90px 10% 400px;
}
.header-carb {
    height: 260px;
    width: 90%;
    left: 0%;
}
.page-id-445 .entry-header img, .page-id-470 .entry-header img {
    position: absolute;
    right: 0!important;
    left: 0!important;
    margin: auto;
}
}

@media screen and (max-width: 700px) {
.ly-4w {
    grid-template-columns: 1fr;
}
.ly-4w a br{
	display:none;
}
.ly-2y div:first-child a.newsbotan {
    position: relative;
    right: 0;
    top: -15px;
}
.ly-4w a{
    min-height: inherit;
}
.copyright {
    font-size: 12px;
}
.navigation{
    padding-top: 0px!important;
}
}

@media screen and (max-width: 600px) {
.fry , .fry2{
    width: 140px;
}
.fry3{
	width:250px;
}
.page-id-168 tbody tr td {
    display: block;
}
.page-id-172 .entry-header{
	background: url('../../uploads/2024/06/topimg-Sign3-sp.webp');
	background-position: bottom;
}
.submenubox div {
	display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
    font-size: 0.9em;
}
}

@media screen and (min-width: 501px) {
.spslide3{
    display: none;
}
}

@media screen and (max-width: 500px) {
.nav-previous{
	padding-bottom:0.5em;
}
.posts-navigation .nav-next, .post-navigation .nav-next {
    text-align: left;
}
.posts-navigation .nav-links, .post-navigation .nav-links {
    display: block;
}
.membership-subbox {
    padding: 15px;
}
.spslide3{
    display: block;
}
.page-id-445 h2, .page-id-470 h2{
    font-size: 21px!important;	
}
.membership p , .membership2 p{
    font-size: 1em!important;
}
}

@media screen and (max-width: 450px) {
#primary{
	overflow:hidden;
}
.ly-2y div:last-child a:first-child , .ly-2y div:last-child a:nth-child(2){
    width: 300px;
}
.fry{
    right: -10px;
    width: 120px;
}
.fry2{
    right: -80px;
    width: 120px;
}
.fry3{
	width:200px;
}
}

@media screen and (min-width: 431px) {
.spcopyright{
	display:none;
}
.sp2{
	display:none;
}
}

@media screen and (max-width: 430px) {
.spcopyright{
	display:block;
}
.ly-3w div h3 img {
    top: 0px;
    width: 20px;
}
.sp2{
	display:block;
}
}

@media screen and (max-width: 400px) {
.fry , .fry2{
	display:none;
}
.fry3{
	width:150px;
    top: -80px;
}
.ly-2y div:last-child a:first-child, .ly-2y div:last-child a:nth-child(2) {
    width: 100%;
}
#g-nav.panelactive ul {
    width: 300px;
    gap: 0 0px;
}
}

@media screen and (max-width: 320px) {
#g-nav.panelactive ul {
    width: calc(100% - 30px);

}
header .ly-f div:first-child a img {
    width: 240px;
}
}