@charset "UTF-8";
/*
Theme Name:和歌山県人権センター（レスポンシブ対応）
Description:レスポンシブ対応テーマ（標準)
Author:Brains Co Lid.
Version:2.20240125
*/
/* ===============================================
 * 一般・共通設定
 * =============================================== */
* {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
@media only screen and (max-width: 800px) {
	img {
		max-width: 100%;
		height: auto;
	}
}
header, footer, section, aside, nav, article {
	display: block;
}
hr {
	margin: 0.5em 0;
}
::-webkit-scrollbar {
	width: 12px;
}
/* 背景を画面に合わせて伸ばす
 * --------------------------- */
html {
	scroll-behavior: smooth;
}
html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	line-height: 150%;
}
.mw_1200 {
	max-width: 1200px;
	margin: auto;
/*	background:#fff;*/
}
.mw_1200_a {
	max-width: 1200px;
	margin: auto;
	padding: 5px;
	background:#fff;
}
@media screen and (max-width: 767px) {
	.mw_1200 {
		/*	padding: 0.5em;
		padding: 0;*/
	}
	:target {
		scroll-margin-top: -20px;
	}
}
.xo-slider {
	display: block;
	margin-top: 1em;
}
@media only screen and (max-width: 800px) {
	.xo-slider {
		margin-top: 3.5em;
	}
}
/* 背景画設定
 * --------------------------- */
html {}
body {
	font-family: "Noto Sans JP", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #fff;
	background-image: radial-gradient(290px 300px, rgba(189, 194, 255, 0.4) 20%, transparent 20%), radial-gradient(800px 780px, rgba(189, 194, 255, 0.4) 20%, transparent 20%), radial-gradient(1000px 990px, rgba(255, 234, 214, 0.4) 20%, transparent 20%), radial-gradient(400px 380px, rgba(255, 234, 214, 0.4) 20%, transparent 20%), radial-gradient(750px 750px, rgba(255, 234, 214, 0.4) 20%, transparent 20%), radial-gradient(100px 100px, rgba(189, 194, 255, 0.4) 20%, transparent 20%);
	background-size: 1230px 1280px, 810px 910px, 1470px 990px, 1200px 1700px, 1520px 1200px, 1100px 1300px;
	background-position: -300px -550px, -200px 100px, 50px 510px, -200px -550px, -180px -250px, 130px -150px;
	text-align: justify;
}
@media only screen and (max-width: 800px) {
	body {
/*		font: 14px/1.231 "Noto Sans JP", Meiryo, "ヒラギノ角ゴ Pro W3";*/
		background-color: #f4f4f4;
		-webkit-text-size-adjust: none;
		line-height: 1.8;
		word-wrap: break-word;
	}
}
a {
	border: 0px;
	text-decoration: none;
}
#header_area a:hover, #main a:hover, #main_content a:hover {
	position: relative;
	/*top: 1px;  
	left: 1px;
	background:#94b75c; */
}
.center {
	text-align: center;
}
p {
	margin-bottom: 16px !important;
	line-height: 2;
}
@media only screen and (max-width: 800px) {
	p {
		margin-bottom: 1em;
	}
}
.txtright {
	text-align: right;
}
/* ---------------------------
 * hタグの設定
 * --------------------------- */
h1, h2, h3, h4, h5, strong {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 700;
	font-weight: bold;
}
h2 {
	border: solid 2px #2C3496;
	margin: 1em 0;
	padding: 1rem 1.5rem;
	background: #fff;
	color: #2C3496;
}
h3 {
	color: #2C3496;
	background: #eaf5f9;
	border-radius: 10px;
	margin: 0.5em 0 0.2em 0;
	padding: 0.75rem 2rem;
	font-size: 1.4em;
}
@media only screen and (max-width: 800px) {
	h3 {
		padding: 0.75rem 1rem;
	}
}
a h3 {
	display: block;
	background: #27acd9;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #27acd9;
	margin: 0.5em 0;
	padding: 0.75rem 2rem;
	font-size: 1.4em;
	transition: 0.3s;
}
a h3:hover {
	background: #fff;
	color: #27acd9;
}
h4 {
	border-bottom: 2px dotted #6e7955;
	padding: 3px;
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
}
/* ---------------------------
 * ボタン
 * --------------------------- */
a.btn-bak {
	background: #09C;
	border: 1px solid #09C;
	color: #FFF;
	/*	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);*/
	margin-top: 25px;
	width: 200px;
	padding: 10px 0;
	text-align: center;
	float: right;
	transition: 0.3s;
}
a.btn-bak:hover {
	color: #27acd9;
	background: #fff;
	text-decoration: none !important;
}
.btn-bak a:hover {
	text-decoration: none;
}
.btn-bak-center {
	background: #09C;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);
	margin-top: 25px;
	width: 200px;
	padding: 10px 0;
	text-align: center;
	white-space: nowrap;
	margin: auto;
}
.btn-bak-left {
	background: #09C;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);
	margin-top: 25px;
	width: 200px;
	padding: 10px 0;
	text-align: center;
	float: left;
}
@media only screen and (max-width: 800px) {
	.btn-bak, .btn-bak-center, .btn-bak-left {
		width: 30%;
	}
	.button02 {
		width: 90%;
	}
}
.btn_list {
	padding: 10px;
	border-radius: 5px;
	background-image: linear-gradient(45deg, #98b8f7 0%, #142c5b 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border-bottom: solid 3px #142c5b;
}
a .btn_list {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin: 50px;
	width: 120px;
	padding: 0.5em 1em;
}
.dantai a[target="_blank"]:after {
	margin: 0 15px;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	content: "\f08e";
}
.button02 {
	display: block;
	background: #00bcd4;
	border: 2px solid transparent;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 15px;
	width: 95%;
}
.button02:hover {
	background: #fff;
	color: #00bcd4;
	border: 2px solid #00bcd4;
}
.button03 {
	display: block;
	background: #00bcd4;
	border: 2px solid transparent;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 15px;
	width: 95%;
}
.button03:hover {
	background: #00bcd4 !important;
	position: relative;
	top: 0px !important;
	left: 0px !important;
}
.button04 {
	padding: 4px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px auto;
	color: #fff !important;
	background: #27ACD9;
	line-height: 1;
	transition: all .3s;
}
a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
/*	width: calc(100% - 2rem - 4px);*/
	width: calc(100% - 1rem - 4px);
	margin: 5px auto;
	padding: 1rem 0.5rem;
/*	padding: 1rem 1rem;*/
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	font-size: 1.4em;
	transition: 0.3s;
/*	text-align: justify;*/
}
a.btn_01:hover {
	color: #27acd9;
	background: #fff;
}
a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*	width: calc( 100% - 4rem - 4px);*/
	width: calc(100% - 2rem - 4px);
	margin: 5px auto;
	padding: 1rem 1rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #fff;
	color: #27acd9;
	font-size: 1.4em;
	transition: 0.3s;
	text-align: justify;
	text-align: center;
}
a.btn_02:hover {
	color: #fff;
	background: #27acd9;
}
a.btn_03 {
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*	width: ;*/
	margin: 5px 0 5px auto;
	padding: 0.5rem 1rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	font-size: 1;
	transition: 0.3s;
	text-align: justify;
}
a.btn_03:hover {
	color: #27acd9;
	background: #fff;
}
a.btn_03a {
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px 0 5px auto;
	padding: 0.5rem 2rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	border-radius: 1.3em;
	background: #27acd9;
	color: #fff;
	font-size: 1.3em;
	transition: 0.3s;
	text-align: justify;
}
a.btn_03a:hover {
	color: #27acd9;
	background: #fff;
}
@media only screen and (max-width: 1100px) {
	a.btn_01, a.btn_02 {
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 990px) {
	a.btn_01, a.btn_02 {
		font-size: 1.2em;
/*		font-size: 1.0em;*/
	}
}
/* イベント講座情報
 * --------------------------- */
.event_btn {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 120px;
/*	height: 60px;
	padding-top: 10px*/
	height: 50px;
	padding-top: 5px;
	/*	background: #ffead6;*/
	background: #fff;
	border: 2px solid #14944a;
	color: #14944a;
	z-index: 9999;
	text-align: center;
	transition: 0.3s;
}
.event_btn:hover {
	background: #14944a;
	color: #fff;
}
/* 上に戻る
 * --------------------------- */
.to_top {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
/*
	position: fixed;
	bottom: 75px;
	right: 0;
*/

/*	width: 120px;*/
	width: 50px;
	height: 50px;
	padding-top: 5px;
	line-height:45px;
	background: #fff;
/*	border: 2px solid #E87104;*/
	border-radius:100%;
/*	color: #E87104;*/
	border: 2px solid #2C3496;
	color: #2C3496;
	z-index: 9999;
	text-align: center;
	transition: 0.3s;
	margin-bottom:-30px;
	margin-right:0;
	margin-left:auto;
	
	
}
.to_top:hover {
/*
	background: #E87104;
*/
	border: 2px solid #fff;
	background: #2C3496;
	color: #fff;


}
/* ---------------------------
/* clearfix（回り込み解除）
 * --------------------------- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* 固定
 * --------------------------- */
.fixed {
	position: fixed;
}
#lightboxImage {
	width: 100%;
}
@media only screen and (max-width: 800px) {
	#lightboxImage {
		width: 90%;
	}
}
section {
	margin: 0 10px;
}
/* ---------------------------
 *  flex（横に並べる）
 * --------------------------- */
.flex_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex_wrap_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
.flex_wrap_left {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.flex_item {
	width: 100%;
	margin: 1em 5px;
}
/* 横2つ（幅767px以下になると横1つ）*/
.flex_item2 {
	width: calc(100% / 2 - 12px);
	margin: 1em 5px;
	/*border: solid 1px #00ff7f;*/
}
.flex_item3 {
	width: calc(100% / 3 - 12px);
	margin: 1em 5px;
	/*border: solid 1px red;*/
}
.flex_item3_2 {
	/*	width: calc(100% / 3 * 2 - 58px) ;*/
	width: calc(100% / 3 * 2 - 12px);
	margin: 1em 5px;
	/*border: solid 1px blue;*/
}
.flex_item4 {
	width: calc(100% / 4 - 12px);
	margin: 1em 5px;
	/*border: solid 1px green;*/
}
.flex_item4 a.btn_01, .flex_item4 a.btn_02 {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	/*	width: calc( 100% - 10px);
	width: 100%;*/
}
@media screen and (max-width: 767px) {
	.flex_item, .flex_item2, .flex_item3, .flex_item3_2 {
		width: calc(100% - 10px);
		margin: 5px;
	}
	.flex_item4 {
		/*
		width: calc(100% / 2 - 12px);
		margin: 5px;
		*/
		width: 50%;
		margin: 0;
	}
	.flex_item4 a.btn_01, .flex_item4 a.btn_02 {
		margin: 0 auto;
		padding: 1rem 0;
		width: calc(100% - 2px);
		text-align: center;
		border: 1px solid #27acd9;
	}
}
/* 横2つ*/
.flex_item2a {
	width: calc(50% - 10px);
	margin: 5px;
}
/* ---------------------------
 * Web Grid
 * --------------------------- */
.r {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 10px;
}
[class*="c-"] {
	grid-column: span 12;
	/*	padding: 10px;*/
}
/* 600px */
@media only screen and (min-width: 600px) {
	.c-50 {
		grid-column: span 6;
	}
	.c-25 {
		grid-column: span 3;
	}
	.c-75 {
		grid-column: span 9;
	}
	.c-100 {
		grid-column: span 12;
	}
	.c-1 {
		grid-column: span 1;
	}
	.c-2 {
		grid-column: span 2;
	}
	.c-3 {
		grid-column: span 3;
	}
	.c-4 {
		grid-column: span 4;
	}
	.c-5 {
		grid-column: span 5;
	}
	.c-6 {
		grid-column: span 6;
	}
	.c-7 {
		grid-column: span 7;
	}
	.c-8 {
		grid-column: span 8;
	}
	.c-9 {
		grid-column: span 9;
	}
	.c-10 {
		grid-column: span 10;
	}
	.c-11 {
		grid-column: span 11;
	}
	.c-12 {
		grid-column: span 12;
	}
}
/* 600px - 800px */
@media only screen and (max-width: 800px) and (min-width: 600px) {
	.c-25 {
		grid-column: span 3;
	}
	.c-50 {
		grid-column: span 6;
	}
	.c-75 {
		grid-column: span 9;
	}
	.c-100 {
		grid-column: span 12;
	}
}
/* ---------------------------
 * YouTubeの埋め込み動画を幅100%に
 * --------------------------- */
.movie {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	/* 現プレイヤーでは不要？ */
	height: 0;
	overflow: hidden;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube__aspect-ratio {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
	width: 100%;
	height: 100%;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
@media screen and (max-width: 800px) {
	.sp {
		display: block !important;
	}
	.pc {
		display: none !important;
	}
}
/* ---------------------------
 * スクロールバーのデザイン
 * --------------------------- */
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
/*	background-color: #bdeeff;*/
	background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb {
/*	box-shadow: inset 0 0 10px rgba(0, 153, 207, 1);*/
	box-shadow: inset 0 0 10px rgba(128, 128, 128, 1);
}
/* ---------------------------
 * ページ内リンク
 * --------------------------- */
@media only screen and (max-width: 800px) {
	#p1, #p2, #p3, #p4, #p5, #p01, #p02, #p03, #p04, #p05 {
		height: 1px;
		display: block;
		padding-top: 50px;
		margin-top: -50px;
	}
}
/* ---------------------------
 * 表示時、フェードイン
 * --------------------------- */
/*
#ani{
	animation-name: fadein;
	animation-duration: 3s;
}
*/
@keyframes fadein {
	from {
		opacity: 0;
		transform: translatey(0);
		/*transform: translatey(80px);*/
	}
	to {
		opacity: 1;
		transform: translatey(0);
	}
}
#yurayura {
	transform-origin: center bottom;
	animation: yurayura 2s linear infinite;
}
@keyframes yurayura {
	0%, 100% {
		transform: rotate(10deg);
	}
	50% {
		transform: rotate(-10deg);
	}
}
/* ===============================================
 * ヘッダー/サイドバー/メイン（コンテンツ）/フッター
 * =============================================== */
/* ---------------------------
 * header.php
 * --------------------------- */
#header, #main {
	margin: auto;
	width: 100%;
}
@media only screen and (max-width: 800px) {
	#header {
		position: fixed;
		top: 0;
		height: 56px;
		z-index: 9999;
		background: #fff;
	}
	#main {
		margin-top: 3.5em;
	}
}
.head {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(common/bg-header.png);
	background-repeat: no-repeat;
	padding-top: 56px;
	text-indent: -9999px;
}
@media only screen and (max-width: 800px) {
	.head {
		background-position: center top;
		background-repeat: no-repeat;
		-moz-background-size: auto 100%;
		/*		background-size: auto 100%;*/
		background-size: auto calc(100% - 0.5em);
		margin-top: 4px;
		padding-top: 0px;
	}
}
#header_area {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.header_left {
	display: inline-block; /* 横並びにする */
	/*	width: 610px;*/
	width: 510px;
}
@media only screen and (max-width: 800px) {
	#header_area, .header_left {
		width: 100%;
	}
}
.header_right {
	display: inline-block; /* 横並びにする */
		/*width: 460px;
		width: 100%;*/
	width: calc(100% - 520px);
	margin-left: 5px;
	text-align: right;
}
@media only screen and (max-width: 1370px) {
.header_right {
	width: calc(100% - 610px);
/*	margin-right: 72px*/

}
}




@media only screen and (max-width: 800px) {
	.header_right {
		display: none;
	}
}
/* 検索窓
 * --------------------------- */
#searchform {
	position: relative;
	margin-top: 36px;
}
#s {
	/*	width: 100%;*/
	width: calc(100% - 11px);
	height: 36px;
	background: #fff;
	border: 1px solid #44B7DE;
	border-radius: 10px;
	padding: 4px;
	font-size: 18px;
}
/*
@media only screen and (max-width: 1260px) {
.header_right #s {
	width: calc(100% - 60px);
}
}

@media only screen and (max-width: 1100px) {
.header_right #s {
	width: calc(100% - 90px);
}
}
*/




#searchsubmit {
	position: absolute;
	top: 4px;
	_top: 1px;
	left: 400px;
	height: 36px;
}
.searchsubmit {
	font-family: FontAwesome;
	font-size: 1.4em;
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	color: #255fac;
	border: none;
	background: transparent;
}
*:first-child+html #searchBtn2 {
	top: 1px;
}
@media screen and (max-width: 767px) {
	#searchform {
		margin-top: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#s {
		width: 90%;
		margin-left: 10px;
	}
	#searchsubmit {
		top: 60px;
		left: 120px;
	}
	.searchsubmit {
		top: 17px;
		right: 20px;
	}
}
/* ヘッダメニュー
 * --------------------------- */
#global-navi {
	background: #2C3496;
	width: 100%;
	margin: 0;
	padding: 0;
}
#wrapper nav ul {
	text-align: center;
	margin: 0;
	padding: 0;
	z-index:99999;
}
#wrapper nav ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: calc(100% / 8 - 5px);
	height: 3em;
	line-height: 3em;
}




#wrapper nav ul li a {
	color: #fff;
	display: block;
	font-size: 1.1cqw;
/*	font-size: 12px;*/
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	/*	font-size: 14px;*/
	font-weight: bold;
	margin: 0 0 -7px 0;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
/*		transition:0.3s;*/
}
@media screen and (min-width: 1600px) {

#wrapper nav ul li a {
	font-size: 18px;
}
}

#wrapper nav ul li a:hover {
	background: #fff;
	color: #2C3496;
	transition-duration: 0.3s;  /* 通常 → hover */
	
	
	
}
/* 子項目のスタイル */
.child_menu>li>a {}
/* 子項目のスタイル（ホバー時） */
.child_menu>li>a:hover {
	background: #ffb6c1;
}
/* 下層メニューのスタイル */
.child_menu {
	width: 100%;
	position: absolute;
	/* 親項目の直下に配置 */
	/*top: 100%;*/
/*	top: 146px;*/
	top: 160px;
	left: 0;
	padding: 30px;
	color: #333;
	/* 文字色 */
	background: #fff;
	/* 背景色 */
	visibility: hidden;
	/* 下層メニューを非表示 */
}
.child_menu a{
	font-size: 1.1cqw;
}
.child_menu:hover {
	transition-duration: 0.2s;  /* 通常 → hover */


}

.main_menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: calc(100% / 4 - 7px) !important;
	height: 3em;
	line-height: 3em;
	/*	border:1px solid #E87104;*/
	border: 1px solid #27ACD9;
}
.main_menu ul li a {
	display: block;
	/*	color: #E87104!important; /* 文字色 */
	color: #27ACD9 !important;
	/* 文字色 */
}
.main_menu ul li a:hover {
	background: #27ACD9 !important;
	/* 背景色 */
	/*	background: #E87104!important; /* 背景色 */
	color: #fff !important;
	/* 文字色 */
}
@media only screen and (max-width: 800px) {
	.child_menu {
		/* 下層メニューのスタイル */
		position: absolute;
		top: 0;
		left: 3.5em;
	}
	.main_menu ul li {
		width: 100% !important;
	}
}
.main_menu:hover .child_menu {
	/* 下層メニューのスタイル（親項目ホバー時） */
	visibility: visible;
	/* 下層メニューを表示 */
	z-index: 999;
	transition-duration: 0.5s;  /* 通常 → hover */
}

.child_menu a:hover {
	color: #fff;
}
@media only screen and (max-width: 800px) {
	#wrapper nav {
		position: fixed;
		top: 0;
/*
		left: -300px;
		width: 300px;
*/
		left: -315px;
		width: 315px;
		height: 100%;
		/*	padding-top: 65px;*/
		/*background: #333;*/
		font-size: 16px;
		box-sizing: border-box;
		z-index: 2;
		overflow-y: scroll;
	}
	/* スクロールバー非表示 ------- */
	#wrapper nav::-webkit-scrollbar {
		display: none;
	}
	#wrapper nav ul {
		margin-top: 65px;
	}
	#wrapper nav ul li {
		text-align: left;
		display: block;
		width: 100%;
		height: auto;
	}
	#wrapper nav ul li a {
		text-decoration: none;
		/*color: #ddd;*/
		color: #fff;
		font-size:20px;
		padding-left: 20px;
/*		padding-left: 3em;*/
	}
	#wrapper .btn-gnavi {
		position: fixed;
		top: 10px;
		/*right: 20px;*/
		left: 10px;
		width: 24px;
		height: 24px;
		z-index: 3;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 300ms;
		transition: all 300ms
	}
	#wrapper .btn-gnavi span {
		position: absolute;
		width: 24px;
		height: 4px;
		background: #666;
		border-radius: 10px;
		-webkit-transition: all 300ms;
		transition: all 300ms
	}
	#wrapper .btn-gnavi span:nth-child(1) {
		top: 0
	}
	#wrapper .btn-gnavi span:nth-child(2) {
		top: 10px
	}
	#wrapper .btn-gnavi span:nth-child(3) {
		top: 20px
	}
	#wrapper .btn-gnavi.open {
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg) z-index:6;
	}
	#wrapper .btn-gnavi.open span {
		background: #fff
	}
	#wrapper .btn-gnavi.open span {
		width: 24px;
	}
	#wrapper .contents section p {
		position: absolute;
		top: 50%;
		width: 30%;
		line-height: 1.4;
		font-size: 20px;
		color: #fff;
		text-shadow: 0 0 6px #666
	}
	#wrapper .contents section:nth-child(odd) p {
		right: 10%;
	}
	#wrapper .contents section:nth-child(even) p {
		left: 10%;
	}
	#wrapper p {
		margin-bottom: 0 !important;
	}
	.menu li {
		border-bottom: 1px solid #fff;
	}
	.menu .sp {
		background: #27ACD9;
		color: #fff;
	}
}
/* ---------------------------
 * sidebar
 * --------------------------- */
/* ---------------------------
 * main
 * --------------------------- */
#main {
	background: rgba(255, 255, 255, 0.92);
	max-width: 1200px;
	width: calc( 100% - 10px );
	min-height: calc(100vh - 348px);
	height: auto;
/*	padding-bottom: 2em;*/
	padding: 0 5px 2em 5px;
}

#top_main {
	background: rgba(255, 255, 255, 0.92);
	max-width: 1200px;
	width: calc( 100% - 10px );
	height: auto;
	margin:auto;
	padding: 0 5px 1em 5px;
}




#main .mw_1200_a ul {
	margin-left: 2em;
}
.midasi1 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 2px 8px;
	border-width: 0 0 5px 0;
	border-color: #94b75c;
	border-style: solid;
	background: #fff;
	line-height: 140%;
	font-weight: bold;
}
/* ---------------------------
 * footer
 * --------------------------- */
#footer_area {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 2em 0;
	color: #fff;
	text-align: center;
	/*	background: #27ACD9;*/
	background: #2C3496;
}
@media only screen and (max-width: 800px) {
	#footer_area {
		padding: 0;
	}
}
#footer_area ul li {
	position: relative;
	padding-top: 2px;
}
#footer_area li {
	display: inline-block;
	margin-left: 50px;
}
@media only screen and (max-width: 800px) {
	#footer_area li {
		margin-left: 0;
		width: calc(50% - 3px);
	}
}
@media only screen and (max-width: 800px) {
	#footer_area ul li::after, #footer_area ul li::before {
		display: none;
	}
}
#footer_area ul li:before {
	content: "\f061";
	font-family: fontawesome;
	margin-right: 5px;
	color: #fff;
}
#footer_area li a {
	font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration: none;
	color: #fff;
	transition: 0.3s;
}
@media only screen and (max-width: 800px) {
	#footer_area li a {
		display: block;
		padding: 1em 0;
	}
}
#footer_area li a:hover {
	background: #fff;
	color: #27ACD9;
	text-decoration: none;
}
@media only screen and (max-width: 800px) {
	#footer_area li a:hover {
		text-decoration: none;
	}
}
.copyright {
	float: right;
	font-size: 0.8em;
	clear: both;
	padding: 0px 10px 5px 5px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
@media only screen and (max-width: 800px) {
	.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearFix {
		min-height: 1px;
	}
}
/* ===============================================
 * トップページ
 * =============================================== */
/* ---------------------------
 * 新着情報/イベント・講座情報
 * --------------------------- */
/* 見出し
 * --------------------------- */
div.update h2,
div.event h2 {
	width: calc(100% - 2em);
}
div.update h2 {
	display: block;
	margin: 7px 0 5px;
	padding: 1em 0.9em 1em 1em;
}
div.event h2 {
	display: block;
	margin: 7px 0 5px;
	/* 見出しのマージン（上、左右、下） */
	background-repeat: no-repeat;
	background-color: #ecf2c4;
	padding-left: 30px;
}
@media only screen and (max-width: 800px) {
	div.update h2 {
		font-size: 1.4em;
	}
	div.event h2 {
		display: block;
		width: 95%;
		margin: 7px 15px 5px 0;
		/* 見出しのマージン（上、左右、下） */
		padding: 5px 5px 0 5px;
		/*上、右、下、左*/
	}
}
h2 .sub {
	float: right;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	margin-top: -10px;
	margin-left: 3px;
	background-position: 3px center;
	background-repeat: no-repeat;
	background-color: #27ACD9;
	border: 2px solid #27ACD9;
	border-radius: 5px;
}
h2 .sub a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px;
	transition: 0.3s;
}
h2 .sub a:hover {
	background: #fff;
	color: #27ACD9;
	text-decoration: none;
}
/* ---------------------------
 * フッター上バナー
 * --------------------------- */
#bnr_list {
	width: 100%;
	margin: 1em 0;
}
#bnr_list ul {
	display: flex;
	/*	justify-content: space-around;*/
	justify-content: center;
}
#bnr_list li {
	list-style-type: none;
	text-align: center;
	margin: 2px;
	/*	border: 1px solid rgba( 0, 0, 0, 0.1);*/
}
#bnr_list li img {
	border: 1px solid rgba(0, 0, 0, 0.1);
	max-width: calc(100% - 2px);
}
#bnr_list li img:hover {
	opacity: 0.6;
	transition-duration: 0.3s;
}
@media only screen and (max-width: 800px) {
	#bnr_list ul {
		flex-wrap: wrap;
		/* 折返し指定 */
		justify-content: center;
	}
	#bnr_list li {
		width: calc(50% - 20px);
		margin: 5px;
	}
}
/* 幅540px以上だと非表示
 * --------------------------- */
@media screen and (max-width: 540px) {
	.w540_none {
		display: none;
	}
}
/* 回り込み解除（1カラムに）
 * --------------------------- */
#others {
	padding: 12px 20px;
	clear: both;
}
#others .top-bnr ul {
	list-style-type: none;
	text-align: center;
}
#others .top-bnr li {
	list-style-type: none;
	display: inline-block;
	margin: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
/* ===============================================
 * 一覧・詳細ページ用
 * =============================================== */
.kiji {
	padding-bottom: 3em;
	padding: 0 5px 3em 5px;
}
.kiji ul {
	margin-left: 2em;
}
.kiji ul li {
	margin: 0.5em 0;
}
.kiji a:hover {
	text-decoration: underline;
}
.kiji table {
	border-collapse: collapse;
}
.kiji table thead th {
	background: #27ACD9;
	color: #fff;
	text-align: center;
}
.kiji table th, .kiji table td {
	padding: 5px 10px;
}
.kiji tbody th,
.kiji tbody td {
	color: #000;
}
.kiji p {
	margin-left: 1em;
	margin-right: 1em;
}
/* ---------------------------
 * パンくずリスト
 * --------------------------- */
div.breadcrumbs {
	/*	padding: 1em 0.5em;*/
}
.breadcrumb {
	padding: 10px 20px;
	list-style: none;
}
.breadcrumb li {
	display: inline;
	/*横に並ぶように*/
	list-style: none;
}
.breadcrumb li:after {
	/* >を表示*/
	content: '>';
	padding: 0 0.2em;
	color: #555;
}
.breadcrumb li:last-child:after {
	content: '';
}
.breadcrumb li a {
	text-decoration: none;
	color: #52b5ee;
	/*色*/
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
/* ---------------------------
 * 新着情報
 * --------------------------- */
.ul_list_update {
	margin: 0;
	height: 14em;
	overflow: hidden auto;
}
.ul_list_update ul li {
	background: #F9F9F9;
	line-height: 1.8;
	/*	padding: 0.5em 1em;*/
	padding: 0.5em 0;
	border-bottom: 1px solid #333;
}
.ul_list_update ul li:nth-child(even) {
	background: #eee;
}
.ul_list_update ul, .ul_list_update ul li {
	list-style: none;
}
.ul_list_update ul li {
	display: flex;
}
.ul_list_update ul li time {
	margin-top: 0.5em;
}
.ul_list_update ul li a {
	margin: 0;
	padding: 0.5em;
	width: calc(100% - 11em);
	color: #000;
	display: block;
}
@media only screen and (max-width: 800px) {
	.ul_list_update ul li {
		display: block;
	}
	.ul_list_update time {
		display: block;
		font-size: 1.2em;
		margin-bottom: 0;
	}
	.ul_list_update ul li a {
		line-height: 1.8;
		width: calc(100% - 1em);
	}
}
.ul_list_update ul li a:hover {
	background: #27acd9;
	color: #fff;
	transition: 0.3s;
}
/* ---------------------------
 * 新着一覧
 * --------------------------- */
div.update2 {
	margin-bottom: 3em;
	/*	font-size:110%;*/
}
div.update2 dl, div.event2 dl {
	width: 100%;
	/* 新着リストの幅 */
	height: 100%;
	/* 新着リストの高さ */
	line-height: 150%;
	display: flex;
	flex-wrap: wrap;
	background-color: #f9f9f9;
	/* 新着リストの背景色 */
	border-top: 1px #c0c0c0 dotted;
	/* 新着リストの上境界線 */
	border-bottom: 1px #c0c0c0 dotted;
	/* 新着リストの下境界線 */
}
div.update2 dt {
	width: 10em;
	/* 日付エリアの幅 */
	padding: 1em 7px;
	/* 日付エリアのパディング（上右下左） */
	border-bottom: 1px #c0c0c0 dotted;
}
div.event2 dt {
	/*width: 12em; /* 日付エリアの幅 */
	width: 18em;
	/* 日付エリアの幅 */
	padding: 7px 0 6px 3px;
	/* 日付エリアのパディング（上右下左） */
}
div.update2 dd {
	width: calc(100% - 12em);
	margin: 0;
	padding: 1em 7px;
	border-bottom: 1px #c0c0c0 dotted;
	/* 本文エリアの下境界線 */
}
div.update2 dd a {
	text-decoration: none;
	color: #000;
	display: block;
}
div.update2 dd a:hover {
	background: #27ACD9;
	color: #fff;
	text-decoration: none;
}
@media only screen and (max-width: 800px) {
	/* ---------------------------
	 * 新着リスト
	 * --------------------------- */
	div.update2 dl {
		display: block;
		width: 100%;
		/* 新着リストの幅 */
		height: 100%;
		overflow: hidden;
		margin: 0;
	}
	/* 日付エリア
	 * --------------------------- */
	div.update2 dt {
		display: block;
		width: 100%;
		/* 新着リストの幅 */
		font-size: 1.2em;
		/*		padding: 1em 0.5em;*/
		padding: 0.5em;
		border-bottom: none;
	}
	/* 本文エリア
	 * --------------------------- */
	div.update2 dd {
		display: block;
		width: calc(100% - 2em);
		/*		padding: 1em;*/
		padding: 0.5em;
		/*		line-height: 1.8;*/
		line-height: 1.6;
		font-size: 1.1em;
	}
	div.update2 dd a {
		color: #000;
		text-decoration: none;
	}
}
/* ---------------------------
 * ページ送り
 * --------------------------- */
.pagination {
	text-align: center;
	margin: 2em 1em;
}
a.page-numbers, .pagination .current {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px 1em;
	margin: 0 2px;
	text-decoration: none;
}
.pagination .current {
	background: #27ACD9;
	border: solid 1px #000;
	color: #fff;
}
.pagination a:hover {
	background: #27ACD9;
	color: #fff;
}
/* ===============================================
 * プラグイン
 * =============================================== */
/* ---------------------------
 * Event Organiser（イベントカレンダー）
 * --------------------------- */
.ul_list {
	/*	margin: 1em 0 0 -1.5em;*/
}
.update .ul_list {
	margin: 0;
}
.ul_list ul li {
	background: #F9F9F9;
	line-height: 1.8;
	padding: 0.5em 1em;
}
.ul_list ul, .ul_list ul li {
	list-style: none;
}
.list_time {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0.5em;
}
.ul_list ul li:nth-child(even) {
	background: #eee;
}
.ul_list ul li a {
	margin: 0;
	padding: 0.5em;
	display: block;
	color: #000;
}
.ul_list2 {
	margin: 1em 0 0 -1.5em;
}
.ul_list2 span {
	display: block;
	background: #F9F9F9;
	line-height: 1.8;
	margin: 0 0 0 24px;
	padding: 0.5em 1em;
}
.ul_list2 span:nth-child(even) {
	background: #eee;
}
.ul_list2 span a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px 0 5px auto;
	padding: 0.5rem 1rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	transition: 0.3s;
	text-align: justify;
}
.ul_list2 span a:hover {
	color: #27acd9;
	background: #fff;
}
@media only screen and (max-width: 800px) {
	.ul_list ul li time {
		font-size: 1.2em;
	}
	.ul_list ul li a {
		line-height: 1.8;
	}
}
.ul_list ul li a:hover {
	background: #27acd9;
	color: #fff;
	transition: 0.3s;
}
body.single-event .eo-event-meta {
	width: 100% !important;
	float: none !important;
}
.eo-event-past {
	border-bottom: 1px solid #ccc;
}
body.single-event .eo-event-meta {
	width: 100%;
	margin: 10px 0;
}
.entry-title {
	margin-bottom: 1em;
}
.eo-event-future, .eo-multi-day {
	border-bottom: 1px solid #000;
}
body.single-event .eo-event-venue-map {
	width: 100% !important;
	float: none;
	margin: 1em 0;
}
.entry-meta {
	display: none !important;
}
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody td .fc-day-grid-event {
	display: block;
	margin-bottom: 5px;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
	font-feature-settings: "palt";
	text-decoration: none;
	letter-spacing: 0;
	overflow: hidden;
}
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody td .fc-day-grid-event:hover {
	background: #fff !important;
	color: #27ACD9 !important;
}
.post, .entry-header, .page-title {
	margin: 1em 0;
}
.post {
	line-height: 2;
}
.fc-title {
	font-size: 1.2em;
}
.list_time, time {
	color: #236478;
	font-weight: bold;
	margin: 1em 0.5em;
}
.fc-content .fc-time {
	display: none;
}
.eo-event-meta a {
	background: #27ACD9;
	color: #fff !important;
	display: inline-block !important;
	border-radius: 5px;
	border: 1px solid #27ACD9;
	padding: 2px 10px !important;
	line-height: 1;
}
@media screen and (max-width: 800px) {
	.eo-event-meta a {
		display: block !important;
	}
}
.eo-event-meta a:hover {
	background: #fff !important;
	color: #27ACD9 !important;
}
.fc-left h2 {
	font-size: 1.2em !important;
	font-weight: bold !important;
}
/* 地図の高さを指定
 * --------------------------- */
.eo-venue-map {
	min-height: 400px !important;
}
.eventorganiser-event-meta {
	margin-bottom: 2em;
}
.syosai_txt {
	background: #F9F9F9;
	line-height: 120%;
	margin-top: -1em;
	padding: 0.5em 1em 1em 2em;
}
/*土曜日の色を変える*/
/*.fc-day-header .fc-widget-header .fc-sat,*/
/*
td .fc-sat {
	background:#e8f8ff!important;
}
*/
.fc-sat {
	color: #00F;
	/*color: #356e88;*/
	background: #e8f8ff;
}
/*日曜日の色を変える*/
/*.fc-day-header .fc-widget-header .fc-sun,*/
.fc-sun {
	color: #7f1311;
	background: #fff2f2;
}
.eo-fullcalendar-reset.fc-unthemed .fc-today {
	font-weight: bold;
}
.eo-event-content {
	background: #fff;
	padding: 0.5em;
}
.event_contents {
	background: #fff;
	padding: 0.5em;
}
/*
.event_contents ul{
	margin: 0;
	padding: 0;
}
*/
.event_contents ul li {
	/*	margin-left: 1.5em;
	padding: 0;*/
}
/* ---------------------------
 * コンタクトフォーム（メールフォーム）
 * --------------------------- */
/*スマートフォン表示の際はラベルと入力部品が縦に並ぶようにする*/
@media screen and (max-width: 480px) {
	body .wpcf7 input[type="text"], body .wpcf7 input[type="email"], body .wpcf7 input[type="url"] {
		width: 100%;
	}
	/*スマホ時に送信ボタン大きく。*/
	body .wpcf7 .wpcf7-submit {
		width: 50%;
		font-size: 1.5em;
	}
}
/* フォーム幅を95%に
 * --------------------------- */
body .wpcf7 {
	width: 95%;
	max-width: 640px;
	margin: 0 auto;
}
/* ラベルを左寄せに、文字サイズ変更
 * --------------------------- */
.wpcf7 label {
	float: left;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0.5em;
	padding: 0.5em;
}
/* 必須印の色とサイズを指定
 * --------------------------- */
.wpcf7 label span, .wpcf7 .cap span {
	font-size: 0.9em;
	color: #F4524D;
}
/* フォーム部品を右にフロート、幅を7割程度に
 * --------------------------- */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"] {
	float: right;
	width: 75%;
}
/* フロート解除
 * --------------------------- */
.wpcf7 p, .wpcf7 span {
	clear: left;
}
/* 入力フォームのデザインをカスタマイズ
 * --------------------------- */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea {
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 0.5em;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .1) inset;
}
/* テキストエリアを幅100%に
 * --------------------------- */
.wpcf7 textarea {
	width: 100%;
}
/* 親要素に中央揃えを適用し、送信ボタンを真ん中に寄せます */
body .wpcf7 .contact_submit {
	text-align: center;
}
/* 送信ボタンを相対サイズに。ディフォルトのmarginを取り除く */
.wpcf7 .wpcf7-submit {
	width: 20%;
	margin-right: 0;
	font-size: 1.3em;
	max-width: 300px;
}
/* 送信ボタンにマウスカーソルが乗った時の処理 */
.wpcf7-submit:hover {
	background-color: #3D4045;
	color: #fff;
}
/* エラーの表示を中央寄せ・幅100%表示にします */
.wpcf7-response-output, div.wpcf7-validation-errors {
	width: 100%;
	text-align: center;
}
/* ロード中画像をブロック要素にして中央に寄せます */
div.wpcf7 img.ajax-loader {
	display: block;
	margin: 0 auto;
}
/* ディフォルトのエラー文章を非表示にします */
.wpcf7 span.wpcf7-not-valid-tip {
	display: none;
}
/* エラーの発生したフォームを赤背景にします */
body .wpcf7 .wpcf7-not-valid {
	background: pink;
}
/* スマートフォン表示の際はラベルと入力部品が縦に並ぶようにする*/
@media screen and (max-width: 480px) {
	body .wpcf7 input[type="text"], body .wpcf7 input[type="email"], body .wpcf7 input[type="url"] {
		width: 100%;
	}
	/*スマホ時に送信ボタン大きく。*/
	body .wpcf7 .wpcf7-submit {
		width: 50%;
		font-size: 1.5em;
	}
}
@media only screen and (max-width: 800px) {
	/* ---------------------------
	 * フォーム幅を95%に */
	body .wpcf7 {
		width: 95%;
		max-width: 640px;
		margin: 0 auto;
	}
	/* ---------------------------
	 * ラベルを左寄せに、文字サイズ変更 */
	.wpcf7 label {
		float: left;
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 0.5em;
		padding: 0.5em;
	}
	/* ---------------------------
	 * 必須印の色とサイズを指定 */
	.wpcf7 label span, .wpcf7 .cap span {
		font-size: 0.9em;
		color: #F4524D;
	}
	/* ---------------------------
	 * フォーム部品を右にフロート、幅を7割程度に */
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"] {
		float: right;
		width: 75%;
	}
	/* フロート解除
	 * --------------------------- */
	.wpcf7 p, .wpcf7 span {
		clear: left;
	}
	/* 入力フォームのデザインをカスタマイズ
	 * --------------------------- */
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea {
		background-color: #fff;
		color: #333;
		border: 1px solid #ccc;
		font-size: 1em;
		padding: 0.5em;
		border-radius: 0px;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, .1) inset;
	}
	/* テキストエリアを幅100%に
	 * --------------------------- */
	.wpcf7 textarea {
		width: 100%;
	}
	/* 親要素に中央揃えを適用し、
	 * 送信ボタンを真ん中に寄せる
	 * --------------------------- */
	body .wpcf7 .contact_submit {
		text-align: center;
	}
	/* 送信ボタンを相対サイズに。
	 * ディフォルトのmarginを取り除く
	 * --------------------------- */
	.wpcf7 .wpcf7-submit {
		width: 20%;
		margin-right: 0;
		font-size: 1.3em;
		max-width: 300px;
	}
	/* 送信ボタンにマウスカーソルが乗った時の処理
	 * --------------------------- */
	.wpcf7-submit:hover {
		background-color: #3D4045;
		color: #fff;
	}
	/* エラーの表示を中央寄せ・幅100%表示
	 * --------------------------- */
	.wpcf7-response-output, div.wpcf7-validation-errors {
		width: 100%;
		text-align: center;
	}
	/* ロード中画像をブロック要素にして中央に寄せます
	 * --------------------------- */
	div.wpcf7 img.ajax-loader {
		display: block;
		margin: 0 auto;
	}
	/* ディフォルトのエラー文章を非表示にします
	 * --------------------------- */
	.wpcf7 span.wpcf7-not-valid-tip {
		display: none;
	}
	/*エラーの発生したフォームを赤背景にします*/
	body .wpcf7 .wpcf7-not-valid {
		background: pink;
	}
}
/* ===========================
 * Wordpressの入力画面用
 * =========================== */
.alignright {
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
}
.alignleft {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote {
	margin: 10px;
	padding: 10px;
	border: 2px dotted #D4D4D4;
}
@media only screen and (max-width: 800px) {
	blockquote {
		color: #2b2b2b;
		line-height: 1.5;
		margin-bottom: 0px;
		position: relative;
		padding: 10px 10px 0px 10px;
		border: 1px dotted #333;
		background: #f5f5f5;
		margin-bottom: 20px;
	}
}
/* ---------------------------
 * スライドショー(MetaSlider)
 * --------------------------- */
.metaslider .caption-wrap {
	top: 0;
	height: 6em;
	background: white !important;
}
@media only screen and (max-width: 800px) {
	.metaslider {
		top: 3em;
		margin-bottom: 3em;
	}
}
.metaslider .caption {
	text-align: center;
	top: 0;
	margin-top: 0.5em;
	letter-spacing: 0.12em;
	font-size: 4em !important;
	color: #019FE8;
	padding: 0.5em;
	background: rgba(255, 255, 255, 0.7) !important;
}
@media only screen and (max-width: 800px) {
	.metaslider .caption-wrap {
		height: 3em;
	}
	.metaslider .caption {
		font-size: 1.5em !important;
	}
}
/* ---------------------------
 * スライドショー(XOスライダー)
 * --------------------------- */
.xo-slider-template-default {
	position: relative;
}
.xo-slider {
	background-color: transparent !important;
}
.xo-slider-template-default .slide-content-title {
	text-align: center;
	margin-top: 0.5em;
	letter-spacing: 0.12em;
	font-size: 4em !important;
	color: #019FE8;
	padding: 0.5em;
	background: rgba(255, 255, 255, 0.7);
	/*	-webkit-text-stroke: 1px rgba(255,255,255,1);
	text-shadow: 0 0 0.2em rgba(255,255,255,1);*/
	/*text-shadow: 0 0.05em 0.08em rgba(255,255,255,0.7);*/
}
@media only screen and (max-width: 800px) {
	.xo-slider-template-default .slide-content-title {
		text-align: center;
		font-size: 2em !important;
		margin-top: 0;
		padding: 0.2em;
	}
}
.xo-slider-template-default .slide-content-subtitle {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	color: #E87104;
	padding: 0.2em;
	background: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 800px) {
	.xo-slider-template-default .slide-content-subtitle {
		font-size: 70% !important;
	}
}
.content-area {
	margin: 0 5px;
}
.content-area article {
	margin-bottom: 3em;
}
.venue-archive-meta {
	margin-left: 16px;
}
/* ---------------------------
 * テンプレート確認用
 * --------------------------- */
.temp_kakunin {
	display: none;
}


/* ============================
   画像寄せ（クラシック + ブロック両対応）
   ============================ */
/* 左寄せ */
img.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
/* 右寄せ */
img.alignright,
.wp-block-image .alignright,
.wp-block-image.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
/* 中央寄せ */
img.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* ============================
   グループブロック（ブロックエディタ専用）
   ============================ */
.wp-block-group.is-layout-flex,
.wp-block-group.wp-block-group-is-layout-flex {
	display: flex;
	gap: 1em;
}

/* グループ内の配置（justify-content） */
.wp-block-group.is-content-justification-left {
	justify-content: flex-start;
}
.wp-block-group.is-content-justification-center {
	justify-content: center;
}
.wp-block-group.is-content-justification-right {
	justify-content: flex-end;
}
.wp-block-group.is-content-justification-space-between {
	justify-content: space-between;
}
.wp-block-group.is-content-justification-space-around {
	justify-content: space-around;
}
.wp-block-group.is-content-justification-space-evenly {
	justify-content: space-evenly;
}

/* 折り返し制御 */
.wp-block-group.is-nowrap {
	flex-wrap: nowrap;
}
.wp-block-group:not(.is-nowrap) {
	flex-wrap: wrap;
}


/* ---------------------------
 *
 * --------------------------- */
button.aicon_link,
button.aicon_link img{
	width:72px!important;
	height:72px!important;
}
.aicon_link {
	left: -72px!important;
    max-width: 72px!important;
    max-height: 72px!important;
}

@media only screen and (max-width: 800px) {
button.aicon_link,
button.aicon_link img{
	width:42px!important;
	height:42px!important;
}
.aicon_link {
	left: -42px!important;
    max-width: 42px!important;
    max-height: 42px!important;
}
}





/* =========================================
   Gutenbergブロック用 基本スタイルセット
   （クラシックテーマ用 / サイト全体）
   ========================================= */
/* 段落 */
.wp-block-paragraph {
	margin-bottom: 1.5em;
	line-height: 1.8;
}
/* 見出し */
.wp-block-heading {
	margin: 2em 0 1em;
	font-weight: bold;
	line-height: 1.4;
}
/* 引用 */
.wp-block-quote {
	border-left: 4px solid #ccc;
	padding-left: 1em;
	margin: 1.5em 0;
	color: #555;
	font-style: italic;
}
.wp-block-quote cite {
	display: block;
	margin-top: 0.5em;
	font-size: 0.9em;
	color: #888;
}
/* リスト */
.wp-block-list {
	margin: 1em 0 1em 1.5em;
	line-height: 1.6;
}
.wp-block-list ul,
.wp-block-list ol {
	margin-left: 1.5em;
}
/* 画像 */
.wp-block-image {
	margin: 1.5em 0;
	text-align: center;
}
.wp-block-image img {
	max-width: 100%;
	height: auto;
}
.wp-block-image.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}
.wp-block-image.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}
.wp-block-image.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* ボタン */
.wp-block-button__link {
	display: inline-block;
	padding: 0.6em 1.2em;
	border-radius: 4px;
	background: #0073aa;
	color: #fff;
	text-decoration: none;
	transition: background 0.3s;
}
.wp-block-button__link:hover {
	background: #005177;
	color: #fff;
}
/* テーブル */
.wp-block-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
}
.wp-block-table td,
.wp-block-table th {
	border: 1px solid #ddd;
	padding: 0.6em;
}
.wp-block-table th {
	background: #f5f5f5;
	font-weight: bold;
}
/* ギャラリー */
.wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 1.5em 0;
}
.wp-block-gallery .blocks-gallery-item {
	flex: 1 1 auto;
}
.wp-block-gallery img {
	width: 100%;
	height: auto;
	display: block;
}
/* グループブロック (Flex対応) */
.wp-block-group.is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
.wp-block-group.is-content-justification-center {
	justify-content: center;
}
.wp-block-group.is-content-justification-left {
	justify-content: flex-start;
}
.wp-block-group.is-content-justification-right {
	justify-content: flex-end;
}
.wp-block-group.is-content-justification-space-between {
	justify-content: space-between;
}


/* ---------------------------
 * 印刷用
 * --------------------------- */

@media print {

}