/*
Theme Name: eases5-child
Template: eases5
Description: JA佐野 ネギ部会 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1024px;
	--es-main-max-width: 1200px;
	--es-side-max-width: 100px;
	--es-main-font-color: #555;
	--es-primary-color: #57a02a;
	--es-secondary-color: initial;
	--es-header-color: #0008;
	--es-header-font-color: #4c3f29;
	--es-header-hmg-color: white;
	--es-header-height: 80px;
	--es-mobile-menu-color: #333333;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #332916;
	--es-footer-font-color: white;
	--es-url-font-color: #2d6bb1;
	--swiper-theme-color: transparent!important;
}

a { color: var(--es-url-font-color); }

ul, ol {
	padding: 0;
	list-style: none; }

/* contents ------------------------------------------------------------------------------------- */

/* ■ h2 - h5
-------------------------------------------------------------- */
h1 span:nth-child(2) { padding-left: 15px; }

#main h2 {
	margin-bottom: 30px;
	text-align: center; }

#main h3 {
	margin-bottom: 30px;
	border-bottom: 2px solid #555; }


/* レイアウト
-------------------------------------------------------------- */
body {
	font-size: 1.6rem;
	top: 0!important; }
	@media screen and (min-width: 481px) {
	body{ font-size: 1.8rem; } }

#wrap { margin: 0 auto; }

#pagebody { min-height: 100vh; }

.top-page #main {
	max-width: none;
	padding: 0; }

#main {
	max-width: var( --es-main-max-width );
	padding: 100px 10px 0;
	margin: 0 auto; }

.top-page #main p { margin-bottom: 0; }

#main p { padding: 0; }


/* コンテンツ
-------------------------------------------------------------- */
.wp-block-group__inner-container,
.wp-block-columns {
	max-width: 1200px!important;
	margin: 30px auto; }

.wp-block-cover .wp-block-cover__background {
	opacity: 0.2; }

.top-page .wp-block-group { margin: 0; }

.wp-block-cover__inner-container { max-width: none; }

.wp-block-group-is-layout-constrained { padding: 20px; }

.post-footer a,
.transition_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	border-radius: 5px;
	background: var(--es-primary-color);
	color: white; }

/* url
-------------------------------------------------------------- */
.url_in a {
	padding-bottom: 5px;
	position: relative;
	color: var(--es-url-font-color); }

.url_in a:hover{ 
	color: var(--es-url-font-color); }

.url_in a::before {
	background: var(--es-url-font-color);
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: auto;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s; }

.url_in a:hover::before {
	transform-origin: left top;
	transform: scale(1, 1); }

/* ヘッダー
-------------------------------------------------------------- */
.top-page #header { background-color: transparent; }

#header {
	position: fixed;
	height: var(--es-header-height);
	padding: 0;
	background-color: var(--es-header-color); }

#header h1 a { color: white; }

.hgroup {
	flex-direction: row-reverse;
	height: var(--es-header-height);
	padding: 0 20px; }

.top-page .header-on { background-color: var(--es-header-color)!important; }

.hamburger-menu div { display: none; }

/* フッター
-------------------------------------------------------------- */
#footer { padding: 30px 10px 10px; }

#footer .wp-block-columns { margin: 0 auto; }

@media (max-width: 781px) {
#footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(1),
#footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2) { flex-basis: 25%!important; }

#footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(3){ flex-basis: 50%!important; } }

footer #copyright {
	margin: 20px 0 0;
	padding: 20px 0; }

/* モバイルメニュー
-------------------------------------------------------------- */
.header-hbg { height: 35px; }

@media screen and (max-width: 767px) {
	#header .hamburger-menu { display: none; } }

.navi-contents {
	top: var(--es-header-height);
	height: calc(100vh - var(--es-header-height) - 70px);
	background: #f9f9f9; }
	@media screen and (min-width: 1000px) {
		.navi-contents { 
			height: calc(100vh - var(--es-header-height)); } }

.navi-contents ul {
	position: relative;
	width: calc(100% - 40px);
	min-width: auto;
	margin: 60px 0 0 30px; }

.navi-contents li:before {
	position: absolute;
	left: -15px; }

.menubox li { width: 100%; }

/* トップページ
-------------------------------------------------------------- */
/*画像*/
#image-area { position: relative; }

.swiper-slide {
	height: 100vh!important;
	height: 100svh!important; }

.swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; }

#image-area .text_box {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: white;
	text-shadow: 2px 2px 3px #000;
	text-align: center;
	font-size: clamp(1.5rem, 3.5vw, 4.5rem);
	z-index: 1; }

@keyframes blink {
	0% { opacity: 0.5; }
	50% { opacity: 1; }
	100% { opacity: 0.3; } }

#scroll-to-page {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 40px;
	width: 50px;
	height: 50px;
	font-size: 1.8rem;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	opacity: 0.7;
	transform: translateX( -50% );
	animation: blink 2s ease-out infinite; }

#scroll-to-page:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 50px;
	height: 50px;
	border: 4px solid #fff;
	transform: rotate(45deg); }

.fadein {
	opacity: 0;
	animation: fadein 4s ease forwards; }
	@keyframes fadein { 100% { opacity: 1;} }

.txt01 { font-weight: bold; }

/*本文*/
.topTextArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px; }

.fadein-block { min-height: 50vh; }

.scrollin {
	opacity: 1!important;
	transform: translate(0, 0); }

.top-page .wp-block-latest-posts__list li {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	column-gap: 10px;}
	@media (max-width: 475px) {
		.top-page .wp-block-latest-posts__list li {
			flex-direction: column-reverse;
			align-items: normal;
			margin-bottom: 15px; } }

time.wp-block-latest-posts__post-date {
	width: 135px;
	flex-shrink: 0;
	font-size: 1.8rem; }

.top-page .wp-block-latest-posts__list,
.top-page .wp-block-latest-posts__list a { color: white; }
	
.fadein-block .wp-block-image img { object-fit: contain; }

.foot_image_fixed {
	padding: 0!important; }

.foot_image_fixed .wp-block-cover { max-width: none!important; }

.foot_image_fixed .wp-block-cover__image-background { background-position: 100%!important; }

/* コンテンツページ
-------------------------------------------------------------- */
/*さのまる葱とは*/
.Effects_everywhere {
	width: 100%;
	color: #000; }

.Effects_everywhere th {
	text-align: center;
	background: #A12A30;
	color: white; }

.Effects_everywhere td {
	position: relative;
	padding: 10px 20px; }

.Effects_everywhere tbody tr:nth-child(1) td:first-child,
.Effects_everywhere tbody tr:nth-child(3) td:first-child,
.Effects_everywhere tbody tr:nth-child(5) td:first-child,
.Effects_everywhere tbody tr:nth-child(7) td:first-child { color: #fff; }
.Effects_everywhere tbody tr:nth-child(1) td:first-child { background: #0066ac; }
.Effects_everywhere tbody tr:nth-child(3) td:first-child { background: #57a02a; }
.Effects_everywhere tbody tr:nth-child(5) td:first-child { background: #21963b; }
.Effects_everywhere tbody tr:nth-child(7) td:first-child { background: #555; }

.Effects_everywhere tbody tr:nth-child(1) td:nth-child(2),
.Effects_everywhere tbody tr:nth-child(2) td:first-child { background: #0066ac80; }
.Effects_everywhere tbody tr:nth-child(3) td:nth-child(2),
.Effects_everywhere tbody tr:nth-child(4) td:first-child { background: #57a02a80; }
.Effects_everywhere tbody tr:nth-child(5) td:nth-child(2),
.Effects_everywhere tbody tr:nth-child(6) td:first-child { background: #21963b80; }
.Effects_everywhere tbody tr:nth-child(7) td:nth-child(2),
.Effects_everywhere tbody tr:nth-child(8) td:first-child { background: #ccc; }

.Effects_everywhere tbody tr:nth-child(1) td:nth-child(3) {
	background: #ffdd55;
	color: #e2041b;
	font-weight: bold; }

.vertical {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	white-space: pre;
	writing-mode: vertical-rl; }

.alphabet { writing-mode: lr-tb; }

/*部会長紹介*/
.bukaicho_group .hide_swich { display: none; }

.bukaicho_group .label_box {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 300px;
	margin: 0 auto; }

.bukaicho_group .label_box figure { position: relative; }

.bukaicho_group .label_box img { width: 100%; }

.bukaicho_group .label_box figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #3333; }

.bukaicho_group .label_box:hover figure::before { background: none; }

.bukaicho_group .label_box:hover .bukaicho_number,
.bukaicho_group .label_box:hover .bukaicho_name { color: var(--es-primary-color); }

.bukaicho_group .bukaicho_name { 
	font-size: 2.4rem;
	font-weight: bold; }

.float_box { display: none; }

.label_box { cursor: pointer; }

.bukaicho_group  #negibukaiyakuin_1:checked ~ #float1,
.bukaicho_group  #negibukaiyakuin_2:checked ~ #float2,
.bukaicho_group  #negibukaiyakuin_3:checked ~ #float3,
.bukaicho_group  #negibukaiyakuin_4:checked ~ #float4,
.bukaicho_group  #negibukaiyakuin_5:checked ~ #float5,
.bukaicho_group  #negibukaiyakuin_6:checked ~ #float6 {
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: block;
	width: 95%;
	max-width: 600px;
	height: 65%;
	padding: 20px;
	margin: 10px;
	overflow: auto;
	background: #fff;
	z-index: 3; }

.bukaicho_group  .hide_swich:checked ~ .close_area {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #5558;
	z-index: 2; }

.bukaicho_group .float_title {
	display: flex;
	justify-content: flex-end; }

.bukaicho_group .float_title h2 {
	margin-right: auto; }

.bukaicho_group .float_title span {
	display: flex;
	align-items: flex-end;
	padding-bottom: 10px;
	font-weight: bold; }

.bukaicho_group .float_title img {
	width: calc(100% / 3);
	padding: 10px; }

.bukaicho_group .float_item { border-top: 1px solid #ccc; }

.close_buttun { display: none; }

.bukaicho_group  .hide_swich:checked ~ .close_buttun {
	position: fixed;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: flex;
	justify-content: center;
	width: 95%;
	max-width: 600px;
	height: 40px;
	margin: 10px;
	border-top: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
	z-index: 3; }

.close_buttun span::before {
	content: "✕";
	margin-right: 10px; }

/*佐野ネギ部会専用ページ*/
.dedicated #main .wp-block-latest-posts__list { padding: 0; }

.dedicated #main .wp-block-latest-posts__list li {
	margin-bottom: 10px;
	border-bottom: 1px dashed #555; }

.dedicated #main .wp-block-latest-posts__list a{
	display: inline-block;
	width: 100%; }

/* お問い合わせ
-------------------------------------------------------------- */
.tel-link {
	margin-bottom: 10px;
	font-size: 2.4rem; }

.wpcf7 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto; }

.contact input,
.contact textarea {
	width: 100%; }

input[type="submit"] {
	display: block;
	max-width: 200px;
	margin: 30px auto;
	padding: 10px;
	border: 1px solid #555;
	border-radius: 5px; }

input[type="submit"]:hover {
	background-color: var(--es-primary-color)!important;
	color: #fff; }

input, textarea { width: 100%; }

.wpcf7 p { margin: 20px 0; }

.wpcf7 label {
	display: inline-block;
	width: 100%; }

.wpcf7 span { width: 100%; }

/* ブログ 
-------------------------------------------------------------- */
.category-page .entry-post {
	padding: 10px 0;
	margin: 0 auto 20px;
	border-bottom: 1px solid #ddd; }
	@media screen and (max-width: 767px) {
		.category-page .entry-post { 
			flex-direction: column;
			align-items: center; } }

@media screen and (max-width: 767px) {
	.category-page .post-wrap { width: 100%; } }

.post-categories ul span[class*="label-"], .post-categories ul a[class*="label-"]{
	border:none;
	background-color: var(--es-primary-color); }

.profile {
	font-size: 1.5rem; }

.post-footer {
	margin: 40px 0;
	text-align: center; }
#comment {
	width: 90%;
	margin: 0 auto; }

.enry-post {
	row-gap: 10px;
	max-width: 1024px; }

.single-page .enry-post p { margin: 0 0 20px!important; }

.post-eyecatch_img img { display: none; }

#index-page .eyecatch_img_thumbnail img { height: auto; }