@charset "utf-8";

/* *******************************************************************************************
*
*	jiyuu-kenkyu sp
*
******************************************************************************************* */
@media screen and (max-width : 768px) {

	/* -------------------------------------------------------------------------------------------
*
* インデックスページ
*
* ----------------------------------------------------------------------------------------- */
	/* ----------------------------- ページタイトル ----------------------------- */
	.jk_container {
		width: 100%;
		padding-bottom: 360px;
	}

	.jk_container .pageHeader_ttl {
		padding-bottom: 20px;
	}

	.jk_container .pageHeader_ttl rt {
		font-size: 14px;
	}

	.pageHeader_lead {
		font-weight: normal;
	}

	/* ----------------------------- ソートボタン ----------------------------- */
	.filter_container {
		width: 90%;
		padding-bottom: 80px;
	}

	.filter_container .filter_item {
		width: 50%;
	}

	.filter_container .reset {
		width: 100%;
	}

	.filter_container .filter_btn.all {
		padding: 15px 0;
	}

	.filter_container .filter_item.filter_item_all {
		width: 100%;
	}

	.filter_container .filter_btn-wrap {
		width: 95%;
	}

	.filter_container .filter_btn-wrap.age {
		position: absolute;
		top: 20px;
		left: 0;
		z-index: 12;
	}

	.filter_container .filter_btn-wrap.cat {
		position: absolute;
		top: 20px;
		left: 105%;
		z-index: 12;
	}

	.filter_container .filter_btn {
		width: 100%;
		display: block;
	}

	.filter_container .filter_parent {
		width: 100%;
		background: #fff url('../image/btn_sort_off.png') 95% 15px no-repeat;
		background-size: 30px 30px;
		text-indent: 0;
		line-height: 1.5em;
		padding-top: 6px;
	}

	.filter_container .filter_parent.row {
		padding: 1em 0;
	}

	.filter_container .filter_parent .filter_parent_inner {
		padding-bottom: 5px;
		margin-left: -2em;
	}

	.jk_list_item .jk_list_item_cat {
		margin-top: -1px;
	}

	.filter_container .filter_parent:hover {
		background-color: #fff;
	}

	.filter_container .filter_parent.open {
		background: #ecf2da url('../image/btn_sort_on.png') 95% 15px no-repeat;
		background-size: 30px 30px;
	}

	.filter_container .filter_parent.row.open {
		padding-bottom: 0;
	}

	.filter_container .sort {
		width: 100%;
	}

	.filter_container .filter_parent.row>.sort {
		margin-top: 1em;
	}

	.filter_container.footer_btn_container {
		bottom: 190px;
		left: 5%;
		margin-left: 0;
	}

	/* ----------------------------- イベントバナー ----------------------------- */
	.event_bnr {
		width: 90%;
	}

	/* ----------------------------- 記事一覧 ----------------------------- */
	.jk_container02 .boxes {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	.jk_list_item {
		width: 100%;
		float: none;
		height: auto;
		padding-bottom: 8%;
		display: block;
		margin-bottom: 0;
	}

	.jk_list_item .jk_list_item-inner {
		width: 100%;
		display: block;
	}

	.jk_list_item .jk_list_item_age_img {
		width: 100%;
	}

	.jk_list_item .jk_list_item_link {
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}

	.jk_list_item .jk_list_item_txt {
		padding: 0 20px 30px;
	}

	.jk_list_item .jk_list_item_age {
		position: static;
		width: 100%;
		height: 31px;
		padding: 5% 0 0 15%;
		border-top: 2px dotted #8ab312;
		font-size: 14px;
		color: #7ca600;
	}

	.jk_list_item .jk_list_item_age span {
		float: left;
	}

	.jk_list_item .jk_list_item_age .jk_list_item_age_img {
		position: static;
	}

	.jk_list_item .jk_list_item_age .jk_list_item_age_img .chicken {
		width: 50%;
		height: auto;
		float: left;
		margin: -2% 0 2% 2%;
	}

	/* ----------------------------- もっとみるボタン ----------------------------- */
	.btn_more {
		width: 100%;
		height: auto;
		background-color: #8ab312;
		border: 2px solid #8ab312;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		color: #fff;
		font-weight: bold;
		padding: 15px 0 10px;
		margin: 20px auto 0;
		cursor: pointer;
	}

	.btn_more .btn_more_inner {
		background: url('../image/btn_more.png') left top no-repeat;
		background-size: 30px auto;
		display: block;
		width: 120px;
		height: 30px;
		margin: 0 auto;
		text-indent: 2.5em;
	}



	.jk_list_item .jk_list_item-new {
		position: absolute;
		top: 5vw;
		right: 5vw;
		width: 50px;
		height: auto;
	}

	.filter_container .filter_parent .filter_parent_inner {
		font-size: 15px;
	}

	.jk_container.jk_container01 {
		padding: 60px 0 0;
	}

	.jk_container.jk_container02 {
		padding: 0 0 360px;
	}
}