/*-------------------------------------------------
|- column index
-------------------------------------------------*/
.column {
	margin-bottom: 200px;
	padding-bottom: 200px;
	border-bottom: 1px solid #d4d4d4;
}
.ttl {
	margin: 60px 0;
}
.ttl_img {
	width: 220px;
	margin: 0 auto 10px;
	display: block;
}
.ttl_txt {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-indent: .1em;
	letter-spacing: .5em;
	display: block;
}
/***** columnListWrap *****/
.columnList {
	width: 74%;
	max-width: 1040px;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
}
.columnList_item {
	/*width: 31%;*/
	width: 28%;
	margin-bottom: 90px;
}
.column_img_wrap {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 100%;
	background-color: #f0efec;
}
.column_img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}
.columnList_link {
	color: #000;
	/*font-size: 18px;*/
	display: inline-block;
	transition: .2s;
	width: 100%;
}
.columnList_link:hover {
	opacity: .8;
}
.column_body_ttl {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
}
.columnList_link:hover .column_body_ttl {
	text-decoration: underline;
}
.cate_txt {
	margin: 0 10px;
	font-size: 14px;
	/*display: inline-block;*/
	word-break: break-all;
	vertical-align: text-top
}
/*----- 1番目のコラム専用 -----*/
.columnList_item:first-child {
	/*width: 86%;*/
	width: 76%;
	margin: 0 auto 95px;
}
.columnList_item:first-child .column_img_wrap {
	width: 54%;
	margin-bottom: 0;
	padding-top: 54%;
}
.column_img_wrap-new:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 15px;
	width: 24%;
	height: 100%;
	background: url(/assets/img/txt_column_new.svg) no-repeat;
	display: block;
	z-index: 2;
}
.column_img_wrap-pickup:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 15px;
	width: 24%;
	height: 100%;
	background: url(/assets/img/txt_column_pickup.svg) no-repeat;
	display: block;
	z-index: 2;
}
.columnList_item:first-child .columnList_link {
	display: flex;
	justify-content: space-between; 
	align-items: flex-end;
}
.columnList_item:first-child .column_body {
	width: 42%;
}
.moreBtn {
	width: 240px;
	margin: 0 auto;
	line-height: 0;
	cursor: pointer;
	transition: .2s;
	display: none;
}
.moreBtn:hover {
	opacity: .8;
}
@media screen and (min-width: 768px){
	.columnList_item:nth-child(3n){
		/*margin: 0 3.5%;*/
		margin: 0 8%;
	}
	.columnList_item:first-child .column_body_ttl {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.column {
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	.ttl {
		margin: 25px 0;
	}
	.ttl_img {
		width: 30%;
		margin-bottom: 10px;
	}
	.ttl_txt {
		font-size: 13px;
	}
	/***** columnListWrap *****/
	.columnList {
		width: 88%;
		margin: 0 auto;
	}
	.columnList_item {
		width: 46%;
		margin-bottom: 50px;
	}
	.columnList_item:nth-child(even) {
		margin-right: 8%;
	}
	.columnList_item.aaa {
		display: block;
	}
	.cate_txt {
		font-size: 12px;
	}
	.column_body_ttl {
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: normal;
	}
	/*----- 1番目のコラム専用 -----*/
	.columnList_item:first-child {
		width: 57%;
		margin: 0 auto 45px;
	}
	.columnList_item:first-child .columnList_link {
		display: block;
	}
	.columnList_item:first-child .column_img_wrap {
		width: 100%;
		margin-bottom: 10px;
		padding-top: 100%;
	}
	.column_img_wrap-new:before {
		top: 10px;
		left: 10px;
		width: 21%;
		background: url(/assets/img/txt_column_new.svg) no-repeat;
	}
	.column_img_wrap-pickup:before {
		top: 5px;
		left: 5px;
		width: 21%;
		background: url(/assets/img/txt_column_pickup.svg) no-repeat;
	}
	.columnList_item:first-child .column_body {
		width: 100%;
	}
	.moreBtn {
		width: 32%;
	}
}
/*-------------------------------------------------
|- column detail
-------------------------------------------------*/
.columnWrap {
	width: 100%;
	padding: 65px 0 115px;
	background-color: #d3dde0;
}
.detail {
	width: 66%;
	max-width: 930px;
	margin: 0 auto;
	padding: 90px 0 55px;
	background-color: #fff;
}
.detailTtl {
	width: 95%;
	margin: 0 auto 55px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.mainImgWrap {
	position: relative;
	width: 55%;
	margin: 0 auto 30px;
	padding-top: 55%;
}
.main_img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}
.hash {
	width: 55%;
	margin: 0 auto 45px;
	font-size: 16px;
	font-weight: bold;
}
.hash_link {
	margin: 0 20px;
	color: #000;
}
.hash_link:hover {
	text-decoration: underline;
}
.hash_txt {
	font-weight: bold;
}
.detailTxt {
	width: 78%;
	margin: 0 auto;
	line-height: 180%;
	word-break: break-all;
}
/***** freeInput *****/
.freeInput {
	width: 78%;
	margin: 20px auto 90px;
}
.freeInput img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
/***** hashLink *****/
.hashLink {
	width: 78%;
	margin: 0 auto 80px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.hashLink_item {
	margin: 0 0 10px 10px;
	background-color: #606060;
}
.hashLink_item:first-child {
	margin-left: 0;
}
.hashLink_link {
	padding: 5px 20px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	display: block;
	transition: .2s;
}
.hashLink_link:hover {
	opacity: .8;
}
/***** share *****/
.shareTtl {
	width: 220px;
	margin: 0 auto 15px;
	line-height: 100%;
}
.share {
	width: 100%;
	margin-bottom: 80px;
	padding: 30px 0;
	background-color: #a28e71;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.share_item {
	width: 5%;
	margin-left: 15px;
}
.share_item:first-child {
	margin-left: 0;
}
/***** pickup *****/
.pickup {
	width: 88%;
	margin: 0 auto 80px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
}
.pickupTtl {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000;
}
.pickupList {
	width: 77%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.pickupList_item {
	width: 47%;
	margin: 0 0 20px 6%;
}
.pickupList_item:nth-child(odd) {
	margin-left: 0;
}
.pickupList_item:only-child {
	margin: 0 auto 20px;
}
.pickupList_wrap {
	margin-bottom: 10px;
}
.pickupList_ttl {
	font-size: 18px;
}
/***** paging *****/
.paging {
	width: 355px;
	margin: 0 auto 90px;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: center;
}
.paging_item {
	position: relative;
	width: 117px;
	background-color: #a08d70;
	margin-right: 5px;
}
.paging_item:last-child {
	margin-right: 0;
}
.paging_item-prev::before {
	content: '';
	position: absolute;
	top: 35%;
	left: 10%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.paging_item-back {
	background-color: #f0f0f0;
}
.paging_item-back::after {
	content: '';
	position: absolute;
	top: 45%;
	right: 6%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #a08d70;
	border-right: solid 2px #a08d70;
	border-radius: 1px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.paging_item-next::after {
	content: '';
	position: absolute;
	top: 35%;
	right: 10%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paging_link {
	padding: 10px 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
}
.paging_item-prev > .paging_link {
	padding-left: 10px;
}
.paging_item-back > .paging_link,
.paging_item-next > .paging_link {
	padding-right: 10px;
}
.paging_item-back > .paging_link {
	color: #a08d70;
}
/***** banner *****/
.banner {
	width: 86%;
	margin: 0 auto;
}
.banner_item {
	margin-top: 10px;
}
.banner_item:first-child {
	margin-top: 10px;
}
@media screen and (min-width: 768px){
	.banner {
		min-width: 400px;
	}
}
@media screen and (max-width: 767px){
	.ttl_detail {
		margin: 50px 0 15px;
	}
	.columnWrap {
		padding: 25px 0 20px;
	}
	.detail {
		width: 88%;
		padding: 25px 0;
	}
	.detailTtl {
		width: 93%;
		margin: 0 auto 25px;
		font-size: 19px;
		/*text-align: left;*/
	}
	.mainImgWrap {
		/*width: 72%;*/
		width: 90%;
		margin: 0 auto 15px;
		padding-top: 72%;
	}
	.hash {
		/*width: 72%;*/
		width: 90%;
		margin: 0 auto 15px;
		font-size: 16px;
	}
	.hash_link {
		margin: 0 10px;
	}
	.detailTxt {
		/*width: 72%;*/
		width: 90%;
	}
	/***** freeInput *****/
	.freeInput {
		/*width: 72%;*/
		width: 90%;
		margin: 10px auto 30px;
	}
	/***** hashLink *****/
	.hashLink {
		/*width: 72%;*/
		width: 90%;
		margin: 0 auto 30px;
		justify-content: flex-start;
	}
	.hashLink_item {
		margin: 0 5px 5px 0;
	}
	.hashLink_link {
		padding: 5px 10px;
		font-size: 12px;
	}
	/***** share *****/
	.shareTtl {
		width: 40%;
		margin: 0 auto 5px;
	}
	.share {
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.share_item {
		width: 9%;
		margin-left: 10px;
	}
	/***** pickup *****/
	.pickup {
		width: 92%;
		margin: 0 auto 35px;
		padding: 0;
	}
	.pickupTtl {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.pickupList_item {
		width: 46%;
		margin: 0 0 10px 8%;
	}
	.pickupList_wrap {
		margin-bottom: 5px;
	}
	.pickupList_ttl {
		font-size: 14px;
	}
	/***** paging *****/
	.paging {
		width: 86%;
		margin: 0 auto 35px;
	}
	.paging_item {
		width: 32.8%;
	}
	.paging_link {
		font-size: 14px;
	}
	.paging_item-prev > .paging_link {
		padding-left: 10%;
	}
	.paging_item-back > .paging_link, 
	.paging_item-next > .paging_link {
		padding-right: 10%;
	}
	.paging_item-prev::before,
	.paging_item-back::after,
	.paging_item-next::after {
		width: 8px;
		height: 8px;
	}
	/***** banner *****/
	.banner {
		width: 92%;
	}
}
@media screen and (max-width: 321px){
	.paging_link {
		font-size: 12px;
	}
	.paging_item-prev::before,
	.paging_item-back::after,
	.paging_item-next::after {
		width: 7px;
		height: 7px;
	}
}
/*-------------------------------------------------
|- column result
-------------------------------------------------*/
.ttl_result {
	margin: 60px auto 30px;
}
.searchTxt {
	margin-bottom: 60px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 4px;
}
.resultList {
	width: 76%;
	margin: 0 auto 60px;
	display: flex;
	flex-wrap: wrap;
}
.resultList_item {
	width: 46%;
	margin: 0 8% 90px 0;
}
.resultList_item:nth-child(even) {
	margin-right: 0;
}
.result_img_wrap {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 100%;
	background-color: #f0efec;
}
.result_img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}
.result_body_ttl {
	font-size: 18px;
	font-weight: bold;
}
/***** pagingNo *****/
.pagingNo {
	width: 76%;
	margin: 0 auto 75px;
	display: flex;
	justify-content: center;
}
.pagingNo_item {
	width: 30px;
	margin-right: 10px;
}
.pagingNo_item.current {
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: rgba(162, 142, 113, 1);
}
.pagingNo_prev,
.pagingNo_next {
	position: relative;
	display: inline-block;
	width: 20px;
}
.pagingNo_prev::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10%;
	width: 15px;
	height: 15px;
	margin: auto;
	border: 0px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-radius: 1px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.pagingNo_prev.disabled::after {
	content: '';
	border-top: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}
.pagingNo_next::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10%;
	width: 15px;
	height: 15px;
	margin: auto;
	border: 0px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pagingNo_next.disabled::before {
	border-top: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}
.pagingNo_link {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: rgba(162, 142, 113, 0.5);
	display: block;
	transition: .2s;
}
.pagingNo_link:hover {
	background-color: rgba(162, 142, 113, 1);
}
/***** backBtn *****/
.backBtn {
	width: 120px;
	margin: 0 auto 70px;
	background-color: #f0f0f0;
}
.backBtn_link {
	position: relative;
	padding: 10px 20px 10px 0;
	box-sizing: border-box;
	color: #a08d70;
	font-weight: bold;
	text-align: center;
	display: block;
	transition: .2s;
}
.backBtn_link::after {
	content: '';
	position: absolute;
	top: 45%;
	right: 9%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #a08d70;
	border-right: solid 2px #a08d70;
	border-radius: 1px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 767px){
	.ttl_result {
		margin: 25px auto;
	}
	.searchTxt {
		margin-bottom: 25px;
		font-size: 16px;
	}
	.resultList {
		width: 88%;
		margin: 0 auto;
	}
	.resultList_item {
		margin: 0 8% 50px 0;
	}
	.columnList_item {
		width: 46%;
	}
	.result_body_ttl {
		font-size: 14px;
		font-weight: normal;
	}
	/***** pagingNo *****/
	.pagingNo {
		width: 88%;
		margin: 0 auto 40px;
	}
	.backBtn {
		margin: 0 auto 35px;
	}
}