/* 従来レイアウトのレスポンシブ調整 */
@media screen and (max-width:768px) {
	/*----------------
	ヘッダー
	-----------------*/
	#oksheader {
		background: url(/oks/wp-content/uploads/images/header-back.jpg) repeat-x!important;
		height: 130px;
		text-align: center;
	}
	#oksheader .header-left {
		display: none;
	}
	#oksheader .header-center {
		display: inline-block;
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center;
	}
	#oksheader .header-right {
		display: none;
	}
	.header-left img,.header-right img {
		display: none;
	}

	/*ヘッダーメニュー*/
	#headerbmenu {
		display: none;
	}

	/*----------------
	フッター
	-----------------*/

	.pagefooterbox {
		width: 100%;
	}
	.pagefootermenu {
		font-size: 85%;
		text-align: right;
	}
	.pagefootermenu a {
		color: #FFFFFF;
		padding: 0 8px 8px 8px;
		font-size: 85%;
	}

	.pagefootertitle {
		margin-top: 5px;
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 10px;
		color: #FFFFFF;
	}
	.pagefootertitle span {
		font-size: 85%;
		font-weight: 100;
		color: #FFFFFF;
	}
	.pagefooteradd {
		font-size: 85%;
		margin-bottom: 30px;
		color: #FFFFFF;
	}

	/*----------------
	トップページ新着
	-----------------*/
	/*若者プレス*/

	.topnews1box {
		width: 46%;
		height: auto;
	}
	.topnews1box img {
		width: 100%;
	}

	/*イベント*/
	.topnews2box {
		width: 46%;
	}

	.topnews2box img {
		width: 100%;
	}

	/*-------------------------
	トップページ　サイト内バナー
	--------------------------*/

	.top-sitebanner img {
		width: 48%;
		margin-bottom: 4px;
		border: 2px solid #F2F2F2;
		float: left;
	}
	.top-sitebanner img:hover {
		border: 2px solid #EF3659;
	}

	/*-----------------------------
	トップページ　山形県からのお知らせ
	-------------------------------*/
	.topnews3 {
		margin: 15px 0;
		padding: 8px;
		border-radius: 10px;
		text-align: left;
	}
	.topnews3box-start {
		text-align: left;
		clear: left;

	}
	.topnews3box {
		margin: 4px;
		width: 47%;
		float: left;
		background: #FFFFFF;
		display: block;
	}
	.topnews3box:hover {
		background: #FFFCE1;
	}
	.topnews3box img {
		width: 92%;
		height: 180px;
		object-fit: cover;
		border: 1px solid #C3C3C3;
	}
	.topnews1text {
		padding: 4px;
	}
	/*----------------------
	大使ページ
	----------------------*/

	/*関連記事*/
	.taishitop_ltitle2 span {
		padding: 5px 10px;
		font-size: 1.1em;
	}
	/*-----------------------------
	トップページ　コンシェルジュ
	-------------------------------*/
	.topnews4 {
		margin: 15px 0;
		padding: 8px;
		border-radius: 10px;
		text-align: left;
	}
	.topnews4title {
		display: block;
		clear: left;
	}
	.topnews4title-left {
		width: 100%;
		text-align: center;
		float: none;
	}
	.topnews4title-left img {
		width: 99%;
		border: 1px solid #C3C3C3;
	}
	.topnews4title-right {
		width: 100%;
		text-align: center;
		float: none;
	}
	.topnews4title-right img {
		margin: 0;
		width: 100%;
		float: none;
	}
	.topnews4box-start {
		text-align: left;
		display: block;
		clear: left;
	}
	.topnews4box {
		margin: 4px;
		width: 47%;
		float: left;
		background: #FFFFFF;
		display: block;
	}
	.topnews4box:hover {
		background: #EDFDFF;
	}
	.topnews4box img {
		float: left;
		margin: 5px 8px;
		width: 200px;
		height: 180px;
		object-fit: cover;
		border: 1px solid #C3C3C3;
	}
	.topnews4text {
		font-size: 85%;
		line-height: 130%;
		margin: 0 8px;
		font-weight: bold;
	}
	.topnews4text a {
		color: black;
	}
	.topnews4text a:hover {
		color: #FF8617;
	}
	/*-----------------------------
	コンシェルジュ　若者サポーター新着
	-------------------------------*/

	.topnews5box-start {
		display: block;
		text-align: center;
		margin: 0 auto;
		background: #FFFFFF;
	}
	.topnews5box {
		text-align: center;
		padding: 3px;
		width: 98%;
	}
	.topnews5box img {
		width: 100%;
		height: 200px;
	}
	.topnews5text {
		background: #FFFFFF;
	}

	/*-----------------------------
	若者ラジオ・若者まつり
	-------------------------------*/
	#radioboad {
		background: #E6FFA2;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#radioboad img {
		max-width: 99%;
	}
	.radioread {
		margin: 10px 0;
		background: #FFFFFF;
		border-radius: 10px;
		padding: 10px;
	}
	.radioread h1 {
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.radioread p {
		margin: 6px 0;
	}
	.radiocontitle {
		margin: 20px 0 8px 0;
	}
	.radiocontitle span {
		padding: 6px 40px;
		font-size: 105%;
		background: #FF3E17;
		color: #FFFFFF;
	}

	/*-----------------------------
	チャレンジ応援事業
	-------------------------------*/
	#pcsubsidyboad {
		background-color: #73D5FF;

	}
	#pcsubsidyboad img {

	}
	#pcsubsidyboad2 {
		background: #D0000B;
		padding: 5px;
		text-align: center;
	}

	/*-----------------------------
	若者支援コンシェルジュ
	-------------------------------*/

	#conciergemenu {
		margin: 10px 0;

	}
	#conciergemenu img {
		max-width: 30%;
		display: inline-block;
	}
	#conciergemenu .txtlink a {
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	.titleread p {
		width: 100%;
	}
	.titleread p img {
		width: 30%;
		float: right;
	}

	#conciergemenu .topmenuflex {
		width: 99%;
		margin: 0 auto;
		height: auto;
		display: block;
		flex-wrap: wrap;/* これを指定する */
		justify-content: space-between;
	}
	#conciergemenu .topmenu {
		width: 100%;/* 横幅を2等分 */
		height: auto;
		display: block;/* 高さを揃えるための指定 */
		flex-direction: column;/* 高さを揃えるための指定 */
		margin: 5px;
		padding: 15px;
		text-align: left;
		background: #FFFFFF;
		border-radius: 10px;
		border: 2px solid #5E7DC4;
	}
	#conciergemenu .topmenu .title {
		margin: -15px -15px 0 -15px;
		background: #5E7DC4;
		border-radius: 8px 8px 0 0;
		padding: 8px 10px;
		font-weight: bold;
		color: #FFFFFF;
	}
	#conciergemenu .topmenu .txt {
		width: 100%;
		font-size: 0.9em;
		line-height: 130%;
		padding: 10px 10px 0 10px;
		clear: left;
	}
	#conciergemenu .topmenu .txt img {
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		float: none;
	}
	#conciergemenu .topmenu .txt .link {
		margin: 6px 0 0 0;
		text-align: right;
	}
	#conciergemenu .topmenu .txt .link a {
		display: inline-block;
		padding: 6px;
		border: 2px solid #F3F91D;
		font-size: 0.9em;
	}
	#conciergemenu .topmenu .txt .link a:hover {
		background: #FFFEE9;
	}
	.titleread {
		width: 100%;
		padding: 8px;
		background: #DBEAFF;
	}

	/*シングルページ*/
	.termbox {}
	.termbox span {
		margin: 0 4px;
		padding: 2px 10px;
		font-size: 90%;
		color: #FFFFFF;
		background: #50C7E0;
		border-radius: 10px;
	}
	/*-----------------------------
	支援制度情報
	-------------------------------*/
	#infoboad {
		margin-top: 0;
		padding-top: 10px;
	}
	#infoboad .pagetitle img {
		width: 99%;

	}
	#infoboad .pagetitle {
		width: 100%;
		text-align: left;
		position: block;
	}
	#infoboad .pagetitle img {
		width: 99%;
	}
	#infoboad .pagetitle .kokai {
		text-align: right;
		width: 100%!important;
		position: inherit;
		top: 0;
		right: 0;
	}
	/*トップページリスト*/

	.infotopbox-box {
		width: 98%;
		margin: 4px 10px;
		float: none;
	}
	.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-content {
		padding-bottom: 5px;
		border-bottom: 2px dotted #4ED1E7;
		padding-left: 8px;
		font-weight: bold;
	}

	/*リンクボタン*/
	.infotoplbutton {
		width: 100%;
		margin-top: 10px;
	}
	.infotoplbutton .flexline {
		display: block;
	}
	.infotoplbutton .flexline div {
		display: block;
		height: auto;
		flex-flowdefault;
		justify-content: center;
		align-items: center;
	}
	.infotoplbutton .flexline div.placetitle {
		width: 100%;
	}
	.infotoplbutton .flexline div.placetitle span {
	}
	.infotoplbutton .flexline div.placelink {
		width: 100%;
	}
	.infotoplbutton .flexline div.placelink a {
		display: block;
		height: auto;
		width: 100%;
	}

	.infotoplbutton .flexline div.yototitle {
		width: 100%;
	}
	.infotoplbutton .flexline div.yototitle span {
		font-size: 1.5em;
	}
	.infotoplbutton .flexline div.yotolink {
		width: 100%;
	}
	.infotoplbutton .flexline div.yotolink a {
		display: block;
		height: 100%;
		width: 100%;
	}
	.infotoplbutton .flexline div.yotolink a span {
		display: contents;
		margin-top: 0;
	}
	.infolistbuttonplace {
		font-size: 1.1em!important;
		border-radius: 10px;
		background: #2089CC!important;
		font-weight: bold;
		padding: 4px 10px;
	}
	.infolistbuttonplace a {
		color: #FFFFFF;
		font-weight: 100!important;
	}
	.infolistbuttonplace a:hover {
		color: #FFFFFF!important;
	}
	.infolistbuttonplace a:visited {
		color: #FFFFFF!important;
	}
	.infolistbuttoncat {
		padding: 6px 10px;
		border-bottom: 1px dotted #57B3D4;
		margin-bottom: 8px;
		font-size: 0.9em!important;
		color: #2D552F;
	}
	.infolistbuttoncat a {
		color: #2D552F!important;
		background: #E6FCEA;
		border-radius: 10px;
		margin-right: 10px;
		margin-bottom: 4px;
	}
	.infotoplistcon {
		margin: 4px 6px;
	}
	.infotoplistcon .title {
	}
	.infotoplistcon .title span {
		display: block;
		width: 100%;
		text-align: right;
	}
	.infotoplistcon .txt {
		display: block;
		width: 100%;
		margin: 4px;
	}
	.infotoplistcon .txt div {
		font-size: 0.9em!important;
		font-weight: 100!important;
		padding: 0 10px;
	}
	.infotoplistcon .txt div.komoku {
		width: 100%;
		border-right: 0;
		background: #EAFFFE;
	}
	.infolisth1 {
		margin-top: 20px;
		font-size: 1.2em;
		width: 100%;
		text-align: center;
		padding: 10px;
		color: #888787;
		border-bottom: 1px solid gray;
	}
	/*トグルボタン*/
	#toggleinfo1 {
		display: none;
		cursor: pointer;
	}
	#menuinfo1 {
		display: none;
	}
	#toggleinfo1:checked + #menuinfo1 {
		display: block;
	}
	#toggleinfo2 {
		display: none;
		cursor: pointer;
	}
	#menuinfo2 {
		display: none;
	}
	#toggleinfo2:checked + #menuinfo2 {
		display: inherit;
	}
	.yototitle, .placetitle {
		position: relative;
		margin: 0em 0em 0em 0em;
		float: left;
		width: 100%;
	}
	.yototitle::after, .placetitle::after {
		display: block;
		pointer-events: none;
		position: absolute;
		color: #FFFFFF;
		top: 50%;
		right: 5%;
		transform: translateY(-50%);
		content: "▼";
		font-size: 1.4em;
	}
	/*-----------------------------
	若者グループリスト
	-------------------------------*/
	#listboad {
		height: auto;
	}
	.listtoptitle-left {
		float: none;
		width: 100%;
	}
	.listtoptitle-right {
		display: block;
		float: none;
		width: 100%;
	}

	/*トップページ検索*/
	.listtop-kensaku {}

	/*若者グループ一覧*/
	.wktoplist {
		margin: 10px 0;
		background: #FFFFFF;
		border-radius: 10px;
		padding: 10px;
	}
	.wktoplistbox {}
	.wk-post-meta {}
	.wktoplist-title {
		padding: 2px 0 5px 30px;
		border-bottom: 1px dotted #666666;
	}
	.wktoplist-title a {
		color: black;
	}
	.wktoplist-title a:hover {
		color: red;
	}
	.wktoplist-meta {
		padding: 5px 0 0 20px;
	}
	.wktoplist-meta a.place {
		font-size: 80%;
		padding: 2px 8px;
		margin: 0 4px;
		background: #2F9DD9;
		color: #FFFFFF;
	}
	.wktoplist-meta a.cat {
		font-size: 80%;
		padding: 2px 8px;
		margin: 0 4px;
		background: #F4A848;
		color: #FFFFFF;
	}

	/*シングルページ*/

	.listgroupwakuleft {
		width: 100%;
		float: none;

	}
	.listcftitle {
		margin-left: 8px;
		margin-top: 20px;
	}
	.listcftitle img {
		height: 20px;
		width: auto;
	}

	.listcflink img {
		max-height: 30px;
		width: auto;
	}
	.listgroupwakuright {
		display: block;
		width: 100%;
		float: none;
		padding-left: auto;
	}
	.list-thumb {
		display: block;
		margin-top: 30px;
	}
	.list-thumb img {
		max-width: 100%;
	}

	/*----------------
	若者まつり
	-----------------*/
	/*サイドバー*/
	.topnews-festa {
		width: 99%;
		margin: 8px;
		padding: 0;
	}

	.topnews-festatitle img {
		max-width: 30%;
	}

	/*----------------
	チャレンジ応援事業
	-----------------*/
	/*サイドバー*/
	.topnews-subsidy {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 3px solid #73D5FF;
		border-radius: 10px;
		background: #FFFFFF;
	}
	.topnews-subsidytitle {
		padding: 10px 0;
		text-align: center;
		border-bottom: 5px solid #73D5FF;
	}
	.topnews-subsidytitle a {
		font-size: 90%;
		font-weight: bold;
		color: #73D5FF;
	}

	/*----------------
	お知らせ系
	-----------------*/
	/*サイドバー*/
	.topnews-day {
		width: 100%;
		margin: 0;
		padding: 0;

	}
	.topnews-daytitle {
		padding: 3px 0;
		text-align: center;
		background: #4A88E8;
		fonr-size: 1.0em;
		color: #FFFFFF;
	}

	.topnews-daytitle img {
		max-width: 100%;
		padding: 8px;
		border: 1px solid #E1E1E1;
	}
	.topnews-daybox {
		width: 100%;
		text-align: center;
		margin: 0;
		border: 1px solid #C2C2C2;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
		margin-bottom: 10px;
		background: #FFFFFF;
	}
	.topnews-daybox:hover {
		background: #D7FFFE;
	}
	.topnews-daybox img {
		width: 100%;
		padding: 8px;
		border: 1px solid #E1E1E1;
	}
	.topnews-daytext {
		font-size: 0.8em;
		color: #3C76BC;
		text-align: left;
		line-height: 130%;
		padding: 3px 5px;
		margin: 10px;
		font-weight: bold;
	}
	.topnews-daytext a {
		font-size: 1.0em;
		color: #000000;
	}
	.topnews-daytext a:hover {
		color: #E03A3A;
	}

	/*----------------
	イベント
	-----------------*/
	#listboad-event {
		display: block;
		background: #8BD2FF;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.event-title {
		display: inline-block;
		text-align: left;
		background: #174BFF;
		padding: 8px 40px;
		border-radius: 12px;
		font-size: 24px;
		font-weight: 100;
		color: #FFFFFF;
	}
	.event-days {
		font-size: 16px;
		font-weight: bold;
		padding: 4px;
		margin: 10px;
		text-align: left;
	}
	/*シングルループ*/
	.orgevent-title {
		font-size: 20px;
		padding: 2px 10px;
		font-weight: bold;
	}
	.orgevent-title a {
		color: #0041E7;
	}
	.orgevent-title a:hover {
		color: #6C9AF8;
	}

	.orgevent-title span {
		margin-left: 20px;
		font-size: 16px;
		font-weight: 100;
	}
	.eo-event-date {
		font-size: 18px;
		padding: 2px 10px;
		font-weight: bold;
	}
	.orgevent-box {
		margin: 10px;
		padding: 10px;
		border: 1px solid #33D2FF;
		border-radius: 10px;
	}
	.orgevent-boximg {
		padding: 8px;
		float: none;
		width: 100%!important;
	}
	.orgevent-boximg {
		width: 100%!important;
	}

	.orgevent-descr {
		padding: 7px 0;
		font-size: 90%;
		border-top: 1px dotted #33D2FF;
	}
	.orgevent-link {
		text-align: right;
	}
	.orgevent-link span {
		display: inline-block;
	}
	.orgevent-link a {
		display: inline-block;
		padding: 3px 20px;
		background: #33D2FF;
		border-radius: 8px;
		color: #FFFFFF;
	}
	.orgevent-singletitle {
		margin: 10px;
		padding: 0 10px 10px 10px;
		text-align: left;
		font-size: 20px;
		border-bottom: 2px solid #33D2FF;
	}
	.orgevent-content {
		margin: 30px 20px 50px 20px;
		line-height: 160%;
	}

	/*----------------
	若者プレス
	-----------------*/
	#listboad-press {
		display: block;
		background: #CCCCCC;
		text-align: left;
		margin: 0;
		padding: 8px;
	}
	.press-ptitle-left {
		float: left;
	}
	.press-ptitle-left a {
		display: inline-block;
		background: #D02F00;
		padding: 8px 40px;
		border-radius: 12px;
		font-size: 24px;
		color: #FFFFFF;
	}
	.press-ptitle-right {
		float: right;
	}
	.press-ptitle-right a {
		display: inline-block;
		background: #FFFFFF;
		padding: 0 10px;
		border-radius: 10px;
		color: #D02F00;
	}
	.press-ptitle-right a:hover {
		background: #FBEBF9;
	}
	.bosyubkcolor a {
		background: #FFFFFF;
		color: #221D1D;
	}
	.bosyucolor a {
		color: #CB2D30;
	}

	/*----------------
	トップボード白
	-----------------*/
	.orgblock-white {
		display: block;
		background: #FFFFFF;
		border-radius: 10px;
		text-align: left;
		margin: 8px 0;
		padding: 20px;
	}

	/*----------------
	固定：若者まつりについて
	-----------------*/
	.mess1 {
		margin: 8px;
		padding: 10px;
		border: 1px solid #F747CA;
		border-radius: 10px;
		background: #FEFFFB;
		font-size: 150%;
		font-weight: bold;
	}

	/*----------------
	支援制度個ページ
	-----------------*/
	.fieldtable-info {}
	.fieldtable-infoimg {
		text-align: center;
	}
	.fieldtable-infoimg img {
		width: 90%;
	}

	.fieldtable-info table {
		font-size: 95%;
	}
	.fieldtable-info table th {
		padding: 12px 8px;
		background: #DAF6FC;
		font-weight: 100;
		text-align: center;
		font-size: 95%;
	}
	.fieldtable-info table td {
		padding: 12px 8px;
		line-height: 160%;
	}
	/*----------------
	支援制度タクソノミー
	-----------------*/
	.shienspace {
		width: 100%;
		margin: 20px 0;
		padding: 10px;
		background: #FFFFFF;
	}
	.shienspace-line {
		padding: 4px 10px;
		border-bottom: 1px solid #D7D7D7;
		background: #FFFFFF;
	}
	.shienspace-title {
		display: inline-block;
		font-size: 110%;
		padding: 10px;
	}
	.shienspace-title a {
		font-weight: bold;
		font-size: 1.0em;
	}
	.shienspace-title:hover {

	}

	/*----------------
	若者グループリスト
	-----------------*/
	.wakaspace {
		position: inherit;
	}

	.wakaspace-title {
		display: block;
		width: 100%;
		font-size: 100%;
		position: inherit;
		margin-left: 5px;
	}

	.termboxwk {
		display: inline-block;
		position: inherit;
		width: auto;
	}

	/*----------------
	カルーセル
	-----------------*/
	.sow-carousel-items h3 {
		border: 0!important;
		box-shadow: 0!important;
		font-size: 1.0em!important;
		text-align: left!important;
		line-height: 120%!important;
	}
	.sow-carousel-thumbnail {
		border: 1px solid #A5A5A5;
	}
	.ccelltitle {
		padding: 10px 20px;
		border: 1px solid #4293AC;
		border-radius: 8px;
		font-size: 110%;
		color: #4293AC;
	}

	.linkpage-blue {
		margin: 20px 0;
		padding: 8px;
		border: 1px solid #6FC0ED;
		background: #3EB5BF;
		text-align: center;
		font-size: 130%;
	}
	.linkpage-blue a {
		color: #FFFFFF;
	}
	.linkpage-blue a:hover {
		color: #FFFFFF;
	}
	.linkpage-blue:hover {
		background: #3B567F;
	}
	/*------------------------
	カルーセルPro　調整
	-------------------------*/

	#sp-wp-carousel-pro-id-6222 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6218 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6217 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6207 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6221 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6219 div.wpcp-single-item,
	#sp-wp-carousel-pro-id-6220 div.wpcp-single-item
	 {
		height: auto!important;

		background-blend-mode: screen!important;
		background: url(/oks/wp-content/uploads/images/noimage2.png) no-repeat top center!important;
		background-color: rgba(237,237,237,1.00)!important;

	}
	#sp-wp-carousel-pro-id-6222 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6218 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6217 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6207 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6221 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6219 div.wpcp-all-captions,
	#sp-wp-carousel-pro-id-6220 div.wpcp-all-captions
	 {
		display: block;
		margin: 0!important;
		padding: 8px!important;
		font-weight: 100!important;
		height: auto;
		background: #FFFFFF;
	}

	#sp-wp-carousel-pro-id-6222 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6218 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6217 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6207 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6221 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6220 div.wpcp-all-captions .wpcp-post-title,
	#sp-wp-carousel-pro-id-6219 div.wpcp-all-captions .wpcp-post-title
	 {
		display: block;
		font-size: 1.3em!important;
		line-height: 120%!important;
		text-align: left!important;
		padding: 0 4px 0 4px;
	}

	#sp-wp-carousel-pro-id-6222 div.wpcp-all-captions.wpcp-post-meta,
	#sp-wp-carousel-pro-id-6218 div.wpcp-all-captions .wpcp-post-meta,
	#sp-wp-carousel-pro-id-6217 div.wpcp-all-captions .wpcp-post-meta,
	#sp-wp-carousel-pro-id-6207 div.wpcp-all-captions .wpcp-post-meta,
	#sp-wp-carousel-pro-id-6221 div.wpcp-all-captions .wpcp-post-meta,
	#sp-wp-carousel-pro-id-6219 div.wpcp-all-captions .wpcp-post-meta,
	#sp-wp-carousel-pro-id-6220 div.wpcp-all-captions .wpcp-post-meta
	 {
		display: block;

		font-size: 1.1em!important;
		line-height: 110%!important;
		width: 95%!important;
		text-align: center!important;
	}
	.wpcp-wrapper-6139 {
		display: flex;
		vertical-align: top!important;
	}
	.car-event {
		display: block;
		position: static;
		top: 0;
		right: 0;
		padding: 0 9px;
		background: #010101;
		text-align: right!important;
		font-weight: bold!important;
		font-size: 1.2em!important;
		color: orange!important;
	}
	.wpcp-post-title {
		position: inherit;
	}

	.wpcp-post-title h2 {
		margin: 0!important;
		padding: 0!important;
		background: none!important;
		background-color: none!important;
		text-align: left!important;
		font-size: 1.2em!important;
		line-height: 120%;
	}
	.panel-widget-style-for-6005-2-0-0 {
		margin-bottom: 0!important;
		padding-bottom: 0!important;
	}
	.wpcp-post-meta {
		margin: 4px!important;
		padding: 0!important;
	}
	.wpcp-post-meta li {
		display: block!important;
		margin: 0 0 8px 0!important;
		padding: 0!important;
	}
	.wpcp-post-meta li a {
		margin: 0!important;
		padding: 0!important;
	}
	.width25 {
		width: 24%;
	}

	/*若者リスト　投稿ライターマーク*/
	.listriter {
		text-align: left!important;
		display: inline!important;
		width: 143px;
	}

	/*---------------------------------------
	メディア関係者および情報発信をおこなうみなさまへ
	---------------------------------------*/
	.formediatitle {
		font-size: 120%!important;
	}
	.formediaread {
		font-size: 100%;
	}

	/*----------------
	検索
	-----------------*/

	/*詳細検索ページ*/
	.kensaku-before {
		font-size: 100%;
		padding: 8px;
		float: left;
		width: 80%;
	}
	.kensaku-before h4 {
		font-weight: bold;
		border: 0!important;
	}
	.kensaku-before p {
		margin-left: 10px;
		font-size: 110%;
	}

	/*コンテンツページ*/

	.kensakubox {
		width: 100%;
		padding-bottom: 8px;
	}
	.kensakuh1 {
		padding: 4px 15px;
		background: #848484;
		color: #FFFFFF;
		border-right: #A5A5A5 2px solid;
		border-left: #A5A5A5 2px solid;
		border-borrom: #A5A5A5 2px solid;
		margin-right: 0;
		display: block;
		float: none;
	}
	.kensakuh1-white {
		padding: 3px 15px;
		background: #FFFFFF;
		color: #259CBB;
		font-weight: bold;
		display: block;
		float: none;
	}

	.kensaku-komoku {
		padding-right: 0;
		width: 100%;
		display: block;
	}
	.kensaku-komokufree {
		margin: 0;
		padding-bottom: 0;
		padding-right: 0;
		vertical-align: bottom;
		display: block;
	}
	.kensaku-click {
		padding-left: 0;
		display: block;
	}
	#feas-searchform-4 input,
	#feas-searchform-6 input,
	#feas-searchform-7 input,
	#feas-searchform-8 input {
		height: auto;
		padding: 0;
		margin: 4px;
		width: 100%;
	}

	#feas-searchform-4 select,
	#feas-searchform-6 select,
	#feas-searchform-7 select,
	#feas-searchform-8 select {
		font-size: 1.0em!important;
		height: 100%;
		width: 100%;
	}
	/*検索バー*/
	#feas-searchform-4 .kensaku-komoku {/*地域で検索*/
	display: block;
	width: 100%!important;
	margin: 4px;
	float: none;
}
#feas-searchform-4 .kensaku-komokufree {/*キーワードで検索*/
max-width:100%!important;
display:block;
width:100%!important;
margin:4px;
}
/*フリーワード検索*/

#feas-searchform-5 .freebox .freebox-click {
	padding-left: 0;
	padding-top: 8px;
	float: right;
	width: 20%;
}

/*----------------
メールマガジンシングル
-----------------*/

.contmag {
	display: block;
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
.contmagbox {
	display: inline-block;
	padding: 20px;
	border: 1px solid #8DE4FF;
	font-size: 0.8em;
	text-align: left;
}
.width25 {
	width: auto;
}

/*----------------
authorページ
-----------------*/
.author_title-thum {
	test-align: center;
}
.author_title-thum img {
	max-width: 150px;
}

/*--------------------------------------
2020.6　レイアウト変更
---------------------------------------*/

/*----------------
トップページ
-----------------*/
.topnews6-line span {
	float: none;
}
.topnews6-line span {
	width: 99%;
	float: none;
}
.topnews6-line a {
	width: 99%;
	float: none;
}
/*スライダ―*/
#pgc-6005-0-0,#pgc-6005-0-1,#pgc-6005-0-2 {
	display: block;
	width: 100%!important;
	margin-bottom: 0;
}
#pgc-6005-0-0 img,#pgc-6005-0-1 img,#pgc-6005-0-2 img {
	width: 100%!important;
	object-fit: cover;
	object-position: 50% 0;
}

.topmiraititle {
	display: inline-block;
}

/*トップページ　各タイトル*/
.topeventtitle {
	font-size: 1.2em;
	float: none;
}
.topeventbanner {
	width: 49%!important;
	margin-right: 1%;
	margin-bottom: 4px;
}

/*若者リスト　投稿ライターマーク*/
.listriter {
	width: 143px!important;
}

/*モバイルのみ設定*/

/*loop block*/
.wrap-grid-post-box .grid_post-box {
	width: 100%!important;
	float: none;
}
/*Sudeber*/
#sidebar {
	max-width: 99%;
	margin: 8px;
}
.sp-wpcp-6206 .wpcp-slide-image {
	text-align: left!important;
	max-width: 350px!important;
}
.sp-wpcp-6206 .wpcp-slide-image img {
	width: 99%!important;
	object-fit: contain;

}

/*----------------------------
20220418追加　若者サポーターリスト
----------------------------*/
.supname {
	margin-top: -10px!important;
}
/*----------------------------
20221209追加　WA-CHA
----------------------------*/
.guidebx {
	width: 100%;
}
.guidebx img {
	min-height: auto;
	max-height: auto;
}
/*----------------------------
2022トップページ
----------------------------*/
.top2022 {
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!-8px;
	margin-right: -8px;
	width: 100%;
}
.top2022article {
	padding: 10px 0;
	margin-top: -30px;
	width: 100%!important;
}
}

/* 2024年以降のレスポンシブ調整 */
@media screen and (max-width:1100px) {
	.toppage-newslistbox {
		width: calc( 100% / 2 - 12px );
	}
}
@media screen and (max-width:700px) {

	/*----------------
	ヘッダー
	-----------------*/
	#header {
		box-shadow: 0!important;
		border: 0!important;
	}
	.org2header {
		display: block;
		border-top: 10px solid black;
		padding: 16px;
	}
	.org2header .title {
		flex: none;
	}
	.org2header .title img {
		width: 100%;
	}
	.org2header .menu {
		display: block;
		width: 100%;
	}
	.org2header .menu a {
		display: inline-block;
		width: calc( 100% / 6 - 8px );
		height: 100%!important;
	}
	.org2header .right {
		display: none;
	}
	.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;
	}

	/*ナビメニュー*/
	ul.drop-menu-list5,
	ul.drop-menu-list-child5 {
		display: none;
	}
	/*----------------
	トップページ
	-----------------*/

	/*スライダー　イベント*/
	.slidertopblock {
		margin-top: 0!important;
		margin-bottom: 30px;
	}

	.slidercontent {
		margin-bottom: -48px;
	}
	.sliderevent .wpcp-single-item {
		width: 100%;
		position: relative;
		height: 100vw!important;
		margin: 8px!important;
		border: 0!important;
		text-align: left!important;
	}
	.sliderevent .wpcp-all-captions {
		margin: 0!important;
	}
	.sliderevent .wpcp-post-title {
		margin: 0!important;
		padding: 8px!important;
	}
	.sliderevent .wpcp-post-title h2 {
		margin: 0!important;
		padding: 0!important;
	}
	.sliderevent .wpcp-post-title a {
		margin: 0!important;
		padding: 0!important;
	}
	.slidercontent .wpcp-single-item {
		width: 100%;
		height: calc(100vw * 0.75 )!important;
		margin: 8px!important;
		border: 0!important;

	}
	.sliderevent .wpcp-slide-image,
	.slidercontent .wpcp-slide-image {
		width: 100%;
		margin: 0;
		padding-top: 0;
		height: 100%!important;
	}
	.sliderevent img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
	.slidercontent img {
		height: 100%!important;
		object-fit: cover;
		width: 100%;
		padding: 10%!important;
	}
	.sliderevent .wpcp-post-title h2 {
		text-align: left!important;

	}

	.slidercontent .wpcp-all-captions {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		width: 100%!important;

	}
	.slidercontent h2 {
		text-align: left!important;
	}
	.slidercontent .wpcp-post-title a {
		font-size: 16px!important;
		padding: 0!important;
		margin: 0!important;
		line-height: 160%!important;
	}
	.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);
	}

	/*TOP　イベント*/

	.toppage-event {
		position: sticky;
		top: 0;
		left: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		width: 100%!important;
		z-index: 5;
	}
	.toppage-event > label:first-child {
		margin-left: 0;
	}
	.toppage-event > label {

		order: -1;
		opacity: .5;
		min-width: 30%;
		padding: 10px;
		border-radius: 40%;
		background-color: #7D7D7D;
		color: #fff;
		font-size: .9em;
		text-align: center;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 18px;
		margin-right: 10px;
		opacity: 1!important;
	}

	.toppage-event > label:hover {
		background: #962B38;
		opacity: 1!important;
	}

	.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: inherit;
		top: 0;
		left: 0;
		z-index: 8;
		width: 100%;
		font-size: 3.0em;
		font-weight: bold;
	}
	.toppage-eventlink {
		display: block!important;
		position: inherit;
		top: 0;
		right: 100;
		z-index: 8;
		margin-bottom: 30px;

	}
	.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%!important;
		display: block!important;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0;
		margin-top: 10px;
	}
	.toppage-eventline {
		display: block!important;
		width: 98%!important;
		padding: 1%;
		border-radius: 30px;
		background: #FFFFFF;
		margin-bottom: 10px;
	}

	.toppage-eventline img {
		width: 100%!important;
		max-width: 100%!important;
		height: 100%!important;
		object-fit: cover;
		border: 1px solid #C3C3C3;
		border-radius: 30px;
		padding: 5%;
	}
	.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;
		justify-content: space-between;
		background: #E77274;
	}
	.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: block;
		height: auto;
	}
	.toppage-newslistbox {
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}

	.toppage-newslistgrid {
		height: auto;
		margin: 0;
		padding: 8px 0;
	}
	.toppage-newslistimg {
		padding-top: 0;
	}

	.toppage-newslistimg img {
		height: 100%;
	}

	.toppage-newslisttext {
		padding: 0 0 0 10px;
	}
	.toppage-newslisttext .title {
		height: auto;
	}

	.toppage-newsblock {/*以前*/
	width: 100%;
	display: block;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	padding-top: 20px;
}
.toppage-newsbox {
	display: block;
	width: calc( 100% / 1 );
	border: 1px solid #000;
	background: #000;
}
.toppage-newsbox:nth-child(2n) {
	background: #8E1919;
}
.toppage-newsbox img {
	width: 100%;
	height: auto!important;
	object-fit: contain;
	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 {
	font-size: 0.9em;
	color: #fff;
}
/*TOPおしらせ*/

/*TOP　コンテンツ*/
.toppage-contentsblock1 {
	display: block;
	margin: 8px;
}

.toppage-contentsblock2 {
	display: block;
	margin: 8px;
}

/*----------------
フッター
-----------------*/
.pagefooter {
	width: 100%;
	background: #E3E3E3!important;
}
.pagefooterbox {
	width: 100%;
	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フッターメニュー*/
/*メニューをページ下部に固定*/
.sp-fixed-menu {
	display: grid;
	position: fixed;
	width: 100%;
	bottom: 0px;
	font-size: 0;

	z-index: 99;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	align-items: start;
	justify-content: space-between;
	align-items: stretch;
}

.sp-fixed-menu a,
.sp-fixed-menu .menua {
	display: block;
	justify-content: center;
	align-items: center;
	padding: 8px;
	margin: 0;
	background: #E0E0E0;
	border-right: 1px solid #fff;

}
.sp-fixed-menu a img {
	width: 100%;
}
.sp-fixed-menu a:hover,
.sp-fixed-menu .menua:hover {
	background: #FCF9AC;
	opacity: 1;
}

/*タクソノミーページ*/

.taxnomypagetitle {
	display: inline-block;
	padding: 8px 20px;
	font-size: 1.2em;
	border-bottom: 1px solid #FFFFFF;
}
.taxnomoypage {
	display: block;
}
.taxnomoypage-box {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 8px;
	border-radius: 30px;
	background: #FFFFFF;
	text-align: center;
}

.taxnomoypage-box img {
	width: 80%;
	border: 1px solid #C3C3C3;
	border-radius: 30px;
}

.taxnomoypage-meta {
	line-height: 130%;
	margin: 8px 20px;
	text-align: left;
}

.taxnomoypage-meta .day {
	padding: 2px 10px;
	font-size: 0.9em;
	color: gray;
	border-radius: 8px;
}
.taxnomoypage-meta a,
.swcornermenu2 .menu a {
	display: block;
	margin-top: 8px;
	font-size: 1.1em;
	color: #000;
	font-weight: 400;
}
.taxnomoypage-meta a:hover,
.swcornermenu2 .menu a:hover {
	color: #E5373A;
}

/*サイドバーメニュー　背景白*/
.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;
}
.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:hover {
	color: #4D83AA;
	background: #DAF9FC;
}

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

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

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

#indexboad {
	height: auto;
}
.indextoptitle-left {
	float: none;
	width: 100%;
	padding: 10px;
}

.indextoptitle-left p {
	margin: 20px 8px;
}

.indextoptitle-right {
	display: none;
}

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

#listboad {
	height: auto;
}
.listtoptitle-left {
	float: none;
	width: 100%;
	padding: 8px;
	text-align: left;
}
.listtoptitle-left select {
	display: block;
}

.listtoptitle-right {
	display: none;
}

/*シングルページ*/
.listpage-title {
	font-size: 1.3em;
	padding: 10px 8px;
}

/*画像と表*/
.indexlistview {}
.tableline {}
.tableline img {
	float: none;
	width: 99%;
	padding-right: 0;
}
.tableline table {
	float: none;
	width: 99%;
}
.tableline .snsblock {
	float: none;
}
.tableline .snsblock img {
	width: 60px;
	max-width: 22%;
}

/*トップページリスト*/

.infotopbox-box {
	width: 99%;
	margin: 10px;
	float: none;
}
/*----------------
若者サポーター
-----------------*/
.swcornermenu {
	display: block;
}

.swcornermenu .title img {
	max-width: 90%;
}
.swcornermenu2 .menu a {
	flex: 1 0 40%;
}

/*トップヘッダー*/
.suptop_header .pc {
	display: none;
}
.suptop_header .mb {
	display: block;
}
.suptop_header_mb {
	display: block;
}
/*サポータートップページ*/
.suptop_A img.suptoptitle {
	width: 80%;
}
.suptop_A .cyuijiko {
	padding-left: 0;
}
.suptop_A .menu .menublock {
	width: calc( 100% / 2 - 8px );
}
.suptop_A .menu .menublock .top {
	text-align: center;
}

.suptop_B .menu .menublock {
	width: calc( 100% / 2 - 8px );
}
/*カテゴリ　若者サポーター利用者の声*/
.wsvoice-post-item {
	gap: 14px;
	padding: 18px 0;
}

.wsvoice-post-body {
	width: 70%;
}

.wsvoice-post-title {
	font-size: 1rem;
}

.wsvoice-post-date {
	font-size: 0.75rem;
}

.wsvoice-post-custom,
.wsvoice-post-content {
	font-size: 0.9rem;
	line-height: 1.7;
}
/*若者トップ　利用者の声リスト*/
.ws_voicelist_page {
	padding: 10px;
}
/*--------------
募集メニュー
---------------*/
.bosyumenu {
	display: flex !important;
	/*justify-content:center;*/
	align-items: center;
	text-align: left;
	width: 100%;
	height: 50px;
	font-size: 1.2em;
	border-bottom: 6px dotted #D2D2D2;
	transition: all 0.4s ease;
	padding-left: 65px;
	background: url(/oks/wp-content/uploads/contents/speak2.png) left bottom no-repeat;
	background-size: contain;
}
.bosyumenu a {
	display: flex !important;
	width: 100%;
	height: 100%;
}
.bosyumenu a:hover {
	font-size: 1.2em;
	transform: translateY(-5px);
}
.bosyumenu.blue {
	background: url(/oks/wp-content/uploads/contents/speak1.png) left bottom no-repeat;
	background-size: contain;
}
.bosyumenu.green {
	background: url(/oks/wp-content/uploads/contents/speak2.png) left bottom no-repeat;
	background-size: contain;
}
.bosyumenu.orange {
	background: url(/oks/wp-content/uploads/contents/speak3.png) left bottom no-repeat;
	background-size: contain;
}
.bosyumenu.pink {
	background: url(/oks/wp-content/uploads/contents/speak4.png) left bottom no-repeat;
	background-size: contain;
}

}
