/*2024*/

/*Chrome画像のぼやけ解消*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

    img {

        image-rendering: -webkit-optimize-contrast;

    }

}

.wrap-post-h3 {
	margin:20px 0;
	font-size:1.4em!important;
	font-weight:bold;
}
.wrap-post-h3 a {
	display:inline-block;
	margin-left:20px;
	margin-top: 8px;
	padding:0 18px;
	background:#000;
	color:#fff;
	font-size:0.7em;
	border-radius: 10px;
}
.wrap-post-h3 a:hover {
	background:#9F4245;
}
/*　タクソノミーリスト*/
.catorg {
	display:inline-block;
	margin:0!important;
	padding:0 15px!important;
	font-size:0.8em!important;
	color:#383838!important;
	border:1px solid #383838;
	border-radius: 10px;
	background:#FFF!important;
}
.preftaishi {
	text-align:right;
}
.preftaishi img {
	max-width:300px;
}
.backblack {
	background:#000000;
	color:#fff;
}
.backred {
	background:#8E1919;
	color:#fff;
}

#pcsubsidyboad {
	background-color:#F9FCDE;
}

/*----------------
　ヘッダー
-----------------*/
#header {
	box-shadow: 0!important;
	border:0!important;
}
.org2header {
	display:flex;
	border-top:10px solid black;
	padding:16px;
}
.org2header .title {
	flex:0 0 400px;
}
.org2header .title img {
	width:100%;
	min-height:50px;
}


.org2header .right {
	flex:1;
	display:block;
}
.org2header .right .top {
	text-align:right;
}
.org2header .right .top a {
	display:inline-block;
	color:#000000;
	padding-right:10px;
	font-size:0.9em;
}
.org2header .bottom {
	text-align:right;
}

/*プルダウンメニュー*/
.org2header .nav-menu5 {
	display:flex;
	flex:0 0 40%;
	margin-top:3px;
}

.menu-list5 {
  display: flex;

}
.menu-item5 {
  position: relative;
}

/* メニューアイテムのホバースタイル */
.menu-item5:hover .drop-menu-list5,
.drop-menu-item5:hover .drop-menu-list-child5 {
  opacity: 1; /* 不透明度を最大に */
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: visible; /* 下層メニューを表示 */
}

.menu-item5 a {
  align-items: center;
  display: flex;
  text-decoration: none; /* リンクの下線を非表示 */
	line-height:150%;
}
.menu-item5 a img {
	width:100%;
	max-width:80px;
	min-width:50px;
	border-bottom:5px solid #FFFFFF;
	transition: 0.4s;
}
.menu-item5 a img:hover {
	margin-top:0;
	border-bottom:5px solid #FFF34F;
	opacity: 1!important;
}

/* ドロップダウンメニュー */
.drop-menu5 {
  position: relative;
}
.drop-menu-item5 {
  position: relative;
}

/* ドロップダウンメニューのスタイル */
.drop-menu-list-child5 {
  background-color:#E3F9F7; /* 下層メニューの背景色 */
	border:1px solid #3EE0ED;
	font-size:0.95em;
	color:#000;
	border-radius: 10px;
}
.drop-menu-list5 {
  background-color:#fff; /* 下層メニューの背景色 */
	border:1px solid #919191;
	font-size:0.9em;
	color:#000;
	border-radius: 10px;
  left: 0;
  opacity: 0; /* 不透明度を最小に */
  position: absolute;
  top: 100%;
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: hidden; /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}

/* 下層メニューのスタイル */
.drop-menu-list-child5 {
  left: 100%;
  opacity: 0; /* 不透明度を最小に */
  position: absolute;
  top: 0;
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: hidden; /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}

.menu-item5 ul li,
.drop-menu-list-child5 ul li {
	display:block;
	width:100%;
	padding:10px;
	padding:4px 8px;
	border-bottom:1px dotted #A5A5A5;
	left:0;
	
}
.menu-item5 ul li:hover,
.drop-menu-list-child5 ul li:hover {
	background:#FFFCE0;
	opacity: 1;
	font-size:1.1em;
}
.menu-item5 ul li a:hover,
.drop-menu-list-child5 ul li a:hover {
	color:#000!important;
}
.menu-item5 ul li img,
.drop-menu-list-child5 ul li img {
	width:30px;
}


/*----------------
　トップページ
-----------------*/
.top2024 {
	padding-left:0;
	padding-right:0;
	width:100%;
}

.top2024article {
	padding:10px 20px;
	margin-top:-30px;
	width:100%!important;
}

/*スライダー　イベント*/
.slidertopblock {
	margin-top:-2.1%!important;
}

.slidercontent {
	margin-bottom:-45px;
}
.sliderevent .wpcp-single-item {
	width:100%;
	height: 600px;
	position:relative;
	margin:0!important;
	border:1px solid black!important;
	
}
.slidercontent .wpcp-single-item {
	width:100%;
	height: 300px;
	position:inherit;
	margin:0!important;
	border:1px solid black!important;
}

.sliderevent .wpcp-slide-image,
.slidercontent .wpcp-slide-image {
	width:100%;
	margin:0 auto;
}
.sliderevent .wpcp-slide-image a {
	display:block!important;
	padding:10px!important;
	width:50%!important;
	margin:0 auto!important;
}
.sliderevent .wpcp-slide-image img {
	width:80%;
	height:auto;
	object-fit:contain;
	object-position: 50% 50%!important;
	margin:0 auto!important;
	padding:0!important;
	position:absolute;
	top:5%!important;
	left:10%!important;
}
.slidercontent img {
	width:auto!important;
	height:100%!important;
	object-fit: cover!important;
	object-position: 50% 0!important;
	position:absolute;
	top:0;
	left:0;
}
.sliderevent .wpcp-all-captions {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	color:#FFFFFF!important;
	background:#000000;
	width:100%!important;
	opacity: 0.8;
	padding:8px;
	text-align:left!important;
}
.sliderevent .wpcp-post-title {
	width:100%;
	background:#000000;
	display:block;
	margin:0!important;
	padding:8px!important;
	text-align:left!important;
}
.sliderevent .wpcp-post-title h2 {
	width:100%;
	display:inline-block;
	color:#FFFFFF!important;
	margin:0!important;
	padding:0!important;
	text-align:left!important;
}
.sliderevent .wpcp-post-title a {
	width:100%;
	opacity: 1;
	color:#FFFFFF!important;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	font-size:1.4em!important;
}
.sliderevent .car-event {

}
.slidercontent .wpcp-all-captions {
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width:100%!important;
	padding:0 10px!important;
	opacity: 1;
}
.slidercontent h2 {
	width:100%;
	display:block;
	color:#111111!important;
	text-align:left;
	padding:0!important;
	background:#ffffff;
	opacity: 1;
}

.slidercontent .wpcp-post-title a {
	display:block;
	color:#131313!important;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	margin-top:3%;
	font-size:1em!important;
	text-align:left!important;
	line-height:1.3rem!important;
	padding:6px;
	background:#fff!important;
	font-weight:bold!important;
	opacity: 1!important;
	z-index:99;
	border:1px  solid #111111;
}
.slidercontent .wpcp-post-title a:hover {
	background:#E7C9CF;
}
.slidercontent .toprightname {
	position:absolute;
	top:2px;
	right:2px;
	border-radius: 5px 0 0 5px;
	display:inline-block;
	padding:5px;
	font-size:0.9em;
	opacity: 0.8;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	font-weight:bold;
}

.sliderevent .topleftname {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	text-align:center;
	margin:8px;
	padding:20px;
	font-size:1.3em;
	color:#FFFFFF;
	background:#000000;
	border-radius: 50%;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	line-height:150%!important;
}

/*TOP　イベント*/

.toppage-event {
	position:relative;
	top:0;
	left:0;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    width: 100%;
	z-index:5;
	clear:left;
}
.toppage-event > label:first-child {
	margin-left:20%;
}
.toppage-event > label {

    order: -1;
    opacity: .5;
    min-width: 30px;
    padding: 0 25px;
    border-radius: 40%;
    background-color:#909090;
    color: #fff;
    font-size: .8em;
    text-align: center;
    cursor: pointer;
	margin-bottom:18px;
	margin-right:10px;
}

.toppage-event > label:hover {
	background:#962B38;
}

.toppage-event input {
    display: none;
}

.toppage-event > div {
    display: none;
    width: 100%;
    padding:0;
}

.toppage-event label:has(:checked) {
    opacity: 1;
	background:#962B38;
}

.toppage-event label:has(:checked) + div {
    display: block;
}

.toppage-eventtitle {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width:20%;
	font-size:3.0em;
	font-weight:bold;
}
.toppage-eventlink {
	position:absolute;
	top:0;
	right:0;
	z-index:8;
	
}
.toppage-eventlink a {
	display:block;
	width:100%;
	color:#FFFFFF;
	padding:9px 15px;
	background:#000000;
}
.toppage-eventlink a:hover {
	opacity: 0.7;
}

.toppage-eventblock {
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:stretch;
	gap:30px;
	margin-top:10px;
	padding-top:10px;
}
.toppage-eventline {
	display: block;
	width:calc( 100% / 3 - 30px );
	padding:1%;
	border-radius: 30px;
	background:#FFFFFF;
}

.toppage-eventline img {
	width:100%;
	height:260px;
	object-fit: cover;
	border:1px solid #C3C3C3;
	border-radius: 30px;
}
.toppage-eventmeta {
	line-height:130%;
	margin:8px 20px;
}
.toppage-eventmeta .day {
	margin-right:10px;
	padding:0 10px;
	font-size:0.9em;
	background:#000;
	color:#FFF;
	border-radius: 8px;
}
.toppage-eventmeta .cat {
	padding:2px 10px;
	font-size:0.9em;
	background:#A0CDF7;
	color:#000;
	border-radius: 8px;
}
.toppage-eventmeta a {
	display:block;
	margin-top:8px;
	font-size:1em;
	color:#000;
}
.toppage-eventmeta a:hover {
	color:#E5373A;
}
.toppage-eventmeta .kaijyo {
	margin-top:8px;
	font-size:0.8em;
	color:#484848;
	line-height:120%;
}

/*TOP　ニュース*/
.toppage-newstitle {
	width:100%;
	display:block;
	padding-bottom:10px;
	

}
.toppage-newstitle .title {
	float:left;
		font-size:3.0em;
	font-weight:bold;
}
.toppage-newstitle .link {
	float:right;
	text-align:right;
}

.toppage-newstitle .link a {
	display:inline-block;
	width:100%;
	color:#FFFFFF;
	padding:9px 15px;
	background:#000000;
	
}
.toppage-newstitle .link a:hover {
	opacity: 0.7;
}

.toppage-newslist {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:stretch;
	justify-content: space-between;
	gap:18px;
	padding-top:10px:
}
.toppage-newslistbox {
	display:block;
	width:calc( 100% / 3 - 12px );
	justify-content: space-between;
	padding:8px;
	height:100px;
	margin-bottom:8px;
}

.toppage-newslistgrid {
	display:grid;
	width:100%;
	height:102px;
	grid-template-columns: 1.2fr 3fr;
	justify-content:space-between;
	margin:0;
	padding:0;
	margin-top:30px;
	
}
.toppage-newslistimg {
	border-radius: 18px;
	height:100px;
}

.toppage-newslistimg img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: top center;
	border-radius: 18px;
	border:1px solid #D6D6D6;
}

.toppage-newslisttext {
	width:100%;
	padding:12px;
	border-bottom:2px dotted black;
}
.toppage-newslisttext .posttype {
	font-size:0.8em;
	
	color:#676767;
}
.toppage-newslistbox:nth-child(2n) .toppage-newslisttext {
	border-bottom:2px dotted #8E1919;
}
.toppage-newslisttext .title {
	font-size:0.92em;
	line-height:150%;
	height:calc( 100% - 1em );
	vertical-align: top;
}
.toppage-newslisttext .title a {
	color:black;
	font-weight:bold;
}



.toppage-newsblock {/*以前*/
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:stretch;
	padding-top:20px;
}
.toppage-newsbox {
	display:block;
	width:calc( 100% / 3 );
	border:1px solid #000;
	background:#000;
}
.toppage-newsbox:nth-child(2n) {
	background:#8E1919;
}
.toppage-newsbox img {
	width:100%;
	height:260px;
	object-fit: cover;
	object-position: top;
}
.toppage-newstext {
	color:#fff;
	padding:10px;
	line-height:1.3em;
}

.toppage-newstext .posttype {
	font-size:0.8em;
	margin-right:15px;
}
.toppage-newstext .day {
	font-size:0.8em;
}
.toppage-newstext .title a {
	display:block;
	font-size:1em;
	padding-top:8px;
	line-height:160%;
	color:#fff;
}
/*TOPおしらせ*/
.toppage-news2block {
	width:100%;
}
.toppage-news2block .line {
	width:100%;
	display:flex;
	flex-wrap: nowrap;
	background:#DADADA;
	padding:8px 10%;
	margin-bottom:10px;
	border-radius: 10px;
}
.toppage-news2block .line .day {
	font-size:0.9em;
	margin-right:20px;
}
.toppage-news2block .line .title {}
.toppage-news2block .line .title a {
	color:#000;
}
/*TOP　コンテンツ*/
.toppage-contentsblock1 {
	display:grid;
	width:100%;
	grid-template-columns: 2fr 1fr 1fr;
	align-items: start;
	justify-content: space-between;
	margin:0;
	padding:0;
	align-items: stretch;
}
.toppage-contentsblock1 .topleft {
	border:1px solid black;
	border-collapse: collapse;
}
.toppage-contentsblock1 .topleft img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: top;
}
.toppage-contentsblock1 .topcenter {
	background:#B42E30;
	border:1px solid black;
	border-collapse: collapse;
}
.toppage-contentsblock1 .topright {
	background:#000;
	border:1px solid black;
	border-collapse: collapse;
}
.toppage-contentsblock1 .topcenter img,
.toppage-contentsblock1 .topright img {
	margin:0;
	padding:0;
	width:100%;
	height:60%;
	object-fit: cover;
	object-position: top;
}

.toppage-contentsblock2 {
	display:grid;
	width:100%;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: start;
	justify-content: space-between;
	margin:0;
	padding:0;
	align-items: stretch;
}
.toppage-contentsblock2 .imgbox {
	border:1px solid black;
	border-collapse: collapse;
}
.toppage-contentsblock2 .imgbox img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: top;
}
.toppage-contentsblock2 .txt {
	border:1px solid black;
	border-collapse: collapse;
}
.toppage-contentsblock2 .txt.black {
	background:#000;
}
.toppage-contentsblock2 .txt.red {
	background:#B42E30;
}

.toppage-contentsblock1 .topcenter .title a,
.toppage-contentsblock1 .topright .title a,
.toppage-contentsblock2 .txt .title a {
	display:block;
	margin-top:10px;
	padding:10px;
	font-size:1.2em;
	color:#FFFFFF;
}
.toppage-contentsblock1 .topcenter .comment,
.toppage-contentsblock1 .topright .comment,
.toppage-contentsblock2 .txt .comment {
	padding:0 10px 10px 10px;
	font-size:0.8em;
	line-height:120%;
	color:#E7E7E7;
}


/*----------------
　フッター
-----------------*/
.pagefooter {
	width:100%;
	background:#E3E3E3!important;
}
.pagefooterbox {
	width:1000px;
	display:block;
	margin:0 auto;
	padding:10px;
	color:#000000!important;
}
.pagefootermenu {
	font-size:90%;
	text-align:right;
	color:#000000!important;
}
.pagefootermenu a {
	padding:0 8px 8px 8px;
	color:#000000!important;
}
.pagefooterbox a:hover {
	color:#A09E9E;
}
.pagefootertitle {
	margin-top:5px;
	font-size:110%;	
	font-weight:bold;
	margin-bottom:10px;
	color:#000000!important;
}
.pagefootertitle span {
	font-size:80%;
	font-weight:100;
	color:#000000!important;
}
.pagefooteradd {
	font-size:95%;
	margin-bottom:30px;
	color:#000000!important;
}
.pagefootercopy {
	margin:10px 0;
	font-size:80%;
	color:#000000!important;
}
.sp-fixed-menu {
      display:none;
    }
/*タクソノミーページ*/

.taxnomypagetitle {
	display:inline-block;
	padding:8px 20px;
	font-size:1.2em;
	border-bottom:1px solid #FFFFFF;
}
.taxnomoypage {
	display:grid;
	width:100%;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: start;
	justify-content: space-between;
	margin:0;
	padding:0;
	align-items: stretch;
	margin-top:30px;
}
.taxnomoypage-box {
	display: block;
	margin:8px;
	padding:8px;
	border-radius: 30px;
	background:#FFFFFF;
}
.taxnomoypage-box img {
	width:100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border:1px solid #C3C3C3;
	border-radius: 30px;
}
.taxnomoypage-box .taishicatpic {
	width:100%;
	height:60px;
	text-align:right;
	border:0;
	border-radius: 10px;
	padding:4px;
	margin:0;
	background:hsla(0,0%,100%,0.81);
}
.taxnomoypage-box .taishicatpic img {
	max-height:100%;
	object-fit: contain;
	border:0;
	border-radius: 0;
	padding:0;
	margin:0;
	object-position: top center;
}
.taxnomoypage-meta {
	line-height:130%;
	margin:8px 20px;
}

.taxnomoypage-meta .day {
	padding:2px 10px;
	font-size:0.9em;
	color:gray;
	border-radius: 8px;
}
.taxnomoypage-meta a {
	display:block;
	margin-top:8px;
	font-weight:bold;
	line-height:180%;
	color:#000;
}
.taxnomoypage-meta a:hover {
	color:#E5373A;
}
.taxnomoypage-meta .kaijyo {
	font-weight:100!important;
	font-size:0.8em;
}
.onimgtop {
	position:relative;
}
.onimg {
	position:absolute;
	bottom:0;
	right:40px;
	padding:0 12px;
	background:#FF6B49;
	font-size:0.9em;
	z-index:10;
	border-radius: 10px 10px 0 0;
	border-bottom:1px solid #C3C3C3;
	color:#fff;
}
.onimg a {
	color:#fff;
}

.taxnomoypage-list {
	display:block;
	width:100%;
	padding:8px 15px;
	border-bottom:2px dotted #6D6D6D;
	font-weight:bold;
	justify-content: flex-start;
	align-items: flex-start;
}
.taxnomoypage-list span {
	display:inline-block;
	margin-right:20px;
	padding:0 20px;
	background:#919191;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
}
.taxnomoypage-list span.kikan {
	display:inline-block;
	font-size:0.9em;
	color:#646464;
	padding-left:30px;
	background:#fff;
	font-weight:100!important;
}
/*もっと見るで表示*/
.mottolist div.taxnomoypage-box.hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}
/*loop　リストタイプ*/
.looplisttype {
	padding:30px 1%;
}
.looplisttype .line {
	
	border-bottom:3px dotted #CACACA;
}
.looplisttype .line span {
	font-size:0.9em;
	color:#6E6E6E;
}
.looplisttype .line a {
	display:block;
	width:100%;
	height:100%;
	color:#000000;
	background:#fff;
	padding:8px 10px;
}
.looplisttype .line a:hover {
	background:#FFFEE6;
}


/*----------------
　　　イベント
-----------------*/
#listboad-event {
	display:block;
	background:#FBFFE1;
	text-align:left;
	margin:0;
	padding:0;
}
#listboad-event a {
	display:inline-block;
	text-align:left;
	padding:8px 40px;
	border-radius: 12px;
	font-size:24px;
}
.event-days {
	font-size:1.4em;
	font-weight:bold;
	padding:4px;
	margin:10px;
	white-space: nowrap;
}
.event-days span {
	display:inline-block;
	margin-left:1%;
	font-size:0.6em;
	border:1px solid #FD8115;
	color:#FD8115;
	padding:0 10px;
	font-weight:100;
	background:#fff;
}
.event-days span a {
	color:#FD8115;
}

/*----------------
　　　若者サポーター
-----------------*/
.swcornermenu {
	display:grid;
	width:100%;
	grid-template-columns: 3fr 4fr;
	justify-content:space-between;
	margin:0;
	padding:0;
	align-items:end;
	margin-top:30px;
	gap: 10px;

}
.swcornermenu .title {}
.swcornermenu .title img {
	max-width:90%;
}
.swcornermenu2 {
	display:block;
	width:100%;
}
.swcornermenu .menu {
	display:grid;
	width:100%;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content:space-between;
	margin:0;
	padding:0;
	align-items:end;
	gap: 10px;
}
.swcornermenu2 .menu {
	display:flex;
	width:100%;
	flex-wrap: wrap;
	align-items:stretch;
	gap: 10px;
}
.swcornermenu .menu a {
	display:block;
	text-align:center;
	color:#000;
	padding:8px;
	border-bottom:14px solid #3ea8d5;
	margin-bottom:14px;
	line-height:130%;
}
.swcornermenu2 .menu a {
	display:block;
	flex:1 0 20%;
	text-align:center;
	color:#000;
	padding:8px;
	border-bottom:14px solid #3ea8d5;
	margin-bottom:14px;
	line-height:130%;
}
.swcornermenu .menu a:hover,
.swcornermenu2 .menu a:hover {
	border-bottom:14px solid #EF3336;
}


/*サイドバーメニュー　背景白*/
.sidebarbox {
	float:left;
	background:#FFFFFF;
	margin-left:20px;
	margin-bottom:40px;
}
.sidebarbox2 {
	background:#FFFFFF;
	padding:6px;
}

.sideber-a-title {
	text-align:center;
	margin:10px;
	
}
.sideber-a-title img {
	max-width:100%;
}
.sideber-a-mtitle {
	padding:3px;
	background:#6B98F4;
	margin:8px 0;
	text-align:center;
	border-radius: 8px;
	font-size:90%;
	color:#FFFFFF!important;
}
.sideber-a-mtitle img {
	max-width:100%;
}
.sideber-a-list {
	font-size:90%;
	display:block;
	padding:0 0 0 20px;
	border-bottom:1px dotted #BABABA;
	background:url(/oks/wp-content/uploads/images/menuicon1.png) bottom left no-repeat;
}
.sideber-a-list a {
	color:black;
	font-weight:bold;
}
.sideber-a-list a:hover {
	color:#F91717;

}

/*サイドバーメニュー　背景なし*/
.sidebarbox-n {
	float:left;
	margin-left:20px;
	margin-bottom:40px;
}
.sidebarbox2-n {
	padding:6px;
}
.sidebarbox2-n p {
	font-size:0.85em;
	line-height:160%;
}
.sidebarbox2-n img {
	max-width:250px;
}
/*サイドバーメニュー　グレー枠*/
.sidebarbox-g {
	float:left;
	width:100%;
	margin-bottom:40px;
	padding-bottom:40px;
	background:#E7E7E7;
	border:1px solid #898989;
}
.sidebarbox2-g {
	padding:8px;
	font-size:0.9em;
}
.sidebarbox2-g a {
	display:block;
	margin:8px;
	padding:8px;
	text-align:center;
	background:#fff;
	border:2px solid #81A7D5;
	font-weight:bold;
	color:#476EC7;
	
}
.sidebarbox2-g a:hover {
	background:#FFDBFE;
}

/*Facebook枠*/
.fbwaku {
	margin:20px 0;
	text-align:right;
}
.fbwaku img {
	max-width:70%;
}

/*YouTuber特集*/
.youtubeheader {
	display:block;
	margin-bottom:30px;
	text-align:center;
}
.youtubeheader img {
	max-width:900px;
}
.youtubeheader p {
	display:block;
	width:100%;
	background:#E8E8E8;
	padding:8px;
	font-size:0.9em;
	text-align:left;
}

/*タグページ*/
.listindextag span {
	display:inline-block;
	margin-right:8px;
	font-size:0.8em;
	
}
.listindextag span a {
	padding:4px 12px;
	background:#47A7D5;
	color:#fff;
	border-radius: 8px;
}

.listindextype {
	padding-top:10px;
	text-align:right;
	color:#7D7D7D;
}


/*-----------------------------
　地域活動INDEX
-------------------------------*/

#indexboad {
	background:url(/oks/wp-content/uploads/top2024/activeindextop3.jpg) center center no-repeat;
	background-size:100%;
	margin:0;
	padding:0;
	height:256px;
	text-align:center;
	clear:left;
}
.indextoptitle-left {
	display:block;
	float:left;
	width:60%;
	padding:20px;
	text-align:left;
}
.indextoptitle-left a.indextopa {
	padding:8px 15px;
	font-size:130%;
	background:#A62D2F;
	border-radius: 10px;
	color:#FFFFFF
}
.indextoptitle-left a.indextopa:hover {
	background:#BB0C0F;
	color:#FFFFFF;
}
.indextoptitle-left a {
	color:#2961A4;
}
.indextoptitle-left a:hover {
	color:#628EE5;
}
.indextoptitle-left p {
	margin:20px 10px;
	font-weight:bold;
}

.indextoptitle-right {
	display:block;
	float:left;
	width:30%;
	margin:0;
	padding:0;
}
.indextoptitle-right img {
	max-width:70%;
	height:auto;
	opacity: 0.6;
}


/*-----------------------------
　若者グループリスト
-------------------------------*/


#listboad {
	background:#FFFFCC;
	margin:0;
	padding:0;
	height:256px;
	text-align:center;
	clear:left;
}
.listtoptitle-left {
	display:block;
	float:left;
	width:60%;
	padding:20px;
	text-align:left;
}
.listtoptitle-left select {
		display:inline-block;
	margin-bottom:8px;
	}
.listtoptitle-left .feas_archive_freeword {
	margin-bottom:8px;
}
.listtoptitle-left .feas-submit-button {
	background:#FC9B2E;
	color:#fff;
}
.listtoptitle-left a.listtopa {
	padding:8px 15px;
	font-size:130%;
	background:#FF8100;
	border-radius: 10px;
	color:#FFFFFF
}
.listtoptitle-left a.listtopa:hover {
	background:#F4C55F;
	color:#FFFFFF;
}
.listtoptitle-left a {
	color:#2961A4;
}
.listtoptitle-left a:hover {
	color:#628EE5;
}
.listtoptitle-left p {
	margin:20px 10px;
	font-weight:bold;
}

.listtoptitle-right {
	display:block;
	float:left;
	width:40%;
	margin:0;
	padding:0;
}
.listtoptitle-right img {
	max-width:100%;
	height:100%;
}
.listtoptitle-left .listtopsearch1 {
	margin-bottom:10px;
}
.listtoptitle-left a.about {
	color:#F56A00;
	text-decoration: underline;
}

/*シングルページ*/
.listpage-title {
	border-bottom:3px solid #FDD62E;
	font-size:1.4em;
	padding:10px 40px;
	margin-bottom:10px;
}


/*画像と表*/
.indexlistview {}
.tableline {
	display:block;
	position:relative;
}
.tableline img {
	float:left;
	width:45%;
	padding-right:10px;
	max-height:350px;
	object-fit: contain;
}
.tableline table {
	float:right;
	width:50%;
	text-align:left;
}
.tableline .snsblock {
	float:right;
	padding-top:10px;
}
.tableline .snsblock img {
	max-height:60px;
	max-width:60px;
}
.tableline img.supporter {
	position:absolute;
	top:0;
	left:0;
	width:20%;
}
.indexlistview dl {
	margin:20px 0;
}
.indexlistview dd,
.wsmemberblock dd {
	color:#000000;
}
/*若者サポータープロフィール*/
.wsmemberblock {
}
.wsmemberblock img.profile {
	width:50%;
	max-width:300px;
	max-height:400px;
	object-fit: contain;
}
.wsmemberblock_supporter {
	display:flex;
	flex-wrap:wrap;
	align-content: stretch;
	justify-content: space-between;
	gap:10px;
	text-align:left;
}
.wsmemberblock_supporter div {
	display:flex;
	width:calc( 100% / 2 - 10px );
}
.wsmemberblock_supporter div figure {
	padding:8px;
	text-align:center;
}
.wsmemberblock_supporter div figure img {
	width:100%;
	max-height:450px;
	height:100%;
	object-fit: contain;
}
.wsmemberblock_supporter div figcaption {
	padding:8px;
	font-size:0.9em;
	text-align:left;
}
.supporterlink {
	text-align:right;
	padding:10px;
}
.supporterlink a {
	display:inline-block;
	padding:10px 25px;
	background:#D7D7D7;
	color:#242B78;
	font-weight:bold;
	font-size:1.1em;
}
/*トップページリスト*/

.infotopbox {
	margin:0;
	padding:0;
	margin-top:40px;
	clear:left;
	width:100%;
}
.infotopbox-box {
	width:47%;
	margin:10px;
	float:left;
}
.infotoptitle {
	margin:10px 0;
	background:#4593FF;
	border-radius: 10px;
	text-align:center;
	font-weight:100;
	color:#FFFFFF;
	font-size:1.0em;
	padding:8px;
	}
.infotoptitle a {
	color:#FFFFFF;
}
.infotoptitle a:hover {
	color:#FDFFCC;
}
.infotoplist {
	background:#FFFFFF;
	border-radius: 10px;
	padding:10px;
}
.infotop-date {
	font-size:80%;
	color:#B3B3B3;
}
.infotop-cat {
	font-size:0.8em!important;
	color:#FFFFFF;
	background:#68A0E1;
	padding:4px 12px;
	line-height:140%;
	display:inline-block;
}
.infotop-cat2 {
	font-size:0.7em!important;
	padding:0px 8px;
	line-height:140%;
	display:inline-block;
}
.infotop-cat a {
	color:#FFFFFF;
}
.infotop-cat2 a {
	color:#6578E4;
}
.infotop-content {
	padding-bottom:5px;
	border-bottom:2px dotted #4ED1E7;
	padding-left:8px;
	font-weight:bold;
}
.infotop-content a {
	color:#515151;
}
.infotop-content a:hover {
	color:#D93538;
}

/*50音順ページ*/
.acx_asccatlist {
	display:block;
	margin:0;
	text-align:center;
	background:#D2D2D2;
}
.acx_asccatlist a {
	display:inline-block;
	margin:8px;
	padding:8px 14px;
	background:#fff;
	border-radius: 10px;
	color:#919191;
	font-weight:bold;
	font-size:1.2em;
}
.acx_asccatlist a:hover {
	background:#FFFE5E;
	color:#212121;
}
/*-----------------------------
　若者サポーター
-------------------------------*/
/*トップヘッダー*/
.suptop_header {
	width:100%;
	padding:0 5%;
	text-align:center;
	background:url("/oks/wp-content/uploads/suppage/suptitle04.png") bottom center no-repeat;
	background-size:100%;
}
.suptop_header .pc {
	display:block;
}
.suptop_header .pc img {
	width:100%;
	max-width:1200px;
}
.suptop_header .mb {
	display:none;
}
.suptop_header .mb img {
	width:100%;
}
.suptop_header_mb {
	display:none;
	text-align:center;
}
.suptop_header_mb img {
	width:70%;
}

/*サポータートップページ*/
.suptop_A {
	margin:20px 0;
	text-align:left!important!;
}
.suptop_A img.suptoptitle {
	width:30%;
	max-width:500px;
	padding-bottom:30px;
}
.suptop_A .cyuijiko {
	padding-left:5%;
}
.suptop_A .menu {
	margin:40px 0;
	display:flex;
	flex-wrap:wrap;
	align-content:stretch;
	gap:10px;
}
.suptop_A .menu .menublock {
	width:calc( 100% / 5 - 15px );
	padding:10px;
	background:#E6F7F9;
	border-radius: 20px;
}
.suptop_A .menu .menublock .top {
	text-align:center;
}
.suptop_A .menu .menublock .top img {
	width:150px;
	max-width:50%;
	padding-bottom:20px;
}
.suptop_A .menu .menublock .bottom ul {
	font-size:0.9em;
	color:#1A609A;
	border:0!important;
}.suptop_A .menu .menublock .bottom li {
	border:0!important;
}
.suptop_B .menu {
	margin:0 0 20px 0;
	display:flex;
	flex-wrap:wrap;
	align-content:stretch;
	gap:10px;
	border:1px solid #3EB9DF;
}
.suptop_B .menu .menublock {
	width:calc( 100% / 4 - 25px );
	padding:10px 8px;
	border-radius: 20px;
}
.suptop_B .menu .menublock .top {
	text-align:center;
}
.suptop_B .menu .menublock .top .number {
	text-align:left;
	font-size:2em;
}
.suptop_B .menu .menublock .top img {
	width:200px;
	max-width:70%;
}
.suptop_B .menu .menublock .bottom {
	padding:20px 10px;
	font-size:0.9em;
	line-height:140%;
}
/*----------------
　大使新着ページ
-----------------*/
.taishisetsumei {
	color:#823E3F;
	padding:8px;
}
.taishisetsumei a {
	margin:8px;
	padding:4px 12px;
	display:inline-block;
	text-decoration: underline;
	color:#941D1F!important;
	border:1px solid #941D1F;
	background:#fff;
}
.taishisetsumei a:hover {
	background:#F3F4DB;
}