/*
CTC Separate Stylesheet
Updated: 2025-04-06 00:37:34
*/


.header {
	background:#263b95;
	padding:4px;
}
.header img { width:20%;max-width:150px}
#header{ 
background: #2A7B9B;
background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}
.c-headLogo {font-family: "Zen Maru Gothic", serif; font-weight: 700;}
.has-text>.c-headLogo {
  font-weight: 700;
  font-size: .5em;
  color: #fff;
}
.mv{
	position: relative;
	margin-bottom:60px
}
.mv img{
	width: 100%;
	height: auto;
}
.mv-inner{
	width: 100%;
}
.mv-text{
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 90%;
    max-width: 600px;
	padding:.5em .5em .4em;
	background-color: rgba(255,255,255, .8);
	border-radius:8px;
	display: flex;
	align-items: center;
	font-size: min(10vw, 64px);	
	text-align:center;
}
@media screen and (min-width: 768px) {
	.mv-text{
		background-color: rgba(255,255,255, .95);
	}
}
.mv-title {	
	margin: .2em auto;
	font-size: 0.7em;
	font-weight:600;
	letter-spacing:.1em;
    text-shadow: 0 0 6px rgba(255, 255, 255, 1);
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    font-style: normal;
}

.mv-title span{ color:#2A7B9B}
.mv-subTitle {
	position: absolute;
	top: -.8em;
	left: 50%;
	translate: -50% 0;
	padding:.2em 1em;
	background-color:#f9906f;
	font-size:.34em;
	color:#fff;
	white-space: nowrap;
}
.mv-subTitle::before,
.mv-subTitle::after {
	position: absolute;
	top: 0;
	width: 0px;
	height: 0px;
	border-color: #f9906f transparent;
	border-style: solid;
	content: '';
}

.mv-subTitle::before {
	left: -8px;
	border-width: .95em 0px .95em .8em;
}

.mv-subTitle::after {
	right: -8px;
	border-width: .95em .8em .95em 0px;
}
@media screen and (min-width: 768px) {
	.mv-subTitle::before {
		left: -15px;
		border-width: 1em 0px 1em .8em;
	}
	.mv-subTitle::after {
		right: -15px;
    	border-width: 1em .8em 1em 0px;
}
}
.mv-search{
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: .5em;
	font-size: .3em;
}
.mv-search__input {
  padding: .5em .5em;
  width: calc(80% - 4em - .5em);
  border: 1px solid #333;
  font-size: 16px;
  width: 14em;
}
@media screen and (min-width: 768px) {
	.mv-search__input{
		padding: .8em 1em;
		width: calc(80% - 4em - .5em);
		border: 1px solid #333;
	}
}
.mv-search__button{
	color: #fff;
	background-color: #263b95;
	padding: .25em 0;
	width: 4em;
	box-shadow: 1px 1px 10px -4px rgba(0,0,0,.8);
	border-radius: 3px;
}
.list_top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
}
.list_top > dl {
	width: 100%;
	background: #f4f4f4;
	border-radius: 20px 20px 0 0;
}
@media screen and (min-width: 768px) {
	.list_top > dl {
		width:48%;
	}
}
.list_top dt { 
	position:relative;
	aspect-ratio: 360/75;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.list_top dt.list-title-1{
	background-image: url('/wp-content/uploads/2025/05/img01.png');
}
.list_top dt.list-title-2{
	background-image: url('/wp-content/uploads/2025/05/img03.png');
}
.list_top dt.list-title-3{
	background-image: url('/wp-content/uploads/2025/05/img10.png');
}
.list_top dt.list-title-4{
	background-image: url('/wp-content/uploads/2025/05/img02.png');
}
.list_top dt.list-title-5{
	background-image: url('/wp-content/uploads/2025/05/img05.png');
}
.list_top dt.list-title-6{
	background-image: url('/wp-content/uploads/2025/05/img04.png');
}
.list_top dt.list-title-7{
	background-image: url('/wp-content/uploads/2025/05/img06.png');
}
.list_top dt.list-title-8{
	background-image: url('/wp-content/uploads/2025/05/img09.png');
}
.list_top dt span {
	position:absolute;
	top: calc(50% - 1em);
	left:1em;
	text-shadow: 0 0 0 rgba(0, 0, 0, .9);
	font-weight: bold;
	font-size: 130%;
	color: #fff;
}
.list_top dt a {
  width: 100%;
  display: block;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.list_top dd {
	padding:.5em 1em
}
.list_top dd li a {
	color:#333;
	text-decoration:none
}

#wp-members{ margin-bottom:2rem;padding:1em;background: #f7f7f5;}
#wp-members .c-widget__title.-side{	margin:0}
#widget_wpmemwidget-5 { margin-top:.5em;}
#sidebar h2 { font-size: 1.5em;}
#sidebar .c-widget+.c-widget {  margin-top: 1.5rem;}
#sidebar fieldset {  padding: 0;border: 0;}
#sidebar .buttons {
    background: #263b95;
    width: 100%;
    margin: 1em auto;
	padding: .5em;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,.8);
    color: #fff;
}
#sidebar .div_text input { width:100%;}



#footer {
  margin-top: 4rem;
}