@charset "utf-8";
/* CSS Document */
.searchBox.second-common { margin-bottom: 0;}

/*-- headline ------------------------------------------------------------*/
#headline { }
@media screen and (max-width: 899px) {
	#headline { position: relative; background: #000; min-height: 300px; background: url("../img/second/headline_sp.webp") center center no-repeat; background-size: cover; }
	#headline:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-color); clip-path: polygon(0 0, 90% 0, 60% 100%, 0% 100%); z-index: 1; opacity: 0.9; }
	#headline .in { position: absolute; top: 50%; left: 4%; transform: translateY(-50%); z-index: 2; width: 70%; }
	#headline .headlin-ttl { font-size: 1.5rem; font-weight: 700; line-height: 1.4; margin-bottom: 0px; color: #fff; letter-spacing: 0.1em; position: relative; z-index: 1;}
	#headline .enTtl { font-size: 1.0rem; font-weight: 700; line-height: 1.0; margin-bottom: 0px; color: var(--sub-color); z-index: 1; }	
	
	#headline.aboutHeadline { background: url("../img/second/headline_about_sp.webp") center right no-repeat; background-size: cover }
	#headline.funHeadline { background: url("../img/second/headline_fun_sp.webp") center right no-repeat; background-size: cover }
	#headline.dantaiHeadline { background: url("../img/second/headline_dantai_sp.webp") center right no-repeat; background-size: cover }
	#headline.committeeHeadline { background: url("../img/second/headline_committee_sp.webp") center right no-repeat; background-size: cover }
	#headline.newsHeadline { background: url("../img/second/headline_news_sp.webp") center right no-repeat; background-size: cover }
	#headline.memberHeadline { background: url("../img/second/headline_member_sp.webp") center right no-repeat; background-size: cover }
	#headline.infoHeadline { background: url("../img/second/headline_info_sp.webp") center right no-repeat; background-size: cover }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline:after { clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%); }
	#headline .headlin-ttl { font-size: 2.0rem; }
	#headline .enTtl { font-size: 1.4rem; }	
}
@media screen and (min-width: 900px) {
	#headline { position: relative; background: var(--base-color); min-height: 450px; background: url("../img/second/headline_pc.webp") center right no-repeat; background-size: cover; }
	#headline:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-color); clip-path: polygon(0 0, 70% 0, 60% 100%, 0% 100%); z-index: 1; opacity: 0.9; }
	#headline .in { position: absolute; top: 50%; left: 4%; transform: translateY(-50%); z-index: 2; }
	#headline .headlin-ttl { font-size: 3.0rem; font-weight: 700; line-height: 1.7; margin-bottom: 0px; color: #fff; letter-spacing: 0.1em; position: relative; z-index: 1;}
	#headline .enTtl { font-size: 1.8rem; font-weight: 700; line-height: 1.0; margin-bottom: 0px; color: var(--sub-color); z-index: 1; }	
	
	#headline.funHeadline { background: url("../img/second/headline_fun_pc.webp") center right no-repeat; background-size: cover }
	#headline.aboutHeadline { background: url("../img/second/headline_about_pc.webp") center right no-repeat; background-size: cover }
	#headline.dantaiHeadline { background: url("../img/second/headline_dantai_pc.webp") center right no-repeat; background-size: cover }
	#headline.committeeHeadline { background: url("../img/second/headline_committee_pc.webp") center right no-repeat; background-size: cover }
	#headline.newsHeadline { background: url("../img/second/headline_news_pc.webp") center right no-repeat; background-size: cover }
	#headline.memberHeadline { background: url("../img/second/headline_member_pc.webp") top right no-repeat; background-size: cover }
	#headline.infoHeadline { background: url("../img/second/headline_info_pc.webp") center right no-repeat; background-size: cover }
}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	#headline .headlin-ttl { font-size: 2.4rem; }
	#headline .enTtl { font-size: 1.5rem; }	
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	#headline .headlin-ttl { font-size: 2.6rem; }
	#headline .enTtl { font-size: 1.6rem; }	
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	#headline .headlin-ttl { font-size: 2.8rem; }
	#headline .enTtl { font-size: 1.7rem; }	
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; padding: 10px 1%; background: #fff; border-top: 1px solid var(--base-color); border-bottom: 1px solid var(--base-color); position: relative; margin-bottom: 10vh; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs li.current { font-weight: bold; color:var(--base-color); }
#breadcrumbs li:after { content: "〉" / ""; margin-left: 20px; color: #666; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 20px; }
	#breadcrumbs li { font-size: 0.8em; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	#breadcrumbs { margin-bottom: 20px; }
}
#breadcrumbs li a         { resize: none; }
#breadcrumbs li a:link    { color:#333; text-decoration: underline; }
#breadcrumbs li a:visited { color:#333; text-decoration: underline; }
#breadcrumbs li a:hover   { color:var(--base-color); text-decoration: underline; }
#breadcrumbs li a:active  { color:#333; text-decoration: underline; }

/*-- content ------------------------------------------------------------*/
.second-common .in { max-width: 1200px; width: 96%; margin: 0 auto 10vh; padding: 0 2%;}
#school-search .in,#event-search .in { margin-bottom: 0; }

/*-- section ------------------------------------------------------------*/
.second-flex p a         { resize: none; }
.second-flex p a:link    { color:var(--base-color); text-decoration: underline; }
.second-flex p a:visited { color:var(--base-color); text-decoration: underline; }
.second-flex p a:hover   { color:var(--dark-color); text-decoration: underline; }
.second-flex p a:active  { color:var(--base-color); text-decoration: underline; }

.second-flex li a         { resize: none; }
.second-flex li a:link    { color:var(--base-color); text-decoration: underline; }
.second-flex li a:visited { color:var(--base-color); text-decoration: underline; }
.second-flex li a:hover   { color:var(--dark-color); text-decoration: underline; }
.second-flex li a:active  { color:var(--base-color); text-decoration: underline; }

@media screen and (max-width: 899px) {
	.second-flex { margin: 6%; }
	.second-flex .in-in { margin-bottom: 5vh;}
	.second-flex aside { margin-bottom: 2.5vh; }
	.second-flex aside .side-in .sp-toggle { background: var(--whitegry-color); text-align: center; padding: 5px 0; position: relative; margin-bottom: 0px; font-size: 0.9rem; }
	.second-flex aside .side-in .sp-toggle:after { content: "\f107" / ""; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.second-flex aside .side-in .sp-toggle.active:after { content: "\f106" / ""; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.second-flex aside .side-in ul li { padding: 10px; border-bottom: 1px dotted var(--lightgry-color); border-left: 5px solid var(--base-color); font-size: 0.9rem; }
	.second-flex aside .side-in .sideSubTtl { padding: 10px; border-bottom: 1px dotted var(--lightgry-color); border-left: 5px solid var(--base-color); font-size: 0.9rem; }	
	
	.second-flex aside .side-in ul li a { resize: none; display: block; width: 100%; }
	.second-flex aside .side-in ul li a:link    { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li a:visited { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li a:active  { color:#000; text-decoration: none; }
	.second-flex aside .side-in .sp-toggleContent { margin-bottom: 40px; }
	
	.second-flex aside .side-in ul li.listBox-first { margin-top: 20px;}
	.second-flex aside .side-in ul li.listBox { border-left:none; padding: 10px; border-bottom: none; margin-bottom: 10px; font-size: 0.9em; border: 1px solid var(--base-color); text-align: center; }
	.second-flex aside .side-in ul li.listBox:hover { background:var(--base-color); color: #fff; }
	.second-flex aside .side-in ul li.listBox a { resize: none; display: block; }
	.second-flex aside .side-in ul li.listBox a:link    { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox a:visited { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.listBox a:active  { color:#000; text-decoration: none; }
	
	.second-flex aside .side-in ul li.listBox:hover a { color: #fff; }
	.second-flex aside .side-in ul li.listBox:hover a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox:hover a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox:hover a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.listBox:hover a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul li.listBox.current { background: var(--dark-color); }
	.second-flex aside .side-in ul li.listBox.current a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox.current a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox.current a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	.second-flex aside .side-in ul li.listBox.current a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul li.subMenu { border-left:none; padding: 5px 0px 5px 5px; border-bottom: 1px dotted var(--lightgry-color); margin-bottom: 10px; font-size: 0.9em; padding-left: 0.75em; text-indent: -0.5em; }
	.second-flex aside .side-in ul li.current.subMenu { background: var(--base-color);}
	.second-flex aside .side-in ul li.subMenu a:before { content: "├" / ""; margin-right: 0.25em; display: inline-block; vertical-align: top; }
	.second-flex aside .side-in ul li.current.subMenu a { color: #fff; }
	
	.second-flex aside .side-in ul select { width: 100%; height: 30px; line-height: 30px; margin-bottom: 20px; border: 1px solid var(--base-color); }
	
	.second-flex main section { margin-bottom: 5vh; }
	.secondTtl01 { font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; }
	.secondTtl0102 .notice { font-size: 0.5em; background: var(--base-color); color: #fff; padding: 1px 10px; display: block; }
	.secondTtl02 { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.secondTtl03 { font-size: 1.2rem; font-weight: 700; margin-bottom: 30px; color: var(--base-color); border-bottom: 1px var(--base-color) solid; position: relative; }
	.secondTtl03 span { background: var(--base-color); color: #fff; padding: 10px 15px; margin-right: 0.5em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.secondTtl03 strong { background: var(--base-color); color: #fff; padding: 10px 15px; margin-right: 0.5em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.secondTtl04 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	.secondTtl05 { font-size: 1.0rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	
	.schoolContent h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.schoolContent h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	
	.sectionMb { margin-bottom: 5vh; }
	.baseTbl { border-top: 1px solid var(--lightgry-color); }
	.baseTbl th { padding: 10px 4%; border-bottom: 1px dotted var(--lightgry-color); text-align: center; display: block; background: var(--lightgry-color); }
	.baseTbl td { padding: 10px 4%; border-bottom: 1px solid var(--lightgry-color); text-align: left; display: block; }

	.baseTbl.baseTbl02 { border-top: 1px solid var(--lightgry-color); }
	.baseTbl.baseTbl02 th { padding: 10px 4%; border-bottom: 1px dotted var(--lightgry-color); text-align: center; display: block; background: var(--lightgry-color); }
	.baseTbl.baseTbl02 td { padding: 10px 4%; border-bottom: 1px solid var(--lightgry-color); text-align: left; display: block; }
	
	.baseTbl.histryTbl thead th { background: var(--gry-color); color: #fff; }
	.baseTbl.histryTbl thead th:nth-child(1) { width: 100%; text-align: center; }
	.baseTbl.histryTbl thead th:nth-child(2) { display: inline-block; width: 50%; text-align: center; }
	.baseTbl.histryTbl thead th:nth-child(3) { display: inline-block; width: 50%; text-align: center; }
	.baseTbl.histryTbl tbody th { border-bottom: 1px dotted var(--lightgry-color); text-align: center; display: block; background: var(--lightgry-color); }
	.histryTbl tbody td { display: inline-block; width: 50%; vertical-align: text-top; border-bottom: none; padding: 4%; }
	.histryTbl tbody td { display: inline-block; width: 50%; vertical-align: text-top; border-bottom: none; padding: 4%; }
	.histryTbl tbody td.colspan02 { width: 92%; }
	.histryTbl tbody td.colspan02-start { background: var(--base-color); color: #fff; }
	
	.sign { font-size: 1.0em; font-weight: 700; }
	.sign span { margin-left: 1em; font-size: 1.2em; }
	.sign strong { font-size: 1.2em; }
	
	.imgSolid { border: 1px solid var(--base-color); padding: 10px 10px 30px 10px; position: relative; }
	.imgSolid figcaption { position: absolute; bottom: 0; left: 0; margin-top: 0; padding: 2px 10px; background: var(--base-color); color: #fff; font-size: 0.9em; margin-bottom: 0; }
	
	.img_block { display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid var(--lightgry-color); padding-bottom: 20px; margin-bottom: 20px; }
	
	.secDl { padding-left: 1em; border-left: 3px solid var(--base-color); margin-bottom: 10px; }
	.secDl dt { font-weight: bold; color: var(--base-color); }
	.secDl dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.0rem; }
	
	.templatePage .secDl { padding-left: 1em; border-left: 3px solid var(--base-color); margin-bottom: 10px; }
	.templatePage .secDl .secDl_dt { font-weight: bold; color: var(--base-color); }
	.templatePage .secDl .secDl_dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.0rem; }
	
	.termDl { margin: 0 1%; }
	.termDl dt { background: var(--base-color); color: #fff; padding: 10px; font-size: 1.1rem; font-weight: bold; position: relative; margin-bottom: 10px; cursor: pointer; font-size: 0.9rem; }
	.termDl dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.1rem; }
	.termDl dt:after { content: "\f067" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.termDl dt.active:after { content: "\f068" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.termDl dd { padding: 0px 10px 20px; font-size: 0.9rem; }
	
	aside .postform { width: 100%; padding: 10px; max-width: 100%; margin-bottom: 20px;}
}
@media screen and (min-width: 600px) and (max-width: 899px){
	/*.second-flex aside { width: 20%; padding: 0% 2%; }
	.second-flex main { width: 66%; padding: 0% 5%; }*/
	
	.secondTtl01 { font-size: 1.6rem; font-weight: 700; margin-bottom: 20px; }
	.secondTtl02 { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.secondTtl03 { font-size: 1.2rem; font-weight: 700; margin-bottom: 30px; color: var(--base-color); border-bottom: 1px var(--base-color) solid; position: relative; }
	.secondTtl03 span { background: var(--base-color); color: #fff; padding: 10px 20px; margin-right: 0.5em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.secondTtl04 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	.secondTtl05 { font-size: 1.0rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	
	.second-flex aside .side-in ul select { width: 100%; height: 35px; line-height: 35px; }
	
	.schoolContent h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.schoolContent h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
}
@media screen and (min-width: 900px){	
	.second-flex { display: flex; justify-content: space-between; position: relative; }
	.second-flex .in-in { margin-bottom: 5vh;}
	
	.second-flex aside { width: 20%; padding: 0% 2%; margin-bottom: 10vh; }
	.second-flex aside .side-in { position: sticky; top: 10%; }
	.second-flex aside .side-in ul { margin-bottom: 20px; }
	.second-flex aside .side-in ul li { border-left: 3px solid var(--base-color); padding: 10px 10px 10px 15px; border-bottom: 1px dotted var(--lightgry-color); margin-bottom: 10px; font-size: 0.9em; cursor: pointer; }
	
	.second-flex aside .side-in .sideSubTtl { border-left: 3px solid var(--base-color); padding: 10px 10px 10px 15px; border-bottom: 1px dotted var(--lightgry-color); margin-bottom: 10px; font-size: 0.9em; cursor: pointer; }
	
	.second-flex aside .side-in ul li.subMenu { border-left:none; padding: 5px 0px 5px 5px; border-bottom: 1px dotted var(--lightgry-color); margin-bottom: 10px; font-size: 0.9em; padding-left: 0.75em; text-indent: -0.5em; }
	.second-flex aside .side-in ul li.current.subMenu { background: var(--base-color);}
	.second-flex aside .side-in ul li.subMenu a:before { content: "├" / ""; margin-right: 0.25em; display: inline-block; vertical-align: top; }
	.second-flex aside .side-in ul li.subMenu a { }
	
	.second-flex aside .side-in ul li:hover { background:var(--base-color); color: #fff; }
	.second-flex aside .side-in ul li a { resize: none; display: block; width: 100%; }
	.second-flex aside .side-in ul li a:link    { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li a:visited { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li a:active  { color:#000; text-decoration: none; }
	
	.second-flex aside .side-in ul li:hover a { color: #fff; }
	.second-flex aside .side-in ul li:hover a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li:hover a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li:hover a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li:hover a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul li.current { background:var(--dark-color); color: #fff; }
	.second-flex aside .side-in ul li.current:hover a { color: #fff; opacity: 0.7; }
	.second-flex aside .side-in ul li.current a { resize: none; display: block; }
	.second-flex aside .side-in ul li.current a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.current a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.current a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.current a:active  { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.current.subMenu a { display: inline-block; }
	
	.second-flex aside .side-in ul li.active { background:var(--base-color); color: #fff; }
	.second-flex aside .side-in ul li.active:hover a { color: #fff; opacity: 0.7; }
	.second-flex aside .side-in ul li.active a { resize: none;}
	.second-flex aside .side-in ul li.active a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.active a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.active a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.active a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul li.toggle { position: relative; }
	.second-flex aside .side-in ul li.toggle:after { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; font-family: "Font Awesome 5 Free"; content: "\f067" / ""; font-weight: 700; opacity: 0.5;}
	.second-flex aside .side-in ul li.active.toggle:after { content: "\f068" / ""; }
	
	.second-flex aside .side-in ul li.listBox-first { margin-top: 20px;}
	.second-flex aside .side-in ul li.listBox { border-left:none; padding: 0px; border-bottom: none; margin-bottom: 10px; font-size: 0.9em; border: 1px solid var(--base-color); text-align: center; height: 40px; line-height: 40px; }
	.second-flex aside .side-in ul li.listBox:hover { background:var(--base-color); color: #fff; }
	.second-flex aside .side-in ul li.listBox a { resize: none; display: block; }
	.second-flex aside .side-in ul li.listBox a:link    { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox a:visited { color:#000; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.listBox a:active  { color:#000; text-decoration: none; }
	
	.second-flex aside .side-in ul li.listBox:hover a { color: #fff; }
	.second-flex aside .side-in ul li.listBox:hover a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox:hover a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox:hover a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.second-flex aside .side-in ul li.listBox:hover a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul li.listBox.current a:link    { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox.current a:visited { color:#fff; text-decoration: none; }
	.second-flex aside .side-in ul li.listBox.current a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	.second-flex aside .side-in ul li.listBox.current a:active  { color:#fff; text-decoration: none; }
	
	.second-flex aside .side-in ul select { width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px; border: 1px solid var(--base-color); }
	
	.second-flex main { width: 76%; padding: 0% 4% 0% 0%; }
	.second-flex main section { margin-bottom: 10vh; }
	.second-flex main section .in-max { max-width: 1200px; }
	
	.secondTtl01 { font-size: 2.4rem; font-weight: 700; margin-bottom: 20px; }
	.secondTtl0102 { display: flex; align-items: center; }
	.secondTtl0102 .notice { font-size: 0.5em; background: var(--base-color); color: #fff; padding: 1px 10px; margin-right: 0.5em; }
	.secondTtl02 { font-size: 1.6rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.secondTtl03 { font-size: 1.6rem; font-weight: 700; margin-bottom: 30px; color: var(--base-color); border-bottom: 1px var(--base-color) solid; position: relative; padding-bottom: 10px; }
	.secondTtl03 span { background: var(--base-color); color: #fff; padding: 10px 20px; margin-right: 0.5em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.secondTtl03 strong { background: var(--base-color); color: #fff; padding: 10px 20px; margin-right: 0.5em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	
	.secondTtl04 { font-size: 1.4rem; font-weight: 700; margin-bottom: 30px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	.secondTtl05 { font-size: 1.3rem; font-weight: 700; color: var(--base-color); }
	
	.schoolContent h3 { font-size: 1.6rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); }
	.schoolContent h4 { font-size: 1.4rem; font-weight: 700; margin-bottom: 30px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	
	.sectionMb { margin-bottom: 5vh; }
	.baseTbl th { padding: 10px 20px; border-bottom: 3px solid var(--lightgry-color); text-align: center; white-space: nowrap; }
	.baseTbl td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); text-align: left; }
	.baseTbl thead th { border-bottom: double 1px #333; background: #fff; }
	.baseTbl tbody th { width: 20%; }
	.baseTbl tbody td { width: 40%; }
	.baseTbl tbody tr:nth-child(odd) { background: var(--whitegry-color); }
	
	.baseTbl.baseTbl02 th { padding: 10px 20px; border-bottom: 3px solid var(--lightgry-color); text-align: center; white-space: nowrap; }
	.baseTbl.baseTbl02 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); text-align: left; }
	.baseTbl.baseTbl02 th { width: 20%; }
	.baseTbl.baseTbl02 td { width: 40%; }
	.baseTbl.baseTbl02 tr:nth-child(odd) { background: var(--whitegry-color); }
	
	.baseTbl.histryTbl th { text-align: center; }
	
	.sign { font-size: 1.1em; font-weight: 700; }
	.sign span { margin-left: 1em; font-size: 1.3em; }
	.sign strong { font-size: 1.3em; }
	
	.img600 { max-width: 600px; }
	.img700 { max-width: 700px; }
	.img960 { max-width: 960px; }
	.imgSolid { border: 1px solid var(--base-color); padding: 10px 10px 30px 10px; position: relative; }
	.imgSolid figcaption { position: absolute; bottom: 0; left: 0; margin-top: 0; padding: 2px 10px; background: var(--base-color); color: #fff; font-size: 0.9em; margin-bottom: 0; }
	
	.secDl { padding-left: 1em; border-left: 3px solid var(--base-color); margin-bottom: 10px; }
	.secDl dt { font-weight: bold; color: var(--base-color); }
	.secDl dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.0rem; }
	
	.templatePage .secDl { padding-left: 1em; border-left: 3px solid var(--base-color); margin-bottom: 10px; }
	.templatePage .secDl .secDl_dt { font-weight: bold; color: var(--base-color); }
	.templatePage .secDl .secDl_dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.0rem; }
	
	.img_block { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid var(--lightgry-color); padding-bottom: 20px; margin-bottom: 20px; }
	.templatePage .img_block { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid var(--lightgry-color); padding-bottom: 20px; margin-bottom: 20px; }
	.img_block figure { min-width: 180px; width: 18%; }
	
	.termDl { margin: 0 1%; }
	.termDl dt { background: var(--base-color); color: #fff; padding: 10px; font-size: 1.0rem; font-weight: bold; position: relative; margin-bottom: 10px; cursor: pointer;}
	.termDl dt button { background: none; color: #fff; border: none; font-weight: bold; font-size: 1.0rem; }
	.termDl dt:after { content: "\f067" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.termDl dt.active:after { content: "\f068" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.termDl dd { padding: 0px 10px 20px; }
	
	aside .postform { width: 100%; padding: 10px; max-width: 100%; margin-bottom: 20px;}
}
@media screen and (min-width: 900px) and (max-width: 1089px){
	.second-flex aside { width: 24%; padding: 0% 2%; }
	.second-flex main { width: 74%; padding: 0% 2% 0 0; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px){
	.second-flex aside { width: 22%; padding: 0% 2%; }
	.second-flex main { width: 76%; padding: 0% 2% 0 0; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.second-flex aside { width: 20%; padding: 0% 2%; }
	.second-flex main { width: 76%; padding: 0% 2%; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.second-flex main { width: 78%; padding: 0% 2% 0 0; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.second-flex main { width: 78%; padding: 0% 2% 0 0; }
}
@media screen and (min-width: 1490px) and (max-width: 1589px)  {
	.second-flex main { width: 76%; padding: 0% 4% 0 0; }
}
@media screen and (min-width: 1590px) {
	.second-flex main { width: 74%; padding: 0% 6% 0 0; }
}

.second-flex aside .side-in .sideSubTtl02 { display: block; background: var(--base-color); color: #fff; text-align: center; padding: 5px; margin-bottom: 10px; font-size: 0.9rem;}

/*-- 組織体制 ------------------------------------------------------------*/
.orgList { margin-bottom: 40px; }
.orgList li { margin-bottom: 10px; }
.sub-list { padding-left: 1em; margin-bottom: 40px; }
.sub-list li { margin-bottom: 10px; padding-left: 0em; text-indent: -1.5em; }
.sub-list li:before { content: "├" / ""; margin-right: 10px; color: #000; opacity: 0.5;}
.orgList strong,.sub-list strong { margin-right: 10px;}
.group { margin-bottom: 25px; background: #fafafa; padding: 15px; border: 1px solid var(--lightgry-color); border-radius: 5px; }
.group-name { font-weight: bold; color: var(--dark-color); font-size: 1.1em; border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 10px; }
.group .sub-list { margin-bottom: 0px;} 

.pdfFile { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.pdfFile:before { content: "\f1c1" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; color:var(--red-color); margin-right: 0.5em; }

.pdfList a         { resize: none; }
.pdfList a:link    { color:var(--base-color); text-decoration: underline; }
.pdfList a:visited { color:var(--base-color); text-decoration: underline; }
.pdfList a:hover   { color:#333; text-decoration: underline; }
.pdfList a:active  { color:var(--base-color); text-decoration: underline; }
.pdfList li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-left: 1.5em; text-indent: -1.5em;}
.pdfList li:before { content: "\f1c1" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; color:var(--red-color); margin-right: 0.5em; }

.cate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.cate dt { background: var(--base-color); color: #fff; padding: 1px 10px; font-size: 0.9rem; border: 1px solid var(--base-color); }
.cate dd { background: #fff; color: var(--base-color); padding: 1px 10px; font-size: 0.9rem; border: 1px solid var(--base-color);}

/*-- 加盟団体・特別加盟団体 ------------------------------------------------------------*/
.listBox { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 5vh; }
.listBox li a { border: 1px solid var(--base-color); height: 60px; text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; line-height: 1.5; }
.listBox li a:link    { color:var(--base-color); text-decoration: none; }
.listBox li a:visited { color:var(--base-color); text-decoration: none; }
.listBox li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
.listBox li a:active  { color:var(--base-color); text-decoration: none; }

.listLink li { padding: 1px 5px; text-indent: 0px; }
.listLink li a:link    { color:var(--base-color); text-decoration: none; }
.listLink li a:visited { color:var(--base-color); text-decoration: none; }
.listLink li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
.listLink li a:active  { color:var(--base-color); text-decoration: none; }

.listLink02 li { font-size: 0.9rem; }

.tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 3px solid var(--lightgry-color); }
.tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); }

.templatePage .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 3px solid var(--lightgry-color); }
.templatePage .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); }
.templatePage .tbl01 thead th { background: none; }

.mbBorder { margin-bottom: 5vh; padding-bottom: 5vh; border-bottom: 1px solid var(--lightgry-color); }

@media screen and (max-width: 599px){
	.listBox li { width: 100%; margin-bottom: 10px; }
	.listBox li a { margin-bottom: 10px; }
	.listLink { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 2%; }
	.listLink02 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 2%; }
	.listBox li a { height: 50px; }
	
	.tbl01 { border-top: 1px solid var(--lightgry-color); width: 100%; }
	.tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 1px dotted var(--lightgry-color); display: block; background: var(--whitegry-color); }
	.tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); display: block; }
	
	.templatePage .tbl01 { border-top: 1px solid var(--lightgry-color); width: 100%; }
	.templatePage .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 1px dotted var(--lightgry-color); display: block; background: var(--whitegry-color); }
	.templatePage .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); display: block; }
}
@media screen and (min-width: 600px) and (max-width: 899px){
	.listBox li { width: calc(98% / 2); margin-right: 2%; }
	.listBox li:nth-child(2n) { margin-right: 0; }
	.listLink { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 2%; }
	.listLink02 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 2%; }
}
@media screen and (min-width: 900px){
	.listBox li { width: calc(96% / 3); margin-right: 2%; }
	.listBox li:nth-child(3n) { margin-right: 0; }
	
	.templatePage .tbl01 { width: auto; margin: 0;}
}
@media screen and (min-width: 900px) and (max-width: 1289px){
	.listLink { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 2%; }
	.listLink02 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 2%; }
}
@media screen and (min-width: 1290px) {
	.listLink { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 2%; }
	.listLink02 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px 2%; }
}

/*-- 委員会 ------------------------------------------------------------*/
@media screen and (max-width: 599px){
	.committeeList { margin: 0 auto 60px; }
	.committeeList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted var(--lightgry-color); }
	.committeeList li p { margin-bottom: 0px; font-size: 1.0rem;  }
	.committeeList li .newsDl { margin-bottom: 10px; }	
	.committeeList .newsDl { display: flex; justify-content: flex-start; align-items: center; }
	.committeeList .newsDl dt { background: var(--base-color); color: #fff; font-size: 0.8rem; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid var(--base-color); font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight:600; }
	.newsDl dd { background: #fff; color: var(--base-color); font-size: 0.8rem; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	
	.committee .tablepress { border-top: 1px solid var(--lightgry-color); width: 100%; }
	.committee .tablepress tr th { padding: 10px 20px; text-align: center; border-bottom: 1px dotted var(--lightgry-color); display: block; background: var(--whitegry-color); }
	.committee .tablepress tr td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); display: block; }
	
	.img_sp_60 { width: 60%; margin: 0 auto 20px; }
	
	.iconList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted var(--lightgry-color); }
}
@media screen and (min-width: 600px){
	.committeeList { margin: 0 auto 60px; }
	.committeeList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted var(--lightgry-color); }
	.committeeList li p { margin-bottom: 0px; font-size: 1.0rem;  }
	.committeeList li .newsDl { margin-bottom: 10px; }	
	.committeeList .newsDl { display: flex; justify-content: flex-start; align-items: center; }
	.committeeList .newsDl dt { background: var(--base-color); color: #fff; font-size: 0.8rem; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid var(--base-color); font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight:600; }
	.newsDl dd { background: #fff; color: var(--base-color); font-size: 0.8rem; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	
	.committee .tablepress { max-width: 640px; margin: 0 0 40px 0; }
	.committee .tablepress tr th { padding: 10px 20px; text-align: center; border-bottom: 3px solid var(--lightgry-color); width: 30%; white-space: nowrap; }
	.committee .tablepress tr td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); }
	.committee .tablepress.tp100 { max-width: 1000px; }
	.committee .tablepress.tpFix { table-layout: fixed; }
	
	.iconList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted var(--lightgry-color); }
}
.committeeList li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.cateTtl { font-weight: bold; border-left: 5px var(--base-color) solid; margin-bottom: 10px; padding-left: 10px; }
.committeeList02 { margin-bottom: 40px; }
.committeeList02 li { border-bottom: 1px var(--lightgry-color) dotted; margin-bottom: 10px; padding-bottom: 10px; /*padding-left: 1.5em; text-indent: -1.5em;*/ }
.committeeList02 li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.committeeList02 li a:before { content: "\f101" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; }
.committeeList02 li.pdf a:before { content: "\f1c1" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--red-color); }
.committeeList02 li.zip a:before { content: "\f1c6" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--dark-color); }
.committeeList02 li.docs a:before { content: "\f1c2" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--blue-color);  }
.committeeList02 li.excel a:before { content: "\f1c3" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--green-color);  }
.committeeList02 li .cofile_headTtl { font-weight: 700; font-size: 1.1em;}
.committeeList02 li .cofile_Memo { font-size: 0.9em; margin-top: 10px; margin-bottom: 0px; }

.iconList li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.iconList li { border-bottom: 1px var(--lightgry-color) dotted; margin-bottom: 10px; padding-bottom: 10px; /*padding-left: 1.5em; text-indent: -1.5em;*/ }
.iconList li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.iconList li a:before { content: "\f101" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; }
.iconList li.pdf a:before { content: "\f1c1" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--red-color); }
.iconList li.zip a:before { content: "\f1c6" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--dark-color); }
.iconList li.docs a:before { content: "\f1c2" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--blue-color);  }
.iconList li.excel a:before { content: "\f1c3" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; color:var(--green-color);  }

@media screen and (max-width: 1089px){
	.committeeList02 li span { display: block; margin-top: 10px; }
}
@media screen and (min-width: 1090px){
	.committeeList02 li span { float: right; }
}
.committeeList-flex { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px; }
.committeeList-flex li { border-bottom: none; padding-bottom: 0; margin-right: 2em; }

/*-- メンバー登録 ------------------------------------------------------------*/
.addContent { padding: 30px; background: var(--ivory-color); border: 1px dashed #333; border-radius: 8px; margin-bottom: 40px; width: fit-content; }
.memberBox { margin-bottom: 20px;}
.memberBox dl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.memberBox dl dt { background: var(--base-color); color: #fff; padding: 0px 10px; text-align: center; font-size: 1.1rem; font-weight: bold; }
.memberBox dl dd {color:  var(--base-color); padding: 0px 10px; font-size: 1.1rem; font-weight: bold; }

.toggleTtl { font-size: 1.1rem; font-weight: bold; position: relative; background:var(--whitegry-color); padding: 5px 10px; cursor: pointer; }
.toggleTtl:after { content: "\f107" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.toggleTtl.active:after { content: "\f106" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; }
.toggleContent .arrowList02 li { font-size: 0.9rem; margin-bottom: 5px;}

.tbl02 th { padding: 10px 20px; text-align: center; border: 1px solid var(--lightgry-color); background: var(--whitegry-color); }
.tbl02 td { padding: 10px 20px; border: 1px solid var(--lightgry-color); background: #fff; }
.tbl100 { width: 100%; }

.templatePage .tbl02 { width: auto; margin: 0; }
.templatePage .tbl02 thead { border-bottom: 3px solid var(--lightgry-color); }
.templatePage .tbl02 th { padding: 10px 20px; text-align: center; border: 1px solid var(--lightgry-color); background: var(--whitegry-color); }
.templatePage .tbl02 td { padding: 10px 20px; border: 1px solid var(--lightgry-color); background: #fff; }
.templatePage .tbl960 table { max-width: 960px; }

.faqDl { margin-bottom: 40px; }
.faqDl dt { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }
.faqDl dd { background: var(--whitegry-color); padding: 2%; margin-bottom: 20px; border-radius: 6px; }
.faqDl dt:before { content: "Q." / ""; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.1em; margin-right: 0.25em; }

/*-- スポンサー ------------------------------------------------------------*/
@media screen and (max-width: 767px){
	.second-flex aside .side-in ul li.sponsorBox { position: relative; margin-top: 20px; outline: 1px double var(--base-color); }
	.second-flex aside .side-in ul li.sponsorBox:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0px 0px 15px 15px; border-color: transparent transparent var(--base-color) transparent;}
	
	.sponsorList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorList li { width: 48%; margin-right: 4%; margin-bottom: 20px; } 
	.sponsorList li:nth-child(2n) { margin-right: 0px; }
	.sponsorList li div { margin-bottom: 10px; }
	.sponsorList li p { text-align: center; }
	.sponsorList li p span { display: block; font-size: 0.9rem; }
	
	.sponsorBox { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorBox .sponsorBox-in { width: 48%; margin-right: 4%; margin-bottom: 20px; } 
	.sponsorBox .sponsorBox-in:nth-child(2n) { margin-right: 0px; }
	.sponsorBox .sponsorBox-in .wp-block-image { margin-bottom: 10px; }
	.sponsorBox .sponsorBox-in p { text-align: center; }
	.sponsorBox .sponsorBox-in p span { display: block; font-size: 0.9rem; }
	
	.sponsorList02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorList02 li { width: 48%; margin-right: 4%; margin-bottom: 20px; } 
	.sponsorList02 li:nth-child(2n) { margin-right: 0px; }
	.sponsorList02 li div { margin-bottom: 10px; }
	.sponsorList02 li p { text-align: center; }
	.sponsorList02 li p span { display: block; font-size: 0.9rem; }
	
	.sponsorBox02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorBox02 .sponsorBox-in { width: 48%; margin-right: 4%; margin-bottom: 20px; } 
	.sponsorBox02 .sponsorBox-in:nth-child(2n) { margin-right: 0px; }
	.sponsorBox02 .sponsorBox-in .wp-block-image { margin-bottom: 10px; }
	.sponsorBox02 .sponsorBox-in p { text-align: center; }
	.sponsorBox02 .sponsorBox-in p span { display: block; font-size: 0.9rem; }
}
@media screen and (min-width: 768px){
	.second-flex aside .side-in ul li.sponsorBox { position: relative; margin-top: 20px; outline: 1px double var(--base-color); }
	.second-flex aside .side-in ul li.sponsorBox:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0px 0px 15px 15px; border-color: transparent transparent var(--base-color) transparent;}
	
	.sponsorList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorList li { width: 32%; margin-right: 2%; margin-bottom: 20px; } 
	.sponsorList li:nth-child(3n) { margin-right: 0px; }
	.sponsorList li div { margin-bottom: 10px; }
	.sponsorList li p { text-align: center; }
	.sponsorList li p span { display: block; font-size: 0.9rem; }
	
	.sponsorList02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorList02 li { width: 23.5%; margin-right: 2%; margin-bottom: 20px; } 
	.sponsorList02 li:nth-child(4n) { margin-right: 0px; }
	.sponsorList02 li div { margin-bottom: 10px; }
	.sponsorList02 li p { text-align: center; }
	.sponsorList02 li p span { display: block; font-size: 0.9rem; }
	
	.sponsorBox { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorBox .sponsorBox-in { width: 32%; margin-right: 2%; margin-bottom: 20px; } 
	.sponsorBox .sponsorBox-in:nth-child(3n) { margin-right: 0px; }
	.sponsorBox .sponsorBox-in .wp-block-image { margin-bottom: 10px; }
	.sponsorBox .sponsorBox-in p { text-align: center; }
	.sponsorBox .sponsorBox-in p span { display: block; font-size: 0.9rem; }
	
	.sponsorBox02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.sponsorBox02 .sponsorBox-in { width: 23.5%; margin-right: 2%; margin-bottom: 20px; } 
	.sponsorBox02 .sponsorBox-in:nth-child(4n) { margin-right: 0px; }
	.sponsorBox02 .sponsorBox-in .wp-block-image { margin-bottom: 10px; }
	.sponsorBox02 .sponsorBox-in p { text-align: center; }
	.sponsorBox02 .sponsorBox-in p span { display: block; font-size: 0.9rem; }
}

/*-- スポンサー ------------------------------------------------------------*/
@media screen and (max-width: 767px){
	.contactList { }
	.contactList li { margin-bottom: 40px; }
	.contactList li:nth-child(3n) { margin-right: 0;}
	.contactList li p { margin-bottom: 40px;}
	
	.listTtl { height: 40px; line-height: 40px; text-align: center; margin-bottom: 20px; color: #fff; background: #000; }
	
	.contactListBox .contactListTtl { height: 40px; line-height: 40px; text-align: center; margin-bottom: 20px; color: #fff; background: #000; }
	.contactListBox p { margin-bottom: 40px;}
	.contactListBox { margin-bottom: 40px; }
}
@media screen and (min-width: 768px){
	.contactList { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.contactList li p { margin-bottom: 40px;}
	
	.listTtl { height: 40px; line-height: 40px; text-align: center; margin-bottom: 20px; color: #fff; background: #000; }
	
	.contactListWrapper { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.contactListBox p { margin-bottom: 40px;}
	.contactListBox .contactListTtl { height: 40px; line-height: 40px; text-align: center; margin-bottom: 20px; color: #fff; background: #000; }
}
@media screen and (min-width: 768px) and (max-width: 1089px){
	.contactList li { width: 48%; margin-right: 4%; margin-bottom: 40px; }
	.contactList li:nth-child(2n) { margin-right: 0;}
	
	.contactListBox { width: 48%; margin-right: 4%; margin-bottom: 40px; }
	.contactListBox:nth-child(2n) { margin-right: 0;}
}
@media screen and (min-width: 1090px){
	.contactList li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.contactList li:nth-child(3n) { margin-right: 0;}
	
	.contactListBox { width: 31%; margin-right: 3.5%; margin-bottom: 40px; } 
	.contactListBox:nth-child(3n) { margin-right: 0;}
}

/*-- クラブ・スクール ------------------------------------------------------------*/

.tabs li a:link    { color:var(--base-color); text-decoration: none; }
.tabs li a:visited { color:var(--base-color); text-decoration: none; }
.tabs li a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
.tabs li a:active  { color:var(--base-color); text-decoration: none; }

.tabs li.current { background:var(--base-color); }
.tabs li.current a:link    { color:#fff; text-decoration: none; }
.tabs li.current a:visited { color:#fff; text-decoration: none; }
.tabs li.current a:hover   { color:#fff; text-decoration: none; background:var(--base-color); }
.tabs li.current a:active  { color:#fff; text-decoration: none; }

.schoolList li dl { display: flex; justify-content: space-between; align-items: center; }
.schoolList li dl dt { font-size: 1.1rem; border: 1px solid var(--base-color); height: 40px; padding: 0 10px; line-height: 40px; color: #fff; background: var(--base-color); }
.schoolList li dl dd { display: flex; justify-content: flex-end; align-items: center; }
.schoolList li dl dd span { margin-left: 5px; border: 1px solid var(--base-color); background: #fff; padding: 2px 15px; color:var(--base-color); font-size: 0.9rem;  }
.schoolList li div { margin-bottom: 10px; }
.schoolList li .clubTtl { color:var(--base-color); font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 1.2rem; }
.schoolList li .fa-map-location-dot { color:var(--base-color); margin-right: 0.5em; }
.schoolList li .fa-sailboat { color:var(--base-color); margin-right: 0.5em; }
.clubLevel { background: var(--ivory-color); border: 1px dashed #333; padding: 15px 20px 0px; border-radius: 6px; }
.levelCate { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.clubLevel span { background: #fff; margin-right: 0.25em; padding: 1px 10px; font-size: 0.9rem; border: 1px solid var(--lightgry-color); margin-bottom: 5px; }
.clubLevel .taisho { background: var(--base-color); border: 1px solid var(--base-color); color: #fff; }
.schoolList li .clubInTxt { margin-bottom: 20px; }

.schoolDl { display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 20px; }
.schoolDl dt { font-size: 1.1rem; border: 1px solid var(--base-color); height: 40px; padding: 0 10px; line-height: 40px; color: #fff; background: var(--base-color); margin-right: 1em; }
.schoolDl dd { display: flex; justify-content: flex-end; align-items: baseline; }
.schoolDl dd span { margin-left: 5px; border: 1px solid var(--base-color); background: #fff; padding: 2px 15px; color:var(--base-color); font-size: 0.9rem;  }

@media screen and (max-width: 767px){
	.tabs { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 40px; background:var(--ivory-color); padding: 4% 4% 0; border: 1px solid var(--lightgry-color); }
	.tabs li { border: 1px solid var(--base-color); text-align: center; line-height: 1.5; position: relative; padding: 5px 15px; margin-right: 0.25em; margin-bottom: 10px; background: #fff; }
	.tabs li span { display: block; font-size: 0.8em; }
	
	.schoolList li { margin-bottom: 40px;}
}
@media screen and (min-width: 768px){
	.tabs { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid var(--base-color); margin-bottom: 5vh;}
	.tabs li { width: calc(100%/8); height: 60px; border: 1px solid var(--base-color); border-bottom: none; border-right: none; text-align: center; line-height: 1.5; border-radius: 4px 4px 0 0; position: relative; }
	.tabs li:last-child { border-right: 1px solid var(--base-color);}
	.tabs li span { display: block; font-size: 0.8em; }
	
	.tabs li.current { height: 65px; }
	
	.tabs li a { resize: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
}
@media screen and (min-width: 768px) and (max-width: 1089px){
	.tabs li { font-size: 0.8rem; }
	.schoolList li dl dt { font-size: 1.0rem; }
	.schoolList li dl dd span { font-size: 0.8rem; }
	.clubLevel span { font-size: 0.8rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1289px){
	.tabs li { font-size: 0.85rem; }
}

@media screen and (min-width: 768px) and (max-width: 1289px){
	.schoolList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.schoolList li { width: 48%; margin-right: 4%; margin-bottom: 40px; }
	.schoolList li:nth-child(2n) { margin-right: 0%; }
}
@media screen and (min-width: 1290px){
	.schoolList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.schoolList li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.schoolList li:nth-child(3n) { margin-right: 0%; }
}

/* ギャラリー用のスタイル */
.gallery-wrap { max-width: 800px; margin: 0 auto 40px auto; }
.gallery-main { width: 100%; margin-bottom: 10px; }
.gallery-main img { width: 100%; height: 450px;  object-fit: cover;  border-radius: 4px; }
.gallery-thumbnails { display: flex; justify-content: flex-start; gap: 10px;  }
.gallery-thumbnails img { width: calc(25% - 7.5px); height: 100px; object-fit: cover; cursor: pointer; border-radius: 4px; opacity: 0.6; transition: opacity 0.3s ease, outline 0.1s ease; }
.gallery-thumbnails img:hover { opacity: 0.9; }
/* 選択中のサムネイルのスタイル */
.gallery-thumbnails img.active { opacity: 1; outline: 3px solid var(--base-color); outline-offset: -3px; }
@media screen and (max-width: 767px){
	.gallery-main img { height: 200px; }
	.gallery-thumbnails img { height: 60px; }
}
@media screen and (min-width: 768px) and (max-width: 900px){
	.gallery-main img { height: 300px; }
	.gallery-thumbnails img { height: 80px; }
}
@media screen and (min-width: 900px){
	.gallery-wrap { float: right; width: 48%; margin-left: 4%; margin-bottom: 40px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px){
	.gallery-main img { height: 300px; }
	.gallery-thumbnails img { height: 60px; }
}

@media screen and (max-width: 899px) {
	.sideSearchBox { padding: 10%; background: var(--ivory-color); border: 1px solid var(--whitegry-color);}
	.sideSearchBox .sideTtl { font-size: 0.9rem; margin-bottom: 10px; text-align: center; background: var(--gry-color); color: #fff; display: block; }
	.sideSearchBox select { padding: 5px 10px; border: 1px solid #ccc; width: 100%; margin-bottom: 10px; font-size: 0.9rem; }
	.sideSearchBox span { margin-right: 0.5em;}
	.sideSearchBox .sideMb { margin-bottom: 20px; font-size: 0.9rem; }
	.sideSearchBox input[type=text] { border: 1px solid #ccc; font-size: 0.9rem; height: 25px; line-height: 25px; width: stretch; }
	
	.flatbtn { margin-bottom: 0px; }
	.flatbtn a { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: var(--gry-color); border: var(--gry-color) 1px solid; display: block; text-align: center; background: #fff; border-bottom: #333 3px solid; border-radius: 4px; font-size: 0.8rem; }
	.flatbtn a:hover { color:#fff; background:#444; text-decoration:none; }
}
@media screen and (min-width: 900px) {
	.sideSearchBox { padding: 10%; background: var(--whitegry-color);}
	.sideSearchBox .sideTtl { font-size: 0.9rem; margin-bottom: 10px; text-align: center; background: var(--gry-color); color: #fff; display: block; }
	.sideSearchBox select { padding: 5px 10px; border: 1px solid #ccc; width: 100%; margin-bottom: 10px; font-size: 0.9rem; }
	.sideSearchBox span { margin-right: 0.5em;}
	.sideSearchBox .sideMb { margin-bottom: 20px; font-size: 0.9rem; }
	.sideSearchBox input[type=text] { border: 1px solid #ccc; font-size: 0.9rem; height: 25px; line-height: 25px; width: stretch; }
	
	.flatbtn { margin-bottom: 0px; }
	.flatbtn a { width: 80%; margin: 0 auto; height: 30px; line-height: 30px; color: var(--gry-color); border: var(--gry-color) 1px solid; display: block; text-align: center; background: #fff; border-bottom: #333 3px solid; border-radius: 4px; font-size: 0.8rem; }
	.flatbtn a:hover { color:#fff; background:#444; text-decoration:none; }
}

.second-flex p.flatbtn a         { resize: none; }
.second-flex p.flatbtn a:link    { color:var(--gry-color); text-decoration: none; }
.second-flex p.flatbtn a:visited { color:var(--gry-color); text-decoration: none; }
.second-flex p.flatbtn a:hover   { color:#fff; text-decoration: none; background: var(--gry-color); }
.second-flex p.flatbtn a:active  { color:var(--gry-color); text-decoration: none; }


/*-- ニュース タブ -------------------------------------------------------------*/
@media screen and (max-width: 599px) {	
	.newsList { width: 100%; margin: 0 auto 20px; }
	.newsList li { display: flex; justify-content: flex-start; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted var(--lightgry-color); }
	.newsList li .nlL { width: 100px; height: 100px; overflow: hidden; margin-left: 6%; display: flex; justify-content: center; align-items: center; }
	.newsList li .nlR { width: 64%; }
	.newsList li p { margin-bottom: 0px; font-size: 0.8rem;  }
	.newsList li .newsDl { margin-bottom: 10px; }
	.newsDl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.newsDl dt { background: var(--base-color); color: #fff; font-size: 10px; height: 15px; line-height: 15px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; width: 30%; }
	.newsDl dd { background: #fff; color: var(--base-color); font-size: 10px; height: 15px; line-height: 15px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; width: 70%; }
}
@media screen and (min-width: 600px) {	
	.newsList { margin: 0 auto 60px; }
	.newsList li { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted var(--lightgry-color); }
	.newsList li .nlL { width: 120px; height: 120px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-right: 20px; }
	.newsList li .nlR { width: calc(100% - 120px); }
	
	.newsList02 li .nlL { width: 120px; height: 120px; overflow: hidden; margin-right: 0px; margin-left: 20px; display: flex; justify-content: center; align-items: center; }
	.newsList02 li .nlR { width: calc(100% - 120px); }
	
	.newsList li p { margin-bottom: 0px; font-size: 0.9rem;  }
	.newsList li .newsDl { margin-bottom: 10px; }	
	.newsDl { display: flex; justify-content: flex-start; align-items: center; }
	.newsDl dt { background: var(--base-color); color: #fff; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.newsDl dd { background: #fff; color: var(--base-color); font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid var(--base-color); font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}

.no-pointer { pointer-events: none; color: #fff; margin-top: 20px; }
.searchList li { padding-bottom: 15px; margin-bottom: 15px; border-bottom:  1px dotted var(--gry-color); }

.newsDl .allCate { border: none; }
.newsDl .allCate a:after { content:"/" / ""; margin-left: 0.25em; padding-left: 0.25em; }
.newsDl .allCate a:last-child:after { display: none; margin-right: 0; padding-left: 0; }

/*-- メンバーログイン -------------------------------------------------------------*/
.loginBox { max-width: 400px; margin: 0 auto 40px; width: 100%; }
.in-loginBox { border: 1px solid var(--base-color); padding: 6% 4%; }
.loginBox .roboto { background: var(--base-color); color: #fff; padding: 5px 10px; text-align: center; margin-bottom: 10px; margin: 0 auto; }
.login-username { display: flex; align-items: center; justify-content: center; }
.login-username label { margin-right: 10px; }
.login-password { display: flex; align-items: center; justify-content: center; }
.login-password label { margin-right: 10px; }
.loginBox input[type="text"] { padding: 5px; }
.loginBox input[type="password"] { padding: 5px; }

.loginBox input[type="submit"] { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: var(--cv-color); border: none; color: #fff; height: 50px; width: 150px; cursor: pointer; }
.jsailingList { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 5vh; }
@media screen and (max-width: 767px) {	
	.jsailingList li { width: 48%; margin-right: 4%; margin-bottom: 40px; }
	.jsailingList li:nth-child(2n) { margin-right: 0; }
	
	.jsafFlex { display: flex; justify-content: flex-start; flex-direction: column; margin-bottom: 40px; margin-top: 5vh; }
	.jsafFlexL { order: 2; width: 80%; margin: 0 auto 20px; }
	.jsafFlexR { order: 1; margin-bottom: 40px;  }
}
@media screen and (min-width: 768px) {
	.jsailingList { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 5vh; }
	.jsafFlex { display: flex; justify-content: flex-start; margin-bottom: 40px; margin-top: 5vh; }
	.jsafFlexL { width: 20%; margin-right: 4%; }
	.jsafFlexR { width: 76%; }
}
@media screen and (min-width: 768px) and (max-width: 1289px) {
	.jsailingList li { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }
	.jsailingList li:nth-child(3n) { margin-right: 0; }
	
	.jsafFlexL { width: 30%; margin-right: 4%; }
	.jsafFlexR { width: 66%; }
}
@media screen and (min-width: 1290px) {
	.jsailingList li { width: 22.75%; margin-right: 3%; margin-bottom: 40px; }
	.jsailingList li:nth-child(4n) { margin-right: 0; }
}

/*-- event -------------------------------------------------------------*/ 
#event-search { margin-bottom: 5vh; }
@media screen and (max-width: 1089px) {
	.second-single { padding: 0 6% 10vh; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	.second-single  { padding: 0 4% 10vh; }
}
@media screen and (min-width: 1090px) {	
	.second-single { max-width: 1200px; width: 96%; margin: 0 auto 10vh; }
}

/*-- single -------------------------------------------------------------*/ 
.singleContent img { margin-bottom: 20px; }
.singleContent .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 3px solid var(--lightgry-color); }
.singleContent .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); }

.singleContent .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 3px solid var(--lightgry-color); }
.singleContent .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); }
.singleContent .tbl01 thead th { background: none; }

.singleContent .tbl02 th { padding: 10px 20px; text-align: center; border: 1px solid var(--lightgry-color); background: var(--whitegry-color); }
.singleContent .tbl02 td { padding: 10px 20px; border: 1px solid var(--lightgry-color); background: #fff; }
.singleContent .tbl100 { width: 100%; }

.singleContent .tbl02 { width: auto; margin: 0; }
.singleContent .tbl02 th { padding: 10px 20px; text-align: center; border: 1px solid var(--lightgry-color); background: var(--whitegry-color); }
.singleContent .tbl02 td { padding: 10px 20px; border: 1px solid var(--lightgry-color); background: #fff; }
.export a:after { content: "\f35d" / ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 0.5em;}

.border-line img { border: 1px solid #dedede; }
.gryBoxBlock { background: #f4f4f4; padding: 2%;}
.priceTxt { font-size: 1.1em; }
.priceTxt strong { color: var(--base-color); margin-left: 1em; font-size: 1.3em; }
@media screen and (max-width: 599px) {
.priceTxt { font-size: 1.0em; }
.priceTxt strong { font-size: 1.1em; }
}
@media screen and (max-width: 899px) {
	.singleContent .tbl01 { border-top: 1px solid var(--lightgry-color); width: 100%; }
	.singleContent .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 1px dotted var(--lightgry-color); display: block; background: var(--whitegry-color); }
	.singleContent .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); display: block; }
	
	.singleContent .tbl01 { border-top: 1px solid var(--lightgry-color); width: 100%; }
	.singleContent .tbl01 th { padding: 10px 20px; text-align: center; border-bottom: 1px dotted var(--lightgry-color); display: block; background: var(--whitegry-color); }
	.singleContent .tbl01 td { padding: 10px 20px; border-bottom: 1px solid var(--lightgry-color); display: block; }

	.singleContent h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-bottom: 1px var(--base-color) solid; position: relative; padding-bottom: 10px; }
	.singleContent h5 { font-size: 1.0rem; font-weight: 700; margin-bottom: 10px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
	
	.img60 { width: 60%; margin: 0 auto; }
}
@media screen and (min-width: 600px) and (max-width: 899px){
	.singleContent h4 { font-size: 1.15rem; }
	.singleContent h5 { font-size: 1.05rem; }
}
@media screen and (min-width: 900px){	
	.singleContent h4 { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; color: var(--base-color); border-bottom: 1px var(--base-color) solid; position: relative; padding-bottom: 10px; }
	.singleContent h5 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; color: var(--base-color); border-left: 5px solid var(--base-color); padding-left: 0.5em;}
}

/*-- pageSection -------------------------------------------------------------*/ 
.singleContent .topbar ul.table { margin-bottom: 5vh; }
.singleContent .topbar ul.table div { padding: 5px; border-bottom: 1px dotted #dedede; display: inline-block; }
.singleContent .topbar ul.table div.row1 { width: 100px; }
.singleContent .topbar h3 { font-size: 1.1rem; font-weight: bold; }

.templatePage ul.table { margin-bottom: 5vh; }
.templatePage ul.table li { padding: 5px; border-bottom: 1px dotted #dedede; display: inline-block; }
.templatePage ul.table li.row1 { width: 100px; }

@media screen and (max-width: 899px) {
}
@media screen and (min-width: 600px) and (max-width: 899px){
}
@media screen and (min-width: 900px){	
}

/*-- pageSection -------------------------------------------------------------*/ 
@media screen and (max-width: 899px) {
}
@media screen and (min-width: 600px) and (max-width: 899px){
}
@media screen and (min-width: 900px){	
}